tabexseriescomponents 0.0.280 → 0.0.281

package/dist/index.cjs.js

@@ -1583,7 +1583,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
 function ownKeys$23(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$23(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$23(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$23(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -1739,8 +1739,19 @@ var Product_itemtype = function Product_itemtype(props) {
       }
     }),
     activeColor: "#ffd700"
-  })), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
+  })), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      color: '#000'
+    }
+  }, langdetect == 'en' ? 'Seller' : 'البائع', ":", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
+    style: {
+      fontWeight: 600
+    }
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.vendorinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.vendorname))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -1758,7 +1769,7 @@ var Product_itemtype = function Product_itemtype(props) {
       fontSize: sectionproperties.skuFontSize + 'px',
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "mb-4 col-lg-12",
     style: {
       width: '100%',
@@ -1778,9 +1789,9 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'Delivery Time' : 'مدة الشحن', ": ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : (_fetchProductInfoQuer17 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : (_fetchProductInfoQuer20 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
+  }, langdetect == 'en' ? 'Delivery Time' : 'مدة الشحن', ": ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : (_fetchProductInfoQuer28 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
     actions: props.actions
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : (_fetchProductInfoQuer31 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex align-items-start"
   }, ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 ? void 0 : (_ProductInfoObj$data$ = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data$ === void 0 ? void 0 : (_ProductInfoObj$data$2 = _ProductInfoObj$data$.productoptions) === null || _ProductInfoObj$data$2 === void 0 ? void 0 : _ProductInfoObj$data$2.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1855,7 +1866,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex align-items-center"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : (_fetchProductInfoQuer34 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : (_fetchProductInfoQuer37 = _fetchProductInfoQuer36.productinfo) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : _fetchProductInfoQuer37.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0",
@@ -1865,7 +1876,7 @@ var Product_itemtype = function Product_itemtype(props) {
       textTransform: sectionproperties.generaltext_textTransform,
       fontWeight: sectionproperties.generaltext_fontWeight
     }
-  }, lang.quantity, ":")), sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : (_fetchProductInfoQuer35 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+  }, lang.quantity, ":")), sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer38 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.data) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : (_fetchProductInfoQuer40 = _fetchProductInfoQuer39.productinfo) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : _fetchProductInfoQuer40.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer41 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.data) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : (_fetchProductInfoQuer43 = _fetchProductInfoQuer42.productinfo) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : _fetchProductInfoQuer43.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
     className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
     style: {
       height: sectionproperties.quantitybtn_height + 'px',
@@ -1901,7 +1912,7 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px'
     }
-  }))), sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+  }))), sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer44 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.data) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : (_fetchProductInfoQuer46 = _fetchProductInfoQuer45.productinfo) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : _fetchProductInfoQuer46.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
@@ -1967,7 +1978,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  })))))), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))))), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer47 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.data) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : (_fetchProductInfoQuer49 = _fetchProductInfoQuer48.productinfo) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : _fetchProductInfoQuer49.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex flex-row"
@@ -2004,7 +2015,7 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       textDecoration: 'none'
     }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer43 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.productinfo) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : _fetchProductInfoQuer45.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer50 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.data) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : (_fetchProductInfoQuer52 = _fetchProductInfoQuer51.productinfo) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : _fetchProductInfoQuer52.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
@@ -10980,7 +10991,7 @@ 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, _fetchTabexCountriesQ, _fetchTabexCountriesQ2, _fetchTabexStatesQuer, _fetchTabexStatesQuer2, _fetchTabexStatesQuer3, _fetchTabexStatesQuer4, _fetchTabexCitiesQuer, _fetchTabexCitiesQuer2, _fetchTabexCitiesQuer3, _fetchTabexCitiesQuer4;
+  var _authdetailsContext$i;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.productfiltercontext;
@@ -11557,6 +11568,144 @@ var Filter$1 = function Filter(props) {
       routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
     }
   };
+  var Countriesfilter = function Countriesfilter() {
+    var _fetchTabexCountriesQ, _fetchTabexCountriesQ2, _fetchTabexStatesQuer, _fetchTabexStatesQuer2, _fetchTabexStatesQuer3, _fetchTabexStatesQuer4, _fetchTabexCitiesQuer, _fetchTabexCitiesQuer2, _fetchTabexCitiesQuer3, _fetchTabexCitiesQuer4;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 pl-md-3 pr-md-3"
+    }, /*#__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"
+    }, /*#__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
+    })))));
+  };
   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: {
@@ -11783,141 +11932,7 @@ 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.showcountriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__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"
-  }, /*#__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", {
+  }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), 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"
@@ -12054,11 +12069,11 @@ 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 '
-  }, sectionproperties.filterType == 'All' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, CollectionsFilter()), InstFilters())))))));
+  }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
 };
 
 var serverbaselink$1 = 'https://tabex-co.com';