{"version":3,"file":"static/js/c33fb87f19b1921d0ec0.bundle.js","mappings":"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","sources":["webpack://Msdyn365.Commerce.Online/./src/modules/only-signup-offer-modal/only-signup-offer-modal.tsx?865e","webpack://Msdyn365.Commerce.Online/./src/modules/only-signup-offer-modal/only-signup-offer-modal.view.tsx?e533","webpack://Msdyn365.Commerce.Online/./lib/only-signup-offer-modal/module-registration.js?9613","webpack://Msdyn365.Commerce.Online/external var \"React\"?0d3b","webpack://Msdyn365.Commerce.Online/external var \"ReactDOM\"?853b"],"sourcesContent":["/*!\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\nimport * as React from 'react';\r\n\r\nimport { IOnlySignupOfferModalData } from './only-signup-offer-modal.data';\r\nimport { IOnlySignupOfferModalProps } from './only-signup-offer-modal.props.autogenerated';\r\n\r\nexport interface IOnlySignupOfferModalViewProps extends IOnlySignupOfferModalProps<IOnlySignupOfferModalData> {}\r\n\r\n/**\r\n *\r\n * OnlySignupOfferModal component\r\n * @extends {React.PureComponent<IOnlySignupOfferModalProps<IOnlySignupOfferModalData>>}\r\n */\r\nclass OnlySignupOfferModal extends React.PureComponent<IOnlySignupOfferModalProps<IOnlySignupOfferModalData>> {\r\n    public render(): JSX.Element | null {\r\n        return this.props.renderView(this.props);\r\n    }\r\n}\r\n\r\nexport default OnlySignupOfferModal;\r\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\nimport * as React from 'react';\r\nimport { IOnlySignupOfferModalViewProps } from './only-signup-offer-modal';\r\nimport { IImageSettings, Image, RichTextComponent } from '@msdyn365-commerce/core';\r\nimport * as Msdyn365 from '@msdyn365-commerce/core';\r\nimport Modal from 'reactstrap/lib/Modal';\r\nimport ModalBody from 'reactstrap/lib/ModalBody';\r\nimport { IHeadingData } from './only-signup-offer-modal.props.autogenerated';\r\nvar dataLayer: IGTMData[] = [];\r\nexport interface IGTMData {\r\n    event: string;\r\n    ecommerce: IGTMSubscribeNewLetter;\r\n}\r\nexport interface ISignUpSessionData {\r\n    visited?: boolean;\r\n}\r\nexport interface IGTMSubscribeNewLetter {\r\n    clickSubscribeNewsletter?: IGTMSubscriptionMessage;\r\n    openNewsletterClick?: IGTMSubscriptionMessage;\r\n    cancelNewsletterClick?: IGTMSubscriptionMessage;\r\n}\r\nexport interface IGTMSubscriptionMessage {\r\n    message: string;\r\n}\r\n\r\nconst signUpForNewsletter = (): void => {\r\n    dataLayer.push({\r\n        event: 'Subscribe newsLetter trigger',\r\n        ecommerce: {\r\n            clickSubscribeNewsletter: {\r\n                message: 'Open Sign Up form to Subscribe Newsletter'\r\n            }\r\n        }\r\n    });\r\n};\r\n\r\nexport default (props: IOnlySignupOfferModalViewProps) => {\r\n    const renderMsdyn365Text = (heading: IHeadingData): React.ReactNode => {\r\n        return (\r\n            <Msdyn365.Text\r\n                {...heading}\r\n                tag={heading.tag || 'h2'}\r\n                text={heading.text}\r\n                editProps={{ onEdit: handleHeadingChange, requestContext: props.context.request }}\r\n            />\r\n        );\r\n    };\r\n    const handleHeadingChange = (event: Msdyn365.ContentEditableEvent) => (props.config.heading!.text = event.target.value);\r\n    const handleParagraphChange = (event: Msdyn365.ContentEditableEvent) => (props.config.paragraph = event.target.value);\r\n    const handleTextChange = (event: Msdyn365.ContentEditableEvent) => (props.config.termsAndConditions = event.target.value);\r\n\r\n    const newsLetterImageSettings: IImageSettings = {\r\n        viewports: {\r\n            xs: { q: 'w=767&h=767&m=8', w: 0, h: 0 },\r\n            sm: { q: 'w=600&h=600&m=8', w: 0, h: 0 },\r\n            md: { q: 'w=600&h=772&m=8', w: 0, h: 0 },\r\n            lg: { q: 'h=772&m=8', w: 250, h: 600 }\r\n        },\r\n        lazyload: false,\r\n        disableLazyLoad: true,\r\n        cropFocalRegion: true\r\n    };\r\n    const imageSettingsVal: string = newsLetterImageSettings.viewports?.lg!.q!.replace(/['\"]+/g, '');\r\n    const [showModal, setShowModal] = React.useState(false);\r\n    const signUpSession: ISignUpSessionData = props.context.request.sessionStorage.getDataFromStorage('signUpModal');\r\n\r\n    const [agree, setAgree] = React.useState(false);\r\n\r\n    const toggle = () => {\r\n        props.context.request.sessionStorage.setDataInStorage('signUpModal', { visited: true });\r\n        setShowModal(!showModal);\r\n    };\r\n\r\n    const checkboxHandler = () => {\r\n        setAgree(!agree);\r\n    };\r\n\r\n    React.useEffect(() => {\r\n        window.addEventListener('CookiebotOnDialogDisplay', function(e) {\r\n            setShowModal(false);\r\n        });\r\n\r\n        window.addEventListener('CookiebotOnConsentReady', function(e) {\r\n            setTimeout(function() {\r\n                props.config.showCheckboxsignUpOfferModal && !signUpSession.visited && toggle();\r\n            }, 10000);\r\n        });\r\n    }, []);\r\n\r\n    React.useEffect(() => {\r\n        if (showModal) {\r\n            dataLayer.push({\r\n                event: 'Open newsLetter trigger',\r\n                ecommerce: {\r\n                    openNewsletterClick: {\r\n                        message: 'Newsletter popup has been opened for subscription'\r\n                    }\r\n                }\r\n            });\r\n        } else {\r\n            dataLayer.push({\r\n                event: 'Close newsLetter trigger',\r\n                ecommerce: {\r\n                    cancelNewsletterClick: {\r\n                        message: 'Newsletter popup has been cancelled without subscription'\r\n                    }\r\n                }\r\n            });\r\n        }\r\n    }, [showModal]);\r\n\r\n    const {\r\n        config,\r\n        context,\r\n        resources: { signUpButtonTitle }\r\n    } = props;\r\n    const { newsLetterImage, heading, paragraph, termsAndConditions } = config;\r\n    const {\r\n        request: {\r\n            user: { isAuthenticated, signUpUrl }\r\n        }\r\n    } = context;\r\n\r\n    return (\r\n        <>\r\n            <Modal isOpen={showModal && !isAuthenticated} toggle={toggle} className='Signup_popup' backdrop='static' fade={false}>\r\n                <ModalBody style={{ padding: 0 }}>\r\n                    <button id='cross-modal' onClick={toggle}>\r\n                        X\r\n                    </button>\r\n                    <div className='row'>\r\n                        <div className='col-md-5'>\r\n                            {newsLetterImage && (\r\n                                <Image\r\n                                    src={newsLetterImage ? `${newsLetterImage?.src}` + `&` + `${imageSettingsVal}` : ''}\r\n                                    gridSettings={props.context.request.gridSettings!}\r\n                                    {...newsLetterImage}\r\n                                />\r\n                            )}\r\n                        </div>\r\n                        <div className='col-md-7 modal-centralized-content'>\r\n                            <form>\r\n                                <div className='modal-centralized-content-wrapper'>\r\n                                    {heading && renderMsdyn365Text(heading)}\r\n                                    <p>\r\n                                        {paragraph && (\r\n                                            <Msdyn365.RichTextComponent\r\n                                                text={paragraph}\r\n                                                editProps={{ onEdit: handleParagraphChange, requestContext: props.context.request }}\r\n                                            />\r\n                                        )}\r\n                                    </p>\r\n                                    <a\r\n                                        style={{ color: 'white', display: 'block' }}\r\n                                        href={signUpUrl}\r\n                                        className={agree ? 'btn btn-primary' : 'btn btn-primary disable'}\r\n                                        onClick={signUpForNewsletter}\r\n                                    >\r\n                                        {signUpButtonTitle && <RichTextComponent text={signUpButtonTitle} />}\r\n                                    </a>\r\n                                    <div className='custom__checkbox'>\r\n                                        <label className='custom__checkbox__label'>\r\n                                            <input\r\n                                                type='checkbox'\r\n                                                id='agree'\r\n                                                onChange={checkboxHandler}\r\n                                                className='custom__checkbox__input'\r\n                                            />\r\n                                            <p>\r\n                                                {termsAndConditions && (\r\n                                                    <Msdyn365.RichTextComponent\r\n                                                        text={termsAndConditions}\r\n                                                        className='terms-condition-links'\r\n                                                        editProps={{ onEdit: handleTextChange, requestContext: props.context.request }}\r\n                                                    />\r\n                                                )}\r\n                                            </p>\r\n                                        </label>\r\n                                    </div>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                </ModalBody>\r\n            </Modal>\r\n        </>\r\n    );\r\n};\r\n","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['only-signup-offer-modal'] = {\n        c: () => require('partner/modules/only-signup-offer-modal/only-signup-offer-modal.tsx'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'only-signup-offer-modal',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/only-signup-offer-modal'\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|only-signup-offer-modal|only-signup-offer-modal'] = {\n                c: () => require('partner/modules/only-signup-offer-modal/only-signup-offer-modal.view.tsx'),\n                cn: '__local__-__local__-only-signup-offer-modal'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","module.exports = React;","module.exports = ReactDOM;"],"names":["OnlySignupOfferModal","React","render","this","props","renderView","dataLayer","signUpForNewsletter","push","event","ecommerce","clickSubscribeNewsletter","message","_newsLetterImageSetti","handleHeadingChange","config","heading","text","target","value","imageSettingsVal","xs","q","w","h","sm","md","lg","replace","showModal","setShowModal","signUpSession","context","request","sessionStorage","getDataFromStorage","agree","setAgree","toggle","setDataInStorage","visited","window","addEventListener","e","setTimeout","showCheckboxsignUpOfferModal","openNewsletterClick","cancelNewsletterClick","resources","signUpButtonTitle","newsLetterImage","paragraph","termsAndConditions","user","isAuthenticated","signUpUrl","Modal","isOpen","className","backdrop","fade","ModalBody","style","padding","id","onClick","Image","Object","assign","src","gridSettings","Msdyn365","tag","editProps","onEdit","requestContext","renderMsdyn365Text","color","display","href","RichTextComponent","type","onChange","checkboxHandler","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","__bindings__","_objectSpread","viewDictionary","cn","module","exports","ReactDOM"],"sourceRoot":""}