{"version":3,"file":"emailpopup.bundle.e648afe478bd6730e208.js","mappings":"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","sources":["webpack:///./components/email_popup/email-popup.component.tsx","webpack:///./components/email_popup/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\n\r\nimport { EventHandler, ResizeHandler } from './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        const urlParams = new URLSearchParams(window.location.search);\r\n        const sourceValue = urlParams.get('source');\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\r\n                ? 'tsc_popup'\r\n                : sourceValue && sourceValue.length > 1\r\n                ? sourceValue\r\n                : '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\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.BirthMonth.length > 0 ) {\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('birthday')) this.birthDayHasChanged = true;\r\n        if (placeHolderText.toLowerCase().startsWith('birthmonth')) 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\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        //console.log('resize');\r\n        let breakpoint = '';\r\n        const windowSize = window.innerWidth;\r\n        breakpoint = (windowSize >= 768 && 'tablet') || 'mobile';\r\n        breakpoint = (windowSize >= 992 && '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-wrap m-0 h-full w-full bg-transparent bg-auto bg-top bg-no-repeat p-0 text-white'\r\n                            : 'email-popup__inside-wrap landing m-0 h-full w-full bg-transparent  bg-top bg-no-repeat p-0 text-white'\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 md3:pt-[289px]   \">\r\n                            <a\r\n                                className=\"email-popup__button--shop-now mb-[3px] mt-[9px] inline-block h-11 border border-solid border-black bg-white pl-[30px] pr-[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 md: md:mx-7.5 top-[45px] pb-[485px] pt-[350px] text-center md: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-[900px] max-w-xs px-1.5  md3:h-[774px] md3:w-[750px] md3:max-w-none\">\r\n                            <form\r\n                                id=\"form\"\r\n                                className=\"email-popup__form pt-[318px]  md3:pt-[265px]\"\r\n                                noValidate\r\n                                method=\"post\"\r\n                                onSubmit={this.handleSubmit}\r\n                            >\r\n                                <div className=\" grid grid-cols-1 md3:grid-cols-2 md3: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                                                    ? 'text-white-500 h-11 w-full rounded-none border border-red-500 px-3 py-2 text-lg 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 \"\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                                                    ? 'text-white-500 h-11 w-full rounded-none border border-red-500 px-3 py-2 text-lg 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 \"\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\">\r\n                                    <div className=\"mb-4\">\r\n                                        <input\r\n                                            type=\"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                                                    ? 'text-white-500 h-11 w-full rounded-none border border-red-500 px-3 py-2 text-lg 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 \"\r\n                                            >\r\n                                                {this.state.errormessage_email}\r\n                                            </label>\r\n                                        )}\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"grid grid-cols-1 md3:grid-cols-2 md3: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 text-white-500 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\"\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 \"\r\n                                            >\r\n                                                {this.state.errormessage_birthMonth}\r\n                                            </label>\r\n                                        )}\r\n                                    </div>\r\n\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 text-white-500  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 \"\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 \"\r\n                                            >\r\n                                                {this.state.errormessage_birthDay}\r\n                                            </label>\r\n                                        )}\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"customSubmit \">\r\n                                    <div className=\"form-submit mt-4 text-center md3:mb-4 md3: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  \"\r\n                                            type=\"submit\"\r\n                                        >\r\n                                            Sign Up Now\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"terms mt-4 px-5 text-center text-white \">\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 \">\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\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    };\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-anchor');\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.removeEventListener('keyup', this.handleEscapeKey, false);\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                                className=\"email-popup__contentwrap 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                                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                            >\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-anchor');\r\nconst root = ReactDOM.createRoot(emailPopupElement);\r\nif (popupElement.length) {\r\n    root.render(\r\n        <React.StrictMode>\r\n            <EmailPopupContainer />\r\n        </React.StrictMode>,\r\n    );\r\n}\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","sourceValue","URLSearchParams","location","search","get","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","indexOf","isOpen","onRequestClose","contentLabel","shouldCloseOnOverlayClick","overlay","position","top","left","right","bottom","zIndex","overflow","backgroundColor","onClick","emailPopupElement","getElementById","root"],"sourceRoot":""}