tabexseriescomponents 0.0.280 → 0.0.282

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -1536,7 +1536,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
1536
1536
  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; }
1537
1537
  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(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; }
1538
1538
  var Product_itemtype = function Product_itemtype(props) {
1539
- 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;
1539
+ 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;
1540
1540
  var lang = props.actions.lang;
1541
1541
  var langdetect = props.actions.langdetect;
1542
1542
  var srcfromprops = props.actions.srcfromprops;
@@ -1632,7 +1632,7 @@ var Product_itemtype = function Product_itemtype(props) {
1632
1632
  }, /*#__PURE__*/React.createElement("div", {
1633
1633
  className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
1634
1634
  }, /*#__PURE__*/React.createElement("div", {
1635
- className: "col-lg-12 p-0 ",
1635
+ className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? 'col-lg-12 p-0 maximize' : 'col-lg-12 p-0',
1636
1636
  style: {
1637
1637
  width: '100%',
1638
1638
  height: 'auto'
@@ -1692,8 +1692,19 @@ var Product_itemtype = function Product_itemtype(props) {
1692
1692
  }
1693
1693
  }),
1694
1694
  activeColor: "#ffd700"
1695
- })), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
1696
- "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'
1695
+ })), (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.createElement("div", {
1696
+ "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
1697
+ }, /*#__PURE__*/React.createElement("p", {
1698
+ "class": "m-0 p-0",
1699
+ style: {
1700
+ color: '#000'
1701
+ }
1702
+ }, langdetect == 'en' ? 'Seller' : 'البائع', ":", ' ', /*#__PURE__*/React.createElement("span", {
1703
+ style: {
1704
+ fontWeight: 600
1705
+ }
1706
+ }, 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.createElement("div", {
1707
+ "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'
1697
1708
  }, /*#__PURE__*/React.createElement("p", {
1698
1709
  "class": "m-0 p-0 d-flex justify-content-start"
1699
1710
  }, /*#__PURE__*/React.createElement("span", {
@@ -1711,7 +1722,7 @@ var Product_itemtype = function Product_itemtype(props) {
1711
1722
  fontSize: sectionproperties.skuFontSize + 'px',
1712
1723
  textAlign: langdetect == 'en' ? 'left' : 'right'
1713
1724
  }
1714
- }, 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.createElement("div", {
1725
+ }, 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.createElement("div", {
1715
1726
  "class": "mb-4 col-lg-12",
1716
1727
  style: {
1717
1728
  width: '100%',
@@ -1731,9 +1742,9 @@ var Product_itemtype = function Product_itemtype(props) {
1731
1742
  style: {
1732
1743
  textAlign: langdetect == 'en' ? 'left' : 'right'
1733
1744
  }
1734
- }, 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.createElement(ProductHeaderPricing, {
1745
+ }, 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.createElement(ProductHeaderPricing, {
1735
1746
  actions: props.actions
1736
- }), (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.createElement("div", {
1747
+ }), (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.createElement("div", {
1737
1748
  className: "row m-0 w-100 d-flex align-items-start"
1738
1749
  }, 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) {
1739
1750
  return /*#__PURE__*/React.createElement("div", {
@@ -1808,7 +1819,7 @@ var Product_itemtype = function Product_itemtype(props) {
1808
1819
  }
1809
1820
  }, /*#__PURE__*/React.createElement("div", {
1810
1821
  className: "row m-0 w-100 d-flex align-items-center"
1811
- }, (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.createElement("div", {
1822
+ }, (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.createElement("div", {
1812
1823
  className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
1813
1824
  }, /*#__PURE__*/React.createElement("p", {
1814
1825
  className: "m-0 p-0",
@@ -1818,7 +1829,7 @@ var Product_itemtype = function Product_itemtype(props) {
1818
1829
  textTransform: sectionproperties.generaltext_textTransform,
1819
1830
  fontWeight: sectionproperties.generaltext_fontWeight
1820
1831
  }
1821
- }, 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.createElement("button", {
1832
+ }, 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.createElement("button", {
1822
1833
  className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
1823
1834
  style: {
1824
1835
  height: sectionproperties.quantitybtn_height + 'px',
@@ -1854,7 +1865,7 @@ var Product_itemtype = function Product_itemtype(props) {
1854
1865
  style: {
1855
1866
  fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px'
1856
1867
  }
1857
- }))), 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.createElement("button", {
1868
+ }))), 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.createElement("button", {
1858
1869
  className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
1859
1870
  onClick: function onClick() {
1860
1871
  if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
@@ -1920,7 +1931,7 @@ var Product_itemtype = function Product_itemtype(props) {
1920
1931
  size: sectionproperties.favBtnIconfontsize
1921
1932
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
1922
1933
  size: sectionproperties.favBtnIconfontsize
1923
- })))))), 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.createElement("div", {
1934
+ })))))), 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.createElement("div", {
1924
1935
  className: "col-lg-12 p-0 mb-3"
1925
1936
  }, /*#__PURE__*/React.createElement("div", {
1926
1937
  className: "row m-0 w-100 d-flex flex-row"
@@ -1957,7 +1968,7 @@ var Product_itemtype = function Product_itemtype(props) {
1957
1968
  style: {
1958
1969
  textDecoration: 'none'
1959
1970
  }
1960
- }, "-"), 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.createElement("div", {
1971
+ }, "-"), 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.createElement("div", {
1961
1972
  className: "col-lg-12 p-0 mb-3 mt-2"
1962
1973
  }, /*#__PURE__*/React.createElement("div", {
1963
1974
  style: {
@@ -10933,7 +10944,7 @@ var Select = /*#__PURE__*/React.lazy(function () {
10933
10944
  return import('react-select');
10934
10945
  });
10935
10946
  var Filter$1 = function Filter(props) {
10936
- var _authdetailsContext$i, _fetchTabexCountriesQ, _fetchTabexCountriesQ2, _fetchTabexStatesQuer, _fetchTabexStatesQuer2, _fetchTabexStatesQuer3, _fetchTabexStatesQuer4, _fetchTabexCitiesQuer, _fetchTabexCitiesQuer2, _fetchTabexCitiesQuer3, _fetchTabexCitiesQuer4;
10947
+ var _authdetailsContext$i;
10937
10948
  var lang = props.actions.lang;
10938
10949
  var langdetect = props.actions.langdetect;
10939
10950
  props.actions.productfiltercontext;
@@ -11510,6 +11521,144 @@ var Filter$1 = function Filter(props) {
11510
11521
  routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
11511
11522
  }
11512
11523
  };
11524
+ var Countriesfilter = function Countriesfilter() {
11525
+ var _fetchTabexCountriesQ, _fetchTabexCountriesQ2, _fetchTabexStatesQuer, _fetchTabexStatesQuer2, _fetchTabexStatesQuer3, _fetchTabexStatesQuer4, _fetchTabexCitiesQuer, _fetchTabexCitiesQuer2, _fetchTabexCitiesQuer3, _fetchTabexCitiesQuer4;
11526
+ return /*#__PURE__*/React.createElement("div", {
11527
+ "class": "row m-0 w-100 pl-md-3 pr-md-3"
11528
+ }, /*#__PURE__*/React.createElement("div", {
11529
+ "class": "col-lg-12 p-0 mt-3"
11530
+ }, /*#__PURE__*/React.createElement("div", {
11531
+ "class": "row m-0 w-100"
11532
+ }, /*#__PURE__*/React.createElement("div", {
11533
+ "class": "col-lg-12 p-0 mb-3"
11534
+ }, (fetchTabexCountriesQueryContext === null || fetchTabexCountriesQueryContext === void 0 ? void 0 : fetchTabexCountriesQueryContext.isFetching) && /*#__PURE__*/React.createElement("div", {
11535
+ className: "w-100 allcentered mt-1"
11536
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
11537
+ color: "#000",
11538
+ width: "20px",
11539
+ height: "20px",
11540
+ duration: "1s"
11541
+ })), !(fetchTabexCountriesQueryContext !== null && fetchTabexCountriesQueryContext !== void 0 && fetchTabexCountriesQueryContext.isFetching) && (fetchTabexCountriesQueryContext === null || fetchTabexCountriesQueryContext === void 0 ? void 0 : fetchTabexCountriesQueryContext.isSuccess) && /*#__PURE__*/React.createElement(Select, {
11542
+ 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,
11543
+ getOptionLabel: function getOptionLabel(option) {
11544
+ var crname = '';
11545
+ if (langdetect == 'en') {
11546
+ crname = option.name;
11547
+ } else if (langdetect == 'ar') {
11548
+ if (option.name_ar != null) {
11549
+ crname = option.name_ar;
11550
+ } else {
11551
+ crname = option.name;
11552
+ }
11553
+ }
11554
+ return crname;
11555
+ },
11556
+ getOptionValue: function getOptionValue(option) {
11557
+ return option.id;
11558
+ },
11559
+ value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
11560
+ return option.id == ProductFilterObjContext.countryid;
11561
+ }),
11562
+ onChange: function onChange(option) {
11563
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$1N({}, FetchTabexStatesPayloadobjContext);
11564
+ tempFetchTabexStatesPayloadobjContext.functype = 'states';
11565
+ tempFetchTabexStatesPayloadobjContext.country_id = option.id;
11566
+ setFetchTabexStatesPayloadobjContext(_objectSpread$1N({}, tempFetchTabexStatesPayloadobjContext));
11567
+ var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
11568
+ tempfetchproductsfilerobjcontext.countryid = option.id;
11569
+ tempfetchproductsfilerobjcontext.page = 0;
11570
+ setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
11571
+ filterrouting(tempfetchproductsfilerobjcontext);
11572
+ },
11573
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
11574
+ placeholder: lang.choosecountry,
11575
+ isSearchable: true
11576
+ })), /*#__PURE__*/React.createElement("div", {
11577
+ "class": "col-lg-12 mb-3 p-0"
11578
+ }, (fetchTabexStatesQueryContext === null || fetchTabexStatesQueryContext === void 0 ? void 0 : fetchTabexStatesQueryContext.isFetching) && /*#__PURE__*/React.createElement("div", {
11579
+ className: "w-100 allcentered mt-1"
11580
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
11581
+ color: "#000",
11582
+ width: "20px",
11583
+ height: "20px",
11584
+ duration: "1s"
11585
+ })), !(fetchTabexStatesQueryContext !== null && fetchTabexStatesQueryContext !== void 0 && fetchTabexStatesQueryContext.isFetching) && (fetchTabexStatesQueryContext === null || fetchTabexStatesQueryContext === void 0 ? void 0 : fetchTabexStatesQueryContext.isSuccess) && /*#__PURE__*/React.createElement(Select, {
11586
+ 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,
11587
+ getOptionLabel: function getOptionLabel(option) {
11588
+ var crname = '';
11589
+ if (langdetect == 'en') {
11590
+ crname = option.name;
11591
+ } else if (langdetect == 'ar') {
11592
+ if (option.name_ar != null) {
11593
+ crname = option.name_ar;
11594
+ } else {
11595
+ crname = option.name;
11596
+ }
11597
+ }
11598
+ return crname;
11599
+ },
11600
+ getOptionValue: function getOptionValue(option) {
11601
+ return option.id;
11602
+ },
11603
+ 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) {
11604
+ return option.id == ProductFilterObjContext.stateid;
11605
+ }),
11606
+ onChange: function onChange(option) {
11607
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$1N({}, FetchTabexStatesPayloadobjContext);
11608
+ tempFetchTabexStatesPayloadobjContext.functype = 'cities';
11609
+ tempFetchTabexStatesPayloadobjContext.state_id = option.id;
11610
+ setFetchTabexStatesPayloadobjContext(_objectSpread$1N({}, tempFetchTabexStatesPayloadobjContext));
11611
+ var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
11612
+ tempfetchproductsfilerobjcontext.stateid = option.id;
11613
+ tempfetchproductsfilerobjcontext.page = 0;
11614
+ setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
11615
+ filterrouting(tempfetchproductsfilerobjcontext);
11616
+ },
11617
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
11618
+ placeholder: lang.choosestategov,
11619
+ isSearchable: true
11620
+ })), /*#__PURE__*/React.createElement("div", {
11621
+ "class": "col-lg-12 mb-3 p-0"
11622
+ }, (fetchTabexCitiesQueryContext === null || fetchTabexCitiesQueryContext === void 0 ? void 0 : fetchTabexCitiesQueryContext.isFetching) && /*#__PURE__*/React.createElement("div", {
11623
+ className: "w-100 allcentered mt-1"
11624
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
11625
+ color: "#000",
11626
+ width: "20px",
11627
+ height: "20px",
11628
+ duration: "1s"
11629
+ })), !(fetchTabexCitiesQueryContext !== null && fetchTabexCitiesQueryContext !== void 0 && fetchTabexCitiesQueryContext.isFetching) && (fetchTabexCitiesQueryContext === null || fetchTabexCitiesQueryContext === void 0 ? void 0 : fetchTabexCitiesQueryContext.isSuccess) && /*#__PURE__*/React.createElement(Select, {
11630
+ 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,
11631
+ getOptionLabel: function getOptionLabel(option) {
11632
+ var crname = '';
11633
+ if (langdetect == 'en') {
11634
+ crname = option.name;
11635
+ } else if (langdetect == 'ar') {
11636
+ if (option.name_ar != null) {
11637
+ crname = option.name_ar;
11638
+ } else {
11639
+ crname = option.name;
11640
+ }
11641
+ }
11642
+ return crname;
11643
+ },
11644
+ getOptionValue: function getOptionValue(option) {
11645
+ return option.id;
11646
+ },
11647
+ 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) {
11648
+ return option.id == ProductFilterObjContext.cityid;
11649
+ }),
11650
+ onChange: function onChange(option) {
11651
+ var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
11652
+ tempfetchproductsfilerobjcontext.cityid = option.id;
11653
+ tempfetchproductsfilerobjcontext.page = 0;
11654
+ setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
11655
+ filterrouting(tempfetchproductsfilerobjcontext);
11656
+ },
11657
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
11658
+ placeholder: lang.choosecity,
11659
+ isSearchable: true
11660
+ })))));
11661
+ };
11513
11662
  return /*#__PURE__*/React.createElement("div", {
11514
11663
  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',
11515
11664
  style: {
@@ -11736,141 +11885,7 @@ var Filter$1 = function Filter(props) {
11736
11885
  className: "mt-2 mb-3"
11737
11886
  })), /*#__PURE__*/React.createElement("div", {
11738
11887
  className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
11739
- }, sectionproperties.showcountriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
11740
- "class": "row m-0 w-100"
11741
- }, /*#__PURE__*/React.createElement("div", {
11742
- "class": "col-lg-12 p-0 mt-3"
11743
- }, /*#__PURE__*/React.createElement("div", {
11744
- "class": "row m-0 w-100"
11745
- }, /*#__PURE__*/React.createElement("div", {
11746
- "class": "col-lg-12 p-0 mb-3"
11747
- }, (fetchTabexCountriesQueryContext === null || fetchTabexCountriesQueryContext === void 0 ? void 0 : fetchTabexCountriesQueryContext.isFetching) && /*#__PURE__*/React.createElement("div", {
11748
- className: "w-100 allcentered mt-1"
11749
- }, /*#__PURE__*/React.createElement(CircularProgress, {
11750
- color: "#000",
11751
- width: "20px",
11752
- height: "20px",
11753
- duration: "1s"
11754
- })), !(fetchTabexCountriesQueryContext !== null && fetchTabexCountriesQueryContext !== void 0 && fetchTabexCountriesQueryContext.isFetching) && (fetchTabexCountriesQueryContext === null || fetchTabexCountriesQueryContext === void 0 ? void 0 : fetchTabexCountriesQueryContext.isSuccess) && /*#__PURE__*/React.createElement(Select, {
11755
- 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,
11756
- getOptionLabel: function getOptionLabel(option) {
11757
- var crname = '';
11758
- if (langdetect == 'en') {
11759
- crname = option.name;
11760
- } else if (langdetect == 'ar') {
11761
- if (option.name_ar != null) {
11762
- crname = option.name_ar;
11763
- } else {
11764
- crname = option.name;
11765
- }
11766
- }
11767
- return crname;
11768
- },
11769
- getOptionValue: function getOptionValue(option) {
11770
- return option.id;
11771
- },
11772
- value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
11773
- return option.id == ProductFilterObjContext.countryid;
11774
- }),
11775
- onChange: function onChange(option) {
11776
- var tempFetchTabexStatesPayloadobjContext = _objectSpread$1N({}, FetchTabexStatesPayloadobjContext);
11777
- tempFetchTabexStatesPayloadobjContext.functype = 'states';
11778
- tempFetchTabexStatesPayloadobjContext.country_id = option.id;
11779
- setFetchTabexStatesPayloadobjContext(_objectSpread$1N({}, tempFetchTabexStatesPayloadobjContext));
11780
- var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
11781
- tempfetchproductsfilerobjcontext.countryid = option.id;
11782
- tempfetchproductsfilerobjcontext.page = 0;
11783
- setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
11784
- filterrouting(tempfetchproductsfilerobjcontext);
11785
- },
11786
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
11787
- placeholder: lang.choosecountry,
11788
- isSearchable: true
11789
- })), /*#__PURE__*/React.createElement("div", {
11790
- "class": "col-lg-12 mb-3 p-0"
11791
- }, (fetchTabexStatesQueryContext === null || fetchTabexStatesQueryContext === void 0 ? void 0 : fetchTabexStatesQueryContext.isFetching) && /*#__PURE__*/React.createElement("div", {
11792
- className: "w-100 allcentered mt-1"
11793
- }, /*#__PURE__*/React.createElement(CircularProgress, {
11794
- color: "#000",
11795
- width: "20px",
11796
- height: "20px",
11797
- duration: "1s"
11798
- })), !(fetchTabexStatesQueryContext !== null && fetchTabexStatesQueryContext !== void 0 && fetchTabexStatesQueryContext.isFetching) && (fetchTabexStatesQueryContext === null || fetchTabexStatesQueryContext === void 0 ? void 0 : fetchTabexStatesQueryContext.isSuccess) && /*#__PURE__*/React.createElement(Select, {
11799
- 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,
11800
- getOptionLabel: function getOptionLabel(option) {
11801
- var crname = '';
11802
- if (langdetect == 'en') {
11803
- crname = option.name;
11804
- } else if (langdetect == 'ar') {
11805
- if (option.name_ar != null) {
11806
- crname = option.name_ar;
11807
- } else {
11808
- crname = option.name;
11809
- }
11810
- }
11811
- return crname;
11812
- },
11813
- getOptionValue: function getOptionValue(option) {
11814
- return option.id;
11815
- },
11816
- 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) {
11817
- return option.id == ProductFilterObjContext.stateid;
11818
- }),
11819
- onChange: function onChange(option) {
11820
- var tempFetchTabexStatesPayloadobjContext = _objectSpread$1N({}, FetchTabexStatesPayloadobjContext);
11821
- tempFetchTabexStatesPayloadobjContext.functype = 'cities';
11822
- tempFetchTabexStatesPayloadobjContext.state_id = option.id;
11823
- setFetchTabexStatesPayloadobjContext(_objectSpread$1N({}, tempFetchTabexStatesPayloadobjContext));
11824
- var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
11825
- tempfetchproductsfilerobjcontext.stateid = option.id;
11826
- tempfetchproductsfilerobjcontext.page = 0;
11827
- setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
11828
- filterrouting(tempfetchproductsfilerobjcontext);
11829
- },
11830
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
11831
- placeholder: lang.choosestategov,
11832
- isSearchable: true
11833
- })), /*#__PURE__*/React.createElement("div", {
11834
- "class": "col-lg-12 mb-3 p-0"
11835
- }, (fetchTabexCitiesQueryContext === null || fetchTabexCitiesQueryContext === void 0 ? void 0 : fetchTabexCitiesQueryContext.isFetching) && /*#__PURE__*/React.createElement("div", {
11836
- className: "w-100 allcentered mt-1"
11837
- }, /*#__PURE__*/React.createElement(CircularProgress, {
11838
- color: "#000",
11839
- width: "20px",
11840
- height: "20px",
11841
- duration: "1s"
11842
- })), !(fetchTabexCitiesQueryContext !== null && fetchTabexCitiesQueryContext !== void 0 && fetchTabexCitiesQueryContext.isFetching) && (fetchTabexCitiesQueryContext === null || fetchTabexCitiesQueryContext === void 0 ? void 0 : fetchTabexCitiesQueryContext.isSuccess) && /*#__PURE__*/React.createElement(Select, {
11843
- 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,
11844
- getOptionLabel: function getOptionLabel(option) {
11845
- var crname = '';
11846
- if (langdetect == 'en') {
11847
- crname = option.name;
11848
- } else if (langdetect == 'ar') {
11849
- if (option.name_ar != null) {
11850
- crname = option.name_ar;
11851
- } else {
11852
- crname = option.name;
11853
- }
11854
- }
11855
- return crname;
11856
- },
11857
- getOptionValue: function getOptionValue(option) {
11858
- return option.id;
11859
- },
11860
- 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) {
11861
- return option.id == ProductFilterObjContext.cityid;
11862
- }),
11863
- onChange: function onChange(option) {
11864
- var tempfetchproductsfilerobjcontext = _objectSpread$1N({}, ProductFilterObjContext);
11865
- tempfetchproductsfilerobjcontext.cityid = option.id;
11866
- tempfetchproductsfilerobjcontext.page = 0;
11867
- setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
11868
- filterrouting(tempfetchproductsfilerobjcontext);
11869
- },
11870
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
11871
- placeholder: lang.choosecity,
11872
- isSearchable: true
11873
- }))))), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
11888
+ }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
11874
11889
  "class": "row m-0 w-100"
11875
11890
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
11876
11891
  "class": "row m-0 w-100"
@@ -12007,11 +12022,11 @@ var Filter$1 = function Filter(props) {
12007
12022
  className: "mt-2 mb-3"
12008
12023
  })), /*#__PURE__*/React.createElement("div", {
12009
12024
  className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
12010
- }, sectionproperties.filterType == 'All' && /*#__PURE__*/React.createElement("div", {
12025
+ }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
12011
12026
  "class": "row m-0 w-100"
12012
- }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React.createElement("div", {
12027
+ }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
12013
12028
  "class": "row m-0 w-100"
12014
- }, CollectionsFilter()), InstFilters())))))));
12029
+ }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
12015
12030
  };
12016
12031
 
12017
12032
  var serverbaselink$1 = 'https://tabex-co.com';