\n\t\t\t\t\t\t\t\t\t\tMy location \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.state.infoData?.atmType == 'RAKBANK' ? (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\tlet temp = this.props.markerPosition.lat + ',' + this.props.markerPosition.lng;\n\t\t\t\t\t\t\t\t\t\t\t\ttemp = this.state.infoData?.name == null ? 'dubai' : temp;\n\t\t\t\t\t\t\t\t\t\t\t\twindow.open(\n\t\t\t\t\t\t\t\t\t\t\t\t\t`http://maps.google.com/maps?saddr=+ ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.home.lat + `,` + this.state.home.lng\n\t\t\t\t\t\t\t\t\t\t\t\t\t}+&daddr= + ${temp}`\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\tGET DIRECTIONS\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.state.infoData?.name} \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.state.infoData?.emirate} \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.state.infoData?.location} \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.atmType == 'RAKBANK' ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet temp = coordinates.lat + ',' + coordinates.lng;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttemp = mark?.name == null ? 'dubai' : temp;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twindow.open(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`http://maps.google.com/maps?saddr=+ ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.home.lat + `,` + this.state.home.lng\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}+&daddr= + ${temp}`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tGET DIRECTIONS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{this.props.rakatmIsSelected && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{this.state.rakbankData.map((mark, index) => {\n\t\t\t\t\t\t\t\tlet temp = mark.coordinate.split(',');\n\t\t\t\t\t\t\t\tlet coordinates = { lat: parseFloat(temp[0]), lng: parseFloat(temp[1]) };\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.name} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.emirate} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.location} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.atmType && mark.atmType == 'RAKBANK' ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet temp = coordinates.lat + ',' + coordinates.lng;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttemp = mark?.name == null ? 'dubai' : temp;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twindow.open(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`http://maps.google.com/maps?saddr=+ ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.home.lat + `,` + this.state.home.lng\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}+&daddr= + ${temp}`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tGET DIRECTIONS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{this.state.allEmirates && this.props.selectedEmirate === 'allemirates' && !this.props.locationList && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{this.state.arraycordinates.map((mark, index) => {\n\t\t\t\t\t\t\t\tlet coordinates = { lat: mark.lat, lng: mark.long };\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.name} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.emirate} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.location} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.atmType && mark.atmType == 'RAKBANK' ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet temp = coordinates.lat + ',' + coordinates.lng;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttemp = mark?.name == null ? 'dubai' : temp;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twindow.open(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`http://maps.google.com/maps?saddr=+ ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.home.lat + `,` + this.state.home.lng\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}+&daddr= + ${temp}`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tGET DIRECTIONS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{/* For Auto complete Search Box */}\n\t\t\t\t\t{this.props.search && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.name} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.emirate} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.location} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tcontainerElement={}\n\t\t\t\t\t\t\tmapElement={}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t\t{this.props.mylocation && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tUse my current location \n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t);\n\t\t} else {\n\t\t\tmap = ;\n\t\t}\n\t\treturn map;\n\t}\n}\nexport default AtmMap;\n","export const GoogleMapsAPI = 'AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA';\r\n","import React, { Component } from 'react';\r\n\r\nimport AtmMap from './AtmMap';\r\nimport Geocode from 'react-geocode';\r\n\r\nconst geocodeJson = 'https://maps.googleapis.com/maps/api/geocode/json';\r\n// AIzaSyBBPIfmZFVCI049D0OK2hFysHqgkxx772c\r\n// AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA //With restriction\r\n// Geocode.setApiKey('AIzaSyC2FbFd6rCGV3OMfs-nErJXjN2mc5EDWsU'); //With out restriction\r\nGeocode.setApiKey('AIzaSyCa3IAH1rlFQ8rKB9CdIciAZSUfMq3g0EY'); //With out restriction new\r\nGeocode.enableDebug();\r\nclass AtmMapFunctional extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\taddress: '',\r\n\t\t\tcity: '',\r\n\t\t\tarea: '',\r\n\t\t\tstate: '',\r\n\t\t\tlmg: '',\r\n\t\t\trmg: '',\r\n\t\t\tmapPosition: {\r\n\t\t\t\tlat: 13.0827,\r\n\t\t\t\tlng: 80.2707,\r\n\t\t\t},\r\n\t\t\tmarkerPosition: {\r\n\t\t\t\tlat: 0,\r\n\t\t\t\tlng: 0,\r\n\t\t\t},\r\n\t\t\tatmLocationData: [],\r\n\t\t\tisLoading: false,\r\n\t\t};\r\n\t\tthis.getMyLocation = this.getMyLocation.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tGeocode.fromLatLng(this.state.mapPosition.lat, this.state.mapPosition.lng).then(\r\n\t\t\t(response) => {\r\n\t\t\t\tconst address = response.results[0].formatted_address,\r\n\t\t\t\t\taddressArray = response.results[0].address_components,\r\n\t\t\t\t\tcity = this.getCity(addressArray),\r\n\t\t\t\t\tarea = this.getArea(addressArray),\r\n\t\t\t\t\tstate = this.getState(addressArray);\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\taddress: address ? address : '',\r\n\t\t\t\t\tarea: area ? area : '',\r\n\t\t\t\t\tcity: city ? city : '',\r\n\t\t\t\t\tstate: state ? state : '',\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\t(error) => {\r\n\t\t\t\tconsole.error(error);\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\t// You don't have to do this check first, but it can help prevent an unneeded render\r\n\t\tif (nextProps.center !== this.state.mapPosition) {\r\n\t\t\tthis.setState({ mapPosition: nextProps.center });\r\n\t\t}\r\n\t}\r\n\r\n\tshouldComponentUpdate(nextProps, nextState) {\r\n\t\tif (\r\n\t\t\tthis.state.markerPosition.lat !== this.props.center.lat ||\r\n\t\t\tthis.state.address !== nextState.address ||\r\n\t\t\tthis.state.city !== nextState.city ||\r\n\t\t\tthis.state.area !== nextState.area ||\r\n\t\t\tthis.state.state !== nextState.state\r\n\t\t) {\r\n\t\t\treturn true;\r\n\t\t} else if (this.props.center.lat === nextProps.center.lat) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tgetCity = (addressArray) => {\r\n\t\tlet city = '';\r\n\t\tfor (let i = 0; i < addressArray.length; i++) {\r\n\t\t\tif (addressArray[i].types[0] && 'administrative_area_level_2' === addressArray[i].types[0]) {\r\n\t\t\t\tcity = addressArray[i].long_name;\r\n\t\t\t\treturn city;\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tgetArea = (addressArray) => {\r\n\t\tlet area = '';\r\n\t\tfor (let i = 0; i < addressArray.length; i++) {\r\n\t\t\tif (addressArray[i].types[0]) {\r\n\t\t\t\tfor (let j = 0; j < addressArray[i].types.length; j++) {\r\n\t\t\t\t\tif ('sublocality_level_1' === addressArray[i].types[j] || 'locality' === addressArray[i].types[j]) {\r\n\t\t\t\t\t\tarea = addressArray[i].long_name;\r\n\t\t\t\t\t\treturn area;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tgetLandmark = (addressArray) => {\r\n\t\tlet area = '';\r\n\t\tfor (let i = 0; i < addressArray.length; i++) {\r\n\t\t\tif (addressArray[i].types[0]) {\r\n\t\t\t\tfor (let j = 0; j < addressArray[i].types.length; j++) {\r\n\t\t\t\t\tif ('sublocality_level_1' === addressArray[i].types[j] || 'landmark' === addressArray[i].types[j]) {\r\n\t\t\t\t\t\tarea = addressArray[i].long_name;\r\n\t\t\t\t\t\treturn area;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tgetState = (addressArray) => {\r\n\t\tlet state = '';\r\n\t\tfor (let i = 0; i < addressArray.length; i++) {\r\n\t\t\tfor (let i = 0; i < addressArray.length; i++) {\r\n\t\t\t\tif (addressArray[i].types[0] && 'administrative_area_level_1' === addressArray[i].types[0]) {\r\n\t\t\t\t\tstate = addressArray[i].long_name;\r\n\t\t\t\t\treturn state;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tonChange = (event) => {\r\n\t\tthis.setState({ [event.target.name]: event.target.value });\r\n\t};\r\n\r\n\tonInfoWindowClose = (event) => {};\r\n\r\n\tonMarkerDragEnd = (event) => {\r\n\t\tlet newLat = event.latLng.lat(),\r\n\t\t\tnewLng = event.latLng.lng();\r\n\r\n\t\tGeocode.fromLatLng(newLat, newLng).then(\r\n\t\t\t(response) => {\r\n\t\t\t\tconst address = response.results[0].formatted_address,\r\n\t\t\t\t\taddressArray = response.results[0].address_components,\r\n\t\t\t\t\tcity = this.getCity(addressArray),\r\n\t\t\t\t\tarea = this.getArea(addressArray),\r\n\t\t\t\t\tstate = this.getState(addressArray);\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\taddress: address ? address : '',\r\n\t\t\t\t\tarea: area ? area : '',\r\n\t\t\t\t\tcity: city ? city : '',\r\n\t\t\t\t\tstate: state ? state : '',\r\n\t\t\t\t\tmarkerPosition: {\r\n\t\t\t\t\t\tlat: newLat,\r\n\t\t\t\t\t\tlng: newLng,\r\n\t\t\t\t\t},\r\n\t\t\t\t\t// mapPosition: {\r\n\t\t\t\t\t// \tlat: newLat,\r\n\t\t\t\t\t// \tlng: newLng,\r\n\t\t\t\t\t// },\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\t(error) => {\r\n\t\t\t\tconsole.error(error);\r\n\t\t\t}\r\n\t\t);\r\n\t};\r\n\tonPlaceSelected = (place) => {\r\n\t\ttry {\r\n\t\t\tlet phoneNumber = place.formatted_phone_number;\r\n\t\t\tlet name = place.name;\r\n\t\t\tlet address = place.formatted_address,\r\n\t\t\t\taddressArray = place.address_components,\r\n\t\t\t\tcity = this.getCity(addressArray),\r\n\t\t\t\tarea = this.getArea(addressArray),\r\n\t\t\t\tstate = this.getState(addressArray),\r\n\t\t\t\tlatValue = place.geometry.location.lat(),\r\n\t\t\t\tlngValue = place.geometry.location.lng();\r\n\r\n\t\t\tlet landmark = this.getLandmark(addressArray);\r\n\r\n\t\t\t// Set these values in the state.\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\taddress: address ? address : '',\r\n\t\t\t\tarea: area ? area : '',\r\n\t\t\t\tcity: city ? city : '',\r\n\t\t\t\tstate: state ? state : '',\r\n\t\t\t\tmarkerPosition: {\r\n\t\t\t\t\tlat: latValue,\r\n\t\t\t\t\tlng: lngValue,\r\n\t\t\t\t},\r\n\t\t\t\tmapPosition: {\r\n\t\t\t\t\tlat: latValue,\r\n\t\t\t\t\tlng: lngValue,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tthis.props.setValuesForAddressForm({ area, phoneNumber, name });\r\n\t\t} catch (error) {\r\n\t\t\tconsole.log(error);\r\n\t\t}\r\n\t};\r\n\r\n\treverseGeocode = ({ latitude: lat, longitude: lng }) => {\r\n\t\tconst url = `${geocodeJson}?key=AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA&latlng=${lat},${lng}`;\r\n\t\tfetch(url)\r\n\t\t\t.then((response) => response.json())\r\n\t\t\t.then((location) => {});\r\n\t};\r\n\tasync getMyLocation() {\r\n\t\tGeocode.setLocationType('ROOFTOP');\r\n\t\tlet lat = null;\r\n\t\tlet lng = null;\r\n\t\tconst location = window.navigator && window.navigator.geolocation;\r\n\t\tif (location) {\r\n\t\t\tlocation.getCurrentPosition(\r\n\t\t\t\t(position) => {\r\n\t\t\t\t\tlat = position.coords.latitude;\r\n\t\t\t\t\tlat = position.coords.longitude;\r\n\t\t\t\t\tthis.reverseGeocode(position.coords);\r\n\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tmapPosition: {\r\n\t\t\t\t\t\t\tlat: position.coords.latitude,\r\n\t\t\t\t\t\t\tlng: position.coords.longitude,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tmarkerPosition: {\r\n\t\t\t\t\t\t\tlat: position.coords.latitude,\r\n\t\t\t\t\t\t\tlng: position.coords.longitude,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t},\r\n\t\t\t\t(error) => {\r\n\t\t\t\t\tconsole.log(error);\r\n\t\t\t\t\tthis.setState({ latitude: 'err-latitude', longitude: 'err-longitude' });\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\n\t\t\t\n\t\t\t\t\t
\n\t\t\t
\n\t\t\n\t);\n}\n\nexport default Footer;\n","import './Header.scss';\n\nimport { CoffeeOutlined, MenuOutlined, PhoneOutlined, QuestionOutlined, TagsOutlined } from '@ant-design/icons';\nimport { Col, Divider, Drawer, Menu, Row } from 'antd';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport SubMenu from 'antd/lib/menu/SubMenu';\nimport { images } from 'src/assets/img';\nimport { useHistory } from 'react-router-dom';\n\nfunction Header() {\n\tconst [current, setCurrent] = useState('mail');\n\tconst [visible, setVisible] = useState(false);\n\tconst [isEdenRedHovered, setEdenredHovered] = useState(false);\n\tconst [isAboutHovered, setAboutHovered] = useState(false);\n\tconst [offset, setOffset] = useState(0);\n\tconst history = useHistory();\n\tuseEffect(() => {\n\t\twindow.onscroll = () => {\n\t\t\tsetOffset(window.pageYOffset);\n\t\t};\n\t}, []);\n\n\tconst handleClick = () => {\n\t\tsetVisible(!visible);\n\t};\n\tfunction useOutsideAlerter(ref) {\n\t\tuseEffect(() => {\n\t\t\t/**\n\t\t\t * Alert if clicked on outside of element\n\t\t\t */\n\t\t\tfunction handleClickOutside(event) {\n\t\t\t\tif (ref.current && !ref.current.contains(event.target)) {\n\t\t\t\t\tsetEdenredHovered(false);\n\t\t\t\t\tsetAboutHovered(false);\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Bind the event listener\n\t\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\t\treturn () => {\n\t\t\t\t// Unbind the event listener on clean up\n\t\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t\t};\n\t\t}, [ref]);\n\t}\n\tconst wrapperRef = useRef(null);\n\tuseOutsideAlerter(wrapperRef);\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred Group\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{/* mobile */}\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t43rd Floor, Single Business Tower
\n\t\t\t\t\t\t\t\t\tBusiness Bay
\n\t\t\t\t\t\t\t\t\tP.O.Box 34920, Dubai, UAE
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tT +971 (0) 4 521 4000
\n\t\t\t\t\t\t\t\t\tE info.ae@edenred.com
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{/* - \n\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tEdenred Payroll\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tC3Pay\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
Products
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
*/}\n\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tATM Locations\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tCareers\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
Resources
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t window.open('https://www.linkedin.com/company/edenred-uae/')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
window.open('https://www.facebook.com/C3Pay')} />\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tCopyright ©️ 2021 Edenred\n\t\t\t\t\t
\n\t\t\t\t\t{/* Edenred Group
\n\t\t\t\t\tPrivacy Policy
*/}\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\tEdenred Group
\n\t\t\t\t\t\t{/* Privacy Policy
\n\t\t\t\t\t\tTerms of Service
*/}\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\tCopyright ©️ 2021 Edenred
\n\t\t\t\t\t\n\t\t\t\t= 200 ? 'atm-loc-header-outer-scrolled' : 'atm-loc-header-outer'}>\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tFAQs\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tNews\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tContact Us\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tsetAboutHovered(false);\n\n\t\t\t\t\t\t\t\t\t\tsetEdenredHovered(true);\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tProducts\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{isEdenRedHovered && (\n\t\t\t\t\t\t\t\t\t setEdenredHovered(false)}>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tEdenred Payroll\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tc3Pay\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tsetAboutHovered(true);\n\t\t\t\t\t\t\t\t\t\tsetEdenredHovered(false);\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\tAbout\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{isAboutHovered && (\n\t\t\t\t\t\t\t\t\t setAboutHovered(false)}>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tWho are we\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tOur Story\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tOur Mission\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tCareers\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tProducts
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tAbout
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tFAQs
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tNews
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tContact Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\tATM Locations
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t{isAtmLoading ? (\n\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tsetIsMapEnabled(true);\n\t\t\t\t\t\t\t\t\t\tsetIsLocation(false);\n\t\t\t\t\t\t\t\t\t\tonAtmClick(parseFloat(coordinates[0]), parseFloat(coordinates[1]));\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t) : locationData?.length < 1 || !atmListOn ? (\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{data.atmType === 'RAKBANK' ? (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{!isPublic && data.name}\n\t\t\t\t\t\t\t\t\t\t\t{isPublic && `${data.name} (not open to public)`}\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{data.emirate} \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{data.location} \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tNo result.
\n\t\t\t\t) : (\n\t\t\t\t\t''\n\t\t\t\t)}\n\t\t\t\n\t\t\n\t);\n};\n\nexport default LocationList;\n","import '../map.scss';\n\nimport { GoogleMap, InfoWindow, Marker, withGoogleMap, withScriptjs } from 'react-google-maps';\nimport React, { Component } from 'react';\n\nimport Autocomplete from 'react-google-autocomplete';\nimport Geocode from 'react-geocode';\nimport { GoogleMapsAPI } from '../client-config';\nimport TextComponent from '@sharedComponent/typography/TextComponent';\nimport { images } from 'src/assets/img';\n\nclass MobileAtmMap extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tmarks: [\n\t\t\t\t{\n\t\t\t\t\tlat: 25.410078,\n\t\t\t\t\tlng: 55.444283,\n\t\t\t\t\tatmType: null,\n\t\t\t\t},\n\t\t\t],\n\t\t\tmarks2: [\n\t\t\t\t{\n\t\t\t\t\tlat: 25.410078,\n\t\t\t\t\tlng: 55.444283,\n\t\t\t\t},\n\t\t\t],\n\t\t\tshowingInfoWindow: false,\n\t\t\tmarkerClick: {},\n\t\t\tinfoData: [],\n\t\t\ttest: false,\n\t\t\tc3bankData: [],\n\t\t\trakbankData: [],\n\t\t\tswitch: false,\n\t\t\tdefaultSwitch: false,\n\t\t\tdefaultSwitchLocation: false,\n\t\t\townPosition: [],\n\t\t\thome: {\n\t\t\t\tlat: null,\n\t\t\t\tlng: null,\n\t\t\t},\n\t\t\tarraycordinates: [\n\t\t\t\t{\n\t\t\t\t\tname: 'abudhabi',\n\t\t\t\t\tlat: 24.489511,\n\t\t\t\t\tlong: 54.355996,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'ajman',\n\t\t\t\t\tlat: 25.410956,\n\t\t\t\t\tlong: 55.444054,\n\t\t\t\t},\n\t\t\t\t{ name: 'alain', lat: 24.26581, long: 55.765326 },\n\t\t\t\t{ name: 'dubai', lat: 25.134904, long: 55.23936 },\n\t\t\t\t{ name: 'fujairah', lat: 25.125124, long: 56.345153 },\n\t\t\t\t{ name: 'rasalkhaimah', lat: 25.787688, long: 55.992673 },\n\t\t\t\t{ name: 'sharjah', lat: 25.358134, long: 55.393623 },\n\t\t\t],\n\t\t\tallEmirates: false,\n\t\t\tlocationList: false,\n\t\t\tdynamicZoom: 12,\n\t\t};\n\t\tthis._handleKeyDown = this._handleKeyDown.bind(this);\n\t}\n\n\tonMarkerClick = () => {\n\t\tthis.setState({\n\t\t\tshowingInfoWindow: true,\n\t\t});\n\t};\n\n\tonMapClicked = (props) => {\n\t\tif (this.state.showingInfoWindow) {\n\t\t\tthis.setState({\n\t\t\t\tshowingInfoWindow: false,\n\t\t\t\tactiveMarker: null,\n\t\t\t});\n\t\t}\n\t};\n\t_handleKeyDown(e) {\n\t\tif (e.key === 'Enter') {\n\t\t\tthis.props.onPlaceSelected();\n\t\t}\n\t}\n\tcomponentDidUpdate(prevProps, nextProps) {\n\t\tif (prevProps.infoData !== this.props.infoData) {\n\t\t\tthis.setState({ infoData: this.props.infoData, defaultSwitchLocation: this.props.defaultSwitch, markerClick: nextProps.infoData });\n\t\t} else if (prevProps.defaultSwitch !== this.props.defaultSwitch) {\n\t\t\tthis.setState({ infoData: this.props.infoData, defaultSwitchLocation: this.props.defaultSwitch, markerClick: nextProps.infoData });\n\t\t}\n\t}\n\tcomponentWillReceiveProps(nextProps) {\n\t\tthis.setState({ infoData: this.props.infoData, defaultSwitchLocation: this.props.defaultSwitch, markerClick: this.props.infoData });\n\n\t\tlet splitedRak;\n\t\tlet splitedC3;\n\t\t// You don't have to do this check first, but it can help prevent an unneeded render\n\t\tif (nextProps.atmlocationData !== this.state.atmlocationData) {\n\t\t\tlet rakbank = nextProps.atmlocationData.filter((data) => data.atmType === 'RAKBANK');\n\t\t\tlet c3bank = nextProps.atmlocationData.filter((data) => data.atmType === 'C3Pay');\n\t\t\tlet coordinateRak = rakbank.map((data) => data.coordinate);\n\t\t\tlet coordinateC3 = c3bank.map((data) => data.coordinate);\n\t\t\tsplitedRak = coordinateRak.map((data) => data.split(','));\n\t\t\tsplitedC3 = coordinateC3.map((data) => data.split(','));\n\t\t\tif (nextProps.selectedEmirate != 'allemirates' && nextProps.selectedEmirate != null) {\n\t\t\t\tc3bank = c3bank.filter((data) => data.emirate.toLowerCase().replaceAll(' ', '') == nextProps.selectedEmirate?.toLowerCase());\n\t\t\t\trakbank = rakbank.filter((data) => data.emirate.toLowerCase().replaceAll(' ', '') == nextProps.selectedEmirate?.toLowerCase());\n\t\t\t} else if (nextProps.selectedEmirate == 'allemirates') {\n\t\t\t\tc3bank = nextProps.atmlocationData.filter((data) => data.atmType === 'C3Pay');\n\t\t\t\trakbank = nextProps.atmlocationData.filter((data) => data.atmType === 'RAKBANK');\n\t\t\t}\n\t\t\tthis.setState({ c3bankData: c3bank, rakbankData: rakbank, defaultSwitch: this.props.markerOff });\n\t\t\tsplitedC3.map((data) => {\n\t\t\t\tthis.setState((prevState) => ({\n\t\t\t\t\tmarks: [...prevState.marks, { lat: parseFloat(data[0]), lng: parseFloat(data[1]) }],\n\t\t\t\t}));\n\t\t\t});\n\t\t\tsplitedRak.map((data) => {\n\t\t\t\tthis.setState((prevState) => ({\n\t\t\t\t\tmarks2: [...prevState.marks2, { lat: parseFloat(data[0]), lng: parseFloat(data[1]) }],\n\t\t\t\t}));\n\t\t\t});\n\t\t\tnavigator.geolocation.getCurrentPosition(\n\t\t\t\t(position) => {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\thome: { lat: position.coords.latitude, lng: position.coords.longitude },\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\t(error) => {\n\t\t\t\t\thandleRandom();\n\t\t\t\t\tthis.props.EnableLocation(true);\n\t\t\t\t\tconsole.warn(error.message);\n\t\t\t\t},\n\t\t\t\t{ enableHighAccuracy: false, timeout: 10000 }\n\t\t\t);\n\t\t}\n\t\tthis.setState({ allEmirates: true });\n\t\tthis.setState({ locationList: this.props.locationList });\n\t\tthis.setState({ dynamicZoom: nextProps.selectedEmirate == 'allemirates' ? 8 : 12 });\n\t\tconst handleRandom = () => {\n\t\t\tlet locationLat = 25.410078;\n\n\t\t\tlet locationLong = 55.444283;\n\t\t\tthis.setState({\n\t\t\t\thome: { lat: locationLat, lng: locationLong },\n\t\t\t});\n\t\t};\n\t}\n\tshouldComponentUpdate(nextProps, nextState) {\n\t\tif (\n\t\t\tthis.props.allEmirates !== nextProps.allEmirates ||\n\t\t\tthis.props.c3atmsIsSelected !== nextProps.c3atmsIsSelected ||\n\t\t\tthis.props.rakatmIsSelected !== nextProps.rakatmIsSelected ||\n\t\t\tthis.props.selectedEmirate !== nextProps.selectedEmirate ||\n\t\t\tthis.props.atmlocationData !== nextProps.atmlocationData ||\n\t\t\tthis.props.markerPosition !== nextProps.markerPosition ||\n\t\t\tthis.state !== nextState.state\n\t\t) {\n\t\t\treturn true;\n\t\t} else {\n\t\t\treturn false;\n\t\t}\n\t}\n\thandleC3Click = (data) => {\n\t\tlet lat = data.mark.lat;\n\t\tlet lng = data.mark.lng;\n\t\tlet temp = this.props.atmlocationData.filter((data) => {\n\t\t\tlet ra = data.coordinate.split(',');\n\t\t\tif (parseFloat(ra[0]) === parseFloat(lat)) {\n\t\t\t\treturn data;\n\t\t\t}\n\t\t});\n\n\t\ttemp = temp[0];\n\n\t\tthis.setState({ infoData: temp, test: true });\n\t};\n\n\trender() {\n\t\tconst AsyncMap = withScriptjs(\n\t\t\twithGoogleMap((props) => (\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tMy location \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{this.state.infoData?.atmType == 'RAKBANK' ? (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\tlet temp = this.props.markerPosition.lat + ',' + this.props.markerPosition.lng;\n\t\t\t\t\t\t\t\t\t\t\t\ttemp = this.state.infoData?.name == null ? 'dubai' : temp;\n\t\t\t\t\t\t\t\t\t\t\t\twindow.open(\n\t\t\t\t\t\t\t\t\t\t\t\t\t`http://maps.google.com/maps?saddr=+ ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.home.lat + `,` + this.state.home.lng\n\t\t\t\t\t\t\t\t\t\t\t\t\t}+&daddr= + ${temp}`\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\tGET DIRECTIONS\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.state.infoData?.name} \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{this.state.infoData?.emirate} \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.infoData?.location}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.atmType == 'RAKBANK' ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet temp = coordinates.lat + ',' + coordinates.lng;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttemp = mark?.name == null ? 'dubai' : temp;\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twindow.open(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`http://maps.google.com/maps?saddr=+ ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.home.lat + `,` + this.state.home.lng\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}+&daddr= + ${temp}`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tGET DIRECTIONS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{this.props.rakatmIsSelected && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{this.state.rakbankData.map((mark, index) => {\n\t\t\t\t\t\t\t\tlet temp = mark.coordinate.split(',');\n\t\t\t\t\t\t\t\tlet coordinates = { lat: parseFloat(temp[0]), lng: parseFloat(temp[1]) };\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.name} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.emirate} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.location}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.atmType && mark.atmType == 'RAKBANK' ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet temp = coordinates.lat + ',' + coordinates.lng;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttemp = mark?.name == null ? 'dubai' : temp;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twindow.open(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`http://maps.google.com/maps?saddr=+ ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.home.lat + `,` + this.state.home.lng\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}+&daddr= + ${temp}`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tGET DIRECTIONS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{this.state.allEmirates && this.props.selectedEmirate === 'allemirates' && !this.props.locationList && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{this.state.arraycordinates.map((mark, index) => {\n\t\t\t\t\t\t\t\tlet coordinates = { lat: mark.lat, lng: mark.long };\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.name} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.emirate} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.location}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.atmType && mark.atmType == 'RAKBANK' ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlet temp = coordinates.lat + ',' + coordinates.lng;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttemp = mark?.name == null ? 'dubai' : temp;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twindow.open(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`http://maps.google.com/maps?saddr=+ ${\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.home.lat + `,` + this.state.home.lng\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}+&daddr= + ${temp}`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tGET DIRECTIONS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t{/* For Auto complete Search Box */}\n\t\t\t\t\t{this.props.search && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.name} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.emirate} \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{mark.location}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{this.props.mylocation && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tUse my current location \n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t);\n\t\t} else {\n\t\t\tmap = ;\n\t\t}\n\t\treturn map;\n\t}\n}\nexport default MobileAtmMap;\n","import { GoogleMap, InfoWindow, Marker, withGoogleMap, withScriptjs } from 'react-google-maps';\nimport React, { Component } from 'react';\n\nimport Geocode from 'react-geocode';\nimport MobileAtmMap from './MobileAtmMap';\nimport axios from 'axios';\n\nconst geocodeJson = 'https://maps.googleapis.com/maps/api/geocode/json';\n// AIzaSyBBPIfmZFVCI049D0OK2hFysHqgkxx772c\n// AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA //With restriction\n// Geocode.setApiKey('AIzaSyC2FbFd6rCGV3OMfs-nErJXjN2mc5EDWsU'); //With out restriction\nGeocode.setApiKey('AIzaSyCa3IAH1rlFQ8rKB9CdIciAZSUfMq3g0EY'); //With out restriction new\nGeocode.enableDebug();\nclass MobileAtmFunctional extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\taddress: '',\n\t\t\tcity: '',\n\t\t\tarea: '',\n\t\t\tstate: '',\n\t\t\tlmg: '',\n\t\t\trmg: '',\n\t\t\tmapPosition: {\n\t\t\t\tlat: 13.0827,\n\t\t\t\tlng: 80.2707,\n\t\t\t},\n\t\t\tmarkerPosition: {\n\t\t\t\tlat: 0,\n\t\t\t\tlng: 0,\n\t\t\t},\n\t\t\tatmLocationData: [],\n\t\t\tisLoading: false,\n\t\t};\n\t\tthis.getMyLocation = this.getMyLocation.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tGeocode.fromLatLng(this.state.mapPosition.lat, this.state.mapPosition.lng).then(\n\t\t\t(response) => {\n\t\t\t\tconst address = response.results[0].formatted_address,\n\t\t\t\t\taddressArray = response.results[0].address_components,\n\t\t\t\t\tcity = this.getCity(addressArray),\n\t\t\t\t\tarea = this.getArea(addressArray),\n\t\t\t\t\tstate = this.getState(addressArray);\n\t\t\t\tthis.setState({\n\t\t\t\t\taddress: address ? address : '',\n\t\t\t\t\tarea: area ? area : '',\n\t\t\t\t\tcity: city ? city : '',\n\t\t\t\t\tstate: state ? state : '',\n\t\t\t\t});\n\t\t\t},\n\t\t\t(error) => {\n\t\t\t\tconsole.error(error);\n\t\t\t}\n\t\t);\n\t}\n\tcomponentWillReceiveProps(nextProps) {\n\t\t// You don't have to do this check first, but it can help prevent an unneeded render\n\t\tif (nextProps.center !== this.state.mapPosition) {\n\t\t\tthis.setState({ mapPosition: nextProps.center });\n\t\t}\n\t}\n\n\tshouldComponentUpdate(nextProps, nextState) {\n\t\tif (\n\t\t\tthis.state.markerPosition.lat !== this.props.center.lat ||\n\t\t\tthis.state.address !== nextState.address ||\n\t\t\tthis.state.city !== nextState.city ||\n\t\t\tthis.state.area !== nextState.area ||\n\t\t\tthis.state.state !== nextState.state\n\t\t) {\n\t\t\treturn true;\n\t\t} else if (this.props.center.lat === nextProps.center.lat) {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\tgetCity = (addressArray) => {\n\t\tlet city = '';\n\t\tfor (let i = 0; i < addressArray.length; i++) {\n\t\t\tif (addressArray[i].types[0] && 'administrative_area_level_2' === addressArray[i].types[0]) {\n\t\t\t\tcity = addressArray[i].long_name;\n\t\t\t\treturn city;\n\t\t\t}\n\t\t}\n\t};\n\n\tgetArea = (addressArray) => {\n\t\tlet area = '';\n\t\tfor (let i = 0; i < addressArray.length; i++) {\n\t\t\tif (addressArray[i].types[0]) {\n\t\t\t\tfor (let j = 0; j < addressArray[i].types.length; j++) {\n\t\t\t\t\tif ('sublocality_level_1' === addressArray[i].types[j] || 'locality' === addressArray[i].types[j]) {\n\t\t\t\t\t\tarea = addressArray[i].long_name;\n\t\t\t\t\t\treturn area;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tgetLandmark = (addressArray) => {\n\t\tlet area = '';\n\t\tfor (let i = 0; i < addressArray.length; i++) {\n\t\t\tif (addressArray[i].types[0]) {\n\t\t\t\tfor (let j = 0; j < addressArray[i].types.length; j++) {\n\t\t\t\t\tif ('sublocality_level_1' === addressArray[i].types[j] || 'landmark' === addressArray[i].types[j]) {\n\t\t\t\t\t\tarea = addressArray[i].long_name;\n\t\t\t\t\t\treturn area;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tgetState = (addressArray) => {\n\t\tlet state = '';\n\t\tfor (let i = 0; i < addressArray.length; i++) {\n\t\t\tfor (let i = 0; i < addressArray.length; i++) {\n\t\t\t\tif (addressArray[i].types[0] && 'administrative_area_level_1' === addressArray[i].types[0]) {\n\t\t\t\t\tstate = addressArray[i].long_name;\n\t\t\t\t\treturn state;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tonChange = (event) => {\n\t\tthis.setState({ [event.target.name]: event.target.value });\n\t};\n\n\tonInfoWindowClose = (event) => {};\n\n\tonMarkerDragEnd = (event) => {\n\t\tlet newLat = event.latLng.lat(),\n\t\t\tnewLng = event.latLng.lng();\n\n\t\tGeocode.fromLatLng(newLat, newLng).then(\n\t\t\t(response) => {\n\t\t\t\tconst address = response.results[0].formatted_address,\n\t\t\t\t\taddressArray = response.results[0].address_components,\n\t\t\t\t\tcity = this.getCity(addressArray),\n\t\t\t\t\tarea = this.getArea(addressArray),\n\t\t\t\t\tstate = this.getState(addressArray);\n\t\t\t\tthis.setState({\n\t\t\t\t\taddress: address ? address : '',\n\t\t\t\t\tarea: area ? area : '',\n\t\t\t\t\tcity: city ? city : '',\n\t\t\t\t\tstate: state ? state : '',\n\t\t\t\t\tmarkerPosition: {\n\t\t\t\t\t\tlat: newLat,\n\t\t\t\t\t\tlng: newLng,\n\t\t\t\t\t},\n\t\t\t\t\t// mapPosition: {\n\t\t\t\t\t// \tlat: newLat,\n\t\t\t\t\t// \tlng: newLng,\n\t\t\t\t\t// },\n\t\t\t\t});\n\t\t\t},\n\t\t\t(error) => {\n\t\t\t\tconsole.error(error);\n\t\t\t}\n\t\t);\n\t};\n\tonPlaceSelected = (place) => {\n\t\ttry {\n\t\t\tlet phoneNumber = place.formatted_phone_number;\n\t\t\tlet name = place.name;\n\t\t\tlet address = place.formatted_address,\n\t\t\t\taddressArray = place.address_components,\n\t\t\t\tcity = this.getCity(addressArray),\n\t\t\t\tarea = this.getArea(addressArray),\n\t\t\t\tstate = this.getState(addressArray),\n\t\t\t\tlatValue = place.geometry.location.lat(),\n\t\t\t\tlngValue = place.geometry.location.lng();\n\n\t\t\tlet landmark = this.getLandmark(addressArray);\n\n\t\t\t// Set these values in the state.\n\n\t\t\tthis.setState({\n\t\t\t\taddress: address ? address : '',\n\t\t\t\tarea: area ? area : '',\n\t\t\t\tcity: city ? city : '',\n\t\t\t\tstate: state ? state : '',\n\t\t\t\tmarkerPosition: {\n\t\t\t\t\tlat: latValue,\n\t\t\t\t\tlng: lngValue,\n\t\t\t\t},\n\t\t\t\tmapPosition: {\n\t\t\t\t\tlat: latValue,\n\t\t\t\t\tlng: lngValue,\n\t\t\t\t},\n\t\t\t});\n\t\t\tthis.props.setValuesForAddressForm({ area, phoneNumber, name });\n\t\t} catch (error) {\n\t\t\tconsole.log(error);\n\t\t}\n\t};\n\n\treverseGeocode = ({ latitude: lat, longitude: lng }) => {\n\t\tconst url = `${geocodeJson}?key=AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA&latlng=${lat},${lng}`;\n\t\tfetch(url)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((location) => {\n\t\t\t\t// const place = location.results[0];\n\t\t\t\t// const _address = extractAddress(place);\n\t\t\t\t// setAddress(_address);\n\t\t\t\t// searchInput.current.value = _address.plain();\n\t\t\t});\n\t};\n\tasync getMyLocation() {\n\t\tGeocode.setLocationType('ROOFTOP');\n\t\tlet lat = null;\n\t\tlet lng = null;\n\t\tconst location = window.navigator && window.navigator.geolocation;\n\t\tif (location) {\n\t\t\tlocation.getCurrentPosition(\n\t\t\t\t(position) => {\n\t\t\t\t\tlat = position.coords.latitude;\n\t\t\t\t\tlat = position.coords.longitude;\n\t\t\t\t\tthis.reverseGeocode(position.coords);\n\t\t\t\t\t// Geocode.fromLatLng(position.coords.latitude, position.coords.longitude)\n\t\t\t\t\t// \t.then((res) => {\n\t\t\t\t\t// \t\tconsole.log('re33324', res);\n\t\t\t\t\t// \t})\n\t\t\t\t\t// \t.catch((error) => {\n\t\t\t\t\t// \t\tconsole.log('geoerror', error);\n\t\t\t\t\t// \t});\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tmapPosition: {\n\t\t\t\t\t\t\tlat: position.coords.latitude,\n\t\t\t\t\t\t\tlng: position.coords.longitude,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tmarkerPosition: {\n\t\t\t\t\t\t\tlat: position.coords.latitude,\n\t\t\t\t\t\t\tlng: position.coords.longitude,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\t(error) => {\n\t\t\t\t\tconsole.log(error);\n\t\t\t\t\tthis.setState({ latitude: 'err-latitude', longitude: 'err-longitude' });\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tEmirates:
\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t{emiratesStates.allEmirates ?
\n\t\t\t\t\t\t\tAll Emirates
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t{emiratesStates.abudhabi ?
\n\t\t\t\t\t\t\tAbu Dhabi
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t{emiratesStates.dubai ?
\n\t\t\t\t\t\t\tDubai
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t{emiratesStates.sharjah ?
\n\t\t\t\t\t\t\tSharjah
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t{emiratesStates.ajman ?
\n\t\t\t\t\t\t\tAjman
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t{emiratesStates.alain ?
\n\t\t\t\t\t\t\tAl Ain
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t{emiratesStates.rasalkhaimah ?
\n\t\t\t\t\t\t\tRas AI Khaimah
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t{emiratesStates.fujairah ?
\n\t\t\t\t\t\t\tFujairah
\n\t\t\t\t\t\tATMs:
\n\t\t\t\t\n\t\t\t\t setAtmsC(!atmsC)}>\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{atmsC ?
\n\t\t\t\t\t\t\tC3 ATMs
\n\t\t\t\t\t\t setRakbankAtm(!rakbankAtm)}>\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{rakbankAtm ?
\n\t\t\t\t\t\t\tRAKBANK ATMs
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t);\n}\n\nexport default OptionTick;\n","import { Col, Divider, Form, Input, Row, Select } from 'antd';\nimport { DownOutlined, UpOutlined } from '@ant-design/icons';\nimport React, { useState } from 'react';\n\nimport { Option } from 'antd/lib/mentions';\nimport OptionTick from './OptionTick';\nimport { images } from 'src/assets/img';\n\nfunction SelectComponent({ emiratesLocation, selectedEmirate }) {\n\tconst [isDropdown, setIsDropdown] = useState(false);\n\tconst selectRef = React.useRef(null);\n\tconst handleInputKeyDown = (e) => {\n\t\tif (e.ctrlKey) {\n\t\t\tconsole.log('do validate');\n\t\t\te.preventDefault();\n\t\t}\n\t};\n\treturn (\n\t\t<>\n\t\t\t{' '}\n\t\t\t{option}
\n\t\t\t\t\n\t\t\t\t\t{selectedEmirate === 'allemirates' || value === selectedEmirate ? (\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t setIsDropdown(!isDropdown)}\n\t\t\t\t\tplaceholder=\"All Locations\"\n\t\t\t\t\toptionFilterProp=\"children\"\n\t\t\t\t\tsuffixIcon={\n\t\t\t\t\t\tisDropdown ? (\n\t\t\t\t\t\t\t
setIsDropdown(true)} className=\"arrows-select\" />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t
setIsDropdown(false)} className=\"arrows-select\" />\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tfilterOption={(input, option) => option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t);\n}\n\nexport default SelectComponent;\n","import { APP_VARIABLES, CLEVER_TAP_EVENTS } from '@constants/app-constants';\nimport { CloseCircleOutlined, CloseOutlined, DownOutlined, UpOutlined } from '@ant-design/icons';\nimport { Col, Divider, Form, Input, Row, Select } from 'antd';\nimport React, { useEffect, useLayoutEffect, useState } from 'react';\n\nimport AtmMapFunctional from './atm-location-map/AtmMapFunctional';\nimport EdenredButton from '@sharedComponent/button';\nimport Footer from './Footer/Footer';\nimport Header from './Header/Header';\nimport ImageComponent from '@sharedComponent/image-component';\nimport LocationList from './LocationList';\nimport MobileAtmFunctional from './atm-location-map/mobile-map/MobileAtmFunctional';\nimport MobileFilter from './MobileFilter';\nimport { Option } from 'antd/lib/mentions';\nimport OptionTick from './OptionTick';\nimport SelectComponent from './SelectComponent';\nimport TextComponent from '@sharedComponent/typography/TextComponent';\nimport { images } from 'src/assets/img';\n\nconst AtmLocationsPresentational = (\n\t{\n\t\tsetEnableLocationPromt,\n\t\tdata,\n\t\tonAtmClick,\n\t\tatmCoordinates,\n\t\temiratesLocation,\n\t\tatmlocationData,\n\t\tisAtmLoading,\n\t\tsetRakbankAtm,\n\t\tsetAtmsC,\n\t\tatmsC,\n\t\trakbankAtm,\n\t\tsearchFilter,\n\t\tselectedEmirate,\n\t\temiratesStates,\n\t\tsetEmiratesStates,\n\t\tmarkerOff,\n\t\tallEmirates,\n\t\tlocationList,\n\t\tinfoData,\n\t\tsetatmData,\n\t\tdefaultSwitch,\n\t\tnodata,\n\t\tsetNodata,\n\t\tsetLocationData,\n\t\tlocationData,\n\t\tEnableLocation,\n\t\tenableLocationPromt,\n\t},\n\tprops\n) => {\n\tconst [isFilter, setFilter] = useState(false);\n\tconst [isMapEnabled, setIsMapEnabled] = useState(false);\n\tconst [isLocation, setIsLocation] = useState(true);\n\tconst [isDropdown, setIsDropdown] = useState(false);\n\tconst [c3key, setC3key] = useState(null);\n\n\treturn (\n\t\t<>\n\t\t\t{/* EnableLocation(false)}>\n\t\t\t\t\t
\n\t\t\t)}\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\tEnable Location
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t setAtmsC(!atmsC)}>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t{atmsC ?
\n\t\t\t\t\t\t\tC3Pay ATMs
\n\t\t\t\t\t\t setRakbankAtm(!rakbankAtm)}>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t{rakbankAtm ?
\n\t\t\t\t\t\t\tRAKBANK ATMs
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t{!isFilter && isMapEnabled && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetIsMapEnabled(!isMapEnabled);\n\t\t\t\t\t\t\t\t\tsetIsLocation(isMapEnabled);\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{isMapEnabled ? 'HIDE MAP' : 'SHOW MAP'}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\nexport default HeaderPage;\r\n","import React, { Fragment } from 'react';\nimport './button.scss';\n\nconst EdenredButton = ({\n\tbtnType,\n\t//style= 'primary',\n\ttype = 'submit',\n\tchildren,\n\tonPress,\n\tonClick,\n\tdisabled = false,\n\tloading,\n\ticon = null,\n\tformType,\n\tstyle = {},\n\tnoShadow = false,\n\tclassName = '',\n}) => {\n\tconst renderButton = () => (\n\t\t {icon}
: null}\n\t\t\t\t\t{children}\n\t\t\t\t\n\t\t\t) : (\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n\n\treturn 786 ? '10px' : '40px' }}>\n\t\t\t\t\t\t{size.width < 786 ? (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t
\n\n\t\t\t\t\t */}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tWelcome,\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{oppurtunityData && oppurtunityData.WelcomePage &&\n\t\t\t\t\t\t\t\toppurtunityData.WelcomePage.oppurtunityData &&\n\t\t\t\t\t\t\t\toppurtunityData.WelcomePage.oppurtunityData.opportunity &&\n\t\t\t\t\t\t\t\toppurtunityData.WelcomePage.oppurtunityData.opportunity.companyViewModel ?\n\t\t\t\t\t\t\t\toppurtunityData.WelcomePage.oppurtunityData.opportunity.companyViewModel.mainTradeLicenseName :\n\t\t\t\t\t\t\t\t''}\n\t\t\t\t\t\t \n\t\t\t\t\t\t{/*
*/}\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\n\t\t\t\t\t\tWe're eager to have you onboard with Edenred UAE, the largest payroll card provider in the region.
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\tEnsure that the information you provide is accurate for us to serve you better.
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tLet's get you setup quickly! \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tgetOppurtunityInfoStart(history, optId, true);\n\t\t\t\t\t\t\t\t\t// history.push('/user/companyinfo');\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{'Sign Up'}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{size.width < 768 ? null : (\n\t\t\t\t\t\n\t\t
\n);\n\nexport default StepButton;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { Col, Form } from 'antd';\n\nimport 'src/pages/userComponents/userStyle.scss';\nimport 'antd/dist/antd.css';\n\n// import '../userStyle.scss';\nimport { images } from 'src/assets/img/index.js';\nimport EdenredButton from './../../../button/index';\nimport StepButton from '@pages/userComponents/Step-Button/StepButton';\nimport DotLoader from 'react-spinners/DotLoader';\nimport { useHistory } from 'react-router-dom';\nimport Iframe from 'react-iframe';\n\nconst EdenredPayroll = ({ url, loading, isCompAgreementLoading, compAgmnt, getEmpFileURL, docusignCreateLoading }) => {\n\tconst history = useHistory();\n\t// console.log('COM DATA ::', compAgmnt);\n\tconsole.log('LOADING ::', docusignCreateLoading);\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\t{buttonText}\n\t\t\t\t \n\t\t\t\n\t\t\t{buttonMode === 'triple' ? (\n\t\t\t\t
\n\t\n\t\t\t\t\t
\n\t\t\t) : null}\n\t\t\n\t\t\t\t\t\t{!linkUrl ? \n\t\t\t\t\t\t\t: \n\t\t\t\t\t\t\t\tSave & Sign Later\n\t\t\t\t\t\t\t}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t {\n\t\t\t\t\tgetEmpFileURL();\n\t\t\t\t\t// window.location.href = compAgmnt.docuSignEmbeddedSigningReturnUrl;\n\t\t\t\t\t// console.log('COMAGMNT ::', compAgmnt.docuSignEmbeddedSigningReturnUrl);\n\t\t\t\t\t// history.push('/user/signature/4')\n\t\t\t\t}}\n\t\t\t\tbuttonText={'Sign Now'}\n\t\t\t\tlinkUrl={url}\n\t\t\t\tsecondaryHandleNext={() => {\n\t\t\t\t\thistory.push('/user/signature/3');\n\t\t\t\t}}\n\t\t\t/>\n\n\t\t
\n\t);\n};\nexport default EdenredPayroll;\n","const GET_COMPANY_AGREEMENT_START = 'GET_COMPANY_AGREEMENT_START';\nconst GET_COMPANY_AGREEMENT_SUCCESS = 'GET_COMPANY_AGREEMENT_SUCCESS';\nconst GET_COMPANY_AGREEMENT_ERROR = 'GET_COMPANY_AGREEMENT_ERROR';\n\nconst getCompanyAgreementStart = () => {\n\treturn {\n\t\ttype: GET_COMPANY_AGREEMENT_START\n\t};\n};\nconst getCompanyAgreementSuccess = (res) => {\n\treturn {\n\t\ttype: GET_COMPANY_AGREEMENT_SUCCESS,\n\t\tres\n\t};\n};\nconst getCompanyAgreementError = () => {\n\treturn {\n\t\ttype: GET_COMPANY_AGREEMENT_ERROR,\n\t};\n};\n\nexport default {\n\ttypes: {\n\t\tGET_COMPANY_AGREEMENT_START,\n\t\tGET_COMPANY_AGREEMENT_SUCCESS,\n\t\tGET_COMPANY_AGREEMENT_ERROR,\n\t},\n\tcreators: {\n\t\tgetCompanyAgreementStart,\n\t\tgetCompanyAgreementSuccess,\n\t\tgetCompanyAgreementError,\n\t},\n};\n","import Actions from './action';\n\nexport const welcomeInitState = {\n\tisOppurtunityLoading: false,\n\tisCompAgreementLoading: false,\n\toppurtunityData: [],\n\tcurrentStatus: 2,\n\tstepLabels: [\n\t\t{ title: 'Company Info', count: 1, pageIndex: 0, route: `/user/companyinfo/${localStorage.getItem('companyId')}`, disable: false },\n\t\t{ title: 'Contact Info', count: 2, pageIndex: 1, route: '/user/contactinfo/1', disable: false },\n\t\t{ title: 'Signature', count: 3, pageIndex: 3, route: '/user/signature/1', disable: false },\n\t\t{ title: 'Order Cards', count: 4, pageIndex: 5, route: '/user/Order-cards', disable: false },\n\n\t],\n\tcompAgmnt: []\n};\n\nconst oppurtunityReducer = (state = welcomeInitState, action) => {\n\tswitch (action.type) {\n\t\tcase Actions.types.GET_OPPURTUNITY_DATA_START: {\n\t\t\tconsole.log(\"helo\")\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisOppurtunityLoading: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_OPPURTUNITY_DATA_SUCCESS: {\n\t\t\tconsole.log(\"SUCCESS\", action.res.data)\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisOppurtunityLoading: false,\n\t\t\t\toppurtunityData: action.res.data,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_OPPURTUNITY_DATA_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisOppurtunityLoading: false,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_COMPANY_AGREEMENT_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisCompAgreementLoading: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_COMPANY_AGREEMENT_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisCompAgreementLoading: false,\n\t\t\t\tcompAgmnt: action.res\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_COMPANY_AGREEMENT_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisCompAgreementLoading: false,\n\t\t\t};\n\t\t}\n\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n\nexport default oppurtunityReducer;\n","// once we work on the functionality, the selectors will be created here\n// sample code\n\nimport { createSelector } from 'reselect';\nimport { welcomeInitState } from './reducer';\n\nconst agreementPage = (state) => state.agreement || welcomeInitState;\n\nconst isCompAgreementLoading = createSelector(agreementPage, (cnter) => cnter.isCompAgreementLoading);\nconst compAgmnt = createSelector(agreementPage, (cnter) => cnter.compAgmnt);\n\nexport default {\n\tisCompAgreementLoading,\n\tcompAgmnt,\n};\n","import React, { useEffect, useState } from 'react';\nimport AggrementPresentational from './aggrementPresentational';\nimport Selectors from '../selectors';\nimport { connect } from 'react-redux';\nimport Actions from '../action';\nimport { API_DOMAIN, notificationStrings } from '@constants/app-constants';\nimport axios from 'axios';\nimport { openNotificationWithIcon } from '@sharedComponent/notification-message/notification';\n\nconst AggrementFunctional = ({\n\tbuttonMode,\n\tbuttonName,\n\tgetCompanyAgreementStart,\n\tisCompAgreementLoading,\n\t// compAgmnt\n}) => {\n\tuseEffect(() => {\n\t\tbuttonMode?.('triple');\n\t\tbuttonName?.('Sign Now');\n\t}, []);\n\n\tconst [file, setFile] = useState({\n\t\tloading: true,\n\t\turl: null,\n\t});\n\tconst [docusignCreateLoading, setDocusignCreateLoading] = useState(null);\n\n\tconst getEmpFileURL = () => {\n\t\t// const access_token = JSON.parse(localStorage.getItem(APP_VARIABLES.ACCESS_TOKEN)).access_token;\n\t\tsetDocusignCreateLoading(true);\n\t\tlet companyId = localStorage.getItem('companyId');\n\t\tlet createRes = axios.post(`${API_DOMAIN}/DocumentSign/${companyId}/Envelope/Create/`);\n\t\tcreateRes.then((res) => {\n\t\t\tif (res.data.company.docuSignEmbeddedSigningReturnUrl) {\n\t\t\t\twindow.location.href = res.data.company.docuSignEmbeddedSigningReturnUrl;\n\t\t\t}\n\t\t\tsetDocusignCreateLoading(false);\n\t\t}).catch((err) => {\n\t\t\topenNotificationWithIcon(notificationStrings.error, err.message ? err.message : 'Something went wrong');\n\t\t\tsetDocusignCreateLoading(false);\n\t\t});\n\t};\n\n\tconst getEmpPDFURL = () => {\n\t\tlet companyId = localStorage.getItem('companyId');\n\t\treturn fetch(`${API_DOMAIN}/DocumentSign/${companyId}/Agreement/Download`, {\n\t\t\tmethod: 'POST'\n\t\t}).then((res) => {\n\t\t\treturn res.blob();\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tsetFile({\n\t\t\t...file,\n\t\t\tloading: true,\n\t\t});\n\t\tgetEmpPDFURL().then((res) => {\n\t\t\tvar objectURL = URL.createObjectURL(res);\n\t\t\tsetFile({\n\t\t\t\t...file,\n\t\t\t\tloading: false,\n\t\t\t\turl: objectURL,\n\t\t\t});\n\t\t}).catch((err) => {\n\t\t\tsetFile({\n\t\t\t\t...file,\n\t\t\t\tloading: false,\n\t\t\t});\n\t\t});\n\t}, []);\n\n\tconst { url, loading } = file;\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred Payroll Agreement\n\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tloading ? (\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t) : url ?\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{/* src={icons.not_focus.Edit} */}\n\t\t\t\t{edit && \n\t\t\t\t\t\t\tShow\n\t\t\t\t\t\t \n\t\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tHide\n\t\t\t\t\t\t \n\t\t\t\t\t)\n\t\t\t\t) : null}\n\t\t\t\t{labels && }\n\t\t\t
\n\t\t);\n\t};\n\n\treturn !countryCode ? (\n\t\tFloatingInput()\n\t) : (\n\t\t {icon}
: null}\n\t\t\t\t{link ? (\n\t\t\t\t\thide ? (\n\t\t\t\t\t\t\n\t\t\t{countryCode.code} \n\t\t\t{FloatingInput()}\n\t\t
\n\t);\n};\n\nexport default Input;\n","import React, { useMemo, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { Col, Form } from 'antd';\nimport Input from 'src/pages/userComponents/text-field/index';\nimport TextComponent from '@sharedComponent/typography/TextComponent';\n\nimport StepButton from '@pages/userComponents/Step-Button/StepButton';\n\nimport 'src/pages/userComponents/userStyle.scss';\nimport 'antd/dist/antd.css';\n\nconst AuthorizedSignatoryPresentational = ({ navigateDisabled, sendEmailStart, isAuthorisedLoading }) => {\n\tconst history = useHistory();\n\tconst [email, setEmail] = useState('');\n\tconst [allow, setAllow] = useState(false);\n\tconst [emailerr, setEmailerr] = useState(false);\n\tconst [nextBtnDisable, setNextBtnDisable] = useState(true);\n\tlet regEmail =\n\t\t/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n\n\tconst onFinish = () => {\n\t\t// && hrName && hrMobile && hrEmail\n\n\t\tif (email && allow) {\n\t\t\tnavigateDisabled?.(false);\n\t\t} else {\n\t\t\tnavigateDisabled?.(true);\n\t\t}\n\t};\n\n\tconst validateMessages = (changeValue, allValue) => {\n\t\tif (allValue.email && !regEmail.test(allValue.email)) {\n\t\t\tsetAllow(false);\n\t\t} else {\n\t\t\tsetAllow(true);\n\t\t}\n\t};\n\n\tconst validateForm = (e) => {\n\t\tif (e.target.name == 'email') {\n\t\t\tif (!regEmail.test(email)) {\n\t\t\t\tsetEmailerr('Email is not valid');\n\t\t\t\tsetNextBtnDisable(true);\n\t\t\t} else {\n\t\t\t\tsetNextBtnDisable(false);\n\t\t\t\tsetEmailerr(false);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst isValidEmail = useMemo(() => regEmail.test(email), [email]);\n\n\tconsole.log('isValidEmail', isValidEmail);\n\treturn (\n\t\t\n\t\t\t {\n\t\t\t\t\t\tsendEmailStart(email, history);\n\t\t\t\t\t\t// history.push('/user/signature/4');\n\t\t\t\t\t}}\n\t\t\t\t\tbuttonText={'Next'}\n\t\t\t\t/>\n\t\t\t\n\t\t
\n\t);\n};\nexport default AuthorizedSignatoryPresentational;\n","import AtmLocationsPresentational from '@pages/atm-locations/components/AtmLocationsPresentational';\nimport React, { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\nimport Actions from '../action';\nimport selectors from '../selectors';\nimport AuthorizedSignatoryPresentational from './authorised-signatory-Presentational';\n\nconst AuthorizedSignatoryFunctional = ({ buttonMode, buttonName, navigateDisabled, sendEmailStart, isAuthorisedLoading }) => {\n\tuseEffect(() => {\n\t\tbuttonMode?.('single');\n\t\tbuttonName?.('Send Agreement for Signature');\n\t}, []);\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tAuthorised Signatory Contact\n\t\t\t\t\t \n\n\t\t\t\t\tThe agreement will be shared for your signatory to sign digitally. \n\t\t\t\t\tYou will also receive a copy of this agreement for reference. \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tName on Main Trade License * \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonChange={(e) => setnameOfLicense(blockSpecialChar(e.target.value))}\n\t\t\t\t\t\t\t\tonKeyDown={(e) => inputHandler(e)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tVAT TRN Number * \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonBlur={validateForm}\n\t\t\t\t\t\t\t\tmaxLength=\"100\"\n\t\t\t\t\t\t\t\tonChange={(e) => setvatNumber(e.target.value.replace(/[^0-9]/g, ''))}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tNumber of Payroll Cards * \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmaxLength=\"100\"\n\t\t\t\t\t\t\t\tonChange={(e) => setpayrollCardNumber(parseInt(e.target.value.replace(/[^0-9]/g, '')))}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t setempWithBankAcnt(e.target.value.replace(/[^0-9]/g, ''))}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tOffice Address * \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tname=\"ofcAddress\"\n\t\t\t\t\t\t\t\tonBlur={validateForm}\n\t\t\t\t\t\t\t\tmaxLength=\"100\"\n\t\t\t\t\t\t\t\tonChange={(e) => setofficeAddress(e.target.value)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tP.O. Box * \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tname=\"poBox\"\n\t\t\t\t\t\t\t\tvalue={poAddress}\n\t\t\t\t\t\t\t\tonBlur={validateForm}\n\t\t\t\t\t\t\t\tonChange={(e) => setpoAddress(e.target.value.replace(/[^0-9]/g, ''))}\n\t\t\t\t\t\t\t\tmaxLength=\"8\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n\t\t
\n\t);\n};\nexport default CompanyInfoPresentational;\n","import Actions from './action';\n\nexport const initState = {\n\tisCompanyLoading: false,\n\tcompanyInfoData: [],\n\tsavingCompanyInfoData: false,\n\tsavingStatus: false,\n};\n\nconst companyInfoReducer = (state = initState, action) => {\n\tswitch (action.type) {\n\t\tcase Actions.types.PUT_COMPANY_INFO_LOADING: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisCompanyLoading: action.payload.loading,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.SAVE_COMPANY_INFO_DATA_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tsavingCompanyInfoData: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.SAVE_COMPANY_INFO_DATA_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tsavingCompanyInfoData: false,\n\t\t\t\tsavingStatus: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.SAVE_COMPANY_INFO_DATA_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tsavingCompanyInfoData: false,\n\t\t\t\tsavingStatus: false,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.SAVE_COMPANY_INFO_DATA_RESET: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tsavingCompanyInfoData: false,\n\t\t\t\tsavingStatus: false,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_COMPANY_INFO_DATA_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisCompanyLoading: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_COMPANY_INFO_DATA_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisCompanyLoading: false,\n\t\t\t\tcompanyInfoData: action.res.data,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_COMPANY_INFO_DATA_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisCompanyLoading: false,\n\t\t\t};\n\t\t}\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n\nexport default companyInfoReducer;\n","// once we work on the functionality, the selectors will be created here\n// sample code\n\nimport { createSelector } from 'reselect';\nimport { initState } from './reducer';\nimport { welcomeInitState } from '../salesforce-landing/reducer';\n\nconst companyInfoReducer = (state) => state.companyinfo || initState;\nconst WelcomePage = (state) => state.WelcomePage || welcomeInitState;\n\nconst companyInfoData = createSelector(companyInfoReducer, (cnter) => cnter.companyInfoData.company);\nconst isCompanyLoading = createSelector(companyInfoReducer, (cnter) => cnter.isCompanyLoading);\nconst savingCompanyInfoData = createSelector(companyInfoReducer, (cnter) => cnter.savingCompanyInfoData);\nconst savingStatus = createSelector(companyInfoReducer, (cnter) => cnter.savingStatus);\nconst oppurtunityData = createSelector(WelcomePage, (cnter) => cnter.oppurtunityData);\n\nexport default {\n\tcompanyInfoData,\n\tcompanyInfoReducer,\n\tisCompanyLoading,\n\tsavingCompanyInfoData,\n\tsavingStatus,\n\toppurtunityData,\n};\n","import React, { useEffect, useState } from 'react';\n\nimport Actions from '../action';\nimport CompanyInfoPresentational from '../Components/companyinfopresentational';\nimport Selectors from '../selectors';\nimport { connect } from 'react-redux';\nimport { useParams } from 'react-router-dom';\n\nconst CompanyInfoFunctional = ({\n\tallowNavigate,\n\tnavigateDisabled,\n\tbuttonMode,\n\tbuttonName,\n\tgetCompanyList,\n\tgetCompanyInfoStart,\n\tcompanyInfoData,\n\tisCompanyLoading,\n\tsetCompanyInfoStart,\n\tsavingCompanyInfoData,\n\tsavingStatus,\n\tsetCompanyInfoReset,\n\toppurtunityData,\n}) => {\n\tconst { companyId } = useParams();\n\tuseEffect(() => {\n\t\tallowNavigate?.(0);\n\t\tbuttonMode?.('single');\n\t\tbuttonName?.('Next');\n\t\t// if (\n\t\t// \toppurtunityData &&\n\t\t// \toppurtunityData.opportunity &&\n\t\t// \toppurtunityData.opportunity.companyViewModel &&\n\t\t// \toppurtunityData.opportunity.companyViewModel.companyId\n\t\t// ) {\n\t\tgetCompanyInfoStart(companyId);\n\t\t// }\n\t}, []);\n\t// console.log('companyInfoData ::', companyInfoData);\n\tconsole.log('oppurtunityData ::', oppurtunityData.opportunity);\n\treturn (\n\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\tThis refers to your employees who already have existing bank accounts and do not require payroll cards.
\n\t\t\t\t\t\t\t\tThis can be different from your card delivery address.
\n\t\t\t\t\t\t\t\r\n\t\t\t\t{getCheckListCount()} \r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{timeLineData.length - 1 === index ? null : (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t{/* {res.status == 'warning' ? {res.titleMessage} : {res.titleMessage}} */}\r\n\t\t\t\t\t\t\t\t\t{res.status == 'warning' ? (\r\n\t\t\t\t\t\t\t\t\t\t{res.titleMessage} \r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{res.titleMessage}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{res.description} \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\tCongratulations! \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t getEmployeeTempletStart()}\r\n\t\t\t\t\t\tloading={employeeFileLoading}\r\n\t\t\t\t\t\ttype={employeeFileLoading ? 'outline_grey' : 'primary'}\r\n\t\t\t\t\t\tformType=\"submit\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tDownload Employee File\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default CongratulationPage;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Selectors from '../selectors';\r\nimport CongratulationPresentational from './congratulationPresentational';\r\nimport Actions from '../action';\r\nimport { API_DOMAIN } from '@constants/app-constants';\r\nimport axios from 'axios';\r\n\r\nconst CongratulationFunctional = ({ getCompanyInfoCongratulatStart, companyInfoCangratulationData }) => {\r\n\tuseEffect(() => {\r\n\t\tgetCompanyInfoCongratulatStart();\r\n\t}, []);\r\n\r\n\tconst [employeeFileLoading, setEmployeeFile] = useState(false);\r\n\r\n\tasync function getEmployeeTempletStart(method, responseType) {\r\n\t\treturn axios.request({ url: `${API_DOMAIN}/FileTemplate/Employee/Download`, method, responseType });\r\n\t}\r\n\tconst getEmployeeTempletURL = () => {\r\n\t\tsetEmployeeFile(true);\r\n\t\tgetEmployeeTempletStart('GET', 'blob').then(({ data }) => {\r\n\t\t\tconst downloadUrl = window.URL.createObjectURL(new Blob([data], { type: data.type }));\r\n\t\t\tconst link = document.createElement('a');\r\n\t\t\tlink.href = downloadUrl;\r\n\t\t\tlink.setAttribute('download', 'employee.xls'); //any other extension\r\n\t\t\tdocument.body.appendChild(link);\r\n\t\t\tlink.click();\r\n\t\t\tlink.remove();\r\n\t\t\tsetEmployeeFile(false);\r\n\t\t});\r\n\t}\r\n\treturn (\r\n\t\t<>\r\n\t\t\tYou are now joining over 6,000 companies in the UAE who trust Edenred to manage their payroll.
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\tTo issue cards, submit your employee file to {companyInfoCangratulationData.ownerEmail}
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\tYou will receive credentials to access the Edenred Payroll Portal within 24 hours along with detailed instructions.
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default SalesForceCheckBox;\r\n","import 'src/pages/userComponents/userStyle.scss';\nimport 'antd/dist/antd.css';\n\nimport { CloseCircleOutlined, CloseOutlined } from '@ant-design/icons';\nimport { Col, Form } from 'antd';\nimport React, { useEffect, useState } from 'react';\n\nimport Input from 'src/pages/userComponents/text-field/index';\nimport SalesForceCheckbox from 'src/pages/userComponents/menus/Delivery-card page/salesForceCheckbox';\nimport TextComponent from '@sharedComponent/typography/TextComponent';\nimport { images } from 'src/assets/img/index.js';\nlet regEmail =\n\t/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n// import '../userStyle.scss';\n\nconst AdditionalContacts = ({ index, hrNameProp, hrMobileProp, hrLandlineProp, hrEmailProp, removeContact, handleValueChange }) => {\n\tconst [hrName, setHrName] = useState(hrNameProp);\n\tconst [hrMobile, setHrMobile] = useState(hrMobileProp);\n\tconst [hrLandline, setHrLandline] = useState(hrLandlineProp);\n\tconst [hrEmail, setHrEmail] = useState(hrEmailProp);\n\tconst [allow, setAllow] = useState(false);\n\n\tconst [errorMsgList, setErrorMsgList] = useState({\n\t\tsubHrNameerr: '',\n\t\tsubHrMobileerr: '',\n\t\tsubHrLandlineer: '',\n\t\tsubHrEmailerr: '',\n\t});\n\n\tuseEffect(() => {\n\t\tsetHrName(hrNameProp);\n\t\tsetHrMobile(hrMobileProp);\n\t\tsetHrLandline(hrLandlineProp);\n\t\tsetHrEmail(hrEmailProp);\n\t}, [hrNameProp, hrMobileProp, hrLandlineProp, hrEmailProp]);\n\n\tconst onFinish = () => {\n\t\tif (hrName && hrMobile && hrEmail && allow) {\n\t\t\t// props && props.navigateDisabled(false);\n\t\t} else {\n\t\t\t// props && props.navigateDisabled(true);\n\t\t}\n\t};\n\n\tconst validateMessages = (changeValue, allValue) => {\n\t\tif (allValue.subHrNumber && allValue.subHrNumber.replace(/[^0-9]/g, '')?.length !== 8) {\n\t\t\tsetAllow(false);\n\t\t} else if (allValue.subHrLandline && allValue.subHrLandline.replace(/[^0-9]/g, '')?.length !== 8) {\n\t\t\tsetAllow(false);\n\t\t} else if (allValue.subHrEmail && !regEmail.test(allValue.subHrEmail)) {\n\t\t\tsetAllow(false);\n\t\t} else {\n\t\t\tsetAllow(true);\n\t\t}\n\t};\n\n\tconst validateForm = (e) => {\n\t\tif (e.target.name == 'subhrNumber') {\n\t\t\tif (hrMobile?.length > 8) {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrMobileerr: 'Mobile Number must be within 8 digits' };\n\t\t\t\t});\n\t\t\t} else if (hrMobile?.length < 8) {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrMobileerr: 'Mobile Number must be not less than 8 digits' };\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrMobileerr: '' };\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (e.target.name == 'subHrLandline') {\n\t\t\tif (hrLandline?.length > 8 && hrLandline?.length !== 0) {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrLandlineer: 'Landline Number must be within 8 digits' };\n\t\t\t\t});\n\t\t\t} else if (hrLandline?.length < 8 && hrLandline?.length !== 0) {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrLandlineer: 'Landline Number must be not less than 8 digits' };\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrLandlineer: '' };\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (e.target.name == 'subHrEmail') {\n\t\t\tif (!regEmail.test(hrEmail)) {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrEmailerr: 'Email is not Valid' };\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrEmailerr: '' };\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t\r\n\t\t\t\t\t{selected ? (\r\n\t\t\t\t\t\t![]()
checking(false)} className=\"selected_radio_button_style\" src={CheckBox}>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t checking(true)} />\r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t{text}
\r\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\t{' '}\n\t\t\t\t\tAdditional Contact \n\t\t\t\t\t
\n\t\t\t\t removeContact(index)} style={{ cursor: 'pointer' }}>\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\tX{/*
\n\t\t\t\tAdditional contact in your company in case we cannot reach your main contact.
\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\n\t);\n};\nexport default AdditionalContacts;\n","import 'src/pages/userComponents/userStyle.scss';\r\nimport 'antd/dist/antd.css';\r\nimport './style.scss';\r\n\r\nimport { Col, Form } from 'antd';\r\nimport React, { useEffect, useMemo, useState } from 'react';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\n\r\nimport AdditionalContacts from './AdditionalContacts';\r\nimport AdditionalContactsComp from './AdditionalContacts';\r\nimport ChildComponent from './AdditionalContacts';\r\nimport Input from '../../../text-field/index';\r\nimport ParentComponent from './AdditionalContacts';\r\nimport SalesForceCheckBox from '../../Delivery-card page/salesForceCheckbox';\r\nimport StepButton from '@pages/userComponents/Step-Button/StepButton';\r\nimport TextComponent from '@sharedComponent/typography/TextComponent';\r\nimport { copy } from '@amcharts/amcharts4/.internal/core/utils/Array';\r\nimport { images } from 'src/assets/img/index.js';\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\n// import SalesForceCheckBox from '../Delivery-card page/salesForceCheckbox';\r\n\r\n// import '../userStyle.scss';\r\n\r\nconst ContactInfoPresentational = ({ navigateDisabled, contacts, payrollObjProp, hrObjProp, additionalContacts, handleSubmit, savingData }) => {\r\n\t// console.log('payrollObjProp, hrObjProp', payrollObjProp, hrObjProp);\r\n\tconst history = useHistory();\r\n\tconst [payrollObj, setPayrollObj] = useState({\r\n\t\tpayrollName: '',\r\n\t\tpayrollMobile: '',\r\n\t\tpayrollLandline: '',\r\n\t\tpayrollEmail: '',\r\n\t});\r\n\tconst [hrObj, setHrObj] = useState({\r\n\t\thrName: '',\r\n\t\thrMobile: '',\r\n\t\thrLandline: '',\r\n\t\thrEmail: '',\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tsetPayrollObj(payrollObjProp);\r\n\t}, [payrollObjProp]);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetHrObj(hrObjProp);\r\n\t}, [hrObjProp]);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetAdditionalDocuments(additionalContacts);\r\n\t}, [additionalContacts]);\r\n\r\n\t// const [payrollName, setPayrollName] = useState('');\r\n\t// const [payrollMobile, setPayrollMobile] = useState('');\r\n\t// const [payrollLandline, setPayrollLandline] = useState('');\r\n\t// const [payrollEmail, setPayrollEmail] = useState('');\r\n\t// const [hrName, setHrName] = useState('');\r\n\t// const [hrMobile, setHrMobile] = useState('');\r\n\t// const [hrLandline, setHrLandline] = useState('');\r\n\t// const [hrEmail, setHrEmail] = useState('');\r\n\tconst [count, setCount] = useState(0);\r\n\tconst [autoFilled, setAutoFilled] = useState(false);\r\n\tconst [allow, setAllow] = useState(false);\r\n\tconst [isDisabled, setIsDisabled] = useState(false);\r\n\tconst [additionalDocuments, setAdditionalDocuments] = useState(additionalContacts);\r\n\r\n\tconst handlePayroll = (key, value) => {\r\n\t\tsetPayrollObj({\r\n\t\t\t...payrollObj,\r\n\t\t\t[key]: value,\r\n\t\t});\r\n\t};\r\n\r\n\tconst handleHr = (key, value) => {\r\n\t\tsetHrObj({\r\n\t\t\t...hrObj,\r\n\t\t\t[key]: value,\r\n\t\t});\r\n\t};\r\n\r\n\tconst [errorMsgList, setErrorMsgList] = useState({\r\n\t\tpayrolleNameerr: '',\r\n\t\tpayrollMobilerr: '',\r\n\t\tpayrollLandlineerr: '',\r\n\t\tpayRollEmailerr: '',\r\n\t\thrNameerr: '',\r\n\t\thrMobileerr: '',\r\n\t\thrLandlineer: '',\r\n\t\thrEmailerr: '',\r\n\t});\r\n\r\n\tlet regEmail =\r\n\t\t/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n\r\n\tconst onFinish = () => {\r\n\t\t// && hrName && hrMobile && hrEmail\r\n\t\t// console.log('onfinish', allow);\r\n\t\t// handleSubmit(payrollObj, hrObj, additionalDocuments);\r\n\t\t// if (payrollName && payrollMobile && payrollEmail && hrName && hrMobile && hrEmail && allow) {\r\n\t\t// \tnavigateDisabled?.(false);\r\n\t\t// } else {\r\n\t\t// \tnavigateDisabled?.(true);\r\n\t\t// }\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tlet preNum = payrollObj.x?.length > 5 && payrollObj.payrollLandline.substring(0, 5);\r\n\t\tif (payrollLandline?.length && (payrollObj.payrollLandline?.length !== 13 || (preNum.length > 0 && preNum !== '00971'))) {\r\n\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\treturn { ...prevState, payrollLandlineerr: 'Landline number must be 13 digits and should start with 00971.' };\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\treturn { ...prevState, payrollLandlineerr: '' };\r\n\t\t\t});\r\n\t\t}\r\n\t}, [payrollObj]);\r\n\r\n\tconst { payrollName, payrollMobile, payrollLandline, payrollEmail } = payrollObj;\r\n\r\n\tconst { hrEmail, hrName, hrMobile, hrLandline } = hrObj;\r\n\r\n\tconst validateMessages = (changeValue, allValue) => {\r\n\t\tif (allValue.mobileNumber && allValue.mobileNumber.replace(/[^0-9]/g, '')?.length !== 8) {\r\n\t\t\tsetAllow(false);\r\n\t\t} else if (allValue.Landline && allValue.Landline.replace(/[^0-9]/g, '')?.length !== 8) {\r\n\t\t\tsetAllow(false);\r\n\t\t} else if (allValue.hrMobileNumber && allValue.hrMobileNumber.replace(/[^0-9]/g, '')?.length !== 8) {\r\n\t\t\tsetAllow(false);\r\n\t\t} else if (allValue.hrLandline && allValue.hrLandline.replace(/[^0-9]/g, '')?.length !== 8) {\r\n\t\t\tsetAllow(false);\r\n\t\t} else if (allValue.Email && !regEmail.test(allValue.Email)) {\r\n\t\t\tsetAllow(false);\r\n\t\t} else if (allValue.hrEmail && !regEmail.test(allValue.hrEmail)) {\r\n\t\t\tconsole.log('inisde hremail1');\r\n\t\t\tsetAllow(false);\r\n\t\t} else {\r\n\t\t\tconsole.log('inisde hremail2');\r\n\t\t\tsetAllow(true);\r\n\t\t}\r\n\t};\r\n\r\n\tconst copyMainPayRollDetails = (value) => {\r\n\t\tif (value === true) {\r\n\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\treturn {\r\n\t\t\t\t\t...prevState,\r\n\t\t\t\t\thrNameerr: errorMsgList.payrolleNameerr,\r\n\t\t\t\t\thrMobileerr: errorMsgList.payrollMobilerr,\r\n\t\t\t\t\thrLandlineer: errorMsgList.payrollLandlineerr,\r\n\t\t\t\t\thrEmailerr: errorMsgList.payRollEmailerr,\r\n\t\t\t\t};\r\n\t\t\t});\r\n\t\t\t// setHrName(payrollName);\r\n\t\t\t// setHrMobile(payrollMobile);\r\n\t\t\t// setHrLandline(payrollLandline);\r\n\t\t\t// setHrEmail(payrollEmail);\r\n\t\t\tsetHrObj({\r\n\t\t\t\thrName: payrollName,\r\n\t\t\t\thrMobile: payrollMobile,\r\n\t\t\t\thrLandline: payrollLandline,\r\n\t\t\t\thrEmail: payrollEmail,\r\n\t\t\t});\r\n\t\t\tsetAutoFilled(true);\r\n\t\t\tsetAllow(payrollName && payrollMobile && payrollEmail ? true : false);\r\n\t\t} else {\r\n\t\t\tsetHrObj({\r\n\t\t\t\thrName: '',\r\n\t\t\t\thrMobile: '',\r\n\t\t\t\thrLandline: '',\r\n\t\t\t\thrEmail: '',\r\n\t\t\t});\r\n\t\t\tsetAutoFilled(false);\r\n\t\t\tsetAllow(false);\r\n\t\t}\r\n\t\tonFinish();\r\n\t};\r\n\r\n\tconst validateForm = (e) => {\r\n\t\tif (e.target.name == 'mobileNumber') {\r\n\t\t\tif (payrollMobile?.length > 8 && payrollMobile?.length !== 0) {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, payrollMobilerr: 'Mobile Number must be within 8 digits' };\r\n\t\t\t\t});\r\n\t\t\t} else if (payrollMobile?.length < 8 && payrollMobile?.length !== 0) {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, payrollMobilerr: 'Mobile Number must be not less than 8 digits' };\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, payrollMobilerr: '' };\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (e.target.name == 'Landline') {\r\n\t\t\tlet preNum = payrollLandline?.length > 5 && payrollLandline.substring(0, 5);\r\n\t\t\tlet preNumVal = e.target.value?.length > 5 && e.target.value.substring(0, 5);\r\n\t\t\tif (payrollLandline?.length && (payrollLandline?.length !== 13 || (preNum.length > 0 && preNum !== '00971'))) {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, payrollLandlineerr: 'Landline number must be 13 digits and should start with 00971.' };\r\n\t\t\t\t});\r\n\t\t\t} else if (e.target.value?.length && (e.target.value?.length !== 13 || (preNumVal.length > 0 && preNumVal !== '00971'))) {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, payrollLandlineerr: 'Landline number must be 13 digits and should start with 00971.' };\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\t// else if (payrollLandline?.length < 13 && payrollLandline?.length !== 0) {\r\n\t\t\t// \tsetErrorMsgList((prevState) => {\r\n\t\t\t// \t\treturn { ...prevState, payrollLandlineerr: 'Landline Number must be not less than 8 digits' };\r\n\t\t\t// \t});\r\n\t\t\t// }\r\n\t\t\telse {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, payrollLandlineerr: '' };\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (e.target.name == 'payrollEmail') {\r\n\t\t\tconsole.log('testingggg', payrollEmail?.length !== undefined);\r\n\t\t\tif (!regEmail.test(payrollEmail) && payrollEmail?.length !== undefined) {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, payRollEmailerr: 'Email not Valid' };\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, payRollEmailerr: '' };\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (e.target.name == 'hrEmail') {\r\n\t\t\tif (!regEmail.test(hrEmail) && hrEmail?.length !== undefined) {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, hrEmailerr: 'Email is not Valid' };\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, hrEmailerr: '' };\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (e.target.name == 'hrMobileNumber') {\r\n\t\t\tif (hrMobile?.length > 8) {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, hrMobileerr: 'Mobile Number must be within 8 digits' };\r\n\t\t\t\t});\r\n\t\t\t} else if (hrMobile?.length < 8) {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, hrMobileerr: 'Mobile Number must be not less than 8 digits' };\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, hrMobileerr: '' };\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (e.target.name == 'hrLandline') {\r\n\t\t\tif (hrLandline?.length > 8 && hrLandline?.length !== 0) {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, hrLandlineer: 'Landline Number must be within 8 digits' };\r\n\t\t\t\t});\r\n\t\t\t} else if (hrLandline?.length < 8 && hrLandline?.length !== 0) {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, hrLandlineer: 'Landline Number must be not less than 8 digits' };\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMsgList((prevState) => {\r\n\t\t\t\t\treturn { ...prevState, hrLandlineer: '' };\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleAddDocuments = () => {\r\n\t\tconst index = uuidv4();\r\n\t\tsetAdditionalDocuments([\r\n\t\t\t...additionalDocuments,\r\n\t\t\t{ index, hrNameProp: ``, hrMobileProp: '', hrLandlineProp: '', hrEmailProp: '', contactType: 'Additional', contactId: null },\r\n\t\t]);\r\n\t};\r\n\r\n\tconst handleValueChange = (index, key, value) => {\r\n\t\tlet additionalDocumentsTemp = additionalDocuments.map((data) => {\r\n\t\t\tif (data.index === index) {\r\n\t\t\t\treturn {\r\n\t\t\t\t\t...data,\r\n\t\t\t\t\t[key]: value,\r\n\t\t\t\t};\r\n\t\t\t} else return data;\r\n\t\t});\r\n\t\tsetAdditionalDocuments([...additionalDocumentsTemp]);\r\n\t};\r\n\r\n\tconst removeAdditionalDocuments = (index) => {\r\n\t\tlet additionalDocumentsTemp = additionalDocuments.filter((data) => data.index !== index);\r\n\t\tsetAdditionalDocuments([...additionalDocumentsTemp]);\r\n\t};\r\n\r\n\tconst isPayrollContactsValid = !!(\r\n\t\tpayrollObj?.payrollName &&\r\n\t\tpayrollObj?.payrollMobile?.length === 8 &&\r\n\t\tpayrollObj.payrollEmail &&\r\n\t\tregEmail.test(payrollEmail)\r\n\t);\r\n\tconst isHrContactsValid = !!(hrObj?.hrName && hrObj?.hrMobile?.length === 8 && hrObj.hrEmail && regEmail.test(hrEmail));\r\n\r\n\tconst isAdditionalContactsValid = useMemo(\r\n\t\t() =>\r\n\t\t\tadditionalDocuments.filter(\r\n\t\t\t\t(data) =>\r\n\t\t\t\t\t/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(\r\n\t\t\t\t\t\tdata.hrEmailProp.toLowerCase()\r\n\t\t\t\t\t) &&\r\n\t\t\t\t\tdata?.hrMobileProp.length === 8 &&\r\n\t\t\t\t\tdata?.hrNameProp\r\n\t\t\t).length === additionalDocuments.length,\r\n\t\t[additionalDocuments]\r\n\t);\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t\tMain Payroll Contact \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\tWill receive login details for the Edenred Payroll Portal.
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{errorMsgList.payrolleNameerr} \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t+971 5 \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tMobile Number * \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '300px !important' }}\r\n\t\t\t\t\t\t\t\t\t\t\tvalue={payrollMobile}\r\n\t\t\t\t\t\t\t\t\t\t\t// onChange={(e) => setPayrollMobile(e.target.value.replace(/[^0-9]/g, ''))}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\thandlePayroll('payrollMobile', e.target.value.replace(/[^0-9]/g, ''));\r\n\t\t\t\t\t\t\t\t\t\t\t\tautoFilled && handleHr('hrMobile', e.target.value.replace(/[^0-9]/g, ''));\r\n\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{errorMsgList.payrollMobilerr} \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tLandline}\r\n\t\t\t\t\t\t\t\tvalue={payrollLandline}\r\n\t\t\t\t\t\t\t\t// onChange={(e) => setPayrollLandline(e.target.value.replace(/[^0-9]/g, ''))}\r\n\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\thandlePayroll('payrollLandline', e.target.value.replace(/[^0-9]/g, ''));\r\n\t\t\t\t\t\t\t\t\tautoFilled && handleHr('hrLandline', e.target.value.replace(/[^0-9]/g, ''));\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{errorMsgList.payrollLandlineerr} \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{errorMsgList.payRollEmailerr} \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMain HR Contact \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\tSecond point of contact in case we cannot reach your main contact.
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tName * \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tvalue={hrName}\r\n\t\t\t\t\t\t\t\tonChange={(e) => handleHr('hrName', e.target.value.replace(/[^A-Za-z ]/gi, ''))}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t{additionalDocuments.map(({ index, hrNameProp, hrMobileProp, hrLandlineProp, hrEmailProp }, i) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t+971 5 \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMobile Number * \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ width: '300px !important' }}\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={hrMobile}\r\n\t\t\t\t\t\t\t\t\t\t\t\t// onChange={(e) => setHrMobile(e.target.value.replace(/[^0-9]/g, ''))}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => handleHr('hrMobile', e.target.value.replace(/[^0-9]/g, ''))}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{errorMsgList.hrMobileerr} \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tLandline}\r\n\t\t\t\t\t\t\t\t\tvalue={hrLandline}\r\n\t\t\t\t\t\t\t\t\t// onChange={(e) => setHrLandline(e.target.value.replace(/[^0-9]/g, ''))}\r\n\t\t\t\t\t\t\t\t\tonChange={(e) => handleHr('hrLandline', e.target.value.replace(/[^0-9]/g, ''))}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{errorMsgList.hrLandlineer} \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tEmail ID * \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tvalue={hrEmail}\r\n\t\t\t\t\t\t\t\t\t// onChange={(e) => setHrEmail(e.target.value)}\r\n\t\t\t\t\t\t\t\t\tonChange={(e) => handleHr('hrEmail', e.target.value)}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{errorMsgList.hrEmailerr} \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\tCard Distribution and Training \r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default CdtPage;\r\n","import CheckBox from 'src/assets/img/SalesForce_Icon/CheckBox.svg';\r\nimport { Col, Dropdown, Form, Menu, message } from 'antd';\r\nimport TextComponent from '@sharedComponent/typography/TextComponent';\r\nimport { DownOutlined, EnvironmentOutlined, SearchOutlined } from '@ant-design/icons';\r\nimport React, { useState, useEffect } from 'react';\r\nconst SalesForceCheckBox = ({ isChecked, text, onCheck }) => {\r\n\tconst [selected, setSelected] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetSelected(isChecked);\r\n\t}, []);\r\n\r\n\tconsole.log('sd23', text, isChecked);\r\n\tconst checking = (value) => {\r\n\t\tconsole.log(value);\r\n\t\t// setSelected(value);\r\n\t\tonCheck(isChecked);\r\n\t};\r\n\tif (selected) {\r\n\t\tconsole.log('its on');\r\n\t}\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t\t{/* We will visit your employees' accommodation for free and train them on: */}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\tWe will visit your employees' accommodation for free and train them on:
\r\n\t\t\t\t\t\r\n\t\t\t\t\t{cardNumberinfo.map((res, index) => (\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t))}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{res.num} \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t 0 ? '7px' : 'none' }} className=\"delivery_card_step_text\">\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{res.msg}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\tPoint of contact and Accommodation \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default SalesForceCheckBox;\r\n","import 'src/pages/userComponents/userStyle.scss';\nimport 'antd/dist/antd.css';\n// import '.../userStyle.scss';\n\nimport { Col, Form } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport SalesForceCheckbox from './salesForceCheckbox';\nimport { CloseOutlined, CloseCircleOutlined } from '@ant-design/icons';\nimport TextComponent from '@sharedComponent/typography/TextComponent';\nimport Input from '../../../text-field/index';\nimport { images } from 'src/assets/img/index.js';\nlet regEmail =\n\t/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\nconst DeliveryAdditionalContacts = (props) => {\n\tconst [hrName, setHrName] = useState('');\n\tconst [hrMobile, setHrMobile] = useState('');\n\tconst [hrLandline, setHrLandline] = useState('');\n\tconst [hrEmail, setHrEmail] = useState('');\n\tconst [allow, setAllow] = useState(false);\n\tconst [errorMsgList, setErrorMsgList] = useState({\n\t\tsubHrNameerr: '',\n\t\tsubHrMobileerr: '',\n\t\tsubHrLandlineer: '',\n\t\tsubHrEmailerr: '',\n\t});\n\n\tconst onFinish = () => {\n\t\tif (hrName && hrMobile && hrEmail && allow) {\n\t\t\t// props?.navigateDisabled(false);\n\t\t} else {\n\t\t\t// props?.navigateDisabled(true);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tconsole.log('PRPS ::', props);\n\t\tsetHrName(props.hrName);\n\t\tsetHrMobile(props.hrMobile);\n\t\tsetHrLandline(props.hrLandline);\n\t\tsetHrEmail(props.hrEmail);\n\t}, [props.hrName, props.hrMobile, props.hrLandline, props.hrEmail]);\n\n\tconst validateMessages = (changeValue, allValue) => {\n\t\tif (allValue.subHrNumber && allValue.subHrNumber.replace(/[^0-9]/g, '').length !== 8) {\n\t\t\tsetAllow(false);\n\t\t} else if (allValue.subHrLandline && allValue.subHrLandline.replace(/[^0-9]/g, '').length !== 8) {\n\t\t\tsetAllow(false);\n\t\t} else if (allValue.subHrEmail && !regEmail.test(allValue.subHrEmail)) {\n\t\t\tsetAllow(false);\n\t\t} else {\n\t\t\tsetAllow(true);\n\t\t}\n\t};\n\n\tconst validateForm = (e) => {\n\t\tif (e.target.name == 'subhrNumber') {\n\t\t\tif (hrMobile.length > 8) {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrMobileerr: 'Mobile Number must be within 8 digits' };\n\t\t\t\t});\n\t\t\t} else if (hrMobile.length < 8) {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrMobileerr: 'Mobile Number must be not less than 8 digits' };\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrMobileerr: '' };\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (e.target.name == 'subHrLandline') {\n\t\t\tif (hrLandline.length > 8 && hrLandline.length !== 0) {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrLandlineer: 'Landline Number must be within 8 digits' };\n\t\t\t\t});\n\t\t\t} else if (hrLandline.length < 8 && hrLandline.length !== 0) {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrLandlineer: 'Landline Number must be not less than 8 digits' };\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrLandlineer: '' };\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (e.target.name == 'subHrEmail') {\n\t\t\tif (!regEmail.test(hrEmail)) {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrEmailerr: 'Email is not Valid' };\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetErrorMsgList((prevState) => {\n\t\t\t\t\treturn { ...prevState, subHrEmailerr: '' };\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t\r\n\t\t\t\t\t{isChecked ? (\r\n\t\t\t\t\t\t![]()
checking(false)} style={{ width: '25px', margin: '-5px' }} src={CheckBox}>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t checking(true)} />\r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t{text}
\r\n\t\t\t\t\n\t\t\t\t{props.length !== 1 && (\n\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\nexport default DeliveryAdditionalContacts;\n","import './map.scss';\r\n\r\nimport { GoogleMap, InfoWindow, Marker, withGoogleMap, withScriptjs } from 'react-google-maps';\r\nimport React, { Component } from 'react';\r\n\r\nimport Autocomplete from 'react-google-autocomplete';\r\nimport Geocode from 'react-geocode';\r\nimport { GoogleMapsAPI } from '../client-config';\r\nimport { images } from 'src/assets/img';\r\nimport searchIcon from 'src/assets/img/SalesForce_Icon/SearchIcon.svg';\r\n\r\nGeocode.setApiKey('AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA');\r\nGeocode.enableDebug();\r\n\r\nclass Map extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\taddress: '',\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.setState({ address: this.props.address });\r\n\t}\r\n\trender() {\r\n\t\tconst AsyncMap = withScriptjs(\r\n\t\t\twithGoogleMap((props) => (\r\n\t\t\t\t\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t props.removeContact(props.index)}\n\t\t\t\t\t\t\tstyle={{ cursor: 'pointer', paddingBottom: '15px', width: '100%', textAlign: 'right' }}>\n\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\tX\n\t\t\t\t\t\t
\n\t\t\t\t\t\r\n\t\t\t\t\t\t // \t\t{' '}\r\n\t\t\t\t\t\t // \t\t{this.state.address}\r\n\t\t\t\t\t\t // \t
\r\n\t\t\t\t\t\t // \r\n\t\t\t\t\t\t null}\r\n\r\n\t\t\t\t\t{/*Marker*/}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tLoading..
}\r\n\t\t\t\t\t\t\tcontainerElement={}\r\n\t\t\t\t\t\t\tmapElement={}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\tUse my current location \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tmap = ;\r\n\t\t}\r\n\t\treturn map;\r\n\t}\r\n}\r\nexport default Map;\r\n","export const GoogleMapsAPI = 'AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA';\r\n","import { GoogleMap, InfoWindow, Marker, withGoogleMap, withScriptjs } from 'react-google-maps';\r\nimport React, { PureComponent } from 'react';\r\n\r\nimport Geocode from 'react-geocode';\r\nimport Map from './Map';\r\n\r\nconst geocodeJson = 'https://maps.googleapis.com/maps/api/geocode/json';\r\n// AIzaSyBBPIfmZFVCI049D0OK2hFysHqgkxx772c\r\n// AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA //With restriction\r\n// Geocode.setApiKey('AIzaSyC2FbFd6rCGV3OMfs-nErJXjN2mc5EDWsU'); //With out restriction\r\nGeocode.setApiKey('AIzaSyCa3IAH1rlFQ8rKB9CdIciAZSUfMq3g0EY'); //With out restriction new\r\nGeocode.enableDebug();\r\nclass MapFunctional extends PureComponent {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\taddress: '',\r\n\t\t\tcity: '',\r\n\t\t\tarea: '',\r\n\t\t\tstate: '',\r\n\t\t\tlmg: '',\r\n\t\t\trmg: '',\r\n\t\t\tmapPosition: {\r\n\t\t\t\tlat: this.props.center.lat,\r\n\t\t\t\tlng: this.props.center.lng,\r\n\t\t\t},\r\n\t\t\tmarkerPosition: {\r\n\t\t\t\tlat: this.props.center.lat,\r\n\t\t\t\tlng: this.props.center.lng,\r\n\t\t\t},\r\n\t\t};\r\n\t\tthis.getMyLocation = this.getMyLocation.bind(this);\r\n\t}\r\n\tcomponentDidMount() {\r\n\t\tGeocode.fromLatLng(this.state.mapPosition.lat, this.state.mapPosition.lng).then(\r\n\t\t\t(response) => {\r\n\t\t\t\tconst address = response.results[0].formatted_address,\r\n\t\t\t\t\taddressArray = response.results[0].address_components,\r\n\t\t\t\t\tcity = this.getCity(addressArray),\r\n\t\t\t\t\tarea = this.getArea(addressArray),\r\n\t\t\t\t\tstate = this.getState(addressArray);\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\taddress: address ? address : '',\r\n\t\t\t\t\tarea: area ? area : '',\r\n\t\t\t\t\tcity: city ? city : '',\r\n\t\t\t\t\tstate: state ? state : '',\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\t(error) => {\r\n\t\t\t\tconsole.error(error);\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\tshouldComponentUpdate(nextProps, nextState) {\r\n\t\tif (\r\n\t\t\tthis.state.markerPosition.lat !== this.props.center.lat ||\r\n\t\t\tthis.state.address !== nextState.address ||\r\n\t\t\tthis.state.city !== nextState.city ||\r\n\t\t\tthis.state.area !== nextState.area ||\r\n\t\t\tthis.state.state !== nextState.state\r\n\t\t) {\r\n\t\t\treturn true;\r\n\t\t} else if (this.props.center.lat === nextProps.center.lat) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t}\r\n\r\n\tgetCity = (addressArray) => {\r\n\t\tlet city = '';\r\n\t\tfor (let i = 0; i < addressArray.length; i++) {\r\n\t\t\tif (addressArray[i].types[0] && 'administrative_area_level_2' === addressArray[i].types[0]) {\r\n\t\t\t\tcity = addressArray[i].long_name;\r\n\t\t\t\treturn city;\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tgetArea = (addressArray) => {\r\n\t\tlet area = '';\r\n\t\tfor (let i = 0; i < addressArray.length; i++) {\r\n\t\t\tif (addressArray[i].types[0]) {\r\n\t\t\t\tfor (let j = 0; j < addressArray[i].types.length; j++) {\r\n\t\t\t\t\tif ('sublocality_level_1' === addressArray[i].types[j] || 'locality' === addressArray[i].types[j]) {\r\n\t\t\t\t\t\tarea = addressArray[i].long_name;\r\n\t\t\t\t\t\tthis.setState({ area: area });\r\n\t\t\t\t\t\treturn area;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tgetLandmark = (addressArray) => {\r\n\t\tlet area = '';\r\n\t\tfor (let i = 0; i < addressArray.length; i++) {\r\n\t\t\tif (addressArray[i].types[0]) {\r\n\t\t\t\tfor (let j = 0; j < addressArray[i].types.length; j++) {\r\n\t\t\t\t\tif ('sublocality_level_1' === addressArray[i].types[j] || 'landmark' === addressArray[i].types[j]) {\r\n\t\t\t\t\t\tarea = addressArray[i].long_name;\r\n\t\t\t\t\t\treturn area;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tgetState = (addressArray) => {\r\n\t\tlet state = '';\r\n\t\tfor (let i = 0; i < addressArray.length; i++) {\r\n\t\t\tfor (let i = 0; i < addressArray.length; i++) {\r\n\t\t\t\tif (addressArray[i].types[0] && 'administrative_area_level_1' === addressArray[i].types[0]) {\r\n\t\t\t\t\tstate = addressArray[i].long_name;\r\n\t\t\t\t\treturn state;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tonChange = (event) => {\r\n\t\tthis.setState({ [event.target.name]: event.target.value });\r\n\t};\r\n\r\n\tonInfoWindowClose = (event) => { };\r\n\r\n\tonMarkerDragEnd = (event) => {\r\n\t\tlet newLat = event.latLng.lat(),\r\n\t\t\tnewLng = event.latLng.lng();\r\n\r\n\t\tGeocode.fromLatLng(newLat, newLng).then(\r\n\t\t\t(response) => {\r\n\t\t\t\tconst address = response.results[0].formatted_address,\r\n\t\t\t\t\taddressArray = response.results[0].address_components,\r\n\t\t\t\t\tcity = this.getCity(addressArray),\r\n\t\t\t\t\tarea = this.getArea(addressArray),\r\n\t\t\t\t\tstate = this.getState(addressArray);\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\taddress: address ? address : '',\r\n\t\t\t\t\tarea: area ? area : '',\r\n\t\t\t\t\tcity: city ? city : '',\r\n\t\t\t\t\tstate: state ? state : '',\r\n\t\t\t\t\tmarkerPosition: {\r\n\t\t\t\t\t\tlat: newLat,\r\n\t\t\t\t\t\tlng: newLng,\r\n\t\t\t\t\t},\r\n\t\t\t\t\t// mapPosition: {\r\n\t\t\t\t\t// \tlat: newLat,\r\n\t\t\t\t\t// \tlng: newLng,\r\n\t\t\t\t\t// },\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\t(error) => {\r\n\t\t\t\tconsole.error(error);\r\n\t\t\t}\r\n\t\t);\r\n\t};\r\n\tonPlaceSelected = (place) => {\r\n\t\ttry {\r\n\t\t\tlet phoneNumber = place.formatted_phone_number;\r\n\t\t\tlet name = place.name;\r\n\t\t\tlet address = place.formatted_address,\r\n\t\t\t\taddressArray = place.address_components,\r\n\t\t\t\tcity = this.getCity(addressArray),\r\n\t\t\t\tarea = this.getArea(addressArray),\r\n\t\t\t\tstate = this.getState(addressArray),\r\n\t\t\t\tlatValue = place.geometry.location.lat(),\r\n\t\t\t\tlngValue = place.geometry.location.lng();\r\n\r\n\t\t\tlet landmark = this.getLandmark(addressArray);\r\n\r\n\t\t\t// Set these values in the state.\r\n\r\n\t\t\tconsole.log('lol', city, area, state, landmark, phoneNumber);\r\n\t\t\tthis.setState({\r\n\t\t\t\taddress: address ? address : '',\r\n\t\t\t\tarea: area ? area : '',\r\n\t\t\t\tcity: city ? city : '',\r\n\t\t\t\tstate: state ? state : '',\r\n\t\t\t\tmarkerPosition: {\r\n\t\t\t\t\tlat: latValue,\r\n\t\t\t\t\tlng: lngValue,\r\n\t\t\t\t},\r\n\t\t\t\tmapPosition: {\r\n\t\t\t\t\tlat: latValue,\r\n\t\t\t\t\tlng: lngValue,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tthis.props.getLatLngFromSelected(latValue, lngValue);\r\n\t\t\tthis.props.setValuesForAddressForm({ area, phoneNumber, name });\r\n\t\t} catch (error) {\r\n\t\t\tconsole.log(error);\r\n\t\t}\r\n\t};\r\n\r\n\treverseGeocode = ({ latitude: lat, longitude: lng }) => {\r\n\t\tconst url = `${geocodeJson}?key=AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA&latlng=${lat},${lng}`;\r\n\t\tfetch(url)\r\n\t\t\t.then((response) => response.json())\r\n\t\t\t.then((location) => {\r\n\t\t\t\t// const place = location.results[0];\r\n\t\t\t\t// const _address = extractAddress(place);\r\n\t\t\t\t// setAddress(_address);\r\n\t\t\t\t// searchInput.current.value = _address.plain();\r\n\t\t\t});\r\n\t};\r\n\tasync getMyLocation() {\r\n\t\tGeocode.setLocationType('ROOFTOP');\r\n\t\tlet lat = null;\r\n\t\tlet lng = null;\r\n\t\tconst location = window.navigator && window.navigator.geolocation;\r\n\t\tif (location) {\r\n\t\t\tlocation.getCurrentPosition(\r\n\t\t\t\t(position) => {\r\n\t\t\t\t\tlat = position.coords.latitude;\r\n\t\t\t\t\tlat = position.coords.longitude;\r\n\t\t\t\t\tthis.reverseGeocode(position.coords);\r\n\t\t\t\t\t// Geocode.fromLatLng(position.coords.latitude, position.coords.longitude)\r\n\t\t\t\t\t// \t.then((res) => {\r\n\t\t\t\t\t// \t\tconsole.log('re33324', res);\r\n\t\t\t\t\t// \t})\r\n\t\t\t\t\t// \t.catch((error) => {\r\n\t\t\t\t\t// \t\tconsole.log('geoerror', error);\r\n\t\t\t\t\t// \t});\r\n\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\tmapPosition: {\r\n\t\t\t\t\t\t\tlat: position.coords.latitude,\r\n\t\t\t\t\t\t\tlng: position.coords.longitude,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tmarkerPosition: {\r\n\t\t\t\t\t\t\tlat: position.coords.latitude,\r\n\t\t\t\t\t\t\tlng: position.coords.longitude,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t},\r\n\t\t\t\t(error) => {\r\n\t\t\t\t\tconsole.log(error);\r\n\t\t\t\t\tthis.setState({ latitude: 'err-latitude', longitude: 'err-longitude' });\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t\tconsole.log('#########', lat, lng);\r\n\t\t}\r\n\t\tconsole.log('mapPosition', this.state.mapPosition);\r\n\t\tconsole.log('this.props.google', this.props.google);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t);\n\t\t} else {\n\t\t\tmap = ;\n\t\t}\n\t\treturn map;\n\t}\n}\nexport default MapEmirateSearch;\n","import { GoogleMap, InfoWindow, Marker, withGoogleMap, withScriptjs } from 'react-google-maps';\nimport React, { PureComponent } from 'react';\n\nimport Geocode from 'react-geocode';\nimport Map from './MapEmirateSearch';\n\nconst geocodeJson = 'https://maps.googleapis.com/maps/api/geocode/json';\n// AIzaSyBBPIfmZFVCI049D0OK2hFysHqgkxx772c\n// AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA //With restriction\n// Geocode.setApiKey('AIzaSyC2FbFd6rCGV3OMfs-nErJXjN2mc5EDWsU'); //With out restriction\nGeocode.setApiKey('AIzaSyCa3IAH1rlFQ8rKB9CdIciAZSUfMq3g0EY'); //With out restriction new\nGeocode.enableDebug();\nclass MapEmirateSearchFunc extends PureComponent {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\taddress: '',\n\t\t\tcity: '',\n\t\t\tarea: '',\n\t\t\tstate: '',\n\t\t\tlmg: '',\n\t\t\trmg: '',\n\t\t\tmapPosition: {\n\t\t\t\tlat: this.props.center.lat,\n\t\t\t\tlng: this.props.center.lng,\n\t\t\t},\n\t\t\tmarkerPosition: {\n\t\t\t\tlat: this.props.center.lat,\n\t\t\t\tlng: this.props.center.lng,\n\t\t\t},\n\t\t};\n\t\tthis.getMyLocation = this.getMyLocation.bind(this);\n\t}\n\tcomponentDidMount() {\n\t\tGeocode.fromLatLng(this.state.mapPosition.lat, this.state.mapPosition.lng).then(\n\t\t\t(response) => {\n\t\t\t\tconst address = response.results[0].formatted_address,\n\t\t\t\t\taddressArray = response.results[0].address_components,\n\t\t\t\t\tcity = this.getCity(addressArray),\n\t\t\t\t\tarea = this.getArea(addressArray),\n\t\t\t\t\tstate = this.getState(addressArray);\n\t\t\t\tthis.setState({\n\t\t\t\t\taddress: address ? address : '',\n\t\t\t\t\tarea: area ? area : '',\n\t\t\t\t\tcity: city ? city : '',\n\t\t\t\t\tstate: state ? state : '',\n\t\t\t\t});\n\t\t\t},\n\t\t\t(error) => {\n\t\t\t\tconsole.error(error);\n\t\t\t}\n\t\t);\n\t}\n\n\tshouldComponentUpdate(nextProps, nextState) {\n\t\tif (\n\t\t\tthis.state.markerPosition.lat !== this.props.center.lat ||\n\t\t\tthis.state.address !== nextState.address ||\n\t\t\tthis.state.city !== nextState.city ||\n\t\t\tthis.state.area !== nextState.area ||\n\t\t\tthis.state.state !== nextState.state\n\t\t) {\n\t\t\treturn true;\n\t\t} else if (this.props.center.lat === nextProps.center.lat) {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\tgetCity = (addressArray) => {\n\t\tlet city = '';\n\t\tfor (let i = 0; i < addressArray.length; i++) {\n\t\t\tif (addressArray[i].types[0] && 'administrative_area_level_2' === addressArray[i].types[0]) {\n\t\t\t\tcity = addressArray[i].long_name;\n\t\t\t\treturn city;\n\t\t\t}\n\t\t}\n\t};\n\n\tgetArea = (addressArray) => {\n\t\tlet area = '';\n\t\tfor (let i = 0; i < addressArray.length; i++) {\n\t\t\tif (addressArray[i].types[0]) {\n\t\t\t\tfor (let j = 0; j < addressArray[i].types.length; j++) {\n\t\t\t\t\tif ('sublocality_level_1' === addressArray[i].types[j] || 'locality' === addressArray[i].types[j]) {\n\t\t\t\t\t\tarea = addressArray[i].long_name;\n\t\t\t\t\t\tthis.setState({ area: area });\n\t\t\t\t\t\treturn area;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tgetLandmark = (addressArray) => {\n\t\tlet area = '';\n\t\tfor (let i = 0; i < addressArray.length; i++) {\n\t\t\tif (addressArray[i].types[0]) {\n\t\t\t\tfor (let j = 0; j < addressArray[i].types.length; j++) {\n\t\t\t\t\tif ('sublocality_level_1' === addressArray[i].types[j] || 'landmark' === addressArray[i].types[j]) {\n\t\t\t\t\t\tarea = addressArray[i].long_name;\n\t\t\t\t\t\treturn area;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tgetState = (addressArray) => {\n\t\tlet state = '';\n\t\tfor (let i = 0; i < addressArray.length; i++) {\n\t\t\tfor (let i = 0; i < addressArray.length; i++) {\n\t\t\t\tif (addressArray[i].types[0] && 'administrative_area_level_1' === addressArray[i].types[0]) {\n\t\t\t\t\tstate = addressArray[i].long_name;\n\t\t\t\t\treturn state;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tonChange = (event) => {\n\t\tthis.setState({ [event.target.name]: event.target.value });\n\t};\n\n\tonMarkerDragEnd = (event) => {\n\t\tlet newLat = event.latLng.lat(),\n\t\t\tnewLng = event.latLng.lng();\n\n\t\tGeocode.fromLatLng(newLat, newLng).then(\n\t\t\t(response) => {\n\t\t\t\tconst address = response.results[0].formatted_address,\n\t\t\t\t\taddressArray = response.results[0].address_components,\n\t\t\t\t\tcity = this.getCity(addressArray),\n\t\t\t\t\tarea = this.getArea(addressArray),\n\t\t\t\t\tstate = this.getState(addressArray);\n\t\t\t\tthis.setState({\n\t\t\t\t\taddress: address ? address : '',\n\t\t\t\t\tarea: area ? area : '',\n\t\t\t\t\tcity: city ? city : '',\n\t\t\t\t\tstate: state ? state : '',\n\t\t\t\t\tmarkerPosition: {\n\t\t\t\t\t\tlat: newLat,\n\t\t\t\t\t\tlng: newLng,\n\t\t\t\t\t},\n\t\t\t\t\t// mapPosition: {\n\t\t\t\t\t// \tlat: newLat,\n\t\t\t\t\t// \tlng: newLng,\n\t\t\t\t\t// },\n\t\t\t\t});\n\t\t\t},\n\t\t\t(error) => {\n\t\t\t\tconsole.error(error);\n\t\t\t}\n\t\t);\n\t};\n\n\treverseGeocode = ({ latitude: lat, longitude: lng }) => {\n\t\tconst url = `${geocodeJson}?key=AIzaSyCv0JT6W6tMYCww1FnEjf6CxaKUFIhbNdA&latlng=${lat},${lng}`;\n\t\tfetch(url)\n\t\t\t.then((response) => response.json())\n\t\t\t.then((location) => {\n\t\t\t\t// const place = location.results[0];\n\t\t\t\t// const _address = extractAddress(place);\n\t\t\t\t// setAddress(_address);\n\t\t\t\t// searchInput.current.value = _address.plain();\n\t\t\t});\n\t};\n\tasync getMyLocation() {\n\t\tGeocode.setLocationType('ROOFTOP');\n\t\tlet lat = null;\n\t\tlet lng = null;\n\t\tconst location = window.navigator && window.navigator.geolocation;\n\t\tif (location) {\n\t\t\tlocation.getCurrentPosition(\n\t\t\t\t(position) => {\n\t\t\t\t\tlat = position.coords.latitude;\n\t\t\t\t\tlat = position.coords.longitude;\n\t\t\t\t\tthis.reverseGeocode(position.coords);\n\t\t\t\t\t// Geocode.fromLatLng(position.coords.latitude, position.coords.longitude)\n\t\t\t\t\t// \t.then((res) => {\n\t\t\t\t\t// \t\tconsole.log('re33324', res);\n\t\t\t\t\t// \t})\n\t\t\t\t\t// \t.catch((error) => {\n\t\t\t\t\t// \t\tconsole.log('geoerror', error);\n\t\t\t\t\t// \t});\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tmapPosition: {\n\t\t\t\t\t\t\tlat: position.coords.latitude,\n\t\t\t\t\t\t\tlng: position.coords.longitude,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tmarkerPosition: {\n\t\t\t\t\t\t\tlat: position.coords.latitude,\n\t\t\t\t\t\t\tlng: position.coords.longitude,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\t(error) => {\n\t\t\t\t\tconsole.log(error);\n\t\t\t\t\tthis.setState({ latitude: 'err-latitude', longitude: 'err-longitude' });\n\t\t\t\t}\n\t\t\t);\n\t\t\tconsole.log('#########', lat, lng);\n\t\t}\n\t\tconsole.log('mapPosition', this.state.mapPosition);\n\t\tconsole.log('this.props.google', this.props.google);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\tWhere Should We Deliver Your Cards? \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t{/*
\n\n\t\t\t\t\tPlease mark your exact location as the cards will be delivered here..
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{lat && lng ? (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEmirate * \n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t{emirates.map((res) => (\n\t\t\t\t\t\t\t\t setSelectedEmirates(res)}\n\t\t\t\t\t\t\t\t\tclassName={selectedEmirates == res ? 'emitratebtn_selected' : 'emitratebtn'}>\n\t\t\t\t\t\t\t\t\t{res}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{errorMsgList.emirateerr} \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t{/* companyInfo && companyInfo.payrollCardNumber */}\n\t\t\t\t\t{companyInfo && companyInfo.payrollCardNumber > 100 ? (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t)}\n\t\t\t\n\t\t\t\t\t\t\t\tWho Should We Deliver The Card to? \n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{/* {[...Array(count)].map((_, i) => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t// setCount(count + 1);\n\t\t\t\t\t\t\t\t\t\t\t\thandleAddDeliveryCards();\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t+ Add Additional\n\t\t\t\t\t\t\t\t\t\t\tContacts\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t{/* history.push('/user/signature/2')} buttonText={'Next'} /> */}\n\t\t\t{/* */}\n\t\t
\n\t);\n};\nexport default SignaturePresentational;\n","import React, { useEffect, useState } from 'react';\nimport SignaturePresentational from './signaturePresentational';\n\nconst SignatureFunctional = ({ allowNavigate, buttonMode }) => {\n\tuseEffect(() => {\n\t\tallowNavigate?.(2);\n\t\tbuttonMode?.('dual');\n\t}, []);\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t Are You The Authorised Signatory Of The Company? \n\t\t\t\t \n\n\t\t\t\tOnly the authorised signatory of your company can sign the payroll agreement. \n\t\t\t\t\n\t\t\t\t\tKnow your authorised signatory by checking your trade license or power of attorney/memorandum of association.\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t{/* \n\t\t\t history.push('/user/signature/1')} buttonText={'Next'} />\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n\t\t
\n\t);\n};\nexport default SummaryPresentational;\n","import React, { useEffect, useState } from 'react';\n\nimport Actions from '../action';\nimport Selectors from '../selectors';\nimport SummaryPresentational from './summaryPresentational';\nimport { connect } from 'react-redux';\n\nconst SummaryFunctional = ({ buttonMode, buttonName, getfeeStart, feeData, isFeeLoading }) => {\n\tuseEffect(() => {\n\t\tbuttonMode?.('single');\n\t\tbuttonName?.('Next');\n\t\tgetfeeStart();\n\t}, []);\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSummary \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tNumber of C3Pay Cards \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberOfPayrollCards > 0 ? numberOfPayrollCards : '0'}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tNumber of Bank Accounts \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{numberOfBankAccounts > 0 ? numberOfBankAccounts : 0}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tAED {regFee} \n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{regFee === 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tRegistration Fee per Trade License \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{/* AED {regFee} */}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{'FREE'} \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tCard Issuance Fee (One-time) \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{carInsuranceFee > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\tAED {carInsuranceFee} \n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t{'FREE'} \n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tMonthly Fee (On all active Cards) \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\t\tAED {monthlyFee > 0 ? monthlyFee : '0'} \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tSIF Upload Changes \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{sifUploadFee > 0 ? sifUploadFee : 'FREE'} \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tUnlimited FREE Withdrawals on RAKBANK and C3Pay ATMs\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{specialComd &&\n\t\t\t\t\t\t\t\t\t\tspecialComd.map((comd) => (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{comd.sComment} \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tOPTIONAL SERVICE- Only invoiced if you want to process salaries into personal bank accounts with Edenred.\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tFor processing WPS salaries on any personal bank accounts through Edenred\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tAED {wpsProcessingFee > 0 ? wpsProcessingFee : '0'}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tMinimum Billing (Only for WPS bank accounts)\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tAED {wpsMinimumMonthlyBillingFee > 0 ? wpsMinimumMonthlyBillingFee : '0'}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tFor processing non WPS salaries on any personal bank accounts through Edenred\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tAED {nonWPSProcessingFee > 0 ? nonWPSProcessingFee : '0'}\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t// \te.preventDefault();\n\t\t\t\t\t\t\t\t\t// \thistory.push('')\n\t\t\t\t\t\t\t\t\t// }}\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\tclassName=\"clickherebtn\">\n\t\t\t\t\t\t\t\t\tClick here to view the full T&Cs\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\tYour branch is not created yet. Please contact system administrator.
}\n\t\t\t\tHow would you like to add employees to order C3Pay cards?
\n\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\tUpload MoL
\n\t\t\t\t\t\tList
\n\t\t\t\t\t */}\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\tUpload Excel
\n\t\t\t\t\t\tTemplate
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\tEnter Employee
\n\t\t\t\t\t\tDetails
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t this.onChange(e)}>\n\t\t\t\t\t\t{this.props.stepLabels.map(({ title, disable, count, pageIndex, route }, key) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tif (!disable) {\n\t\t\t\t\t\t\t\t\t\t\tthis.props.history.push(route);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t// onClick={wasReviewed ? () => this.editStep(pageIndex) : null}\n\t\t\t\t\t\t\t\t\ttitle={title}\n\t\t\t\t\t\t\t\t\tcount={count}\n\t\t\t\t\t\t\t\t\tdisabled={disable}\n\t\t\t\t\t\t\t\t\t// status=\"process\"\n\t\t\t\t\t\t\t\t\t// icon={count == 1 && \n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tstepLabels: Selectors.stepLabels(state),\n\t};\n};\nconst mapDispatchToProps = (dispatch) => {\n\treturn {\n\t\tgetOppurtunityInfoStart: (history, optId) => {},\n\t};\n};\n\nconst Connected = connect(mapStateToProps, mapDispatchToProps)(MainStepper);\nexport default Connected;\n\n// export default MainStepper;\n","import 'src/pages/userComponents/userStyle.scss';\n\nimport React, { useMemo } from 'react';\nimport { useHistory, useLocation } from 'react-router-dom';\n\nimport HeaderPage from '@sharedComponent/Header/Header';\nimport { Helmet } from 'react-helmet';\nimport MainStepper from './Stepper-component/MainStepper';\nimport reducer from '../userComponents/menus/salesforce-landing/reducer';\nimport sagas from '../userComponents/menus/salesforce-landing/sagas/';\nimport { withReducer } from 'src/store/reducerLoader';\n\nconst steps = [\n\t{ title: 'Company Info', count: 1, pageIndex: 0 },\n\t{ title: 'Contact Info', count: 2, pageIndex: 1 },\n\t{ title: 'Signature', count: 3, pageIndex: 3 },\n\t{ title: 'Order Cards', count: 4, pageIndex: 5 },\n];\n\nconst User = () => {\n\tconst history = useHistory();\n\tlet location = useLocation();\n\tlet step = '';\n\n\tstep = useMemo(() => {\n\t\tconst url = window.location.href;\n\t\tswitch (url) {\n\t\t\tcase url === 'companyinfo':\n\t\t\t return 0;\n\t\t\t \n\t\t case url === 'contactinfo':\n\t\t\t\treturn 1;\n\t \tcase url === 'signature':\n \t\treturn 2;\n \n\t\t\tcase url === 'ordercards':\n\t\t\t\treturn 3;\n\t\t\t\n\t\t }\n\t\treturn url.indexOf('companyinfo') > -1 ? 0 : url.indexOf('contactinfo') > -1 ? 1 : url.indexOf('signature') > -1 ? 2 : 3;\n\t}, [location]);\n\n\tconst pageTitle = steps[step]?.title;\n\n\tconsole.log('step', step)\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{pageTitle} | Client Onboarding \n\t\t\t\t \n\t\t\t\t
\n\t\t\n\t);\n};\nconst ReducedScreen = withReducer('WelcomePage', reducer, sagas)(User);\nexport default ReducedScreen;\n// export default User;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Spaces = (props) => {\n\tif (props.count < 1) {\n\t\treturn null;\n\t}\n\n\tlet count = props.count;\n\tlet space = '';\n\tdo {\n\t\tspace = space.concat('\\u00A0');\n\t} while (--count);\n\n\treturn {space};\n};\n\nSpaces.propTypes = {\n\tcount: PropTypes.number,\n};\n\nexport default Spaces;\n","import React, { useEffect } from 'react';\nimport Selectors from '../selectors';\nimport Actions from '../action';\nimport { connect } from 'react-redux';\nimport './client-onboarding-tos.scss';\n\nconst TermsOfService = ({ getTOSData, tosData }) => {\n useEffect(() => {\n console.log('USE EFF');\n getTOSData();\n }, []);\n return \n
;\n};\n\n\nconst mapStateToProps = (state) => {\n return {\n tosData: Selectors.tosData(state),\n getTosLoading: Selectors.getTosLoading(state),\n };\n};\nconst mapDispatchToProps = (dispatch) => {\n return {\n getTOSData: () => dispatch(Actions.creators.getTOSData()),\n };\n};\n\nconst Connected = connect(mapStateToProps, mapDispatchToProps)(TermsOfService);\nexport default Connected;","import React from 'react';\n\nexport const LANGUAGES = Object.freeze({\n english: 'english',\n arabic: 'arabic',\n});\n\nexport const TERMS_OF_SERVICE = Object.freeze({\n tableDataCount: 118,\n header: {\n [LANGUAGES.english]: {\n text: 'Definitions:',\n },\n [LANGUAGES.arabic]: {\n text: 'تعريفات:',\n },\n },\n data: [\n {\n [LANGUAGES.english]: {\n text: 'Agreement means this agreement signed by both parties including the Terms and Conditions. This Agreement is to be read in its entirety and shall prevail over any previous agreements or its addendums. ',\n },\n [LANGUAGES.arabic]: {\n text: 'الاتفاقية: وتعني هذه الاتفاقية التي تم توقيعها من قبل الطرفين بما في ذلك الشروط والأحكام. يتعين قراءة هذه الاتفاقية بالكامل وأنها تسود على أي اتفاقيات سابقة أو ملحقات خاصة بها. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Bank means RAK Bank or any other bank chosen by Edenred in order to open the Customer’s Payroll Account to manage the Payroll Funds. ',\n },\n [LANGUAGES.arabic]: {\n text: 'البنك: ويعني بنك رأس الخيمة أو أي بنك آخر تختاره شركة ايدنريد من أجل فتح حساب لكشوفات مرتبات العميل من أجل إدارة أموال كشوفات المرتبات.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Cardholder means an Employee of the Customer availing of the Services and approved by Edenred and holding a C3Pay Payroll Card. ',\n },\n [LANGUAGES.arabic]: {\n text: 'حامل البطاقة: ويعني الموظف التابع العميل الذي يستفيد من خدمات شركة ايدنريد والمعتمد لديها والذي يحمل بطاقة المرتبات \"C3Pay \". ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Customer means any Customer entering into an agreement with Edenred.',\n },\n [LANGUAGES.arabic]: {\n text: 'العميل: ويعني أي عميل يبرم اتفاقية مع شركة ايدنريد. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Employee/s means any employee of the Customer availing of the Services and approved by Edenred and holding a C3Pay Payroll Card.',\n },\n [LANGUAGES.arabic]: {\n text: 'الموظف/ الموظفين: ويُقصد بهم أي موظف تابع للعميل يستفيد من خدمات شركة ايدنريد والمعتمد لديها ويحمل بطاقة المرتبات \"C3Pay \".',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Fee means all fees, charges and expenses (including, without limitation, incurred charges and additional costs) applicable, from time to time, in relation to the Services payable by the Customer to Edenred.',\n },\n [LANGUAGES.arabic]: {\n text: 'الرسوم: وتعني كافة الرسوم والتكاليف والنفقات (بما في ذلك، بدون حصر، الرسوم المتكبدة والتكاليف الإضافية) المعمول بها، من وقتٍ لآخر، فيما يتعلق بالخدمات التي يدفع في مقابلها العميل للسادة/ ايدنريد.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Intellectual Property Rights means all intellectual property rights any part of the world which includes copyright, design rights, patents, patent applications and any rights to inventions, know-how, trade secrets, trademark and business names, logos and devices and service marks (whether registered or unregistered) and any applications therefore and all rights in confidential information.',\n },\n [LANGUAGES.arabic]: {\n text: 'حقوق الملكية الفكرية: وتعني كافة حقوق الملكية الفكرية في أي جزء من العالم والتي تشمل حقوق النشر وحقوق التصميم وبراءات الاختراع وطلبات براءات الاختراع وأي حقوق في الاختراعات والمعرفة والأسرار التجارية والعلامات التجارية وأسماء الأعمال والشعارات والأجهزة وعلامات الخدمة (سواء كانت مسجلة أو غير مسجلة) وأي طلبات خاصة بها وكافة الحقوق في المعلومات السرية.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Losses means any and all losses, claims, actions, demands, liabilities, costs, expenses and damages of any nature whatsoever and whether or not reasonably foreseeable or avoidable',\n },\n [LANGUAGES.arabic]: {\n text: 'الخسائر: وتعني أي وكافة الخسائر والدعاوى والإجراءات والمطالبات والالتزامات والمصاريف والتكاليف والتعويضات من أي نوع كانت وما إذا كان من الممكن توقعها أو تجنبها بشكل معقول أم لا.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Payment Dates means the dates described in the Payroll File when the Customer intends to disburse the Salaries to its Employees.',\n },\n [LANGUAGES.arabic]: {\n text: 'تواريخ الدفع: وتعني التواريخ المذكورة في ملف كشف المرتبات عندما ينوي العميل صرف المرتبات لموظفيه. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Payroll Account means the bank account with the Bank maintained by Edenred for and on behalf of the Customer for the purpose of holding payroll funds.',\n },\n [LANGUAGES.arabic]: {\n text: 'حساب كشوفات المرتبات: ويعني الحساب المصرفي لدى البنك والذي تحتفظ به شركة ايدنريد لصالح ونيابةً عن العميل لغرض الاحتفاظ بأموال كشوفات المرتبات.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: ' C3Pay Payroll Card means the plastic debit or pre-paid card issued by Edenred in affiliation with one of the operating banks in the UAE to the Employees and used by the Customer for the exclusive purpose of disbursing Salaries and other compensations related to the Cardholder’s employment with the Customer.',\n },\n [LANGUAGES.arabic]: {\n text: 'بطاقة المرتبات \"C3Pay\": وتعني بطاقة الخصم أو بطاقة الدفع المسبق البلاستيكية الصادرة عن شركة ايدنريد من خلال الربط مع أحد البنوك العاملة في دولة الإمارات العربية المتحدة للموظفين لغرض استلام المرتبات.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Payroll File means the electronic file issued by the Customer to Edenred containing details of Salaries to be loaded on the C3Pay Payroll Cards.',\n },\n [LANGUAGES.arabic]: {\n text: 'ملف كشوفات المرتبات: ويعني الملف الإلكتروني الصادر من العميل إلى شركة ايدنريد والذي يحتوي على تفاصيل المرتبات التي سيتم تحميلها على بطاقات المرتبات \"C3Pay\". ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Payroll Funds means the funds assigned for Salaries processing.',\n },\n [LANGUAGES.arabic]: {\n text: 'أموال كشوفات المرتبات: وتعني الأموال المخصصة لتجهيز المرتبات.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Employee File means file contains all the information requested by Edenred about the Employees to whom C3Pay Payroll cards will be issued.',\n },\n [LANGUAGES.arabic]: {\n text: 'ملف الموظف: ويعني الملف الذي يحتوي على كافة المعلومات التي طلبتها شركة ايدنريد حول الموظفين الذين سيتم إصدار بطاقات المرتبات \"C3Pay\" لهم.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Salary/ies means the amount payable by the Customer to its Employees in accordance with the Payroll File. ',\n },\n [LANGUAGES.arabic]: {\n text: 'الراتب/ المرتبات: ويعني المبلغ القابل للدفع من قبل العميل لموظفيه وفقًا لملف كشوفات المرتبات.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'Service/s means the payroll and card services provided by Edenred pursuant to this Agreement.',\n },\n [LANGUAGES.arabic]: {\n text: 'الخدمة/ الخدمات: وتعني خدمات كشوف المرتبات والبطاقة التي تقدمها شركة ايدنريد وفقًا لهذه الاتفاقية. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'WPS means the UAE Wage Protection System. ',\n },\n [LANGUAGES.arabic]: {\n text: 'نظام حماية الأجور (WPS): ويعني نظام حماية الأجور في دولة الإمارات العربية المتحدة.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'SIF means Salary Information File that is used to process Salaries at any of the UAE Central bank agents. This file contains all standard information for Salary processing defined by the UAE Central Bank under the Wage Protection System (WPS).',\n },\n [LANGUAGES.arabic]: {\n text: 'ملف معلومات الراتب (SIF): يعني ملف معلومات الراتب الذي يتم استخدامه لتجهيز المرتبات لدى أي من وكلاء البنك المركزي الإماراتي، ويحتوي هذا الملف على كافة المعلومات القياسية لتجهيز المرتبات المحدّدة من قبل البنك المركزي الإماراتي بموجب نظام حماية الأجور (WPS).',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'WPS person ID means the unique 14 digit number that is provided by Ministry of Labor to each Employee. ',\n },\n [LANGUAGES.arabic]: {\n text: 'هوية الشخص في نظام حماية الأجور: وتعني العدد الفريد المكون من 14 رقم والذي توفره وزارة العمل لكل موظف.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 'WPS Establishment ID means the unique 13 digit number that is provided by Ministry of Labor to each company.',\n },\n [LANGUAGES.arabic]: {\n text: 'هوية المؤسسة في نظام حماية الأجور: وتعني العدد الفريد المكون من 13 رقم والذي توفره وزارة العمل لكل شركة.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '1.\tRange of Services',\n },\n [LANGUAGES.arabic]: {\n text: '1.\tمجموعة الخدمات ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '1.1.\tEdenred shall provide the following Services: ',\n },\n [LANGUAGES.arabic]: {\n text: '1.1.\tتقدم شركة ايدنريد الخدمات التالية: ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '1.1.1\tIssuance of C3Pay Payroll Cards to the Employees of the Customer in accordance with any submitted Employee File. ',\n },\n [LANGUAGES.arabic]: {\n text: '1.1.1.\tإصدار بطاقات المرتبات \"C3Pay\" لموظفي العميل وفقًا لأي ملف موظف تم تقديمه. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 1.1.2\tTraining to the Customer on the usage of Edenred Portal https://payroll.ederred.ae/ as well as other general procedures regarding the Services.\n },\n [LANGUAGES.arabic]: {\n text: 2.1.1.\tتدريب العميل على استخدام بوابة شركة ايدنريد https://payroll.ederred.ae/ بالإضافة إلى الإجراءات العامة الأخرى المتعلقة بالخدمات.,\n },\n },\n {\n [LANGUAGES.english]: {\n text: '1.1.3\tProviding Service support to the Customer during implementation and on an on-going basis.',\n },\n [LANGUAGES.arabic]: {\n text: '3.1.1\tتقديم الدعم الخدماتي للعميل خلال التنفيذ وعلى أساس مستمر.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '1.1.4\tProcessing of Payroll Files.',\n },\n [LANGUAGES.arabic]: {\n text: '4.1.1\tمعالجة ملفات المرتبات.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '1.1.5\tEnsuring compliance with the Central Bank of the UAE’s regulations on the payment of Salaries, including, without limitation, providing the necessary reporting.',\n },\n [LANGUAGES.arabic]: {\n text: '5.1.1\tضمان الامتثال لأنظمة المصرف المركزي الإماراتي بخصوص دفع المرتبات، بما في ذلك، دون حصر، تقديم التقارير اللازمة.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '1.1.6\tTraining the Employees on the card usage and other services offered.',\n },\n [LANGUAGES.arabic]: {\n text: '6.1.1\tتدريب الموظفين على استخدام البطاقة والخدمات المقدمة الأخرى.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: \"1.2 The Customer undertakes that every issued C3Pay Card to their respective Employees shall only and exclusively be used for the purpose of disbursing the Cardholders' Salaries and similar forms of remuneration.\",\n },\n [LANGUAGES.arabic]: {\n text: '2.1 يتعهد العميل بأن كل بطاقة C3PAY صادرة لموظفية سيتم استخدامها فقط وحصريا لغرض صرف الرواتب ومافي حكمها لحاملى البطاقات ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '2.\tIssuance of C3Pay Payroll Cards ',\n },\n [LANGUAGES.arabic]: {\n text: '2.\tإصدار بطاقات المرتبات \"C3Pay\":',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '2.1.\tEdenred shall make available to the Customer the required Employee File to be submitted for card ordering. The Employee File will be sent to the Customer via email and made available on the Edenred corporate portal.',\n },\n [LANGUAGES.arabic]: {\n text: '1.2.\tتوفر شركة ايدنريد للعميل الملف المطلوب للموظف والذي يتم تقديمه لطلب البطاقة. سيتم إرسال ملف الموظف إلى العميل عبر البريد الإلكتروني وإتاحته على بوابة شركة ايدنريد.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '2.2.\tEdenred shall have the right to decline any Employee Application that is not filled properly or that contains untrue, inaccurate or misleading information. Edenred further reserves the right to decline to issue C3Pay Payroll Cards to any Employee at its sole discretion for any valid reason. The Customer will perform Know Your Customer (KYC), and provide all necessary documents, after agreeing that only Employees whose identity they are able to verify, will be nominated as applicants for C3Pay Payroll Cards.',\n },\n [LANGUAGES.arabic]: {\n text: '2.2.\tيحق لشركة ايدنريد رفض أي طلب خاص بموظف ما لم يتم تعبئته بشكل صحيح أو الذي يحتوي على معلومات غير صحيحة أو غير دقيقة أو مضللة. تحتفظ شركة ايدنريد كذلك بالحق في رفض إصدار بطاقات المرتبات \"C3Pay\" لأي موظف وفقًا لتقديرها الخاص لأي سبب وجيه. يقوم العميل بتنفيذ إجراء \"أعرف عميلك\"، وتقديم كل المستندات اللازمة، بعد الموافقة على أنه فقط الموظفين الذين يمكنهم التحقق من هويتهم، سيتم ترشيحهم كمتقدمين للحصول على بطاقات المرتبات \"C3Pay\".',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '2.3.\tThe Customer shall provide Employee File to Edenred, Edenred shall process and deliver the C3Pay Payroll Cards to the Customer within a period of seven (7) to ten (10) working days from the date of receiving the Employee File.',\n },\n [LANGUAGES.arabic]: {\n text: '3.2\tيقوم العميل بتقديم ملف الموظف لشركة ايدنريد، وتقوم الأخيرة بمعالجة بطاقات المرتبات \"C3Pay\" وتسليمها للعميل في غضون سبعة (7) إلى عشرة (10) أيام عمل من تاريخ استلام ملف الموظف.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '2.4.\tEdenred is responsible for delivering all issued C3Pay Payroll Cards to each Employee who shall be responsible to activate their own Card to be able to use; if the Card is delivered to the Customer, the latter is responsible for delivering the Card to the respective Employee.',\n },\n [LANGUAGES.arabic]: {\n text: '4.2\t تكون شركة ايدنريد مسؤولة عن تسليم كل ما تصدره من بطاقات المرتبات \"C3Pay\" لكل موظف والذي يكون مسؤولاً عن تفعيل بطاقته الخاصة ليتمكن من استخدامها؛ وإذا تم تسليم البطاقة للعميل، يكون هذا الأخير مسؤول عن تسليم البطاقة للموظف المعني.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '2.5.\tThe Customer will have access, through the Edenred Corporate Portal, to a list containing the total number of C3Pay Payroll Cards Issued, names of the Employees to whom the C3Pay payroll cards are issued and their respective customer ID number.',\n },\n [LANGUAGES.arabic]: {\n text: '5.2\t يمكن للعميل الوصول، من خلال بوابة ايدنريد للشركات، إلى مجموعة تحتوي على العدد الإجمالي لبطاقات المرتبات \"C3Pay\" التي تم إصدارها، وأسماء الموظفين الذين تم إصدار بطاقات المرتبات \"C3Pay\" لهم ورقم العميل الخاص بهم.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.\tPayroll Disbursement Process',\n },\n [LANGUAGES.arabic]: {\n text: '3.\tعملية صرف كشوفات المرتبات',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.1.\tSubject to any other Section of this Agreement, Edenred shall act upon any Payroll File received from the Customer and shall load the C3Pay Payroll Cards with the Salaries as stipulated in the Payroll File. ',\n },\n [LANGUAGES.arabic]: {\n text: '1.3.\tمع مراعاة أي قسم آخر من هذه الاتفاقية، تتصرف شركة ايدنريد بناءًا على أي ملف كشوفات مرتبات مستلم من العميل وتقوم بتحميل بطاقات المرتبات C3Pay بالمرتبات وفق ما هو منصوص عليه في ملف كشوف المرتبات.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.2.\tEdenred shall not act upon any Payroll File that contains any discrepancy, error or omission. Edenred shall notify the Customer upon discovery of errors in the Payroll File and the Customer shall immediately rectify such information by issuing a new Payroll File.',\n },\n [LANGUAGES.arabic]: {\n text: '2.3.\tلا تتصرف شركة ايدنريد حيال أي ملف كشوفات مرتبات يحتوي على أي تناقض، أو خطأ أو سهو. تقوم شركة ايدنريد بإخطار العميل عند اكتشاف الأخطاء في ملف كشوفات المرتبات ويتعين على العميل تصحيح هذه المعلومات على الفور عن طريق إصدار ملف كشوفات مرتبات جديد.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.3.\tEdenred will facilitate same day disbursement on condition that Payroll File shall be received by Edenred and Payroll Funds shall be received and cleared in our Payroll Account not later than 14:30 (GST) Monday to Saturday.',\n },\n [LANGUAGES.arabic]: {\n text: '3.3\tسوف تسعى شركة ايدنريد لتسهيل صرف المرتبات في نفس اليوم شريطة أن يتم استلام ملف كشوفات المرتبات من قبل شركة ايدنريد وأن يتم استلام وأداء الأموال الخاصة بالمرتبات في حساب كشوف المرتبات لدينا في موعد لا يتجاوز الساعة 14:30 (بتوقيت الخليج) من الاثنين إلى السبت.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.3.1.\tEdenred shall not be responsible for any delay in disbursing Salaries and shall not be held liable for any claim and/or penalties imposed by respective authorities in connection with performing the Services if the Payroll File is not received by Edenred within the above subscribed period and if Payroll funds have not been received and cleared in our Payroll Account.',\n },\n [LANGUAGES.arabic]: {\n text: '1.3.3\tلن تكون شركة ايدنريد مسؤولة عن أي تأخير في صرف المرتبات ولن تكون مسؤولة عن أي مطالبة و/أو عقوبات مفروضة من قبل السلطات المعنية فيما يتعلق بأداء الخدمات إذا لم يتم استلام ملف كشوف المرتبات من قبل شركة ايدنريد خلال الفترة أعلاه وإذا لم يتم استلام الأموال الخاصة بالمرتبات وتسويتها في حساب المرتبات لدينا.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.3.2.\tEdenred endeavors complete payments with the above, however any delay in processing Salary disbursement as a result of deficiencies shall be at the sole risk and liability of the Customer.',\n },\n [LANGUAGES.arabic]: {\n text: '2.3.3\tتعمل شركة ايدنريد على سداد كامل المدفوعات وفق ما ورد أعلاه، ولكن أي تأخير في معالجة صرف الراتب نتيجة لتقصير ما سيتحمل مخاطره ويكون على مسؤولية العميل وحده.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.4.\tWPS Procedures (if applicable):',\n },\n [LANGUAGES.arabic]: {\n text: '3.4\t الإجراءات الخاصة بنظام حماية الأجور (إن كانت قابلة للتطبيق):',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.4.1\tThe Customer shall ensure to provide all the accurate labor card numbers, WPS person ID and WPS Establishment ID numbers in the Cardholder File (Employee File) or update them directly on the Edenred Corporate Portal to process WPS.',\n },\n [LANGUAGES.arabic]: {\n text: '1.3.4\tيتعين على العميل ضمان تقديم كافة الأرقام الصحيحة لبطاقات العمل والهوية الشخصية على نظام حماية الأجور وهوية المؤسسة في نظام حماية الأجور في ملف حامل البطاقة (ملف الموظف) أو تحديثها مباشرةً من خلال بوابة ايدنريد للشركات لمعالجة نظام حماية الأجور.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.4.2\tThe Customer should upload the SIF file on the corporate portal and choose a 2nd admin user “where applicable” to validate the SIF file uploaded.',\n },\n [LANGUAGES.arabic]: {\n text: '2.4.3\tيتعين على العميل تحميل ملف معلومات الراتب على البوابة الخاصة بالشركات واختيار مستخدم إداري ثاني \"حيثما يكون قابلًا للتطبيق\" للمصادقة على صحة معلومات الرواتب الذي تم تحميله.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.4.3\tOnce verified, Edenred will process the SIF as long as the funds verified to be available on the account.',\n },\n [LANGUAGES.arabic]: {\n text: '3.4.3\tبمجرد التحقق من ذلك، تقوم شركة ايدنريد بمعالجة ملف معلومات الراتب طالما أنه تم التحقق من توفر الأموال في الحساب.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.4.4\tDebit adjustments are not allowed in case if Salary processed through WPS. Once the Salary is notified to WPS, no debit adjustment can be done. Any Customer generated errors, adjustments on WPS Salary disbursement, can only be rectified/reversed by Edenred through WPS process via Central Bank (salary reversal fees apply).',\n },\n [LANGUAGES.arabic]: {\n text: '4.4.3\tلا يُسمح بتعديلات الخصم في حال معالجة الراتب من خلال نظام حماية الأجور. بمجرد الإخطار بالراتب لنظام حماية الأجور، لا يمكن إجراء أي تعديل على الخصم. لا يمكن تصحيح/ إبطال أي أخطاء ناجمة عن العميل أو تعديلات في صرف المرتبات على نظام حماية الأجور، إلا من خلال شركة ايدنريد من خلال عملية نظام حماية الأجور عبر البنك المركزي (تطبق رسوم إبطال الراتب).',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '3.4.5\tThe Customer shall take full responsibility for the authenticity of the details mentioned in the Edenred online portal and SIF. Any complaint, claim, losses or damages arising out of any discrepancy/deficiency in the contents of the SIF shall be solely handled and borne by the Customer.',\n },\n [LANGUAGES.arabic]: {\n text: '5.4.3\tيتحمل العميل كامل المسؤولية عن صحة التفاصيل المذكورة على بوابة شركة ايدنريد وملف معلومات الراتب. يعالج ويتحمل العميل أي شكوى أو مطالبة أو خسائر أو تعويضات ناشئة عن أي تناقض/ نقص في محتويات ملف معلومات الراتب.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '4.\tPayroll Disbursal Account:',\n },\n [LANGUAGES.arabic]: {\n text: '4.\tحساب صرف المرتبات:',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '4.1.\tCustomer must use the Account below to transfer funds for the purpose of the Monthly Payroll. ',\n },\n [LANGUAGES.arabic]: {\n text: '1.4\tيجب على العميل استخدام الحساب أدناه من أجل تحويل الأموال لغرض كشوفات المرتبات الشهرية: ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: 4.2.\tUpon transferring the funds, the Customer must upload proof of the funds transferred on the Edenred payroll portal https://payroll.edenred.ae/.,\n },\n [LANGUAGES.arabic]: {\n text: 2.4\tعند تحويل الأموال، يجب على العميل تحميل إثبات بخصوص الأموال المحوّلة من خلال بوابة شركة ايدنريد للمرتبات https://payroll.شركة ايدنريد.ae/. ,\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.\tCustomer’s Covenants, Fees, Indemnity and Liability ',\n },\n [LANGUAGES.arabic]: {\n text: '5.\tتعهدات ورسوم وتعويضات ومسؤولية العميل: ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.1.\tThe Customer warrants that they fully understand the procedures and requirements for the provision of the Services as set out in this Agreement.',\n },\n [LANGUAGES.arabic]: {\n text: '1.5\tيتعهد العميل بأنه فهم تمامًا الإجراءات والمتطلبات الخاصة بتقديم الخدمات كما هو منصوص عليه في هذه الاتفاقية.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.2.\tThe Customer should provide the name and contact details of the person assigned an admin access to Edenred Corporate Portal.',\n },\n [LANGUAGES.arabic]: {\n text: '2.5\tيتعين على العميل تقديم الاسم وتفاصيل الاتصال الخاصة بالشخص الذي تم تخصيص له الدخول والقيام بالتعديل على حساب العميل الخاص ببوابة شركة ايدنريد للشركات.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.3.\tWith any Payroll File, the Customer shall ensure that the Salaries funds have been credited one (1) working day in advance to the Payroll Account in order to meet the total Salaries amounts on the Payroll File and to the nominated Edenred fee account to meet the applicable Fees.',\n },\n [LANGUAGES.arabic]: {\n text: '3.5 \tفي كل حالة لأي ملف كشوف مرتبات، يتعين على العميل التأكد من أن الأموال الخاصة بالمرتبات قد تم إيداعها قبل يوم عمل واحد (1) في حساب كشوفات المرتبات من أجل تلبية إجمالي مبالغ المرتبات في ملف كشوفات المرتبات وإلى حساب رسوم شركة ايدنريد المحدد لتلبية الرسوم المطبقة.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.4.\tThe Customer shall pay any and all applicable fees mentioned in this Agreement in relation to the Services provided, including, without limitation: card issuance fee which must be paid upon signing this Agreement, and a monthly fee set forth in Schedule of Charges. Additionally, a card renewal fee, after expiry, of AED 5 per card and card account closure fee after cancellation of AED 4 per card will be charged. This must be paid by the Customer within thirty (30) days from the date of the invoice issuance.',\n },\n [LANGUAGES.arabic]: {\n text: '4.5\tيتعين على العميل دفع أي وكافة الرسوم السارية المذكورة في هذه الاتفاقية فيما يتعلق بالخدمات المقدمة، بما في ذلك، دون حصر: رسوم إصدار البطاقة والتي يجب دفعها عند توقيع هذه الاتفاقية، والرسوم الشهرية المنصوص عليها في جدول الرسوم. بالإضافة إلى ذلك، سيتم فرض رسوم تجديد البطاقة، بعد انتهاء الصلاحية، بقيمة 5 دراهم إماراتية لكل بطاقة ورسوم إغلاق حساب البطاقة بعد الإلغاء بقيمة 4 دراهم إماراتية لكل بطاقة؛ ويجب دفع هذا من قبل العميل خلال ثلاثين (30) يومًا من تاريخ إصدار الفاتورة.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.5.\tThe Fees do not include any applicable value-added tax (\"VAT\") or any other taxes that may be applicable in the future by the respective authorities. Any VAT, if applicable, will be payable by the Customer. This additional amount will be added to the invoice at the appropriate rate.',\n },\n [LANGUAGES.arabic]: {\n text: '5.5\tلا تشمل الرسوم أي ضريبة قيمة مضافة سارية أو أي ضرائب أخرى قد تكون قابلة للتطبيق في المستقبل من قبل السلطات المعنية. أي ضريبة قيمة مضافة، إن وجدت، ستكون مستحقة الدفع من قبل العميل. سيتم إضافة هذا المبلغ الإضافي إلى الفاتورة بالمعدّل المناسب',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.6.\tATM Waiver - All Free ATM Waiver on Cash Withdrawal at any Bank ATM “that has its logo in the card” and All Free on Edenred ATMs in the UAE.',\n },\n [LANGUAGES.arabic]: {\n text: '6.5.\tاستثناء ماكينات الصرافة – كافة ماكينات الصرافة مجانية عند السحب النقدي من أي ماكينة صرافة تابعة للبنك الموجود على البطاقة وايضا عندما يتعلق الأمر بماكينات صرافة شركة ايدنريد في الإمارات العربية المتحدة.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.7.\tThe Customer agrees that Edenred may amend the Fees set forth in Schedule of Charges at its sole discretion after giving a 30 day notice to the Customer.',\n },\n [LANGUAGES.arabic]: {\n text: '7.5.\tيوافق العميل على أنه يجوز لشركة ايدنريد تعديل الرسوم الواردة في جدول الرسوم وفقًا لتقديرها الخاص بعد تقديم إشعار بمدة 30 يومًا للعميل قبل تغير الرسوم. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.8.\tThis Agreement shall enter in full force as of the date of signing the Agreement and shall be valid for one year (hereinafter the “Initial Term”) and shall be automatically renewed for additional term (hereinafter a “Renewal Term”. For the avoidance of any doubt, the Initial Term and any Renewal Term are collectively referred to in this Agreement to as the “Term”) unless otherwise agreed by the Parties, during the term of the agreement the monthly fee shall be adjusted by a percentage equal to the percentage increase in the UAE inflation rate. Such adjustment shall take place only once per year on a calendar-year basis.',\n },\n [LANGUAGES.arabic]: {\n text: '8.5.\tتدخل هذه الاتفاقية حيز التنفيذ بالكامل اعتبارًا من تاريخ توقيع الاتفاقية وستكون صالحة لمدة عام واحد (يشار إليها فيما يلي باسم \"المدة الأولية\") ويتم تجديدها تلقائيًا لمدة إضافية (يشار إليها فيما يلي بـ \"مدة التجديد\"). لتجنب أي شك، يُشار إلى المدة الأولية وأي مدة تجديد مجتمعين في هذه الاتفاقية باسم \"المدة\") ما لم يتم الاتفاق على خلاف ذلك بين الطرفين، خلال مدة الاتفاقية، يتم تعديل الرسوم الشهرية بنسبة مئوية تساوي النسبة المئوية لزيادة معدل التضخم في دولة الإمارات العربية المتحدة، ويتم هذا التعديل مرة واحدة فقط في السنة على أساس السنة الميلادية.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.9.\tThe Customer hereby undertakes to inform its Employees and always keep them informed of any change(s) or amendment(s) to this Agreement, as and when it occurs.',\n },\n [LANGUAGES.arabic]: {\n text: '9.5\tيتعهد العميل بموجب هذا بإخطار موظفيه وجعلهم دائمًا على علم بأي تغيير (تغييرات) أو تعديل (تعديلات) على هذه الاتفاقية، كيفما وعند حدوثها.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.10.\tEdenred shall not be liable, in any way for any files processed in the Edenred system once the file submitted and/or approved.',\n },\n [LANGUAGES.arabic]: {\n text: '10.5.\tلن تكون شركة ايدنريد مسؤولة بأي شكلٍ من الأشكال عن أي ملفات تمت معالجتها على نظامها، بمجرد إرسال الملف و/أو الموافقة عليه.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '5.11.\tCustomer must use the following Account for the transfer of Edenred invoice payment.',\n },\n [LANGUAGES.arabic]: {\n text: '11.5.\tيجب على العميل استخدام الحساب التالي من أجل عملية تحويل سداد فاتورة شركة ايدنريد:',\n },\n },\n {\n [LANGUAGES.english]: {\n text: Terms Of Service
\n \n| \n \n Bank Name\n \n \n | \n\n \n RAS AL KHAIMAH BANK (RAK BANK)\n \n \n | \n
| \n \n Bank Branch\n \n \n | \n\n \n Umm Hurrair, Dubai\n \n \n | \n
| \n \n Account Name\n \n \n | \n\n \n EDENRED PREPAID CARDS MANAGEMENT SERVICES L.L.C\n \n \n | \n
| \n \n Account Number\n \n \n | \n\n \n 0332545791001\n \n \n | \n
| \n \n IBAN Number\n \n \n | \n\n \n AE830400000332545791001\n \n \n | \n
| \n \n Swift Code\n \n \n | \n\n \n NRAKAEAK\n \n \n | \n
| \n \n Routing Code\n \n \n | \n\n \n 740810000\n \n \n | \n
| \n \n اسم البنك\n \n \n | \n\n \n بنك رأس الخيمة \n \n \n | \n
| \n \n فرع البنك \n \n \n | \n\n \n أم هرير، دبي \n \n \n | \n
| \n \n أسم الحساب \n \n \n | \n\n \n ايدنريد لخدمات إدارة بطاقات الدفع المسبق ذ.م.م \n \n \n | \n
| \n \n رقم الحساب \n \n \n | \n\n \n 0332545791001\n \n \n | \n
| \n \n رقم الآيبان \n \n \n | \n\n \n AE830400000332545791001\n \n \n | \n
| \n \n سويفت كود NRAKAEAK\n \n \n | \n\n \n NRAKAEAK\n \n \n | \n
| \n \n Routing Code\n \n \n | \n\n \n 740810000\n \n \n | \n
\n 6.5.\tEdenred reserves the right to suspend services of Customer after 45 days of non-payment from the date of invoice.\n \n \n
\n
,\n },\n [LANGUAGES.arabic]: {\n text: | \n \n Bank Name\n \n \n | \n\n \n RAS AL KHAIMAH BANK (RAK BANK)\n \n \n | \n
| \n \n Bank Branch\n \n \n | \n\n \n Umm Hurrair, Dubai\n \n \n | \n
| \n \n Account Name\n \n \n | \n\n \n EDENRED PREPAID CARDS MANAGEMENT SERVICES L.L.C\n \n \n | \n
| \n \n Account Number\n \n \n | \n\n \n 0332545791001\n \n \n | \n
| \n \n IBAN Number\n \n \n | \n\n \n AE830400000332545791001\n \n \n | \n
| \n \n Swift Code\n \n \n | \n\n \n NRAKAEAK\n \n \n | \n
| \n \n Routing Code\n \n \n | \n\n \n 740810000\n \n \n | \n
\n 5.6\tتحتفظ شركة ايدنريد بالحق في إيقاف الخدمات عن العميل بعد 45 يوم من عدم السداد من تاريخ الفاتورة.\n \n \n
\n
,\n },\n },\n {\n [LANGUAGES.english]: {\n text: '6.6.\tCustomer should transfer the invoice amount within the 30 days from the date of issuance of the invoice. The invoice amount should be transferred to the same Bank Account, details of which are set forth in Section 5.11. Funds transferred for the purpose of invoice payment will have to be supported by a bank transfer receipt mailed to Edenred.',\n },\n [LANGUAGES.arabic]: {\n text: '6.6.\tيجب على العميل تحويل مبلغ الفاتورة خلال 30 يومًا من تاريخ إصدار الفاتورة. يتعين تحويل مبلغ الفاتورة إلى نفس الحساب المصرفي التي ترد تفاصيله في القسم 11.5. تكون الأموال المحولة لغرض دفع الفاتورة مصحوبة بإيصال تحويل مصرفي يتم إرساله بالبريد إلى شركة ايدنريد.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '6.7.\tAny funds transferred or loaded into the C3Pay Payroll Cards shall continue to be owned by the Employee even after termination of their employment with the Customer or expiration of the C3Pay Payroll Card; in both cases Edenred shall provide the Customer with the necessary channels to ensure that any such funds remaining in the C3Pay Payroll Card can be made available to the Employee up to 90 day from the date of the termination of the employment of the Employee with the Customer.',\n },\n [LANGUAGES.arabic]: {\n text: '7.6.\tتظل أي أموال يتم تحويلها أو تحميلها في بطاقات كشوفات المرتبات C3Pay مملوكة للموظف حتى بعد انتهاء عملهم مع العميل أو انتهاء صلاحية بطاقة كشوفات المرتبات C3Pay ؛ وفي كلتا الحالتين، يتعين على شركة ايدنريد توفير القنوات اللازمة للعميل لضمان إتاحة أي أموال متبقية في بطاقة كشوفات المرتبات C3Pay للموظف إلى غاية 90 يومًا من تاريخ إنهاء توظيف الموظف لدى العميل.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '7.\tTerm and Termination',\n },\n [LANGUAGES.arabic]: {\n text: '7.\tالمدة والإنهاء:',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '7.1.\tThis Agreement shall commence on the date it is signed by the parties and shall continue until terminated.',\n },\n [LANGUAGES.arabic]: {\n text: '1.7\t تبدأ هذه الاتفاقية في التاريخ الذي يتم فيه التوقيع عليها من قبل الأطراف وتستمر حتى يتم إنهاؤها.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '7.2.\tThe Customer or Edenred may terminate this Agreement with or without any cause by serving the other party a ninety (90) days (“Notice Period”) written notice of termination.',\n },\n [LANGUAGES.arabic]: {\n text: '2.7\tيجوز للعميل أو شركة ايدنريد إنهاء هذه الاتفاقية بسبب أو بدون أي سبب من خلال تقديم إشعار خطي مدته 90 يومًا بإنهاء الاتفاقية للطرف الآخر (\"فترة الإشعار\").',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '7.3.\tWithout prejudice to any other rights, the Customer and Edenred shall have the right to terminate this Agreement by immediate written notice if:',\n },\n [LANGUAGES.arabic]: {\n text: '3.7\tمع عدم الإخلال بأي حقوق أخرى، يحق للعميل وشركة ايدنريد إنهاء هذه الاتفاقية بموجب إشعار خطي فوري إذا:',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '7.3.1.\tthe other party commits a material breach of this Agreement and fails to remedy the breach within seven (7) days upon receipt of a written notice to do so; or',\n },\n [LANGUAGES.arabic]: {\n text: '1.3.7\tارتكب الطرف الآخر خرقًا ماديًا لهذه الاتفاقية وأخفق في تصحيح الخرق في غضون سبعة (7) أيام من استلام إشعار خطي للقيام بذلك؛ أو',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '7.3.2.\tthe other party commits any act of bankruptcy or insolvency or compounds with its creditors or a petition or receiving order in bankruptcy is presented or made against either party or a petition for an administration order is presented in relation to either party or a resolution or petition to wind up either party is passed or presented (other than for merger or amalgamation) or receiver or administrative receiver is appointed.',\n },\n [LANGUAGES.arabic]: {\n text: '2.3.7\tإذا ارتكب الطرف الآخر أي عمل من أعمال الإفلاس أو الإعسار أو عقد صلح مع دائنيه أو تم تقديم أو رفع التماس أو استلام أمر بالإفلاس أو تقديمه ضد أي من الطرفين أو تقديم التماس لأمر إداري فيما يتعلق بأي من الطرفين أو قرار أو طلب بتصفية أي من الطرفين تم تمريره أو تقديمه (بخلاف لغرض الدمج أو الاندماج) أو يتم تعيين حارس قضائي أو حارس إداري. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '7.4.\tDuring any Notice Period, Edenred shall continue to provide the Service to the Customer pursuant to this Agreement and the Customer will pay all Fees relating to such Services.',\n },\n [LANGUAGES.arabic]: {\n text: '4.7\tخلال أي فترة إشعار، تستمر شركة ايدنريد في تقديم الخدمة للعميل وفقًا لهذه الاتفاقية وسيدفع العميل كافة الرسوم المتعلقة بتلك الخدمات.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '7.5.\tThe termination of this Agreement shall not affect any rights which have accrued to the parties before termination.',\n },\n [LANGUAGES.arabic]: {\n text: '5.7\t لن يؤثر إنهاء هذه الاتفاقية على أي حقوق تراكمت وأصبحت مستحقة للأطراف قبل الإنهاء.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '8.\tIntellectual Property',\n },\n [LANGUAGES.arabic]: {\n text: '8.\tالملكية الفكرية:',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '8.1.\tThe Customer agrees that Intellectual Property Rights in any part of the world which are at any time created by or deriving from the business of or owned by Edenred, developed by Edenred or are the existing property of Edenred are exclusively owned by Edenred and the Customer will not use or infringe such Intellectual Property Rights.',\n },\n [LANGUAGES.arabic]: {\n text: '1.8\tيوافق العميل على أن حقوق الملكية الفكرية في أي جزء من العالم، والتي تم إنشاؤها في أي وقت من طرف أو مشتقة من الأعمال التجارية لشركة ايدنريد أو المملوكة لها أو التي طورتها شركة ايدنريد أو أنها تحت الملكية الحالية لشركة ايدنريد هي حقوق مملوكة حصريًا لشركة ايدنريد ولن يقوم العميل باستعمال أو انتهاك حقوق الملكية الفكرية.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '8.2.\tThe Customer agrees that all Intellectual Property Rights in all documents and materials specifically produced by or on behalf of Edenred in connection with or relating to this Agreement shall vest in and belong to Edenred.',\n },\n [LANGUAGES.arabic]: {\n text: '2.8\tيوافق العميل على أن تكون كافة حقوق الملكية الفكرية في كافة المستندات والمواد الناتجة خصوصًا عن شركة ايدنريد أو بالنيابة عنها فيما يتعلق أو يتصل بهذه الاتفاقية ملكًا لشركة ايدنريد وتعود لها.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.\tGeneral',\n },\n [LANGUAGES.arabic]: {\n text: '9.\tبند عام:',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.1.\tEdenred will not be liable to the Customer for any delay or failure to fulfill its obligations under this Agreement to the extent that any such delay or failure arises from causes beyond its reasonable control including, without limitation, acts of terrorism, fire, floods, acts of God, acts or regulations of any governmental authority, war, riots, or strikes.',\n },\n [LANGUAGES.arabic]: {\n text: '1.9\t لن تكون شركة ايدنريد مسؤولة حيال العميل عن أي تأخير أو فشل في استيفاء التزاماتها بموجب هذه الاتفاقية إلى الحد الذي يكون فيه أي تأخير أو فشل ناشئ خارج نطاق سيطرتها المعقولة بما في ذلك، على سبيل المثال لا الحصر، أعمال الإرهاب أو الحرائق أو القضاء والقدر أو أعمال أو تنظيمات أي سلطة حكومية أو حرب أو أعمال شغب أو إضرابات.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.2.\tBoth parties shall (and will ensure that its personnel shall) keep confidential all information of the other party unless otherwise agreed in writing or the disclosure of such confidential information is permitted by law or disclosed to professional advisors.',\n },\n [LANGUAGES.arabic]: {\n text: '2.9 يحافظ كلا الطرفين (وسيضمنان أن يحافظ موظفيهما) على سرية كافة المعلومات الخاصة بالطرف الآخر ما لم يتم الاتفاق على خلاف ذلك خطيًا أو يُسمح بالكشف عن هذه المعلومات السرية بموجب القانون أو يتم الكشف عنها للمستشارين المهنيين. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.3.\tAll communication, C3Pay Payroll Cards, notices, invoices, demands or other documents under this Agreement may be delivered personally to either party, sent by courier or email to the other party to their respective addresses.',\n },\n [LANGUAGES.arabic]: {\n text: '3.9.\tيجوز تسليم كافة الإرساليات أو بطاقات كشوف المرتبات C3Pay أو الإخطارات أو الفواتير أو الطلبات أو الوثائق الأخرى بموجب هذه الاتفاقية شخصيًا إلى أي من الطرفين أو إرسالها بالبريد السريع أو البريد الإلكتروني للطرف الآخر على عناوينهم الخاصة بهم.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.4.\tThe Customer shall provide the necessary approvals to Edenred when requested for delivering & distribution of Cards at the premises of the Customer or the Customer’s staff accommodation.',\n },\n [LANGUAGES.arabic]: {\n text: '4.9.\tيقوم العميل بتقديم الموافقات اللازمة لشركة ايدنريد عند الطلب لتسليم وتوزيع البطاقات في مقر العميل أو مكان إقامة موظفي العميل. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.5.\tAny delay or omission by any party in exercising or enforcing (in whole or in part) any right or remedy arising under this Agreement shall not be construed as a waiver of such right or remedy.',\n },\n [LANGUAGES.arabic]: {\n text: '5.9.\tلا يتم تفسير أي تأخير أو إغفال من قبل أي طرف في ممارسة أو إنفاذ (كليًا أو جزئيًا) لأي حق أو تعويض ناشئ بموجب هذه الاتفاقية على أنه تنازل عن هذا الحق أو التعويض.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.6.\tIf any of the provisions under this Agreement is or becomes illegal or unenforceable, the remaining provisions shall continue in full force and effect.',\n },\n [LANGUAGES.arabic]: {\n text: '6.9.\tإذا كانت أي من الأحكام في هذه الاتفاقية غير قانونية أو أصبحت غير قانونية أو غير قابل للتنفيذ، تظل الأحكام المتبقية سارية المفعول والتأثير بالكامل.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.7.\tNo variation, extension or cancellations of this Agreement shall be binding upon either party unless agreed in writing by both parties.',\n },\n [LANGUAGES.arabic]: {\n text: '7.9.\tلن يكون أي تغيير أو تمديد أو إلغاء لهذه الاتفاقية ملزمًا لأي من الطرفين ما لم يتم الاتفاق خطيًا من قبل الطرفين. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.8.\tIf at any time a dispute arises in connection with this Agreement, representatives of the Customer and Edenred shall in the first instance meet in good faith with a view to resolving the dispute within a period of fifteen (15) working days from the day the dispute first arises. Should the parties fail to resolve the dispute amicably, then either party shall have a right to refer the matter to their appropriate levels of senior management for resolution. ',\n },\n [LANGUAGES.arabic]: {\n text: '8.9.\tفي حال نشوء نزاع في أي وقت فيما يتصل بهذه الاتفاقية، يجتمع ممثلو العميل وشركة ايدنريد في الأول بحسن نية بهدف حل النزاع في غضون خمسة عشر (15) يوم عمل من اليوم الذي نشأ فيه النزاع لأول مرة. في حال فشل الطرفين لحل النزاع وديًا، يحق لأي من الطرفين إحالة الأمر إلى المستويات المناسبة لكل منهما من الإدارة العليا لحلها.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.9.\tThis Agreement is governed by the laws of the Emirate of Dubai and the laws of the United Arab Emirates and the parties submit to the exclusive jurisdiction of the Dubai Courts.',\n },\n [LANGUAGES.arabic]: {\n text: '9.9.\tتخضع هذه الاتفاقية لقوانين إمارة دبي وقوانين الإمارات العربية المتحدة ويخضع الطرفان للاختصاص القضائي الحصري لمحاكم دبي. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '9.10.\tAll disputes arising out of or in connection with the present Agreement shall be settled amicably by sincere efforts of both Parties hereto, but if and when such disputes cannot be so settled, within 60 (sixty) days after occurrence of such disputes, then such disputes shall be, by the request of either Party, finally settled in the Dubai Courts. ',\n },\n [LANGUAGES.arabic]: {\n text: '10.9.\tتتم تسوية كافة النزاعات الناشئة عن أو فيما يتعلق بهذه الاتفاقية وديًا من خلال الجهود المخلصة لكلا الطرفين بموجب هذه الاتفاقية، ولكن إذا وعندما يتعذر تسوية تلك النزاعات في غضون 60 (ستين) يومًا بعد حدوث تلك النزاعات، تتم تسويتها، بناءًا على طلب أي من الطرفين، نهائيًا في محاكم دبي. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.\tService Level',\n },\n [LANGUAGES.arabic]: {\n text: '10.\tمستوى الخدمة',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.1.\tService Implementation & Customer Onboarding',\n },\n [LANGUAGES.arabic]: {\n text: '1.10\tتنفيذ الخدمة وتسجيل العملاء',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.1.1.\tCustomer Meetings – Edenred shall undertake to provide representation at customer meetings to discuss implementation concerns. The Customer will undertake to arrange such meetings by serving a written notice in advance to Edenred.',\n },\n [LANGUAGES.arabic]: {\n text: '1.1.10\tاجتماعات العملاء - تتعهد شركة ايدنريد بتوفير التمثيل في اجتماعات العملاء لمناقشة المخاوف الخاصة بالتنفيذ. يتعهد العميل بترتيب تلك الاجتماعات من خلال تقديم إشعار خطي مسبق إلى شركة ايدنريد.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.1.2.\tCommencement Date – Edenred shall agree the relevant commencement with the customer during the implementation meetings.',\n },\n [LANGUAGES.arabic]: {\n text: '2.1.10\tتاريخ البدء – يتعين على شركة ايدنريد أن توافق على تاريخ البدء ذي الصلة مع العميل خلال اجتماعات التنفيذ. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.2.\tOn-going Service',\n },\n [LANGUAGES.arabic]: {\n text: '2.10\t الخدمة المستمرة',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.2.1.\tCustomer Service – Edenred shall provide on-going customer service to the Customer and its Employees in the form of customer meetings, telephone conferences and helpdesks.',\n },\n [LANGUAGES.arabic]: {\n text: '1.2.10\tخدمة العملاء - تقدم شركة ايدنريد خدمة عملاء مستمرة للعميل وموظفيه في شكل اجتماعات العملاء والمؤتمرات عبر الهاتف ومكاتب المساعدة.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.2.2.\tIssues – Edenred shall undertake to investigate and remedy all valid issues reported by the Customer within a reasonable time. The Customer shall undertake to report any issues and concerns as soon as practically possible.',\n },\n [LANGUAGES.arabic]: {\n text: '2.2.10\tالإشكاليات - تتعهد شركة ايدنريد بالتحقيق في ومعالجة كل الإشكاليات الحقيقية والمشروعة التي أبلغ عنها العميل في غضون فترة زمنية معقولة. يتعهد العميل بالإبلاغ عن أي إشكاليات ومخاوف في أقرب وقت ممكن عمليًا. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.3.\tReports and Invoicing',\n },\n [LANGUAGES.arabic]: {\n text: '3.10.\tالتقارير والفواتير',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.3.1.\tInvoicing – Edenred shall undertake to provide relevant invoicing for each month’s activities.',\n },\n [LANGUAGES.arabic]: {\n text: '1.3.10\tالفوترة - تتعهد شركة ايدنريد بتوفير الفواتير ذات الصلة الخاصة بأنشطة كل شهر. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.3.2.\tProcessing of Payroll File/Payment Date –Edenred shall ensure that the Salaries are loaded into the C3Pay Payroll Cards by the next working day after receiving funds before the WPS Cut-Off Time of 14:30 PM. ',\n },\n [LANGUAGES.arabic]: {\n text: '2.3.10\tمعالجة ملف كشوف المرتبات/ تاريخ الدفع - تضمن شركة ايدنريد أن يتم تحميل المرتبات في بطاقات كشوف المرتبات C3Pay بحلول يوم العمل التالي بعد تلقي الأموال قبل آخر موعد لقيد ودائع في حساب عميل لبنك عبر نظام حماية الأجور والذي هو 14:30 مساءًا. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.3.3.\tConfirmation of Successful Payment – Edenred shall provide confirmation to the Customer on the Payment Date that the payroll has been successfully processed and the relevant Salaries loaded into the C3Pay payroll cards.',\n },\n [LANGUAGES.arabic]: {\n text: '3.3.10\tتأكيد الدفع الناجح - تقدم شركة ايدنريد تأكيدًا للعميل في تاريخ الدفع بأنه تمت معالجة كشوف المرتبات بنجاح وتحميل المرتبات ذات الصلة في بطاقات كشوفات المرتبات C3Pay. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '10.3.4.\tIssues with Payroll File – Edenred undertake to make all necessary validations and checks on all submitted Payroll Files and report any discrepancies on Edenred payroll portal. ',\n },\n [LANGUAGES.arabic]: {\n text: '4.3.10\tالمشكلات الخاصة بملف المرتبات - تتعهد شركة ايدنريد بإجراء كافة عمليات المصادقة والتحقق اللازمة على كافة ملفات كشوف المرتبات المقدمة والإبلاغ عن أي تباينات عبر بوابة كشوف المرتبات الخاصة بشركة ايدنريد. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '11.\tKnow Your Customer (KYC)',\n },\n [LANGUAGES.arabic]: {\n text: '11.\tاعرف عميلك',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '11.1.\tCustomer will be liable to provide all the necessary KYC documents in regards to the company registration and authorized signatories at the time of signing of this Agreement',\n },\n [LANGUAGES.arabic]: {\n text: '1.11\tيكون العميل مسؤولاً عن تقديم كافة مستندات \"اعرف عميلك\" الضرورية فيما يخص تسجيل الشركة والمفوضين بالتوقيع في وقت توقيع هذه الاتفاقية. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '11.2.\tCustomer shall be liable, to either provide all the necessary KYC documents for their employees applying for a C3Pay Payroll Card, or alternatively support their Employees in providing the same directly to Edenred at time of distribution of the cards.',\n },\n [LANGUAGES.arabic]: {\n text: '2.11\t يكون العميل مسؤولاً، إما عن تقديم كل مستندات \"اعرف عميلك\" الضرورية الخاصة بموظفيه الذين يطلبون الحصول على بطاقة كشوف الروتب C3Pay ، أو بدلاً من ذلك دعم موظفيه في تقديم تلك المستندات مباشرةً إلى شركة ايدنريد في وقت توزيع البطاقات. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '11.3.\tCustomer must make an effort in informing Edenred at the time of termination of the Employee ',\n },\n [LANGUAGES.arabic]: {\n text: '3.11\tيجب على العميل إبلاغ شركة ايدنريد في الوقت المناسب بإنهاء خدمات الموظف. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '12.\tIndemnity',\n },\n [LANGUAGES.arabic]: {\n text: '12.\tالتعويض',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '12.1.\tThe Customer agrees to indemnify, defend and hold harmless Edenred, its holding company, affiliates, subsidiaries and their representatives, officers, employees, contractors, assigns and agents indemnified from and against all losses arising in connection with this Agreement, including, without limitation, in connection with any breach of this Agreement by the Customer, any Card Application, any C3Pay Payroll Cards, any payment to any C3Pay Payroll Cards, any Payroll Account, any Payroll File, the Intellectual Property Rights, any fraud, act or omission of the Customer, the Employees or any other third party. ',\n },\n [LANGUAGES.arabic]: {\n text: '1.12\tيوافق العميل على تعويض والدفاع عن وتعويض تضرر شركة ايدنريد وشركتها القابضة وشركاتها التابعة وشركاتها الفرعية وممثليها ومسؤوليها وموظفيها ومقاوليها والمتنازل لهم والوكلاء الذين يتم تعويضهم عن وضد كافة الخسائر الناشئة فيما يتعلق بهذه الاتفاقية، بما في ذلك من دون حصر، فيما يتعلق بأي خرق لهذه الاتفاقية من قبل العميل، أو أي طلب للبطاقة، أو أي بطاقات كشوف المرتباتC3Pay ، وأي مدفوعات لأي بطاقات كشوف المرتبات C3Pay، وأي حساب كشوف مرتبات، أو أي ملف كشوف مرتبات، أو حقوق ملكية فكرية، أو أي احتيال أو فعل أو إغفال من طرف العميل أو الموظفين أو أي طرف ثالث آخر. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '12.2.\tIn case Edenred cannot deliver a Card to the Cardholder, the Company takes the responsibility to deliver the Card to the Cardholder and keep the record of delivery of such Cards. ',\n },\n [LANGUAGES.arabic]: {\n text: '2.12\t في حال لم تتمكن شركة ايدنريد من تسليم البطاقة إلى صاحبها، تتحمل الشركة مسؤولية تسليم البطاقة إلى حامل البطاقة والاحتفاظ بسجل تسليم هذه البطاقات. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '12.3.\tCustomer shall take full responsibility of the Cards upon taking delivery of the Cards from Edenred representative. ',\n },\n [LANGUAGES.arabic]: {\n text: '3.12\t يتحمل العميل المسؤولية الكاملة عن البطاقات عند استلامها من ممثل شركة ايدنريد. ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '13.\tData Protection',\n },\n [LANGUAGES.arabic]: {\n text: '13.\t حماية البيانات ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '13.1.\tEdenred undertakes to be the Data Controller of all personal data procured as a consequence of the performance of activities outlined in this Agreement or any subsequent Amendments to this Agreement. ',\n },\n [LANGUAGES.arabic]: {\n text: '13.1 تمثل إيدنريد مراقب البيانات الشخصية التي تم جمعها نتيجة لأداء الأنشطة الموضحة في هذه الاتفاقية أو أي تعديلات لاحقة على هذه الاتفاقية.',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '13.2.\tThe Customer acknowledges and agrees that the storage of such data specified in Clause 13.1 is undertaken by the Third-Party Card Processing Company affiliated with Edenred.',\n },\n [LANGUAGES.arabic]: {\n text: '13.2 يقر العميل ويوافق على أن البيانات المخزنة والمحددة فى البند 13.1 يتم معالجتها عن طريق طرف ثالث وهى شركة معالجة البيانات التابعة لشركة إيدنريد ',\n },\n },\n {\n [LANGUAGES.english]: {\n text: '13.3.\tEdenred agrees to execute its role as specified in Clause 13.1 in compliance with the provisions of the applicable Data Protection Laws of the UAE.',\n },\n [LANGUAGES.arabic]: {\n text: '13.3 توافق شركة إيدينريد على تنفيذ دورها على النحو المحدد فى البند 13.1 بما يتوافق مع أحكتم قوانين حماية البيانات المعمول به فى دولة الإمارات العربية المتحدة ',\n },\n },\n ],\n});\n","import React from 'react';\nimport TermsOfService from './termsOfService';\nimport reducer from '../reducer';\nimport sagas from '../sagas';\nimport { withReducer } from '@store/reducerLoader';\nimport Spaces from './Spaces';\n\nconst TermsOfServicePage = () => {\n\t// return | \n \n اسم البنك\n \n \n | \n\n \n بنك رأس الخيمة \n \n \n | \n
| \n \n فرع البنك \n \n \n | \n\n \n أم هرير، دبي \n \n \n | \n
| \n \n اسم الحساب شركة ايدنريد\n \n \n | \n\n \n ايدنريد لخدمات إدارة بطاقات الدفع المسبق ذ.م.م \n \n \n | \n
| \n \n رقم الحساب \n \n \n | \n\n \n 0332545791001\n \n \n | \n
| \n \n رقم الآيبان \n \n \n | \n\n \n AE830400000332545791001\n \n \n | \n
| \n \n سويفت كود\n \n \n | \n\n \n NRAKAEAK\n \n \n | \n
| \n \n رمز التوجيه\n \n \n | \n\n \n 740810000\n \n \n | \n
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t1.\n\t\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t1.1.\n\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t2.\n\t\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t3.\n\t\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t4.\n\t\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t5.\n\t\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t6. \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t7. \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t8.\n\t\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t9. \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t10.\n\t\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t11.\n\t\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t12.\n\t\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t13.\n\t\t\t\t\t\t \n\t\t\t
\n\t);\n};\n\nconst ReducedScreen = withReducer('feeInfo', reducer, sagas)(TermsOfServicePage);\nexport default ReducedScreen;\n","import React from 'react';\nimport { LANGUAGES, TERMS_OF_SERVICE } from './constants';\nimport './tableTermsOfServices.scss';\n\nconst TableView = () => {\n\treturn (\n\t\tTerms and Conditions
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tDefinitions:\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tAgreement \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tmeans this agreement, including the Terms and Conditions. This agreement is to be read in its entirety and shall\n\t\t\t\t\tprevail over any previous agreements or its addendums.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tBank\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t means the authorized bank chosen by Edenred in order to open the Customer’s Payroll Account to\n\t\t\t\t\tmanage the payroll funds.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tCard Application\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t means the completed and signed card application form submitted by the Customer to Edenred containing a request for\n\t\t\t\t\ta Payroll Card.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tCardholder means an employee of the Customer availing of the Services and approved by Edenred and holding a C3\n\t\t\t\t\t\tPayroll Card.\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tCustomer\n\t\t\t\t\n\t\t\t\t means any Customer entering into an agreement with Edenred.\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tEmployee \n\t\t\t\t\n\t\t\t\tmeans an employee (including any 3\n\t\t\t\trd\n\t\t\t\t\n\t\t\t\t\t party agency worker or contractor; whether full-time, part-time or temporary workers, as applicable) of the\n\t\t\t\t\tCustomer availing of the Services and approved by Edenred and holding a C3 Payroll Card.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tFee\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t means all fees, charges and expenses (including handling charges and additional expenses) applicable, from time to time, in\n\t\t\t\t\trelation to the Services.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tIntellectual Property Rights\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t means all intellectual property rights any part of the world which includes copyright, design rights, patents, patent\n\t\t\t\t\tapplications and any rights to inventions, know-how, trade secrets, trade and business names, logos and devices, trade and service\n\t\t\t\t\tmarks (whether registered or unregistered) and any applications therefore and all rights in confidential information.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tLosses \n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tmeans all losses, claims, actions, demands, liabilities, costs, expenses and damages of any nature whatsoever and whether or\n\t\t\t\t\tnot reasonably foreseeable or avoidable.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tPayment Dates\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t means the dates described in the Payroll File when the Customer intends to disburse the Salaries to its Employees.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tPayroll Account\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t means the bank account with the Bank maintained by Edenred for and on behalf of the Customer for the purpose of\n\t\t\t\t\tholding segregated payroll funds.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tPayroll Card\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t means the plastic debit or pre-paid card issued by Edenred in affiliation with one of the operating banks in the\n\t\t\t\t\tUAE to the Employees for the purpose of receiving Salaries.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tPayroll File\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t means the electronic file issued by the Customer to Edenred containing details of Salaries to be loaded on the\n\t\t\t\t\tPayroll Cards.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tSalary/Salaries\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t means the amount payable by the Customer to its Employees in accordance with the WPS Payroll File, and including\n\t\t\t\t\tand other payments, including incentive payments, outside WPS, including Free Zone employee or any 3rd party agency worker or\n\t\t\t\t\tcontractor; whether full-time, part-time or temporary workers, as applicable.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tService/s\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t shall mean the payroll and card services provided by Edenred pursuant to this Agreement.\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tSIF means ‘Salary Information\n\t\t\t\t\n\t\t\t\t \n\t\t\t\t\n\t\t\t\t\tFile’\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t that is used to process salaries at any of UAE Central bank agents. This file contains all standard information for salary\n\t\t\t\t\tprocessing defined by UAE Central Bank under the Wage Protection System (WPS).\n\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tWPS\n\t\t\t\t\n\t\t\t\t means the UAE Wage Protection System.\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t- \n\t\t\t\t
- \n\t\t\t\t
- \n\t\t\t\t
- \n\t\t\t\t
- \n\t\t\t\t
- \n\t\t\t\t
- \n\t\t\t\t
\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t2.1.\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred shall make available to the customer the required Card Application forms to be submitted with all related\n\t\t\t\t\t\tdocuments to proceed to card ordering. The Card Application forms will be sent to the customer via email and made\n\t\t\t\t\t\tavailable on the Edenred corporate portal. \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t2.2.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred shall have the right to decline any Card Application that is not filled properly or that contains untrue,\n\t\t\t\t\t\tinaccurate or misleading information. Edenred further reserves the right to decline to issue Payroll Cards to any\n\t\t\t\t\t\tEmployee at is sole discretion for any valid reason. The Customer will perform Know your Customer (KYC), and provide all\n\t\t\t\t\t\tnecessary documents, after agreeing that only Employees whose identity they are able to verify, will be nominated as\n\t\t\t\t\t\tapplicants for Payroll Cards. Further details of KYC as added in Point 12.) \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t2.3.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer shall ensure that each Employee has filled and completed the Card Application with all of the\n\t\t\t\t\t\tinformation required. The Customer shall verify the Employee’s signature as well as the accuracy of the information\n\t\t\t\t\t\tprovided in the Card Application. In the absence of employee signature, the customer shall take responsibility of indemnifying\n\t\t\t\t\t\tthe employee details by stamping and signing of the authorized signatory. Edenred shall have the right to decline\n\t\t\t\t\t\tany application for payroll card if incomplete KYC documents are provided at time of submitting the application form (Employee\n\t\t\t\t\t\tFile).\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t2.4.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer shall issue and deliver all completed Card Applications to Edenred, which shall process the Card\n\t\t\t\t\t\tApplications and deliver the Payroll Cards to the Customer within a period of seven (7) to ten (10) working days from the date\n\t\t\t\t\t\tof the delivery of the Card Applications.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t2.5.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred shall deliver all issued Payroll Cards to the Customer. The Customer will have access, through\n\t\t\t\t\t\tthe Edenred Corporate Portal, to a list containing the total number of Payroll Cards Issued, names of the\n\t\t\t\t\t\temployees to whom the payroll cards are issued and their respective customer ID number.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t3.1.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tSubject to any other clause of this Agreement, Edenred shall act upon any Payroll File received from the Customer\n\t\t\t\t\t\tand shall load the Payroll Cards with the Salaries as stipulated in the Payroll File. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t3.2.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred shall not act upon any Payroll File that contains any discrepancy, error or omission. Edenred shall\n\t\t\t\t\t\tnotify the Customer upon discovery of deficiencies in the \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t- \n\t\t\t\tPayroll File and the Customer shall immediately correct this by issuing a new Payroll File. \n\t\t\t\t \n\t\t\t
\n\t\t\t\t3.3.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Payroll File shall be received by Edenred; two (2) working days prior to the Payment Dates and Payroll Funds shall be\n\t\t\t\t\t\treceived by Edenred, one (1) working day prior the Payment Dates. Edenred shall not be responsible for any\n\t\t\t\t\t\tdelay in disbursing Salaries and shall not be held liable for any claim in connection with performing the Services if the\n\t\t\t\t\t\tPayroll File is not received by Edenred within the above subscribed period. Any delay in processing Salary\n\t\t\t\t\t\tdisbursement as a result of deficiencies shall be at the sole risk and liability of the Customer.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t3.4.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred will facilitate same day disbursement on condition that Payroll File shall be received by Edenred and Payroll Funds\n\t\t\t\t\t\tshall be received and cleared in our Payroll Account not later than 14:30 (GST) Monday to Saturday.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t3.4.1.\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEdenred shall not be responsible for any delay in disbursing Salaries and shall not be held liable for any claim in\n\t\t\t\t\t\t\tconnection with performing the Services if the Payroll File is not received by Edenred within the above subscribed period\n\t\t\t\t\t\t\tand if Payroll funds have not been received and cleared in our Payroll Account.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t3.4.2.\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEdenred endeavors complete payments with the above timeframes however any delay in processing Salary disbursement as a\n\t\t\t\t\t\t\tresult of deficiencies shall be at the sole risk and liability of the Customer.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t3.5.\n\t\t\t\t\n\t\t\t\t\tWPS Procedures (if applicable) : \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t3.5.1.\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tThe customer shall ensure to provide all the accurate labor card numbers, person ID and Establishment ID numbers in the\n\t\t\t\t\t\t\tCardholder File (Employee File) or update them directly on the Edenred Corporate Portal to process WPS.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t3.5.2.\n\t\t\t\t\t\n\t\t\t\t\t\tThe User of the corporate portal should upload the SIF file.\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t3.5.3.\n\t\t\t\t\t\n\t\t\t\t\t\tThe Verifier should validate the SIF file uploaded.\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t3.5.4.\n\t\t\t\t\t\n\t\t\t\t\t\tOnce verified Edenred will process the salary file.\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t3.5.5.\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tDebit adjustments are not allowed in case of salary processed through WPS. Once the salary is notified to WPS, no debit\n\t\t\t\t\t\t\tadjustment can be done. Any Customer generated errors, adjustments on WPS salary disbursement, can only be\n\t\t\t\t\t\t\trectified/reversed by Edenred through WPS process via Central bank (Central bank charges will apply).\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t3.5.6.\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tThe Customer shall take full responsibility for the authenticity of the details mentioned in the Edenred online portal and\n\t\t\t\t\t\t\tsalary file. Any complaint, claim, loss or damage arising out of any discrepancy/deficiency in the contents of the salary\n\t\t\t\t\t\t\tfile would be solely handled and borne by the Company.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t4.1\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tCustomer must use the Account below to transfer funds for the purpose of the Monthly Payroll. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tBank Name\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tRAS AL KHAIMAH BANK (RAK BANK)\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tBank Branch\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tUmm Hurrair, Dubai\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tAccount Name\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tEDENRED PREPAID CARDS MANAGEMENT SERVICES L.L.C\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tAccount Number\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t0332545791001\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tIBAN Number\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tAE830400000332545791001\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSwift Code\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tNRAKAEAK\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tRouting Code\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t740810000\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t4.2\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tUpon transferring the funds, the Customer must send proof of the funds transfer in form of a deposit slip shared via email\n\t\t\t\t\t\tto \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\taccounts-ae@edenred.com\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.1\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer warrants that they fully understand the procedures and requirements for the provision of the Service as set out\n\t\t\t\t\t\tin this Agreement.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.2.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer should provide a list of Authorized Users and Verifiers for the usage of Edenred Corporate Portal\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.3.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWith any Payroll File, the Customer shall ensure that the Salaries funds have been credited one (1) working day in advance, to\n\t\t\t\t\t\tthe Payroll Account, to meet the total Salaries amounts on the Payroll File and to the\n\t\t\t\t\t\tnominated Edenred fee account to meet the applicable Fees. \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.4.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer shall pay all of the applicable fees mentioned in this agreement in relation to the Services\n\t\t\t\t\t\tprovided, including: \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tcard issuance fee\n\t\t\t\t\t\n\t\t\t\t\t which must be paid upon signing this Agreement, and \n\t\t\t\t\t\n\t\t\t\t\t\ta monthly fee. Additionally, a card renewal fee,\n\t\t\t\t\t\n\t\t\t\t\t after expiry, of AED 5 per card and \n\t\t\t\t\t\n\t\t\t\t\t\tcard account closure fee\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t after cancellation of AED 4 per card will be charged. This must be paid by the Customer within thirty (30)\n\t\t\t\t\t\tdays from the date of the invoice issuance. \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.5.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Fees do not include any applicable value-added tax (\"VAT\") or other taxes. Any VAT, if applicable, will be payable by the\n\t\t\t\t\t\tCustomer. This additional amount will be added to the invoice at the appropriate rate.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.6.\n\t\t\t\t\n\t\t\t\t\tATM Waiver - Unlimited Free Withdrawals at RAKBANK and C3Pay ATMs.\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.7.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer agrees that Edenred may amend the Fees applicable with a mutually agreed Schedule of\n\t\t\t\t\t\tCharges. The Customer agrees to pay any new applicable Fees from the date of any such notice.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.8.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tDuring the commercial term, upon commencement of each agreement year following the first agreement year, the Monthly Fee\n\t\t\t\t\t\tshall be adjusted by a percentage equal to the percentage increase in the UAE inflation rate. Such adjustment shall take place\n\t\t\t\t\t\tonly once per agreement year on a calendar-year basis.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.9.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer hereby undertakes to inform its Employees and always keep them aware of any change(s) or amendment(s) to this\n\t\t\t\t\t\tAgreement, as and when it occurs.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.10.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer agrees, at the Customer’s own expense, to defend, indemnify and keep Edenred, its holding company,\n\t\t\t\t\t\taffiliates and subsidiaries and their representatives, officers, employees and agents indemnified from and against all\n\t\t\t\t\t\tLosses arising in connection with this Agreement, including, without limitation, in connection with any breach of this\n\t\t\t\t\t\tAgreement by the Customer, any Card Application, any Payroll Cards, any payment to any Payroll Cards, any Payroll Account, any\n\t\t\t\t\t\tPayroll File, the Intellectual Property Rights, any fraud, any act or omission of the Customer or the Employees and any claim\n\t\t\t\t\t\tor suit by any third Party arising from the provision of the Services to the Customer. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.11.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred shall not be liable, in any way, for any files processed in the Edenred system once the designated\n\t\t\t\t\t\tCustomer Verifier has validated and submitted the file.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t5.12.\n\t\t\t\t\n\t\t\t\t\tCustomer must use the following Account for the transfer of Edenred Invoice Payment:\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tBank Name\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tRAS AL KHAIMAH BANK (RAK BANK)\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tBank Branch\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tUmm Hurrair, Dubai\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tAccount Name\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tEDENRED PREPAID CARDS MANAGEMENT SERVICES L.L.C\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tAccount Number\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t0332545791003\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tIBAN Number\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tAE290400000332545791003\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
| \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSwift Code\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tNRAKAEAK\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t6.1.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tOn the Payment Dates and subject to this Agreement, Edenred shall load the payroll cards for those Employees listed\n\t\t\t\t\t\tin the Payroll File with their respective Salaries\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t6.2.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred shall carry out the Services in a diligent and professional manner and in compliance with all applicable laws,\n\t\t\t\t\t\tregulations and appropriate banking practices. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t6.3.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred shall not perform the Services unless notified to do so by the Customer. Unless the Payroll File is transmitted\n\t\t\t\t\t\tand received by Edenred in the manner as prescribed in this Agreement and any related service level agreements, no\n\t\t\t\t\t\tSalary shall be loaded into any Payroll Card. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t6.4.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred shall provide a monthly invoice for any Fees indicating the number of active payroll cards per Customer for\n\t\t\t\t\t\tbilling purposes. The billing cycle is set from the 26\n\t\t\t\t\t\n\t\t\t\t\tth\n\t\t\t\t\t of the previous month to the 25\n\t\t\t\t\tth\n\t\t\t\t\t\n\t\t\t\t\t\t of the current month. All invoices raised for a particular month will have to be paid within thirty (30) days from the\n\t\t\t\t\t\tdate of Invoice. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t6.5.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred reserves the right to suspend services of Customer after 45 days of non-payment from the date of invoice.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t6.6.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tCustomer should transfer the Invoice Amount along with the next month’s payroll funds in order to process the salaries.\n\t\t\t\t\t\tThe Invoice Amount should be transferred to the same Bank Account, details of which are mentioned in Point 5. Funds\n\t\t\t\t\t\ttransferred for the purpose of Invoice payment will have to be supported by a bank transfer receipt mailed to Edenred.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t6.7.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tAny funds transferred or loaded into the Payroll Cards shall continue to be owned by the Employee even after termination of\n\t\t\t\t\t\ttheir employment with the Customer or expiration of the Payroll Card, in both cases Edenred shall provide the\n\t\t\t\t\t\tCustomer with the necessary channels to ensure that any such funds remaining in the Payroll Card can be made available to the\n\t\t\t\t\t\tEmployee.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t7.1.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThis Agreement shall commence on the date it is signed by the parties and shall continue until terminated.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t7.2.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer or Edenred may terminate this Agreement with or without any cause by serving the other party with\n\t\t\t\t\t\tninety (90) days (“\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tNotice Period\n\t\t\t\t\t\n\t\t\t\t\t”) written notice of termination. \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t7.3.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWithout prejudice to any other rights, the Customer and Edenred shall have the right to terminate this Agreement by\n\t\t\t\t\t\timmediate written notice if:\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t7.3.1. \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tthe other party commits a material breach of this Agreement and fails to remedy the breach within seven (7) days upon\n\t\t\t\t\t\t\treceipt of a written notice to do so; or\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t7.3.2. \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tthe other party commits any act of bankruptcy or insolvency or compounds with its creditors or a petition or receiving\n\t\t\t\t\t\t\torder in bankruptcy is presented or made against either party or a petition for an administration order is presented in\n\t\t\t\t\t\t\trelation to either party or a resolution or petition to wind up either party is passed or presented (other than for merger\n\t\t\t\t\t\t\tor amalgamation) or receiver or administrative receiver is appointed. \n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t7.4.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tDuring any Notice Period, Edenred shall continue to provide the Service to the Customer pursuant to this Agreement\n\t\t\t\t\t\tand the Customer will pay all Fees relating to such Services. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t7.5.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tAny refund of monies held on account shall only be remitted back to a bank account in the name of the Customer; refunds will\n\t\t\t\t\t\tbe completed within 10 business days following any of notice of termination.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t7.6.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe termination of this Agreement shall not affect any rights which have accrued to the parties before termination.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t8.1.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer agrees that Intellectual Property Rights in any part of the world which are at any time created by or deriving\n\t\t\t\t\t\tfrom the business of or owned by Edenred, developed by Edenred or are the existing property\n\t\t\t\t\t\tof Edenred are exclusively owned by Edenred and the Customer will not use or infringe such Intellectual\n\t\t\t\t\t\tProperty Rights; conversely, Edenred agrees that Intellectual Property Rights in any part of the world which are at\n\t\t\t\t\t\tany time created by or deriving from the business of or owned by the Customer, developed by the Customer or are the existing\n\t\t\t\t\t\tproperty of the Customer are exclusively owned by the Customer and Edenred will not use or infringe such\n\t\t\t\t\t\tIntellectual Property Rights.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t8.2.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe Customer agrees that all Intellectual Property Rights in all documents and materials specifically produced by or on behalf\n\t\t\t\t\t\tof Edenred in connection with or relating to this Agreement shall vest in and belong to Edenred;\n\t\t\t\t\t\tconversely, Edenred agrees that all Intellectual Property Rights in all documents and materials specifically\n\t\t\t\t\t\tproduced by or on behalf of the Customer in connection with or relating to this Agreement shall vest in and belong\n\t\t\t\t\t\tto the Customer.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t8.3.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred agrees that they will not use the Customer’s IP without our prior written consent, this\n\t\t\t\t\t\tincludes the use of their IP in any Edenred website, portal or marketing documents;\n\t\t\t\t\t\tconversely, the Customer agrees that they will not use Edenred IP without our prior written consent, this\n\t\t\t\t\t\tincludes the use of Edenred IP in any Customer website, portal or marketing documents.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t9.1.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tEdenred will not be liable to the Customer for any delay or failure to fulfill its obligations under this Agreement to\n\t\t\t\t\t\tthe extent that any such delay or failure arises from causes beyond its reasonable control including, without limitation, acts\n\t\t\t\t\t\tof terrorism, fire, floods, acts of God, acts or regulations of any governmental authority, war, riots, or\n\t\t\t\t\t\tstrikes. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t9.2.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tBoth parties shall (and will ensure that its personnel shall) keep confidential all information of the other party unless\n\t\t\t\t\t\totherwise agreed in writing or the disclosure of such confidential information is permitted by law or disclosed to\n\t\t\t\t\t\tprofessional advisors.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t9.3.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tAll communication, Payroll Cards, notices, invoices, demands or other documents under this Agreement may be delivered\n\t\t\t\t\t\tpersonally to either party, sent by courier, email or faxed to the other party to their respective addresses. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t9.4.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe customer shall provide the necessary approvals to Edenred when requested for delivering & distribution of\n\t\t\t\t\t\tCards at the premises of the company or the company provided staff accommodation.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t9.5.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tAny delay or omission by any party in exercising or enforcing (in whole or in part) any right or remedy arising under this\n\t\t\t\t\t\tAgreement shall not be construed as a waiver of such right or remedy. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t9.6.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIf any one of the provisions under this Agreement is or becomes illegal or unenforceable, the remaining provisions shall\n\t\t\t\t\t\tcontinue in full force and effect.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t9.7.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tNo variation, extension or cancellations of this Agreement shall be binding upon either party unless agreed in writing.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t9.8.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIf at any time a dispute arises in connection with this Agreement, representatives of the Customer and Edenred shall\n\t\t\t\t\t\tin the first instance meet in good faith with a view to resolving the dispute within a period of fifteen (15) working days\n\t\t\t\t\t\tfrom the day the dispute first arises. Should the parties not be able to resolve the dispute then both parties shall\n\t\t\t\t\t\trefer the matter to their appropriate levels of senior management for resolution. \n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t9.9.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThis Agreement is governed by the laws of the Emirate of Dubai and the laws of the United Arab Emirates and the\n\t\t\t\t\t\tparties submit to the exclusive jurisdiction of the Dubai Courts.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t9.10.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tAll disputes arising out of or in connection with the present Agreement shall be settled amicably by sincere efforts of both\n\t\t\t\t\t\tParties hereto, but if and when such disputes cannot be so settled, within 60 (sixty) days after occurrence of such\n\t\t\t\t\t\tdisputes, then such disputes shall be, by the request of either Party, finally settled in accordance with the Dubai\n\t\t\t\t\t\tInternational Arbitration Centre (DIAC) Rules. There shall be a single arbitrator. The seat of the arbitration shall be the in\n\t\t\t\t\t\tDubai, United Arab Emirates and the arbitral proceedings shall be in English. Any award made by the arbitrator shall\n\t\t\t\t\t\tstate the reasons for their decision taking into account all aspects of the dispute, controversy or difference. All\n\t\t\t\t\t\tcosts of arbitration shall be shared equally between the Parties, except that each party shall pay its own legal costs.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t10.1.\n\t\t\t\t\n\t\t\t\t\tService Implementation & Customer On boarding\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t10.1.1. \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tCustomer Meetings – Edenred shall undertake to provide representation at customer meetings to discuss\n\t\t\t\t\t\t\timplementation concerns. The Customer will undertake to arrange such meetings with advance notice to Edenred.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t10.1.2. \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tCommencement Date – Edenred shall agree the relevant commencement with the customer during the\n\t\t\t\t\t\t\timplementation meetings.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t10.2.\n\t\t\t\t\n\t\t\t\t\tOn-going Service\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t10.2.1. \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tCustomer Service – Edenred shall provide on-going customer service to the Customer and its Employees in\n\t\t\t\t\t\t\tthe form of customer meetings, telephone conferences and helpdesks. \n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t10.2.2. \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tIssues – Edenred shall undertake to investigate and remedy all valid issues reported by the Customer\n\t\t\t\t\t\t\twithin a reasonable time. The Customer shall undertake to report any issues and concerns as soon as practically\n\t\t\t\t\t\t\tpossible.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t10.3.\n\t\t\t\t\n\t\t\t\t\tReports and Invoicing\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t10.3.1. \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tInvoicing – Edenred shall undertake to provide relevant invoicing for each month’s activities.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t10.3.2. \n\t\t\t\t\t\n\t\t\t\t\t\tProcessing of Payroll File/Payment Date\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t–\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEdenred shall ensure that the salaries are loaded into the Payroll Cards at or before 8 PM of the Payment Date, upon\n\t\t\t\t\t\t\treceiving funds before the WPS Cut-Off Time.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t10.3.3. \n\t\t\t\t\t\n\t\t\t\t\t\tConfirmation of Successful Payment\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t–\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEdenred shall provide confirmation to the Customer on the Payment Date that the payroll has been successfully\n\t\t\t\t\t\t\tprocessed and the relevant salaries loaded into the payroll cards.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t
\n\t\t\t\t\t10.3.4. \n\t\t\t\t\t\n\t\t\t\t\t\tIssues with Payroll File\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t–\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tEdenred undertake to make the necessary validations and checks on all submitted Payroll Files and report any\n\t\t\t\t\t\t\tdiscrepancies within 24 hours of receipt if sent from Sunday to Wednesday.\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t11.1.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tCustomer will be liable to provide all the necessary KYC documents in regards to the company registration and\n\t\t\t\t\t\tauthorized signatories at the time of signing of this agreement\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t11.2.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tCustomer shall be liable, to either provide all the necessary KYC documents for their employees applying for\n\t\t\t\t\t\ta C3 Payroll Card, or alternatively support their employees in providing the same directly, to Edenred at time\n\t\t\t\t\t\tof distribution of the cards.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t11.3.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tCustomer is responsible to provide Card application forms on behalf of their employees to Edenred, duly stamped by the\n\t\t\t\t\t\tcompany seal.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t11.4.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tCustomer shall make an effort in informing Edenred at the time of termination of the employee \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t12.1.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIn consideration of this agreement for “Payroll Disbursement Services,” Each Party hereby undertakes to indemnify\n\t\t\t\t\t\tthe other in full against all direct consequences, liability of any kind directly arising from or relating to breach of that\n\t\t\t\t\t\tparty of the terms of this Payroll Service Agreement.\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t12.2.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIn case Edenred cannot deliver a Card to the Cardholder, the Customer takes the responsibility to deliver\n\t\t\t\t\t\tthe Card to the Cardholder and collect the acknowledgement, which should be shared with Edenred.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t12.3.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tCustomer shall take full responsibility of the Cards upon taking delivery of the Cards\n\t\t\t\t\t\tfrom Edenred representative. \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\n\t\t\t\n\t\t\t\t13.1.\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe following is applicable ONLY If you have subscribed to unemployment insurance along with\n\t\t\t\t\t\tyour payroll services,:\n\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t13.1.1\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tUnemployment Insurance policies are issued pursuant to Decree-Law No. 13 of 2022 regarding Unemployment Insurance and Cabinet\n\t\t\t\t\t\tResolution No. 97 of 2022 regarding the mechanisms and controls for implementing Unemployment Insurance. They are subject to\n\t\t\t\t\t\tall terms and conditions contained therein.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\n\t\t\t\n\t\t\t\t13.1.2 \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tPolicies are issued by Dubai Insurance Co. (P.S.C), While Edenred is acting as the payment facilitator to enabling your\n\t\t\t\t\t\tpolicies issued easily.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\n\t\t\t\n\t\t\t\t13.1.3 \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tImportant: By agreeing to these terms and conditions, you agree that you have collected consent\n\t\t\t\t\t\tfrom its employees and informed them about the following:\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\n\t\t\t\n\t\t\t\t13.1.3.1 \n\t\t\t\t\n\t\t\t\t\tThe unemployment insurance is a mandatory government regulation\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\n\t\t\t\n\t\t\t\t13.1.3.2 \n\t\t\t\t\n\t\t\t\t\tHow the unemployment insurance works and what are its benefits\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\n\t\t\t\n\t\t\t\t13.1.3.3 \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe cost of the subscription to unemployment insurance from Dubai Insurance via Edenred is monthly AED 5 + VAT + AED 0.75\n\t\t\t\t\t\ttransaction fee.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\n\t\t\t\n\t\t\t\t13.1.3.4 \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe recurring payments will be debited automatically from their C3Pay accounts to maintain the subscription. Employees can\n\t\t\t\t\t\tstop their subscription on the C3Pay app at any time\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\n\t\t\t\n\t\t\t\t13.1.3.5 \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tThe insurance policy, insurance coverage and claims are all entirely provided by Dubai Insurance Co. P.S.C. Under this\n\t\t\t\t\t\tprovision, Edenred is exempted from any liability that may arise with the sale of the policy and all associated claims The\n\t\t\t\t\t\tCompany agrees to indemnify, defend, and hold harmless Edenred, its holding company, affiliates, subsidiaries and their\n\t\t\t\t\t\trepresentatives, officers, employees, contractors, assigns and agents indemnified from and against all losses arising in\n\t\t\t\t\t\tconnection with this Agreement (including without limitation lawyers’ fees, penalties, interest and loss of profits) in\n\t\t\t\t\t\tconnection with any breach of this Agreement by the Customer, any fraud, act or omission of the Customer, the Employees or any\n\t\t\t\t\t\tother third party.\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t \n\t\t\t
\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t
\n\t);\n};\n\nexport default TableView;\n","import React from 'react';\nimport TableView from './TableView';\n\nconst TermsOfServicePage = () => {\n\treturn Terms and Conditions
\n\t\t\t| {TERMS_OF_SERVICE.header[LANGUAGES.english].text} | \n\t\t\t\t\t\t\n\t\t\t\t\t\t | {TERMS_OF_SERVICE.header[LANGUAGES.arabic].text} | \n\t\t\t\t\t
|---|---|---|
| {data[LANGUAGES.english].text} | \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t | {data[LANGUAGES.arabic].text} | \n\t\t\t\t\t\t\t
\n\t\t\t {\n\t\t\t\t\t\t\thistory.push('/employeview');\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t);\n};\n\nexport default Mohedragger;\n","const POST_EMPLOYEE_DATA_START = 'POST_EMPLOYEE_DATA_START';\nconst POST_EMPLOYEE_DATA_SUCCESS = 'POST_EMPLOYEE_DATA_SUCCESS';\nconst POST_EMPLOYEE_DATA_ERROR = 'POST_EMPLOYEE_DATA_ERROR';\nconst GET_EMPLOYEE_DATA_START = 'GET_EMPLOYEE_DATA_START';\nconst GET_EMPLOYEE_DATA_SUCCESS = 'GET_EMPLOYEE_DATA_SUCCESS';\nconst GET_EMPLOYEE_DATA_ERROR = 'GET_EMPLOYEE_DATA_ERROR';\nconst POST_EMPLOYEE_DETAILS_START = 'POST_EMPLOYEE_DETAILS_START';\nconst POST_EMPLOYEE_DETAILS_SUCCESS = 'POST_EMPLOYEE_DETAILS_SUCCESS';\nconst POST_EMPLOYEE_DETAILS_ERROR = 'POST_EMPLOYEE_DETAILS_ERROR';\nconst POST_ADD_EMPLOYEE_START = ' POST_ADD_EMPLOYEE_START';\nconst POST_ADD_EMPLOYEE_SUCCESS = ' POST_ADD_EMPLOYEE_SUCCESS';\nconst POST_ADD_EMPLOYEE_ERROR = ' POST_ADD_EMPLOYEE_ERROR';\nconst GET_NATIONAL_DATA_START = 'GET_NATIONAL_DATA_START';\nconst GET_NATIONAL_DATA_SUCCESS = 'GET_NATIONAL_DATA_SUCCESS';\nconst GET_NATIONAL_DATA_ERROR = 'GET_NATIONAL_DATA_ERROR';\nconst DEL_EMPLOYEE_DATA_START = 'DEL_EMPLOYEE_DATA_START';\nconst DEL_EMPLOYEE_DATA_SUCCESS = 'DEL_EMPLOYEE_DATA_SUCCESS';\nconst DEL_EMPLOYEE_DATA_ERROR = 'DEL_EMPLOYEE_DATA_ERROR';\nconst GET_BANK_NAME_START = 'GET_BANK_NAME_START';\nconst GET_BANK_NAME_SUCCESS = 'GET_BANK_NAME_SUCCESS';\nconst GET_BANK_NAME_ERROR = 'GET_BANK_NAME_ERROR';\nconst GET_ORDER_CARD_START = 'GET_ORDER_CARD_START';\nconst GET_ORDER_CARD_SUCCESS = 'GET_ORDER_CARD_SUCCESS';\nconst GET_ORDER_CARD_ERROR = 'GET_ORDER_CARD_ERROR';\nconst GET_SALARY_TEMPLATE_START = 'GET_SALARY_TEMPLATE_START';\nconst GET_SALARY_TEMPLATE_SUCCESS = 'GET_SALARY_TEMPLATE_SUCCESS';\nconst GET_SALARY_TEMPLATE_ERROR = 'GET_SALARY_TEMPLATE_ERROR';\nconst POST_UPLOAD_DATA_START = 'POST_UPLOAD_DATA_START';\nconst POST_UPLOAD_DATA_SUCCESS = ' POST_UPLOAD_DATA_SUCCESS';\nconst POST_UPLOAD_DATA_ERROR = 'POST_UPLOAD_DATA_ERROR';\n\nconst postuploadStart = (params) => {\n\treturn {\n\t\ttype: POST_UPLOAD_DATA_START,\n\t\tparams,\n\t};\n};\n\nconst postuploadSuccess = (res) => {\n\treturn {\n\t\ttype: POST_UPLOAD_DATA_SUCCESS,\n\t\tres,\n\t};\n};\n\nconst postuploadError = () => {\n\treturn {\n\t\ttype: POST_UPLOAD_DATA_ERROR,\n\t};\n};\n\nconst postemployeeStart = (params) => {\n\treturn {\n\t\ttype: POST_EMPLOYEE_DATA_START,\n\t\tparams,\n\t};\n};\n\nconst postemployeeSuccess = (res) => {\n\treturn {\n\t\ttype: POST_EMPLOYEE_DATA_SUCCESS,\n\t\tres,\n\t};\n};\n\nconst postemployeeError = () => {\n\treturn {\n\t\ttype: POST_EMPLOYEE_DATA_ERROR,\n\t};\n};\nconst getemployeeStart = (res) => {\n\treturn {\n\t\ttype: GET_EMPLOYEE_DATA_START,\n\t\tres,\n\t};\n};\n\nconst getemployeeSuccess = (res) => {\n\treturn {\n\t\ttype: GET_EMPLOYEE_DATA_SUCCESS,\n\t\tres,\n\t};\n};\n\nconst getemployeeError = () => {\n\treturn {\n\t\ttype: GET_EMPLOYEE_DATA_ERROR,\n\t};\n};\nconst delemployeeStart = (res, requestParams) => {\n\treturn {\n\t\ttype: DEL_EMPLOYEE_DATA_START,\n\t\tres,\n\t\trequestParams,\n\t};\n};\n\nconst delemployeeSuccess = (res) => {\n\treturn {\n\t\ttype: DEL_EMPLOYEE_DATA_SUCCESS,\n\t\tres,\n\t};\n};\n\nconst delemployeeError = () => {\n\treturn {\n\t\ttype: DEL_EMPLOYEE_DATA_ERROR,\n\t};\n};\nconst getnationalStart = (res) => {\n\treturn {\n\t\ttype: GET_NATIONAL_DATA_START,\n\t\tres,\n\t};\n};\n\nconst getnationalSuccess = (res) => {\n\treturn {\n\t\ttype: GET_NATIONAL_DATA_SUCCESS,\n\t\tres,\n\t};\n};\n\nconst getnationalError = () => {\n\treturn {\n\t\ttype: GET_NATIONAL_DATA_ERROR,\n\t};\n};\n\nconst postdetailsStart = (params) => {\n\treturn {\n\t\ttype: POST_EMPLOYEE_DETAILS_START,\n\t\tparams,\n\t};\n};\n\nconst postdetailsSuccess = (res) => {\n\treturn {\n\t\ttype: POST_EMPLOYEE_DETAILS_SUCCESS,\n\t\tres,\n\t};\n};\n\nconst postdetailsError = () => {\n\treturn {\n\t\ttype: POST_EMPLOYEE_DETAILS_ERROR,\n\t};\n};\nconst postaddStart = (params, requestParams, isAdd, etype) => {\n\treturn {\n\t\ttype: POST_ADD_EMPLOYEE_START,\n\t\tparams,\n\t\trequestParams,\n\t\tisAdd,\n\t\tetype,\n\t};\n};\n\nconst postaddSuccess = (res) => {\n\treturn {\n\t\ttype: POST_ADD_EMPLOYEE_SUCCESS,\n\t\tres,\n\t};\n};\n\nconst postaddError = () => {\n\treturn {\n\t\ttype: POST_ADD_EMPLOYEE_ERROR,\n\t};\n};\nconst getbanknameStart = (res) => {\n\treturn {\n\t\ttype: GET_BANK_NAME_START,\n\t\tres,\n\t};\n};\n\nconst getbanknameSuccess = (res) => {\n\treturn {\n\t\ttype: GET_BANK_NAME_SUCCESS,\n\t\tres,\n\t};\n};\n\nconst getbanknameError = () => {\n\treturn {\n\t\ttype: GET_BANK_NAME_ERROR,\n\t};\n};\nconst getordercardStart = (res) => {\n\treturn {\n\t\ttype: GET_ORDER_CARD_START,\n\t\tres,\n\t};\n};\nconst getordercardSuccess = (res) => {\n\treturn {\n\t\ttype: GET_ORDER_CARD_SUCCESS,\n\t\tres,\n\t};\n};\nconst getordercardError = () => {\n\treturn {\n\t\ttype: GET_ORDER_CARD_ERROR,\n\t};\n};\nconst getsalarytemplateStart = (res) => {\n\treturn {\n\t\ttype: GET_SALARY_TEMPLATE_START,\n\t\tres,\n\t};\n};\nconst getsalarytemplateSuccess = (res) => {\n\treturn {\n\t\ttype: GET_SALARY_TEMPLATE_SUCCESS,\n\t\tres,\n\t};\n};\nconst getsalarytemplateError = () => {\n\treturn {\n\t\ttype: GET_SALARY_TEMPLATE_ERROR,\n\t};\n};\nexport default {\n\ttypes: {\n\t\tPOST_EMPLOYEE_DATA_START,\n\t\tPOST_EMPLOYEE_DATA_SUCCESS,\n\t\tPOST_EMPLOYEE_DATA_ERROR,\n\t\tGET_EMPLOYEE_DATA_START,\n\t\tGET_EMPLOYEE_DATA_SUCCESS,\n\t\tGET_EMPLOYEE_DATA_ERROR,\n\t\tPOST_EMPLOYEE_DETAILS_START,\n\t\tPOST_EMPLOYEE_DETAILS_SUCCESS,\n\t\tPOST_EMPLOYEE_DETAILS_ERROR,\n\t\tPOST_ADD_EMPLOYEE_START,\n\t\tPOST_ADD_EMPLOYEE_SUCCESS,\n\t\tPOST_ADD_EMPLOYEE_ERROR,\n\t\tGET_NATIONAL_DATA_START,\n\t\tGET_NATIONAL_DATA_SUCCESS,\n\t\tGET_NATIONAL_DATA_ERROR,\n\t\tDEL_EMPLOYEE_DATA_START,\n\t\tDEL_EMPLOYEE_DATA_SUCCESS,\n\t\tDEL_EMPLOYEE_DATA_ERROR,\n\t\tGET_BANK_NAME_START,\n\t\tGET_BANK_NAME_SUCCESS,\n\t\tGET_BANK_NAME_ERROR,\n\t\tGET_ORDER_CARD_START,\n\t\tGET_ORDER_CARD_SUCCESS,\n\t\tGET_ORDER_CARD_ERROR,\n\t\tGET_SALARY_TEMPLATE_START,\n\t\tGET_SALARY_TEMPLATE_SUCCESS,\n\t\tGET_SALARY_TEMPLATE_ERROR,\n\t\tPOST_UPLOAD_DATA_START,\n\t\tPOST_UPLOAD_DATA_SUCCESS,\n\t\tPOST_UPLOAD_DATA_ERROR,\n\t},\n\tcreators: {\n\t\tpostuploadStart,\n\t\tpostuploadSuccess,\n\t\tpostuploadError,\n\t\tpostemployeeStart,\n\t\tpostemployeeSuccess,\n\t\tpostemployeeError,\n\t\tgetemployeeStart,\n\t\tgetemployeeSuccess,\n\t\tgetemployeeError,\n\t\tpostdetailsStart,\n\t\tpostdetailsSuccess,\n\t\tpostdetailsError,\n\t\tpostaddStart,\n\t\tpostaddSuccess,\n\t\tpostaddError,\n\t\tgetnationalStart,\n\t\tgetnationalSuccess,\n\t\tgetnationalError,\n\t\tdelemployeeStart,\n\t\tdelemployeeSuccess,\n\t\tdelemployeeError,\n\t\tgetbanknameStart,\n\t\tgetbanknameSuccess,\n\t\tgetbanknameError,\n\t\tgetordercardStart,\n\t\tgetordercardSuccess,\n\t\tgetordercardError,\n\t\tgetsalarytemplateStart,\n\t\tgetsalarytemplateSuccess,\n\t\tgetsalarytemplateError,\n\t},\n};\n","import Actions from './action';\n\nexport const initState = {\n\tisEmployeeLoading: false,\n\temployeeData: {},\n\tisGetEmployeeLoading: false,\n\tgetemployeeData: {},\n\tisEmployeeDetails: false,\n\temployeeDetails: [],\n\tisEmployeeAdd: false,\n\temployeeAdd: [],\n\tisNationLoading: false,\n\tnationalData: [],\n\tisDelEmployeeLoading: false,\n\tdelemployeeData: [],\n\tisBankNameLoading: false,\n\tbanknameData: [],\n\tpostapiStatus: 'pending',\n\tordercardData: 'p',\n\tisOrderCardLoading: false,\n\tsalarytemplateData: [],\n\tisSalaryTemplateLoading: false,\n\tisUploadbuttonData: 'pending',\n\tuploadData: {},\n\tisUploadLoading: false,\n\tordervalidate: '',\n};\n\nconst employeeReducer = (state = initState, action) => {\n\tswitch (action.type) {\n\t\tcase Actions.types.POST_UPLOAD_DATA_START: {\n\t\t\tconsole.log('1');\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisUploadLoading: true,\n\t\t\t\tisUploadbuttonData: 'pending',\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.POST_UPLOAD_DATA_SUCCESS: {\n\t\t\tconsole.log('2');\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisUploadLoading: false,\n\t\t\t\tuploadData: action.res,\n\t\t\t\tisUploadbuttonData: action.res ? 'success' : 'pending',\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.POST_UPLOAD_DATA_ERROR: {\n\t\t\tconsole.log('3');\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisUploadLoading: false,\n\t\t\t\tisUploadbuttonData: 'pending',\n\t\t\t};\n\t\t}\n\n\t\tcase Actions.types.POST_EMPLOYEE_DATA_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisEmployeeLoading: true,\n\t\t\t\tpostapiStatus: 'pending',\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.POST_EMPLOYEE_DATA_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisEmployeeLoading: false,\n\t\t\t\temployeeData: action.res,\n\t\t\t\tpostapiStatus: !action.res ? 'success' : 'pending',\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.POST_EMPLOYEE_DATA_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisEmployeeLoading: false,\n\t\t\t\tpostapiStatus: 'error',\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_EMPLOYEE_DATA_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisGetEmployeeLoading: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_EMPLOYEE_DATA_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisGetEmployeeLoading: false,\n\t\t\t\tgetemployeeData: action.res,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_EMPLOYEE_DATA_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisGetEmployeeLoading: false,\n\t\t\t};\n\t\t}\n\t\t//\n\t\tcase Actions.types.DEL_EMPLOYEE_DATA_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisDelEmployeeLoading: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.DEL_EMPLOYEE_DATA_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisDelEmployeeLoading: false,\n\t\t\t\tdelemployeeData: action.res,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.DEL_EMPLOYEE_DATA_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisDelEmployeeLoading: false,\n\t\t\t};\n\t\t}\n\t\t//\n\t\tcase Actions.types.GET_NATIONAL_DATA_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisNationalLoading: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_NATIONAL_DATA_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisNationalLoading: false,\n\t\t\t\tgetnationalData: action.res,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_NATIONAL_DATA_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisNationalLoading: false,\n\t\t\t};\n\t\t}\n\n\t\tcase Actions.types.POST_EMPLOYEE_DETAILS_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisEmployeeDetails: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.POST_EMPLOYEE_DETAILS_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisEmployeeDetails: false,\n\t\t\t\temployeeDetails: action.res.data,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.POST_EMPLOYEE_DETAILS_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisEmployeeDetails: false,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.POST_ADD_EMPLOYEE_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisEmployeeAdd: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.POST_ADD_EMPLOYEE_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisEmployeeAdd: false,\n\t\t\t\temployeeAdd: action.res,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.POST_ADD_EMPLOYEE_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisEmployeeAdd: false,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_BANK_NAME_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisBankNameLoading: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_BANK_NAME_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisBankNameLoading: false,\n\t\t\t\tgetbanknameData: action.res,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_BANK_NAME_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisBankNameLoading: false,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_ORDER_CARD_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisOrderCardLoading: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_ORDER_CARD_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisOrderCardLoading: false,\n\t\t\t\tordercardData: action.res,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_ORDER_CARD_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisOrderCardLoading: false,\n\t\t\t};\n\t\t}\n\n\t\tcase Actions.types.GET_SALARY_TEMPLATE_START: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisSalaryTemplateLoading: true,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_SALARY_TEMPLATE_SUCCESS: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisSalaryTemplateLoading: false,\n\t\t\t\tsalarytemplateData: action.res,\n\t\t\t};\n\t\t}\n\t\tcase Actions.types.GET_SALARY_TEMPLATE_ERROR: {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tisSalaryTemplateLoading: false,\n\t\t\t};\n\t\t}\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n\nexport default employeeReducer;\n","import { OPPURTUNITY, notificationStrings, API_DOMAIN } from '@constants/app-constants';\nimport { call, put, takeEvery } from 'redux-saga/effects';\n\nimport Actions from '../action';\nimport Axios from 'axios';\nimport { message } from 'antd';\nimport { openNotificationWithIcon } from '@sharedComponent/notification-message/notification';\n\nexport function* getEmployeeServices(action) {\n\tlet formData = new FormData();\n\tformData.append('file', action.params);\n\ttry {\n\t\tlet branchid = localStorage.getItem('branchId');\n\n\t\tconst uri = `${API_DOMAIN}/Employee/${branchid}/upload`;\n\t\tlet res = yield call(Axios.post, uri, formData);\n\n\t\tyield put(Actions.creators.postuploadSuccess(res.data));\n\t} catch (err) {\n\t\t// message.error(err)\n\t\tyield put(Actions.creators.postuploadError());\n\t}\n}\nexport function* getEmployeeData(action) {\n\ttry {\n\t\tlet branchid = localStorage.getItem('branchId');\n\n\t\t// let branchid = 33304;\n\t\tconst uri = `${API_DOMAIN}/Employee/${branchid}?pageNumber=${action.res.pageNumber}&pageSize=${action.res.pageSize}`;\n\t\tlet res = yield call(Axios.get, uri);\n\n\t\tyield put(Actions.creators.getemployeeSuccess(res.data));\n\t} catch (err) {\n\t\t// message.error(err)\n\t\tyield put(Actions.creators.postemployeeError());\n\t}\n}\n\nexport function* postEmployeeAdd({ params, requestParams, isAdd, etype }) {\n\ttry {\n\t\tlet branchId = localStorage.getItem('branchId');\n\n\t\tconst uri = `${API_DOMAIN}/Employee/${branchId}/save`;\n\t\tlet res = yield call(Axios.patch, uri, params);\n\t\tif (etype === 'orderCards') {\n\t\t\tyield put(Actions.creators.postemployeeSuccess(res.data));\n\t\t}\n\t\tif (etype === 'orderCards' && !res.data) {\n\t\t\tyield put(Actions.creators.getordercardStart());\n\t\t}\n\t} catch (err) {\n\t\t// message.error(err)\n\t\tyield put(Actions.creators.postuploadSuccess());\n\t}\n}\nexport function* getNationalData(action) {\n\ttry {\n\t\t// let branchid = 33304;\n\t\tconst uri = `${API_DOMAIN}/Country`;\n\t\tlet res = yield call(Axios.get, uri);\n\n\t\tyield put(Actions.creators.getnationalSuccess(res.data));\n\t} catch (err) {\n\t\t// message.error(err)\n\t\tyield put(Actions.creators.postemployeeError());\n\t}\n}\nexport function* delEmployeeData(action) {\n\ttry {\n\t\tlet branchid = localStorage.getItem('branchId');\n\n\t\t// let branchid = 33304;\n\n\t\tconst uri = `${API_DOMAIN}/Employee/${branchid}/${action.res}`;\n\t\tlet res = yield call(Axios.delete, uri);\n\n\t\tyield put(Actions.creators.getemployeeStart(action.requestParams));\n\t} catch (err) {\n\t\t// message.error(err)\n\t\tyield put(Actions.creators.postemployeeError());\n\t}\n}\nexport function* getBankNameData(action) {\n\ttry {\n\t\t// let branchid = 33304;\n\t\tconst uri = `${API_DOMAIN}/Routing`;\n\t\tlet res = yield call(Axios.get, uri);\n\n\t\tyield put(Actions.creators.getbanknameSuccess(res.data));\n\t} catch (err) {\n\t\t// message.error(err)\n\t\tyield put(Actions.creators.postemployeeError());\n\t}\n}\nexport function* ordercardDataSaga(action) {\n\ttry {\n\t\t// let branchid = 33304;\n\t\tlet branchid = localStorage.getItem('branchId');\n\t\tconst uri = `${API_DOMAIN}/Employee/${branchid}/order-card`;\n\t\tlet res = yield call(Axios.get, uri);\n\n\t\tyield put(Actions.creators.getordercardSuccess(res.data));\n\t\tconsole.log('res', res.data);\n\t} catch (err) {\n\t\t// message.error(err)\n\t\tyield put(Actions.creators.postemployeeError());\n\t}\n}\n\nexport function* salarytemplate(action) {\n\ttry {\n\t\t// let branchid = 33304;\n\t\tlet branchid = localStorage.getItem('branchId');\n\t\tconst uri = `${API_DOMAIN}/FileTemplate/Employee/Download`;\n\t\tlet res = yield call(Axios.get, uri, {\n\t\t\tresponseType: 'blob',\n\t\t\theaders: {\n\t\t\t\tAccept: 'application/pdf',\n\t\t\t},\n\t\t});\n\n\t\t// yield put(Actions.creators.getordercardSuccess(res.data));\n\t\tconst downloadUrl = window.URL.createObjectURL(res.data);\n\t\tconst link = document.createElement('a');\n\t\tlink.href = downloadUrl;\n\t\tlink.setAttribute('download', 'Employee.xls');\n\t\tdocument.body.appendChild(link);\n\t\tlink.click();\n\t\tdocument.body.removeChild(link);\n\t} catch (err) {\n\t\t// message.error(err)\n\t\tyield put(Actions.creators.postemployeeError());\n\t}\n}\n\nexport default function* orderWatcher() {\n\tyield takeEvery(Actions.types.POST_UPLOAD_DATA_START, getEmployeeServices);\n\tyield takeEvery(Actions.types.POST_ADD_EMPLOYEE_START, postEmployeeAdd);\n\tyield takeEvery(Actions.types.GET_EMPLOYEE_DATA_START, getEmployeeData);\n\tyield takeEvery(Actions.types.GET_NATIONAL_DATA_START, getNationalData);\n\tyield takeEvery(Actions.types.DEL_EMPLOYEE_DATA_START, delEmployeeData);\n\tyield takeEvery(Actions.types.GET_NATIONAL_DATA_START, getBankNameData);\n\tyield takeEvery(Actions.types.GET_ORDER_CARD_START, ordercardDataSaga);\n\tyield takeEvery(Actions.types.GET_SALARY_TEMPLATE_START, salarytemplate);\n}\n","import { all } from 'redux-saga/effects';\nimport orderWatcher from './ordersaga';\n\nexport default function* rootSaga(action) {\n\tyield all([orderWatcher(action)]);\n}\n","import Employeesheet from './employeesheet';\nimport { createSelector } from 'reselect';\nimport { initState } from './reducer';\n\nconst orderedpage = (state) => state.employeeReducer || initState;\nconst isUploadLoading = createSelector(orderedpage, (cnter) => cnter.isUploadLoading);\nconst uploadData = createSelector(orderedpage, (cnter) => cnter.uploadData);\nconst isUploadbuttonData = createSelector(orderedpage, (cnter) => cnter.isUploadbuttonData);\nconst isEmployeeLoading = createSelector(orderedpage, (cnter) => cnter.isEmployeeLoading);\nconst employeeData = createSelector(orderedpage, (cnter) => cnter.employeeData);\nconst isNationalLoading = createSelector(orderedpage, (cnter) => cnter.isNationalLoading);\nconst getnationalData = createSelector(orderedpage, (cnter) => cnter.getnationalData);\n\nconst isDelEmployeeLoading = createSelector(orderedpage, (cnter) => cnter.isDelEmployeeLoading);\nconst delemployeeData = createSelector(orderedpage, (cnter) => cnter.delemployeeData);\n\nconst isGetEmployeeLoading = createSelector(orderedpage, (cnter) => cnter.isGetEmployeeLoading);\nconst getemployeeData = createSelector(orderedpage, (cnter) => cnter.getemployeeData);\nconst isEmployeeDetails = createSelector(orderedpage, (cnter) => cnter.isEmployeeDetails);\nconst employeeDetails = createSelector(orderedpage, (cnter) => cnter.employeeDetails);\nconst isEmployeeAdd = createSelector(orderedpage, (cnter) => cnter.isEmployeeAdd);\nconst employeeAdd = createSelector(orderedpage, (cnter) => cnter.employeeAdd);\nconst postapiStatus = createSelector(orderedpage, (cnter) => cnter.postapiStatus);\nconst isBankNameLoading = createSelector(orderedpage, (cnter) => cnter.isBankNameLoading);\nconst getbanknameData = createSelector(orderedpage, (cnter) => cnter.getbanknameData);\nconst isOrderCardLoading = createSelector(orderedpage, (cnter) => cnter.isOrderCardLoading);\nconst ordercardData = createSelector(orderedpage, (cnter) => cnter.ordercardData);\n\nconst isSalaryTemplateLoading = createSelector(orderedpage, (cnter) => cnter.isSalaryTemplateLoading);\nconst salarytemplateData = createSelector(orderedpage, (cnter) => cnter.salarytemplateData);\nexport default {\n\tisEmployeeLoading,\n\temployeeData,\n\tisGetEmployeeLoading,\n\tgetemployeeData,\n\tisEmployeeDetails,\n\temployeeDetails,\n\tisEmployeeAdd,\n\temployeeAdd,\n\tisNationalLoading,\n\tgetnationalData,\n\tisDelEmployeeLoading,\n\tdelemployeeData,\n\tgetbanknameData,\n\tisBankNameLoading,\n\tpostapiStatus,\n\tisOrderCardLoading,\n\tordercardData,\n\tisSalaryTemplateLoading,\n\tsalarytemplateData,\n\tisUploadbuttonData,\n\tuploadData,\n\tisUploadLoading,\n};\n","import './error-table.scss';\n\nimport { Col, Popconfirm } from 'antd';\nimport React, { useState } from 'react';\n\nimport ImageComponent from '@sharedComponent/image-component';\n// import UploadPayrollPopup from 'src/utils/uploadPayrollPopup';\n// import { icons } from '@assets/icons/index';\nimport { images } from 'src/assets/img';\nimport { useEffect } from 'react';\n\nexport default function ErrorTable({\n\tdata = [\n\t\t{\n\t\t\tcolumnName: 'EmiratesId',\n\t\t\trowId: [1, 2],\n\t\t\terrorMessage: 'Emirates ID number should begin with 784.',\n\t\t},\n\t\t{\n\t\t\tcolumnName: 'EmiratesId',\n\t\t\trowId: [1, 2],\n\t\t\terrorMessage: \"Employee's Date of Birth doesn't match with the Emirates ID number.\",\n\t\t},\n\t\t{\n\t\t\tcolumnName: 'Iban',\n\t\t\trowId: [2],\n\t\t\terrorMessage: 'The bank details for the employee will not be considered as you selected C3 as a channel.',\n\t\t},\n\t],\n\tloadErrorData,\n\tenableNextButton,\n\tfromDeletePage = false,\n}) {\n\tconst [dataSource, setDataSource] = useState({ tableData: data, expanded: false });\n\tconst [errorCount, setErrorCount] = useState(0);\n\tconst [ignoredData, setIgnoredData] = useState([]);\n\tconst [errordataList, setErrorDataList] = useState([]);\n\tconst [checkList, setCheckList] = useState([]);\n\tconst [visible, setVisible] = useState(false);\n\tconst [isRemove, setIsRemove] = useState(false);\n\tconst [temp, setTemp] = useState(null);\n\tconst [message, setMessage] = useState('');\n\tconst [subMessage, setSubMessage] = useState('');\n\tconst [indexNo, setIndexNo] = useState(null);\n\tconst removeMessage = \"This employee will be removed from the file. Please click 'Yes' to confirm.\";\n\tconst IgnoreMessage = \"This error will be ignored and the employee will be included in the file. Please click 'Yes' to confirm.\";\n\n\t// console.log('dataSource', dataSource);\n\n\tuseEffect(() => {\n\t\tsetDataSource({\n\t\t\t...dataSource,\n\t\t\ttableData: data,\n\t\t});\n\t}, [data]);\n\n\tconst toggleContent = () => {\n\t\tsetDataSource({\n\t\t\t...dataSource,\n\t\t\texpanded: !expanded,\n\t\t});\n\t};\n\tconst { tableData, expanded } = dataSource;\n\n\tlet viewContent = '';\n\tlet slicedData = [];\n\tif (expanded) {\n\t\tviewContent = 'less';\n\t\tslicedData = tableData.slice(0, tableData.length);\n\t} else {\n\t\tviewContent = 'all';\n\t\tslicedData = tableData.slice(0, 2);\n\t}\n\n\tconst autoFixEmployeeFileError = (errorEmployeeObject, index) => {\n\t\tif (errorEmployeeObject) {\n\t\t\tlet errorData = [];\n\t\t\tlet rowId = errorEmployeeObject.rowId;\n\n\t\t\tif (rowId.length > 1) {\n\t\t\t\trowId.forEach((id, index) => {\n\t\t\t\t\terrorData.push({\n\t\t\t\t\t\tcolumnName: errorEmployeeObject.columnName,\n\t\t\t\t\t\tempId: id.toString(),\n\t\t\t\t\t\trowId: id.toString(),\n\t\t\t\t\t\terror: errorEmployeeObject.errorMessage,\n\t\t\t\t\t\terrorAction: errorEmployeeObject.errorType,\n\t\t\t\t\t});\n\t\t\t\t});\n\n\t\t\t\tloadErrorData(errorData);\n\t\t\t} else {\n\t\t\t\tlet singleArrayObject = [];\n\t\t\t\tsingleArrayObject.push({\n\t\t\t\t\tcolumnName: errorEmployeeObject.columnName,\n\t\t\t\t\tempId: errorEmployeeObject.rowId[0],\n\t\t\t\t\trowId: errorEmployeeObject.rowId[0],\n\t\t\t\t\terror: errorEmployeeObject.errorMessage,\n\t\t\t\t\terrorAction: errorEmployeeObject.errorType,\n\t\t\t\t});\n\t\t\t\tloadErrorData(singleArrayObject);\n\t\t\t}\n\t\t\tlet checkedList = [];\n\t\t\tcheckedList = checkList;\n\t\t\tcheckedList.push(index);\n\t\t\tsetCheckList(checkedList);\n\n\t\t\tenableButton();\n\t\t\tsetVisible(false);\n\t\t}\n\t};\n\n\tconst enableButton = () => {\n\t\tif ([...checkList].length == tableData.length) {\n\t\t\tenableNextButton(true);\n\t\t} else {\n\t\t\tenableNextButton(false);\n\t\t}\n\t};\n\tconst closePopup = () => {\n\t\tsetVisible(false);\n\t};\n\tconst onConfirm = () => {\n\t\tsetIsRemove(true);\n\t\tsetVisible(false);\n\t};\n\tconst setPopupMessage = (errorType) => {\n\t\tif (errorType === 'Remove') {\n\t\t\tsetMessage('Remove Employee(s) from File');\n\t\t\tsetSubMessage('Do you want to remove employee(s) from the file?');\n\t\t} else if (errorType === 'Round-off Decimals') {\n\t\t\tsetMessage('Round off decimals?');\n\t\t\tsetSubMessage('Your file will be submitted with a maximum of 2 decimals for each salary.');\n\t\t} else if (errorType === 'Ignore') {\n\t\t\tsetMessage('Ignore error?');\n\t\t\tsetSubMessage('The error will be ignored and the employee will be included in the file.');\n\t\t} else if (errorType === 'Bank Error') {\n\t\t\tsetMessage('Ignore Bank Error?');\n\t\t\tsetSubMessage('A C3Pay card will be delivered for this employee.');\n\t\t} else if (errorType === 'Remove Bank') {\n\t\t\tsetMessage('Ignore Bank Error?');\n\t\t\tsetSubMessage('A C3Pay card will be delivered for this employee.');\n\t\t} else {\n\t\t\tsetMessage('Remove Employee(s) from File');\n\t\t\tsetSubMessage('Do you want to remove employee(s) from the file?');\n\t\t}\n\t};\n\treturn (\n\t\tUpload MoHRE List
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t1\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tVisit www.xyz.com\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t2\n\t\t\t\t\t
\n\t\t\t\t\tLogin with your credentials and download the MoHRE PDF list of employees.
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t3\n\t\t\t\t\t
\n\t\t\t\t\tUpload the list in PDF format
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t4\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tClick “Submit”. You will be asked to select the employees that require C3Pay Cards in the next screen.\n\t\t\t\t\t
\n\t\t\t\t| Column | \n\t\t\t\t\t\tEmployee ID | \n\t\t\t\t\t\tError | \n\t\t\t\t\t\t{!fromDeletePage &&Action | }\n\t\t\t\t\t
|---|---|---|---|
| {data.columnName} | \n\t\t\t\t\t\t\t\t{data?.employeeId?.join()} | \n\t\t\t\t\t\t\t\t{data?.errorMessage} | \n\t\t\t\t\t\t\t\t{!fromDeletePage && data.errorType && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{data.errorType !== 'Required' ? (\n\t\t\t\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t
(componentRef = el)}>\r\n\t\t\t{children}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default FadeIn;\r\n","import DragNDrop from '@sharedComponent/drag-drop';\nimport { Col, Row } from 'antd';\nimport React, { Fragment, useEffect, useState } from 'react';\nimport './employeesheet.scss';\nimport ButtonComponent from './../../button/index';\nimport { useHistory } from 'react-router-dom';\nimport selectors from './selectors';\nimport Actions from './action.js';\nimport { connect } from 'react-redux';\nimport selection from './../payroll-aggrement/selectors';\nimport ErrorTable from '@sharedComponent/error-table';\nimport FadeIn from '@sharedComponent/animated-component';\nimport DotLoader from 'react-spinners/DotLoader';\n\nconst Employeesheet = ({\n\tpostemployeeStart,\n\temployee,\n\tdata,\n\temployeeData,\n\tuploaded,\n\tgetsalarytemplateStart,\n\tpostapiStatus,\n\tisEmployeeLoading,\n\tisUploadbuttonData,\n\tisUploadLoading,\n}) => {\n\tconst [file, setFile] = useState(false);\n\tconst history = useHistory();\n\tconsole.log(file, !employeeData?.validationMessage, isUploadbuttonData, 'label');\n\treturn (\n\t\t\n\t\t\t{' '}\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t) : (\n\t\t\t\t\t''\n\t\t\t\t)}\n\n\t\t\t\t {\n\t\t\t\t\t\t\thistory.push({\n\t\t\t\t\t\t\t\tpathname: '/employeedetais',\n\t\t\t\t\t\t\t\tstate: {\n\t\t\t\t\t\t\t\t\temployee: { employee },\n\t\t\t\t\t\t\t\t\tedit: 'select',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t {\n\t\t\t\t\t\thistory.push('/user/Order-cards');\n\t\t\t\t\t}}>\n\t\t\t\t\tGo Back\n\t\t\t\t\n\t\t\t\n\t\t
\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\temployeeData: selectors.employeeData(state),\n\t\tisEmployeeLoading: selectors.isEmployeeLoading(state),\n\t\tsalarytemplateData: selectors.salarytemplateData(state),\n\t\tisSalaryTemplateLoading: selectors.isSalaryTemplateLoading(state),\n\t\tpostapiStatus: selectors.uploadData(state),\n\t\tisUploadbuttonData: selectors.isUploadbuttonData(state),\n\t\tisUploadLoading: selectors.isUploadLoading(state),\n\t};\n};\nconst mapDispatchToProps = (dispatch) => {\n\treturn {\n\t\tpostemployeeStart: (params) => dispatch(Actions.creators.postuploadStart(params)),\n\t\tgetsalarytemplateStart: (params) => dispatch(Actions.creators.getsalarytemplateStart(params)),\n\t};\n};\n\nconst Connection = connect(mapStateToProps, mapDispatchToProps)(Employeesheet);\n\nexport default Connection;\n","import React from 'react';\nimport reducer from './reducer';\nimport sagas from './saga/index';\nimport { withReducer } from '@store/reducerLoader';\nimport Employeesheet from './employeesheet';\n\nconst Orderedpage = ({ buttonMode, buttonName }) => {\n\treturn Upload Employee Spreadsheet
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t1\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tDownload our new salary template{' '}\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tgetsalarytemplateStart();\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\tHere.\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t2\n\t\t\t\t\t
\n\t\t\t\t\tFill in your details in the template and upload it below
\n\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\t3\n\t\t\t\t\t
\n\t\t\t\t\t For all employee who have C3Pay Card selected, cards will be delivered within 5-7 working days
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t);\n};\n\nexport default Conclusionpage;\n","import React, { useMemo, useState } from 'react';\nimport { Button, Col, Input, Pagination, Table } from 'antd';\nimport HeaderPage from '@sharedComponent/Header/Header';\nimport ImageComponent from '@sharedComponent/image-component';\nimport { images } from 'src/assets/img';\nimport './employeedetails.scss';\nimport { useHistory } from 'react-router-dom';\n\nconst Employeedetails = ({\n\tcolumns,\n\thandlerow,\n\tfilteredData,\n\tselectvalue,\n\thead,\n\thandelPagiation,\n\tgetemployeeData,\n\tloading,\n\trequestParams,\n\tisAdd,\n\tsearchInput,\n\tsetSearchInput,\n\tvalidate,\n\tclearvalidate,\n\tcheck,\n\tordercardData,\n}) => {\n\tconst history = useHistory();\n\treturn (\n\t\tWelcome To Edenred!
\n\t\t\t\t\tYou’re joining over 6,000 clients who trust Edenred to manage their Payroll and HR.
\n\t\t\t\t\t{head === 'ordercard' && (\n\t\t\t\t\t\tYour cards have been now ordered!
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tYou will receive your cards within 5 working days. You will receive a call from the courier to confirm the\n\t\t\t\t\t\t\t\t\tlocation.\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t)}\n\t\t\t\t\tWhat’s Next?:
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t1
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tCheck your email for the username and password for the Edenred Portal.\n\t\t\t\t\t\t\t\t\t\t{/* Haven’t received the email?{' '}\n\t\t\t\t\t\t\t\t\t\tClick here\n\t\t\t\t\t\t\t\t\t\tto send again. */}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t2
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tYou’ll receive an email with instructions on how to start processing salaries in Edenred Payroll, once we have\n\t\t\t\t\t\t\t\t\t\tregistered your employees.\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t3
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tComplete the full setup to make use of all features on the Edenred Portal.\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tContact information:
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\tsupport.ae@edenred.com\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t+97145214062\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t setSearchInput(e.target.value)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t handelPagiation(e)}\n\t\t\t\t\t\t\t\t\t// {(getemployeeData?.totalEmployee,\"length\")}\n\t\t\t\t\t\t\t\t\tshowSizeChanger={false}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\thistory.push('/Conclusionpage');\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\tSkip and Order Cards Later\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t);\n};\n\nexport default Employeedetails;\n","import ImageComponent from '@sharedComponent/image-component';\nimport { Button, Col, Dropdown, Input, Menu, Select, DatePicker, Tooltip } from 'antd';\nimport React, { Fragment, useEffect, useMemo, useState } from 'react';\nimport { images } from 'src/assets/img';\nimport selectors from '../selectors';\nimport Employeedetails from './employee-details-presentational';\nimport { connect } from 'react-redux';\nimport { withReducer } from 'src/store/reducerLoader';\nimport Actions from '../action.js';\nimport reducer from '../reducer.js';\nimport sagas from '../saga';\nimport moment from 'moment-timezone';\nimport Flatpickr from 'react-flatpickr';\nimport { useHistory } from 'react-router-dom';\nimport 'flatpickr/dist/themes/light.css';\nimport { Option } from 'antd/lib/mentions';\nimport * as uuid from 'uuid';\nimport './employeedetails.scss';\n\nconst Tablecomponent = ({\n\tpostaddStart,\n\tgetemployeeStart,\n\tgetemployeeData,\n\tisGetEmployeeLoading,\n\tdelemployeeStart,\n\tgetnationalStart,\n\tgetnationalData,\n\temployeeAdd,\n\tordercardData,\n\temployeeData,\n\tgetbanknameStart,\n\tgetbanknameData,\n\tpostapiStatus,\n\tgetordercardStart,\n}) => {\n\tconst [searchInput, setSearchInput] = useState('');\n\tconst [allselect, setallSelect] = useState(false);\n\n\tconst [validate, setValidate] = useState([]);\n\tconst [clearvalidate, setClearvalidate] = useState(false);\n\tconst [check, setCheck] = useState(false);\n\tconst [merge, setMerge] = useState([]);\n\tconst [requestParams, setRequestParams] = useState({ pageNumber: 1, pageSize: 10 });\n\tconst [dataSource, setDataSource] = useState([\n\t\t// {\n\t\t// \tkey: uuid.v4(),\n\t\t// \temployeeName: '',\n\t\t// \temployeeId: '',\n\t\t// \twpsPersonId: '',\n\t\t// \twpsEstablishmentId: '',\n\t\t// \tlabourCardNumber: '',\n\t\t// \tpassportNumber: '',\n\t\t// \tdateOfBirth: '',\n\t\t// \tnationality: null,\n\t\t// \tsalaryChannel: '',\n\t\t// \tibanNumber: '',\n\t\t// \tbankName: '',\n\t\t// \tcard: false,\n\t\t// },\n\t]);\n\tconst [date, setDate] = useState([]);\n\tconst [backupdataSource, setbackupDataSource] = useState([]);\n\tconst location = useHistory();\n\tconst head = location?.location?.state?.edit;\n\tconst isAdd = head === 'add';\n\n\tuseEffect(() => {\n\t\tgetnationalStart();\n\t\tgetbanknameStart();\n\t}, []);\n\tuseEffect(() => {\n\t\t!isAdd && getemployeeStart(requestParams);\n\t}, [requestParams]);\n\tuseEffect(() => {\n\t\tif (postapiStatus === 'success' && !employeeData?.validationMessage && !ordercardData.length > 0) {\n\t\t\tlocation.push({ pathname: './conclusionpage', state: { employee: {}, edit: 'ordercard' } });\n\t\t}\n\t}, [postapiStatus, validate, ordercardData]);\n\n\tuseEffect(() => {\n\t\tif (isAdd) {\n\t\t\tsetDataSource([]);\n\t\t\tsetbackupDataSource([]);\n\t\t\t// setValidate([]);\n\t\t} else {\n\t\t\tif (getemployeeData.employeeStagings && getemployeeData.employeeStagings.length > 0) {\n\t\t\t\tlet dataemp = getemployeeData.employeeStagings.map((val, index) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...val,\n\t\t\t\t\t\tkey: index,\n\t\t\t\t\t};\n\t\t\t\t});\n\t\t\t\tsetDataSource(dataemp);\n\t\t\t\tsetbackupDataSource(dataemp);\n\t\t\t\tsetDate(dataemp);\n\t\t\t}\n\t\t}\n\t}, [getemployeeData]);\n\n\tuseEffect(() => {\n\t\t!!!dataSource.length && handlerow();\n\t}, [dataSource]);\n\tuseEffect(() => {\n\t\t// if (isAdd) {\n\t\t// \t// setValidate([]);\n\t\t// } else {\n\t\tsetValidate(employeeData?.validationMessage || []);\n\t\t// }\n\t}, [employeeData]);\n\n\tconst handlerow = () => {\n\t\tconst newObj = {\n\t\t\tkey: uuid.v4(),\n\t\t\temployeeName: '',\n\t\t\temployeeId: '',\n\t\t\twpsPersonId: '',\n\t\t\twpsEstablishmentId: '',\n\t\t\tlabourCardNumber: '',\n\t\t\tpassportNumber: '',\n\t\t\tdateOfBirth: '',\n\t\t\tnationality: null,\n\t\t\tsalaryChannel: '',\n\t\t\tibanNumber: '',\n\t\t\tbankName: null,\n\t\t\tcard: false,\n\t\t};\n\t\tsetDataSource([...dataSource, newObj]);\n\t\tsetDate([...date, newObj]);\n\t};\n\n\tconst handledelete = (row) => {\n\t\trow?.id && delemployeeStart(row.employeeId, requestParams);\n\n\t\tvar value = merge.filter((data) => data?.key !== row.key);\n\t\t// const deletearray = value?.map((item, index) => {\n\t\t// \treturn { ...item, key: index };\n\t\t// });\n\t\tsetDataSource(value);\n\t\tsetDate(value);\n\t};\n\tconst handleselect = (row) => {\n\t\tvar data = [...dataSource];\n\t\tconst final = data?.map((val, index) => {\n\t\t\tif (val.key == row.key) {\n\t\t\t\treturn { ...val, card: !val.card };\n\t\t\t} else {\n\t\t\t\treturn val;\n\t\t\t}\n\t\t\t// return val;\n\t\t});\n\t\tsetDataSource(final);\n\t\tconst allselect = final?.filter((values) => values.card);\n\t\tif (allselect.length === dataSource.length) {\n\t\t\tsetallSelect(true);\n\t\t} else {\n\t\t\tsetallSelect(false);\n\t\t}\n\t};\n\tconst newselect = useMemo(() => {\n\t\tconst allselect = dataSource?.filter((values) => values?.card);\n\t\tif (allselect?.length === dataSource?.length) {\n\t\t\tsetallSelect(true);\n\t\t} else {\n\t\t\tsetallSelect(false);\n\t\t}\n\t}, [allselect, dataSource]);\n\n\tconst handelallselect = () => {\n\t\tsetallSelect(!allselect);\n\t\tvar data = [...dataSource];\n\t\tconst finaled = data?.map((val, index) => {\n\t\t\tif (!allselect) {\n\t\t\t\treturn { ...val, card: true };\n\t\t\t} else {\n\t\t\t\treturn { ...val, card: false };\n\t\t\t}\n\t\t});\n\t\tsetDataSource(finaled);\n\t};\n\n\tconst fieldInput = (param, row, data, validation) => {\n\t\tconst isEmpty = Object.values(row).every((o) => o === '');\n\t\tlet final = dataSource?.map((val) => {\n\t\t\tif (val?.key === row?.key) {\n\t\t\t\treturn {\n\t\t\t\t\t...val,\n\t\t\t\t\t[param]: data,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\treturn val;\n\t\t});\n\t\tsetDataSource(final);\n\t\tif (row?.employeeId !== '') {\n\t\t\tlet error = validate?.map((val) => {\n\t\t\t\tif (val?.employeeId?.includes(row?.employeeId) && param?.toLowerCase() === val?.columnName?.toLowerCase()) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...val,\n\t\t\t\t\t\terrorMessage: '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn val;\n\t\t\t});\n\n\t\t\tsetValidate(error);\n\t\t} else if (!isEmpty) {\n\t\t\tsetValidate([]);\n\t\t}\n\t};\n\n\tconst handleDate = (param, row, data) => {\n\t\t// const isEmpty = Object.values(row).every((o) => o === '');\n\t\tlet final = date?.map((val) => {\n\t\t\tif (val?.key === row?.key) {\n\t\t\t\treturn {\n\t\t\t\t\t...val,\n\t\t\t\t\t[param]: data,\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn val;\n\t\t\t}\n\t\t});\n\t\tsetDate(final);\n\t};\n\n\tconst options = {\n\t\tallowInput: true,\n\t\tdateFormat: 'd/m/Y',\n\t\tdisableMobile: true,\n\t\t// minDate: 'today',\n\t};\n\n\tconst handelPagiation = (paggination) => {\n\t\tconst params = {\n\t\t\tpageNumber: paggination,\n\t\t\tpageSize: 10,\n\t\t};\n\t\tsetRequestParams({\n\t\t\tpageNumber: paggination,\n\t\t\tpageSize: 10,\n\t\t});\n\t\tselectvalue(params, 'pagination');\n\t};\n\n\tconst validationMsg = (validation, row, value) => {\n\t\treturn validation && validation?.filter((data) => data?.employeeId?.includes(row?.employeeId) && data?.columnName === value);\n\t};\n\tconst columns = [\n\t\t{\n\t\t\tsortDirections: ['ascend'],\n\t\t\talign: 'left',\n\t\t\ttitle: (\n\t\t\t\tSelect Employees To Order Cards
\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tAdd And Select Employees To Order Cards
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t\t{ordercardData}
}\n\t\t\t\t\t\t\n\t\t\t
\n\t);\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\temployeeAdd: selectors.employeeAdd(state),\n\t\tisEmployeeAdd: selectors.isEmployeeAdd(state),\n\t\tgetemployeeData: selectors.getemployeeData(state),\n\t\tisGetEmployeeLoading: selectors.isGetEmployeeLoading(state),\n\t\tgetnationalData: selectors.getnationalData(state),\n\t\tisNationalLoading: selectors.isNationalLoading(state),\n\t\tdelemployeeData: selectors.delemployeeData(state),\n\t\tisDelEmployeeLoading: selectors.isDelEmployeeLoading(state),\n\t\temployeeData: selectors.employeeData(state),\n\t\tgetbanknameData: selectors.getbanknameData(state),\n\t\tisBankNameLoading: selectors.isBankNameLoading(state),\n\t\tpostapiStatus: selectors.postapiStatus(state),\n\t\tordercardData: selectors.ordercardData(state),\n\t\tisOrderCardLoading: selectors.isOrderCardLoading(state),\n\t};\n};\nconst mapDispatchToProps = (dispatch) => {\n\treturn {\n\t\tpostaddStart: (params, requestParams, isAdd, etype) => dispatch(Actions.creators.postaddStart(params, requestParams, isAdd, etype)),\n\t\tgetemployeeStart: (requestParams) => dispatch(Actions.creators.getemployeeStart(requestParams)),\n\t\tdelemployeeStart: (params, requestParams) => dispatch(Actions.creators.delemployeeStart(params, requestParams)),\n\t\tgetnationalStart: () => dispatch(Actions.creators.getnationalStart()),\n\t\tgetbanknameStart: () => dispatch(Actions.creators.getbanknameStart()),\n\t\tgetordercardStart: () => dispatch(Actions.creators.getordercardStart()),\n\t};\n};\n\nconst Connection = connect(mapStateToProps, mapDispatchToProps)(Tablecomponent);\n\nconst ReducedScreen = withReducer('employeeReducer', reducer, sagas)(Connection);\n\nexport default ReducedScreen;\n","import TextComponent from '@sharedComponent/typography/TextComponent';\nimport React, { useEffect, useState } from 'react';\nimport './UnemploymentInsurance.scss';\nimport SalesForceCheckBox from '../Delivery-card page/salesForceCheckbox';\nimport StepButton from '@pages/userComponents/Step-Button/StepButton';\nimport { images } from '@assets/img';\nimport { useHistory } from 'react-router-dom';\nimport Selectors from '../Company-info/selectors';\nimport Actions from '../Company-info/action';\nimport { connect } from 'react-redux';\nimport AppLoader from '@sharedComponent/app-loader';\n\nfunction UnemploymentInsurance({ companyInfoData, isCompanyLoading, getCompanyInfoStart, putCompanyInfo }) {\n\tconst [isOpened, setIsOpened] = useState(false);\n\tconst [isSubscribed, setIsSubscribed] = useState(true);\n\n\tconst history = useHistory();\n\n\tuseEffect(() => {\n\t\tconst companyId = localStorage.getItem('companyId');\n\t\tif (typeof companyId === 'string' && companyId.length > 6) {\n\t\t\tgetCompanyInfoStart(companyId);\n\t\t}\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (isOpened === true) {\n\t\t\twindow.scrollTo(0, document.body.scrollHeight);\n\t\t}\n\t}, [isOpened]);\n\n\tuseEffect(() => {\n\t\tif (companyInfoData && typeof companyInfoData.unemploymentInsuranceFlag === 'boolean') {\n\t\t\tsetIsSubscribed(companyInfoData.unemploymentInsuranceFlag);\n\t\t}\n\t}, [companyInfoData]);\n\n\treturn (\n\t\t<>\n\t\t\t{isCompanyLoading ? (\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tUnemployment Insurance Subscription \n\n\t\t\t\t\t\t \n\n\t\t\t\t\t\n\t\t\t\t\t\t {}}\n\t\t\t\t\t\t\tsetIsDisabled={(check) => {\n\t\t\t\t\t\t\t\tsetIsSubscribed(check);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttext={\n\t\t\t\t\t\t\t\t'Yes, subscribe my C3Pay employees to the insurance and debit monthly payments from their accounts'\n\t\t\t\t\t\t\t}>\n\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t {}}\n\t\t\t\t\t\t\tsetIsDisabled={(check) => {\n\t\t\t\t\t\t\t\tsetIsSubscribed(!check);\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t {\n\t\t\t\t\t\t\tputCompanyInfo(\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tunemploymentInsuranceFlag: isSubscribed,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\thistory: history,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tbuttonText={'Next'}\n\t\t\t\t\t/>\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t)}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)}\n\t\t\n\t);\n}\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\toppurtunityData: Selectors.oppurtunityData(state),\n\t\tcompanyInfoData: Selectors.companyInfoData(state),\n\t\tsavingCompanyInfoData: Selectors.savingCompanyInfoData(state),\n\t\tisCompanyLoading: Selectors.isCompanyLoading(state),\n\t\tsavingStatus: Selectors.savingStatus(state),\n\t};\n};\nconst mapDispatchToProps = (dispatch) => {\n\treturn {\n\t\tgetCompanyInfoStart: (companyId) => dispatch(Actions.creators.getCompanyInfoStart(companyId)),\n\t\tsetCompanyInfoReset: () => dispatch(Actions.creators.setCompanyInfoReset()),\n\t\tsetCompanyInfoStart: (payload, companyId) => dispatch(Actions.creators.setCompanyInfoStart(payload, companyId)),\n\t\tputCompanyInfo: (payload, extras) => dispatch(Actions.creators.putCompanyInfo(payload, extras)),\n\t};\n};\n\nconst Connected = connect(mapStateToProps, mapDispatchToProps)(UnemploymentInsurance);\nexport default Connected;\n","import React from 'react';\nimport reducer from '../Company-info/reducer';\nimport sagas from '../Company-info/sagas';\nimport { withReducer } from '@store/reducerLoader';\nimport UnemploymentInsurance from './UnemploymentInsurance';\n\nfunction UnemploymentInsurancePage() {\n\treturn \n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\tWhat is Unemployment Insurance?
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tIt is mandatory for all employees working in the UAE to be registered for the unemployment insurance scheme or face\n\t\t\t\t\t\t\t\tfines, starting Jan 1 2023.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\tWhy?
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tAvoid fines for your employees by ensuring they are all subscribed to the mandatory unemployment insurance programme\n\t\t\t\t\t\t\t\tby the Government.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\tAbout
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tEdenred is an official partner of ILOE and the only provider in the region offering you the convenience of subscribing\n\t\t\t\t\t\t\t\tyour employees in bulk!\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\tProcess
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tPayments will automatically be debited from the C3Pay cards of your employees and the unemployment insurance policies\n\t\t\t\t\t\t\t\twill be issued for them.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\tMonthly Unemployment Insurance premium mandated by government to be debited from employees at{' '}\n\t\t\t\t\t\t\t\tAED 5.75/month excl. VAT (Transaction Fee = AED 0.75).{' '}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tsetIsOpened((prevState) => !prevState);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t{isOpened && (\n\t\t\t\t\t\t\tTerms & Conditions
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tUnemployment Insurance policies are issued pursuant to Decree-Law No. 13 of 2022 regarding Unemployment Insurance\n\t\t\t\t\t\t\t\t\tand Cabinet Resolution No. 97 of 2022 regarding the mechanisms and controls for implementing Unemployment\n\t\t\t\t\t\t\t\t\tInsurance\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tPolicies are issued by Dubai Insurance Co. (P.S.C), While Edenred is acting as the payment facilitator to enabling\n\t\t\t\t\t\t\t\t\tyour policies issued easily.\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tImportant: By agreeing to these terms and conditions, Company ABC confirms and guarantees that it has collected\n\t\t\t\t\t\t\t\t\tconsent from its employees and informed them about the following:\n\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t1.\n\t\t\t\t\t\t\t\t\t\t
The unemployment insurance is a mandatory government regulation
\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t - \n\t\t\t\t\t\t\t\t\t\t2.\n\t\t\t\t\t\t\t\t\t\t
How the unemployment insurance works and what are its benefits
\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t - \n\t\t\t\t\t\t\t\t\t\t3.\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\tThe cost of the subscription via Edenred is monthly AED 5 + VAT + AED 0.75 transaction fee. (Dynamic\n\t\t\t\t\t\t\t\t\t\t\tdepending on payment type)\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t - \n\t\t\t\t\t\t\t\t\t\t4.\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\tThe recurring payments will be debited automatically from their C3Pay accounts to maintain the\n\t\t\t\t\t\t\t\t\t\t\tsubscription.{' '}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t - \n\t\t\t\t\t\t\t\t\t\t5.\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\tThe insurance policy, insurance coverage and claims are all entirely provided by Dubai Insurance Co.\n\t\t\t\t\t\t\t\t\t\t\tP.S.C. Under this provision, Edenred is exempted from any liability that may arise with the sale of the\n\t\t\t\t\t\t\t\t\t\t\tpolicy and all associated claims The Company agrees to indemnify, defend, and hold harmless Edenred, its\n\t\t\t\t\t\t\t\t\t\t\tholding company, affiliates, subsidiaries and their representatives, officers, employees, contractors,\n\t\t\t\t\t\t\t\t\t\t\tassigns and agents indemnified from and against all losses arising in connection with this Agreement\n\t\t\t\t\t\t\t\t\t\t\t(including without limitation lawyers’ fees, penalties, interest and loss of profits) in connection with\n\t\t\t\t\t\t\t\t\t\t\tany breach of this Agreement by the Customer, any fraud, act or omission of the Customer, the Employees or\n\t\t\t\t\t\t\t\t\t\t\tany other third party.\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
In addition, you can view the full terms and conditions for your employees here.
\n\t\t\t\t\t\t\t