tabexseriescomponents 0.0.331 → 0.0.333

package/dist/index.cjs.js

@@ -131,7 +131,7 @@ 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 AiOutlineLinkedin = require('@react-icons/all-files/ai/AiOutlineLinkedin');
-require('react-select');
+var Select$5 = require('react-select');
 var ReactPlayer = require('react-player');
 var BackgroundSlideshow = require('react-background-slideshow');
 var _extends = require('@babel/runtime/helpers/extends');
@@ -185,6 +185,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$5);
 var ReactPlayer__default = /*#__PURE__*/_interopDefaultLegacy(ReactPlayer);
 var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
@@ -8195,6 +8196,12 @@ var Checkout = function Checkout(props) {
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 p-0"
     }, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue37 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue37 === void 0 ? void 0 : (_fetchcustomercartQue38 = _fetchcustomercartQue37.data) === null || _fetchcustomercartQue38 === void 0 ? void 0 : _fetchcustomercartQue38.customercart.cartitems.map(function (item, index) {
+      if (item.product_extrafields != null) {
+        var product_extrafields = JSON.parse(item.product_extrafields);
+        // var product_extrafields_parsed = JSON.stringify(product_extrafields);
+        // alert(product_extrafields_parsed);
+      }
+
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
         style: {
@@ -8276,12 +8283,24 @@ var Checkout = function Checkout(props) {
         className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2"
       }, item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
         }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
           className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
-        }, variantitem.optionvalue));
+        }, variantitem.optionvalue)));
+      }), item.product_extrafields != null && product_extrafields.map(function (extrafielditem, extrafieldindex) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
+        }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
+          className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
+        }, " ", extrafielditem.value)));
       }))));
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "".concat(checkoutstyles.innersection) + ' row m-0 w-100 p-3 '
@@ -13327,6 +13346,7 @@ var CardsSection = function CardsSection(props) {
         if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
           var _categories;
           var categories = fetchAuthorizationQueryContext.data.data.instinfo.instcategories;
+          // alert(JSON.stringify(categories));
           var parentcollections = [];
           (_categories = categories) === null || _categories === void 0 ? void 0 : _categories.forEach(function (catitem, catindex) {
             catitem === null || catitem === void 0 ? void 0 : catitem.parentcolletions.forEach(function (parentcolitem) {
@@ -13344,6 +13364,15 @@ var CardsSection = function CardsSection(props) {
               });
               parentcollections = arrafterfilter;
             }
+            if (props.collectionidprops != null && props.collectionidprops != undefined && props.collectionidprops != 'all') {
+              var arrafterfilter = [];
+              parentcollections.forEach(function (parentcolitem, parcolindex) {
+                if (parentcolitem.categoryid == props.collectionidprops) {
+                  arrafterfilter.push(parentcolitem);
+                }
+              });
+              parentcollections = arrafterfilter;
+            }
           }
           if (fetchingtype == 'innercategories') {
             var arrafterfilter = [];
@@ -13923,6 +13952,8 @@ var CardsSection = function CardsSection(props) {
           } else {
             routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(ProductFilterObjContext)));
           }
+        } else if (fetchingtype == 'parentcollections') {
+          routingcountext(StaticPagesLinksContext.InnerCategory, true, 'parentcollections/' + (sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid), true);
         } else {
           routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
         }
@@ -24514,7 +24545,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$1G(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$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Modernheader = function Modernheader(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
+  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -24784,7 +24815,42 @@ var Modernheader = function Modernheader(props) {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
-  })), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
+  })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+    href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
+    target: '_blank',
+    style: {
+      position: 'fixed',
+      bottom: 10,
+      right: 10,
+      zIndex: 999999,
+      transition: 'all 0.3s ease-out'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
+    style: {
+      width: '40px',
+      height: '40px',
+      cursor: 'pointer'
+    }
+  })), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+    href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
+    target: '_self',
+    style: {
+      position: 'fixed',
+      bottom: 60,
+      right: 10,
+      zIndex: 999999,
+      transition: 'all 0.3s ease-out'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
+  }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
+    size: 30,
+    color: sectionproperties.uppersection_iconcolor,
+    style: {
+      transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
+    }
+  }))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
     actions: actions
@@ -32572,6 +32638,15 @@ var Allinonefooter = function Allinonefooter(props) {
       backgroundColor: sectionproperties.vl_bg,
       marginBottom: sectionproperties.divider_mb + 'px',
       marginTop: sectionproperties.divider_mt + 'px'
+    }),
+    payimgcont: glamor.css({
+      marginLeft: langdetect == 'en' ? '10px' : 0,
+      marginRight: langdetect == 'en' ? 0 : '10px'
+    }),
+    payimg: glamor.css({
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
     })
   };
   React.useEffect(function () {
@@ -32834,11 +32909,59 @@ var Allinonefooter = function Allinonefooter(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })))))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 d-flex d-md-none"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(footerStyles.divider) + ' my-3 '
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-center"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '50px',
+      height: '40px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/visa.png',
+    className: "".concat(footerStyles.payimg)
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '70px',
+      height: '30px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
+    className: "".concat(footerStyles.payimg)
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.divider) + ' d-none d-md-flex '
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 justify-content-center d-none d-md-flex"
-  }, StoreInformation())));
+  }, StoreInformation()), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 d-none d-md-flex"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(footerStyles.divider) + ' my-3 '
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-center"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '50px',
+      height: '40px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/visa.png',
+    className: "".concat(footerStyles.payimg)
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '70px',
+      height: '30px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
+    className: "".concat(footerStyles.payimg)
+  }))))));
 };
 
 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; }
@@ -42704,7 +42827,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
       }
     },
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-    placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
+    placeholder: '',
     isSearchable: true
   })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: props.srcfrom == 'filter' ? ' col-lg-4 col-md-12 col-sm-12 mb-sm-3 ' : sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
@@ -42724,7 +42847,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
     duration: "1s"
   })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React__default["default"].createElement(Select, {
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-    placeholder: lang.choosestategov,
+    placeholder: '',
     isSearchable: true
   }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select, {
     options: fetchTabexStatesQueryContext.data.data.states,
@@ -42763,7 +42886,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
       }
     },
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-    placeholder: lang.choosestategov,
+    placeholder: '',
     isSearchable: true
   })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: props.srcfrom == 'filter' ? ' col-lg-4 col-md-12 col-sm-12 mb-sm-3 ' : sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
@@ -42782,7 +42905,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
     height: "20px",
     duration: "1s"
   })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React__default["default"].createElement(Select, {
-    placeholder: lang.choosecity,
+    placeholder: '',
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
     isSearchable: true
   }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select, {
@@ -42818,7 +42941,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
       }
     },
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-    placeholder: lang.choosecity,
+    placeholder: '',
     isSearchable: true
   })), sectionproperties.hideaddress == 'Show' && props.srcfrom != 'filter' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
@@ -42879,6 +43002,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
   var fetchproductsfilerobjcontext = props.actions.fetchproductsfilerobjcontext;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  // const fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
   var _useState7 = React.useState({
       countryid: '',
       stateid: '',
@@ -42887,14 +43011,35 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
     payloadobj = _useState8[0],
     setpayloadobj = _useState8[1];
+  var _useState9 = React.useState([]),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    collectionsarray = _useState10[0],
+    setcollectionsarray = _useState10[1];
+  var _useState11 = React.useState([]),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2);
+    _useState12[0];
+    _useState12[1];
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  props.actions.fetchcollectionsQueryContext;
   React.useEffect(function () {
     var tempFetchQueriesEngineContext = _objectSpread$15({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchtabexcountries = true;
+    tempFetchQueriesEngineContext.collections = true;
     setFetchQueriesEngineContext(_objectSpread$15({}, tempFetchQueriesEngineContext));
     var tempFetchQueriesEngineContext = _objectSpread$15({}, FetchQueriesEngineContext);
+
+    // authdetailsContext?.instinfo?.instcollections?
   }, []);
+  React.useEffect(function () {
+    var _authdetailsContext$i, _authdetailsContext$i2;
+    var temppcollarray = _toConsumableArray__default["default"](collectionsarray);
+    authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcollections) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.forEach(function (arrayItem) {
+      temppcollarray.push(arrayItem);
+    });
+    setcollectionsarray(_toConsumableArray__default["default"](temppcollarray));
+  }, [authdetailsContext]);
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -42905,7 +43050,6 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       }
     });
     setsectionproperties(_objectSpread$15({}, secpropobj));
-    // alert(JSON.stringify(fetchTabexCountriesQueryContext));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (sectionproperties.length != 0) {
@@ -43086,7 +43230,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
   }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "wordbreak",
+    "class": "wordbreak text-md-center",
     style: {
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
       color: sectionproperties.sectionTitleColor,
@@ -43105,7 +43249,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       maxWidth: '500px'
     }
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-9 col-md-10 col-sm-10 allcentered mt-3",
+    "class": sectionproperties.showcollectionsfilter == 'Show' ? 'col-lg-11 col-md-10 col-sm-10 allcentered mt-3' : 'col-lg-9 col-md-10 col-sm-10 allcentered mt-3',
     style: {
       backgroundColor: sectionproperties.reservation_bgcolor,
       borderRadius: sectionproperties.reservation_borderradius + 'px',
@@ -43120,8 +43264,45 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.showpricerange == 'Show' ? 'col-lg-9 p-0' : 'col-lg-12 p-0'
+  }, sectionproperties.showcollectionsfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' col-lg-2 col-md-12 col-sm-12 mb-md-3 '
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: ' d-flex justify-content-start ',
+    style: {
+      color: sectionproperties.form_labelcolor,
+      textTransform: sectionproperties.form_labeltexttransform,
+      fontWeight: sectionproperties.form_labelfontweight,
+      fontSize: sectionproperties.form_labelfontsize + 'px',
+      marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
+    }
+  }, langdetect == 'en' ? sectionproperties.collectionsfilternameen : sectionproperties.collectionsfilternamear), /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
+    options: collectionsarray,
+    getOptionLabel: function getOptionLabel(option) {
+      var crname = '';
+      if (langdetect == 'en') {
+        crname = option.title_en;
+      } else if (langdetect == 'ar') {
+        crname = option.title_ar;
+      }
+      return crname;
+    },
+    getOptionValue: function getOptionValue(option) {
+      return option.collectionid;
+    },
+    autocomplete: "new-password"
+    // value={fetchTabexCountriesQueryContext.data.data.countries.filter((option) => option.id == props?.payloadobj?.countryid)}
+    ,
+    onChange: function onChange(option) {
+      var temp = payloadobj;
+      temp.collections = [];
+      temp.collections.push(option.collectionid);
+      setpayloadobj(_objectSpread$15({}, temp));
+    },
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    isSearchable: true,
+    placeholder: ''
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showpricerange == 'Show' && sectionproperties.showpricerange == 'Show' ? 'col-lg-8 p-0' : sectionproperties.showpricerange == 'Show' ? 'col-lg-9 p-0' : 'col-lg-12 p-0'
   }, /*#__PURE__*/React__default["default"].createElement(CustomerAddressForm
   // customeraddressrequierd={customeraddressrequierd}
   // payloadobj={payloadobj}
@@ -43139,7 +43320,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     fetchTabexStatesQueryContext: fetchTabexStatesQueryContext,
     fetchTabexCitiesQueryContext: fetchTabexCitiesQueryContext
   })), sectionproperties.showpricerange == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-sm-3 '
+    className: sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showpricerange == 'Show' && sectionproperties.showpricerange == 'Show' ? "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-2 col-md-12 col-sm-12 mb-sm-3 ' : "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-sm-3 '
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' mb-3 '
   }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -43159,7 +43340,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       setpricevalue(_objectSpread$15({}, value));
     }
   }))))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 allcentered mt-3"
+    "class": 'col-lg-12 mt-3 p-0 allcentered'
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     "class": sectionstyles.btnstyles + ' allcentered ',
     onClick: function onClick() {
@@ -43186,6 +43367,9 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
           tempfetchproductsfilerobjcontext.cityid = payloadobj.cityid;
         }
       }
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.collections) != null && payloadobj.collections.length != 0) {
+        tempfetchproductsfilerobjcontext.collections = payloadobj.collections;
+      }
       if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.min) != null && (pricevalue === null || pricevalue === void 0 ? void 0 : (_pricevalue$min = pricevalue.min) === null || _pricevalue$min === void 0 ? void 0 : _pricevalue$min.length) != 0) {
         tempfetchproductsfilerobjcontext.price_min = pricevalue.min;
       }