{"version":3,"file":"static/js/f6b401962442ebe454fc.bundle.js","mappings":"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","sources":["webpack://morland-ecommerce/./src/modules/returns/returns.tsx?1668","webpack://morland-ecommerce/./src/modules/returns/returns.view.tsx?0cbd","webpack://morland-ecommerce/./lib/returns/module-registration.js?b351","webpack://morland-ecommerce/external var \"React\"?0d3b","webpack://morland-ecommerce/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 { IReturnsData } from './returns.data';\r\nimport { IReturnsProps } from './returns.props.autogenerated';\r\n\r\nexport interface IReturnsViewProps extends IReturnsProps<IReturnsData> {}\r\n\r\n/**\r\n *\r\n * Returns component\r\n * @extends {React.PureComponent<IReturnsProps<IReturnsData>>}\r\n */\r\nclass Returns extends React.PureComponent<IReturnsProps<IReturnsData>> {\r\n    public render(): JSX.Element | null {\r\n        return this.props.renderView(this.props);\r\n    }\r\n}\r\n\r\nexport default Returns;\r\n","/* eslint-disable security/detect-object-injection */\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\nenum FormStatus {\r\n    SUCCESS,\r\n    FAILED\r\n}\r\n\r\nimport * as React from 'react';\r\nimport { IReturnsViewProps } from './returns';\r\nimport * as Msdyn from '@msdyn365-commerce/core';\r\n\r\nexport default (props: IReturnsViewProps) => {\r\n    const {\r\n        config,\r\n        context: { app }\r\n    } = props;\r\n\r\n    const [formOperation, setFormOperation] = React.useState(FormStatus.SUCCESS);\r\n    const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\r\n        e.preventDefault();\r\n\r\n        if (Msdyn.msdyn365Commerce.isBrowser) {\r\n            const form = document.getElementById('returnForm') as HTMLFormElement;\r\n            const formData = new FormData(form);\r\n            // convert to json\r\n            const object: any = {};\r\n            formData.forEach((value, key) => {\r\n                object[key] = value;\r\n            });\r\n\r\n            const url = props.context.app.config.returnEmailUrl;\r\n            try {\r\n                fetch(url, {\r\n                    body: JSON.stringify(object),\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application/json'\r\n                    }\r\n                })\r\n                    .then(res => {\r\n                        if (res.status === 200) {\r\n                            setOpen(true);\r\n                            setFormOperation(FormStatus.SUCCESS);\r\n                        } else {\r\n                            setFormOperation(FormStatus.FAILED);\r\n                        }\r\n                    })\r\n                    .catch(err => {\r\n                        setFormOperation(FormStatus.FAILED);\r\n                    });\r\n            } catch (e) {\r\n                setFormOperation(FormStatus.FAILED);\r\n            }\r\n        }\r\n    };\r\n    const [open, setOpen] = React.useState(false);\r\n    const closeModal = () => {\r\n        setOpen(false);\r\n        if (Msdyn.msdyn365Commerce.isBrowser) {\r\n            const form = document.getElementById('returnForm') as HTMLFormElement;\r\n            form.reset();\r\n        }\r\n    };\r\n    return (\r\n        <div className='ml-returns-container'>\r\n            <div className='ml-returns-container-instructions'>\r\n                <h2>RETURNS</h2>\r\n                <p>Where returns are required, Morland aims to make this as simple as possible.</p>\r\n                <p>Please enter the details of your order below and press submit to start your Returns Request.</p>\r\n                <p>Your order ID will look similar to the highlighted number below and is available from our update emails.</p>\r\n            </div>\r\n            <div className='ml-returns-container-order-number'>\r\n                <p>\r\n                    Your Order <span>{config.orderIDPattern}</span>\r\n                </p>\r\n            </div>\r\n            <div className='ml-returns-container-cautions'>\r\n                <p>ALL DELIVERIES MUST BE CHECKED FOR DAMAGES AND SIGNED FOR ON RECEIPT.</p>\r\n                <p>IF DAMAGES ARE NOT NOTED AT THE TIME OF DELIVERY WE WILL BE UNABLE TO PROCESS YOUR CLAIM.</p>\r\n                <span>Discrepancies must be reported to us within 3 business days of receipt.</span>\r\n            </div>\r\n            <div className='ml-returns-container-form'>\r\n                <form onSubmit={e => handleSubmit(e)} id='returnForm'>\r\n                    <div className='ml-returns-container-form__form-field'>\r\n                        <label>Order ID</label>\r\n                        <input type='text' required name='OrderId' />\r\n                    </div>\r\n                    <div className='ml-returns-container-form__form-field'>\r\n                        <label>Billing Last Name</label>\r\n                        <input type='text' required name='LastName' />\r\n                    </div>\r\n                    <div className='ml-returns-container-form__form-field'>\r\n                        <label>Email</label>\r\n                        <input type='text' required name='Email' />\r\n                    </div>\r\n                    <div className='ml-returns-container-form__button'>\r\n                        <button type='submit'>SUBMIT</button>\r\n                    </div>\r\n                </form>\r\n            </div>\r\n            <div className='ml-returns-container-delivery-estimate'>\r\n                <p>Your request will generally be responded to within 24 working hours.</p>\r\n                <p>\r\n                    For further information on return policies please see our <a href={app.routes.faq}>FAQ&apos;s</a>\r\n                </p>\r\n            </div>\r\n            <BuyBoxModal\r\n                show={open}\r\n                modalClose={closeModal}\r\n                status={formOperation}\r\n                successMessage={config.returnOrderSuccessMessage}\r\n                failureMessage={config.returnOrderFailureMessage}\r\n            />\r\n        </div>\r\n    );\r\n};\r\n\r\ntype BuyBoxModalProps = {\r\n    modalClose?: () => void;\r\n    show?: boolean;\r\n    successMessage?: string;\r\n    failureMessage?: string;\r\n    status: FormStatus;\r\n};\r\n\r\nconst hiddenStyle: React.CSSProperties = {\r\n    visibility: 'hidden',\r\n    zIndex: 1000,\r\n    display: 'block'\r\n};\r\n\r\nconst visibleStyle: React.CSSProperties = {\r\n    visibility: 'visible',\r\n    zIndex: 1000,\r\n    display: 'block'\r\n};\r\n\r\nexport const BuyBoxModal = (props: BuyBoxModalProps) => {\r\n    const { show, modalClose, status, failureMessage, successMessage } = props;\r\n\r\n    return (\r\n        <div tabIndex={-1} style={show ? visibleStyle : hiddenStyle}>\r\n            <div>\r\n                <div className={`msc-modal ${show ? 'show' : 'fade'}`} style={{ display: 'block' }}>\r\n                    <div className='msc-modal__dialog msc-add-to-cart__dialog' role='dialog' aria-modal='true' tabIndex={0}>\r\n                        <div className='msc-modal__content' role='document'>\r\n                            <div className='msc-add-to-cart__dialog__header msc-modal__header'>\r\n                                <h5 className='msc-modal__title'>\r\n                                    <span></span>\r\n                                    <span></span>\r\n                                </h5>\r\n                                <button type='button' onClick={modalClose} className='msc-modal__close-button' aria-label='Close' />\r\n                            </div>\r\n                            <div className='msc-add-to-cart__dialog__body msc-modal__body'>\r\n                                <div className='msc-add-to-cart__dialog__product-price'>\r\n                                    <span className='msc-price'>\r\n                                        <span className='msc-price__actual' itemProp='price'>\r\n                                            {status === FormStatus.SUCCESS ? successMessage : failureMessage}\r\n                                        </span>\r\n                                    </span>\r\n                                </div>\r\n                            </div>\r\n                            <div className='msc-add-to-cart__dialog__footer msc-modal__footer'>\r\n                                <button\r\n                                    type='button'\r\n                                    onClick={modalClose}\r\n                                    aria-label='Close Modal'\r\n                                    className='msc-add-to-cart__dialog__go-to-cart msc-btn msc-close-btn'\r\n                                >\r\n                                    Close\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className={`msc-modal__backdrop ${show ? 'show' : 'fade'}`} onClick={modalClose} />\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n","const binding = { modules: {}, dataActions: {} };\n\n    (binding.modules['returns'] = {\n        c: () => require('partner/modules/returns/returns.tsx'),\n        $type: 'contentModule',\n        da: [],\n        \n        iNM: false,\n        ns: '__local__',\n        n: 'returns',\n        p: '__local__',\n        \n        pdp: '',\n        \n        \n        md: 'src/modules/returns'\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|returns|returns'] = {\n                c: () => require('partner/modules/returns/returns.view.tsx'),\n                cn: '__local__-__local__-returns'\n            };\nwindow.__bindings__ = window.__bindings__ || {};\nwindow.__bindings__.viewDictionary = {\n                        ...window.__bindings__.viewDictionary || {},\n                        ...viewDictionary\n                    };","module.exports = React;","module.exports = ReactDOM;"],"names":["Returns","React","render","this","props","renderView","FormStatus","config","context","app","formOperation","setFormOperation","SUCCESS","open","setOpen","className","orderIDPattern","onSubmit","e","preventDefault","Msdyn","isBrowser","form","document","getElementById","formData","FormData","object","forEach","value","key","url","returnEmailUrl","fetch","body","JSON","stringify","method","headers","then","res","status","FAILED","catch","err","handleSubmit","id","type","required","name","href","routes","faq","BuyBoxModal","show","modalClose","closeModal","reset","successMessage","returnOrderSuccessMessage","failureMessage","returnOrderFailureMessage","hiddenStyle","visibility","zIndex","display","visibleStyle","tabIndex","style","role","onClick","itemProp","binding","modules","dataActions","c","require","$type","da","iNM","ns","n","p","pdp","md","window","__bindings__","_objectSpread","viewDictionary","cn","module","exports","ReactDOM"],"sourceRoot":""}