tabexseriescomponents 0.0.279 → 0.0.280

package/dist/index.esm.js

@@ -121,7 +121,7 @@ import { AiOutlinePhone } from '@react-icons/all-files/ai/AiOutlinePhone';
 import { GoLocation } from '@react-icons/all-files/go/GoLocation';
 import { RiRoadMapLine } from '@react-icons/all-files/ri/RiRoadMapLine';
 import { HiOutlineClock } from '@react-icons/all-files/hi/HiOutlineClock';
-import Select$2 from 'react-select';
+import Select$3 from 'react-select';
 import { IoIosArrowRoundForward } from '@react-icons/all-files/io/IoIosArrowRoundForward';
 import { IoIosArrowRoundBack } from '@react-icons/all-files/io/IoIosArrowRoundBack';
 import ReactPlayer from 'react-player';
@@ -3499,7 +3499,7 @@ var Productinfo = function Productinfo(props) {
   props.actions.TabexSectionsComponentsContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
-  var serverbaselink = props.actions.serverbaselink;
+  props.actions.serverbaselink;
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   var ProductIdProdutInfoModalContext = props.actions.ProductIdProdutInfoModalContext;
   var AddtoCartContext = props.actions.AddtoCartContext;
@@ -3649,15 +3649,15 @@ var Productinfo = function Productinfo(props) {
     setfetchproductinfoObjContext(_objectSpread$1$({}, tempfetchproductinfoObjContext));
   };
   useEffect(function () {
-    if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess) {
+    if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && ikimagecredcontext != undefined) {
       if (fetchProductInfoQueryContext.data.data.productinfo != null) {
         var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7;
         var tempproductimagesarray = [];
         if (Array.isArray(fetchProductInfoQueryContext.data.data.productinfo.productimages)) {
           fetchProductInfoQueryContext.data.data.productinfo.productimages.forEach(function (arrayItem, arrayindex) {
             var productimagesarrayobj = {
-              thumbnail: serverbaselink + arrayItem.path,
-              original: serverbaselink + arrayItem.path,
+              thumbnail: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + arrayItem.path,
+              original: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + arrayItem.path,
               galleryid: arrayItem.galleryid
               // description:
               //     //    { dangerouslySetInnerHTML={{
@@ -3689,7 +3689,7 @@ var Productinfo = function Productinfo(props) {
         }
       }
     }
-  }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data]);
+  }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data, ikimagecredcontext]);
   var clearchoosenvaluesbutkeepcurrentvalue = function clearchoosenvaluesbutkeepcurrentvalue(optionindex, optionvaluesitem, optionvaluesindex) {
     var _productarr$data, _productarr$data$prod, _productarr$data$prod2;
     var productarr = ProductInfoObj;
@@ -4993,7 +4993,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
 function ownKeys$1Z(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; }
 function _objectSpread$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Ordershistory = function Ordershistory(props) {
-  var _props$actions2, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchorderhistoryQue4, _fetchorderhistoryQue5, _fetchorderhistoryQue6, _fetchorderhistoryQue7, _fetchorderhistoryQue8;
+  var _props$actions2, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchorderhistoryQue4, _fetchorderhistoryQue5, _fetchorderhistoryQue6, _fetchorderhistoryQue7, _fetchorderhistoryQue8, _fetchorderhistoryQue9, _fetchorderhistoryQue10, _fetchorderhistoryQue11, _fetchorderhistoryQue12, _fetchorderhistoryQue13, _fetchorderhistoryQue14;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var routingcountext = props.actions.routingcountext;
@@ -5808,7 +5808,20 @@ var Ordershistory = function Ordershistory(props) {
     className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
   }, /*#__PURE__*/React.createElement("p", {
     className: "".concat(orderhistory_cssstyles.summarysectionstyles) + ' m-0 p-0 text-capitalize '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].orderitemstotalprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].haspromocode == 1 && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].orderitemstotalprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), (fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 ? void 0 : (_fetchorderhistoryQue9 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue9 === void 0 ? void 0 : (_fetchorderhistoryQue10 = _fetchorderhistoryQue9.data) === null || _fetchorderhistoryQue10 === void 0 ? void 0 : (_fetchorderhistoryQue11 = _fetchorderhistoryQue10.ordershistory[orderindex]) === null || _fetchorderhistoryQue11 === void 0 ? void 0 : _fetchorderhistoryQue11.usewalletpoints) == 1 && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 mb-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-6 col-md-6 col-sm-6 d-flex p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "".concat(orderhistory_cssstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center '
+  }, langdetect == 'en' ? 'Wallet discount' : 'خصم المحفظة')), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "".concat(orderhistory_cssstyles.summarysectionstyles) + ' m-0 p-0 text-capitalize ',
+    style: {
+      color: 'red'
+    }
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " -", ' ', fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 ? void 0 : (_fetchorderhistoryQue12 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue12 === void 0 ? void 0 : (_fetchorderhistoryQue13 = _fetchorderhistoryQue12.data) === null || _fetchorderhistoryQue13 === void 0 ? void 0 : (_fetchorderhistoryQue14 = _fetchorderhistoryQue13.ordershistory[orderindex]) === null || _fetchorderhistoryQue14 === void 0 ? void 0 : _fetchorderhistoryQue14.walletpointsused, langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].haspromocode == 1 && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 mb-2"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-6 col-md-6 col-sm-6 d-flex p-0"
@@ -7064,11 +7077,11 @@ var defaultstylestranslated = {
 
 function ownKeys$1V(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; }
 function _objectSpread$1V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Select$1 = /*#__PURE__*/React.lazy(function () {
+var Select$2 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var Checkout = function Checkout(props) {
-  var _css, _checkoutstyles, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue75, _fetchcustomercartQue76, _fetchcustomercartQue77, _fetchcustomercartQue78, _fetchcustomercartQue87, _fetchcustomercartQue88, _fetchcustomercartQue89, _fetchcustomercartQue90, _fetchcustomercartQue91, _fetchcustomercartQue92, _fetchcustomercartQue93, _fetchcustomercartQue94, _fetchcustomercartQue95, _fetchcustomercartQue98, _fetchcustomercartQue99, _fetchcustomercartQue102, _fetchcustomercartQue103, _fetchcustomercartQue106, _fetchcustomercartQue107;
+  var _css, _checkoutstyles, _fetchcustomercartQue91, _fetchcustomercartQue92, _fetchcustomercartQue93, _fetchcustomercartQue94, _fetchcustomercartQue95, _fetchcustomercartQue96, _fetchcustomercartQue105, _fetchcustomercartQue106, _fetchcustomercartQue107, _fetchcustomercartQue108, _fetchcustomercartQue109, _fetchcustomercartQue110, _fetchcustomercartQue111, _fetchcustomercartQue112, _fetchcustomercartQue113, _fetchcustomercartQue116, _fetchcustomercartQue117, _fetchcustomercartQue120, _fetchcustomercartQue121, _fetchcustomercartQue124, _fetchcustomercartQue125;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     timer = _useState2[0],
@@ -7082,6 +7095,7 @@ var Checkout = function Checkout(props) {
   var templatepropcontext = props.actions.templatepropcontext;
   var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
+  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
   var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
   var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
@@ -7193,6 +7207,19 @@ var Checkout = function Checkout(props) {
       ChooseState_CountryMutationContext.mutate(payloadobj);
     }
   };
+  var usewalletpoints = function usewalletpoints() {
+    GeneralAPIMutationContext.mutate({
+      endpointurl: '/usewalletpoints',
+      mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
+        if (data.data.status) {
+          NotificationManager.success('', 'Success');
+          fetchcustomercartQueryContext.refetch();
+        } else {
+          NotificationManager.warning('', data.data.reason);
+        }
+      }
+    });
+  };
   var checkoutstyles = (_checkoutstyles = {
     Salepricestyless: css({
       fontSize: sectionproperties.prodsalepriceFontSize + 'px',
@@ -7361,7 +7388,7 @@ var Checkout = function Checkout(props) {
     border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
   })), _checkoutstyles);
   var Mycart = function Mycart() {
-    var _fetchcustomercartQue37, _fetchcustomercartQue38, _fetchcustomercartQue39, _fetchcustomercartQue40, _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue49, _fetchcustomercartQue50, _fetchcustomercartQue51, _fetchcustomercartQue52, _fetchcustomercartQue53, _fetchcustomercartQue54, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue58, _fetchcustomercartQue59, _fetchcustomercartQue60, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72;
+    var _fetchcustomercartQue37, _fetchcustomercartQue38, _fetchcustomercartQue39, _fetchcustomercartQue40, _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue49, _fetchcustomercartQue50, _fetchcustomercartQue51, _fetchcustomercartQue52, _fetchcustomercartQue53, _fetchcustomercartQue54, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue58, _fetchcustomercartQue59, _fetchcustomercartQue60, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue68, _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue75, _fetchcustomercartQue76, _fetchcustomercartQue77, _fetchcustomercartQue78, _fetchcustomercartQue79, _fetchcustomercartQue80, _fetchcustomercartQue81, _fetchcustomercartQue82, _fetchcustomercartQue83, _fetchcustomercartQue84, _fetchcustomercartQue85, _fetchcustomercartQue86, _fetchcustomercartQue87, _fetchcustomercartQue88, _fetchcustomercartQue89, _fetchcustomercartQue90;
     return /*#__PURE__*/React.createElement("div", {
       className: "row  m-0 w-100"
     }, /*#__PURE__*/React.createElement("div", {
@@ -7529,7 +7556,39 @@ var Checkout = function Checkout(props) {
       width: "20px",
       height: "20px",
       duration: "1s"
-    })))))), /*#__PURE__*/React.createElement("div", {
+    })))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue51 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue51 === void 0 ? void 0 : (_fetchcustomercartQue52 = _fetchcustomercartQue51.data) === null || _fetchcustomercartQue52 === void 0 ? void 0 : (_fetchcustomercartQue53 = _fetchcustomercartQue52.customercart) === null || _fetchcustomercartQue53 === void 0 ? void 0 : _fetchcustomercartQue53.availablewalletbalance) > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
+    }, langdetect == 'en' ? 'Wallet balance' : 'حساب المحفظة')), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue54 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue54 === void 0 ? void 0 : (_fetchcustomercartQue55 = _fetchcustomercartQue54.data) === null || _fetchcustomercartQue55 === void 0 ? void 0 : (_fetchcustomercartQue56 = _fetchcustomercartQue55.customercart) === null || _fetchcustomercartQue56 === void 0 ? void 0 : _fetchcustomercartQue56.availablewalletbalance, langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue57 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue57 === void 0 ? void 0 : (_fetchcustomercartQue58 = _fetchcustomercartQue57.data) === null || _fetchcustomercartQue58 === void 0 ? void 0 : (_fetchcustomercartQue59 = _fetchcustomercartQue58.customercart) === null || _fetchcustomercartQue59 === void 0 ? void 0 : _fetchcustomercartQue59.usewalletpoints) == 0 && /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      style: {
+        color: 'green',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        usewalletpoints();
+      }
+    }, langdetect == 'en' ? 'Use Points' : 'إستخدام النقاط'))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue60 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue60 === void 0 ? void 0 : (_fetchcustomercartQue61 = _fetchcustomercartQue60.data) === null || _fetchcustomercartQue61 === void 0 ? void 0 : (_fetchcustomercartQue62 = _fetchcustomercartQue61.customercart) === null || _fetchcustomercartQue62 === void 0 ? void 0 : _fetchcustomercartQue62.usewalletpoints) == 1 && /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      style: {
+        color: 'red',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        usewalletpoints();
+      }
+    }, langdetect == 'en' ? 'Remove Points' : 'حذف النقاط'))), /*#__PURE__*/React.createElement("div", {
       className: "row m-0 w-100"
     }, /*#__PURE__*/React.createElement("div", {
       className: "col-lg-6 col-md-6 col-sm-6 p-0"
@@ -7539,7 +7598,20 @@ var Checkout = function Checkout(props) {
       className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
     }, /*#__PURE__*/React.createElement("p", {
       className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue51 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue51 === void 0 ? void 0 : (_fetchcustomercartQue52 = _fetchcustomercartQue51.data) === null || _fetchcustomercartQue52 === void 0 ? void 0 : _fetchcustomercartQue52.customercart.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue53 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue53 === void 0 ? void 0 : (_fetchcustomercartQue54 = _fetchcustomercartQue53.data) === null || _fetchcustomercartQue54 === void 0 ? void 0 : _fetchcustomercartQue54.customercart.couponexists) && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue55 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue55 === void 0 ? void 0 : (_fetchcustomercartQue56 = _fetchcustomercartQue55.data) === null || _fetchcustomercartQue56 === void 0 ? void 0 : _fetchcustomercartQue56.customercart.discountprice) != 0 && /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue63 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue63 === void 0 ? void 0 : (_fetchcustomercartQue64 = _fetchcustomercartQue63.data) === null || _fetchcustomercartQue64 === void 0 ? void 0 : _fetchcustomercartQue64.customercart.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue65 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue65 === void 0 ? void 0 : (_fetchcustomercartQue66 = _fetchcustomercartQue65.data) === null || _fetchcustomercartQue66 === void 0 ? void 0 : (_fetchcustomercartQue67 = _fetchcustomercartQue66.customercart) === null || _fetchcustomercartQue67 === void 0 ? void 0 : _fetchcustomercartQue67.usewalletpoints) == 1 && /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
+    }, "Wallet points used")), /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left ',
+      style: {
+        color: 'red'
+      }
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " -", ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue68 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue68 === void 0 ? void 0 : (_fetchcustomercartQue69 = _fetchcustomercartQue68.data) === null || _fetchcustomercartQue69 === void 0 ? void 0 : (_fetchcustomercartQue70 = _fetchcustomercartQue69.customercart) === null || _fetchcustomercartQue70 === void 0 ? void 0 : _fetchcustomercartQue70.walletpointsused), " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue71 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue71 === void 0 ? void 0 : (_fetchcustomercartQue72 = _fetchcustomercartQue71.data) === null || _fetchcustomercartQue72 === void 0 ? void 0 : _fetchcustomercartQue72.customercart.couponexists) && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue73 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue73 === void 0 ? void 0 : (_fetchcustomercartQue74 = _fetchcustomercartQue73.data) === null || _fetchcustomercartQue74 === void 0 ? void 0 : _fetchcustomercartQue74.customercart.discountprice) != 0 && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 p-0 mb-1"
     }, /*#__PURE__*/React.createElement("div", {
       className: "row m-0 w-100"
@@ -7551,7 +7623,7 @@ var Checkout = function Checkout(props) {
       className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
     }, /*#__PURE__*/React.createElement("p", {
       className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 text-danger wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 text-danger wordbreak text-left '
-    }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue57 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue57 === void 0 ? void 0 : (_fetchcustomercartQue58 = _fetchcustomercartQue57.data) === null || _fetchcustomercartQue58 === void 0 ? void 0 : _fetchcustomercartQue58.customercart.discountprice) != 0 && /*#__PURE__*/React.createElement("span", null, "- ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue59 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue59 === void 0 ? void 0 : (_fetchcustomercartQue60 = _fetchcustomercartQue59.data) === null || _fetchcustomercartQue60 === void 0 ? void 0 : _fetchcustomercartQue60.customercart.discountprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue61 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue61 === void 0 ? void 0 : (_fetchcustomercartQue62 = _fetchcustomercartQue61.data) === null || _fetchcustomercartQue62 === void 0 ? void 0 : _fetchcustomercartQue62.customercart.discountprice) == 0 && /*#__PURE__*/React.createElement("span", null, "0"))))), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React.createElement("div", {
+    }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : (_fetchcustomercartQue76 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue76 === void 0 ? void 0 : _fetchcustomercartQue76.customercart.discountprice) != 0 && /*#__PURE__*/React.createElement("span", null, "- ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue77 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue77 === void 0 ? void 0 : (_fetchcustomercartQue78 = _fetchcustomercartQue77.data) === null || _fetchcustomercartQue78 === void 0 ? void 0 : _fetchcustomercartQue78.customercart.discountprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 ? void 0 : (_fetchcustomercartQue80 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue80 === void 0 ? void 0 : _fetchcustomercartQue80.customercart.discountprice) == 0 && /*#__PURE__*/React.createElement("span", null, "0"))))), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 p-0"
     }, /*#__PURE__*/React.createElement("div", {
       className: "row m-0 w-100"
@@ -7559,11 +7631,11 @@ var Checkout = function Checkout(props) {
       className: "col-lg-6 col-md-6 col-sm-6 p-0"
     }, /*#__PURE__*/React.createElement("p", {
       className: "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 d-flex align-items-start wordbreak '
-    }, lang.shippingfees)), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue63 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue63 === void 0 ? void 0 : (_fetchcustomercartQue64 = _fetchcustomercartQue63.data) === null || _fetchcustomercartQue64 === void 0 ? void 0 : _fetchcustomercartQue64.customercart.zoneexists) && /*#__PURE__*/React.createElement("div", {
+    }, lang.shippingfees)), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue81 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue81 === void 0 ? void 0 : (_fetchcustomercartQue82 = _fetchcustomercartQue81.data) === null || _fetchcustomercartQue82 === void 0 ? void 0 : _fetchcustomercartQue82.customercart.zoneexists) && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
     }, /*#__PURE__*/React.createElement("p", {
       className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue65 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue65 === void 0 ? void 0 : (_fetchcustomercartQue66 = _fetchcustomercartQue65.data) === null || _fetchcustomercartQue66 === void 0 ? void 0 : _fetchcustomercartQue66.customercart.zoneprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), !(fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue67 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue67 !== void 0 && (_fetchcustomercartQue68 = _fetchcustomercartQue67.data) !== null && _fetchcustomercartQue68 !== void 0 && _fetchcustomercartQue68.customercart.zoneexists) && /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue83 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue83 === void 0 ? void 0 : (_fetchcustomercartQue84 = _fetchcustomercartQue83.data) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.customercart.zoneprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), !(fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue85 !== void 0 && (_fetchcustomercartQue86 = _fetchcustomercartQue85.data) !== null && _fetchcustomercartQue86 !== void 0 && _fetchcustomercartQue86.customercart.zoneexists) && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
     }, /*#__PURE__*/React.createElement("p", {
       className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-start wordbreak ',
@@ -7602,7 +7674,7 @@ var Checkout = function Checkout(props) {
         textTransform: sectionproperties.total_texttransform,
         color: sectionproperties.total_color
       }
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue69 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue69 === void 0 ? void 0 : (_fetchcustomercartQue70 = _fetchcustomercartQue69.data) === null || _fetchcustomercartQue70 === void 0 ? void 0 : _fetchcustomercartQue70.customercart.totalpriceafterdiscount).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))))), sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 ? void 0 : (_fetchcustomercartQue88 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.customercart.totalpriceafterdiscount).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))))), sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 my-2 p-2 allcentered mb-3",
       style: {
         background: '#eee',
@@ -7632,7 +7704,7 @@ var Checkout = function Checkout(props) {
       width: "20px",
       height: "20px",
       duration: "1s"
-    }), !AddOrderMutationContext.isLoading ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue71 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue71 === void 0 ? void 0 : (_fetchcustomercartQue72 = _fetchcustomercartQue71.data) === null || _fetchcustomercartQue72 === void 0 ? void 0 : _fetchcustomercartQue72.customercart.paymentmethod) == 'onlinepayment' ? lang.continuetopayment : authdetailsContext.loggedin ? langdetect == 'en' ? sectionproperties.checkoutbtn_en2 : sectionproperties.checkoutbtn_ar2 : lang.confirmorder + ' ' + lang.asaguest : ''))))));
+    }), !AddOrderMutationContext.isLoading ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue89 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue89 === void 0 ? void 0 : (_fetchcustomercartQue90 = _fetchcustomercartQue89.data) === null || _fetchcustomercartQue90 === void 0 ? void 0 : _fetchcustomercartQue90.customercart.paymentmethod) == 'onlinepayment' ? lang.continuetopayment : authdetailsContext.loggedin ? langdetect == 'en' ? sectionproperties.checkoutbtn_en2 : sectionproperties.checkoutbtn_ar2 : lang.confirmorder + ' ' + lang.asaguest : ''))))));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
@@ -7789,7 +7861,7 @@ var Checkout = function Checkout(props) {
   }, lang.name), /*#__PURE__*/React.createElement("input", {
     type: 'text',
     className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
-    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue73 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue73 === void 0 ? void 0 : (_fetchcustomercartQue74 = _fetchcustomercartQue73.data) === null || _fetchcustomercartQue74 === void 0 ? void 0 : _fetchcustomercartQue74.customercart.name,
+    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue91 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue91 === void 0 ? void 0 : (_fetchcustomercartQue92 = _fetchcustomercartQue91.data) === null || _fetchcustomercartQue92 === void 0 ? void 0 : _fetchcustomercartQue92.customercart.name,
     onChange: function onChange(event) {
       cartinfoupdater('name', event.target.value);
     },
@@ -7804,7 +7876,7 @@ var Checkout = function Checkout(props) {
   }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React.createElement("input", {
     type: 'text',
     className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
-    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : (_fetchcustomercartQue76 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue76 === void 0 ? void 0 : _fetchcustomercartQue76.customercart.mobile,
+    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue93 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue93 === void 0 ? void 0 : (_fetchcustomercartQue94 = _fetchcustomercartQue93.data) === null || _fetchcustomercartQue94 === void 0 ? void 0 : _fetchcustomercartQue94.customercart.mobile,
     onChange: function onChange(event) {
       cartinfoupdater('mobile', event.target.value);
     },
@@ -7819,7 +7891,7 @@ var Checkout = function Checkout(props) {
   }, lang.email), /*#__PURE__*/React.createElement("input", {
     type: 'text',
     className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
-    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue77 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue77 === void 0 ? void 0 : (_fetchcustomercartQue78 = _fetchcustomercartQue77.data) === null || _fetchcustomercartQue78 === void 0 ? void 0 : _fetchcustomercartQue78.customercart.email,
+    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue95 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue95 === void 0 ? void 0 : (_fetchcustomercartQue96 = _fetchcustomercartQue95.data) === null || _fetchcustomercartQue96 === void 0 ? void 0 : _fetchcustomercartQue96.customercart.email,
     onChange: function onChange(event) {
       cartinfoupdater('email', event.target.value);
     },
@@ -7841,7 +7913,7 @@ var Checkout = function Checkout(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
+  })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$2, {
     options: fetchTabexCountriesQueryContext.data.data.countries,
     getOptionLabel: function getOptionLabel(option) {
       var crname = '';
@@ -7860,8 +7932,8 @@ var Checkout = function Checkout(props) {
       return option.id;
     },
     value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
-      var _fetchcustomercartQue79, _fetchcustomercartQue80;
-      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 ? void 0 : (_fetchcustomercartQue80 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue80 === void 0 ? void 0 : _fetchcustomercartQue80.customercart.countryid);
+      var _fetchcustomercartQue97, _fetchcustomercartQue98;
+      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue97 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue97 === void 0 ? void 0 : (_fetchcustomercartQue98 = _fetchcustomercartQue97.data) === null || _fetchcustomercartQue98 === void 0 ? void 0 : _fetchcustomercartQue98.customercart.countryid);
     }),
     onChange: function onChange(option) {
       var tempFetchTabexStatesPayloadobjContext = _objectSpread$1V({}, FetchTabexStatesPayloadobjContext);
@@ -7884,7 +7956,7 @@ var Checkout = function Checkout(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
+  })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$2, {
     options: fetchTabexStatesQueryContext.data.data.states
     // getOptionLabel={(option) => option.name}
     // getOptionValue={(option) => option.id}
@@ -7906,12 +7978,12 @@ var Checkout = function Checkout(props) {
       return option.id;
     },
     value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
-      var _fetchcustomercartQue81, _fetchcustomercartQue82;
-      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue81 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue81 === void 0 ? void 0 : (_fetchcustomercartQue82 = _fetchcustomercartQue81.data) === null || _fetchcustomercartQue82 === void 0 ? void 0 : _fetchcustomercartQue82.customercart.stateid);
+      var _fetchcustomercartQue99, _fetchcustomercartQue100;
+      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue99 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue99 === void 0 ? void 0 : (_fetchcustomercartQue100 = _fetchcustomercartQue99.data) === null || _fetchcustomercartQue100 === void 0 ? void 0 : _fetchcustomercartQue100.customercart.stateid);
     }),
     onChange: function onChange(option) {
-      var _fetchcustomercartQue83, _fetchcustomercartQue84;
-      if (option.id.length != 0 && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue83 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue83 === void 0 ? void 0 : (_fetchcustomercartQue84 = _fetchcustomercartQue83.data) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.customercart.countryid.length) != 0) {
+      var _fetchcustomercartQue101, _fetchcustomercartQue102;
+      if (option.id.length != 0 && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue101 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue101 === void 0 ? void 0 : (_fetchcustomercartQue102 = _fetchcustomercartQue101.data) === null || _fetchcustomercartQue102 === void 0 ? void 0 : _fetchcustomercartQue102.customercart.countryid.length) != 0) {
         var tempFetchTabexStatesPayloadobjContext = _objectSpread$1V({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = option.id;
@@ -7935,7 +8007,7 @@ var Checkout = function Checkout(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
+  })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$2, {
     options: fetchTabexCitiesQueryContext.data.data.cities,
     getOptionLabel: function getOptionLabel(option) {
       var crname = '';
@@ -7954,8 +8026,8 @@ var Checkout = function Checkout(props) {
       return option.id;
     },
     value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
-      var _fetchcustomercartQue85, _fetchcustomercartQue86;
-      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue85 === void 0 ? void 0 : (_fetchcustomercartQue86 = _fetchcustomercartQue85.data) === null || _fetchcustomercartQue86 === void 0 ? void 0 : _fetchcustomercartQue86.customercart.cityid);
+      var _fetchcustomercartQue103, _fetchcustomercartQue104;
+      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue103 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue103 === void 0 ? void 0 : (_fetchcustomercartQue104 = _fetchcustomercartQue103.data) === null || _fetchcustomercartQue104 === void 0 ? void 0 : _fetchcustomercartQue104.customercart.cityid);
     }),
     onChange: function onChange(option) {
       cartinfoupdater('cityid', option.id);
@@ -7970,7 +8042,7 @@ var Checkout = function Checkout(props) {
   }, lang.shippingaddress), /*#__PURE__*/React.createElement(TextareaAutosize, {
     type: 'text',
     className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
-    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 ? void 0 : (_fetchcustomercartQue88 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.customercart.address,
+    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue105 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue105 === void 0 ? void 0 : (_fetchcustomercartQue106 = _fetchcustomercartQue105.data) === null || _fetchcustomercartQue106 === void 0 ? void 0 : _fetchcustomercartQue106.customercart.address,
     onChange: function onChange(event) {
       cartinfoupdater('address', event.target.value);
     },
@@ -7985,7 +8057,7 @@ var Checkout = function Checkout(props) {
   }, langdetect == 'en' ? 'Notes' : 'الملاحظات'), /*#__PURE__*/React.createElement(TextareaAutosize, {
     type: 'text',
     className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
-    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue89 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue89 === void 0 ? void 0 : (_fetchcustomercartQue90 = _fetchcustomercartQue89.data) === null || _fetchcustomercartQue90 === void 0 ? void 0 : _fetchcustomercartQue90.customercart.notes,
+    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue107 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue107 === void 0 ? void 0 : (_fetchcustomercartQue108 = _fetchcustomercartQue107.data) === null || _fetchcustomercartQue108 === void 0 ? void 0 : _fetchcustomercartQue108.customercart.notes,
     onChange: function onChange(event) {
       cartinfoupdater('notes', event.target.value);
     },
@@ -8000,7 +8072,7 @@ var Checkout = function Checkout(props) {
   }, langdetect == 'en' ? 'Affiliate code' : 'رمز المسوق'), /*#__PURE__*/React.createElement("input", {
     type: 'number',
     className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
-    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue91 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue91 === void 0 ? void 0 : (_fetchcustomercartQue92 = _fetchcustomercartQue91.data) === null || _fetchcustomercartQue92 === void 0 ? void 0 : (_fetchcustomercartQue93 = _fetchcustomercartQue92.customercart) === null || _fetchcustomercartQue93 === void 0 ? void 0 : _fetchcustomercartQue93.aff_code,
+    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue109 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue109 === void 0 ? void 0 : (_fetchcustomercartQue110 = _fetchcustomercartQue109.data) === null || _fetchcustomercartQue110 === void 0 ? void 0 : (_fetchcustomercartQue111 = _fetchcustomercartQue110.customercart) === null || _fetchcustomercartQue111 === void 0 ? void 0 : _fetchcustomercartQue111.aff_code,
     onChange: function onChange(event) {
       cartinfoupdater('aff_code', event.target.value);
     },
@@ -8031,10 +8103,10 @@ var Checkout = function Checkout(props) {
     id: 'codcheckbox',
     type: "checkbox",
     className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue94 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue94 === void 0 ? void 0 : (_fetchcustomercartQue95 = _fetchcustomercartQue94.data) === null || _fetchcustomercartQue95 === void 0 ? void 0 : _fetchcustomercartQue95.customercart.paymentmethod) == 'cod' ? true : false,
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue112 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue112 === void 0 ? void 0 : (_fetchcustomercartQue113 = _fetchcustomercartQue112.data) === null || _fetchcustomercartQue113 === void 0 ? void 0 : _fetchcustomercartQue113.customercart.paymentmethod) == 'cod' ? true : false,
     onChange: function onChange() {
-      var _fetchcustomercartQue96, _fetchcustomercartQue97;
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue96 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue96 === void 0 ? void 0 : (_fetchcustomercartQue97 = _fetchcustomercartQue96.data) === null || _fetchcustomercartQue97 === void 0 ? void 0 : _fetchcustomercartQue97.customercart.paymentmethod) != 'cod') {
+      var _fetchcustomercartQue114, _fetchcustomercartQue115;
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue114 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue114 === void 0 ? void 0 : (_fetchcustomercartQue115 = _fetchcustomercartQue114.data) === null || _fetchcustomercartQue115 === void 0 ? void 0 : _fetchcustomercartQue115.customercart.paymentmethod) != 'cod') {
         cartinfoupdater('paymentmethod', 'cod');
       }
     }
@@ -8053,10 +8125,10 @@ var Checkout = function Checkout(props) {
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue98 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue98 === void 0 ? void 0 : (_fetchcustomercartQue99 = _fetchcustomercartQue98.data) === null || _fetchcustomercartQue99 === void 0 ? void 0 : _fetchcustomercartQue99.customercart.paymentmethod) == 'cardondelivery' ? true : false,
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue116 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue116 === void 0 ? void 0 : (_fetchcustomercartQue117 = _fetchcustomercartQue116.data) === null || _fetchcustomercartQue117 === void 0 ? void 0 : _fetchcustomercartQue117.customercart.paymentmethod) == 'cardondelivery' ? true : false,
     onChange: function onChange() {
-      var _fetchcustomercartQue100, _fetchcustomercartQue101;
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue100 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue100 === void 0 ? void 0 : (_fetchcustomercartQue101 = _fetchcustomercartQue100.data) === null || _fetchcustomercartQue101 === void 0 ? void 0 : _fetchcustomercartQue101.customercart.paymentmethod) != 'cardondelivery') {
+      var _fetchcustomercartQue118, _fetchcustomercartQue119;
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue118 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue118 === void 0 ? void 0 : (_fetchcustomercartQue119 = _fetchcustomercartQue118.data) === null || _fetchcustomercartQue119 === void 0 ? void 0 : _fetchcustomercartQue119.customercart.paymentmethod) != 'cardondelivery') {
         cartinfoupdater('paymentmethod', 'cardondelivery');
       }
     }
@@ -8074,10 +8146,10 @@ var Checkout = function Checkout(props) {
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue102 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue102 === void 0 ? void 0 : (_fetchcustomercartQue103 = _fetchcustomercartQue102.data) === null || _fetchcustomercartQue103 === void 0 ? void 0 : _fetchcustomercartQue103.customercart.paymentmethod) == 'onlinepayment' ? true : false,
+    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue120 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue120 === void 0 ? void 0 : (_fetchcustomercartQue121 = _fetchcustomercartQue120.data) === null || _fetchcustomercartQue121 === void 0 ? void 0 : _fetchcustomercartQue121.customercart.paymentmethod) == 'onlinepayment' ? true : false,
     onChange: function onChange() {
-      var _fetchcustomercartQue104, _fetchcustomercartQue105;
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue104 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue104 === void 0 ? void 0 : (_fetchcustomercartQue105 = _fetchcustomercartQue104.data) === null || _fetchcustomercartQue105 === void 0 ? void 0 : _fetchcustomercartQue105.customercart.paymentmethod) != 'onlinepayment') {
+      var _fetchcustomercartQue122, _fetchcustomercartQue123;
+      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue122 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue122 === void 0 ? void 0 : (_fetchcustomercartQue123 = _fetchcustomercartQue122.data) === null || _fetchcustomercartQue123 === void 0 ? void 0 : _fetchcustomercartQue123.customercart.paymentmethod) != 'onlinepayment') {
         cartinfoupdater('paymentmethod', 'onlinepayment');
       }
     }
@@ -8088,7 +8160,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React.createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, " ", lang.onlinepayment)))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue106 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue106 === void 0 ? void 0 : (_fetchcustomercartQue107 = _fetchcustomercartQue106.data) === null || _fetchcustomercartQue107 === void 0 ? void 0 : _fetchcustomercartQue107.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
+  }, " ", lang.onlinepayment)))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue124 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue124 === void 0 ? void 0 : (_fetchcustomercartQue125 = _fetchcustomercartQue124.data) === null || _fetchcustomercartQue125 === void 0 ? void 0 : _fetchcustomercartQue125.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 w-100 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -8195,7 +8267,7 @@ var Checkout = function Checkout(props) {
 
 function ownKeys$1U(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; }
 function _objectSpread$1U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Select = /*#__PURE__*/React.lazy(function () {
+var Select$1 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var CustomerInformationForm = function CustomerInformationForm(props) {
@@ -8562,7 +8634,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       width: "20px",
       height: "20px",
       duration: "1s"
-    })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
+    })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
       options: fetchTabexCountriesQueryContext.data.data.countries,
       getOptionLabel: function getOptionLabel(option) {
         var crname = '';
@@ -8610,11 +8682,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       width: "20px",
       height: "20px",
       duration: "1s"
-    })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React.createElement(Select, {
+    })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React.createElement(Select$1, {
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
       placeholder: lang.choosestategov,
       isSearchable: true
-    }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
+    }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
       options: fetchTabexStatesQueryContext.data.data.states,
       getOptionLabel: function getOptionLabel(option) {
         var crname = '';
@@ -8662,11 +8734,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       width: "20px",
       height: "20px",
       duration: "1s"
-    })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React.createElement(Select, {
+    })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React.createElement(Select$1, {
       placeholder: lang.choosecity,
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
       isSearchable: true
-    }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
+    }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
       options: fetchTabexCitiesQueryContext.data.data.cities,
       getOptionLabel: function getOptionLabel(option) {
         var crname = '';
@@ -10857,8 +10929,11 @@ styleInject(css_248z$B);
 
 function ownKeys$1N(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; }
 function _objectSpread$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Select = /*#__PURE__*/React.lazy(function () {
+  return import('react-select');
+});
 var Filter$1 = function Filter(props) {
-  var _authdetailsContext$i;
+  var _authdetailsContext$i, _fetchTabexCountriesQ, _fetchTabexCountriesQ2, _fetchTabexStatesQuer, _fetchTabexStatesQuer2, _fetchTabexStatesQuer3, _fetchTabexStatesQuer4, _fetchTabexCitiesQuer, _fetchTabexCitiesQuer2, _fetchTabexCitiesQuer3, _fetchTabexCitiesQuer4;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.productfiltercontext;
@@ -10869,6 +10944,13 @@ var Filter$1 = function Filter(props) {
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
+  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
+  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
+  var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
+  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
+  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
+  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -10896,9 +10978,6 @@ var Filter$1 = function Filter(props) {
     _useState12 = _slicedToArray(_useState11, 2),
     raterangevalue = _useState12[0],
     setraterangevalue = _useState12[1];
-  props.actions.fetchTabexCountriesQueryContext;
-  props.actions.FetchQueriesEngineContext;
-  props.actions.setFetchQueriesEngineContext;
   var timeoutRef = React.useRef(null);
   var _useState13 = useState([{
       payloadvalue: 'sortprice',
@@ -10960,19 +11039,28 @@ var Filter$1 = function Filter(props) {
       }
     }, 500);
   }, [raterangevalue]);
-
-  // useEffect(() => {
-  //     var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
-  //     tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
-  //     tempFetchQueriesEngineContext.fetchtabexcountries = true;
-  //     setFetchQueriesEngineContext({ ...tempFetchQueriesEngineContext });
-
-  //     var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
-
-  //     alert(JSON.stringify(tempFetchQueriesEngineContext));
-  //     alert(JSON.stringify(FetchQueriesEngineContext));
-  // }, []);
+  useEffect(function () {
+    if (fetchTabexStatesQueryContext.isSuccess) {
+      if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$1N({}, FetchTabexStatesPayloadobjContext);
+        tempFetchTabexStatesPayloadobjContext.functype = 'cities';
+        tempFetchTabexStatesPayloadobjContext.state_id = ProductFilterObjContext.stateid;
+        setFetchTabexStatesPayloadobjContext(_objectSpread$1N({}, tempFetchTabexStatesPayloadobjContext));
+      }
+    }
+  }, [fetchTabexStatesQueryContext.isSuccess]);
   var filterupdater = function filterupdater() {
+    setTimeout(function () {
+      var tempFetchQueriesEngineContext = _objectSpread$1N({}, FetchQueriesEngineContext);
+      tempFetchQueriesEngineContext.fetchtabexcountries = true;
+      setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
+    }, 100);
+    if (ProductFilterObjContext.countryid != undefined && ProductFilterObjContext.countryid != null && ProductFilterObjContext.countryid != '' && ProductFilterObjContext.countryid != 'all') {
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$1N({}, FetchTabexStatesPayloadobjContext);
+      tempFetchTabexStatesPayloadobjContext.functype = 'states';
+      tempFetchTabexStatesPayloadobjContext.country_id = ProductFilterObjContext.countryid;
+      setFetchTabexStatesPayloadobjContext(_objectSpread$1N({}, tempFetchTabexStatesPayloadobjContext));
+    }
     if (instfilters.length != 0) {
       var _ProductFilterObjCont;
       var tempinstfilters = _toConsumableArray(instfilters);
@@ -11058,8 +11146,10 @@ var Filter$1 = function Filter(props) {
     }
     tempfetchproductsfilerobjcontext.page = 0;
     setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
-    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+    filterrouting(tempfetchproductsfilerobjcontext);
+    // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
+
   var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
     var _tempfetchproductsfil2;
     var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
@@ -11075,8 +11165,10 @@ var Filter$1 = function Filter(props) {
     }
     tempfetchproductsfilerobjcontext.page = 0;
     setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
-    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+    filterrouting(tempfetchproductsfilerobjcontext);
+    // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
+
   var CategoriesFilter = function CategoriesFilter() {
     return /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
@@ -11405,6 +11497,19 @@ var Filter$1 = function Filter(props) {
       }
     })
   };
+  var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
+    var path = window.location.pathname.split('/');
+    var currentpagepath = path[1];
+    var pagenamepathinstaticpagelinkcont = '';
+    for (var key in StaticPagesLinksContext) {
+      if (StaticPagesLinksContext[key] == currentpagepath) {
+        pagenamepathinstaticpagelinkcont = key;
+      }
+    }
+    if (pagenamepathinstaticpagelinkcont != undefined && pagenamepathinstaticpagelinkcont != '') {
+      routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+    }
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
     style: {
@@ -11556,7 +11661,6 @@ var Filter$1 = function Filter(props) {
       return /*#__PURE__*/React.createElement("div", {
         className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                         \n                                                                            ") + ' d-flex align-items-start pb-3 ',
         onClick: function onClick() {
-          // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
           var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
           if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
@@ -11565,7 +11669,7 @@ var Filter$1 = function Filter(props) {
           }
           tempfetchproductsfilerobjcontext.page = 0;
           setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
-          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+          filterrouting(tempfetchproductsfilerobjcontext);
         }
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
         className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
@@ -11632,11 +11736,145 @@ var Filter$1 = function Filter(props) {
     className: "mt-2 mb-3"
   })), /*#__PURE__*/React.createElement("div", {
     className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
-  }, sectionproperties.filterType == 'All' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.showcountriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mt-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, (fetchTabexCountriesQueryContext === null || fetchTabexCountriesQueryContext === void 0 ? void 0 : fetchTabexCountriesQueryContext.isFetching) && /*#__PURE__*/React.createElement("div", {
+    className: "w-100 allcentered mt-1"
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "#000",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  })), !(fetchTabexCountriesQueryContext !== null && fetchTabexCountriesQueryContext !== void 0 && fetchTabexCountriesQueryContext.isFetching) && (fetchTabexCountriesQueryContext === null || fetchTabexCountriesQueryContext === void 0 ? void 0 : fetchTabexCountriesQueryContext.isSuccess) && /*#__PURE__*/React.createElement(Select, {
+    options: fetchTabexCountriesQueryContext === null || fetchTabexCountriesQueryContext === void 0 ? void 0 : (_fetchTabexCountriesQ = fetchTabexCountriesQueryContext.data) === null || _fetchTabexCountriesQ === void 0 ? void 0 : (_fetchTabexCountriesQ2 = _fetchTabexCountriesQ.data) === null || _fetchTabexCountriesQ2 === void 0 ? void 0 : _fetchTabexCountriesQ2.countries,
+    getOptionLabel: function getOptionLabel(option) {
+      var crname = '';
+      if (langdetect == 'en') {
+        crname = option.name;
+      } else if (langdetect == 'ar') {
+        if (option.name_ar != null) {
+          crname = option.name_ar;
+        } else {
+          crname = option.name;
+        }
+      }
+      return crname;
+    },
+    getOptionValue: function getOptionValue(option) {
+      return option.id;
+    },
+    value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
+      return option.id == ProductFilterObjContext.countryid;
+    }),
+    onChange: function onChange(option) {
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$1N({}, FetchTabexStatesPayloadobjContext);
+      tempFetchTabexStatesPayloadobjContext.functype = 'states';
+      tempFetchTabexStatesPayloadobjContext.country_id = option.id;
+      setFetchTabexStatesPayloadobjContext(_objectSpread$1N({}, tempFetchTabexStatesPayloadobjContext));
+      var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
+      tempfetchproductsfilerobjcontext.countryid = option.id;
+      tempfetchproductsfilerobjcontext.page = 0;
+      setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
+      filterrouting(tempfetchproductsfilerobjcontext);
+    },
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: lang.choosecountry,
+    isSearchable: true
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 mb-3 p-0"
+  }, (fetchTabexStatesQueryContext === null || fetchTabexStatesQueryContext === void 0 ? void 0 : fetchTabexStatesQueryContext.isFetching) && /*#__PURE__*/React.createElement("div", {
+    className: "w-100 allcentered mt-1"
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "#000",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  })), !(fetchTabexStatesQueryContext !== null && fetchTabexStatesQueryContext !== void 0 && fetchTabexStatesQueryContext.isFetching) && (fetchTabexStatesQueryContext === null || fetchTabexStatesQueryContext === void 0 ? void 0 : fetchTabexStatesQueryContext.isSuccess) && /*#__PURE__*/React.createElement(Select, {
+    options: fetchTabexStatesQueryContext === null || fetchTabexStatesQueryContext === void 0 ? void 0 : (_fetchTabexStatesQuer = fetchTabexStatesQueryContext.data) === null || _fetchTabexStatesQuer === void 0 ? void 0 : (_fetchTabexStatesQuer2 = _fetchTabexStatesQuer.data) === null || _fetchTabexStatesQuer2 === void 0 ? void 0 : _fetchTabexStatesQuer2.states,
+    getOptionLabel: function getOptionLabel(option) {
+      var crname = '';
+      if (langdetect == 'en') {
+        crname = option.name;
+      } else if (langdetect == 'ar') {
+        if (option.name_ar != null) {
+          crname = option.name_ar;
+        } else {
+          crname = option.name;
+        }
+      }
+      return crname;
+    },
+    getOptionValue: function getOptionValue(option) {
+      return option.id;
+    },
+    value: fetchTabexStatesQueryContext === null || fetchTabexStatesQueryContext === void 0 ? void 0 : (_fetchTabexStatesQuer3 = fetchTabexStatesQueryContext.data) === null || _fetchTabexStatesQuer3 === void 0 ? void 0 : (_fetchTabexStatesQuer4 = _fetchTabexStatesQuer3.data) === null || _fetchTabexStatesQuer4 === void 0 ? void 0 : _fetchTabexStatesQuer4.states.filter(function (option) {
+      return option.id == ProductFilterObjContext.stateid;
+    }),
+    onChange: function onChange(option) {
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$1N({}, FetchTabexStatesPayloadobjContext);
+      tempFetchTabexStatesPayloadobjContext.functype = 'cities';
+      tempFetchTabexStatesPayloadobjContext.state_id = option.id;
+      setFetchTabexStatesPayloadobjContext(_objectSpread$1N({}, tempFetchTabexStatesPayloadobjContext));
+      var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
+      tempfetchproductsfilerobjcontext.stateid = option.id;
+      tempfetchproductsfilerobjcontext.page = 0;
+      setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
+      filterrouting(tempfetchproductsfilerobjcontext);
+    },
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: lang.choosestategov,
+    isSearchable: true
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 mb-3 p-0"
+  }, (fetchTabexCitiesQueryContext === null || fetchTabexCitiesQueryContext === void 0 ? void 0 : fetchTabexCitiesQueryContext.isFetching) && /*#__PURE__*/React.createElement("div", {
+    className: "w-100 allcentered mt-1"
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "#000",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  })), !(fetchTabexCitiesQueryContext !== null && fetchTabexCitiesQueryContext !== void 0 && fetchTabexCitiesQueryContext.isFetching) && (fetchTabexCitiesQueryContext === null || fetchTabexCitiesQueryContext === void 0 ? void 0 : fetchTabexCitiesQueryContext.isSuccess) && /*#__PURE__*/React.createElement(Select, {
+    options: fetchTabexCitiesQueryContext === null || fetchTabexCitiesQueryContext === void 0 ? void 0 : (_fetchTabexCitiesQuer = fetchTabexCitiesQueryContext.data) === null || _fetchTabexCitiesQuer === void 0 ? void 0 : (_fetchTabexCitiesQuer2 = _fetchTabexCitiesQuer.data) === null || _fetchTabexCitiesQuer2 === void 0 ? void 0 : _fetchTabexCitiesQuer2.cities,
+    getOptionLabel: function getOptionLabel(option) {
+      var crname = '';
+      if (langdetect == 'en') {
+        crname = option.name;
+      } else if (langdetect == 'ar') {
+        if (option.name_ar != null) {
+          crname = option.name_ar;
+        } else {
+          crname = option.name;
+        }
+      }
+      return crname;
+    },
+    getOptionValue: function getOptionValue(option) {
+      return option.id;
+    },
+    value: fetchTabexCitiesQueryContext === null || fetchTabexCitiesQueryContext === void 0 ? void 0 : (_fetchTabexCitiesQuer3 = fetchTabexCitiesQueryContext.data) === null || _fetchTabexCitiesQuer3 === void 0 ? void 0 : (_fetchTabexCitiesQuer4 = _fetchTabexCitiesQuer3.data) === null || _fetchTabexCitiesQuer4 === void 0 ? void 0 : _fetchTabexCitiesQuer4.cities.filter(function (option) {
+      return option.id == ProductFilterObjContext.cityid;
+    }),
+    onChange: function onChange(option) {
+      var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
+      tempfetchproductsfilerobjcontext.cityid = option.id;
+      tempfetchproductsfilerobjcontext.page = 0;
+      setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
+      filterrouting(tempfetchproductsfilerobjcontext);
+    },
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: lang.choosecity,
+    isSearchable: true
+  }))))), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, CollectionsFilter()), InstFilters()))), /*#__PURE__*/React.createElement("div", {
+  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12"
   }, /*#__PURE__*/React.createElement(Offcanvas, {
     show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -22577,7 +22815,7 @@ var Modernheader = function Modernheader(props) {
   var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  var history = props.actions.history;
+  props.actions.history;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var actions = props.actions;
   useEffect(function () {
@@ -23150,32 +23388,29 @@ var Modernheader = function Modernheader(props) {
       display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React.createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
-    var activeclass = '';
-    var activeclass2 = '';
-    var activeclass3 = '';
-    if (item.isselected) {
-      activeclass = headerstyles$7.navbar_item_active;
-      activeclass2 = header_cssstyles.topbar_item_active;
-      activeclass3 = header_cssstyles.topbar_item_text_active;
-    }
+    // if (item.isselected) {
+    //     activeclass = headerstyles.navbar_item_active;
+    //     activeclass2 = header_cssstyles.topbar_item_active;
+    //     activeclass3 = header_cssstyles.topbar_item_text_active;
+    // }
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React.createElement("div", {
         "class": "cursor-pointer",
         onClick: function onClick() {
-          history.push(item.navigationroute);
+          routingcountext(item.navigationroute, false, '');
         }
       }, /*#__PURE__*/React.createElement("li", {
-        "class": "".concat(headerstyles$7.topbar_item_container) + ' nav-item ',
-        onClick: function onClick() {
-          fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages.forEach(function (pageitem, pageindex) {
-            pageitem.isselected = false;
-          });
-          fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages[index].isselected = true;
-        }
+        "class": "".concat(headerstyles$7.topbar_item_container) + ' nav-item '
+        // onClick={() => {
+        //     fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages.forEach(function (pageitem, pageindex) {
+        //         pageitem.isselected = false;
+        //     });
+        //     fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages[index].isselected = true;
+        // }}
       }, /*#__PURE__*/React.createElement("div", {
-        "class": "".concat(headerstyles$7.topbar_item, " ").concat(header_cssstyles.topbar_item, " ").concat(header_cssstyles.nav_link, " ").concat(activeclass, " ").concat(activeclass2)
+        "class": "".concat(headerstyles$7.topbar_item, " ").concat(header_cssstyles.topbar_item, " ").concat(header_cssstyles.nav_link)
       }, /*#__PURE__*/React.createElement("span", {
-        "class": "".concat(headerstyles$7.topbar_item_text, " ").concat(header_cssstyles.topbar_item_text, " ").concat(activeclass3)
+        "class": "".concat(headerstyles$7.topbar_item_text, " ").concat(header_cssstyles.topbar_item_text)
       }, langdetect == 'en' ? item.pagename : item.pagename_ar))));
     }
   }))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
@@ -39256,14 +39491,14 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-12 col-md-12 col-sm-12 mb-3 p-0 '
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' m-0 '
-  }, lang.country), /*#__PURE__*/React.createElement(Select$2, {
+  }, lang.country), /*#__PURE__*/React.createElement(Select$3, {
     options: countries,
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-12 col-md-12 col-sm-12 mb-3 p-0 '
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' m-0 '
-  }, langdetect == 'en' ? 'State' : 'الولاية'), /*#__PURE__*/React.createElement(Select$2, {
+  }, langdetect == 'en' ? 'State' : 'الولاية'), /*#__PURE__*/React.createElement(Select$3, {
     options: states,
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated
   })), /*#__PURE__*/React.createElement("div", {
@@ -53592,22 +53827,18 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       overflow: 'hidden',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
-      padding: sectionproperties.imagepadding + 'px'
+      padding: sectionproperties.imagepadding + 'px',
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor
     }
   }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: '/tr:w-300,h-300/' + item.image,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     loading: "lazy",
     style: {
-      height: '100%',
-      width: '100%',
-      objectFit: sectionproperties.bgcovercontain,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor
+      height: sectionproperties.imageInnerWidth_Height + '%',
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
   }))), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center",