tabexseriescomponents 0.0.331 → 0.0.332

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);
@@ -13327,6 +13328,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 +13346,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 +13934,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);
         }
@@ -42704,7 +42717,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 +42737,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 +42776,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 +42795,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 +42831,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 +42892,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 +42901,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 +42940,6 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       }
     });
     setsectionproperties(_objectSpread$15({}, secpropobj));
-    // alert(JSON.stringify(fetchTabexCountriesQueryContext));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (sectionproperties.length != 0) {
@@ -43086,7 +43120,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 +43139,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 +43154,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 +43210,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 +43230,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 +43257,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;
       }

package/dist/index.esm.js

@@ -129,7 +129,7 @@ import { GoLocation } from '@react-icons/all-files/go/GoLocation';
 import { RiRoadMapLine } from '@react-icons/all-files/ri/RiRoadMapLine';
 import { HiOutlineClock } from '@react-icons/all-files/hi/HiOutlineClock';
 import { AiOutlineLinkedin } from '@react-icons/all-files/ai/AiOutlineLinkedin';
-import 'react-select';
+import Select$5 from 'react-select';
 import ReactPlayer from 'react-player';
 import BackgroundSlideshow from 'react-background-slideshow';
 import _extends from '@babel/runtime/helpers/extends';
@@ -13281,6 +13281,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) {
@@ -13298,6 +13299,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 = [];
@@ -13877,6 +13887,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);
         }
@@ -42658,7 +42670,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
       }
     },
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-    placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
+    placeholder: '',
     isSearchable: true
   })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React.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'
@@ -42678,7 +42690,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
     duration: "1s"
   })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React.createElement(Select, {
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-    placeholder: lang.choosestategov,
+    placeholder: '',
     isSearchable: true
   }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
     options: fetchTabexStatesQueryContext.data.data.states,
@@ -42717,7 +42729,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
       }
     },
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-    placeholder: lang.choosestategov,
+    placeholder: '',
     isSearchable: true
   })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React.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'
@@ -42736,7 +42748,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
     height: "20px",
     duration: "1s"
   })), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React.createElement(Select, {
-    placeholder: lang.choosecity,
+    placeholder: '',
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
     isSearchable: true
   }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
@@ -42772,7 +42784,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.createElement("div", {
     className: 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
@@ -42833,6 +42845,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 = useState({
       countryid: '',
       stateid: '',
@@ -42841,14 +42854,35 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     _useState8 = _slicedToArray(_useState7, 2),
     payloadobj = _useState8[0],
     setpayloadobj = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    collectionsarray = _useState10[0],
+    setcollectionsarray = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2);
+    _useState12[0];
+    _useState12[1];
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  props.actions.fetchcollectionsQueryContext;
   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?
   }, []);
+  useEffect(function () {
+    var _authdetailsContext$i, _authdetailsContext$i2;
+    var temppcollarray = _toConsumableArray(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(temppcollarray));
+  }, [authdetailsContext]);
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -42859,7 +42893,6 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       }
     });
     setsectionproperties(_objectSpread$15({}, secpropobj));
-    // alert(JSON.stringify(fetchTabexCountriesQueryContext));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
     if (sectionproperties.length != 0) {
@@ -43040,7 +43073,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
   }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "wordbreak",
+    "class": "wordbreak text-md-center",
     style: {
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
       color: sectionproperties.sectionTitleColor,
@@ -43059,7 +43092,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       maxWidth: '500px'
     }
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.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',
@@ -43074,8 +43107,45 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.showpricerange == 'Show' ? 'col-lg-9 p-0' : 'col-lg-12 p-0'
+  }, sectionproperties.showcollectionsfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-2 col-md-12 col-sm-12 mb-md-3 '
+  }, /*#__PURE__*/React.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.createElement(Select$5, {
+    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.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.createElement(CustomerAddressForm
   // customeraddressrequierd={customeraddressrequierd}
   // payloadobj={payloadobj}
@@ -43093,7 +43163,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     fetchTabexStatesQueryContext: fetchTabexStatesQueryContext,
     fetchTabexCitiesQueryContext: fetchTabexCitiesQueryContext
   })), sectionproperties.showpricerange == 'Show' && /*#__PURE__*/React.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.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' mb-3 '
   }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React.createElement("div", {
@@ -43113,7 +43183,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       setpricevalue(_objectSpread$15({}, value));
     }
   }))))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 allcentered mt-3"
+    "class": 'col-lg-12 mt-3 p-0 allcentered'
   }, /*#__PURE__*/React.createElement("button", {
     "class": sectionstyles.btnstyles + ' allcentered ',
     onClick: function onClick() {
@@ -43140,6 +43210,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;
       }

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('@babel/runtime/helpers/toConsumableArray'), require('react-textarea-autosize'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('@react-icons/all-files/fi/FiCalendar'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/ai/AiOutlineEye'), require('@react-icons/all-files/ai/AiOutlineEyeInvisible'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-accessible-accordion'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('react-select'), require('react-player'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
     typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', '@babel/runtime/helpers/toConsumableArray', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', '@react-icons/all-files/fi/FiCalendar', 'react-bootstrap/Dropdown', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/ai/AiOutlineEye', '@react-icons/all-files/ai/AiOutlineEyeInvisible', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-accessible-accordion', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', 'react-select', 'react-player', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global._toConsumableArray, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.HiOutlineTrash, global.BiSad, global.FiCalendar, global.Dropdown, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, null, null, global.BsChevronLeft, global.BsChevronRight, null, null, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.reactAccessibleAccordion, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.IoClose, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.AiFillYoutube, global.IoLogoTiktok, global.FaPhoneAlt, global.FaPhone, global.AiOutlinePhone, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, null, global.ReactPlayer, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
-})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, _toConsumableArray, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, BiSad, FiCalendar, Dropdown, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, AiOutlineEye, AiOutlineEyeInvisible, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, reactAccessibleAccordion, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, IoClose, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, AiFillYoutube, IoLogoTiktok, FaPhoneAlt, FaPhone, AiOutlinePhone, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, reactSelect, ReactPlayer, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global._toConsumableArray, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.HiOutlineTrash, global.BiSad, global.FiCalendar, global.Dropdown, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, null, null, global.BsChevronLeft, global.BsChevronRight, null, null, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.reactAccessibleAccordion, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.IoClose, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.AiFillYoutube, global.IoLogoTiktok, global.FaPhoneAlt, global.FaPhone, global.AiOutlinePhone, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.Select$5, global.ReactPlayer, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
+})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, _toConsumableArray, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, BiSad, FiCalendar, Dropdown, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, AiOutlineEye, AiOutlineEyeInvisible, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, reactAccessibleAccordion, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, IoClose, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, AiFillYoutube, IoLogoTiktok, FaPhoneAlt, FaPhone, AiOutlinePhone, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, Select$5, ReactPlayer, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,6 +26,7 @@
     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);
@@ -13168,6 +13169,7 @@
             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) {
@@ -13185,6 +13187,15 @@
                   });
                   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 = [];
@@ -13764,6 +13775,8 @@
               } 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);
             }
@@ -42545,7 +42558,7 @@
           }
         },
         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'
@@ -42565,7 +42578,7 @@
         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,
@@ -42604,7 +42617,7 @@
           }
         },
         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'
@@ -42623,7 +42636,7 @@
         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, {
@@ -42659,7 +42672,7 @@
           }
         },
         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'
@@ -42720,6 +42733,7 @@
       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: '',
@@ -42728,14 +42742,35 @@
         _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) {
@@ -42746,7 +42781,6 @@
           }
         });
         setsectionproperties(_objectSpread$15({}, secpropobj));
-        // alert(JSON.stringify(fetchTabexCountriesQueryContext));
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
         if (sectionproperties.length != 0) {
@@ -42927,7 +42961,7 @@
       }, 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,
@@ -42946,7 +42980,7 @@
           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',
@@ -42961,8 +42995,45 @@
         "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}
@@ -42980,7 +43051,7 @@
         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", {
@@ -43000,7 +43071,7 @@
           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() {
@@ -43027,6 +43098,9 @@
               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;
           }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.331",
+    "version": "0.0.332",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {