\r\n
\r\n \r\n 
\r\n
\r\n \r\n {item.CountryName}
\r\n{item.price} \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nCustomInputComponent.propTypes = {\r\n style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\r\n onChange: PropTypes.func,\r\n name: PropTypes.string,\r\n label: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.node\r\n ]),\r\n value: PropTypes.string,\r\n variant: PropTypes.string,\r\n maxLength: PropTypes.number,\r\n required: PropTypes.bool,\r\n error: PropTypes.bool,\r\n};\r\n\r\nCustomInputComponent.defaultProps = {\r\n style: {},\r\n maxLength: 15000,\r\n value: '',\r\n name: '',\r\n label: '',\r\n variant: 'outlined',\r\n onChange: () => { },\r\n required: false,\r\n error: false,\r\n}\r\n\r\nexport default CustomInputComponent;\r\n","import Backdrop from \"@material-ui/core/Backdrop\";\r\nimport Fade from \"@material-ui/core/Fade\";\r\nimport Modal from \"@material-ui/core/Modal\";\r\nimport PropTypes from \"prop-types\";\r\nimport React from \"react\";\r\nimport { Images } from \"../../config\";\r\nimport \"./modal.css\";\r\n\r\n\r\nconst ModalComponent = (props) => {\r\n\tconst { show, children, IsCloseIcon, IsLibrary, IsTrasparent, OuterClose, handleClose, } = props;\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t{children}\r\n\t\t\t\t\t{IsCloseIcon && 
}\r\n\t\t\t\t\t{/* {IsCloseIcon && \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t} */}\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n \r\n Dark \r\n ForceDark(e.target.checked)} />\r\n
\r\n \r\n \r\n \r\n ) : (\r\n \r\n Languages \r\n
\r\n \r\n {languages.map((language) => (\r\n ChangeTheme(themeOption.name)}\r\n key={themeOption.code}\r\n className=\"dropdown-item\"\r\n >\r\n {themeOption.name} \r\n {themeOption.name === theme &&
\r\n ))}\r\n changeLanguage(language.code)} key={language.code} className=\"dropdown-item\">\r\n {language.name} \r\n
\r\n ))}\r\n \r\n Theme \r\n
\r\n {ThemeSupport.map((themeOption) => (\r\n \r\n \r\n {isOpen && (\r\n \r\n Dark \r\n ForceDark(e.target.checked)} />\r\n
\r\n \r\n )}\r\n \r\n )\r\n }\r\n \r\n );\r\n}\r\n\r\nexport default LanguageDropdown;\r\n","import React, { useEffect, useState } from 'react';\r\nimport './EditProfile.css';\r\nimport { Button, CommonLoader, Text, TextField } from '../../components';\r\nimport { useTranslation } from 'react-i18next';\r\nimport * as APIController from \"../../API/APIController\";\r\nimport { toast } from 'react-toastify';\r\nimport { IsEmpty } from '../../config/appConstant';\r\nimport MobileInput from '../../components/MobileInput/MobileInput';\r\nimport { CircularProgress } from '@material-ui/core';\r\n\r\nfunction EditProfile({ onClose }) {\r\n const { t } = useTranslation();\r\n const [email, setEmail] = useState('');\r\n const [name, setName] = useState('');\r\n const [customerCode, setCustomerCode] = useState('');\r\n const [mobileno, setMobileno] = useState('');\r\n const [CountryCodeContactNumber, setCountryCodeContactNumber] = useState('');\r\n const [touched, setTouched] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [editLoading, seteditLoading] = useState(false);\r\n const [successResponse, setSuccessResponse] = useState('');\r\n\r\n const validate = () => {\r\n if (!name || !CountryCodeContactNumber || !mobileno) {\r\n setTouched(true);\r\n toast.error('Please fill out all required fields!');\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const handleEditProfile = () => {\r\n if (validate()) {\r\n wsUpdateCustomerProfile(name, mobileno, CountryCodeContactNumber);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n wsGetCustomerProfile();\r\n }, []);\r\n\r\n const wsGetCustomerProfile = () => {\r\n setLoading(true);\r\n APIController.GetCustomerProfile()\r\n .then((response) => {\r\n setLoading(false);\r\n if (IsEmpty(response.error)) {\r\n if (response.object.Status === 1) {\r\n setName(response.object.CustomerName);\r\n setCustomerCode(response.object.CustomerCode);\r\n setMobileno(response.object.MobileNumber);\r\n setEmail(response.object.EmailAddress);\r\n setCountryCodeContactNumber(response.object.ContactNumberCountryCode);\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n console.log('Error fetching profile:', err);\r\n });\r\n };\r\n\r\n const wsUpdateCustomerProfile = (CustomerName, MobileNumber, ContactNumberCountryCode) => {\r\n seteditLoading(true);\r\n APIController.UpdateCustomerProfile(CustomerName, MobileNumber, ContactNumberCountryCode)\r\n .then((response) => {\r\n seteditLoading(false);\r\n if (IsEmpty(response.error)) {\r\n if (response.object.Status === 1) {\r\n setSuccessResponse(response.object.Message);\r\n toast.success(response.object.Message);\r\n if (onClose) {\r\n onClose();\r\n }\r\n } else {\r\n toast.error(response.object.Message);\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n console.error('Error:', err);\r\n toast.error('Failed to update profile. Please try again.');\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {loading ? \r\n {languages.map((language) => (\r\n ChangeTheme(themeOption.name)}\r\n key={themeOption.code}\r\n\r\n className=\"dropdown-item\"\r\n >\r\n {themeOption.name} \r\n {themeOption.name === theme &&
\r\n ))}\r\n changeLanguage(language.code)} key={language.code} className=\"dropdown-item\">\r\n {language.name} \r\n
\r\n ))}\r\n \r\n Theme \r\n
\r\n {ThemeSupport.map((themeOption) => (\r\n \r\n Edit Profile \r\n\r\n\r\n
}\r\n \r\n );\r\n}\r\n\r\nexport default EditProfile;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { CommonModal, Text } from '../../components';\r\nimport { onLogout } from '../../config/appConstant';\r\nimport { AiOutlineLogout } from 'react-icons/ai';\r\nimport { MdAccountCircle, MdEdit, MdDelete, MdLogin } from 'react-icons/md';\r\nimport EditProfile from '../../screens/EditProfile/EditProfile';\r\nimport * as APIController from \"../../API/APIController\";\r\nimport { toast } from 'react-toastify';\r\nimport { IsEmpty } from '../../config/appConstant';\r\nimport './navbar.css';\r\nimport { BaseColor } from '../../config';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { setLoginModal } from '../../redux/store';\r\n\r\nfunction UserActionsDropdown() {\r\n const { t } = useTranslation();\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [isSidebar, setIsSidebar] = useState(false);\r\n const [openEditProfile, setOpenEditProfile] = useState(false);\r\n const [deleteAccount, setDeleteAccount] = useState(false);\r\n const dispatch = useDispatch();\r\n const userDetails = useSelector((state) => state.userdetail);\r\n\r\n useEffect(() => {\r\n const handleResize = () => {\r\n if (window.innerWidth < 1040) {\r\n setIsSidebar(true);\r\n } else {\r\n setIsSidebar(false);\r\n }\r\n };\r\n\r\n window.addEventListener('resize', handleResize);\r\n\r\n // Set initial state on load\r\n handleResize();\r\n\r\n return () => window.removeEventListener('resize', handleResize);\r\n }, []);\r\n\r\n const toggleDropdown = () => {\r\n setIsOpen(!isOpen);\r\n };\r\n\r\n const handleOpenEditProfile = () => {\r\n setOpenEditProfile(true);\r\n };\r\n\r\n const handleOpenDeleteAccount = () => {\r\n setDeleteAccount(true);\r\n };\r\n\r\n const wsCustomerGetOffline = (emailAddress, customerCode) => {\r\n APIController.CustomerGetOffline(emailAddress, customerCode)\r\n .then((response) => {\r\n if (IsEmpty(response.error)) {\r\n if (response.object.Status === 1) {\r\n toast.success(response.object.Message);\r\n onLogout();\r\n } else {\r\n toast.error(response.object.Message);\r\n }\r\n }\r\n }).catch((err) => {\r\n console.log('err:', err);\r\n });\r\n };\r\n\r\n const handleDeleteAccount = () => {\r\n wsCustomerGetOffline(userDetails.EmailID, userDetails.CC);\r\n };\r\n\r\n return (\r\n <>\r\n {isSidebar ? (\r\n \r\n setName(e.target.value)}\r\n label={t('Name')}\r\n required\r\n error={name === '' && touched}\r\n />\r\n
\r\n \r\n {\r\n setMobileno(phone);\r\n setCountryCodeContactNumber(countryCode);\r\n }}\r\n error={mobileno === '' && touched}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n {t('Edit_Profile')} \r\n
\r\n \r\n {t('Delete_Account')} \r\n
\r\n \r\n {t('Logout')} \r\n
\r\n \r\n
\r\n )}\r\n\r\n {/* Modals for Edit Profile and Delete Account */}\r\n \r\n
\r\n {isOpen && (\r\n \r\n\r\n
\r\n )}\r\n \r\n {t('Edit_Profile')} \r\n
\r\n \r\n {t('Delete_Account')} \r\n
\r\n \r\n {t('Logout')} \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n 
\r\n \r\n ),\r\n }}\r\n inputProps={{ maxLength }}\r\n InputLabelProps={{ shrink: shrink }}\r\n label={required ? {label}* : label}\r\n required={required}\r\n fullWidth\r\n placeholder={placeholder}\r\n\r\n className={classes.TextFieldStyle}\r\n value={value}\r\n disabled={disabled}\r\n variant=\"outlined\"\r\n {...props}\r\n />\r\n
\r\n );\r\n}\r\n\r\nCustomInputComponent.propTypes = {\r\n style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\r\n onChange: PropTypes.func,\r\n name: PropTypes.string,\r\n label: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.node\r\n ]),\r\n value: PropTypes.string,\r\n variant: PropTypes.string,\r\n maxLength: PropTypes.number,\r\n required: PropTypes.bool,\r\n error: PropTypes.bool,\r\n placeholder: PropTypes.string,\r\n\r\n};\r\n\r\nCustomInputComponent.defaultProps = {\r\n style: {},\r\n maxLength: 15000,\r\n value: '',\r\n name: '',\r\n label: '',\r\n variant: 'outlined',\r\n onChange: () => { },\r\n required: false,\r\n error: false,\r\n placeholder: '',\r\n\r\n}\r\n\r\nexport default CustomInputComponent;\r\n","import React from 'react';\r\nimport './TagButton.css';\r\nimport { Text } from \"../../components\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Images } from '../../config';\r\n\r\nconst labelsData = [\r\n { iconSrc: Images.Group_ic, text: 'TagButton_lable1' },\r\n { iconSrc: Images.Smile_ic, text: 'TagButton_lable2' },\r\n { iconSrc: Images.shield_ic, text: 'TagButton_lable3' },\r\n { iconSrc: Images.Dollar_ic, text: 'TagButton_lable4' },\r\n];\r\n\r\nconst TagButton = ({ onClick }) => {\r\n const { t } = useTranslation();\r\n return (\r\n\r\n \r\n {labelsData.map((dest, index) => (\r\n \r\n ))}\r\n
\r\n\r\n );\r\n};\r\n\r\nexport default TagButton;\r\n","import React, { useState, useRef } from 'react';\r\nimport './Accordion.css';\r\nimport Arrowdown from '../../../assets/images/arrow_down.webp';\r\nimport { Text } from '../../components';\r\n\r\nconst Accordion = ({ title, children, useTextComponent = false }) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const contentRef = useRef(null);\r\n\r\n const toggleAccordion = () => {\r\n setIsOpen(!isOpen);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Accordion;\r\n","// src/Footer.js\r\n\r\nimport React, { useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Text } from '../../components';\r\nimport { Images } from '../../config';\r\nimport { AppConstant, getCurrentYear } from '../../config/appConstant';\r\nimport './Footer.css';\r\n\r\nconst Footer = () => {\r\n const { t } = useTranslation();\r\n const [email, setEmail] = useState('');\r\n const [touched, setTouched] = useState(false);\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","// src/DesignComponent.js\r\n\r\nimport React from 'react';\r\nimport './GrayCard.css';\r\nimport CorrectIcon from '../../../assets/images/CorrectIcon.webp';\r\nimport { Accordion, Button, Text } from '../../components';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst DesignComponent = () => {\r\n const { t } = useTranslation();\r\n\r\n const itemsText = [\r\n { 'Lable1': 'Lorem ipsum ', 'Lable2': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit,Lorem ipsum dolor sit amet, consectetur adipiscing elit' },\r\n { 'Lable1': 'Lorem ipsum ', 'Lable2': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit,Lorem ipsum dolor sit amet, consectetur adipiscing elit' },\r\n { 'Lable1': 'Lorem ipsum ', 'Lable2': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit,Lorem ipsum dolor sit amet, consectetur adipiscing elit' },\r\n { 'Lable1': 'Lorem ipsum ', 'Lable2': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit,Lorem ipsum dolor sit amet, consectetur adipiscing elit' },\r\n { 'Lable1': 'Lorem ipsum ', 'Lable2': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit,Lorem ipsum dolor sit amet, consectetur adipiscing elit' },\r\n { 'Lable1': 'Lorem ipsum ', 'Lable2': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit,Lorem ipsum dolor sit amet, consectetur adipiscing elit' },\r\n ]\r\n const itemsText1 = t('DesignComponent_Box1_Items', { returnObjects: true });\r\n\r\n return (\r\n \r\n {useTextComponent ? (\r\n {title} \r\n ) : (
\r\n
\r\n {title}
)}\r\n\r\n {children}
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default DesignComponent;\r\n","import React, { useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useSelector } from 'react-redux';\r\nimport { SearchBar, TagButton, Text } from \"..\";\r\nimport './SearchDestination.css';\r\nimport { Images } from '../../config';\r\n\r\nconst SearchDestinationLabel = [\r\n {\r\n 'heading': 'Welcome_heading',\r\n 'Subheading': 'Welcome_subheading',\r\n 'placeholder': 'SearchDestination_placeholder'\r\n },\r\n]\r\n\r\nconst SearchDestination = (props) => {\r\n const { handlesearch } = props\r\n\r\n const { t } = useTranslation();\r\n const dir = useSelector((state) => state.dir);\r\n const [searchValue, setSearchValue] = useState('');\r\n\r\n const handleChange = (event) => {\r\n setSearchValue(event.target.value);\r\n handlesearch(event.target.value)\r\n };\r\n return (\r\n\r\n <>\r\n \r\n \"Lorem ipsum dolor sit amet
\r\nconsectetur adipiscing elit \r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n {t('DesignComponent_Box1_Title')} \r\n {itemsText1.map((item, index) => (\r\n
\r\n {/* \r\n 
\r\n
\r\n ))}\r\n \r\n
\r\n
\r\n
*/}\r\n Lorem ipsum
\r\n {itemsText.map((item, index) => (\r\n\r\n 
\r\n
\r\n ))}\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n );\r\n};\r\n\r\nexport default SearchDestination;","import React from 'react';\r\nimport { SearchBar, Text } from '..';\r\nimport \"./SubHeader.css\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst SubHeader = ({ title, showSearch = false, placeholder=\"SearchDestination_placeholder\", onSearchChange, searchQuery }) => {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n
\r\n \r\n {t(SearchDestinationLabel[0].heading)} \r\n {t(SearchDestinationLabel[0].Subheading)} \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n {title} \r\n {showSearch && (\r\n
\r\n );\r\n}\r\n\r\nexport default SubHeader;\r\n","import React, { lazy, Suspense, useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport ArrowIcon from '../../../assets/images/DestinationCardIcon.webp';\r\nimport * as APIController from \"../../API/APIController\";\r\nimport { AlertMessage, Button, CommonLoader, CommonModal, Text } from '../../components';\r\nimport DestinationTab from '../../components/DestinationTab/DestinationTab';\r\nimport { Images } from '../../config';\r\nimport { IsEmpty } from '../../config/appConstant';\r\nimport './DestinationCountry.css';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { setBundle } from '../../redux/store';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { CircularProgress } from '@material-ui/core';\r\n\r\nconst Packages = lazy(() => import('../../screens/Packages/Packages'));\r\n\r\nconst Destinations = (props) => {\r\n const { searchText } = props\r\n const navigate = useNavigate()\r\n const dispatch = useDispatch();\r\n const [loading, setLoading] = useState(true);\r\n const [countrylist, setCountryList] = useState([]);\r\n const [Regionlist, setRegionlist] = useState([]);\r\n const [Regionholder, setRegionholder] = useState([]);\r\n const [arrayholder, setArrayHolder] = useState([]);\r\n const [filtercountry, setFilterCountry] = useState([]);\r\n const [selectedTab, setselectedTab] = useState(0);\r\n const [selectBundle, setselectBundle] = useState([]);\r\n const [selectCountryRegion, setselectCountryRegion] = useState([]);\r\n const { t } = useTranslation();\r\n const [openbundleModal, setOpenbundleModal] = useState(false);\r\n\r\n\r\n const IsLogin = useSelector((state) => state.il);\r\n const [showSignIn, setShowSignIn] = useState(true);\r\n\r\n\r\n\r\n useEffect(() => {\r\n filteredDestinations(searchText)\r\n }, [searchText]);\r\n\r\n const wsGetESIMCountries = useCallback(async () => {\r\n try {\r\n const response = await APIController.GetESIMCountries();\r\n if (!IsEmpty(response.error)) return;\r\n if (response.object.Status == 1) {\r\n setCountryList(response.object.CountryList);\r\n setArrayHolder(response.object.CountryList);\r\n handleTab(0, response.object.CountryList);\r\n\r\n const uniqueRegionsArray = getUniqueRegions(response.object.CountryList);\r\n setRegionlist(uniqueRegionsArray)\r\n setRegionholder(uniqueRegionsArray);\r\n }\r\n } catch (err) {\r\n console.error(\"Error fetching countries:\", err);\r\n } finally {\r\n setLoading(false);\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n wsGetESIMCountries();\r\n }, [wsGetESIMCountries]);\r\n\r\n const BundleOpen = (val) => {\r\n // if (IsLogin) {\r\n let object = { ...val, selectedTab: selectedTab };\r\n navigate('/destinationdetail', { state: { selectCountryRegion: object, selectBundle: selectBundle } });\r\n // } else {\r\n // setOpenbundleModal(true); // Open the AlertMessage modal\r\n // }\r\n };\r\n\r\n const getUniqueRegions = useMemo(() => (countries) => {\r\n const uniqueRegions = new Map();\r\n\r\n countries.forEach(country => {\r\n if (country.Region) {\r\n const key = `${country.Region}-${country.RegionImage || Images.Earth_IC}`;\r\n if (!uniqueRegions.has(key)) {\r\n uniqueRegions.set(key, {\r\n CountryName: country.Region,\r\n CountryImage: country.RegionImage || Images.Earth_IC\r\n });\r\n }\r\n }\r\n });\r\n\r\n return Array.from(uniqueRegions.values());\r\n }, []);\r\n\r\n function filteredDestinations(searchText) {\r\n if (IsEmpty(searchText)) {\r\n setFilterCountry(selectedTab == 0 || selectedTab == -1 ? arrayholder : Regionholder);\r\n } else {\r\n const lowercasedSearchText = String(searchText).toLowerCase();\r\n if (selectedTab == 0 || selectedTab == -1) {\r\n setFilterCountry(countrylist.filter(destination => destination.CountryName.toLowerCase().includes(lowercasedSearchText)));\r\n } else {\r\n setFilterCountry(Regionlist.filter(destination => destination.CountryName.toLowerCase().includes(lowercasedSearchText)));\r\n }\r\n }\r\n }\r\n\r\n const handleTab = (val, list) => {\r\n setFilterCountry(!IsEmpty(list) ? list : val == 0 ? countrylist : Regionlist)\r\n setselectedTab(val)\r\n }\r\n\r\n // const handeBundleSelect = (val) => {\r\n // dispatch(setBundle(val));\r\n // setselectBundle(val)\r\n // }\r\n\r\n\r\n\r\n // const handleclosebundlepopup = () => {\r\n // setOpenbundleModal(false)\r\n // setShowSignIn(true);\r\n // setselectBundle([])\r\n // }\r\n\r\n return (\r\n \r\n onSearchChange(e.target.value)}\r\n />\r\n
\r\n )}\r\n \r\n {t(\"Destination_Card_title\")} \r\n
\r\n\r\n \r\n {loading &&
\r\n BundleOpen(dest)}>\r\n
\r\n ))}\r\n\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n {dest.CountryName} \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n\r\n {/* \r\n
\r\n );\r\n};\r\n\r\nexport default Installationstep;\r\n","import React from 'react';\r\nimport './destinationcard.css';\r\nimport { Button, Text } from '../../components';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport default function DestinationCard({ DestinationsData, PurchaseeSIM = {} }) {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n Getting Started \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {steps.map((step, index) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n {step.number} \r\n {t(step.title)} \r\n {t(step.description)} \r\n
\r\n \r\n 
\r\n {t(step.description1)} \r\n
\r\n \r\n \r\n {DestinationsData.length > 0 ? (\r\n DestinationsData.map((item, ind) => (\r\n \r\n \r\n ))\r\n ) : (\r\n \r\n
\r\n\r\n );\r\n}\r\n","import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { Text } from \"../../components\";\r\nimport { capitalizeFirstLetter } from '../../config/appConstant';\r\nimport './Breadcrumbs.css';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst Breadcrumbs = ({ items }) => {\r\n const { t } = useTranslation();\r\n\r\n const navigate = useNavigate();\r\n let ScreenName = capitalizeFirstLetter(window.location.pathname.split('/')[1])\r\n let itemsDynamic = items || ['Home', `${ScreenName}`]\r\n const onnavigate = (item) => {\r\n if (item != ScreenName)\r\n navigate(`/${(item).toLowerCase()}`)\r\n }\r\n\r\n return (\r\n\r\n \r\n No countries match your search or selected range. \r\n
\r\n )}\r\n \r\n {itemsDynamic?.map((item, index) => (\r\n onnavigate(item)} key={index} className=\"breadcrumb-item\">\r\n \r\n {t(item)}\r\n \r\n {index < itemsDynamic.length - 1 && > }\r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Text } from '../../components'\r\nimport './AlphabetLinks.css';\r\n\r\nconst AlphabetLinks = ({ onRangeSelect, defaultSelectRange }) => {\r\n const [activeIndex, setActiveIndex] = useState(defaultSelectRange || 0);\r\n const links = ['All', 'A - B', 'C - F', 'G - H', 'I - L', 'M - N', 'O - Q', 'R - T', 'U - Z'];\r\n\r\n useEffect(() => {\r\n setActiveIndex(0);\r\n }, [defaultSelectRange])\r\n\r\n const handleClick = (index, range) => {\r\n if (index === activeIndex) {\r\n setActiveIndex(null);\r\n onRangeSelect('A - Z');\r\n }\r\n else if (range == 'All') {\r\n setActiveIndex(index);\r\n onRangeSelect('A - Z');\r\n }\r\n else {\r\n setActiveIndex(index);\r\n onRangeSelect(range);\r\n }\r\n };\r\n\r\n\r\n return (\r\n \r\n {links.map((link, index) => (\r\n handleClick(index, link)}\r\n >\r\n \r\n {link}\r\n \r\n \r\n ))}\r\n
\r\n );\r\n};\r\n\r\nexport default AlphabetLinks;","import { IconButton, Typography } from '@material-ui/core';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport React from 'react';\r\nimport { IoClose } from \"react-icons/io5\";\r\n\r\nimport CommonButton from \"../Button/Button\";\r\nimport './commonmodal.css';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useTheme } from '../../config';\r\n\r\nfunction CommonModal({ visible, Title, isOuterClick, ActionText, onClose, maxWidth, IsLoading, onSave, IsScroll, children, IsDeletePopup, OrderNO, IsDeleteMassage, SaveButtonName, CancelButtonName, showCloseIcon = true }) {\r\n const { t } = useTranslation();\r\n const BaseColor = useTheme().theme.colors\r\n\r\n const handleClose = () => {\r\n onClose(false)\r\n };\r\n\r\n // let lastWord = Title.substring(Title.lastIndexOf(\" \") + 1);\r\n // 'xs' | 'sm' | 'md' | 'lg' | 'xl'\r\n return (\r\n \r\n \r\n
\r\n );\r\n\r\n}\r\n\r\nexport default CommonModal;\r\n","import { CircularProgress } from '@material-ui/core';\r\nimport React, { useEffect } from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { URLs } from '../../API/URLs';\r\nimport { AppConstant, GetDataFromURL, UUID } from '../../config/appConstant';\r\nimport { setBundle } from '../../redux/store';\r\nexport default function SuperPayment(props) {\r\n const { Amount, GUID } = props;\r\n const S_T = useSelector((state) => state.S_T);\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n GetSuperPayment(Amount)\r\n }, [])\r\n\r\n const GetSuperPayment = (Amount) => {\r\n let dataDetail = {\r\n \"currency\": AppConstant.SuperPaymentCurrency,\r\n \"cashbackOfferId\": UUID(),\r\n \"successUrl\": URLs.SuperPaymentRedirectURL.Sucess,\r\n \"cancelUrl\": URLs.SuperPaymentRedirectURL.Cancel,\r\n \"failureUrl\": URLs.SuperPaymentRedirectURL.Failure,\r\n \"minorUnitAmount\": parseInt(Amount * 100),\r\n \"externalReference\": 'eSIMLife',\r\n \"test\": true\r\n }\r\n fetch(URLs.SuperPaymentAuth,\r\n {\r\n body: JSON.stringify(dataDetail),\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'accept': 'application/json',\r\n 'checkout-api-key': `${URLs.SuperPaymentToken}`,\r\n \"referer\": \".elitemobile.com\",\r\n \"user-agent\": \"Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)\"\r\n }\r\n }).then((data) => { return data.json() })\r\n .then((response) => {\r\n let GetFromURL = GetDataFromURL(response.redirectUrl)\r\n if (GetFromURL.TransactionId != '') {\r\n let Object = {\r\n ...S_T,\r\n SPTransactionId: GetFromURL.TransactionId\r\n }\r\n dispatch(setBundle(Object));\r\n window.open(response.redirectUrl, '_self')\r\n }\r\n }).catch((e) => {\r\n console.log('e:', e)\r\n })\r\n }\r\n\r\n return (\r\n \r\n {showCloseIcon && \r\n \r\n {IsDeletePopup && {IsDeleteMassage ? IsDeleteMassage : `Are you sure you want to ${Title}?`} }\r\n {children}\r\n \r\n \r\n {IsDeletePopup &&\r\n \r\n }\r\n\r\n
\r\n \r\n\r\n \r\n {IsDeleteMassage ? t(`${ActionText}`) : t(`${Title}`)} \r\n {OrderNO != \"\" && OrderNO != undefined && OrderNO != null && {OrderNO} }\r\n
}\r\n\r\n \r\n
\r\n )\r\n}","import { Elements, PaymentElement, useElements, useStripe } from '@stripe/react-stripe-js';\r\nimport { loadStripe } from '@stripe/stripe-js';\r\nimport React, { useState, useEffect } from 'react';\r\nimport { StripePaymentRedirectURL, URLs } from '../../API/URLs';\r\nimport { formatCurrency, StripePaymentGateway } from '../../config/appConstant';\r\nimport './StripPayment.css'; // Import the CSS file\r\n\r\nconst stripePromise = loadStripe(URLs.StripePaymentGateway.PublishKey);\r\n\r\nconst CheckoutForm = ({ Amount, GUID, clientSecret, onSuccess }) => {\r\n const stripe = useStripe();\r\n const elements = useElements();\r\n const [errorMessage, setErrorMessage] = useState(null);\r\n const [isProcessing, setIsProcessing] = useState(false);\r\n\r\n const handleSubmit = async (event) => {\r\n event.preventDefault();\r\n if (!elements) return;\r\n\r\n setIsProcessing(true);\r\n try {\r\n await elements.submit(); // Ensure this is awaited\r\n\r\n const { error } = await stripe.confirmPayment({\r\n elements,\r\n clientSecret,\r\n confirmParams: {\r\n return_url: StripePaymentRedirectURL.Sucess,\r\n },\r\n });\r\n\r\n if (error) {\r\n setErrorMessage(error.message);\r\n } else {\r\n setErrorMessage('');\r\n onSuccess(); // Call onSuccess if the payment is successful\r\n }\r\n } catch (err) {\r\n setErrorMessage(err.message || 'An unexpected error occurred.');\r\n console.error('Payment error:', err); // Log errors for debugging\r\n } finally {\r\n setIsProcessing(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default function PaymentComponent(props) {\r\n const { Amount } = props;\r\n const [clientSecret, setClientSecret] = useState(null);\r\n\r\n useEffect(() => {\r\n const fetchClientSecret = async () => {\r\n const details = {\r\n amount: (Amount * 100).toFixed(0), // Amount in cents\r\n currency: 'gbp',\r\n };\r\n\r\n const formBody = Object.keys(details)\r\n .map(key => encodeURIComponent(key) + \"=\" + encodeURIComponent(details[key]))\r\n .join(\"&\");\r\n\r\n const headers = {\r\n \"Content-Type\": \"application/x-www-form-urlencoded\",\r\n \"Authorization\": \"Bearer \" + URLs.StripePaymentGateway.SecretKey,\r\n };\r\n\r\n try {\r\n const response = await fetch(URLs.GetStripeSecretKeys, { method: 'POST', headers, body: formBody });\r\n\r\n if (!response.ok) throw new Error('Failed to fetch the client secret');\r\n\r\n const { client_secret: fetchedClientSecret } = await response.json();\r\n setClientSecret(fetchedClientSecret);\r\n } catch (error) {\r\n console.error('Error fetching client secret:', error);\r\n }\r\n };\r\n\r\n fetchClientSecret();\r\n }, [Amount]);\r\n\r\n const options = {\r\n clientSecret,\r\n appearance: {\r\n theme: 'stripe', // Customize the appearance here\r\n },\r\n };\r\n\r\n const handlePaymentSuccess = () => {\r\n // Navigate to the success screen or trigger any other success action\r\n window.location.href = StripePaymentRedirectURL.Sucess;\r\n };\r\n\r\n return (\r\n clientSecret ? (\r\n \r\n
\r\n Complete Your Payment
\r\nLoading...
// Show a loading state until the client secret is fetched\r\n )\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { FaCircle } from \"react-icons/fa\";\r\nimport * as APIController from \"../../API/APIController\";\r\nimport { Button, Card, StripPayment, SuperPayment, Text } from '../../components';\r\nimport { useTheme } from '../../config';\r\nimport { PAYMENTMETHOD, UUID } from '../../config/appConstant';\r\nimport './Payment.css';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { setBundle } from '../../redux/store';\r\n\r\nconst Payment = (props) => {\r\n const { backButttonPress, selectBundle } = props\r\n const { theme } = useTheme()\r\n const dispatch = useDispatch();\r\n const BaseColor = useTheme().theme.colors;\r\n const S_T = useSelector((state) => state.S_T);\r\n const [GUID, setGUID] = useState('')\r\n const { t } = useTranslation();\r\n const [Amount, setAmount] = useState(selectBundle.PriceTotal)\r\n const [ChoosePaymentMethod, setChoosePaymentMethod] = useState(-1)\r\n\r\n\r\n\r\n const ChoosePayment = (val, Amount) => {\r\n setChoosePaymentMethod(val)\r\n wsPaymentInitiate(Amount, UUID(), val == 0 ? 'SP' : 'ST')\r\n }\r\n const wsPaymentInitiate = (FundAmount, RequestGuid, PaymentType) => {\r\n setGUID(RequestGuid)\r\n let object = {\r\n ...S_T,\r\n RequestGuid: RequestGuid\r\n }\r\n console.log('object papappap:', object)\r\n\r\n dispatch(setBundle(object));\r\n APIController.PaymentInitiate(FundAmount, RequestGuid, PaymentType)\r\n .then((response) => {\r\n }).catch((err) => {\r\n console.log('err:', err);\r\n });\r\n };\r\n\r\n return (\r\n \r\n ChoosePayment(index, selectBundle.PriceTotal)} className='payment-type-button' CardColor={index == ChoosePaymentMethod ? theme.colors.darkGray : theme.colors.lightAccent}>\r\n 
\r\n \r\n )\r\n }\r\n )}\r\n \r\n }\r\n {\r\n ChoosePaymentMethod == 0 ?
\r\n );\r\n}\r\n\r\nexport default Payment;\r\n","// src/components/ESIMCard.js\r\n\r\nimport React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Button, Text } from '../../components';\r\nimport { IsEmpty } from '../../config/appConstant';\r\nimport './ESIMCard.css';\r\n\r\nconst ESIMCard = ({ title, content, ViewDetailClick, listItems, buttonText, item, buttonLink }) => {\r\n const { t } = useTranslation();\r\n\r\n const downloadImage = async (imageUrl, fileName) => {\r\n try {\r\n const response = await fetch(imageUrl); // Fetch the image\r\n if (!response.ok) {\r\n throw new Error('Network response was not ok'); // Handle errors\r\n }\r\n const blob = await response.blob(); // Convert response to Blob\r\n const link = document.createElement('a'); // Create a link element\r\n link.href = URL.createObjectURL(blob); // Create an object URL for the Blob\r\n link.download = fileName; // Set the filename\r\n document.body.appendChild(link); // Append link to the body\r\n link.click(); // Trigger the download\r\n document.body.removeChild(link); // Clean up\r\n URL.revokeObjectURL(link.href); // Release the object URL\r\n } catch (error) {\r\n console.error(\"Error downloading the image:\", error); // Log errors\r\n }\r\n };\r\n\r\n\r\n return (\r\n \r\n {t(\"Support_Msg\")} \r\n
\r\n {\r\n ChoosePaymentMethod == -1 && <>\r\n {PAYMENTMETHOD?.map((item, index) => {\r\n return (\r\n \r\n {t(item.Name)} \r\n {t(item.subdescription)} \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ESIMCard;\r\n","import React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Button, ProgressBar, Text } from '../../components';\r\nimport { downloadImage, IsEmpty } from '../../config/appConstant';\r\nimport './ESIMCardDetail.css';\r\n\r\nconst ESIMCardDetail = ({ title, content, ViewDetailClick, SendEmailClick, SendEmailLoading, listItems, buttonText, item, buttonLink }) => {\r\n console.log('item:', item)\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n {'ESIM :: ' + \" : \" + title} \r\n {t(\"CountryName\") + \" : \" + item.CountryName} \r\n {t('BundleName') + \" : \" + item.BundleName} \r\n {t('EmailAddress') + \" : \" + item.EmailAddress} \r\n {t('OrderedDateTime') + \" : \" + item.OrderedDateTime} \r\n {t('VATPercentage') + \" : \" + item.VATPercentage + '%'} \r\n {t('BundleDescription') + \" : \" + item.BundleDescription} \r\n
\r\n {!IsEmpty(item.QRCode) &&\r\n \r\n {t(\"OrderStatus\")} : \r\n
\r\n \r\n {item.OrderStatus} \r\n
\r\n \r\n 
\r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ESIMCardDetail;\r\n","import React from 'react'\r\nimport { Card, Text } from \"../../components\";\r\nimport { Images, useTheme } from \"../../config\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport './Nodata.css'\r\nexport default function Nodata({ Message='No data Found', props, }) {\r\n const BaseColor= useTheme().theme.colors\r\n\r\n const { t } = useTranslation();\r\n return (\r\n \r\n {'ESIM :: ' + title} \r\n {t('BundleDescription') + \" : \" + item.BundleDescription} \r\n {t('ActivationCode') + \" : \" + item.ActivationCode} \r\n {t('FirstInstallationDateTime') + \" : \" + item.FirstInstallationDateTime} \r\n {t('SMDPAddress') + \" : \" + item.SMDPAddress} \r\n {t('CountryName') + \" : \" + item.CountryName} \r\n {t('IsBundleUsed') + \" : \" + item.IsBundleUsed} \r\n {t(\"ProfileStatus\")} : { } \r\n
\r\n {!IsEmpty(item.QRCode) &&\r\n \r\n {(item.BundleType == 'UL' ? 'Unlimited Lite: ' : item.BundleType == 'UP' ? 'Unlimited Plus: ' : '')} \r\n {item.BundleTypeDescription} \r\n
\r\n \r\n {t(\"Validity\") + \":\"} \r\n
\r\n \r\n {t(\"Used\") + \":\"} \r\n
\r\n \r\n \r\n
}\r\n\r\n \r\n
\r\n \r\n {t('Add_new_Bundle_description')} \r\n
\r\n \r\n {t(Message)} \r\n
\r\n \r\n = 100 ? BaseColor.redIconColor : BaseColor.greenColor),\r\n width: `${Math.round(count)}%`,\r\n }}\r\n />\r\n
\r\n );\r\n}\r\n","import React, { useEffect } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { toast } from 'react-toastify';\r\nimport { isValidToken } from '../../config/appConstant';\r\nimport { setLogin } from '../../redux/store';\r\n\r\nconst TokenExpiryComponent = ({ tokenExpireAt, minutesToExpire }) => {\r\n const dispatch = useDispatch();\r\n const { t } = useTranslation();\r\n const navigate = useNavigate(); // React Router hook for navigation\r\n const UserDetail = useSelector((state) => state.userdetail);\r\n\r\n // List of screen names where token expiry check should be skipped\r\n const excludedScreens = ['/login', '/SignUp', '/forgotpassword', '/welcome', '/otp', '/privacypolicy', '/deleteaccount', 'termsandcondition']; // Update with route paths\r\n\r\n // Function to handle logout and navigation to login screen\r\n const handleLogout = async () => {\r\n localStorage.removeItem('Access_Token');\r\n dispatch(setLogin(false));\r\n navigate('/');\r\n toast.success(t('Sesion_Expire'));\r\n };\r\n\r\n\r\n useEffect(() => {\r\n // Get the current route path\r\n const currentPath = window.location.pathname;\r\n // Only check token expiration if the current screen is not in the excluded list\r\n if (!excludedScreens.includes(currentPath)) {\r\n if (!isValidToken(UserDetail.TokenDateTimeValid, UserDetail.ExpiredAt)) {\r\n handleLogout();\r\n }\r\n }\r\n }, [UserDetail, tokenExpireAt, minutesToExpire]);\r\n\r\n return <>;\r\n};\r\n\r\nexport default TokenExpiryComponent;\r\n","import React, { useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useDispatch } from 'react-redux';\r\nimport { Button, CommonModal, Text } from '../../components';\r\nimport { IsEmpty } from '../../config/appConstant';\r\nimport { SignIn, SignUp } from '../../config/PagePathList';\r\nimport { setLoginModal } from '../../redux/store';\r\nimport './AlertMessage.css'; // Include the CSS for styling\r\n\r\nconst AlertMessage = ({ message = 'Login_Required', onClose }) => {\r\n const { t } = useTranslation();\r\n const [NavbarAlert, setNavbarAlert] = useState(false);\r\n const [showSignIn, setShowSignIn] = useState(true);\r\n const dispatch = useDispatch()\r\n\r\n\r\n const handleCountinue = () => {\r\n setNavbarAlert(true)\r\n }\r\n\r\n const handleClose = () => {\r\n onClose(false)\r\n dispatch(setLoginModal(false))\r\n }\r\n\r\n const switchToSignUp = () => {\r\n setShowSignIn(false);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {`${Math.round(count)}%`} \r\n
\r\n \r\n
\r\n \r\n {t(message)} \r\n
\r\n handleClose()}>\r\n × \r\n
\r\n \r\n \r\n
\r\n \r\n handlePageChange(page - 1)}\r\n disabled={page === 1}\r\n >\r\n \r\n < {t(\"Previous\")}\r\n \r\n \r\n {getPageNumbers().map((num, index) =>\r\n num === '...' ? (\r\n ...\r\n ) : (\r\n handlePageChange(num)}\r\n className={num === page ? 'active' : ''}\r\n >\r\n \r\n {num}\r\n \r\n \r\n )\r\n )}\r\n handlePageChange(page + 1)}\r\n disabled={page === totalPages} >\r\n {t(\"Next\")} > \r\n \r\n
\r\n );\r\n};\r\n\r\nPagination.propTypes = {\r\n totalPages: PropTypes.number.isRequired,\r\n currentPage: PropTypes.number.isRequired,\r\n onPageChange: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default Pagination;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Button, Text } from \"..\";\r\nimport { bytesToSize } from \"../../config/appConstant\";\r\nimport \"./FilterModal.css\";\r\n\r\nconst FilterModal = ({ DataAmount, DurationData, OnapplyFilter }) => {\r\n const { t } = useTranslation();\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [DataAmounts, setDataAmounts] = useState(DataAmount);\r\n const [DurationDatas, setDurationDatas] = useState(DurationData);\r\n const [reload, setreload] = useState(false);\r\n const [selectetedfilter, setselectetedfilter] = useState({\r\n \"Data\": '',\r\n \"Duration\": ''\r\n })\r\n\r\n const toggleModal = () => {\r\n setIsModalOpen(!isModalOpen);\r\n };\r\n\r\n const OnclearFilter = () => {\r\n setselectetedfilter({ ...selectetedfilter, Data: '', Duration: '' })\r\n setreload(!reload)\r\n\r\n };\r\n\r\n const OnClickFliter = (item, type) => {\r\n type == 1 ? selectetedfilter.Data = item : selectetedfilter.Duration = item\r\n setselectetedfilter(selectetedfilter)\r\n setreload(!reload)\r\n }\r\n\r\n useEffect(() => {\r\n setDataAmounts(DataAmount)\r\n setDurationDatas(DurationData)\r\n }, [reload])\r\n\r\n return (\r\n \r\n \r\n {/* Modal */}\r\n
\r\n );\r\n};\r\n\r\nexport default FilterModal;\r\n","import React, { useEffect } from \"react\";\r\n\r\nconst ZohoChat = () => {\r\n useEffect(() => {\r\n const script = document.createElement(\"script\");\r\n script.type = \"text/javascript\";\r\n script.id = \"zsiqscript\";\r\n script.defer = true;\r\n script.src = \"https://salesiq.zoho.com/widget\";\r\n document.getElementsByTagName(\"head\")[0].appendChild(script);\r\n\r\n window.$zoho = window.$zoho || {};\r\n window.$zoho.salesiq = window.$zoho.salesiq || {\r\n widgetcode: \"siq3f44974b05c497e60a5690bedb7e2038091455240c670ece1cfefdf0587dccfc\",\r\n values: {},\r\n ready: function () { }\r\n };\r\n\r\n return () => {\r\n // Cleanup by removing the script if the component unmounts\r\n document.getElementById(\"zsiqscript\")?.remove();\r\n };\r\n }, []);\r\n\r\n return null;\r\n};\r\n\r\nexport default ZohoChat;\r\n","import React, { useEffect } from 'react';\r\nimport TagManager from 'react-gtm-module';\r\n\r\nconst GTMInitializer = ({ gtmId, events = {} }) => {\r\n useEffect(() => {\r\n if (!gtmId) {\r\n console.warn('GTM ID is required for initializing Google Tag Manager');\r\n return;\r\n }\r\n\r\n const tagManagerArgs = {\r\n gtmId: gtmId,\r\n events: events,\r\n };\r\n\r\n TagManager.initialize(tagManagerArgs);\r\n console.log('Google Tag Manager initialized:', tagManagerArgs);\r\n }, [gtmId, events]);\r\n\r\n return null; // This component does not render anything\r\n};\r\n\r\nexport default GTMInitializer;\r\n","import Loadable from 'react-loadable';\r\nimport { Loading } from '../components';\r\n\r\nexport const ScreenLayout = Loadable({\r\n loader: () => import('../screens/ScreenLayout/ScreenLayout'),\r\n loading: Loading,\r\n});\r\n\r\nexport const MixScreen = Loadable({\r\n loader: () => import('../screens/MixScreen'),\r\n loading: Loading,\r\n});\r\nexport const Home = Loadable({\r\n loader: () => import('../screens/HomeScreen/Home.js'),\r\n loading: Loading,\r\n});\r\nexport const Destination = Loadable({\r\n loader: () => import('../screens/Destination/Destination'),\r\n loading: Loading,\r\n});\r\nexport const GetHelp = Loadable({\r\n loader: () => import('../screens/GetHelp/GetHelp'),\r\n loading: Loading,\r\n});\r\nexport const ESIMFaq = Loadable({\r\n loader: () => import('../screens/ESIMFaq/ESIMFaq'),\r\n loading: Loading,\r\n});\r\nexport const ESIMOrders = Loadable({\r\n loader: () => import('../screens/ESIMOrders/ESIMOrders.js'),\r\n loading: Loading,\r\n});\r\nexport const AboutUs = Loadable({\r\n loader: () => import('../screens/AboutUs/AboutUs'),\r\n loading: Loading,\r\n});\r\nexport const ContactUs = Loadable({\r\n loader: () => import('../screens/ContactUs/ContactUs'),\r\n loading: Loading,\r\n});\r\nexport const SignIn = Loadable({\r\n loader: () => import('../screens/SignIn/SignIn.js'),\r\n loading: Loading,\r\n});\r\nexport const SignUp = Loadable({\r\n loader: () => import('../screens/SignUp/SignUp.js'),\r\n loading: Loading,\r\n});\r\nexport const OTP = Loadable({\r\n loader: () => import('../screens/OTP/Otp.js'),\r\n loading: Loading,\r\n});\r\nexport const Cart = Loadable({\r\n loader: () => import('../screens/Cart/Cart.js'),\r\n loading: Loading,\r\n});\r\nexport const PaymentSuccess = Loadable({\r\n loader: () => import('../screens/PaymentSuccess/PaymentSuccess'),\r\n loading: Loading,\r\n});\r\nexport const PaymentFailure = Loadable({\r\n loader: () => import('../screens/PaymentFailure/PaymentFailure'),\r\n loading: Loading,\r\n});\r\nexport const ESIMDetail = Loadable({\r\n loader: () => import('../screens/ESIMDetail/ESIMDetail'),\r\n loading: Loading,\r\n});\r\nexport const TermsAndCondition = Loadable({\r\n loader: () => import('../screens/TermsAndCondition/TermsAndCondition.js'),\r\n loading: Loading,\r\n});\r\nexport const ChangePassword = Loadable({\r\n loader: () => import('../screens/ChangePassword/ChangePassword'),\r\n loading: Loading,\r\n});\r\nexport const NotFound = Loadable({\r\n loader: () => import('../screens/Notfound/NotFound.js'),\r\n loading: Loading,\r\n});\r\nexport const WelcomePage = Loadable({\r\n loader: () => import('../screens/WelcomePage/Welcome.js'),\r\n loading: Loading,\r\n});\r\nexport const PrivacyPolicy = Loadable({\r\n loader: () => import('../screens/PrivacyPolicy/PrivacyPolicy.js'),\r\n loading: Loading,\r\n});\r\nexport const DeleteAccount = Loadable({\r\n loader: () => import('../screens/DeleteAccount/DeleteAccount.js'),\r\n loading: Loading,\r\n});\r\nexport const DestinationCountry = Loadable({\r\n loader: () => import('../screens/DestinationCountry/DestinationselectedCountry.js'),\r\n loading: Loading,\r\n});"],"names":["HTTPMethod","get","post","put","delete","HTTPHeaderContentType","API","Component","request","method","url","body","console","log","Promise","resolve","reject","Token","localStorage","getItem","IsEmpty","fetch","headers","then","response","json","responseJSON","catch","error","requestGet","indexOf","requestSiginUp","requestTokenHeaders","requestHeaders","shared","APIControllerError","code","message","this","APIControllerResponse","object","GetESIMCountries","CountryName","Region","params","JSON","stringify","URLs","base","StatusCode","Message","GetESIMBundles","Data","Duration","GetESIMOrders","PageNumber","PageSize","SortExpression","SortDirection","RegisterESIMLife","CustomerName","EmailAddress","MobileNumber","ContactNumberCountryCode","AffiliateCode","Password","ConfirmPassword","UserId","ContactUs","FirstName","LastName","Email","PaymentInitiate","FundAmount","RequestGuid","PaymentType","OrderESIM","BundleName","CountryISO","SuperPaymentTransactionId","StripeTransactionId","ICCID","ResendVerificationEmail","ResendOTP","VerifyEmail","OTPDetails","VerifyOTP","ViewESIMOrderDetails","OrderReference","SendESIMOrderEmail","ChangePassword","CustomerCode","NewPassword","CustomerGetOffline","ForgotPassword","GetCustomerProfile","UpdateCustomerProfile","GetAffiliateBranding","SetAffiliateMapping","MobileNo","props","handleTab","defaultselectedTab","tabs","t","useTranslation","selectedTab","setSelectedTab","useState","_jsx","className","children","map","tabLabel","index","concat","onClick","handleTabs","val","InputContainer","styled","Box","_ref","theme","position","width","CountryCode","_ref2","top","left","transform","color","fontWeight","React","_ref3","ref","value","onChange","countryCode","setCountryCode","_jsxs","PhoneInput","country","handleCountryChange","newValue","countryData","dialCode","phoneNumber","slice","length","inputStyle","padding","border","borderRadius","height","dropdownStyle","SingleCheckBox","type","label","name","checked","id","isDisabled","IslabelShow","disabled","htmlFor","style","marginLeft","CardColor","elevation","variant","Card","backgroundColor","defaultProps","BaseColor","whiteColor","CssTextField","withStyles","root","inputLableColor","marginTop","fontFamily","FontFamily","FontFamily_1","FontWeight","bold","letterSpacing","textOverflow","whiteSpace","overflowx","lineHeight","fontSize","inputMainColor","heavy","borderColor","inputBorderColor","borderWidth","blackColor","regular","TextField","useStyles","makeStyles","display","flexWrap","TextFieldStyle","CustomInputComponent","maxLength","shrink","required","handleClear","classes","InputProps","endAdornment","IconButton","edge","ClearIcon","inputProps","InputLabelProps","fullWidth","ModalComponent","show","IsCloseIcon","IsLibrary","IsTrasparent","OuterClose","handleClose","Modal","open","onClose","closeAfterTransition","BackdropComponent","Backdrop","BackdropProps","timeout","Fade","in","src","Images","cross","alt","circularProgress","CircularProgress","size","thickness","Index","header","header1","heading2","heading","title1","title","title2","redColor","title3","title4","title5","headline","body1","body2","callout","subhead","footnote","caption1","caption2","overline","thin","ultraLight","light","medium","semibold","black","grayColor","TextGray","dividerColor","ThirdButtonColor","SecoundButtonColor","BlackTextColor","garycardcolor","skycolor","mainButtonColor","bluetext","emaillinkcolor","fieldColor","fontgreendark","textAlign","uppercase","capitalize","lowercase","DarkGrayTextColor","lightblueTextColor","lineheightreguler","lineheightmedium","lineheightsmall","primaryColor","lineheighthigh","darkgreen","mainColor","NaviBlueColor","PurpleColor","useTheme","colors","textStyle","text","Typography","textTransform","small","darkPrimaryColor","lightPrimaryColor","accentColor","numberOfLines","button","boxShadow","default","flexDirection","justifyContent","alignItems","paddingHorizontal","textDefaultOutline","orderWidth","borderStyle","textDefaultContained","breakpoints","down","outline","full","alignSelf","round","extraSmall","minWidth","Medium","Large","capsule","ButtonBase","ButtonStyle","ButtonType","endIcon","customClass","startIcon","loading","Button","darkGray","darkblueButtonColor","marginRight","PurpleSwitch","switchBase","track","Switch","navLinkColor","FormControlLabel","defaultValue","helper","_Fragment","FormControl","control","defaultChecked","undefined","FormHelperText","i18n","isOpen","setIsOpen","isSidebar","setIsSidebar","Loader","setLoader","force_dark","useSelector","state","dispatch","useDispatch","useEffect","handleResize","window","innerWidth","addEventListener","removeEventListener","changeLanguage","lng","setLanguage","ChangeTheme","setTheme","setTimeout","location","reload","ForceDark","setDark","CommonLoader","paddingLeft","borderTop","borderTopColor","Text","languages","language","ThemeSupport","themeOption","MdOutlineDownloadDone","CommonSwitch","e","target","toggleDropdown","FaLanguage","email","setEmail","setName","customerCode","setCustomerCode","mobileno","setMobileno","CountryCodeContactNumber","setCountryCodeContactNumber","touched","setTouched","setLoading","editLoading","seteditLoading","successResponse","setSuccessResponse","wsGetCustomerProfile","APIController","Status","err","wsUpdateCustomerProfile","toast","success","MobileInput","placeholder","phone","handleEditProfile","openEditProfile","setOpenEditProfile","deleteAccount","setDeleteAccount","userDetails","userdetail","handleOpenEditProfile","handleOpenDeleteAccount","MdEdit","MdDelete","onLogout","AiOutlineLogout","MdAccountCircle","CommonModal","IsScroll","maxWidth","visible","EditProfile","IsDeletePopup","Title","onSave","handleDeleteAccount","wsCustomerGetOffline","emailAddress","EmailID","CC","ActionText","NavbarData","IsLogin","navigate","useNavigate","pathname","useLocation","activeLink","setActiveLink","NavShow","setNavShow","LastNavigatePath","setLastNavigatePath","Loginmodalopen","ol","alertMessage","setAlertMessage","LoginModalOpen","setLoginModalOpen","showSignIn","setShowSignIn","activepath","split","affiliateCode","queryString","affiliateParam","find","param","startsWith","decodeURIComponent","getAffiliateCodeFromUrl","href","handleSignInScreen","switchToSignUp","AlertMessage","setLoginModal","Link","to","mainlogo","readOnly","item","key","path","excludedScreensFromLoginWithProps","handleNavigation","link","Name","LanguageDropdown","UserActionsDropdown","AiOutlineClose","RiMenu3Fill","SignIn","onSignUpClick","SignUp","loaderColor","card","handleSearchIconClick","searchIcon","labelsData","iconSrc","Group_ic","Smile_ic","shield_ic","Dollar_ic","dest","overflow","useTextComponent","contentRef","useRef","toggleAccordion","Arrowdown","maxHeight","current","scrollHeight","Footer","rel","tyle","textDecoration","getCurrentYear","AppConstant","FooterCopyRigthtText","DesignComponent","itemsText1","returnObjects","CorrectIcon","Lable1","Lable2","SearchDestinationLabel","handlesearch","dir","searchValue","setSearchValue","Subheading","SearchBar","event","TagButton","showSearch","onSearchChange","searchQuery","searchText","countrylist","setCountryList","Regionlist","setRegionlist","Regionholder","setRegionholder","arrayholder","setArrayHolder","filtercountry","setFilterCountry","setselectedTab","selectBundle","setselectBundle","selectCountryRegion","setselectCountryRegion","openbundleModal","setOpenbundleModal","il","lowercasedSearchText","String","toLowerCase","filter","destination","includes","filteredDestinations","wsGetESIMCountries","useCallback","async","CountryList","uniqueRegionsArray","getUniqueRegions","useMemo","countries","uniqueRegions","Map","forEach","RegionImage","Earth_IC","has","set","CountryImage","Array","from","values","list","DestinationTab","bind","BundleOpen","ArrowIcon","steps","number","description","description1","Installationstep","currentStep","setCurrentStep","flipClass","setFlipClass","stepImages","Phone3","Phone2","Phone1","handleScroll","stepsSection","document","getElementById","stepsPosition","getBoundingClientRect","stepHeight","offsetHeight","stepIndex","Math","floor","step","margin","gap","Group","DestinationCard","DestinationsData","PurchaseeSIM","ind","price","items","ScreenName","capitalizeFirstLetter","itemsDynamic","onnavigate","onRangeSelect","defaultSelectRange","activeIndex","setActiveIndex","handleClick","range","isOuterClick","IsLoading","OrderNO","IsDeleteMassage","SaveButtonName","CancelButtonName","showCloseIcon","Dialog","scroll","right","IoClose","DialogTitle","marginBottom","DialogContent","DialogContentText","DialogActions","CommonButton","SuperPayment","Amount","GUID","S_T","GetSuperPayment","dataDetail","SuperPaymentCurrency","UUID","SuperPaymentRedirectURL","Sucess","Cancel","Failure","parseInt","SuperPaymentAuth","SuperPaymentToken","data","GetFromURL","GetDataFromURL","redirectUrl","TransactionId","Object","SPTransactionId","setBundle","stripePromise","loadStripe","StripePaymentGateway","PublishKey","CheckoutForm","clientSecret","onSuccess","stripe","useStripe","elements","useElements","errorMessage","setErrorMessage","isProcessing","setIsProcessing","onSubmit","preventDefault","submit","confirmPayment","confirmParams","return_url","StripePaymentRedirectURL","PaymentElement","formatCurrency","PaymentComponent","setClientSecret","details","amount","toFixed","currency","formBody","keys","encodeURIComponent","join","SecretKey","GetStripeSecretKeys","ok","Error","client_secret","fetchedClientSecret","fetchClientSecret","options","appearance","Elements","handlePaymentSuccess","backButttonPress","setGUID","setAmount","PriceTotal","ChoosePaymentMethod","setChoosePaymentMethod","wsPaymentInitiate","PAYMENTMETHOD","ChoosePayment","lightAccent","FaCircle","fetchpriority","as","Image","subdescription","StripPayment","content","ViewDetailClick","listItems","buttonText","buttonLink","OrderedDateTime","VATPercentage","BundleDescription","OrderStatus","QRCode","imageUrl","fileName","blob","createElement","URL","createObjectURL","download","appendChild","click","removeChild","revokeObjectURL","downloadImage","SendEmailClick","SendEmailLoading","ActivationCode","FirstInstallationDateTime","SMDPAddress","IsBundleUsed","BundleType","BundleTypeDescription","ProgressBar","ProgressValue","ProgressPercentage","UsedDaysPercentage","Nodata","count","setCount","intervalRef","setInterval","prevCount","newCount","clearInterval","redIconColor","greenColor","tokenExpireAt","minutesToExpire","UserDetail","excludedScreens","currentPath","isValidToken","TokenDateTimeValid","ExpiredAt","removeItem","setLogin","handleLogout","NavbarAlert","setNavbarAlert","handleCountinue","totalPages","currentPage","onPageChange","page","setPage","handlePageChange","newPage","getPageNumbers","halfRange","maxPagesToShow","start","max","end","min","push","i","num","DataAmount","DurationData","OnapplyFilter","isModalOpen","setIsModalOpen","DataAmounts","setDataAmounts","DurationDatas","setDurationDatas","setreload","selectetedfilter","setselectetedfilter","toggleModal","OnClickFliter","bytesToSize","ZohoChat","script","defer","getElementsByTagName","$zoho","salesiq","widgetcode","ready","_document$getElementB","remove","gtmId","events","warn","tagManagerArgs","TagManager","ScreenLayout","Loadable","loader","Loading","MixScreen","Home","Destination","GetHelp","ESIMFaq","ESIMOrders","AboutUs","OTP","Cart","PaymentSuccess","PaymentFailure","ESIMDetail","TermsAndCondition","NotFound","WelcomePage","PrivacyPolicy","DeleteAccount","DestinationCountry"],"sourceRoot":""}\r\n
\r\n\r\n {/* Overlay */}\r\n {isModalOpen && }\r\n \r\n {t(\"Filters\")} \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n {t(\"Duration\")} \r\n
\r\n \r\n {DataAmounts?.map((item) => {\r\n return (\r\n
\r\n OnClickFliter(item, 1)} className={item == selectetedfilter.Data ? \"FilterModal-filterbuttonSeleteted\" : \"FilterModal-filterbutton\"} >\r\n \r\n {item == -1 ? ('Unlimited') : bytesToSize(item * 1000000)}\r\n \r\n
)\r\n })}\r\n \r\n\r\n {t(\"Data_Amount\")} \r\n
\r\n \r\n {DurationDatas?.map((item) => {\r\n return (\r\n
\r\n OnClickFliter(item, 2)} className={item == selectetedfilter.Duration ? \"FilterModal-filterbuttonSeleteted\" : \"FilterModal-filterbutton\"}>\r\n {item + (item > 1 ? ' Days' : ' Day')} \r\n
)\r\n })}\r\n \r\n
\r\n