{"version":3,"sources":["utils/contentUtils.ts","components/Shared/Header/Header.tsx","utils/urlParamsUtils.ts","utils/customerTypeUtils.ts","constants/index.ts","constants/apiConstants.ts","constants/analyticsConstants.ts","components/Shared/Banner/Banner.tsx","utils/customerDataUtils.ts","components/SuccessPage/SuccessPage.tsx","components/ErrorPage/ErrorPage.tsx","redux/action-types/index.ts","endPointService/index.ts","redux/action-creators/index.ts","redux/reducers/appReducer.ts","redux/reducers/index.ts","redux/store.ts","components/Shared/Loader/Loader.tsx","components/Pages/Pages.tsx","components/MainPages/Unsubscribe.tsx","utils/customerEmailUtils.ts","components/Pages/UnsubscribeByEmailPage.tsx","components/Shared/Banner/UnsubscribeByEmailBanner.tsx","components/MainPages/UnsubscribeByEmail.tsx","App.tsx","index.tsx"],"names":["content","Header","closeBtn","callToAction","_jsx","HeaderOrigination","closeText","displayText","hideClose","logoHref","onClick","handleRedirect","window","open","getUrlQuery","variable","vars","location","search","substring","split","i","length","pair","isNetbankCustomer","ApiConstants","submitApi","marketingUnsubscribe","AnalyticsConstants","unsubscribeAllCustomer","unsubscribeNetbankCustomer","unsubscribeLoginNetbank","Banner","isNetBankUser","netBankCustomers","netBankContent","allCustomers","allCustomerContent","callToActionContent","bannerContent","constants","className","children","_jsxs","customersTitle","dangerouslySetInnerHTML","sanitize","customerDescription","ButtonAction","id","href","netbankBtn","link","url","target","customerData","SuccessPage","success","unSubscribeSuccess","isEmailPreference","useSelector","state","mainReducer","successContent","successTitle","Icon","screenreader","symbol","type","successMessage","successDesc","ErrorPage","error","emailContent","errorContent","errorTitle","errorMessage","errorDesc","handleReload","reload","tryagainBtn","errorMessageDisclaimer","ActionType","token","document","getElementsByName","value","isValidate","val","dispatch","VALIDATE","payload","submitForm","userFormData","ISLOADING","axios","post","concat","headers","RequestVerificationToken","then","response","status","ISFORMVISIBLE","ISLOADED","ISSUCCESS","catch","ISFAILURE","submitEmailPreferenceForm","userEmailFormData","ISEMAILPREFERENCE","initialState","isLoading","isSuccess","isFormVisible","isFailure","isConsent","rootReducer","combineReducers","arguments","undefined","action","store","createStore","applyMiddleware","thunk","Loader","Spinner","ariaLive","isVisible","screenreaderText","Pages","useDispatch","userData","appContent","bindActionCreators","actionCreators","unsubscribeAnalyticsId","unsubscribeTitle","unsubscribeDisclaimer","unsubscribeDisclaimerForOtherEmails","managePreferencesDisclaimer","ButtonActionEmphasis","formSubmit","unsubscribeBtn","Unsubscribe","_Fragment","customerEmail","UnsubscribeByEmailPage","allCustomersEmailPreference","emailConstant","email","setEmail","useState","valid","confirmEmail","setConfirmEmail","validateEmail","_e","v","Number","invalidEmailError","test","invalidMatch","emailError","prevState","TextField","label","errormessage","isValid","maxLength","onChange","e","unsubscribeDesc","disable","unsubscribeIdentifier","confirmEmailError","style","wordBreak","disclaimerTextForIBM","disclaimerTextMarketingEmails","disclaimerTextForGroupPolicy","UnsubscribeByEmailBanner","UnsubscribeByEmail","App","useLocation","navigate","useNavigate","useEffect","pathname","cif","decisionId","Routes","Route","path","element","key","FooterOrigination","RenderApp","initContent","_window","_window$clientData","JSON","parse","clientData","cmsContent","initCustomerData","getCid","getDid","ReactDOM","render","BrowserRouter","Provider","getElementById"],"mappings":"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","file":"static/js/main.0273de61.chunk.js","sourcesContent":["/* eslint-disable import/no-mutable-exports */\r\n\r\ninterface Content {\r\n  [key: string]: any;\r\n}\r\n\r\nexport let content: Content = {};\r\n\r\nexport const initContent = () => {\r\n  content = JSON.parse((window as any)?.clientData?.cmsContent);\r\n};\r\n","import React from 'react';\r\nimport { HeaderOrigination } from '@honeycomb-npm/honeycomb-react';\r\nimport { content } from '../../../utils/contentUtils';\r\n\r\nconst Header = () => {\r\n  const { closeBtn } = content.callToAction;\r\n  const handleRedirect = () => {\r\n    window.open('https://www.commbank.com.au/', '_self');\r\n  };\r\n  return (\r\n    <HeaderOrigination\r\n      closeText={closeBtn.displayText}\r\n      hideClose={false}\r\n      logoHref=\"https://www.commbank.com.au/\"\r\n      onClick={handleRedirect}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Header;\r\n","/* eslint-disable import/no-mutable-exports,\r\n    @typescript-eslint/no-unsafe-assignment,\r\n    @typescript-eslint/no-unsafe-call,\r\n    @typescript-eslint/no-explicit-any,\r\n    @typescript-eslint/no-unsafe-return,\r\n    @typescript-eslint/no-unsafe-member-access,\r\n    consistent-return,\r\n    no-underscore-dangle, no-plusplus */\r\n\r\nexport const getUrlQuery = (variable: any) => {\r\n  const data = window as any;\r\n  const query = data.location.search.substring(1);\r\n  const vars = query.split('&');\r\n  for (let i = 0; i < vars.length; i++) {\r\n    const pair = vars[i].split('=');\r\n    if (pair[0] === variable) {\r\n      return pair[1];\r\n    }\r\n  }\r\n};\r\n\r\nexport default getUrlQuery;\r\n","/* eslint-disable import/no-mutable-exports,\r\n    no-unneeded-ternary */\r\n\r\nimport { getUrlQuery } from './urlParamsUtils';\r\n\r\nexport let isNetbankCustomer: boolean;\r\nexport const initCustomer = () => {\r\n  isNetbankCustomer = getUrlQuery('ct') === '1' ? true : false;\r\n};\r\n\r\nexport default isNetbankCustomer;\r\n","import ApiConstants from './apiConstants';\r\nimport AnalyticsConstants from './analyticsConstants';\r\n\r\nexport default {\r\n  ApiConstants,\r\n  AnalyticsConstants,\r\n};\r\n","export default {\r\n  submitApi: 'Preference/Formsubmit',\r\n  marketingUnsubscribe: 'Preference/EmailUnsubscribe',\r\n};\r\n","export default {\r\n  unsubscribeAllCustomer: 'unsubscribe-all-customer',\r\n  unsubscribeNetbankCustomer: 'unsubscribe-netbank-customer',\r\n  unsubscribeLoginNetbank: 'unsubscribe-login-netbank',\r\n};\r\n","import React from 'react';\r\nimport { ButtonAction, sanitize } from '@honeycomb-npm/honeycomb-react';\r\nimport { content } from '../../../utils/contentUtils';\r\nimport { isNetbankCustomer } from '../../../utils/customerTypeUtils';\r\nimport constants from '../../../constants';\r\nimport './Banner.scss';\r\n\r\nconst Banner = () => {\r\n  const isNetBankUser = isNetbankCustomer;\r\n  const { netBankCustomers: netBankContent, allCustomers: allCustomerContent, callToAction: callToActionContent } = content;\r\n  const bannerContent = isNetBankUser ? netBankContent : allCustomerContent;\r\n  const { AnalyticsConstants } = constants;\r\n  const { unsubscribeLoginNetbank } = AnalyticsConstants;\r\n  return (\r\n    <div className=\"row mx-0 px-0\">\r\n      <div className=\"col-12 px-0\">\r\n        <div className=\"hero-banner col-lg-9 col-md-12 mt-8 mb-6 pl-2 pl-sm-4 pl-md-6 pr-4\">\r\n          <h1>{bannerContent.customersTitle}</h1>\r\n          <div dangerouslySetInnerHTML={sanitize(bannerContent.customerDescription)} />\r\n        </div>\r\n        {isNetBankUser && (\r\n          <div className=\"col-lg-9 col-md-12 my-4 pl-3 pl-sm-6 pl-md-8\">\r\n            <ButtonAction\r\n              id={unsubscribeLoginNetbank}\r\n              href={callToActionContent.netbankBtn.link.url}\r\n              target={callToActionContent.netbankBtn.link.target}\r\n            >\r\n              {callToActionContent.netbankBtn.displayText}\r\n            </ButtonAction>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n","/* eslint-disable import/no-mutable-exports */\r\n\r\nimport { getUrlQuery } from './urlParamsUtils';\r\n\r\ninterface CustomerData {\r\n  [key: string]: any;\r\n}\r\n\r\nexport let customerData: CustomerData = {};\r\nexport const initCustomerData = () => {\r\n  const getCid = getUrlQuery('cid');\r\n  const getDid = getUrlQuery('did');\r\n  customerData = { ...customerData, decisionId: getDid, cif: getCid };\r\n};\r\n\r\nexport default customerData;\r\n","import React from 'react';\r\nimport { Icon, sanitize } from '@honeycomb-npm/honeycomb-react';\r\nimport { useSelector } from 'react-redux';\r\nimport { State } from '../../redux';\r\nimport { content } from '../../utils/contentUtils';\r\n\r\nconst SuccessPage = () => {\r\n  const { success, unSubscribeSuccess } = content;\r\n\r\n  const { isEmailPreference } = useSelector((state: State) => state.mainReducer);\r\n\r\n  const successContent = isEmailPreference ? unSubscribeSuccess : success;\r\n\r\n  return (\r\n    <div className=\"row\">\r\n      <div className=\"col-lg-8 col-sm-12\">\r\n        <h2>{successContent.successTitle}</h2>\r\n        <div>\r\n          <Icon\r\n            screenreader=\"Success Icon\"\r\n            symbol=\"messageSuccess32\"\r\n            type=\"svgfile\"\r\n          >\r\n            <div dangerouslySetInnerHTML={sanitize(successContent.successMessage)} />\r\n          </Icon>\r\n        </div>\r\n        <div className=\"mt-4\" dangerouslySetInnerHTML={sanitize(successContent.successDesc)} />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SuccessPage;\r\n","import React from 'react';\r\nimport { Icon, sanitize, ButtonAction } from '@honeycomb-npm/honeycomb-react';\r\nimport { useSelector } from 'react-redux';\r\nimport { State } from '../../redux';\r\nimport { content } from '../../utils/contentUtils';\r\n\r\nconst ErrorPage = () => {\r\n  const { error, callToAction, emailContent } = content;\r\n\r\n  const { isEmailPreference } = useSelector((state: State) => state.mainReducer);\r\n\r\n  const errorContent = isEmailPreference ? emailContent : error;\r\n\r\n  const handleReload = () => {\r\n    window.location.reload();\r\n  };\r\n\r\n  return (\r\n    <div className=\"row\">\r\n      <div className=\"col-lg-8 col-sm-12\">\r\n        <h2>{errorContent.errorTitle}</h2>\r\n        <div>\r\n          <Icon\r\n            screenreader=\"Error Icon\"\r\n            symbol=\"messageAlert32\"\r\n            type=\"svgfile\"\r\n          >\r\n            <div dangerouslySetInnerHTML={sanitize(errorContent.errorMessage)} />\r\n          </Icon>\r\n        </div>\r\n        <div className=\"mt-2\" dangerouslySetInnerHTML={sanitize(errorContent.errorDesc)} />\r\n        {isEmailPreference && (\r\n          <div className=\"my-4\">\r\n            <ButtonAction onClick={handleReload}>\r\n              {callToAction.tryagainBtn.displayText}\r\n            </ButtonAction>\r\n          </div>\r\n        )}\r\n        <div className=\"mt-2\" dangerouslySetInnerHTML={sanitize(errorContent.errorMessageDisclaimer)} />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ErrorPage;\r\n","export enum ActionType {\r\n    ISLOADING = 'isLoading',\r\n    ISLOADED = 'isLoaded',\r\n    ISSUCCESS = 'isSuccess',\r\n    ISFORMVISIBLE = 'isFormVisible',\r\n    ISFAILURE = 'isFailure',\r\n    VALIDATE = 'isValidate',\r\n    ISEMAILPREFERENCE ='isEmailPreference',\r\n}\r\n\r\nexport default ActionType;\r\n","import constants from '../constants';\r\n\r\nconst { ApiConstants } = constants;\r\nconst {\r\n  submitApi,\r\n  marketingUnsubscribe,\r\n} = ApiConstants;\r\n\r\nexport { submitApi, marketingUnsubscribe };\r\n","import { Dispatch } from 'redux';\r\nimport axios from 'axios';\r\nimport { Action } from '../actions';\r\nimport { ActionType } from '../action-types';\r\nimport { submitApi, marketingUnsubscribe } from '../../endPointService';\r\n\r\nconst token = document.getElementsByName('__RequestVerificationToken')[0] as HTMLInputElement\r\n  ? (document.getElementsByName('__RequestVerificationToken')[0] as HTMLInputElement).value : '';\r\n\r\nexport const isValidate = (val: boolean) => (dispatch: Dispatch<Action>) => {\r\n  dispatch({\r\n    type: ActionType.VALIDATE,\r\n    payload: val,\r\n  });\r\n};\r\n\r\nexport const submitForm = (userFormData: any) => (dispatch: Dispatch<Action>) => {\r\n  dispatch({\r\n    type: ActionType.ISLOADING,\r\n  });\r\n\r\n  axios.post(`${submitApi}`, userFormData,\r\n    {\r\n      headers: {\r\n        RequestVerificationToken: token,\r\n        'X-Requested-with': 'XMLHttpRequest',\r\n        'Content-Type': 'application/json',\r\n      },\r\n    })\r\n    .then((response) => {\r\n      if (response.status === 200 || response.status === 202 || response.status === 204) {\r\n        dispatch({\r\n          type: ActionType.ISFORMVISIBLE,\r\n          payload: false,\r\n        });\r\n        dispatch({\r\n          type: ActionType.ISLOADED,\r\n        });\r\n        dispatch({\r\n          type: ActionType.ISSUCCESS,\r\n        });\r\n      }\r\n    })\r\n    .catch(() => {\r\n      dispatch({\r\n        type: ActionType.ISLOADED,\r\n      });\r\n      dispatch({\r\n        type: ActionType.ISFORMVISIBLE,\r\n        payload: false,\r\n      });\r\n      dispatch({\r\n        type: ActionType.ISFAILURE,\r\n      });\r\n    });\r\n};\r\n\r\nexport const submitEmailPreferenceForm = (userEmailFormData: any) => (dispatch: Dispatch<Action>) => {\r\n  dispatch({\r\n    type: ActionType.ISLOADING,\r\n  });\r\n  dispatch({\r\n    type: ActionType.ISEMAILPREFERENCE,\r\n  });\r\n\r\n  axios\r\n    .post(`${marketingUnsubscribe}`, userEmailFormData, {\r\n      headers: {\r\n        RequestVerificationToken: token,\r\n        'X-Requested-with': 'XMLHttpRequest',\r\n        'Content-Type': 'application/json',\r\n      },\r\n    })\r\n    .then((response) => {\r\n      if (response.status === 200 || response.status === 202 || response.status === 204) {\r\n        dispatch({\r\n          type: ActionType.ISFORMVISIBLE,\r\n          payload: false,\r\n        });\r\n        dispatch({\r\n          type: ActionType.ISLOADED,\r\n        });\r\n        dispatch({\r\n          type: ActionType.ISSUCCESS,\r\n        });\r\n      }\r\n    })\r\n    .catch(() => {\r\n      dispatch({\r\n        type: ActionType.ISLOADED,\r\n      });\r\n      dispatch({\r\n        type: ActionType.ISFORMVISIBLE,\r\n        payload: false,\r\n      });\r\n      dispatch({\r\n        type: ActionType.ISFAILURE,\r\n      });\r\n    });\r\n};\r\n","/* eslint-disable @typescript-eslint/no-unsafe-return,\r\n      no-param-reassign,\r\n      no-return-assign */\r\nimport { ActionType } from '../action-types';\r\nimport { Action } from '../actions';\r\n\r\ninterface InitialStateI {\r\n  isLoading: boolean,\r\n  isSuccess: boolean,\r\n  isFormVisible: boolean,\r\n  isFailure: boolean,\r\n  isConsent: any,\r\n  isEmailPreference:boolean,\r\n}\r\n\r\nconst initialState: InitialStateI = {\r\n  isLoading: false,\r\n  isSuccess: false,\r\n  isFormVisible: true,\r\n  isFailure: false,\r\n  isConsent: null,\r\n  isEmailPreference: false,\r\n};\r\n\r\nexport const appReducer = (state: InitialStateI = initialState, action: Action) => {\r\n  switch (action.type) {\r\n  case ActionType.ISLOADING: {\r\n    return { ...state, isLoading: true };\r\n  }\r\n  case ActionType.ISLOADED: {\r\n    return { ...state, isLoading: false };\r\n  }\r\n  case ActionType.ISFORMVISIBLE: {\r\n    return { ...state, isFormVisible: action.payload };\r\n  }\r\n  case ActionType.ISSUCCESS: {\r\n    return { ...state, isSuccess: true };\r\n  }\r\n  case ActionType.ISFAILURE: {\r\n    return { ...state, isFailure: true };\r\n  }\r\n  case ActionType.VALIDATE: {\r\n    return { ...state, isConsent: action.payload };\r\n  }\r\n  case ActionType.ISEMAILPREFERENCE: {\r\n    return { ...state, isEmailPreference: true };\r\n  }\r\n  default:\r\n    return state;\r\n  }\r\n};\r\n","import { combineReducers } from 'redux';\r\nimport { appReducer } from './appReducer';\r\n\r\nexport const rootReducer = combineReducers({\r\n  mainReducer: appReducer,\r\n});\r\n\r\nexport default rootReducer;\r\nexport type State = ReturnType<typeof rootReducer>;\r\n","import { createStore, applyMiddleware } from 'redux';\r\nimport thunk from 'redux-thunk';\r\nimport rootReducer from './reducers';\r\n\r\nexport const store = createStore(rootReducer, {}, applyMiddleware(thunk));\r\n","import React from 'react';\r\nimport { Spinner } from '@honeycomb-npm/honeycomb-react';\r\nimport './Loader.scss';\r\n\r\nconst Loader = () => (\r\n  <div className=\"loader\">\r\n    <Spinner\r\n      ariaLive=\"polite\"\r\n      isVisible\r\n      screenreaderText=\"Loading. Please wait.\"\r\n    />\r\n  </div>\r\n);\r\n\r\nexport default Loader;\r\n","/* eslint-disable @typescript-eslint/no-unsafe-return,\r\n  no-unused-expressions, @typescript-eslint/no-unused-expressions,\r\n  @typescript-eslint/await-thenable */\r\nimport React from 'react';\r\nimport { ButtonActionEmphasis, sanitize } from '@honeycomb-npm/honeycomb-react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { content } from '../../utils/contentUtils';\r\nimport { isNetbankCustomer } from '../../utils/customerTypeUtils';\r\nimport { customerData } from '../../utils/customerDataUtils';\r\nimport SuccessPage from '../SuccessPage/SuccessPage';\r\nimport ErrorPage from '../ErrorPage/ErrorPage';\r\nimport { actionCreators, State } from '../../redux';\r\nimport Loader from '../Shared/Loader/Loader';\r\nimport constants from '../../constants';\r\n\r\nconst Pages = () => {\r\n  const dispatch = useDispatch();\r\n  const isNetBankUser = isNetbankCustomer;\r\n  const { netBankCustomers: netBankContent, allCustomers: allCustomerContent, callToAction: callToActionContent } = content;\r\n  const userData = customerData;\r\n  const appContent = isNetBankUser ? netBankContent : allCustomerContent;\r\n  const { submitForm } = bindActionCreators(actionCreators, dispatch);\r\n  const { AnalyticsConstants } = constants;\r\n  const { unsubscribeAllCustomer, unsubscribeNetbankCustomer } = AnalyticsConstants;\r\n  const unsubscribeAnalyticsId = isNetBankUser ? unsubscribeNetbankCustomer : unsubscribeAllCustomer;\r\n  const {\r\n    isLoading,\r\n    isFormVisible,\r\n    isSuccess,\r\n    isFailure,\r\n  } = useSelector((state: State) => state.mainReducer);\r\n\r\n  const formSubmit = () => {\r\n    submitForm(userData);\r\n  };\r\n\r\n  return (\r\n    <div className=\"col-12 px-3 px-md-8 px-sm-6 pb-6\">\r\n      <hr />\r\n      {isFormVisible && (\r\n        <div className=\"row mx-0\">\r\n          <div className=\"col-lg-9 col-sm-12 px-0\">\r\n            <h2>{appContent.unsubscribeTitle}</h2>\r\n            <div className=\"mt-2\" dangerouslySetInnerHTML={sanitize(appContent.unsubscribeDisclaimer)} />\r\n            <div className=\"mt-2\" dangerouslySetInnerHTML={sanitize(appContent.unsubscribeDisclaimerForOtherEmails)} />\r\n            <div className=\"mt-2\" dangerouslySetInnerHTML={sanitize(appContent.managePreferencesDisclaimer)} />\r\n            <div className=\"my-4\">\r\n              <ButtonActionEmphasis\r\n                id={unsubscribeAnalyticsId}\r\n                onClick={formSubmit}\r\n              >\r\n                {callToActionContent.unsubscribeBtn.displayText}\r\n              </ButtonActionEmphasis>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n      {isLoading && (<Loader />)}\r\n      {isSuccess && (<SuccessPage />)}\r\n      {isFailure && (<ErrorPage />)}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Pages;\r\n","import Banner from '../Shared/Banner/Banner';\r\nimport Pages from '../Pages/Pages';\r\n\r\nconst Unsubscribe = () => (\r\n  <>\r\n    <Banner />\r\n    <Pages />\r\n  </>\r\n);\r\n\r\nexport default Unsubscribe;\r\n","/* eslint-disable import/no-mutable-exports */\r\n\r\ninterface CustomerEmail {\r\n  [key: string]: any;\r\n}\r\n\r\nexport let customerEmail: CustomerEmail = {};\r\nexport const initCustomerEmailData = () => {\r\n  customerEmail = { ...customerEmail, unsubscribeIdentifier: '' };\r\n};\r\n\r\nexport default customerEmail;\r\n","import React, { useState } from 'react';\r\nimport { bindActionCreators } from 'redux';\r\nimport { ButtonActionEmphasis, sanitize, TextField } from '@honeycomb-npm/honeycomb-react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { content } from '../../utils/contentUtils';\r\nimport { actionCreators, State } from '../../redux';\r\nimport SuccessPage from '../SuccessPage/SuccessPage';\r\nimport Loader from '../Shared/Loader/Loader';\r\nimport ErrorPage from '../ErrorPage/ErrorPage';\r\nimport { customerEmail } from '../../utils/customerEmailUtils';\r\n\r\nconst UnsubscribeByEmailPage = () => {\r\n  const dispatch = useDispatch();\r\n\r\n  const { allCustomersEmailPreference, callToAction: callToActionContent, emailContent } = content;\r\n\r\n  let userData = customerEmail;\r\n\r\n  const { submitEmailPreferenceForm } = bindActionCreators(actionCreators, dispatch);\r\n\r\n  const appContent = allCustomersEmailPreference;\r\n  const emailConstant = {\r\n    email: 'Email',\r\n    confirmEmail: 'ConfirmEmail',\r\n  };\r\n\r\n  const initialEmailInfo = {\r\n    errorMessage: '',\r\n    type: 'email',\r\n    valid: true,\r\n    value: '',\r\n  };\r\n\r\n  const initialConfirmEmailInfo = {\r\n    errorMessage: '',\r\n    type: 'confirmEmail',\r\n    valid: true,\r\n    value: '',\r\n  };\r\n\r\n  const [email, setEmail] = useState(initialEmailInfo);\r\n  const [confirmEmail, setConfirmEmail] = useState(initialConfirmEmailInfo);\r\n\r\n  const {\r\n    isLoading,\r\n    isFormVisible,\r\n    isSuccess,\r\n    isFailure,\r\n  } = useSelector((state: State) => state.mainReducer);\r\n\r\n  function isValidEmail(emailVal: string) {\r\n    return /^[a-zA-Z0-9][a-zA-Z0-9._%+-]*@[a-zA-Z0-9.-]+\\.[A-Za-z]{2,}$/.test(emailVal);\r\n  }\r\n\r\n  const validateEmail = (_e:string, v: string, type: string) => {\r\n    let errorMessage = '';\r\n    let valid = true;\r\n    const value = v;\r\n    if (!v) {\r\n      errorMessage = emailContent.emailError;\r\n    } else if (v.length > Number(80)) {\r\n      errorMessage = emailContent.invalidEmailError;\r\n    } else if (!isValidEmail(v)) {\r\n      errorMessage = emailContent.invalidEmailError;\r\n    } else if (errorMessage.length === 0 && v.length > 0 && type === emailConstant.confirmEmail && email.value !== v) {\r\n      errorMessage = emailContent.invalidMatch;\r\n    }\r\n    if ((type === emailConstant.confirmEmail && v) || (type === emailConstant.email && v) || errorMessage !== '') {\r\n      valid = (errorMessage.length === 0 && v.length > 0);\r\n    }\r\n    if (confirmEmail.value === v) {\r\n      errorMessage = '';\r\n      valid = true;\r\n      const emailType = emailConstant.confirmEmail;\r\n      setConfirmEmail((prevState) => ({\r\n        ...prevState,\r\n        errorMessage,\r\n        valid,\r\n        value,\r\n      }));\r\n    }\r\n    if (type === emailConstant.email) {\r\n      setEmail({\r\n        errorMessage,\r\n        type,\r\n        valid,\r\n        value,\r\n      });\r\n    } else {\r\n      setConfirmEmail({\r\n        errorMessage,\r\n        type,\r\n        valid,\r\n        value,\r\n      });\r\n    }\r\n    return valid;\r\n  };\r\n\r\n  const formSubmit = () => {\r\n    let errorMessage = '';\r\n    let valid = true;\r\n    let value = '';\r\n    let type = '';\r\n    if (email.value !== '' && confirmEmail.value !== '' && email.valid && confirmEmail.valid && email.value === confirmEmail.value) {\r\n      userData = { ...userData, unsubscribeIdentifier: email.value };\r\n      submitEmailPreferenceForm(userData);\r\n    } else {\r\n      if (email.valid && confirmEmail.valid && email.value !== confirmEmail.value) {\r\n        errorMessage = emailContent.invalidMatch;\r\n        valid = false;\r\n        value = confirmEmail.value;\r\n        type = 'ConfirmEmail';\r\n        setConfirmEmail({\r\n          errorMessage,\r\n          type,\r\n          valid,\r\n          value,\r\n        });\r\n      }\r\n      if (email.value === '') {\r\n        errorMessage = emailContent.emailError;\r\n        valid = false;\r\n        value = email.value;\r\n        type = 'Email';\r\n        setEmail({\r\n          errorMessage,\r\n          type,\r\n          valid,\r\n          value,\r\n        });\r\n      }\r\n      if (confirmEmail.value === '') {\r\n        errorMessage = emailContent.confirmEmailError;\r\n        valid = false;\r\n        value = confirmEmail.value;\r\n        type = 'ConfirmEmail';\r\n        setConfirmEmail({\r\n          errorMessage,\r\n          type,\r\n          valid,\r\n          value,\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"col-12 px-3 px-md-8 px-sm-6 pb-6\">\r\n      {isFormVisible && (\r\n        <div className=\"row mx-0\">\r\n          <div className=\"col-lg-9 col-sm-12 px-0\">\r\n            <div className=\"col-md-5 col-12\">\r\n              <div className=\"mb-5\">\r\n                <TextField\r\n                  id=\"email\"\r\n                  type=\"email\"\r\n                  label=\"Email Address\"\r\n                  value={email.value}\r\n                  errormessage={email.errorMessage}\r\n                  isValid={email.valid}\r\n                  maxLength={254}\r\n                  onChange={(e: string, v: string) => {\r\n                    validateEmail(e, v, 'Email');\r\n                  }}\r\n                />\r\n              </div>\r\n              <div className=\"mb-5\">\r\n                <TextField\r\n                  id=\"confirmemail\"\r\n                  type=\"confirmemail\"\r\n                  label=\"Confirm Email Address\"\r\n                  value={confirmEmail.value}\r\n                  errormessage={confirmEmail.errorMessage}\r\n                  isValid={confirmEmail.valid}\r\n                  maxLength={254}\r\n                  onChange={(e: string, v: string) => {\r\n                    validateEmail(e, v, 'ConfirmEmail');\r\n                  }}\r\n                />\r\n              </div>\r\n              <h3>{allCustomersEmailPreference.customersTitle}</h3>\r\n            </div>\r\n            <div className=\"mt-2\" dangerouslySetInnerHTML={sanitize(allCustomersEmailPreference.unsubscribeDesc)} />\r\n            <div className=\"my-4\">\r\n              <ButtonActionEmphasis type=\"button\" disable=\"true\" id=\"form-submit\" onClick={formSubmit}>\r\n                {callToActionContent.unsubscribeBtn.displayText}\r\n              </ButtonActionEmphasis>\r\n            </div>\r\n            <div className=\"mt-2\" style={{ wordBreak: 'break-word' }} dangerouslySetInnerHTML={sanitize(appContent.disclaimerTextForIBM)} />\r\n            <div className=\"mt-2\" style={{ wordBreak: 'break-word' }} dangerouslySetInnerHTML={sanitize(appContent.disclaimerTextMarketingEmails)} />\r\n            <div className=\"mt-2\" style={{ wordBreak: 'break-word' }} dangerouslySetInnerHTML={sanitize(appContent.disclaimerTextForGroupPolicy)} />\r\n          </div>\r\n        </div>\r\n      )}\r\n      {isLoading && <Loader />}\r\n      {isSuccess && <SuccessPage />}\r\n      {isFailure && <ErrorPage />}\r\n    </div>\r\n  );\r\n};\r\nexport default UnsubscribeByEmailPage;\r\n","import { sanitize } from '@honeycomb-npm/honeycomb-react';\r\nimport { content } from '../../../utils/contentUtils';\r\nimport './UnsubscribeByEmailBanner.scss';\r\n\r\nconst UnsubscribeByEmailBanner = () => {\r\n  const bannerContent = content.allCustomersEmailPreference;\r\n  return (\r\n    <div className=\"row mx-0 px-0\">\r\n      <div className=\"col-12 px-0\">\r\n        <div className=\"hero-banner col-lg-9 col-md-12 mt-8 mb-6 pl-2 pl-sm-4 pl-md-6 pr-4\">\r\n          <h1>{bannerContent.unsubscribeTitle}</h1>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\nexport default UnsubscribeByEmailBanner;\r\n","import Pages from '../Pages/UnsubscribeByEmailPage';\r\nimport UnsubscribeByEmailBanner from '../Shared/Banner/UnsubscribeByEmailBanner';\r\n\r\nconst UnsubscribeByEmail = () => (\r\n  <>\r\n    <UnsubscribeByEmailBanner />\r\n    <Pages />\r\n  </>\r\n);\r\n\r\nexport default UnsubscribeByEmail;\r\n","import React, { useEffect } from 'react';\r\nimport {\r\n  Route, Routes, useLocation, useNavigate,\r\n} from 'react-router-dom';\r\nimport { FooterOrigination } from '@honeycomb-npm/honeycomb-react';\r\nimport Header from './components/Shared/Header/Header';\r\nimport './styles/app.scss';\r\nimport Unsubscribe from './components/MainPages/Unsubscribe';\r\nimport UnsubscribeByEmail from './components/MainPages/UnsubscribeByEmail';\r\nimport { customerData } from './utils/customerDataUtils';\r\n\r\nconst App = () => {\r\n  const location = useLocation();\r\n  const navigate = useNavigate();\r\n\r\n  useEffect(() => {\r\n    if ((location.pathname === '/digital/unsubscribe' || location.pathname === '/digital/unsubscribe/')\r\n      && customerData.cif === undefined && customerData.decisionId === undefined) {\r\n      navigate('/digital/unsubscribe/email');\r\n      window.location.reload();\r\n    }\r\n  }, [location, navigate]);\r\n\r\n  return (\r\n    <div className=\"honeycomb textstyles--commbank bg-grey\" id=\"StartMainContent\">\r\n      <Header />\r\n      <div className=\"app-container container col-sm-10 px-0 bg-white\">\r\n        <Routes key={location.key}>\r\n          <Route path=\"/digital/unsubscribe\" element={<Unsubscribe />} />\r\n          <Route path=\"/digital/unsubscribe/email\" element={<UnsubscribeByEmail />} />\r\n        </Routes>\r\n      </div>\r\n      <FooterOrigination />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default App;\r\n","// eslint-disable-next-line import/no-extraneous-dependencies\r\nimport 'react-app-polyfill/ie11';\r\n// eslint-disable-next-line import/no-extraneous-dependencies\r\nimport 'react-app-polyfill/stable';\r\n\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport { Provider } from 'react-redux';\r\nimport App from './App';\r\nimport { initContent } from './utils/contentUtils';\r\nimport { initCustomer } from './utils/customerTypeUtils';\r\nimport { initCustomerData } from './utils/customerDataUtils';\r\nimport { initCustomerEmailData } from './utils/customerEmailUtils';\r\nimport { store } from './redux';\r\n\r\n// Load Honeycomb CSS\r\n/* eslint-disable import/no-extraneous-dependencies */\r\nimport '@honeycomb-npm/honeycomb/src/bundles/honeycomb.scss';\r\n\r\n// eslint-disable-next-line\r\n(window as any).RenderApp = () => {\r\n  initCustomer();\r\n  initContent();\r\n  initCustomerData();\r\n  initCustomerEmailData();\r\n  ReactDOM.render(\r\n    <BrowserRouter>\r\n      <Provider store={store}>\r\n        <App />\r\n      </Provider>\r\n    </BrowserRouter>, document.getElementById('root'),\r\n  );\r\n};\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\n// reportWebVitals();\r\n"],"sourceRoot":""}