tabexseriescomponents 0.0.278 → 0.0.280

package/dist/index.cjs.js

@@ -123,7 +123,7 @@ var AiOutlinePhone = require('@react-icons/all-files/ai/AiOutlinePhone');
 var GoLocation = require('@react-icons/all-files/go/GoLocation');
 var RiRoadMapLine = require('@react-icons/all-files/ri/RiRoadMapLine');
 var HiOutlineClock = require('@react-icons/all-files/hi/HiOutlineClock');
-var Select$2 = require('react-select');
+var Select$3 = require('react-select');
 var IoIosArrowRoundForward = require('@react-icons/all-files/io/IoIosArrowRoundForward');
 var IoIosArrowRoundBack = require('@react-icons/all-files/io/IoIosArrowRoundBack');
 var ReactPlayer = require('react-player');
@@ -181,7 +181,7 @@ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
 var PhoneInput__default = /*#__PURE__*/_interopDefaultLegacy(PhoneInput);
 var InputRange__default = /*#__PURE__*/_interopDefaultLegacy(InputRange);
 var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$2);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$3);
 var ReactPlayer__default = /*#__PURE__*/_interopDefaultLegacy(ReactPlayer);
 var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
@@ -3546,7 +3546,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;
@@ -3696,15 +3696,15 @@ var Productinfo = function Productinfo(props) {
     setfetchproductinfoObjContext(_objectSpread$1$({}, tempfetchproductinfoObjContext));
   };
   React.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={{
@@ -3736,7 +3736,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;
@@ -5040,7 +5040,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__default["default"](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;
@@ -5855,7 +5855,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__default["default"].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__default["default"].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__default["default"].createElement("div", {
+    className: "row m-0 w-100 mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-6 col-md-6 col-sm-6 d-flex p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(orderhistory_cssstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center '
+  }, langdetect == 'en' ? 'Wallet discount' : 'خصم المحفظة')), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
     className: "row m-0 w-100 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-6 col-md-6 col-sm-6 d-flex p-0"
@@ -7111,11 +7124,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__default["default"](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__default["default"].lazy(function () {
+var Select$2 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('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 = React.useState(null),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     timer = _useState2[0],
@@ -7129,6 +7142,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;
@@ -7240,6 +7254,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: glamor.css({
       fontSize: sectionproperties.prodsalepriceFontSize + 'px',
@@ -7408,7 +7435,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__default["default"].createElement("div", {
       className: "row  m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -7576,7 +7603,39 @@ var Checkout = function Checkout(props) {
       width: "20px",
       height: "20px",
       duration: "1s"
-    })))))), /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
+    }, langdetect == 'en' ? 'Wallet balance' : 'حساب المحفظة')), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
+    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+      className: "col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0"
+    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      style: {
+        color: 'red',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        usewalletpoints();
+      }
+    }, langdetect == 'en' ? 'Remove Points' : 'حذف النقاط'))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-6 col-md-6 col-sm-6 p-0"
@@ -7586,7 +7645,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__default["default"].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__default["default"].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__default["default"].createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
+    }, "Wallet points used")), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
+    }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
       className: "col-lg-12 p-0 mb-1"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row m-0 w-100"
@@ -7598,7 +7670,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__default["default"].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__default["default"].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__default["default"].createElement("span", null, "0"))))), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("span", null, "0"))))), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row m-0 w-100"
@@ -7606,11 +7678,11 @@ var Checkout = function Checkout(props) {
       className: "col-lg-6 col-md-6 col-sm-6 p-0"
     }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
       className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
     }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
       className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-start wordbreak ',
@@ -7649,7 +7721,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__default["default"].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__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 my-2 p-2 allcentered mb-3",
       style: {
         background: '#eee',
@@ -7679,7 +7751,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__default["default"].createElement("div", {
     className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
@@ -7836,7 +7908,7 @@ var Checkout = function Checkout(props) {
   }, lang.name), /*#__PURE__*/React__default["default"].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);
     },
@@ -7851,7 +7923,7 @@ var Checkout = function Checkout(props) {
   }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React__default["default"].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);
     },
@@ -7866,7 +7938,7 @@ var Checkout = function Checkout(props) {
   }, lang.email), /*#__PURE__*/React__default["default"].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);
     },
@@ -7888,7 +7960,7 @@ var Checkout = function Checkout(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
+  })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
     options: fetchTabexCountriesQueryContext.data.data.countries,
     getOptionLabel: function getOptionLabel(option) {
       var crname = '';
@@ -7907,8 +7979,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);
@@ -7931,7 +8003,7 @@ var Checkout = function Checkout(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
+  })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
     options: fetchTabexStatesQueryContext.data.data.states
     // getOptionLabel={(option) => option.name}
     // getOptionValue={(option) => option.id}
@@ -7953,12 +8025,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;
@@ -7982,7 +8054,7 @@ var Checkout = function Checkout(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
+  })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
     options: fetchTabexCitiesQueryContext.data.data.cities,
     getOptionLabel: function getOptionLabel(option) {
       var crname = '';
@@ -8001,8 +8073,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);
@@ -8017,7 +8089,7 @@ var Checkout = function Checkout(props) {
   }, lang.shippingaddress), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
     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);
     },
@@ -8032,7 +8104,7 @@ var Checkout = function Checkout(props) {
   }, langdetect == 'en' ? 'Notes' : 'الملاحظات'), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
     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);
     },
@@ -8047,7 +8119,7 @@ var Checkout = function Checkout(props) {
   }, langdetect == 'en' ? 'Affiliate code' : 'رمز المسوق'), /*#__PURE__*/React__default["default"].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);
     },
@@ -8078,10 +8150,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');
       }
     }
@@ -8100,10 +8172,10 @@ var Checkout = function Checkout(props) {
   }, /*#__PURE__*/React__default["default"].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');
       }
     }
@@ -8121,10 +8193,10 @@ var Checkout = function Checkout(props) {
   }, /*#__PURE__*/React__default["default"].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');
       }
     }
@@ -8135,7 +8207,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__default["default"].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__default["default"].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__default["default"].createElement("div", {
     className: "col-lg-12 p-0 w-100 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
@@ -8242,7 +8314,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__default["default"](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__default["default"].lazy(function () {
+var Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
 var CustomerInformationForm = function CustomerInformationForm(props) {
@@ -8609,7 +8681,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       width: "20px",
       height: "20px",
       duration: "1s"
-    })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select, {
+    })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
       options: fetchTabexCountriesQueryContext.data.data.countries,
       getOptionLabel: function getOptionLabel(option) {
         var crname = '';
@@ -8657,11 +8729,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       width: "20px",
       height: "20px",
       duration: "1s"
-    })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React__default["default"].createElement(Select, {
+    })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React__default["default"].createElement(Select$1, {
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
       placeholder: lang.choosestategov,
       isSearchable: true
-    }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select, {
+    }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
       options: fetchTabexStatesQueryContext.data.data.states,
       getOptionLabel: function getOptionLabel(option) {
         var crname = '';
@@ -8709,11 +8781,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       width: "20px",
       height: "20px",
       duration: "1s"
-    })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React__default["default"].createElement(Select, {
+    })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React__default["default"].createElement(Select$1, {
       placeholder: lang.choosecity,
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
       isSearchable: true
-    }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select, {
+    }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
       options: fetchTabexCitiesQueryContext.data.data.cities,
       getOptionLabel: function getOptionLabel(option) {
         var crname = '';
@@ -10904,8 +10976,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__default["default"](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__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('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;
@@ -10916,6 +10991,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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -10943,9 +11025,6 @@ var Filter$1 = function Filter(props) {
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
     raterangevalue = _useState12[0],
     setraterangevalue = _useState12[1];
-  props.actions.fetchTabexCountriesQueryContext;
-  props.actions.FetchQueriesEngineContext;
-  props.actions.setFetchQueriesEngineContext;
   var timeoutRef = React__default["default"].useRef(null);
   var _useState13 = React.useState([{
       payloadvalue: 'sortprice',
@@ -11007,19 +11086,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));
-  // }, []);
+  React.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__default["default"](instfilters);
@@ -11105,8 +11193,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);
@@ -11122,8 +11212,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__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
@@ -11452,6 +11544,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__default["default"].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: {
@@ -11603,7 +11708,6 @@ var Filter$1 = function Filter(props) {
       return /*#__PURE__*/React__default["default"].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] = '';
@@ -11612,7 +11716,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__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].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 '
@@ -11679,11 +11783,145 @@ var Filter$1 = function Filter(props) {
     className: "mt-2 mb-3"
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
-  }, sectionproperties.filterType == 'All' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.showcountriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 mt-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, CollectionsFilter()), InstFilters()))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, (fetchTabexCountriesQueryContext === null || fetchTabexCountriesQueryContext === void 0 ? void 0 : fetchTabexCountriesQueryContext.isFetching) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-100 allcentered mt-1"
+  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.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__default["default"].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__default["default"].createElement("div", {
+    "class": "col-lg-12 mb-3 p-0"
+  }, (fetchTabexStatesQueryContext === null || fetchTabexStatesQueryContext === void 0 ? void 0 : fetchTabexStatesQueryContext.isFetching) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-100 allcentered mt-1"
+  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.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__default["default"].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__default["default"].createElement("div", {
+    "class": "col-lg-12 mb-3 p-0"
+  }, (fetchTabexCitiesQueryContext === null || fetchTabexCitiesQueryContext === void 0 ? void 0 : fetchTabexCitiesQueryContext.isFetching) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-100 allcentered mt-1"
+  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.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__default["default"].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__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12"
   }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
     show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -17269,7 +17507,11 @@ var CTAHeader = function CTAHeader(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px',
       paddingTop: sectionproperties.lowersection_paddingtop + 'px',
-      paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
+      paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderBottomLeftRadius + 'px' : sectionproperties.lowersection_BorderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.lowersection_BorderBottomRightRadius + 'px' : sectionproperties.lowersection_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopLeftRadius + 'px' : sectionproperties.lowersection_borderTopRightRadius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopRightRadius + 'px' : sectionproperties.lowersection_borderTopLeftRadius + 'px'
     }),
     facebook_btn: glamor.css({
       cursor: 'pointer',
@@ -17425,7 +17667,13 @@ var CTAHeader = function CTAHeader(props) {
     "class": "row m-0 w-100 justify-content-center",
     style: {
       width: '100vw',
-      zIndex: 1000
+      zIndex: 1000,
+      background: sectionproperties.header_backgroundColor
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-md-100",
+    style: {
+      width: sectionproperties.header_width + 'vw'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-md-none d-sm-none",
@@ -17660,7 +17908,61 @@ var CTAHeader = function CTAHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
     size: sectionproperties.cartBtn_iconFontSize
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.lang_position == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
+  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
+    "class": ' d-flex align-items-center justify-content-center '
+  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 mr-2"
+  }, "En"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 ml-2"
+  }, "\u0639"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+    onClick: function onClick() {
+      setlang('ar');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": 'dropdownitem d-flex align-items-center m-0 p-0',
+    style: {
+      fontSize: sectionproperties.dropdown_fontsize + 'px',
+      fontWeight: sectionproperties.dropdown_fontweight,
+      textTransform: sectionproperties.dropdown_texttransform
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
+    style: {
+      maxWidth: '2vh',
+      maxHeight: '2vh'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": 'ml-2 mr-2'
+  }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+    onClick: function onClick() {
+      setlang('en');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
+    style: {
+      fontSize: sectionproperties.dropdown_fontsize + 'px',
+      fontWeight: sectionproperties.dropdown_fontweight,
+      textTransform: sectionproperties.dropdown_texttransform
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
+    style: {
+      maxWidth: '2vh',
+      maxHeight: '2vh'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": 'ml-2 mr-2'
+  }, lang.english))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered",
     style: {
       backgroundColor: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'Transparent' : sectionproperties.uppersection_bgcolor
@@ -17754,7 +18056,7 @@ var CTAHeader = function CTAHeader(props) {
       }, ButtonDropdown(item, index, fetchedarray));
     }
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center"
+    "class": sectionproperties.generalbtn_show == 'Hide' && sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' && sectionproperties.lang_position == 'Top' ? 'col-lg-12 p-0 d-flex align-items-center justify-content-center' : 'col-lg-6 p-0 d-flex align-items-center justify-content-center'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "scrollhorizontal w-100 align-items-center justify-content-center h-100 flex-row",
     style: {
@@ -17835,7 +18137,7 @@ var CTAHeader = function CTAHeader(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.lang_position == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
@@ -17905,7 +18207,7 @@ var CTAHeader = function CTAHeader(props) {
   }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  })));
+  }))));
 };
 
 var css_248z$v = ".Header_threesectionslogocentered-module_header_innercontainer__yjjgZ {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    position: relative;\n    z-index: 1000;\n    transition: all 0.2s;\n}\n\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 {\n    position: relative;\n    cursor: pointer;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 .Header_threesectionslogocentered-module_navbar_item_text__0DPls {\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    transition: 0.3s;\n    padding: 0;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    position: absolute;\n    left: 0;\n    bottom: -10px;\n    right: 0;\n    width: 7px;\n    height: 7px;\n    content: '';\n    border-radius: 50%;\n    margin: 0 auto;\n    opacity: 0;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8:hover .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    opacity: 1;\n}\n/* Side Nav Active */\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item_active__ladUm .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    opacity: 1;\n}\n\n/* Search Bar */\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_searchbarcont__9MNXO input::placeholder {\n    color: #8c8c8c;\n    font-weight: normal;\n}\n/* Badge */\n.Header_threesectionslogocentered-module_badge_counter_header_notifications__qekYU {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.Header_threesectionslogocentered-module_searchbar__5KdKx {\n    display: inline-block;\n    border: none;\n    outline: none;\n    width: 0px;\n    position: absolute;\n    top: 0;\n    background: none;\n    z-index: 3;\n    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n    cursor: pointer;\n}\n.Header_threesectionslogocentered-module_searchbar__5KdKx:focus {\n    width: 300px !important;\n    z-index: 1;\n    cursor: text;\n}\n.Header_threesectionslogocentered-module_searchbaractive__8Pp-9 {\n    display: inline-block;\n    z-index: 2;\n    cursor: pointer;\n    cursor: pointer;\n}\n  ";
@@ -22560,7 +22862,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;
   React.useEffect(function () {
@@ -23133,32 +23435,29 @@ var Modernheader = function Modernheader(props) {
       display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
         "class": "cursor-pointer",
         onClick: function onClick() {
-          history.push(item.navigationroute);
+          routingcountext(item.navigationroute, false, '');
         }
       }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement(Subheader, {
@@ -44362,7 +44661,9 @@ var Slideshowzoom = function Slideshowzoom(props) {
     }))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row ml-0 mr-0 w-100 d-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 d-flex justify-content-center align-items-center ',
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row ml-0 mr-0 w-100 d-flex d-md-none justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 d-flex d-md-none justify-content-center align-items-center ',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
@@ -44503,7 +44804,149 @@ var Slideshowzoom = function Slideshowzoom(props) {
       sectionproperties: sectionproperties,
       props: props
     });
-  })))))));
+  }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row ml-0 mr-0 w-100 d-none d-md-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 d-none d-md-flex justify-content-center align-items-center ',
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+      background: sectionproperties.backgroundColor,
+      marginBottom: sectionproperties.marginBottom + 'px',
+      paddingTop: sectionproperties.marginTopResp + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex justify-content-center' : 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto',
+    style: {
+      height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": cardarrayofobjs.length != 0 ? '' : sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2 w-sm-100',
+    style: {
+      position: 'relative',
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      width: sectionproperties.width + 'vw',
+      height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
+    transitionDuration: 1500,
+    duration: 1500,
+    arrow: true,
+    easing: "ease"
+  }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": cardarrayofobjs.length != 0 ? 'row m-0 w-100' : 'row m-0 w-100 h-md-auto h-sm-auto',
+      style: {
+        borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+        borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+        borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+        borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+        height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": ' p-0 align-items-center d-flex d-md-none ',
+      key: index,
+      style: {
+        cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+        width: '100%',
+        height: '100%',
+        borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+        borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+        borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+        borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+        paddingTop: sectionproperties.paddingTop + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+        paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
+      },
+      onClick: function onClick() {
+        if (item.IsClickableimg == 'Yes') {
+          if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
+            routingcountext(item.clickableimg_page_route, false, '');
+          } else {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
+          }
+        }
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
+      style: {
+        cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+        margin: 0,
+        padding: 0,
+        width: '100%',
+        height: '100%'
+      }
+    }), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": ' p-0 align-items-center d-none d-md-flex ',
+      key: index,
+      style: {
+        cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+        width: '100%',
+        height: '100%',
+        borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+        borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+        borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+        borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+        paddingTop: sectionproperties.paddingTop + 'px',
+        paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+        paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
+      },
+      onClick: function onClick() {
+        if (item.IsClickableimg == 'Yes') {
+          if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
+            routingcountext(item.clickableimg_page_route, false, '');
+          } else {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
+          }
+        }
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_en : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_ar,
+      style: {
+        cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+        objectFit: sectionproperties.bgcovercontainresponsive == 'Cover' ? 'cover' : 'contain',
+        margin: 0,
+        padding: 0,
+        width: '100%',
+        height: '100%'
+      }
+    }), SlideShowTextContainer(item)));
+  })), cardarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      position: 'absolute',
+      left: 0,
+      bottom: 60,
+      zIndex: 100
+    },
+    "class": "row m-0 w-100 "
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
+  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
+    itemClassName: "slideshowCard"
+    // LeftArrow={LeftArrow}
+    // RightArrow={RightArrow}
+    ,
+    transitionDuration: 500,
+    transitionEase: easingFunctions['linear'],
+    scrollContainerClassName: 'scrollmenuclasssubscrollbar'
+  }, Object.keys(cardarrayofobjs).length != 0 && cardarrayofobjs.map(function (cardItem, cardIndex) {
+    var id = cardIndex;
+    return /*#__PURE__*/React__default["default"].createElement(CardsArrayOfObjects, {
+      title: id,
+      itemId: id,
+      key: id,
+      cardItem: cardItem,
+      sectionproperties: sectionproperties,
+      props: props
+    });
+  }))))))));
 };
 var easingFunctions = {
   noEasing: undefined,
@@ -53431,22 +53874,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__default["default"].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__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center",