{"version":3,"file":"./scripts/newsletterSubscription.js","mappings":"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","sources":["webpack://Nevi/webpack/bootstrap","webpack://Nevi/webpack/runtime/compat get default export","webpack://Nevi/webpack/runtime/define property getters","webpack://Nevi/webpack/runtime/hasOwnProperty shorthand","webpack://Nevi/external var \"React\"","webpack://Nevi/./src/assets/js/event-codes-helpers.js","webpack://Nevi/./src/assets/js/custom-hooks.js","webpack://Nevi/./src/components/newsletter-subscription/newsletter-subscription-email-submit.js","webpack://Nevi/./src/components/newsletter-subscription/singleInterest.js","webpack://Nevi/./src/components/newsletter-subscription/newsletter-subscription-interests.js","webpack://Nevi/./src/components/newsletter-subscription/newsletter-subscription-confirm.js","webpack://Nevi/./src/components/newsletter-subscription/server-errors/server-errors.js","webpack://Nevi/./src/components/newsletter-subscription/newsletter-subscription.js"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","const __WEBPACK_NAMESPACE_OBJECT__ = React;","function pushToDataLayer(event) {\r\n    if (!window.dataLayer) {\r\n        window.dataLayer = [];\r\n    } else {\r\n        window.dataLayer = window.dataLayer || [];\r\n    }\r\n\r\n    window.dataLayer.push({ event });\r\n}\r\n\r\nfunction pushToDataLayerWithValue(event, key, value) {\r\n    if (!window.dataLayer) {\r\n        window.dataLayer = [];\r\n    } else {\r\n        window.dataLayer = window.dataLayer || [];\r\n    }\r\n\r\n    window.dataLayer.push({ event, [key]: value });\r\n}\r\n\r\nexport { pushToDataLayer, pushToDataLayerWithValue };\r\n","import { useRef, useEffect } from 'react';\r\n\r\nexport const useIsMount = () => {\r\n    const isMountRef = useRef(true);\r\n\r\n    useEffect(() => {\r\n        isMountRef.current = false;\r\n    }, []);\r\n\r\n    return isMountRef.current;\r\n};\r\n","import React, { useState, useEffect } from 'react';\r\nimport { pushToDataLayer } from '../../assets/js/event-codes-helpers';\r\nimport { useIsMount } from '../../assets/js/custom-hooks';\r\n\r\nconst NewsletterSubscriptionEmailSubmit = ({newsLetterData, resourcedTexts, onSubmit}) => {\r\n    const [firstName, setFirstName] = useState(newsLetterData.firstName);\r\n    const [email, setEmail] = useState(newsLetterData.email);\r\n    const [consent, setConsent] = useState(false);\r\n    const isMount = useIsMount();\r\n    const isDisabled = !consent || !firstName || !email;\r\n\r\n    const changeConsent = () => {\r\n        setConsent(!consent);\r\n    }\r\n\r\n    const handleSubmit = (e) => {\r\n        if (newsLetterData.eventCodes.subscribe.length > 0) {\r\n            pushToDataLayer(newsLetterData.eventCodes.subscribe);\r\n        }\r\n\r\n        e.preventDefault();\r\n        if (isDisabled) return;\r\n        onSubmit(email, firstName);\r\n    }\r\n\r\n    useEffect(() => {\r\n        const timeout = setTimeout(() => {\r\n            if (!isMount && newsLetterData.eventCodes.title.length > 0) {\r\n                pushToDataLayer(newsLetterData.eventCodes.title);\r\n            }\r\n        }, 500);\r\n\r\n        return () => {\r\n            clearTimeout(timeout);\r\n        };\r\n    }, [firstName]);\r\n\r\n    useEffect(() => {\r\n        const timeout = setTimeout(() => {\r\n            if (!isMount && newsLetterData.eventCodes.email.length > 0) {\r\n                pushToDataLayer(newsLetterData.eventCodes.email);\r\n            }\r\n        }, 500);\r\n\r\n        return () => {\r\n            clearTimeout(timeout);\r\n        }\r\n    }, [email]);\r\n\r\n    useEffect(() => {\r\n        const timeout = setTimeout(() => {\r\n            if (!isMount && newsLetterData.eventCodes.consent.length > 0) {\r\n                pushToDataLayer(newsLetterData.eventCodes.consent);\r\n            }\r\n        }, 500);\r\n\r\n        return () => {\r\n            clearTimeout(timeout);\r\n        }\r\n    }, [consent]);\r\n\r\n    return (\r\n        <form onSubmit={handleSubmit}>\r\n            <div className=\"newsletter-subscription__panel\">\r\n                <h3 className=\"newsletter-subscription__title\">{resourcedTexts.newsLetterTitle}</h3>\r\n                <p>{resourcedTexts.newsLetterText}</p>\r\n\r\n                <input\r\n                    type=\"text\"\r\n                    placeholder={resourcedTexts.firstNamePlaceholder}\r\n                    name=\"firstName\"\r\n                    title={resourcedTexts.firstNamePlaceholder}\r\n                    aria-describedby=\"firstName\"\r\n                    value={firstName}\r\n                    onChange={event => setFirstName(event.target.value)}\r\n                    required\r\n                />\r\n\r\n                <input\r\n                    type=\"email\"\r\n                    placeholder={resourcedTexts.emailPlaceholder}\r\n                    name=\"email\"\r\n                    title={resourcedTexts.emailPlaceholder}\r\n                    aria-describedby=\"email\"\r\n                    value={email}\r\n                    onChange={event => setEmail(event.target.value)}\r\n                    required\r\n                />\r\n\r\n                <div className={`checkout-agreement form-field checkbox-single`}>\r\n                    <input id=\"newsletterConsent\" type=\"checkbox\" required onChange={changeConsent}/>\r\n                    <label htmlFor=\"newsletterConsent\">\r\n                        <span dangerouslySetInnerHTML={{__html: resourcedTexts.subscribeConsentText}}/>\r\n                    </label>\r\n                </div>\r\n\r\n                <button disabled={isDisabled}>\r\n                    {resourcedTexts.subscribeButtonText}\r\n                </button>\r\n            </div>\r\n        </form>\r\n    )\r\n}\r\n\r\nexport default NewsletterSubscriptionEmailSubmit;","import React, { useState, useEffect } from 'react';\r\nimport { pushToDataLayerWithValue } from '../../assets/js/event-codes-helpers';\r\nimport { useIsMount } from '../../assets/js/custom-hooks';\r\n\r\nconst SingleInterest = ({ setInterests, singleInterest, eventCodeInterests }) => {\r\n    const [active, setActive] = useState(singleInterest.value);\r\n    const isMount = useIsMount();\r\n\r\n    const setActiveInterest = () => {\r\n        setActive(!active);\r\n        setInterests(singleInterest);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (!isMount && eventCodeInterests.length > 0) {\r\n            var interestSelectionSymbol = !!active ? '+' : '-';\r\n            var key = 'interest';\r\n            var value = `${singleInterest.label}(${interestSelectionSymbol})`;\r\n\r\n            pushToDataLayerWithValue(eventCodeInterests, key, value);\r\n        }\r\n    }, [active]);\r\n\r\n    return (\r\n        <li>\r\n            <span className={`interest-label ${active ? 'active' : ''}`}\r\n                onClick={setActiveInterest}>\r\n            {singleInterest.label}\r\n            </span>\r\n        </li>\r\n    )\r\n}\r\n\r\nexport default SingleInterest;","import React from 'react';\r\nimport SingleInterest from \"./singleInterest\";\r\n\r\nconst NewsletterSubscriptionInterests = ({resourcedTexts, interests, setInterests, handleInterestsSubmit, eventCodeInterests}) => {\r\n    const renderInterests = () => {\r\n        if (interests.length) {\r\n            return interests.map((singleInterest, i) => {\r\n                return (\r\n                    <SingleInterest\r\n                        setInterests={setInterests}\r\n                        singleInterest={singleInterest}\r\n                        eventCodeInterests={eventCodeInterests}\r\n                        key={i}\r\n                    />\r\n                )\r\n            })\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div className=\"newsletter-subscription__panel\">\r\n            <h3 className=\"newsletter-subscription__title\">{resourcedTexts.interestsTitle}</h3>\r\n            <p>{resourcedTexts.interestsText}</p>\r\n\r\n            <ul className=\"interests-list\">\r\n                {renderInterests()}\r\n            </ul>\r\n\r\n            <button onClick={handleInterestsSubmit}>{resourcedTexts.interestsButtonText}</button>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default NewsletterSubscriptionInterests;","import React from 'react';\r\n\r\nconst NewsletterSubscriptionConfirm = props => {\r\n  return (\r\n    <div className=\"newsletter-subscription__panel\">\r\n      <h3 className=\"newsletter-subscription__title\">{props.resourcedTexts.thankYouTitle}</h3>\r\n      <p>{props.resourcedTexts.thankYouText}</p>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default NewsletterSubscriptionConfirm;","import React from 'react';\r\n\r\nconst ServerErrors = props => {\r\n    if (!props) {\r\n        return null\r\n    }\r\n\r\n    const {\r\n        serverErrors,\r\n        resourcedTexts,\r\n        onRemoveErrors\r\n    } = props;\r\n\r\n    return (\r\n        <section className=\"server-errors\">\r\n            <p>{resourcedTexts.serverErrorsText}</p>\r\n            <ul>\r\n                {serverErrors.map(serverError => {\r\n                    return <li dangerouslySetInnerHTML={{__html: serverError}} />\r\n                })}\r\n            </ul>\r\n\r\n            <button type=\"button\" className=\"server-errors__close\" onClick={onRemoveErrors}>Close</button>\r\n        </section>\r\n    )\r\n};\r\n\r\nexport default ServerErrors;","import React from \"react\";\r\nimport NewsletterSubscriptionEmailSubmit from \"./newsletter-subscription-email-submit\";\r\nimport NewsletterSubscriptionInterests from \"./newsletter-subscription-interests\";\r\nimport NewsletterSubscriptionConfirm from \"./newsletter-subscription-confirm\";\r\nimport ServerErrors from \"./server-errors/server-errors\";\r\n\r\nclass NewsletterSubscription extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      newsLetterData: this.props.data,\r\n      firstName: this.props.data.firstName,\r\n      email: this.props.data.email,\r\n      newsletter: this.props.data.newsletter,\r\n      activeIndex: 1,\r\n      errors: [],\r\n    };\r\n  }\r\n\r\n  setInterests = (singleInterest) => {\r\n    singleInterest.value\r\n      ? (singleInterest.value = false)\r\n      : (singleInterest.value = true);\r\n  };\r\n\r\n  handleInterestsSubmit = () => {\r\n    this.handleDataReq(false);\r\n  };\r\n\r\n  handleEmailSubmit = (email, firstName) => {\r\n    this.setState(\r\n      {\r\n        email: email,\r\n        firstName: firstName,\r\n      },\r\n      this.handleDataReq\r\n    );\r\n  };\r\n\r\n  removeServerErrors = () => {\r\n    this.setState({ errors: [] });\r\n  };\r\n\r\n  handleDataReq = (isNewsletterSubscribe = true) => {\r\n    let interests = null;\r\n    let email = null;\r\n    let firstName = null;\r\n    let newsletter = null;\r\n    let consentCodeName = null;\r\n\r\n    if (this.state.newsLetterData != null) {\r\n      newsletter = this.state.newsletter;\r\n      email = this.state.email;\r\n      firstName = this.state.firstName;\r\n      consentCodeName = this.state.newsLetterData.consentCodeName;\r\n      interests = this.state.newsLetterData.interests;\r\n    }\r\n\r\n    let endpoint, request;\r\n    if (isNewsletterSubscribe) {\r\n      endpoint = this.props.newsletterSubscribeEndPointUrl;\r\n      request = {\r\n        method: \"post\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n          RequestVerificationToken:\r\n            this.state.newsLetterData.requestVerificationToken,\r\n        },\r\n        body: JSON.stringify({\r\n          email: email,\r\n          firstName: firstName,\r\n          newsletter: newsletter,\r\n          consentCodeName: consentCodeName,\r\n        }),\r\n      };\r\n    } else {\r\n      endpoint = this.props.interestEndPointUrl;\r\n      request = {\r\n        method: \"post\",\r\n        headers: {\r\n          Accept: \"application/json\",\r\n          \"Content-Type\": \"application/json\",\r\n          RequestVerificationToken:\r\n            this.state.newsLetterData.requestVerificationToken,\r\n        },\r\n        body: JSON.stringify({\r\n          email: email,\r\n          interests: interests,\r\n        }),\r\n      };\r\n    }\r\n\r\n    fetch(endpoint, request)\r\n      .then((response) => {\r\n        if (response.status >= 200 && response.status < 300) {\r\n          return response.json();\r\n        } else {\r\n          console.log(\"Something went wrong\");\r\n        }\r\n      })\r\n      .then((json) => {\r\n        if (!json.success) {\r\n          this.setState({\r\n            errors: json.errorMessages,\r\n          });\r\n\r\n          return;\r\n        } else {\r\n          this.removeServerErrors();\r\n        }\r\n\r\n        this.setState({\r\n          activeIndex: this.state.activeIndex + 1,\r\n        });\r\n      })\r\n      .catch((err) => err);\r\n  };\r\n\r\n  renderSteps = (activeIndex) => {\r\n    if (activeIndex === 1) {\r\n      return (\r\n        <NewsletterSubscriptionEmailSubmit\r\n          resourcedTexts={this.props.resourcedTexts}\r\n          newsLetterData={this.state.newsLetterData}\r\n          onSubmit={this.handleEmailSubmit}\r\n        />\r\n      );\r\n    } else if (activeIndex === 2) {\r\n      return (\r\n        <NewsletterSubscriptionInterests\r\n          resourcedTexts={this.props.resourcedTexts}\r\n          interests={this.state.newsLetterData.interests}\r\n          setInterests={this.setInterests}\r\n          handleInterestsSubmit={this.handleInterestsSubmit}\r\n          eventCodeInterests={this.state.newsLetterData.eventCodes.interests}\r\n        />\r\n      );\r\n    } else if (activeIndex === 3) {\r\n      return (\r\n        <NewsletterSubscriptionConfirm\r\n          resourcedTexts={this.props.resourcedTexts}\r\n        />\r\n      );\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <section className=\"newsletter-subscription\">\r\n        {this.state.errors !== undefined && this.state.errors.length ? (\r\n          <ServerErrors\r\n            resourcedTexts={this.props.resourcedTexts}\r\n            serverErrors={this.state.errors}\r\n            onRemoveErrors={this.removeServerErrors}\r\n          />\r\n        ) : null}\r\n        <div className=\"newsletter-subscription__content\">\r\n          {this.renderSteps(this.state.activeIndex)}\r\n        </div>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n\r\nexport default NewsletterSubscription;\r\n"],"names":["__webpack_require__","module","getter","__esModule","d","a","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","React","pushToDataLayer","event","window","dataLayer","push","useIsMount","isMountRef","useRef","useEffect","current","_ref","newsLetterData","resourcedTexts","onSubmit","_useState2","_slicedToArray","useState","firstName","setFirstName","_useState4","email","setEmail","_useState6","consent","setConsent","isMount","isDisabled","timeout","setTimeout","eventCodes","title","length","clearTimeout","e","subscribe","preventDefault","className","newsLetterTitle","newsLetterText","type","placeholder","firstNamePlaceholder","name","value","onChange","target","required","emailPlaceholder","id","htmlFor","dangerouslySetInnerHTML","__html","subscribeConsentText","disabled","subscribeButtonText","setInterests","singleInterest","eventCodeInterests","active","setActive","interestSelectionSymbol","concat","label","_defineProperty","pushToDataLayerWithValue","onClick","interests","handleInterestsSubmit","interestsTitle","interestsText","map","i","SingleInterest","renderInterests","interestsButtonText","props","thankYouTitle","thankYouText","serverErrors","onRemoveErrors","serverErrorsText","serverError","_React$Component","NewsletterSubscription","_this","_classCallCheck","_assertThisInitialized","_callSuper","handleDataReq","setState","errors","endpoint","request","isNewsletterSubscribe","arguments","undefined","newsletter","consentCodeName","state","newsletterSubscribeEndPointUrl","method","headers","Accept","RequestVerificationToken","requestVerificationToken","body","JSON","stringify","interestEndPointUrl","fetch","then","response","status","json","console","log","success","removeServerErrors","activeIndex","errorMessages","err","NewsletterSubscriptionEmailSubmit","handleEmailSubmit","NewsletterSubscriptionInterests","NewsletterSubscriptionConfirm","data","_inherits","this","ServerErrors","renderSteps"],"sourceRoot":""}