{"version":3,"file":"emailpopup2.bundle.14844515abda74bfa836.js","mappings":"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","sources":["webpack:///./components/email_popup2/email-popup.component.tsx","webpack:///./components/email_popup2/email-popup.tsx"],"sourcesContent":["import React, { Component } from 'react';\r\nimport Modal from 'react-modal';\r\n\r\nimport signupEmailAddress from '../../tscapi/service/emailsignup.service';\r\nimport { Cookie } from '../../tscapi/utils/cookie';\r\nimport { EventHandler, ResizeHandler } from '../email_popup/eventhandler';\r\n\r\nlet backgroundImgUrl = ''; //\"https://emailsignup.tsc.ca/images/SignUpEmail/Images/desktop-landing-bg.jpg\";\r\nconst constImageContentRoot = 'https://src.tscimg.ca/Content/en_CA';\r\n\r\ninterface QuickLinkItem {\r\n    Title: boolean;\r\n    Url: string;\r\n    OpenLinkInNewWindow: boolean;\r\n    CssClass: string;\r\n}\r\n\r\ninterface EmailPopupCartridgeConfig {\r\n    Popup: boolean;\r\n    SubscriptionKey: string;\r\n    OfferCode: string;\r\n    PageNamesToHideThisCartridgeOn: string[];\r\n    MobileEmailSignupImage: string;\r\n    MobileEmailSignupSuccessImage: string;\r\n    MobileEmailSignupOopsImage: string;\r\n    TabletEmailSignupImage: string;\r\n    TabletEmailSignupSuccessImage: string;\r\n    TabletEmailSignupOopsImage: string;\r\n    DesktopEmailSignupImage: string;\r\n    DesktopEmailSignupSuccessImage: string;\r\n    DesktopEmailSignupOopsImage: string;\r\n    ShopButtonUrl: string;\r\n    ShopNowUrl: QuickLinkItem;\r\n}\r\n\r\nconst cookie: Cookie = new Cookie();\r\n\r\ninterface MyProps {\r\n    cartridgeConfig: EmailPopupCartridgeConfig;\r\n    isPopup: boolean; //popup shouldn't show legal terms\r\n    handleKey: any;\r\n}\r\ninterface MyState {\r\n    bgImage: string;\r\n    windowSize: string;\r\n    displayErrors: boolean;\r\n    contentWidth: number;\r\n    modalIsOpen: boolean;\r\n    isSubmitting: boolean;\r\n    isResponded: boolean;\r\n    Source: string;\r\n    FirstName: string;\r\n    LastName: string;\r\n    EmailAddress: string;\r\n    BirthMonth: string;\r\n    BirthDay: string;\r\n    TriggerSendExternalKey: string;\r\n    OfferCode: string;\r\n    isOldCustomer: false;\r\n    errormessage_firstName: string;\r\n    errormessage_lastName: string;\r\n    errormessage_email: string;\r\n    errormessage_birthMonth: string;\r\n    errormessage_birthDay: string;\r\n    errormessage: string;\r\n    DayList: any;\r\n}\r\nexport class EmailSignupBody extends Component<MyProps, MyState> {\r\n    emailHasChanged = false;\r\n\r\n    firstNameHasChanged = false;\r\n\r\n    lastNameHasChanged = false;\r\n\r\n    birthDayHasChanged = false;\r\n\r\n    birthMonthHasChanged = false;\r\n\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            bgImage: '',\r\n            windowSize: '',\r\n            contentWidth: 75,\r\n            modalIsOpen: false,\r\n            isSubmitting: false,\r\n            isResponded: false,\r\n            displayErrors: false,\r\n            Source: this.props.isPopup ? 'tsc_popup' : 'tsc_landingpage',\r\n            FirstName: '',\r\n            LastName: '',\r\n            EmailAddress: '',\r\n            BirthMonth: '',\r\n            BirthDay: '',\r\n            TriggerSendExternalKey: this.props.cartridgeConfig.SubscriptionKey,\r\n            OfferCode: this.props.cartridgeConfig.OfferCode,\r\n            isOldCustomer: false,\r\n            errormessage_firstName: '',\r\n            errormessage_lastName: '',\r\n            errormessage_email: '',\r\n            errormessage: '',\r\n            errormessage_birthMonth: '',\r\n            errormessage_birthDay: '',\r\n            DayList: [],\r\n        };\r\n    }\r\n\r\n    //submitSignUp = (event) => {\r\n    handleSubmit = (event) => {\r\n        event.preventDefault();\r\n        let err = '';\r\n        if (\r\n            !event.target.checkValidity() ||\r\n            this.state.errormessage ||\r\n            this.state.FirstName.length < 2 ||\r\n            this.state.LastName.length < 2\r\n        ) {\r\n            if (this.state.FirstName.length < 2) {\r\n                err = 'Input fields required*';\r\n                this.setState({ errormessage_firstName: err });\r\n            }\r\n\r\n            if (this.state.LastName.length < 2) {\r\n                err = 'Input fields required*';\r\n                this.setState({ errormessage_lastName: err });\r\n            }\r\n\r\n            if (this.state.EmailAddress.length < 2) {\r\n                err = 'Please provide a valid email address*';\r\n                this.setState({ errormessage_email: err });\r\n            }\r\n            // if (this.state.BirthMonth.length < 1) {\r\n            //     err = 'Please provide birth month';\r\n            //     this.setState({ errormessage_birthMonth: err });\r\n            // }\r\n\r\n            // if (this.state.BirthDay.length < 1) {\r\n            //     err = 'Please provide birth day';\r\n            //     this.setState({ errormessage_birthDay: err });\r\n            // }\r\n\r\n            if (err) {\r\n                this.setState({ displayErrors: true });\r\n                return;\r\n            }\r\n        }\r\n        this.setState({ isSubmitting: true });\r\n        signupEmailAddress(\r\n            this.state,\r\n            (responseData) => {\r\n                this.setState({ isOldCustomer: responseData }, () => {\r\n                    this.handleResize();\r\n                });\r\n                this.setState({ isResponded: true }, () => {\r\n                    this.handleResize();\r\n                });\r\n\r\n                cookie.LeadGen_popup_hide = '356000';\r\n                cookie.popup_signedup = '356000';\r\n                cookie.popup_hide = '356000';\r\n            },\r\n            (responseData) => {\r\n                //console.log(responseData);\r\n                this.setState({ isSubmitting: false }, () => {\r\n                    this.handleResize();\r\n                });\r\n            },\r\n        );\r\n    };\r\n\r\n    private refreshDayList(days: number) {\r\n        const dayList = [];\r\n        for (let i = 1; i <= days; i++) {\r\n            dayList.push(\r\n                <option key={i} value={i}>\r\n                    {i}\r\n                </option>,\r\n            );\r\n        }\r\n        this.setState({ DayList: dayList });\r\n    }\r\n\r\n    setBackgroundImage(breakpoint) {\r\n        //set bg image to choice of 3 states and 3 screen widths/breakpoint\r\n        if (!this.state.isSubmitting) {\r\n            //SIGNUP State\r\n            if (breakpoint == 'desktop') {\r\n                backgroundImgUrl = constImageContentRoot + this.props.cartridgeConfig.DesktopEmailSignupImage;\r\n            } else if (breakpoint == 'tablet') {\r\n                backgroundImgUrl = constImageContentRoot + this.props.cartridgeConfig.TabletEmailSignupImage;\r\n            } else if (breakpoint == 'mobile') {\r\n                backgroundImgUrl = constImageContentRoot + this.props.cartridgeConfig.MobileEmailSignupImage;\r\n            }\r\n        } else if (this.state.isSubmitting && this.state.isResponded) {\r\n            if (this.state.isOldCustomer) {\r\n                //OOPS State\r\n                if (breakpoint == 'desktop') {\r\n                    backgroundImgUrl = constImageContentRoot + this.props.cartridgeConfig.DesktopEmailSignupOopsImage;\r\n                } else if (breakpoint == 'tablet') {\r\n                    backgroundImgUrl = constImageContentRoot + this.props.cartridgeConfig.TabletEmailSignupOopsImage;\r\n                } else if (breakpoint == 'mobile') {\r\n                    backgroundImgUrl = constImageContentRoot + this.props.cartridgeConfig.MobileEmailSignupOopsImage;\r\n                }\r\n            } else {\r\n                // SUCCESS Thankyou State\r\n                if (breakpoint == 'desktop') {\r\n                    backgroundImgUrl =\r\n                        constImageContentRoot + this.props.cartridgeConfig.DesktopEmailSignupSuccessImage;\r\n                } else if (breakpoint == 'tablet') {\r\n                    backgroundImgUrl = constImageContentRoot + this.props.cartridgeConfig.TabletEmailSignupSuccessImage;\r\n                } else if (breakpoint == 'mobile') {\r\n                    backgroundImgUrl = constImageContentRoot + this.props.cartridgeConfig.MobileEmailSignupSuccessImage;\r\n                }\r\n            }\r\n        }\r\n        this.setState({ bgImage: backgroundImgUrl });\r\n    }\r\n\r\n    MonthList = [\r\n        { value: 'January', name: 'January' },\r\n        { value: 'February', name: 'February' },\r\n        { value: 'March', name: 'March' },\r\n        { value: 'April', name: 'April' },\r\n        { value: 'May', name: 'May' },\r\n        { value: 'June', name: 'June' },\r\n        { value: 'July', name: 'July' },\r\n        { value: 'August', name: 'August' },\r\n        { value: 'September', name: 'September' },\r\n        { value: 'October', name: 'October' },\r\n        { value: 'November', name: 'November' },\r\n        { value: 'December', name: 'December' },\r\n    ];\r\n\r\n    myBlurHandler = (event, placeHolderText: string) => {\r\n        event.target.placeholder = placeHolderText;\r\n        if (placeHolderText.toLowerCase().startsWith('email')) this.emailHasChanged = true;\r\n        if (placeHolderText.toLowerCase().startsWith('first')) this.firstNameHasChanged = true;\r\n        if (placeHolderText.toLowerCase().startsWith('last')) this.lastNameHasChanged = true;\r\n        if (placeHolderText.toLowerCase().startsWith('birth day')) this.birthDayHasChanged = true;\r\n        if (placeHolderText.toLowerCase().startsWith('birth month')) this.birthMonthHasChanged = true;\r\n        this.myChangeHandler(event);\r\n    };\r\n\r\n    myChangeHandler = (event) => {\r\n        const nam = event.target.name;\r\n        const val = event.target.value;\r\n        let err = '';\r\n        err = '';\r\n        if (nam === 'BirthDay') {\r\n            if (val.length < 1) {\r\n                if (this.birthDayHasChanged && this.state.BirthMonth.length > 0) err = 'Please provide birth day.';\r\n            } else {\r\n                this.birthDayHasChanged = true;\r\n            }\r\n            this.setState({ errormessage_birthDay: err });\r\n            this.setState({ BirthDay: val });\r\n        }\r\n        if (nam === 'BirthMonth') {\r\n            if (val.length < 1) {\r\n                if (this.birthMonthHasChanged && this.state.BirthDay.length > 0) err = 'Please provide birth month.';\r\n            } else {\r\n                this.birthMonthHasChanged = true;\r\n                if (val == 'April' || val == 'June' || val == 'September' || val == 'November') this.refreshDayList(30);\r\n                else if (val != 'February') this.refreshDayList(31);\r\n                else if (val == 'February') this.refreshDayList(29);\r\n            }\r\n            this.setState({ errormessage_birthMonth: err });\r\n            this.setState({ BirthMonth: val });\r\n        }\r\n        if (nam === 'FirstName') {\r\n            if (val.length < 2) {\r\n                if (this.firstNameHasChanged) err = 'Input fields required*';\r\n            } else {\r\n                this.firstNameHasChanged = true;\r\n                if (!val.match(/^[a-zA-Z ,.'-]+$/)) {\r\n                    err = 'Numbers and special characters are not allowed.';\r\n                }\r\n            }\r\n            this.setState({ errormessage_firstName: err });\r\n            this.setState({ FirstName: val });\r\n        }\r\n        if (nam === 'LastName') {\r\n            if (val.length < 2) {\r\n                if (this.lastNameHasChanged) err = 'Input fields required*';\r\n            } else {\r\n                this.lastNameHasChanged = true;\r\n                if (!val.match(/^[a-zA-Z ,.'-]+$/)) {\r\n                    err = 'Numbers and special characters are not allowed.';\r\n                }\r\n            }\r\n            this.setState({ errormessage_lastName: err });\r\n            this.setState({ LastName: val });\r\n        }\r\n        if (nam === 'EmailAddress') {\r\n            if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(val)) {\r\n                //\r\n            } else {\r\n                err = 'Please provide a valid email address*';\r\n            }\r\n            if (this.emailHasChanged) this.setState({ errormessage_email: err });\r\n            this.setState({ EmailAddress: val });\r\n        }\r\n        this.setState({ errormessage: err });\r\n    };\r\n\r\n    handleResize = () => {\r\n        let breakpoint = '';\r\n        const windowSize = window.innerWidth;\r\n        breakpoint = (windowSize >= 850 && 'tablet') || 'mobile';\r\n        breakpoint = (windowSize >= 1100 && 'desktop') || breakpoint;\r\n        this.setBackgroundImage(breakpoint);\r\n    };\r\n\r\n    componentDidMount() {\r\n        this.refreshDayList(31);\r\n        this.handleResize();\r\n        //window.addEventListener('resize', this.handleResize);\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <React.Fragment>\r\n                <ResizeHandler handler={this.handleResize} />\r\n                <EventHandler handler={this.props.handleKey} />\r\n                <div\r\n                    className={\r\n                        this.props.isPopup\r\n                            ? 'email-popup__inside-wrapv2 m-0 h-full w-full bg-transparent bg-cover bg-top bg-no-repeat p-0 text-white'\r\n                            : 'email-popup__inside-wrapv2 landing'\r\n                    }\r\n                    style={{ backgroundImage: 'url(\"' + this.state.bgImage + '\")' }}\r\n                >\r\n                    {this.state.isResponded && (\r\n                        <div className=\"email-popup__button-wrap mx-auto my-0 h-[923px] w-80 max-w-full px-5 pt-80  text-center min-[850px]:mr-0 min-[850px]:h-[750px]  min-[850px]:pt-[385px] min-[1100px]:!h-[650px]  min-[1100px]:w-[568px] min-[1100px]:!pt-[385px]\">\r\n                            <a\r\n                                className=\"email-popup__button--shop-now mt-9px] mb-[3px] inline-block h-11 border border-solid border-black bg-white px-[30px] text-lg font-bold uppercase leading-[44px] text-black\"\r\n                                target=\"_parent\"\r\n                                //href=\"/pages/productresults?nav=n:3001204&ic=Email_Signup_FallFashion_1909\"\r\n                                href={this.props.cartridgeConfig.ShopNowUrl.Url}\r\n                            >\r\n                                {this.props.cartridgeConfig.ShopNowUrl.Title}\r\n                            </a>\r\n                        </div>\r\n                    )}\r\n                    {this.state.isSubmitting && !this.state.isResponded ? (\r\n                        <div className=\"email-popup__loading h-[750px] pb-[485px] pt-[350px] text-center  min-[850px]:pb-[387px]\">\r\n                            <svg\r\n                                xmlns=\"http://www.w3.org/2000/svg\"\r\n                                viewBox=\"0 0 100 100\"\r\n                                preserveAspectRatio=\"xMidYMid\"\r\n                                className=\"uil-ring-alt h-[60px] w-[60px]\"\r\n                            >\r\n                                <path fill=\"none\" className=\"bk\" d=\"M0 0h100v100H0z\" />\r\n                                <circle\r\n                                    cx=\"50\"\r\n                                    cy=\"50\"\r\n                                    r=\"40\"\r\n                                    stroke=\"#fff\"\r\n                                    fill=\"none\"\r\n                                    strokeWidth=\"6\"\r\n                                    strokeLinecap=\"round\"\r\n                                >\r\n                                    <animate\r\n                                        attributeName=\"stroke-dashoffset\"\r\n                                        dur=\"3s\"\r\n                                        repeatCount=\"indefinite\"\r\n                                        from=\"0\"\r\n                                        to=\"502\"\r\n                                    />\r\n                                    <animate\r\n                                        attributeName=\"stroke-dasharray\"\r\n                                        dur=\"3s\"\r\n                                        repeatCount=\"indefinite\"\r\n                                        values=\"238.45 12.550000000000011;1 250;238.45 12.550000000000011\"\r\n                                    />\r\n                                </circle>\r\n                            </svg>\r\n                        </div>\r\n                    ) : null}\r\n                    {!this.state.isSubmitting && (\r\n                        <div className=\"email-popup__main-content mx-auto h-[923px] max-w-xs px-1.5 min-[850px]:mr-4 min-[850px]:h-[750px] min-[850px]:w-[278px] min-[1100px]:w-[562px] min-[1100px]:max-w-none\">\r\n                            <form\r\n                                id=\"form\"\r\n                                className=\"email-popup__form pt-[318px] min-[850px]:pt-[204px]  min-[1100px]:pt-[232px]\"\r\n                                noValidate\r\n                                method=\"post\"\r\n                                onSubmit={this.handleSubmit}\r\n                            >\r\n                                <div className=\" grid grid-cols-1 min-[1100px]:grid-cols-2 min-[1100px]:gap-6\">\r\n                                    <div className=\"mb-4\">\r\n                                        <input\r\n                                            type=\"text\"\r\n                                            autoComplete=\"given-name\"\r\n                                            name=\"FirstName\"\r\n                                            value={this.state.FirstName}\r\n                                            id=\"FirstName\"\r\n                                            placeholder=\"First Name\"\r\n                                            required\r\n                                            className={\r\n                                                this.state.errormessage_firstName\r\n                                                    ? ' h-11 w-full rounded-none border border-red-500 px-3 py-2 text-lg text-red-500 placeholder-red-500'\r\n                                                    : ' h-11 w-full rounded-none border border-black px-3 py-2 text-lg text-black  placeholder-black'\r\n                                            }\r\n                                            onFocus={(e) => (e.target.placeholder = '')}\r\n                                            onBlur={(e) => {\r\n                                                this.myBlurHandler(e, 'First Name');\r\n                                            }}\r\n                                            onChange={this.myChangeHandler}\r\n                                        />\r\n                                        {this.state.errormessage_firstName && (\r\n                                            <label\r\n                                                htmlFor=\"FirstName\"\r\n                                                className=\"mb-[-10px] mt-[3px] block text-base font-normal  text-white min-[850px]:text-[#ff0000]\"\r\n                                            >\r\n                                                {this.state.errormessage_firstName}\r\n                                            </label>\r\n                                        )}\r\n                                    </div>\r\n                                    <div className=\"mb-4\">\r\n                                        <input\r\n                                            type=\"text\"\r\n                                            autoComplete=\"family-name\"\r\n                                            name=\"LastName\"\r\n                                            id=\"LastName\"\r\n                                            value={this.state.LastName}\r\n                                            placeholder=\"Last Name\"\r\n                                            required\r\n                                            className={\r\n                                                this.state.errormessage_lastName\r\n                                                    ? ' h-11 w-full rounded-none border border-red-500 px-3 py-2 text-lg text-red-500 placeholder-red-500'\r\n                                                    : ' h-11 w-full rounded-none border border-black px-3 py-2 text-lg text-black placeholder-black'\r\n                                            }\r\n                                            onFocus={(e) => (e.target.placeholder = '')}\r\n                                            onBlur={(e) => {\r\n                                                this.myBlurHandler(e, 'Last Name');\r\n                                            }}\r\n                                            onChange={this.myChangeHandler}\r\n                                        />\r\n                                        {this.state.errormessage_lastName && (\r\n                                            <label\r\n                                                htmlFor=\"LastName\"\r\n                                                className=\"mb-[-10px] mt-[3px] block text-base font-normal text-white min-[850px]:text-[#ff0000]\"\r\n                                            >\r\n                                                {this.state.errormessage_lastName}\r\n                                            </label>\r\n                                        )}\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"grid grid-cols-1 min-[1100px]:grid-cols-2 min-[1100px]:gap-6\">\r\n                                    <div className=\"mb-4\">\r\n                                        <select\r\n                                            name=\"BirthMonth\"\r\n                                            id=\"BirthMonth\"\r\n                                            className={\r\n                                                this.state.errormessage_birthMonth\r\n                                                    ? \" selection__dd--style h-11 w-full appearance-none rounded-none border border-red-500 bg-white bg-[url('/App_Assets/public/selectbox-chevron.svg')] bg-[calc(100%_-_9px)]  bg-no-repeat px-3 py-2  text-lg text-red-500\"\r\n                                                    : \" selection__dd--style h-11 w-full appearance-none rounded-none border border-black bg-white bg-[url('/App_Assets/public/selectbox-chevron.svg')] bg-[calc(100%_-_9px)] bg-no-repeat px-3 py-2 text-lg text-black\"\r\n                                            }\r\n                                            value={this.state.BirthMonth}\r\n                                            onBlur={(e) => {\r\n                                                this.myBlurHandler(e, 'Birth Month');\r\n                                            }}\r\n                                            onChange={this.myChangeHandler}\r\n                                        >\r\n                                            <option value=\"\">Birth Month</option>\r\n                                            {this.MonthList.map((e, key) => {\r\n                                                return (\r\n                                                    <option key={key} value={e.value}>\r\n                                                        {e.name}\r\n                                                    </option>\r\n                                                );\r\n                                            })}\r\n                                        </select>\r\n                                        {this.state.errormessage_birthMonth && (\r\n                                            <label\r\n                                                htmlFor=\"BirthMonth\"\r\n                                                className=\"mb-[-10px] mt-[3px] block text-base font-normal text-white min-[850px]:text-[#ff0000]\"\r\n                                            >\r\n                                                {this.state.errormessage_birthMonth}\r\n                                            </label>\r\n                                        )}\r\n                                    </div>\r\n                                    <div className=\"mb-4\">\r\n                                        <select\r\n                                            name=\"BirthDay\"\r\n                                            id=\"BirthDay\"\r\n                                            value={this.state.BirthDay}\r\n                                            className={\r\n                                                this.state.errormessage_birthDay\r\n                                                    ? \" selection__dd--style h-11  w-full appearance-none rounded-none border-red-500 bg-white bg-[url('/App_Assets/public/selectbox-chevron.svg')] bg-[calc(100%_-_9px)] bg-no-repeat px-3  py-2 text-lg text-red-500 \"\r\n                                                    : \" selection__dd--style h-11 w-full appearance-none rounded-none border border-black bg-white bg-[url('/App_Assets/public/selectbox-chevron.svg')] bg-[calc(100%_-_9px)] bg-no-repeat  px-3 py-2 text-lg text-black\"\r\n                                            }\r\n                                            onBlur={(e) => {\r\n                                                this.myBlurHandler(e, 'Birth Day');\r\n                                            }}\r\n                                            onChange={this.myChangeHandler}\r\n                                        >\r\n                                            <option value=\"\">Birth Day</option>\r\n                                            {this.state.DayList}\r\n                                        </select>\r\n\r\n                                        {this.state.errormessage_birthDay && (\r\n                                            <label\r\n                                                htmlFor=\"BirthDay\"\r\n                                                className=\" mb-[-10px] mt-[3px]  block text-base font-normal text-white min-[850px]:text-[#ff0000]\"\r\n                                            >\r\n                                                {this.state.errormessage_birthDay}\r\n                                            </label>\r\n                                        )}\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"mb-3.5 grid grid-cols-1 min-[1100px]:grid-cols-3  min-[1100px]:gap-0 \">\r\n                                    <div className=\"customEmail col-span-2 \">\r\n                                        <div>\r\n                                            <input\r\n                                                type=\"email\"\r\n                                                autoComplete=\"email\"\r\n                                                name=\"EmailAddress\"\r\n                                                id=\"EmailAddress\"\r\n                                                value={this.state.EmailAddress}\r\n                                                placeholder=\"Email\"\r\n                                                required\r\n                                                className={\r\n                                                    this.state.errormessage_email\r\n                                                        ? ' h-11 w-full rounded-none border border-red-500 px-3 py-2 text-lg text-red-500 placeholder-red-500'\r\n                                                        : ' h-11 w-full rounded-none border border-black px-3 py-2 text-lg text-black placeholder-black'\r\n                                                }\r\n                                                onFocus={(e) => (e.target.placeholder = '')}\r\n                                                onChange={this.myChangeHandler}\r\n                                                onBlur={(e) => {\r\n                                                    this.myBlurHandler(e, 'Email Address');\r\n                                                }}\r\n                                            />\r\n                                            {this.state.errormessage_email && (\r\n                                                <label\r\n                                                    htmlFor=\"EmailAddress\"\r\n                                                    className=\" mb-[-10px] mt-[3px] block text-base font-normal text-white min-[850px]:text-[#ff0000]\"\r\n                                                >\r\n                                                    {this.state.errormessage_email}\r\n                                                </label>\r\n                                            )}\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"customSubmit  \">\r\n                                        <div className=\"form-submit mt-7 text-center min-[1100px]:mb-4 min-[1100px]:mt-0\">\r\n                                            <button\r\n                                                id=\"submit\"\r\n                                                className=\"email-popup__submit-button h11 h-11 border border-solid border-black bg-white px-7  py-2  text-lg font-bold uppercase text-black md3:font-bold  min-[1100px]:w-full min-[1100px]:bg-black min-[1100px]:text-white\"\r\n                                                type=\"submit\"\r\n                                            >\r\n                                                Sign Up Now\r\n                                            </button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"terms px-5 text-center text-white min-[850px]:text-black\">\r\n                                    <div>\r\n                                        Valid for new email registrations only.&nbsp;\r\n                                        <a\r\n                                            href=\"/go/aboutus/servicespage#promocodeterms\"\r\n                                            target=\"_blank\"\r\n                                            className=\"underlined text-inherit underline hover:text-inherit hover:underline\"\r\n                                        >\r\n                                            Offer terms and conditions.\r\n                                        </a>\r\n                                    </div>\r\n                                    <div>\r\n                                        <span id=\"PrivacyPolicy\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"terms px-5 text-center text-white min-[850px]:text-black\">\r\n                                    <div>\r\n                                        You may unsubscribe at any time.&nbsp;\r\n                                        <a\r\n                                            href=\"/go/aboutus/servicespage#privacypolicy\"\r\n                                            target=\"_blank\"\r\n                                            className=\"underlined text-inherit underline hover:text-inherit hover:underline\"\r\n                                        >\r\n                                            Privacy Policy\r\n                                        </a>\r\n                                    </div>\r\n                                    <div>\r\n                                        <span id=\"PrivacyPolicy\" />\r\n                                    </div>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </React.Fragment>\r\n        );\r\n    }\r\n}\r\nexport default class EmailPopupContainer extends Component {\r\n    cartridgeConfig: EmailPopupCartridgeConfig;\r\n\r\n    hasClickedOutside = true;\r\n\r\n    state = {\r\n        modalIsOpen: false,\r\n    };\r\n\r\n    openModal() {\r\n        this.setState({ modalIsOpen: true });\r\n    }\r\n\r\n    closeModal = () => {\r\n        this.setState({ modalIsOpen: false });\r\n        if (this.hasClickedOutside == true) {\r\n            cookie.popup_clickedoutside = '356000';\r\n            cookie.LeadGen_popup_hide = '1';\r\n            cookie.popup_hide = '1';\r\n        } else {\r\n            cookie.LeadGen_popup_hide = '90';\r\n            cookie.popup_hide = '90';\r\n        }\r\n        // setTimeout(() => {\r\n        //     document.body.classList.remove('ReactModal__Body--open');\r\n        //     document.getElementById('my-app-element-id')?.removeAttribute('aria-hidden');\r\n        // }, 200);\r\n    };\r\n\r\n    doCloseModal = () => {\r\n        this.hasClickedOutside = false;\r\n        this.closeModal();\r\n    };\r\n\r\n    handleEscapeKey(event) {\r\n        if (event.keyCode === 27) {\r\n            this.doCloseModal();\r\n        }\r\n    }\r\n\r\n    componentDidMount() {\r\n        const popupElement = document.querySelectorAll('.email-popup-anchor2');\r\n        if (popupElement.length) {\r\n            //grab json from data object in markup\r\n            this.cartridgeConfig = JSON.parse(popupElement[0].getAttribute('data'));\r\n            Modal.setAppElement(popupElement[0]);\r\n            this.setState({ modalIsOpen: true });\r\n            //document.addEventListener('keyup', this.handleEscapeKey, false);\r\n        }\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        // document.body.classList.remove('ReactModal__Body--open');\r\n        // document.getElementById('my-app-element-id')?.removeAttribute('aria-hidden');\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <>\r\n                {this.cartridgeConfig &&\r\n                    (!this.cartridgeConfig.Popup ? (\r\n                        //if popup checkbox in Endeca is false it, create landing page\r\n                        <EmailSignupBody\r\n                            cartridgeConfig={this.cartridgeConfig}\r\n                            isPopup={false}\r\n                            handleKey={this.handleEscapeKey}\r\n                        />\r\n                    ) : (\r\n                        //if popup checkbox in Endeca is true, create popup modal\r\n                        !cookie.popup_hide &&\r\n                        !cookie.LeadGen_popup_hide &&\r\n                        !cookie.popup_signedup &&\r\n                        !cookie.UserEmail &&\r\n                        window.location.href.indexOf('et_cid') < 0 && ( // To surpress from Marketing Email\r\n                            <Modal\r\n                                isOpen={this.state.modalIsOpen}\r\n                                onRequestClose={this.closeModal}\r\n                                contentLabel=\"Email SignUp\"\r\n                                shouldCloseOnOverlayClick={true}\r\n                                style={{\r\n                                    overlay: {\r\n                                        position: 'fixed',\r\n                                        top: 0,\r\n                                        left: 0,\r\n                                        right: 0,\r\n                                        bottom: 0,\r\n                                        zIndex: 1501,\r\n                                        overflow: 'auto',\r\n                                        backgroundColor: 'rgba(0, 0, 0, 0.75)',\r\n                                    },\r\n                                }}\r\n                                className=\"email-popup__contentwrapv2 relative m-[10px] overflow-hidden rounded-none border-none bg-white bg-top p-0 shadow-md shadow-black outline-none min-[850px]:top-[45px] min-[850px]:mx-auto min-[850px]:my-0 min-[850px]:h-auto min-[850px]:w-[850px] min-[1100px]:!top-[45px] min-[1100px]:!h-[650px] min-[1100px]:!w-[1100px]\"\r\n                            >\r\n                                <button\r\n                                    onClick={this.doCloseModal}\r\n                                    className=\" absolute right-5 top-5 cursor-pointer border border-solid border-black bg-white px-[6px] py-[1px] font-semibold text-black transition-all duration-300 ease-in hover:bg-black hover:text-white\"\r\n                                >\r\n                                    x\r\n                                </button>\r\n                                <EmailSignupBody\r\n                                    cartridgeConfig={this.cartridgeConfig}\r\n                                    isPopup={true}\r\n                                    handleKey={this.handleEscapeKey}\r\n                                />\r\n                            </Modal>\r\n                        )\r\n                    ))}\r\n            </>\r\n        );\r\n    }\r\n}\r\n","import * as React from 'react';\r\nimport ReactDOM from 'react-dom/client';\r\n\r\nimport EmailPopupContainer from './email-popup.component';\r\n\r\nconst emailPopupElement = document.getElementById('pnlEmailPopup') as HTMLElement;\r\nconst popupElement = document.querySelectorAll('.email-popup-anchor2');\r\nconst root = ReactDOM.createRoot(emailPopupElement);\r\nsetTimeout(() => {\r\n    if (popupElement.length) {\r\n        root.render(<EmailPopupContainer />);\r\n    }\r\n}, 8000);\r\n"],"names":["backgroundImgUrl","constImageContentRoot","EmailSignupBody","Component","constructor","props","super","emailHasChanged","firstNameHasChanged","lastNameHasChanged","birthDayHasChanged","birthMonthHasChanged","handleSubmit","event","preventDefault","err","target","checkValidity","this","state","errormessage","FirstName","length","LastName","setState","errormessage_firstName","errormessage_lastName","EmailAddress","errormessage_email","displayErrors","isSubmitting","responseData","isOldCustomer","handleResize","isResponded","LeadGen_popup_hide","popup_signedup","popup_hide","MonthList","value","name","myBlurHandler","placeHolderText","placeholder","toLowerCase","startsWith","myChangeHandler","nam","val","BirthMonth","errormessage_birthDay","BirthDay","refreshDayList","errormessage_birthMonth","match","test","breakpoint","windowSize","window","innerWidth","setBackgroundImage","bgImage","contentWidth","modalIsOpen","Source","isPopup","TriggerSendExternalKey","cartridgeConfig","SubscriptionKey","OfferCode","DayList","days","dayList","i","push","DesktopEmailSignupOopsImage","TabletEmailSignupOopsImage","MobileEmailSignupOopsImage","DesktopEmailSignupSuccessImage","TabletEmailSignupSuccessImage","MobileEmailSignupSuccessImage","DesktopEmailSignupImage","TabletEmailSignupImage","MobileEmailSignupImage","componentDidMount","render","handler","handleKey","className","style","backgroundImage","href","ShopNowUrl","Url","Title","xmlns","viewBox","preserveAspectRatio","fill","d","cx","cy","r","stroke","strokeWidth","strokeLinecap","attributeName","dur","repeatCount","from","to","values","id","noValidate","method","onSubmit","type","autoComplete","required","onFocus","e","onBlur","onChange","htmlFor","map","key","EmailPopupContainer","hasClickedOutside","closeModal","popup_clickedoutside","doCloseModal","openModal","handleEscapeKey","keyCode","popupElement","document","querySelectorAll","JSON","parse","getAttribute","componentWillUnmount","Popup","UserEmail","location","indexOf","isOpen","onRequestClose","contentLabel","shouldCloseOnOverlayClick","overlay","position","top","left","right","bottom","zIndex","overflow","backgroundColor","onClick","emailPopupElement","getElementById","root","setTimeout"],"sourceRoot":""}