{"version":3,"sources":["webpack:///./lib/szf-carousel/module-registration.js?1d31","webpack:///./src/modules/szf-carousel/szf-carousel.view.tsx?d1bb","webpack:///external \"React\"?c481","webpack:///external \"ReactDOM\"?4b2d","webpack:///./src/modules/szf-carousel/szf-carousel.tsx?9774"],"names":["binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","retrieveItems","props","items","slots","content","length","CarouselView","React","Module","Object","assign","carouselContainer","renderModuleAttributes","Carousel","className","classnames","closeAnimation","activeIndex","next","previous","pause","config","pauseOnHover","ride","autoplay","undefined","interval","transitionType","hideFlipper","dismissEnabled","onIndicatorsClickHandler","handleDismissCarousel","dismissCarouselAriaText","resources","ariaLabelForDismissButton","indicatorAriaText","ariaLabelForSlide","directionTextPrev","flipperPrevious","directionTextNext","flipperNext","handleOnExited","handleOnExiting","telemetryContent","keyboard","module","exports","ReactDOM","CarouselModule","constructor","state","super","_handleDismissCarousel","this","context","request","cookies","set","id","setState","dismissCarousel","_next","nextIndex","parallaxEffect","imageClassesForParallaxEffect","domBodyElement","document","getElementsByClassName","forEach","Parallaxclass","classList","remove","add","animating","closeNow","_previous","_onExiting","_onExited","_goToIndex","newIndex","getTelemetryObject","telemetryPageName","friendlyName","telemetry","componentDidMount","get","render","viewProps","moduleProps","renderView"],"mappings":"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","file":"static/js/146.16f65033a7ec31e008ba.chunk.js","sourcesContent":["const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['szf-carousel'] = {\n        c: () => require('partner/modules/szf-carousel/szf-carousel.tsx'),\n        $type: 'containerModule',\n        da: [],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'szf-carousel',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/szf-carousel'\n    });\n        \n\n        \n    window.__bindings__ = window.__bindings__ || {};\n    window.__bindings__.modules = {\n        ...window.__bindings__.modules || {},\n        ...binding.modules\n    };\n    \n        window.__bindings__.dataActions = {\n        ...window.__bindings__.dataActions || {},\n        ...binding.dataActions\n    };\n                        export const viewDictionary = {};\n                        viewDictionary['__local__|__local__|modules|szf-carousel|szf-carousel'] = {\n                c: () => require('partner/modules/szf-carousel/szf-carousel.view.tsx'),\n                cn: '__local__-__local__-szf-carousel'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { Carousel } from '@msdyn365-commerce/components';\r\nimport { Module } from '@msdyn365-commerce-modules/utilities';\r\nimport classnames from 'classnames';\r\nimport * as React from 'react';\r\n\r\nimport { ICarouselViewProps } from './szf-carousel';\r\n\r\n/**\r\n * Returns item slots.\r\n * @returns Array of item slots.\r\n * @param props -Props.\r\n */\r\nconst retrieveItems = (props: ICarouselViewProps): React.ReactNode[] => {\r\n    let items = [];\r\n    items = props.slots && props.slots.content && props.slots.content.length > 0 ? props.slots.content : [];\r\n    return items;\r\n};\r\nconst CarouselView: React.FC<ICarouselViewProps> = props => (\r\n    <Module {...props.carouselContainer} {...props.renderModuleAttributes(props)}>\r\n        <Carousel\r\n            className={classnames(props.closeAnimation)}\r\n            activeIndex={props.activeIndex}\r\n            next={props.next}\r\n            previous={props.previous}\r\n            pause={props.config.pauseOnHover ? 'hover' : false}\r\n            ride={props.config.autoplay ? 'carousel' : undefined}\r\n            autoplay={props.config.autoplay}\r\n            interval={props.config.interval}\r\n            transitionType={props.config.transitionType ? props.config.transitionType : undefined}\r\n            items={retrieveItems(props)}\r\n            hideFlipper={props.config.hideFlipper}\r\n            dismissEnabled={props.config.dismissEnabled}\r\n            onIndicatorsClickHandler={props.onIndicatorsClickHandler}\r\n            handleDismissCarousel={props.handleDismissCarousel}\r\n            dismissCarouselAriaText={props.resources && props.resources.ariaLabelForDismissButton}\r\n            indicatorAriaText={props.resources && props.resources.ariaLabelForSlide}\r\n            directionTextPrev={props.resources && props.resources.flipperPrevious}\r\n            directionTextNext={props.resources && props.resources.flipperNext}\r\n            handleOnExited={props.handleOnExited}\r\n            handleOnExiting={props.handleOnExiting}\r\n            telemetryContent={props.telemetryContent}\r\n            keyboard={props.config.keyboard}\r\n        />\r\n    </Module>\r\n);\r\n\r\nexport default CarouselView;\r\n","module.exports = React;","module.exports = ReactDOM;","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { getTelemetryObject, IModuleProps, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\r\nimport classnames from 'classnames';\r\nimport * as React from 'react';\r\n\r\nimport { ISzfCarouselData } from './szf-carousel.data';\r\nimport { ISzfCarouselProps } from './szf-carousel.props.autogenerated';\r\nimport { ICarouselState } from './szf-carousel.state';\r\n\r\nexport interface ICarouselViewProps extends ISzfCarouselProps<{}>, ICarouselState {\r\n    closeAnimation: string;\r\n    carouselContainer: IModuleProps;\r\n    telemetryContent: ITelemetryContent;\r\n    next(): void;\r\n    previous(): void;\r\n    onIndicatorsClickHandler(): void;\r\n    handleDismissCarousel(): void;\r\n    handleOnExited(): void;\r\n    handleOnExiting(): void;\r\n}\r\nexport interface contentBlockSlot {\r\n    props:{\r\n        config:{\r\n            className?:string\r\n        }\r\n    }\r\n}\r\n/**\r\n *\r\n * CarouselModule component.\r\n * @extends {React.PureComponent<ISzfCarouselProps<ISzfCarouselData>>}\r\n */\r\nclass CarouselModule extends React.PureComponent<ISzfCarouselProps<ISzfCarouselData>, ICarouselState> {\r\n    private animating: boolean;\r\n\r\n    private readonly telemetryContent: ITelemetryContent;\r\n\r\n    constructor(props: ISzfCarouselProps<ISzfCarouselData>, state: ICarouselState) {\r\n        super(props);\r\n        this.state = { activeIndex: 0, closeNow: false, dismissCarousel: false };\r\n        this.animating = false;\r\n        this.telemetryContent = getTelemetryObject(\r\n            this.props.context.request.telemetryPageName!,\r\n            this.props.friendlyName,\r\n            this.props.telemetry\r\n        );\r\n    }\r\n\r\n    public componentDidMount(): void {\r\n        if (this.props.context && this.props.context.request && this.props.context.request.cookies) {\r\n            if (this.props.context.request.cookies.get(`CarouselDismiss_${this.props.id}`) === undefined) {\r\n                this.props.context.request.cookies.set(`CarouselDismiss_${this.props.id}`, 'false');\r\n                this.setState({ dismissCarousel: false });\r\n            }\r\n        }\r\n    }\r\n\r\n    public render(): JSX.Element | null {\r\n        if (this.state.dismissCarousel) {\r\n            return null;\r\n        }\r\n\r\n        const { className } = this.props.config;\r\n\r\n        const viewProps = {\r\n            // Context for telemetry and raw data for C1 to do customization\r\n            // Including computed data, state data and methods\r\n            ...this.props,\r\n            ...this.state,\r\n            telemetryContent: this.telemetryContent,\r\n            carouselContainer: {\r\n                moduleProps: this.props,\r\n                className: classnames('ms-carousel', className)\r\n            },\r\n            closeAnimation: this.state.closeNow ? 'close-now' : '',\r\n            next: this._next,\r\n            previous: this._previous,\r\n            onIndicatorsClickHandler: this._goToIndex,\r\n            handleDismissCarousel: this._handleDismissCarousel,\r\n            handleOnExited: this._onExited,\r\n            handleOnExiting: this._onExiting\r\n        };\r\n\r\n        return this.props.renderView(viewProps) as React.ReactElement;\r\n    }\r\n\r\n    /**\r\n     * Function implementation to dismiss the Carousel.\r\n     */\r\n    private readonly _handleDismissCarousel = (): void => {\r\n        if (this.props.context && this.props.context.request && this.props.context.request.cookies) {\r\n            this.props.context.request.cookies.set(`CarouselDismiss_${this.props.id}`, 'true');\r\n            this.setState({ dismissCarousel: true });\r\n        }\r\n    };\r\n\r\n    /**\r\n     * Function implementation to move to next slide.\r\n     */\r\n    private readonly _next = (): void => {\r\n        const { slots } = this.props;\r\n        const nextIndex = this.state.activeIndex === (slots && slots.content && slots.content.length - 1) ? 0 : this.state.activeIndex + 1;\r\n        // const Classes = slots && slots.content && (slots.content.length >0) && slots.content.map((contentBlockslot : React.ReactNode )=>{\r\n        //     return contentBlockslot && contentBlockslot.props && contentBlockslot.props.config.className\r\n        // })\r\n        /* VSI | Customization | Start */\r\n        const { parallaxEffect, imageClassesForParallaxEffect } = this.props.config;\r\n        if(parallaxEffect && imageClassesForParallaxEffect?.length){\r\n            const domBodyElement = document.getElementsByClassName('szf_homepage');\r\n            imageClassesForParallaxEffect.forEach((Parallaxclass)=>{\r\n                domBodyElement[0].classList.remove(Parallaxclass);\r\n            });\r\n            domBodyElement[0].classList.add(imageClassesForParallaxEffect[nextIndex]);\r\n        }\r\n        /* VSI | Customization | End */\r\n        if (this.animating) {\r\n            this.setState({ closeNow: true, activeIndex: nextIndex });\r\n        } else {\r\n            this.setState({ activeIndex: nextIndex });\r\n        }\r\n    };\r\n\r\n    /**\r\n     * Function implementation to move to previous slide.\r\n     */\r\n    private readonly _previous = (): void => {\r\n        const slots = this.props.slots && this.props.slots.content;\r\n        const nextIndex = this.state.activeIndex === 0 ? (slots ? slots.length - 1 : 0) : this.state.activeIndex - 1;\r\n        /* VSI | Customization | Start */\r\n        const { parallaxEffect, imageClassesForParallaxEffect } = this.props.config;\r\n        if(parallaxEffect && imageClassesForParallaxEffect?.length){\r\n            const domBodyElement = document.getElementsByClassName('szf_homepage');\r\n            imageClassesForParallaxEffect.forEach((Parallaxclass)=>{\r\n                domBodyElement[0].classList.remove(Parallaxclass);\r\n            });\r\n            domBodyElement[0].classList.add(imageClassesForParallaxEffect[nextIndex]);\r\n        }\r\n        /* VSI | Customization | End */\r\n        if (this.animating) {\r\n            this.setState({ closeNow: true, activeIndex: nextIndex });\r\n        } else {\r\n            this.setState({ activeIndex: nextIndex });\r\n        }\r\n    };\r\n\r\n    private readonly _onExiting = (): void => {\r\n        this.animating = true;\r\n    };\r\n\r\n    private readonly _onExited = (): void => {\r\n        this.animating = false;\r\n        this.setState({ closeNow: false });\r\n    };\r\n\r\n    /**\r\n     * Function implementation to move to a given slide.\r\n     * @param newIndex\r\n     */\r\n    private readonly _goToIndex = (newIndex: number): void => {\r\n        if (this.animating) {\r\n            return;\r\n        }\r\n        this.setState({ activeIndex: newIndex });\r\n    };\r\n}\r\n\r\nexport default CarouselModule;\r\n"],"sourceRoot":""}