\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default ShareAndSaveBanner\r\n","/* eslint-disable */\r\n\r\nimport React, { useContext, useEffect, useState } from 'react'\r\nimport { withTranslation } from 'react-i18next'\r\nimport { shallowEqual, useSelector } from 'react-redux'\r\nimport _ from 'underscore'\r\nimport { Link } from 'react-router-dom'\r\nimport { useHistory } from 'react-router'\r\nimport { AuthenticationContext, generateSeamlessAuthCredentials } from '@cloudmlm/cloudmlm-auth'\r\nimport dataConstant from '../../../constants/dataConstants'\r\nimport ReplicationContext from '../../../replication/ReplicationContext'\r\nimport { httpGet } from '../../../services/commonService'\r\nimport urlConstant from '../../../constants/urlConstant'\r\nimport CountrySelector from './CountrySelector'\r\nimport ShareAndSaveBanner from './ShareAndSaveBanner'\r\nimport { endApiLoader, startApiLoader } from '../../../services/apiLoaderService'\r\nimport { store } from '../../../index'\r\nimport CustomIcon from '../../../components/iconComponent/iconComponent'\r\n\r\nconst { ProductsCategory } = dataConstant\r\n\r\nfunction Header() {\r\n const history = useHistory()\r\n const authenticationState = useContext(AuthenticationContext)\r\n const { replicatedUrl } = useContext(ReplicationContext)\r\n const appBaseUrl = `https://${replicatedUrl ? `${replicatedUrl}.` : ''}${process.env.REACT_APP_FRONTEND_SITE_URL\r\n }`\r\n\r\n const { user } = useSelector(\r\n ({ user }) => ({\r\n user: user,\r\n }),\r\n shallowEqual,\r\n )\r\n\r\n const role = authenticationState.roles[0] ?? ''\r\n\r\n useEffect(() => {\r\n new Navigation({\r\n navBtn: document.querySelector('#nav-btn'),\r\n navContainer: document.querySelector('.main-navigation'),\r\n })\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (replicatedUrl == null) return\r\n httpGet(urlConstant.Replication.GetReplicationDetails + `/${replicatedUrl}`, false, false)\r\n .then(result => {\r\n if (result.Status === dataConstant.APIResponseStatus.Success) {\r\n const tempUser = JSON.parse(localStorage.getItem('user'))\r\n const user = {\r\n email: tempUser?.email,\r\n homeAccountId: tempUser?.homeAccountId,\r\n accId: tempUser?.accId,\r\n refAccountId: result.Value?.RepId,\r\n role: tempUser?.role?.toLowerCase(),\r\n userName: tempUser?.userName,\r\n }\r\n localStorage.setItem('user', JSON.stringify(user))\r\n // if (\r\n // result.Value?.RepId === dataConstant.defaultRefAccountId &&\r\n // replicatedUrl !== dataConstant.defaultRefAccountId.toString()\r\n // ) {\r\n // window.location.pathname = `${history.location.pathname}/from/${result.Value?.RepId}`\r\n // }\r\n } else {\r\n window.location.pathname = history.location.pathname\r\n return\r\n }\r\n })\r\n .catch(e => {\r\n console.error(e)\r\n })\r\n }, [replicatedUrl])\r\n\r\n const redirectToBackoffice = () => {\r\n if (!authenticationState.isLoggedIn) {\r\n window.location = `${process.env.REACT_APP_BACKOFFICE_URL}`\r\n return\r\n }\r\n\r\n startApiLoader()\r\n generateSeamlessAuthCredentials(\r\n authenticationState,\r\n urlConstant.SeamlessLogin.SeamlessLoginCreate,\r\n )\r\n .then(result => {\r\n window.location = `${process.env.REACT_APP_BACKOFFICE_URL}/seamless-auth/${result}`\r\n })\r\n .catch(e => {\r\n console.error(e)\r\n endApiLoader()\r\n })\r\n }\r\n\r\n const logout = () => {\r\n localStorage.removeItem('user')\r\n store.dispatch({\r\n type: 'user/SET_USER',\r\n payload: {\r\n paymentData: [],\r\n },\r\n })\r\n authenticationState.logUserOut()\r\n // history.push('/products')\r\n history.push(replicatedUrl ? `/products/${replicatedUrl}` : '')\r\n }\r\n\r\n // TODO: Place share and save banner back here\r\n return (\r\n <>\r\n {/* \r\n
\r\n \r\n
\r\n Black Friday Sale 25% Off 11/22-11/28
\r\n\r\n ![\"Ripple](\"/resources/images/logo-white-grey.png\")
\r\n
\r\n \r\n \r\n \r\n Country Selection
\r\n {country.availableCountries.map(countryItem => {\r\n return (\r\n\r\n
\r\n \r\n {children}
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Index\r\n","import React, { useEffect } from 'react'\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport _ from 'underscore'\r\nimport ApiLoader from './layoutComponents/ApiLoader/apiLoader'\r\nimport actions from '../redux/country/actions';\r\nimport { httpGet } from '../services/commonService'\r\nimport urlConstant from '../constants/urlConstant'\r\n\r\nconst CountryLoader = ({ children }) => {\r\n const dispatch = useDispatch();\r\n const country = useSelector(state => state.country);\r\n\r\n useEffect(() => {\r\n const countryData = window.localStorage.getItem('byldCountry');\r\n httpGet(urlConstant.Common.GetCoutryDropDownList).then(result => {\r\n if(result.Status !== \"Success\") return;\r\n\r\n if(countryData == null) {\r\n const countryList = _.filter(result.Value.Data, function(item) { return !item.isDisabled; });\r\n const defaultCountry = countryList[0];\r\n const payload = {\r\n countryId: defaultCountry.value,\r\n displayName: defaultCountry.label\r\n };\r\n window.localStorage.setItem('byldCountry', JSON.stringify(payload));\r\n dispatch({\r\n type: actions.SET_COUNTRY,\r\n payload\r\n });\r\n } else {\r\n const countryObj = JSON.parse(countryData);\r\n dispatch({\r\n type: actions.SET_COUNTRY,\r\n payload: countryObj\r\n });\r\n }\r\n\r\n dispatch({\r\n type: actions.SET_AVAILABLE_COUNTRIES,\r\n payload: result.Value.Data\r\n })\r\n });\r\n }, []);\r\n\r\n if(country.countryId == null)\r\n return \r\n
\r\n \r\n ![\"Error\"](\"/resources/images/error.svg\")
\r\n
\r\n \r\n \r\n
\r\n Page not found
\r\n\r\n The page is deprecated, deleted, or does not exist at all\r\n
\r\n \r\n ← Go back to the home page\r\n \r\n\r\n
\r\n )\r\n}\r\n\r\nexport default BioModal\r\n","const actions = {\r\n SET_STATE: 'apiLoader/SET_STATE',\r\n}\r\n\r\nexport default actions\r\n"],"sourceRoot":""}\r\n {children}\r\n {\r\n setActive(false)\r\n event.preventDefault()\r\n }}\r\n >\r\n {/* */}\r\n
\r\n