\n
\n \n );\n};\n\nexport default SecondSection","import React, { useState } from 'react'\nimport { useNavigate } from 'react-router-dom'\nconst AccountFooter = () => {\n const [isSmallScreen]=useState(window.innerWidth<=427);\n const navigate = useNavigate();\n const currentYear = new Date().getFullYear();\n return (\n \n
\n \n \n
\n Our AMC Features
\nFrom Machines to tools to finance everything you need in one place
\n\n\n
\n \n \n {listofdata.map((product, index) => (\n \n
\n \n {React.cloneElement(productCategory, {product ,index})}\n
\n \n \n ))}\n \n
\n )\n}\n\nexport default AccountFooter","import React from 'react';\r\nimport './ErrorModal.css'; // Optional: Create a CSS file for styling\r\n\r\nconst ErrorModal = ({ messages, onClose }) => {\r\n return (\r\n \n
\n \n
\n Copyright © {currentYear} Origa, All Right Reserved
\n navigate('/legal')} >Our Policies |{isSmallScreen ?
:null} Legal Disclaimers
\n :null} Legal Disclaimers
\r\n
\r\n );\r\n };\r\n \r\n export default ErrorModal;\r\n ","import React from 'react'\n\nconst MALeftsection = ({heading,para}) => {\n return (\n \r\n
\r\n Please fill in the below
\r\n {messages.length > 0 ? (\r\n- \r\n {messages.map((msg, index) => (\r\n
- {msg} \r\n ))}\r\n
\n
\n )\n}\n\nexport default MALeftsection","import React, { useEffect, useState } from \"react\";\nimport \"./ProductBlock.css\";\nimport { Container } from \"react-bootstrap\";\nimport Button from \"../../Button/Button\";\nimport Correct from \"../../SubComponent/AllSvgs/Correct\";\nimport CorrectGreen from \"../../SubComponent/AllSvgs/CorrectGreen\";\nimport Wrong from \"../../SubComponent/AllSvgs/Wrong\";\nimport { Link, useNavigate, useLocation } from \"react-router-dom\";\nimport LoginModel from \"../../Authentication/LoginModel/LoginModel\";\nimport axios from \"axios\";\n\nconst ProductBlock = (props) => {\n const navigate = useNavigate();\n const [products, setProducts] = useState([]);\n const location = useLocation();\n const AMC_BASED_ON_TYPE = location.state?.selectedCategory?.toUpperCase();\n\n const { selectedCategory, selectedLocation,modellNo, firstname, serialNo } =\n location.state || {};\n\n console.log(\"Model No in ProductBlock .jsx : \",modellNo)\n const productData = location.state && location.state.product;\n const [isHovered, setIsHovered] = useState(false);\n const [loginPortal, setLoginPortal] = useState(false);\n const { title, price, imageUrl, id, onProductBlockNavigate, product } = props;\n const loggedIn = !!localStorage.getItem(\"userToken\");\n const onMouseEnterhandler = () => {\n setIsHovered(true);\n };\n\n let description;\n try {\n const parsedDescription = JSON.parse(product.description);\n // Extract the first element from the array if it exists\n description = parsedDescription.length > 0 ? parsedDescription[0] : \"\";\n } catch (error) {\n console.error(\"Error parsing JSON:\", error);\n description = \"\"; // Default value in case of error\n }\n\n console.log(\"Description -----------------------------> \", description);\n\n // Function to split the description into chunks of 5 words\n const splitDescription = (desc) => {\n const words = desc.split(\" \");\n let result = [];\n let currentLine = [];\n let currentLength = 0;\n const maxLength = 25; // Adjust this value based on your box width\n\n words.forEach((word) => {\n if (currentLength + word.length > maxLength) {\n result.push(currentLine.join(\" \"));\n currentLine = [word];\n currentLength = word.length;\n } else {\n currentLine.push(word);\n currentLength += word.length + 1; // +1 for the space\n }\n });\n\n if (currentLine.length > 0) {\n result.push(currentLine.join(\" \"));\n }\n\n return result;\n };\n\n const descriptionLines = splitDescription(description);\n const onMouseLeavehandler = () => {\n setIsHovered(false);\n };\n\n const onHidePortal = () => {\n setLoginPortal(false);\n };\n // const onClickhandle = () => {\n // window.scrollTo(0, 0);\n // // navigate('/product');\n // // navigate(`/productidsecond/${id}`);\n\n // console.log(id,\"Show Product\")\n // onProductBlockNavigate(product)\n // }\n const onClickhandle = (product) => {\n // Destructure the product to get the required details\n const { id, price, gst_amount, total_amount, type, name } = product;\n\n // Log the required details\n console.log(\"When Get Started button is clicked ------------------- >\");\n console.log(\"GST amount :\", gst_amount);\n console.log(\"Product Name:\", name);\n console.log(\"Product Type:\", type);\n console.log(\"Product Type:\", price);\n console.log(\"Product Total Amount:\", total_amount);\n\n // Handle the navigation if logged in\n if (!loggedIn) {\n setLoginPortal(true);\n return;\n } else {\n navigate(\"/cartpageofamc\", {\n state: {\n product,\n selectedCategory,\n firstname,\n selectedLocation,\n serialNo,\n modellNo\n },\n });\n // navigate('/cartpageofamcrough', { state: { product } });\n }\n };\n\n const getProducts = () => {\n axios\n .post(\"https://contacts.origaleasing.com/fetchAMCbasedontype\", {\n type: AMC_BASED_ON_TYPE,\n })\n .then((response) => {\n setProducts(response.data.jsondata);\n // navigate('/annual', { state: { products } });\n })\n .catch((error) => {\n // console.error('Error fetching data:', error);\n });\n };\n // console.log('Annual getProductss ==>>',products)\n\n useEffect(() => {\n getProducts();\n }, [AMC_BASED_ON_TYPE]);\n\n const learnMoreFunction = () => {\n window.scrollTo(0, 0);\n onProductBlockNavigate(product);\n };\n\n // console.log(\"See what is inside product \", products);\n // products.forEach((product) => {\n // console.log(\"Product ID:\", product.id);\n // console.log(\"Product Name:\", product.name);\n // console.log(\"Product Price:\", product.price);\n // });\n\n // console.log(\"productData---->\", productData?.productData);\n return (\n {heading}
\n {para}
\n \n
\n \n
\n \n {product.plan}\n
\n {/* \n ₹{product.price}\n
*/}\n \n ₹{product.price}\n
\n \n 
\n
\n \n
*/}\n\n {/* \n \n
\n \n onClickhandle(product)}\n />\n \n
\n \n {/*
\n\n Remote Assist
*/}\n\n {/*
\n \n Safety Checks
\n */}\n\n
\n \n
\n \n {descriptionLines.map((line, index) => (\n
\n \n {line}\n
\n ))}\n\n
\n\n \n\n \n
\n 1 Preventive Maintenance
\n\n {/*
\n {/* \n
\n {/* \n
Evolve program
*/}\n\n
\n Preventive
Maintenance
\n
*/}\n {/* Preventive
Maintenance
\n
\n Evolve program
\n\n
\n Safety Checks
\n\n\n
\n Remote Assist
\n\n
\n Quality Checks
\n\n
\n \n Preventive
Maintenance
\n
\n \n \n Updates
\n{isHovered && }
\n*/}\n\n \n \n\n {loginPortal &&
\n \n );\n};\n\nexport default ProductBlock;\n\n","import React,{useState,useEffect} from 'react'\n\nconst FifthSection = () => {\n\n const [isSmallScreen, setIsSmallScreen] = useState(window.innerWidth <= 992);\n useEffect(() => {\n const handleResize = () => {\n setIsSmallScreen(window.innerWidth <= 992);\n };\n\n window.addEventListener(\"resize\", handleResize);\n\n // Clean up the event listener when the component unmounts\n return () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n }, [window.innerWidth])\n \n return (\n <>\n \n \n \n
\n \n
\n \n
\n \n ![\"amc\"](\"/asset/amc-machine-img.png\")
\n
\n \n Annual Maintenance Contracts (AMC): Proactive Care for a Seamless Operation
\n\n
\n \n ![\"amc\"](\"/asset/safeguard-img.png\")
\n
\n \n Safeguard Your Systems, Secure Your Future: AMC Offerings
\n\n
\n \n )\n}\n\nexport default FourthSection","import React, { useState,useEffect} from 'react'\nimport { Row } from 'react-bootstrap'\n// import { TextField } from '@mui/material';\nimport Button from '../Button/Button';\n// import axios from 'axios';\nimport SuccessPopup from '../SubComponent/AllBlock/SuccessPopup';\nimport { gql } from 'graphql-tag';\nimport client from '../Services/ServicesPopup/apolloclient';\nimport Textarea from '@mui/joy/Textarea';\nconst CREATE_CONTACT_US = gql`\n mutation CreateConatctUs($contactusinput: ContactUsInput!) {\n createContactUs(contactusinput: $contactusinput) {\n contactus {\n id\n firstname\n lastname\n emailid\n reasonId {\n id\n reasonTitle\n reasonDescription\n }\n queryDescription\n }\n message\n success\n }\n }\n`;\n\nconst SevenSection = () => {\n const [email, setEmail] = useState('');\n const [firstname, setfirstname] = useState('');\n const [lastname, setlastname] = useState('');\n const [description,setDescription]=useState('');\n const [isSmallScreen, setIsSmallScreen] = useState(window.innerWidth <= 992);\n const [validation,setvalidaion]=useState({fvalidation:false,lvalidation:false,evalidation:false});\n const [showModel,setShowModel]=useState(false);\n const onHide=()=>{\n setShowModel(false)\n } \n const onEmailChange = (e) => {\n setEmail(e.target.value);\n };\n\n const onFirstnameChange = (e) => {\n\n const newInputString = e.target.value;\n const sanitizedInput = newInputString.replace(/[^a-zA-Z]/g, '');\n \n // Update the state only if the input is empty or contains valid characters\n if (newInputString === '' || sanitizedInput === newInputString) {\n setfirstname(sanitizedInput);\n }\n \n };\n const onLastname = (e) => {\n\n const newInputString = e.target.value;\n const sanitizedInput = newInputString.replace(/[^a-zA-Z]/g, '');\n \n // Update the state only if the input is empty or contains valid characters\n if (newInputString === '' || sanitizedInput === newInputString) {\n setlastname(sanitizedInput);\n }\n\n };\n const onDescriptionChange=(e)=>{\n setDescription(e.target.value);\n }\n \n\nconst onSubmitHandler=async()=>{\n if( firstname===\"\" || lastname===\"\" ){\n if(firstname===\"\"){\n setvalidaion(prev=>({...prev,\n fvalidation:true}));\n }\n\n if( lastname===\"\"){\n setvalidaion(prev=>({...prev,\n lvalidation:true}));\n \n }\n return;\n }\n\n if(email){\n if( email.length<8 ){\n setvalidaion(prev=>({...prev,\n evalidation:true}));\nreturn; \n }else{\n const emailPattern = /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\\.[a-zA-Z0-9-.]+$/;\n const isValid = emailPattern.test(email);\n \n setvalidaion(prev=>({...prev,\n evalidation:!isValid}));\n if(isValid===false)return\n }\n \n }\n try {\n const { data } = await client.mutate({\n mutation:CREATE_CONTACT_US ,\n variables: { contactusinput: {\n firstname: firstname,\n lastname: lastname,\n emailid: email,\n reasonid: 1,\n queryDescription: description\n }\n }\n });\n console.log(\"API Response==>\",data);\n if(data){ //you can modife validation condition according to you\n setShowModel(true)\n setfirstname(\"\")\n setlastname(\"\")\n setEmail(\"\")\n setDescription(\"\")\n }\n \n } catch (error) {\n console.error('API Error==>', error.message);\n \n }\n}\nuseEffect(() => {\n const handleResize = () => {\n setIsSmallScreen(window.innerWidth <= 992);\n };\n\n window.addEventListener(\"resize\", handleResize);\n\n // Clean up the event listener when the component unmounts\n return () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n}, [])\n\n \n return (\n <>\n {showModel ? \n
\n \n \n
\n Our AMC Features
\nFrom Machines to tools to finance everything you need in one place
\n\n\n
\n \n \n {listofdata.map((product, index) => (\n \n
\n \n {React.cloneElement(productCategory, {product ,index})}\n
\n \n \n ))}\n \n \n
\n :null}\n\n {/* --------------------- Step3----------------------------------------*/}\n {activeStep===3 ? \n
\n \n
\n Contact us
\nStill have some questions? Leave your contact details and our experts will get in touch with you.
\n\n\n
\n \n
*/}\n \n \n {/* First Name *} size='small' id=\"first-name\"\n value={firstname}\n onChange={onFirstnameChange}/> */}\n
\n \n setvalidaion(prev=>({...prev,fvalidation:false}))}/>\n \n
\n \n \n Last Name *} size='small' id=\"last-name\"\n value={lastname}\n onChange={onLastname} /> */}\n \n
\n \n setvalidaion(prev=>({...prev,lvalidation:false}))}/>\n \n \n
\n {/* \n {/* Enter Email *} size='small' id=\"email\"\n value={email}\n onChange={onEmailChange} /> */}\n
\n\n \n {/*\n setvalidaion(prev=>({...prev,evalidation:false}))}/>\n \n
\n \n \n \n
\n \n \n
\n\n \n
\n \n
:null}\n \n \n \n
\n \n \n
\n\n Point of Contact Details
\nSet your requirements for this project, the estimated price will be based on the project requirements
\n \n\n
\n \n \n
\n \n\n {/*First Name* } id=\"First-Name\" size='small' value={onetTimeRepairformData.firstname} onChange={onFirstnameChange}/>\n*/}\n
\n \n setvalidaion(prev=>({...prev,fvalidation:false}))}/>\n \n
\n\n \n {/*Last Name*} size='small' id=\"last-name\" value={onetTimeRepairformData.lastname} onChange={onLastname}/>\n*/}\n
\n \n setvalidaion(prev=>({...prev,lvalidation:false}))}/>\n \n
\n \n
\n\n \n {/*
\n\n setvalidaion(prev=>({...prev,evalidation:false}))}/>\n \n
\n \n
\n \n {/* Phone No* } size='small' value={onetTimeRepairformData.phonenumber} onChange={onPhoneNoChange}/> */}\n\n
\n \n setvalidaion(prev=>({...prev,pvalidation:false}))}/>\n \n
\n \n {/* */}\n \n
\n \n \n \n
\n \n
\n \n 
\n
\n \n\n \n
\n );\n};\n\nexport default DeliveryLocation;\n","import { createContext } from 'react';\nexport var instantSearchContext = /*#__PURE__*/createContext({\n onInternalStateUpdate: function onInternalStateUpdate() {\n return undefined;\n },\n createHrefForState: function createHrefForState() {\n return '#';\n },\n onSearchForFacetValues: function onSearchForFacetValues() {\n return undefined;\n },\n onSearchStateChange: function onSearchStateChange() {\n return undefined;\n },\n onSearchParameters: function onSearchParameters() {\n return undefined;\n },\n store: {},\n widgetsManager: {},\n mainTargetedIndex: ''\n});\nvar InstantSearchConsumer = instantSearchContext.Consumer,\n InstantSearchProvider = instantSearchContext.Provider;\nexport { InstantSearchConsumer, InstantSearchProvider };\nvar _createContext = /*#__PURE__*/createContext(undefined),\n IndexConsumer = _createContext.Consumer,\n IndexProvider = _createContext.Provider;\nexport { IndexConsumer, IndexProvider };","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n// eslint-disable-next-line @typescript-eslint/unbound-method\nvar hasOwn = Object.prototype.hasOwnProperty;\n\n// From https://github.com/reactjs/react-redux/blob/master/src/utils/shallowEqual.js\nexport var shallowEqual = function shallowEqual(objA, objB) {\n if (objA === objB) {\n return true;\n }\n var keysA = Object.keys(objA);\n var keysB = Object.keys(objB);\n if (keysA.length !== keysB.length) {\n return false;\n }\n\n // Test for A's keys different from B.\n for (var i = 0; i < keysA.length; i++) {\n if (!hasOwn.call(objB, keysA[i]) || objA[keysA[i]] !== objB[keysA[i]]) {\n return false;\n }\n }\n return true;\n};\nexport var getDisplayName = function getDisplayName(Component) {\n return Component.displayName || Component.name || 'UnknownComponent';\n};\nvar resolved = Promise.resolve();\nexport var defer = function defer(f) {\n resolved.then(f);\n};\nvar isPlainObject = function isPlainObject(value) {\n return _typeof(value) === 'object' && value !== null && !Array.isArray(value);\n};\nexport var removeEmptyKey = function removeEmptyKey(obj) {\n Object.keys(obj).forEach(function (key) {\n var value = obj[key];\n if (!isPlainObject(value)) {\n return;\n }\n if (!objectHasKeys(value)) {\n delete obj[key];\n } else {\n removeEmptyKey(value);\n }\n });\n return obj;\n};\nexport var removeEmptyArraysFromObject = function removeEmptyArraysFromObject(obj) {\n Object.keys(obj).forEach(function (key) {\n var value = obj[key];\n if (Array.isArray(value) && value.length === 0) {\n delete obj[key];\n }\n });\n return obj;\n};\nexport function addAbsolutePositions(hits, hitsPerPage, page) {\n return hits.map(function (hit, index) {\n return _objectSpread(_objectSpread({}, hit), {}, {\n __position: hitsPerPage * page + index + 1\n });\n });\n}\nexport function addQueryID(hits, queryID) {\n if (!queryID) {\n return hits;\n }\n return hits.map(function (hit) {\n return _objectSpread(_objectSpread({}, hit), {}, {\n __queryID: queryID\n });\n });\n}\nexport function find(array, comparator) {\n if (!Array.isArray(array)) {\n return undefined;\n }\n for (var i = 0; i < array.length; i++) {\n if (comparator(array[i])) {\n return array[i];\n }\n }\n return undefined;\n}\nexport function objectHasKeys(object) {\n return object && Object.keys(object).length > 0;\n}\n\n// https://github.com/babel/babel/blob/3aaafae053fa75febb3aa45d45b6f00646e30ba4/packages/babel-helpers/src/helpers.js#L604-L620\nexport function omit(source, excluded) {\n if (source === null || source === undefined) {\n return {};\n }\n var target = {};\n var sourceKeys = Object.keys(source);\n for (var i = 0; i < sourceKeys.length; i++) {\n var key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) {\n // eslint-disable-next-line no-continue\n continue;\n }\n target[key] = source[key];\n }\n return target;\n}\n\n/**\n * Retrieve the value at a path of the object:\n *\n * @example\n * getPropertyByPath(\n * { test: { this: { function: [{ now: { everyone: true } }] } } },\n * 'test.this.function[0].now.everyone'\n * ); // true\n *\n * getPropertyByPath(\n * { test: { this: { function: [{ now: { everyone: true } }] } } },\n * ['test', 'this', 'function', 0, 'now', 'everyone']\n * ); // true\n *\n * @param object Source object to query\n * @param path either an array of properties, or a string form of the properties, separated by .\n */\nexport var getPropertyByPath = function getPropertyByPath(object, path) {\n return (Array.isArray(path) ? path : path.replace(/\\[(\\d+)]/g, '.$1').split('.')).reduce(function (current, key) {\n return current ? current[key] : undefined;\n }, object);\n};\nexport function getObjectType(object) {\n return Object.prototype.toString.call(object).slice(8, -1);\n}\nexport function unescapeFacetValue(value) {\n return value.replace(/^\\\\-/, '-');\n}","var _excluded = [\"contextValue\"];\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, \"prototype\", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } else if (call !== void 0) { throw new TypeError(\"Derived constructors may only return object or undefined\"); } return _assertThisInitialized(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nimport React, { Component } from 'react';\nimport isEqual from 'react-fast-compare';\nimport { InstantSearchConsumer, IndexConsumer } from \"./context.js\";\nimport { shallowEqual, getDisplayName, removeEmptyKey } from \"./utils.js\";\n/**\n * Connectors are the HOC used to transform React components\n * into InstantSearch widgets.\n * In order to simplify the construction of such connectors\n * `createConnector` takes a description and transform it into\n * a connector.\n * @param {ConnectorDescription} connectorDesc the description of the connector\n * @return {Connector} a function that wraps a component into\n * an instantsearch connected one.\n */\nexport function createConnectorWithoutContext(connectorDesc) {\n if (!connectorDesc.displayName) {\n throw new Error('`createConnector` requires you to provide a `displayName` property.');\n }\n var isWidget = typeof connectorDesc.getSearchParameters === 'function' || typeof connectorDesc.getMetadata === 'function' || typeof connectorDesc.transitionState === 'function';\n return function (Composed) {\n var additionalWidgetProperties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var Connector = /*#__PURE__*/function (_Component) {\n _inherits(Connector, _Component);\n var _super = _createSuper(Connector);\n function Connector(props) {\n var _this;\n _classCallCheck(this, Connector);\n _this = _super.call(this, props);\n _defineProperty(_assertThisInitialized(_this), \"unsubscribe\", void 0);\n _defineProperty(_assertThisInitialized(_this), \"unregisterWidget\", void 0);\n _defineProperty(_assertThisInitialized(_this), \"cleanupTimerRef\", null);\n _defineProperty(_assertThisInitialized(_this), \"isUnmounting\", false);\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n providedProps: _this.getProvidedProps(_this.props)\n });\n _defineProperty(_assertThisInitialized(_this), \"refine\", function () {\n var _ref;\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n _this.props.contextValue.onInternalStateUpdate(\n // refine will always be defined here because the prop is only given conditionally\n (_ref = connectorDesc.refine).call.apply(_ref, [_assertThisInitialized(_this), _this.props, _this.props.contextValue.store.getState().widgets].concat(args)));\n });\n _defineProperty(_assertThisInitialized(_this), \"createURL\", function () {\n var _ref2;\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n return _this.props.contextValue.createHrefForState(\n // refine will always be defined here because the prop is only given conditionally\n (_ref2 = connectorDesc.refine).call.apply(_ref2, [_assertThisInitialized(_this), _this.props, _this.props.contextValue.store.getState().widgets].concat(args)));\n });\n _defineProperty(_assertThisInitialized(_this), \"searchForFacetValues\", function () {\n var _ref3;\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n _this.props.contextValue.onSearchForFacetValues(\n // searchForFacetValues will always be defined here because the prop is only given conditionally\n (_ref3 = connectorDesc.searchForFacetValues).call.apply(_ref3, [_assertThisInitialized(_this), _this.props, _this.props.contextValue.store.getState().widgets].concat(args)));\n });\n if (connectorDesc.getSearchParameters) {\n _this.props.contextValue.onSearchParameters(connectorDesc.getSearchParameters.bind(_assertThisInitialized(_this)), {\n ais: _this.props.contextValue,\n multiIndexContext: _this.props.indexContextValue\n }, _this.props, connectorDesc.getMetadata && connectorDesc.getMetadata.bind(_assertThisInitialized(_this)), connectorDesc.displayName);\n }\n return _this;\n }\n _createClass(Connector, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n if (this.cleanupTimerRef) {\n clearTimeout(this.cleanupTimerRef);\n this.cleanupTimerRef = null;\n }\n this.unsubscribe = this.props.contextValue.store.subscribe(function () {\n if (!_this2.isUnmounting) {\n _this2.setState({\n providedProps: _this2.getProvidedProps(_this2.props)\n });\n }\n });\n if (isWidget) {\n this.unregisterWidget = this.props.contextValue.widgetsManager.registerWidget(this);\n }\n }\n }, {\n key: \"shouldComponentUpdate\",\n value: function shouldComponentUpdate(nextProps, nextState) {\n if (typeof connectorDesc.shouldComponentUpdate === 'function') {\n return connectorDesc.shouldComponentUpdate.call(this, this.props, nextProps, this.state, nextState);\n }\n var propsEqual = shallowEqual(this.props, nextProps);\n if (this.state.providedProps === null || nextState.providedProps === null) {\n if (this.state.providedProps === nextState.providedProps) {\n return !propsEqual;\n }\n return true;\n }\n return !propsEqual || !shallowEqual(this.state.providedProps, nextState.providedProps);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (!isEqual(prevProps, this.props)) {\n this.setState({\n providedProps: this.getProvidedProps(this.props)\n });\n if (isWidget) {\n this.props.contextValue.widgetsManager.update();\n if (typeof connectorDesc.transitionState === 'function') {\n this.props.contextValue.onSearchStateChange(connectorDesc.transitionState.call(this, this.props, this.props.contextValue.store.getState().widgets, this.props.contextValue.store.getState().widgets));\n }\n }\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n var _this3 = this;\n this.cleanupTimerRef = setTimeout(function () {\n _this3.isUnmounting = true;\n if (_this3.unsubscribe) {\n _this3.unsubscribe();\n }\n if (_this3.unregisterWidget) {\n _this3.unregisterWidget();\n if (typeof connectorDesc.cleanUp === 'function') {\n var nextState = connectorDesc.cleanUp.call(_this3, _this3.props, _this3.props.contextValue.store.getState().widgets);\n _this3.props.contextValue.store.setState(_objectSpread(_objectSpread({}, _this3.props.contextValue.store.getState()), {}, {\n widgets: nextState\n }));\n _this3.props.contextValue.onSearchStateChange(removeEmptyKey(nextState));\n }\n }\n });\n }\n }, {\n key: \"getProvidedProps\",\n value: function getProvidedProps(props) {\n var _this$props$contextVa = this.props.contextValue.store.getState(),\n widgets = _this$props$contextVa.widgets,\n results = _this$props$contextVa.results,\n resultsFacetValues = _this$props$contextVa.resultsFacetValues,\n searching = _this$props$contextVa.searching,\n searchingForFacetValues = _this$props$contextVa.searchingForFacetValues,\n isSearchStalled = _this$props$contextVa.isSearchStalled,\n metadata = _this$props$contextVa.metadata,\n error = _this$props$contextVa.error;\n var searchResults = {\n results: results,\n searching: searching,\n searchingForFacetValues: searchingForFacetValues,\n isSearchStalled: isSearchStalled,\n error: error\n };\n return connectorDesc.getProvidedProps.call(this, props, widgets, searchResults, metadata,\n // @MAJOR: move this attribute on the `searchResults` it doesn't\n // makes sense to have it into a separate argument. The search\n // flags are on the object why not the results?\n resultsFacetValues);\n }\n }, {\n key: \"getSearchParameters\",\n value: function getSearchParameters(searchParameters) {\n if (typeof connectorDesc.getSearchParameters === 'function') {\n return connectorDesc.getSearchParameters.call(this, searchParameters, this.props, this.props.contextValue.store.getState().widgets);\n }\n return null;\n }\n }, {\n key: \"getMetadata\",\n value: function getMetadata(nextWidgetsState) {\n if (typeof connectorDesc.getMetadata === 'function') {\n return connectorDesc.getMetadata.call(this, this.props, nextWidgetsState);\n }\n return {};\n }\n }, {\n key: \"transitionState\",\n value: function transitionState(prevWidgetsState, nextWidgetsState) {\n if (typeof connectorDesc.transitionState === 'function') {\n return connectorDesc.transitionState.call(this, this.props, prevWidgetsState, nextWidgetsState);\n }\n return nextWidgetsState;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n contextValue = _this$props.contextValue,\n props = _objectWithoutProperties(_this$props, _excluded);\n var providedProps = this.state.providedProps;\n if (providedProps === null) {\n return null;\n }\n var refineProps = typeof connectorDesc.refine === 'function' ? {\n refine: this.refine,\n createURL: this.createURL\n } : {};\n var searchForFacetValuesProps = typeof connectorDesc.searchForFacetValues === 'function' ? {\n searchForItems: this.searchForFacetValues\n } : {};\n return /*#__PURE__*/React.createElement(Composed, _extends({}, props, providedProps, refineProps, searchForFacetValuesProps));\n }\n }]);\n return Connector;\n }(Component);\n _defineProperty(Connector, \"displayName\", \"\".concat(connectorDesc.displayName, \"(\").concat(getDisplayName(Composed), \")\"));\n _defineProperty(Connector, \"$$type\", connectorDesc.$$type);\n _defineProperty(Connector, \"$$widgetType\", additionalWidgetProperties.$$widgetType);\n _defineProperty(Connector, \"propTypes\", connectorDesc.propTypes);\n _defineProperty(Connector, \"defaultProps\", connectorDesc.defaultProps);\n _defineProperty(Connector, \"_connectorDesc\", connectorDesc);\n return Connector;\n };\n}\nvar createConnectorWithContext = function createConnectorWithContext(connectorDesc) {\n return function (Composed, additionalWidgetProperties) {\n var Connector = createConnectorWithoutContext(connectorDesc)(Composed, additionalWidgetProperties);\n var ConnectorWrapper = function ConnectorWrapper(props) {\n return /*#__PURE__*/React.createElement(InstantSearchConsumer, null, function (contextValue) {\n return /*#__PURE__*/React.createElement(IndexConsumer, null, function (indexContextValue) {\n return /*#__PURE__*/React.createElement(Connector, _extends({\n contextValue: contextValue,\n indexContextValue: indexContextValue\n }, props));\n });\n });\n };\n return ConnectorWrapper;\n };\n};\nexport default createConnectorWithContext;","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nimport { omit } from \"./utils.js\";\nexport function getIndexId(context) {\n return hasMultipleIndices(context) ? context.multiIndexContext.targetedIndex : context.ais.mainTargetedIndex;\n}\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * @returns {import('algoliasearch-helper').SearchResults} results\n */\nexport function getResults(searchResults, context) {\n if (searchResults.results) {\n if (searchResults.results.hits) {\n return searchResults.results;\n }\n var indexId = getIndexId(context);\n if (searchResults.results[indexId]) {\n return searchResults.results[indexId];\n }\n }\n return null;\n}\nexport function hasMultipleIndices(context) {\n return context && context.multiIndexContext;\n}\nexport function refineValue(searchState, nextRefinement, context, resetPage, namespace) {\n if (hasMultipleIndices(context)) {\n var indexId = getIndexId(context);\n return namespace ? refineMultiIndexWithNamespace(searchState, nextRefinement, indexId, resetPage, namespace) : refineMultiIndex(searchState, nextRefinement, indexId, resetPage);\n } else {\n // When we have a multi index page with shared widgets we should also\n // reset their page to 1 if the resetPage is provided. Otherwise the\n // indices will always be reset\n // see: https://github.com/algolia/react-instantsearch/issues/310\n // see: https://github.com/algolia/react-instantsearch/issues/637\n if (searchState.indices && resetPage) {\n Object.keys(searchState.indices).forEach(function (targetedIndex) {\n searchState = refineValue(searchState, {\n page: 1\n }, {\n multiIndexContext: {\n targetedIndex: targetedIndex\n }\n }, true, namespace);\n });\n }\n return namespace ? refineSingleIndexWithNamespace(searchState, nextRefinement, resetPage, namespace) : refineSingleIndex(searchState, nextRefinement, resetPage);\n }\n}\nfunction refineMultiIndex(searchState, nextRefinement, indexId, resetPage) {\n var page = resetPage ? {\n page: 1\n } : undefined;\n var state = searchState.indices && searchState.indices[indexId] ? _objectSpread(_objectSpread({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread(_objectSpread(_objectSpread({}, searchState.indices[indexId]), nextRefinement), page))) : _objectSpread(_objectSpread({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread(_objectSpread({}, nextRefinement), page)));\n return _objectSpread(_objectSpread({}, searchState), {}, {\n indices: state\n });\n}\nfunction refineSingleIndex(searchState, nextRefinement, resetPage) {\n var page = resetPage ? {\n page: 1\n } : undefined;\n return _objectSpread(_objectSpread(_objectSpread({}, searchState), nextRefinement), page);\n}\nfunction refineMultiIndexWithNamespace(searchState, nextRefinement, indexId, resetPage, namespace) {\n var _objectSpread4;\n var page = resetPage ? {\n page: 1\n } : undefined;\n var state = searchState.indices && searchState.indices[indexId] ? _objectSpread(_objectSpread({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread(_objectSpread({}, searchState.indices[indexId]), {}, (_objectSpread4 = {}, _defineProperty(_objectSpread4, namespace, _objectSpread(_objectSpread({}, searchState.indices[indexId][namespace]), nextRefinement)), _defineProperty(_objectSpread4, \"page\", 1), _objectSpread4)))) : _objectSpread(_objectSpread({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread(_defineProperty({}, namespace, nextRefinement), page)));\n return _objectSpread(_objectSpread({}, searchState), {}, {\n indices: state\n });\n}\nfunction refineSingleIndexWithNamespace(searchState, nextRefinement, resetPage, namespace) {\n var page = resetPage ? {\n page: 1\n } : undefined;\n return _objectSpread(_objectSpread({}, searchState), {}, _defineProperty({}, namespace, _objectSpread(_objectSpread({}, searchState[namespace]), nextRefinement)), page);\n}\nfunction getNamespaceAndAttributeName(id) {\n var parts = id.match(/^([^.]*)\\.(.*)/);\n var namespace = parts && parts[1];\n var attributeName = parts && parts[2];\n return {\n namespace: namespace,\n attributeName: attributeName\n };\n}\nfunction hasRefinements(_ref) {\n var multiIndex = _ref.multiIndex,\n indexId = _ref.indexId,\n namespace = _ref.namespace,\n attributeName = _ref.attributeName,\n id = _ref.id,\n searchState = _ref.searchState;\n if (multiIndex && namespace) {\n return searchState.indices && searchState.indices[indexId] && searchState.indices[indexId][namespace] && Object.hasOwnProperty.call(searchState.indices[indexId][namespace], attributeName);\n }\n if (multiIndex) {\n return searchState.indices && searchState.indices[indexId] && Object.hasOwnProperty.call(searchState.indices[indexId], id);\n }\n if (namespace) {\n return searchState[namespace] && Object.hasOwnProperty.call(searchState[namespace], attributeName);\n }\n return Object.hasOwnProperty.call(searchState, id);\n}\nfunction getRefinements(_ref2) {\n var multiIndex = _ref2.multiIndex,\n indexId = _ref2.indexId,\n namespace = _ref2.namespace,\n attributeName = _ref2.attributeName,\n id = _ref2.id,\n searchState = _ref2.searchState;\n if (multiIndex && namespace) {\n return searchState.indices[indexId][namespace][attributeName];\n }\n if (multiIndex) {\n return searchState.indices[indexId][id];\n }\n if (namespace) {\n return searchState[namespace][attributeName];\n }\n return searchState[id];\n}\nexport function getCurrentRefinementValue(props, searchState, context, id, defaultValue) {\n var indexId = getIndexId(context);\n var _getNamespaceAndAttri = getNamespaceAndAttributeName(id),\n namespace = _getNamespaceAndAttri.namespace,\n attributeName = _getNamespaceAndAttri.attributeName;\n var multiIndex = hasMultipleIndices(context);\n var args = {\n multiIndex: multiIndex,\n indexId: indexId,\n namespace: namespace,\n attributeName: attributeName,\n id: id,\n searchState: searchState\n };\n var hasRefinementsValue = hasRefinements(args);\n if (hasRefinementsValue) {\n return getRefinements(args);\n }\n if (props.defaultRefinement) {\n return props.defaultRefinement;\n }\n return defaultValue;\n}\nexport function cleanUpValue(searchState, context, id) {\n var indexId = getIndexId(context);\n var _getNamespaceAndAttri2 = getNamespaceAndAttributeName(id),\n namespace = _getNamespaceAndAttri2.namespace,\n attributeName = _getNamespaceAndAttri2.attributeName;\n if (hasMultipleIndices(context) && Boolean(searchState.indices)) {\n return cleanUpValueWithMultiIndex({\n attribute: attributeName,\n searchState: searchState,\n indexId: indexId,\n id: id,\n namespace: namespace\n });\n }\n return cleanUpValueWithSingleIndex({\n attribute: attributeName,\n searchState: searchState,\n id: id,\n namespace: namespace\n });\n}\nfunction cleanUpValueWithSingleIndex(_ref3) {\n var searchState = _ref3.searchState,\n id = _ref3.id,\n namespace = _ref3.namespace,\n attribute = _ref3.attribute;\n if (namespace) {\n return _objectSpread(_objectSpread({}, searchState), {}, _defineProperty({}, namespace, omit(searchState[namespace], [attribute])));\n }\n return omit(searchState, [id]);\n}\nfunction cleanUpValueWithMultiIndex(_ref4) {\n var searchState = _ref4.searchState,\n indexId = _ref4.indexId,\n id = _ref4.id,\n namespace = _ref4.namespace,\n attribute = _ref4.attribute;\n var indexSearchState = searchState.indices[indexId];\n if (namespace && indexSearchState) {\n return _objectSpread(_objectSpread({}, searchState), {}, {\n indices: _objectSpread(_objectSpread({}, searchState.indices), {}, _defineProperty({}, indexId, _objectSpread(_objectSpread({}, indexSearchState), {}, _defineProperty({}, namespace, omit(indexSearchState[namespace], [attribute])))))\n });\n }\n if (indexSearchState) {\n return _objectSpread(_objectSpread({}, searchState), {}, {\n indices: _objectSpread(_objectSpread({}, searchState.indices), {}, _defineProperty({}, indexId, omit(indexSearchState, [id])))\n });\n }\n return searchState;\n}","function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nimport PropTypes from 'prop-types';\nimport createConnector from \"../core/createConnector.js\";\nimport { cleanUpValue, getIndexId, refineValue, getCurrentRefinementValue, getResults } from \"../core/indexUtils.js\";\n\n/**\n * connectRange connector provides the logic to create connected\n * components that will give the ability for a user to refine results using\n * a numeric range.\n * @name connectRange\n * @kind connector\n * @requirements The attribute passed to the `attribute` prop must be present in “attributes for faceting”\n * on the Algolia dashboard or configured as `attributesForFaceting` via a set settings call to the Algolia API.\n * The values inside the attribute must be JavaScript numbers (not strings).\n * @propType {string} attribute - Name of the attribute for faceting\n * @propType {{min?: number, max?: number}} [defaultRefinement] - Default searchState of the widget containing the start and the end of the range.\n * @propType {number} [min] - Minimum value. When this isn't set, the minimum value will be automatically computed by Algolia using the data in the index.\n * @propType {number} [max] - Maximum value. When this isn't set, the maximum value will be automatically computed by Algolia using the data in the index.\n * @propType {number} [precision=0] - Number of digits after decimal point to use.\n * @providedPropType {function} refine - a function to select a range.\n * @providedPropType {function} createURL - a function to generate a URL for the corresponding search state\n * @providedPropType {string} currentRefinement - the refinement currently applied\n * @providedPropType {number} min - the minimum value available.\n * @providedPropType {number} max - the maximum value available.\n * @providedPropType {number} precision - Number of digits after decimal point to use.\n */\n\nfunction getId(props) {\n return props.attribute;\n}\nvar namespace = 'range';\nfunction getCurrentRange(boundaries, stats, precision) {\n var pow = Math.pow(10, precision);\n var min;\n if (typeof boundaries.min === 'number' && isFinite(boundaries.min)) {\n min = boundaries.min;\n } else if (typeof stats.min === 'number' && isFinite(stats.min)) {\n min = stats.min;\n } else {\n min = undefined;\n }\n var max;\n if (typeof boundaries.max === 'number' && isFinite(boundaries.max)) {\n max = boundaries.max;\n } else if (typeof stats.max === 'number' && isFinite(stats.max)) {\n max = stats.max;\n } else {\n max = undefined;\n }\n return {\n min: min !== undefined ? Math.floor(min * pow) / pow : min,\n max: max !== undefined ? Math.ceil(max * pow) / pow : max\n };\n}\nfunction getCurrentRefinement(props, searchState, currentRange, context) {\n var _getCurrentRefinement = getCurrentRefinementValue(props, searchState, context, \"\".concat(namespace, \".\").concat(getId(props)), {}),\n min = _getCurrentRefinement.min,\n max = _getCurrentRefinement.max;\n var isFloatPrecision = Boolean(props.precision);\n var nextMin = min;\n if (typeof nextMin === 'string') {\n nextMin = isFloatPrecision ? parseFloat(nextMin) : parseInt(nextMin, 10);\n }\n var nextMax = max;\n if (typeof nextMax === 'string') {\n nextMax = isFloatPrecision ? parseFloat(nextMax) : parseInt(nextMax, 10);\n }\n var refinement = {\n min: nextMin,\n max: nextMax\n };\n var hasMinBound = props.min !== undefined;\n var hasMaxBound = props.max !== undefined;\n var hasMinRefinment = refinement.min !== undefined;\n var hasMaxRefinment = refinement.max !== undefined;\n if (hasMinBound && hasMinRefinment && refinement.min < currentRange.min) {\n throw Error(\"You can't provide min value lower than range.\");\n }\n if (hasMaxBound && hasMaxRefinment && refinement.max > currentRange.max) {\n throw Error(\"You can't provide max value greater than range.\");\n }\n if (hasMinBound && !hasMinRefinment) {\n refinement.min = currentRange.min;\n }\n if (hasMaxBound && !hasMaxRefinment) {\n refinement.max = currentRange.max;\n }\n return refinement;\n}\nfunction getCurrentRefinementWithRange(refinement, range) {\n return {\n min: refinement.min !== undefined ? refinement.min : range.min,\n max: refinement.max !== undefined ? refinement.max : range.max\n };\n}\nfunction nextValueForRefinement(hasBound, isReset, range, value) {\n var next;\n if (!hasBound && range === value) {\n next = undefined;\n } else if (hasBound && isReset) {\n next = range;\n } else {\n next = value;\n }\n return next;\n}\nfunction _refine(props, searchState, nextRefinement, currentRange, context) {\n var nextMin = nextRefinement.min,\n nextMax = nextRefinement.max;\n var currentMinRange = currentRange.min,\n currentMaxRange = currentRange.max;\n var isMinReset = nextMin === undefined || nextMin === '';\n var isMaxReset = nextMax === undefined || nextMax === '';\n var nextMinAsNumber = !isMinReset ? parseFloat(nextMin) : undefined;\n var nextMaxAsNumber = !isMaxReset ? parseFloat(nextMax) : undefined;\n var isNextMinValid = isMinReset || isFinite(nextMinAsNumber);\n var isNextMaxValid = isMaxReset || isFinite(nextMaxAsNumber);\n if (!isNextMinValid || !isNextMaxValid) {\n throw Error(\"You can't provide non finite values to the range connector.\");\n }\n if (nextMinAsNumber < currentMinRange) {\n throw Error(\"You can't provide min value lower than range.\");\n }\n if (nextMaxAsNumber > currentMaxRange) {\n throw Error(\"You can't provide max value greater than range.\");\n }\n var id = getId(props);\n var resetPage = true;\n var nextValue = _defineProperty({}, id, {\n min: nextValueForRefinement(props.min !== undefined, isMinReset, currentMinRange, nextMinAsNumber),\n max: nextValueForRefinement(props.max !== undefined, isMaxReset, currentMaxRange, nextMaxAsNumber)\n });\n return refineValue(searchState, nextValue, context, resetPage, namespace);\n}\nfunction _cleanUp(props, searchState, context) {\n return cleanUpValue(searchState, context, \"\".concat(namespace, \".\").concat(getId(props)));\n}\nexport default createConnector({\n displayName: 'AlgoliaRange',\n $$type: 'ais.range',\n propTypes: {\n id: PropTypes.string,\n attribute: PropTypes.string.isRequired,\n defaultRefinement: PropTypes.shape({\n min: PropTypes.number,\n max: PropTypes.number\n }),\n min: PropTypes.number,\n max: PropTypes.number,\n precision: PropTypes.number,\n header: PropTypes.node,\n footer: PropTypes.node\n },\n defaultProps: {\n precision: 0\n },\n getProvidedProps: function getProvidedProps(props, searchState, searchResults) {\n var attribute = props.attribute,\n precision = props.precision,\n minBound = props.min,\n maxBound = props.max;\n var results = getResults(searchResults, {\n ais: props.contextValue,\n multiIndexContext: props.indexContextValue\n });\n var hasFacet = results && results.getFacetByName(attribute);\n var stats = hasFacet ? results.getFacetStats(attribute) || {} : {};\n var facetValues = hasFacet ? results.getFacetValues(attribute) : [];\n var count = facetValues.map(function (v) {\n return {\n value: v.name,\n count: v.count\n };\n });\n var _getCurrentRange = getCurrentRange({\n min: minBound,\n max: maxBound\n }, stats, precision),\n rangeMin = _getCurrentRange.min,\n rangeMax = _getCurrentRange.max;\n\n // The searchState is not always in sync with the helper state. For example\n // when we set boundaries on the first render the searchState don't have\n // the correct refinement. If this behavior change in the upcoming version\n // we could store the range inside the searchState instead of rely on `this`.\n this._currentRange = {\n min: rangeMin,\n max: rangeMax\n };\n var currentRefinement = getCurrentRefinement(props, searchState, this._currentRange, {\n ais: props.contextValue,\n multiIndexContext: props.indexContextValue\n });\n return {\n min: rangeMin,\n max: rangeMax,\n canRefine: count.length > 0,\n currentRefinement: getCurrentRefinementWithRange(currentRefinement, this._currentRange),\n count: count,\n precision: precision\n };\n },\n refine: function refine(props, searchState, nextRefinement) {\n return _refine(props, searchState, nextRefinement, this._currentRange, {\n ais: props.contextValue,\n multiIndexContext: props.indexContextValue\n });\n },\n cleanUp: function cleanUp(props, searchState) {\n return _cleanUp(props, searchState, {\n ais: props.contextValue,\n multiIndexContext: props.indexContextValue\n });\n },\n getSearchParameters: function getSearchParameters(params, props, searchState) {\n var attribute = props.attribute;\n var _getCurrentRefinement2 = getCurrentRefinement(props, searchState, this._currentRange, {\n ais: props.contextValue,\n multiIndexContext: props.indexContextValue\n }),\n min = _getCurrentRefinement2.min,\n max = _getCurrentRefinement2.max;\n params = params.addDisjunctiveFacet(attribute);\n if (min !== undefined) {\n params = params.addNumericRefinement(attribute, '>=', min);\n }\n if (max !== undefined) {\n params = params.addNumericRefinement(attribute, '<=', max);\n }\n return params;\n },\n getMetadata: function getMetadata(props, searchState) {\n var _this = this;\n var _this$_currentRange = this._currentRange,\n minRange = _this$_currentRange.min,\n maxRange = _this$_currentRange.max;\n var _getCurrentRefinement3 = getCurrentRefinement(props, searchState, this._currentRange, {\n ais: props.contextValue,\n multiIndexContext: props.indexContextValue\n }),\n minValue = _getCurrentRefinement3.min,\n maxValue = _getCurrentRefinement3.max;\n var items = [];\n var hasMin = minValue !== undefined;\n var hasMax = maxValue !== undefined;\n var shouldDisplayMinLabel = hasMin && minValue !== minRange;\n var shouldDisplayMaxLabel = hasMax && maxValue !== maxRange;\n if (shouldDisplayMinLabel || shouldDisplayMaxLabel) {\n var fragments = [hasMin ? \"\".concat(minValue, \" <= \") : '', props.attribute, hasMax ? \" <= \".concat(maxValue) : ''];\n items.push({\n label: fragments.join(''),\n attribute: props.attribute,\n value: function value(nextState) {\n return _refine(props, nextState, {}, _this._currentRange, {\n ais: props.contextValue,\n multiIndexContext: props.indexContextValue\n });\n },\n currentRefinement: getCurrentRefinementWithRange({\n min: minValue,\n max: maxValue\n }, {\n min: minRange,\n max: maxRange\n })\n });\n }\n return {\n id: getId(props),\n index: getIndexId({\n ais: props.contextValue,\n multiIndexContext: props.indexContextValue\n }),\n items: items\n };\n }\n});","import { getPropertyByPath } from \"./utils.js\";\nexport var HIGHLIGHT_TAGS = {\n highlightPreTag: \" modalAction(false)}>
\n \n \n
\n \n Please enter your pincode!\n
\n {sorryIcon({ width: 190, height: 190 })}
\n \n Set the location where you would want the machine to be delivered. This\n will help us give you a more accurate price and search for machines\n closer to you\n
\n \n
\n \n Use my current location\n
\n \n See: [Search state structure](https://community.algolia.com/react-instantsearch/guide/Search_state.html)\n * @providedPropType {object} searchResults - The search results.
In case of multiple indices: if used under `
\n *
\n * );\n * });\n *\n * const App = () => (\n * \n *
\n * \n *
\n * No results has been found for {searchState.query}
\n * No records found.
\n ) : (\n items\n .filter(item => item.label !== '0' && item.label !== '1900')\n .map((item) => (\n\n \n \n
\n\n ))\n )}\n \n );\n\n};\n\nexport default connectRefinementList(ConnectedCustomRefinementList);","import React, { useState } from 'react';\nimport { filterArrowIcon } from \"../../../../helpers/Icons\";\nimport ConnectedCustomRefinementList from \"../FilterRefinement\";\nconst FilterSection = ({ title, attribute, filterType, activeFilters, setIndustryCheckBoxValue, CategoryCheckBoxValue, setCategoryCheckBoxValue, handleFilters, MainFilters, setMainFilters }) => {\n // Check if filterType is Price\n const isPriceFilter = filterType === \"Price\";\n const [selectedValues, setSelectedValues] = useState([]);\n // Define static options for Price filter\n const priceOptions = [\n { name: \"Below ₹50,000\", value: \"0 TO 50000\" },\n { name: \"₹50,001 to ₹100,000\", value: \"50001 TO 100000\" },\n { name: \"₹100,001 to ₹250,000\", value: \"100001 TO 250000\" },\n { name: \"₹250,001 to ₹500,000\", value: \"250001 TO 500000\" },\n { name: \"₹500,001 to ₹750,000\", value: \"500001 TO 750000\" },\n { name: \"₹750,001 to ₹1,000,000\", value: \"750001 TO 1000000\" },\n { name: \"Above ₹1,000,001\", value: \"1000001 TO 10000000\" }\n ];\n const handlePrice = (event) => {\n const value = event.currentTarget.value;\n const newSelectedValues = [...selectedValues];\n if (event.currentTarget.checked) {\n newSelectedValues.push(value);\n } else {\n const index = newSelectedValues.indexOf(value);\n newSelectedValues.splice(index, 1);\n }\n\n setSelectedValues(newSelectedValues);\n //setMainFilters('((grossPrice:1 TO 50000) OR (grossPrice:50001 TO 100000))')\n let mainFiltersString = \"\";\n if (newSelectedValues.length > 0) {\n mainFiltersString = newSelectedValues.map((val) => `grossPrice:${val}`).join(\" OR \");\n mainFiltersString = `(${mainFiltersString})`;\n }\n \n setMainFilters(mainFiltersString);\n\n };\n\n // console.log('selectedValues=============>',selectedValues.length);\n\n return (\n \n
\n );\n};\n\n\n\nexport default FilterSection","import React, { useState, useEffect } from 'react';\nimport { connectRefinementList, connectRange } from \"react-instantsearch-dom\";\nconst CategoryPopup = ({ filterConfigurations, activeFilters, setIndustryCheckBoxValue, CategoryCheckBoxValue, setCategoryCheckBoxValue, MainFilters, setMainFilters }) => {\n console.log('filterConfigurations------>', filterConfigurations);\n const [selectedCategory, setSelectedCategory] = useState(filterConfigurations[0].attribute); // Initialize with the first category\n const [refinementListValues, setRefinementListValues] = useState({});\n const [ItemLength, setItemLength] = useState();\n const [count, setCount] = useState(5);\n useEffect(() => {\n setCount(5)\n }, [ItemLength]);\n\n const onShowMore = () => {\n // Calculate the new count by adding 5 to the current count\n const newCount = ItemLength;\n\n // Set the new count\n setCount(newCount);\n };\n const onLessMore = () => {\n setCount(5);\n };\n\n const [selectedValues, setSelectedValues] = useState([]);\n // Define static options for Price filter\n const priceOptions = [\n { name: \"Below ₹50,000\", value: \"0 TO 50000\" },\n { name: \"₹50,001 - ₹100,000\", value: \"50001 TO 100000\" },\n { name: \"₹100,001 - ₹250,000\", value: \"100001 TO 250000\" },\n { name: \"₹250,001 - ₹500,000\", value: \"250001 TO 500000\" },\n { name: \"₹500,001 - ₹750,000\", value: \"500001 TO 750000\" },\n { name: \"₹750,001 - ₹1,000,000\", value: \"750001 TO 1000000\" },\n { name: \"Above ₹1,000,001\", value: \"1000001 TO 10000000\" }\n ];\n const handlePrice = (event) => {\n const value = event.currentTarget.value;\n const newSelectedValues = [...selectedValues];\n if (event.currentTarget.checked) {\n newSelectedValues.push(value);\n } else {\n const index = newSelectedValues.indexOf(value);\n newSelectedValues.splice(index, 1);\n }\n\n setSelectedValues(newSelectedValues);\n //setMainFilters('((grossPrice:1 TO 50000) OR (grossPrice:50001 TO 100000))')\n let mainFiltersString = \"\";\n if (newSelectedValues.length > 0) {\n mainFiltersString = newSelectedValues.map((val) => `grossPrice:${val}`).join(\" OR \");\n mainFiltersString = `(${mainFiltersString})`;\n }\n \n setMainFilters(mainFiltersString);\n\n };\n\n const handleShowResults = () => {\n const dropdownElement = document.querySelector('.p-fixed');\n const dropdownElement1 = document.querySelector('.fixed-category-bottom');\n if (dropdownElement) {\n dropdownElement.classList.add('dropdownHidden');\n dropdownElement1.classList.add('dropdownHidden');\n }\n };\n\n const handleRefinementChange = (attribute, values) => {\n setRefinementListValues(prevValues => ({\n ...prevValues,\n [attribute]: values\n }));\n };\n const showOptionsText = count === 5 ? \"More Options\" : (ItemLength == count ? \"Less Options\" : \"More Options\");\n return (\n <>\n \n {title}\n {filterArrowIcon({\n width: 22,\n height: 10,\n className: activeFilters[filterType] ? \"open\" : \"\",\n onClick: () => handleFilters(filterType, !activeFilters[filterType]),\n })}\n
\n {/* {activeFilters[filterType] ? (\n \n
\n ) : null} */}\n {activeFilters[filterType] ? (\n \n
\n \n {isPriceFilter ? (\n
\n ) : null}\n \n {priceOptions.map((option, index) => (\n
\n ) : (\n \n \n handlePrice(e)}\n />\n
\n ))}\n \n
\n )}\n \n
\n \n
\n \n
\n \n {filterConfigurations.map((category, index) => (\n
\n setSelectedCategory(category.attribute)}>\n
\n ))}\n {category.title}
\n\n
\n \n
\n \n
\n \n
\n {selectedCategory !== \"grossPrice\" && ItemLength > 5 &&\n (\n \n {selectedCategory === \"grossPrice\" ? (\n
\n \n {priceOptions.map((option, idx) => (\n
\n ) : (\n <>\n {filterConfigurations.map((category, index) => (\n \n handlePrice(e)}\n />\n \n
\n ))}\n \n {showOptionsText}\n
\n )}\n\n\n
\n \n );\n};\n\nexport default CategoryPopup;\n\n\n\n\n\n//--------------------------CheckBox Filter For Category,Sub-Category--------------(MULTI-SELECT INPUT)--------------------------------\n\nconst ConnectedCustomRefinementList = ({ attribute, items, refine, currentRefinement, setIndustryCheckBoxValue, CategoryCheckBoxValue, setCategoryCheckBoxValue, selectedCategory, count, setItemLength }) => {\n console.log('attribute---->', attribute);\n // console.log(' inside Mobile Response items :: ', items)\n if (attribute === selectedCategory) {\n setItemLength(items.length)\n }\n const regex = /.*?>\\s*/g;\n const [selectedValues, setSelectedValues] = useState([]);\n const handleCheckboxChange = (event) => {\n const value = event.currentTarget.value;\n const newSelectedValues = [...selectedValues];\n if (event.target.id === \"categories.lvl0\") {\n setIndustryCheckBoxValue(newSelectedValues);\n }\n\n if (event.target.id === \"categories.lvl1\") {\n if (event.currentTarget.checked) {\n setCategoryCheckBoxValue([value]); // Limit to one selection for \"categories.lvl1\"\n refine(value); // Perform refine action immediately for \"categories.lvl1\"\n return;\n }\n else {\n setCategoryCheckBoxValue([]);\n refine([]);\n return\n }\n\n }\n\n if (event.currentTarget.checked) {\n newSelectedValues.push(value);\n } else {\n const index = newSelectedValues.indexOf(value);\n newSelectedValues.splice(index, 1);\n }\n\n setSelectedValues(newSelectedValues);\n refine(newSelectedValues); // Perform refine for other checkboxes\n }\n\n\n\n\n return (\n <>\n {items.length > 0 && (\n <>\n {items\n .slice(0, count)\n .filter(item => item.label !== '0' && item.label !== '1900')\n .map((item) => (\n attribute === selectedCategory && (\n \n \n
\n \n
\n )\n ))}\n \n )}\n \n\n );\n\n\n\n};\n\nconst CustomRefinementList = connectRefinementList(ConnectedCustomRefinementList);","import createConnector from \"../core/createConnector.js\";\nimport { getResults } from \"../core/indexUtils.js\";\nimport { addAbsolutePositions, addQueryID } from \"../core/utils.js\";\n\n/**\n * connectHits connector provides the logic to create connected\n * components that will render the results retrieved from\n * Algolia.\n *\n * To configure the number of hits retrieved, use [HitsPerPage widget](widgets/HitsPerPage.html),\n * [connectHitsPerPage connector](connectors/connectHitsPerPage.html) or pass the hitsPerPage\n * prop to a [Configure](guide/Search_parameters.html) widget.\n *\n * **Warning:** you will need to use the **objectID** property available on every hit as a key\n * when iterating over them. This will ensure you have the best possible UI experience\n * especially on slow networks.\n * @name connectHits\n * @kind connector\n * @providedPropType {array.\n
\n );\n};\n\nexport default connectPagination(CustomPagination);\n","import React, { useState, useEffect } from 'react';\nimport './info.css'\nimport { Container, Image } from 'react-bootstrap';\nimport OtpInput from 'react-otp-input';\nimport Textarea from '@mui/joy/Textarea';\nimport { gql } from 'graphql-tag';\nimport { secondClient, CreateOtpVerification, UpdateOTPVerify } from '../../../OrigaExtentionAPI/mutations';\nimport client from '../../../Services/ServicesPopup/apolloclient';\n\nconst CREATE_CONTACT_US = gql`\n mutation CreateConatctUs($contactusinput: ContactUsInput!) {\n createContactUs(contactusinput: $contactusinput) {\n contactus {\n id\n firstname\n lastname\n emailid\n reasonId {\n id\n reasonTitle\n reasonDescription\n }\n queryDescription\n }\n message\n success\n }\n }\n`;\nconst DelayedForm = ({ setCustomerInfoForm }) => {\n const [OTPID, setOTPID] = useState(null);\n const [otp, setOtp] = useState('');\n const [timeLeft, setTimeLeft] = useState(120); // 120 seconds = 2 minutes\n const [errorMessage, setErrorMessage] = useState('');\n const token = localStorage.getItem('userToken');\n const phoneNumber = localStorage.getItem('number');\n const fname = localStorage.getItem('firstName');\n const lname = localStorage.getItem('lastName');\n const emailid = localStorage.getItem('emailId');\n // console.log('token----->',token);\n const [validation, setvalidaion] = useState({ NameValidation: false, EmailIdValidation: false, PhoneValidation: false })\n const [formData, setFormData] = useState({\n name: '',\n email: '',\n phone: '',\n comments: '',\n otp: '',\n otpSent: false,\n otpVerified: false\n });\n\n\n useEffect(() => {\n if (token !== null) {\n setFormData(prevState => ({ ...prevState, phone: phoneNumber }));\n setFormData(prevState => ({ ...prevState, name: fname + \" \" + lname }));\n setFormData(prevState => ({ ...prevState, email: emailid }));\n }\n }, [token]);\n\n useEffect(() => {\n let timer\n if (formData.otpSent) {\n timer = setInterval(() => {\n if (timeLeft > 0) {\n setTimeLeft(timeLeft - 1);\n } else {\n clearInterval(timer);\n\n }\n }, 1000);\n }\n return () => {\n\n if (formData.otpSent) clearInterval(timer)\n };\n }, [timeLeft, formData.otpSent]);\n\n\n const handleSubmit_2 = async (event) => {\n event.preventDefault();\n try {\n const { data } = await client.mutate({\n mutation: CREATE_CONTACT_US,\n variables: {\n contactusinput: {\n firstname: formData.name,\n lastname: '',\n emailid: formData.email,\n reasonid: 7,\n queryDescription: formData.comments,\n phonenumber: phoneNumber\n }\n }\n });\n if (data) {\n setCustomerInfoForm(false)\n }\n\n } catch (error) {\n console.error('API Error==>', error.message);\n\n }\n\n\n }\n const handleSubmit = async (event) => {\n event.preventDefault();\n if (formData.email === '' && formData.phone === '') {\n\n setvalidaion(prev => ({ ...prev, PhoneValidation: true, EmailIdValidation: true }));\n return\n }\n if (formData.email) {\n if (formData.email.length < 8) {\n setvalidaion(prev => ({\n ...prev,\n evalidation: true\n }));\n return;\n } else {\n const emailPattern = /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\\.[a-zA-Z0-9-.]+$/;\n const isValid = emailPattern.test(formData.email);\n\n setvalidaion(prev => ({\n ...prev,\n EmailIdValidation: !isValid\n }));\n if (isValid === false) return\n }\n\n }\n \n\n if (formData.phone !== '' && otp.length !== 4) {\n setErrorMessage('Please enter the valid OTP sent to your phone number');\n if (formData.phone.length !== 10) {\n\n alert(\"Please enter a valid 10-digit Phone Number!!!\")\n return\n }\n return\n }\n if ((formData.phone !== '' || formData.phone.length !== 10) && otp.length !== 4) {\n setErrorMessage('Please enter the valid OTP sent to your phone number');\n alert(\"Please enter a valid 10-digit Phone Number!!!\")\n return\n }\n try {\n const { data } = await client.mutate({\n mutation: CREATE_CONTACT_US,\n variables: {\n contactusinput: {\n firstname: formData.name,\n lastname: '',\n emailid: formData.email,\n reasonid: 7,\n queryDescription: formData.comments,\n phonenumber: formData.phone\n }\n }\n });\n if (data) {\n setCustomerInfoForm(false)\n }\n\n } catch (error) {\n console.error('API Error==>', error.message);\n\n }\n\n // localStorage.setItem('formSubmitted', 'true');\n console.log('Form data:', formData);\n };\n\n const onPNumberChange = async (e) => {\n const newInputString = e.target.value;\n const sanitizedInput = newInputString.replace(/[^0-9]/g, '');\n\n // Update the state only if the input is empty or contains valid characters\n if ((newInputString === '' || sanitizedInput === newInputString) && sanitizedInput.length <= 10) {\n setFormData(prevState => ({ ...prevState, phone: sanitizedInput }));\n if (sanitizedInput.length === 10) {\n setFormData(prevState => ({ ...prevState, otpSent: true }));\n try {\n const { data: createOtpData } = await secondClient.mutate({\n mutation: CreateOtpVerification,\n variables: {\n inputotp: {\n ompuserid: '',\n ompmobileno: sanitizedInput,\n verificationstatus: 'Not Verified',\n actiontype: 'LogIn',\n },\n },\n });\n const OTP_ID = createOtpData?.createOtpverification?.otpverification?.OtpID;\n setOTPID(OTP_ID)\n } catch (error) {\n console.error('Error sending OTP:', error);\n }\n }\n\n }\n\n\n };\n\n const onOtpChange = async (otpValue) => {\n setOtp(otpValue);\n // console.log('otpValue---->', otpValue);\n if (otpValue.length === 4) {\n try {\n let OTP_message;\n const { data: UpdateOTPData } = await secondClient.mutate({\n mutation: UpdateOTPVerify,\n variables: {\n updateOTP: {\n otpid: parseInt(OTPID),\n otpval: parseInt(otpValue),\n verificationstatus: 'Verified',\n otpstatus: 'Verified',\n },\n },\n });\n // Check the message in the response and set the OTP_message accordingly\n OTP_message = UpdateOTPData?.updateOtpverification?.message;\n if (OTP_message !== 'OTP verification was successful!') {\n setErrorMessage('Please enter the valid OTP sent to your phone number');\n return\n }\n else {\n setFormData(prevState => ({ ...prevState, otpSent: false }));\n }\n\n }\n catch (error) {\n console.error('Error verifying OTP:', error);\n }\n }\n else {\n setErrorMessage(\"\")\n }\n };\n\n const formatTime = (seconds) => {\n const minutes = Math.floor(seconds / 60);\n const remainingSeconds = seconds % 60;\n return `${minutes}:${remainingSeconds < 10 ? '0' : ''}${remainingSeconds}`;\n };\n\n const onResendOtp = async () => {\n setTimeLeft(120)\n try {\n const { data: createOtpData } = await secondClient.mutate({\n mutation: CreateOtpVerification,\n variables: {\n inputotp: {\n ompuserid: '',\n ompmobileno: formData.phone,\n verificationstatus: 'Not Verified',\n actiontype: 'LogIn',\n },\n },\n });\n const OTP_ID = createOtpData?.createOtpverification?.otpverification?.OtpID;\n setOTPID(OTP_ID)\n } catch (error) {\n console.error('Error sending OTP:', error);\n }\n }\n\n\n return (\n <>\n \n refine(currentRefinement - 1)}\n disabled={currentRefinement === 1} // Disable if currentRefinement is 1\n >\n {leftArrowIcon({ width: 24, height: 24 })}\n \n refine(currentRefinement + 1)}\n disabled={currentRefinement === renderPageButtons().length} // Disable if currentRefinement is at the maximum level\n >\n {rightArrowIcon({ width: 24, height: 24 })}\n \n
\n {renderPageButtons()}
\n \n \n
\n\n
\n
\n
\n \n ![](\"/asset/close-fill.png\")
{\n setCustomerInfoForm(false);\n localStorage.setItem('formSubmitted', 'true');\n }} alt=\"close-tag\" />\n
\n {\n setCustomerInfoForm(false);\n localStorage.setItem('formSubmitted', 'true');\n }} alt=\"close-tag\" />\n \n
\n \n Unlock Exclusive Offers!\n
\n\n Enter Your Contact Details to Stay Updated and Receive Special Deals!\n
\n\n\n
\n\n <>\n
\n
\n {formData.otpSent && (\n <>\n \n setvalidaion(prev => ({ ...prev, PhoneValidation: false }))}\n placeholder=\"Phone Number\"\n />\n \n
\n \n
\n \n Verify with OTP\n
\nEnter the OTP sent to +91-{`${formData.phone}`}
\n\n
\n \n }\n renderInput={(props) => }\n />\n
\n {errorMessage}
\n\n
\n \n )}\n \n {formatTime(timeLeft)}\n Resend OTP\n
\n\n
\n \n setFormData(prev => ({ ...prev, name: e.target.value }))}\n onClick={() => setvalidaion(prev => ({ ...prev, NameValidation: false }))}\n />\n \n
\n \n
\n \n\n\n\n \n setFormData(prev => ({ ...prev, email: e.target.value }))}\n onClick={() => setvalidaion(prev => ({ ...prev, EmailIdValidation: false }))}\n />\n \n
\n \n