tabexseriescomponents 0.0.458 → 0.0.460

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs.js +91 -69
  2. package/dist/index.esm.js +91 -69
  3. package/dist/index.umd.js +91 -69
  4. package/package.json +1 -1
  5. package/srclib1-5.2.zip +0 -0
  6. /package/{src.zip → src1-5.zip} +0 -0
package/dist/index.cjs.js CHANGED
@@ -272,6 +272,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
272
272
  _this.state = {
273
273
  lang: {
274
274
  en: (_en = {
275
+ sortby: 'Sort by',
275
276
  maximum: 'Maximum Quantity',
276
277
  minimum: 'Mimimum Quantity',
277
278
  sendcode: 'Send code',
@@ -347,6 +348,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
347
348
  orsignupwith: 'Or Sign up with'
348
349
  }, _defineProperty__default["default"](_en, "price", 'Price'), _defineProperty__default["default"](_en, "relatedproducts", 'Related products'), _defineProperty__default["default"](_en, "qty", 'QTY'), _defineProperty__default["default"](_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty__default["default"](_en, "shopnow", 'Shop now'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "otherinformation", 'Other information'), _defineProperty__default["default"](_en, "productname", 'Product name'), _defineProperty__default["default"](_en, "quantity", 'Quantity'), _defineProperty__default["default"](_en, "orderid", 'Order ID'), _defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), _defineProperty__default["default"](_en, "checkyourorder", 'Check your order'), _defineProperty__default["default"](_en, "search", 'Search'), _defineProperty__default["default"](_en, "searchproducts", 'Search for products...'), _defineProperty__default["default"](_en, "choosecity", 'Choose city'), _defineProperty__default["default"](_en, "choosestategov", 'Choose state/governorate'), _defineProperty__default["default"](_en, "choosecountry", 'Choose country'), _defineProperty__default["default"](_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty__default["default"](_en, "nosearchresults", 'No search results'), _defineProperty__default["default"](_en, "sale", 'Sale'), _defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty__default["default"](_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty__default["default"](_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty__default["default"](_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty__default["default"](_en, "promocoderemoved", 'Promo code is removed'), _defineProperty__default["default"](_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty__default["default"](_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty__default["default"](_en, "addedtowishlist", 'Added to your favourites'), _defineProperty__default["default"](_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty__default["default"](_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty__default["default"](_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty__default["default"](_en, "subtotal", 'Sub total'), _defineProperty__default["default"](_en, "discount", 'Discount'), _defineProperty__default["default"](_en, "outofzone", 'Out of zone'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "cod", 'Cash on Delivery'), _defineProperty__default["default"](_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty__default["default"](_en, "onlinepayment", 'Online Payment'), _defineProperty__default["default"](_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), _defineProperty__default["default"](_en, "shippingaddress", 'Shipping address'), _defineProperty__default["default"](_en, "cardnumber", 'Card number'), _defineProperty__default["default"](_en, "year", 'Year'), _defineProperty__default["default"](_en, "month", 'Month'), _defineProperty__default["default"](_en, "cvv", 'CVV'), _defineProperty__default["default"](_en, "nameoncard", 'Name On Card'), _defineProperty__default["default"](_en, "country", 'Country'), _defineProperty__default["default"](_en, "addressdetails", 'ِAddress details'), _defineProperty__default["default"](_en, "stategov", 'State/Governorate'), _defineProperty__default["default"](_en, "city", 'City'), _defineProperty__default["default"](_en, "paymentmethod", 'Payment method'), _defineProperty__default["default"](_en, "productimage", 'Product image'), _defineProperty__default["default"](_en, "orderdetails", 'Order details'), _defineProperty__default["default"](_en, "orderinvoice", 'Order invoice'), _defineProperty__default["default"](_en, "promocodediscount", 'Promo code discount'), _defineProperty__default["default"](_en, "address", 'Address'), _defineProperty__default["default"](_en, "update", 'Update'), _defineProperty__default["default"](_en, "phonenumber", 'Mobile number'), _defineProperty__default["default"](_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_en, "name", 'Name'), _defineProperty__default["default"](_en, "email", 'Email'), _defineProperty__default["default"](_en, "password", 'Password'), _defineProperty__default["default"](_en, "confirmpassword", 'Confirm password'), _defineProperty__default["default"](_en, "showmore", 'Show more'), _defineProperty__default["default"](_en, "showless", 'Show less'), _defineProperty__default["default"](_en, "contactdetails", 'Contact Information'), _defineProperty__default["default"](_en, "asaguest", 'As A Guest'), _defineProperty__default["default"](_en, "choosecountryfirst", 'Please choose country first'), _defineProperty__default["default"](_en, "security", 'Security'), _defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), _defineProperty__default["default"](_en, "contactus", 'Contact us'), _defineProperty__default["default"](_en, "slogan", 'Your website & mobile application in one place'), _defineProperty__default["default"](_en, "recent", 'Recent'), _defineProperty__default["default"](_en, "oldest", 'Oldest'), _defineProperty__default["default"](_en, "pricehightolow", 'High to low'), _defineProperty__default["default"](_en, "pricelowtohigh", 'Low to High'), _defineProperty__default["default"](_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _defineProperty__default["default"](_en, "instock", 'In Stock'), _en),
349
350
  ar: (_ar = {
351
+ sortby: 'ترتيب حسب',
350
352
  maximum: 'اقصى كمية',
351
353
  minimum: 'اقل كمية',
352
354
  sendcode: 'إرسل الرمز',
@@ -14084,7 +14086,7 @@ var OrderSuccess = function OrderSuccess(props) {
14084
14086
  }, ReasonFail)));
14085
14087
  };
14086
14088
 
14087
- var css_248z$D = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n /* margin-left: 20px; */\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
14089
+ var css_248z$D = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n /* margin-left: 20px; */\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n/* .timelineinnercont_active .btn_item:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n} */\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n/* .timeline .border_left_line:last-child {\n border-left: 1px solid white;\n} */\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
14088
14090
  var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
14089
14091
  styleInject(css_248z$D);
14090
14092
 
@@ -14526,12 +14528,12 @@ var Filter$1 = function Filter(props) {
14526
14528
  }, parentcollectionitem === null || parentcollectionitem === void 0 || (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
14527
14529
  if (collectionitem.isinftiler == 1) {
14528
14530
  return /*#__PURE__*/React__default["default"].createElement("div", {
14529
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n").concat(collectionitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n") + ' d-flex align-items-start pb-3 ',
14531
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n").concat(collectionitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n") + ' d-flex align-items-center pb-3 ',
14530
14532
  onClick: function onClick() {
14531
14533
  setCollectionFilterFunc(collectionitem.collectionid);
14532
14534
  }
14533
14535
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14534
- className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14536
+ className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
14535
14537
  }, /*#__PURE__*/React__default["default"].createElement("i", {
14536
14538
  className: "h-100 d-flex align-items-center"
14537
14539
  })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14648,22 +14650,24 @@ var Filter$1 = function Filter(props) {
14648
14650
  }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
14649
14651
  className: "p-0"
14650
14652
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14651
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
14653
+ className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
14652
14654
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14653
14655
  className: 'col-lg-12'
14654
14656
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14655
14657
  className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
14656
14658
  }, collectionstobevisible.map(function (item, index) {
14657
14659
  return /*#__PURE__*/React__default["default"].createElement("div", {
14658
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
14660
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 ',
14659
14661
  onClick: function onClick() {
14660
14662
  setCollectionFilterFunc(item.collectionid);
14661
14663
  }
14662
14664
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14663
- className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14665
+ "class": "mr-2"
14666
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14667
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
14664
14668
  }, /*#__PURE__*/React__default["default"].createElement("i", {
14665
14669
  className: "h-100 d-flex align-items-center"
14666
- })), /*#__PURE__*/React__default["default"].createElement("div", {
14670
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
14667
14671
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14668
14672
  }, /*#__PURE__*/React__default["default"].createElement("p", {
14669
14673
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
@@ -14689,9 +14693,9 @@ var Filter$1 = function Filter(props) {
14689
14693
  return /*#__PURE__*/React__default["default"].createElement("div", {
14690
14694
  "class": "row m-0 w-100"
14691
14695
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14692
- "class": "col-lg-12 p-0 mb-3"
14696
+ "class": "col-lg-12 p-0"
14693
14697
  }, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && /*#__PURE__*/React__default["default"].createElement("div", {
14694
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3 w-100"
14698
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex w-100"
14695
14699
  }, fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 || (_fetchProductFeatures = fetchProductFeaturesQueryContext.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.productfeatues) === null || _fetchProductFeatures === void 0 ? void 0 : _fetchProductFeatures.map(function (item, index) {
14696
14700
  // if (item.type == 'Selectbox') {
14697
14701
  // var selectboxarr = [];
@@ -14786,12 +14790,12 @@ var Filter$1 = function Filter(props) {
14786
14790
  }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
14787
14791
  className: "p-0"
14788
14792
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14789
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
14793
+ className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2"
14790
14794
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14791
14795
  className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
14792
14796
  }, item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 ? void 0 : _item$featuresselectb.map(function (slecitem, slecindex) {
14793
14797
  return /*#__PURE__*/React__default["default"].createElement("div", {
14794
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(slecitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
14798
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(slecitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
14795
14799
  onClick: function onClick(e) {
14796
14800
  var isattrexists = false;
14797
14801
  var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
@@ -14812,7 +14816,7 @@ var Filter$1 = function Filter(props) {
14812
14816
  // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
14813
14817
  }
14814
14818
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
14815
- className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14819
+ className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
14816
14820
  }, /*#__PURE__*/React__default["default"].createElement("i", {
14817
14821
  className: "h-100 d-flex align-items-center"
14818
14822
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15133,15 +15137,15 @@ var Filter$1 = function Filter(props) {
15133
15137
  boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
15134
15138
  }),
15135
15139
  btn_item: glamor.css({
15136
- width: '20px',
15137
- height: '20px',
15140
+ width: '15px',
15141
+ height: '15px',
15138
15142
  background: sectionproperties.filteritembtn_bgcolor,
15139
15143
  ':hover': {
15140
15144
  background: sectionproperties.filteritembtn_bghover
15141
15145
  }
15142
15146
  }),
15143
15147
  btn_item_active: glamor.css({
15144
- background: sectionproperties.btn_item_activebgcolor
15148
+ background: sectionproperties.activecat_color
15145
15149
  }),
15146
15150
  timelineinnercont_active: glamor.css({
15147
15151
  fontWeight: sectionproperties.activecat_fontweight,
@@ -15629,7 +15633,7 @@ var Filter$1 = function Filter(props) {
15629
15633
  }
15630
15634
  }
15631
15635
  return /*#__PURE__*/React__default["default"].createElement("div", {
15632
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
15636
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
15633
15637
  onClick: function onClick() {
15634
15638
  var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
15635
15639
  if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
@@ -15642,7 +15646,7 @@ var Filter$1 = function Filter(props) {
15642
15646
  filterrouting(tempfetchproductsfilerobjcontext);
15643
15647
  }
15644
15648
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
15645
- className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
15649
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
15646
15650
  }, /*#__PURE__*/React__default["default"].createElement("i", {
15647
15651
  className: "h-100 d-flex align-items-center"
15648
15652
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15754,7 +15758,7 @@ var Filter$1 = function Filter(props) {
15754
15758
  color: sectionproperties.closeSlider_color
15755
15759
  }
15756
15760
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
15757
- "class": "col-lg-12"
15761
+ "class": "col-lg-12 p-0"
15758
15762
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
15759
15763
  "class": "mt-2 mb-2"
15760
15764
  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15813,7 +15817,7 @@ var Filter$1 = function Filter(props) {
15813
15817
  }
15814
15818
  }
15815
15819
  return /*#__PURE__*/React__default["default"].createElement("div", {
15816
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
15820
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
15817
15821
  onClick: function onClick() {
15818
15822
  // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15819
15823
  var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
@@ -15825,7 +15829,7 @@ var Filter$1 = function Filter(props) {
15825
15829
  setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
15826
15830
  }
15827
15831
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
15828
- className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
15832
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
15829
15833
  }, /*#__PURE__*/React__default["default"].createElement("i", {
15830
15834
  className: "h-100 d-flex align-items-center"
15831
15835
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15838,7 +15842,7 @@ var Filter$1 = function Filter(props) {
15838
15842
  }, valueitem.name)));
15839
15843
  }))))))));
15840
15844
  }), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
15841
- className: "col-lg-12"
15845
+ className: "col-lg-12 p-0"
15842
15846
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
15843
15847
  className: "mt-2 mb-3"
15844
15848
  })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15953,7 +15957,7 @@ var Filter$1 = function Filter(props) {
15953
15957
  textTransform: sectionproperties.filter_titletextransform
15954
15958
  }
15955
15959
  }, langdetect == 'en' ? 'Filter & Sort' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
15956
- "class": "col-lg-12"
15960
+ "class": "col-lg-12 p-0"
15957
15961
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
15958
15962
  "class": "mt-2 mb-2"
15959
15963
  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15964,42 +15968,44 @@ var Filter$1 = function Filter(props) {
15964
15968
  }
15965
15969
  }, /*#__PURE__*/React__default["default"].createElement("div", {
15966
15970
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
15967
- }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
15968
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
15969
- allowMultipleExpanded: true,
15970
- allowZeroExpanded: true,
15971
- preExpanded: [0, 1, 2, 3],
15972
- style: {
15973
- width: '100%'
15974
- }
15975
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
15976
- uuid: index
15977
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
15978
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15979
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15980
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
15981
- }, /*#__PURE__*/React__default["default"].createElement("p", {
15982
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
15983
- }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
15984
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
15985
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
15986
- if (state.expanded == true) {
15987
- return /*#__PURE__*/React__default["default"].createElement("i", {
15988
- className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15989
- }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
15990
- } else {
15991
- return /*#__PURE__*/React__default["default"].createElement("i", {
15992
- className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15993
- }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
15994
- }
15995
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
15996
- className: "p-0"
15997
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15998
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
15999
- }, /*#__PURE__*/React__default["default"].createElement("div", {
16000
- className: 'col-lg-12'
16001
- }, /*#__PURE__*/React__default["default"].createElement("div", {
16002
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15971
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
15972
+ allowMultipleExpanded: true,
15973
+ allowZeroExpanded: true,
15974
+ preExpanded: [0, 1, 2, 3],
15975
+ style: {
15976
+ width: '100%'
15977
+ }
15978
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
15979
+ uuid: 0
15980
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
15981
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15982
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15983
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
15984
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
15985
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
15986
+ }, lang.sortby)), /*#__PURE__*/React__default["default"].createElement("div", {
15987
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
15988
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
15989
+ if (state.expanded == true) {
15990
+ return /*#__PURE__*/React__default["default"].createElement("i", {
15991
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15992
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
15993
+ } else {
15994
+ return /*#__PURE__*/React__default["default"].createElement("i", {
15995
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15996
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
15997
+ }
15998
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
15999
+ className: "p-0"
16000
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16001
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
16002
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16003
+ className: 'col-lg-12'
16004
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16005
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
16006
+ }, otherfilters.map(function (item, index) {
16007
+ return /*#__PURE__*/React__default["default"].createElement("div", {
16008
+ "class": "w-100 px-3"
16003
16009
  }, item.filterarray.map(function (valueitem, valueindex) {
16004
16010
  var ischecked = false;
16005
16011
  if (item.payloadvalue == 'sortprice') {
@@ -16012,22 +16018,24 @@ var Filter$1 = function Filter(props) {
16012
16018
  }
16013
16019
  }
16014
16020
  return /*#__PURE__*/React__default["default"].createElement("div", {
16015
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
16021
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 ',
16016
16022
  onClick: function onClick() {
16017
- // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
16018
16023
  var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
16019
16024
  if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
16020
16025
  tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
16021
16026
  } else {
16022
16027
  tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
16023
16028
  }
16029
+ tempfetchproductsfilerobjcontext.page = 0;
16024
16030
  setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
16031
+ filterrouting(tempfetchproductsfilerobjcontext);
16032
+ setsortbycontext(valueitem.name);
16025
16033
  }
16026
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
16027
- className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
16034
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
16035
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
16028
16036
  }, /*#__PURE__*/React__default["default"].createElement("i", {
16029
16037
  className: "h-100 d-flex align-items-center"
16030
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
16038
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
16031
16039
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
16032
16040
  }, /*#__PURE__*/React__default["default"].createElement("p", {
16033
16041
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
@@ -16035,9 +16043,9 @@ var Filter$1 = function Filter(props) {
16035
16043
  color: ischecked ? sectionproperties.activecat_color : ''
16036
16044
  }
16037
16045
  }, valueitem.name)));
16038
- }))))))));
16039
- }), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16040
- className: "col-lg-12"
16046
+ }));
16047
+ }))))))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16048
+ className: "col-lg-12 p-0"
16041
16049
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
16042
16050
  className: "mt-2 mb-3"
16043
16051
  })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -16046,9 +16054,23 @@ var Filter$1 = function Filter(props) {
16046
16054
  "class": "row m-0 w-100"
16047
16055
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16048
16056
  "class": "row m-0 w-100"
16049
- }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16057
+ }, CollectionsFilter(), /*#__PURE__*/React__default["default"].createElement("div", {
16058
+ className: "col-lg-12 p-0"
16059
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
16060
+ className: "mt-2 mb-3"
16061
+ }))), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16062
+ "class": "row m-0 w-100"
16063
+ }, DynamicFilter(), /*#__PURE__*/React__default["default"].createElement("div", {
16064
+ className: "col-lg-12 p-0"
16065
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
16066
+ className: "mt-2 mb-3"
16067
+ }))), sectionproperties.showvariantsfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16050
16068
  "class": "row m-0 w-100"
16051
- }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))))))));
16069
+ }, InstFilters(), /*#__PURE__*/React__default["default"].createElement("div", {
16070
+ className: "col-lg-12 p-0"
16071
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
16072
+ className: "mt-2 mb-3"
16073
+ })))))))))));
16052
16074
  };
16053
16075
 
16054
16076
  function ownKeys$28(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -17275,7 +17297,7 @@ var CardsSection = function CardsSection(props) {
17275
17297
  }
17276
17298
  }, langdetect == 'en' ? sectionproperties.filterbtntexten : sectionproperties.filterbtntextar), sectionproperties.filterbtniconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
17277
17299
  "class": "h-100 d-flex align-items-center justify-content-center"
17278
- }, /*#__PURE__*/React__default["default"].createElement(BsSliders, {
17300
+ }, /*#__PURE__*/React__default["default"].createElement(FiFilter.FiFilter, {
17279
17301
  style: {
17280
17302
  fontSize: sectionproperties.filterbtniconfontsize
17281
17303
  }
package/dist/index.esm.js CHANGED
@@ -223,6 +223,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
223
223
  _this.state = {
224
224
  lang: {
225
225
  en: (_en = {
226
+ sortby: 'Sort by',
226
227
  maximum: 'Maximum Quantity',
227
228
  minimum: 'Mimimum Quantity',
228
229
  sendcode: 'Send code',
@@ -298,6 +299,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
298
299
  orsignupwith: 'Or Sign up with'
299
300
  }, _defineProperty(_en, "price", 'Price'), _defineProperty(_en, "relatedproducts", 'Related products'), _defineProperty(_en, "qty", 'QTY'), _defineProperty(_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty(_en, "shopnow", 'Shop now'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "otherinformation", 'Other information'), _defineProperty(_en, "productname", 'Product name'), _defineProperty(_en, "quantity", 'Quantity'), _defineProperty(_en, "orderid", 'Order ID'), _defineProperty(_en, "numberofproducts", 'Number of products'), _defineProperty(_en, "checkyourorder", 'Check your order'), _defineProperty(_en, "search", 'Search'), _defineProperty(_en, "searchproducts", 'Search for products...'), _defineProperty(_en, "choosecity", 'Choose city'), _defineProperty(_en, "choosestategov", 'Choose state/governorate'), _defineProperty(_en, "choosecountry", 'Choose country'), _defineProperty(_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty(_en, "nosearchresults", 'No search results'), _defineProperty(_en, "sale", 'Sale'), _defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty(_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty(_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty(_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty(_en, "promocoderemoved", 'Promo code is removed'), _defineProperty(_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty(_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty(_en, "addedtowishlist", 'Added to your favourites'), _defineProperty(_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty(_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty(_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty(_en, "subtotal", 'Sub total'), _defineProperty(_en, "discount", 'Discount'), _defineProperty(_en, "outofzone", 'Out of zone'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As A Guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _defineProperty(_en, "recent", 'Recent'), _defineProperty(_en, "oldest", 'Oldest'), _defineProperty(_en, "pricehightolow", 'High to low'), _defineProperty(_en, "pricelowtohigh", 'Low to High'), _defineProperty(_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _defineProperty(_en, "instock", 'In Stock'), _en),
300
301
  ar: (_ar = {
302
+ sortby: 'ترتيب حسب',
301
303
  maximum: 'اقصى كمية',
302
304
  minimum: 'اقل كمية',
303
305
  sendcode: 'إرسل الرمز',
@@ -14035,7 +14037,7 @@ var OrderSuccess = function OrderSuccess(props) {
14035
14037
  }, ReasonFail)));
14036
14038
  };
14037
14039
 
14038
- var css_248z$D = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n /* margin-left: 20px; */\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
14040
+ var css_248z$D = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n /* margin-left: 20px; */\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n/* .timelineinnercont_active .btn_item:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n} */\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n/* .timeline .border_left_line:last-child {\n border-left: 1px solid white;\n} */\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
14039
14041
  var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
14040
14042
  styleInject(css_248z$D);
14041
14043
 
@@ -14477,12 +14479,12 @@ var Filter$1 = function Filter(props) {
14477
14479
  }, parentcollectionitem === null || parentcollectionitem === void 0 || (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
14478
14480
  if (collectionitem.isinftiler == 1) {
14479
14481
  return /*#__PURE__*/React.createElement("div", {
14480
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n").concat(collectionitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n") + ' d-flex align-items-start pb-3 ',
14482
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n").concat(collectionitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n") + ' d-flex align-items-center pb-3 ',
14481
14483
  onClick: function onClick() {
14482
14484
  setCollectionFilterFunc(collectionitem.collectionid);
14483
14485
  }
14484
14486
  }, /*#__PURE__*/React.createElement("div", {
14485
- className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14487
+ className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
14486
14488
  }, /*#__PURE__*/React.createElement("i", {
14487
14489
  className: "h-100 d-flex align-items-center"
14488
14490
  })), /*#__PURE__*/React.createElement("div", {
@@ -14599,22 +14601,24 @@ var Filter$1 = function Filter(props) {
14599
14601
  }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
14600
14602
  className: "p-0"
14601
14603
  }, /*#__PURE__*/React.createElement("div", {
14602
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
14604
+ className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
14603
14605
  }, /*#__PURE__*/React.createElement("div", {
14604
14606
  className: 'col-lg-12'
14605
14607
  }, /*#__PURE__*/React.createElement("div", {
14606
14608
  className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
14607
14609
  }, collectionstobevisible.map(function (item, index) {
14608
14610
  return /*#__PURE__*/React.createElement("div", {
14609
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
14611
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 ',
14610
14612
  onClick: function onClick() {
14611
14613
  setCollectionFilterFunc(item.collectionid);
14612
14614
  }
14613
14615
  }, /*#__PURE__*/React.createElement("div", {
14614
- className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14616
+ "class": "mr-2"
14617
+ }, /*#__PURE__*/React.createElement("div", {
14618
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
14615
14619
  }, /*#__PURE__*/React.createElement("i", {
14616
14620
  className: "h-100 d-flex align-items-center"
14617
- })), /*#__PURE__*/React.createElement("div", {
14621
+ }))), /*#__PURE__*/React.createElement("div", {
14618
14622
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14619
14623
  }, /*#__PURE__*/React.createElement("p", {
14620
14624
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
@@ -14640,9 +14644,9 @@ var Filter$1 = function Filter(props) {
14640
14644
  return /*#__PURE__*/React.createElement("div", {
14641
14645
  "class": "row m-0 w-100"
14642
14646
  }, /*#__PURE__*/React.createElement("div", {
14643
- "class": "col-lg-12 p-0 mb-3"
14647
+ "class": "col-lg-12 p-0"
14644
14648
  }, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && /*#__PURE__*/React.createElement("div", {
14645
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3 w-100"
14649
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex w-100"
14646
14650
  }, fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 || (_fetchProductFeatures = fetchProductFeaturesQueryContext.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.productfeatues) === null || _fetchProductFeatures === void 0 ? void 0 : _fetchProductFeatures.map(function (item, index) {
14647
14651
  // if (item.type == 'Selectbox') {
14648
14652
  // var selectboxarr = [];
@@ -14737,12 +14741,12 @@ var Filter$1 = function Filter(props) {
14737
14741
  }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
14738
14742
  className: "p-0"
14739
14743
  }, /*#__PURE__*/React.createElement("div", {
14740
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
14744
+ className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2"
14741
14745
  }, /*#__PURE__*/React.createElement("div", {
14742
14746
  className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
14743
14747
  }, item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 ? void 0 : _item$featuresselectb.map(function (slecitem, slecindex) {
14744
14748
  return /*#__PURE__*/React.createElement("div", {
14745
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(slecitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
14749
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(slecitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
14746
14750
  onClick: function onClick(e) {
14747
14751
  var isattrexists = false;
14748
14752
  var tempproductfeatuesarr = _toConsumableArray(productfeatuesarr);
@@ -14763,7 +14767,7 @@ var Filter$1 = function Filter(props) {
14763
14767
  // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
14764
14768
  }
14765
14769
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
14766
- className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14770
+ className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
14767
14771
  }, /*#__PURE__*/React.createElement("i", {
14768
14772
  className: "h-100 d-flex align-items-center"
14769
14773
  }))), /*#__PURE__*/React.createElement("div", {
@@ -15084,15 +15088,15 @@ var Filter$1 = function Filter(props) {
15084
15088
  boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
15085
15089
  }),
15086
15090
  btn_item: css({
15087
- width: '20px',
15088
- height: '20px',
15091
+ width: '15px',
15092
+ height: '15px',
15089
15093
  background: sectionproperties.filteritembtn_bgcolor,
15090
15094
  ':hover': {
15091
15095
  background: sectionproperties.filteritembtn_bghover
15092
15096
  }
15093
15097
  }),
15094
15098
  btn_item_active: css({
15095
- background: sectionproperties.btn_item_activebgcolor
15099
+ background: sectionproperties.activecat_color
15096
15100
  }),
15097
15101
  timelineinnercont_active: css({
15098
15102
  fontWeight: sectionproperties.activecat_fontweight,
@@ -15580,7 +15584,7 @@ var Filter$1 = function Filter(props) {
15580
15584
  }
15581
15585
  }
15582
15586
  return /*#__PURE__*/React.createElement("div", {
15583
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
15587
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
15584
15588
  onClick: function onClick() {
15585
15589
  var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
15586
15590
  if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
@@ -15593,7 +15597,7 @@ var Filter$1 = function Filter(props) {
15593
15597
  filterrouting(tempfetchproductsfilerobjcontext);
15594
15598
  }
15595
15599
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
15596
- className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
15600
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
15597
15601
  }, /*#__PURE__*/React.createElement("i", {
15598
15602
  className: "h-100 d-flex align-items-center"
15599
15603
  }))), /*#__PURE__*/React.createElement("div", {
@@ -15705,7 +15709,7 @@ var Filter$1 = function Filter(props) {
15705
15709
  color: sectionproperties.closeSlider_color
15706
15710
  }
15707
15711
  })))), /*#__PURE__*/React.createElement("div", {
15708
- "class": "col-lg-12"
15712
+ "class": "col-lg-12 p-0"
15709
15713
  }, /*#__PURE__*/React.createElement("hr", {
15710
15714
  "class": "mt-2 mb-2"
15711
15715
  }))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, /*#__PURE__*/React.createElement("div", {
@@ -15764,7 +15768,7 @@ var Filter$1 = function Filter(props) {
15764
15768
  }
15765
15769
  }
15766
15770
  return /*#__PURE__*/React.createElement("div", {
15767
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
15771
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
15768
15772
  onClick: function onClick() {
15769
15773
  // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15770
15774
  var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
@@ -15776,7 +15780,7 @@ var Filter$1 = function Filter(props) {
15776
15780
  setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
15777
15781
  }
15778
15782
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
15779
- className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
15783
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
15780
15784
  }, /*#__PURE__*/React.createElement("i", {
15781
15785
  className: "h-100 d-flex align-items-center"
15782
15786
  }))), /*#__PURE__*/React.createElement("div", {
@@ -15789,7 +15793,7 @@ var Filter$1 = function Filter(props) {
15789
15793
  }, valueitem.name)));
15790
15794
  }))))))));
15791
15795
  }), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
15792
- className: "col-lg-12"
15796
+ className: "col-lg-12 p-0"
15793
15797
  }, /*#__PURE__*/React.createElement("hr", {
15794
15798
  className: "mt-2 mb-3"
15795
15799
  })), /*#__PURE__*/React.createElement("div", {
@@ -15904,7 +15908,7 @@ var Filter$1 = function Filter(props) {
15904
15908
  textTransform: sectionproperties.filter_titletextransform
15905
15909
  }
15906
15910
  }, langdetect == 'en' ? 'Filter & Sort' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
15907
- "class": "col-lg-12"
15911
+ "class": "col-lg-12 p-0"
15908
15912
  }, /*#__PURE__*/React.createElement("hr", {
15909
15913
  "class": "mt-2 mb-2"
15910
15914
  }))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, /*#__PURE__*/React.createElement("div", {
@@ -15915,42 +15919,44 @@ var Filter$1 = function Filter(props) {
15915
15919
  }
15916
15920
  }, /*#__PURE__*/React.createElement("div", {
15917
15921
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
15918
- }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
15919
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, {
15920
- allowMultipleExpanded: true,
15921
- allowZeroExpanded: true,
15922
- preExpanded: [0, 1, 2, 3],
15923
- style: {
15924
- width: '100%'
15925
- }
15926
- }, /*#__PURE__*/React.createElement(AccordionItem, {
15927
- uuid: index
15928
- }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
15929
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15930
- }, /*#__PURE__*/React.createElement("div", {
15931
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
15932
- }, /*#__PURE__*/React.createElement("p", {
15933
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
15934
- }, item.name)), /*#__PURE__*/React.createElement("div", {
15935
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
15936
- }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
15937
- if (state.expanded == true) {
15938
- return /*#__PURE__*/React.createElement("i", {
15939
- className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15940
- }, /*#__PURE__*/React.createElement(FiChevronUp, null));
15941
- } else {
15942
- return /*#__PURE__*/React.createElement("i", {
15943
- className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15944
- }, /*#__PURE__*/React.createElement(FiChevronDown, null));
15945
- }
15946
- }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
15947
- className: "p-0"
15948
- }, /*#__PURE__*/React.createElement("div", {
15949
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
15950
- }, /*#__PURE__*/React.createElement("div", {
15951
- className: 'col-lg-12'
15952
- }, /*#__PURE__*/React.createElement("div", {
15953
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15922
+ }, /*#__PURE__*/React.createElement(Accordion, {
15923
+ allowMultipleExpanded: true,
15924
+ allowZeroExpanded: true,
15925
+ preExpanded: [0, 1, 2, 3],
15926
+ style: {
15927
+ width: '100%'
15928
+ }
15929
+ }, /*#__PURE__*/React.createElement(AccordionItem, {
15930
+ uuid: 0
15931
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
15932
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15933
+ }, /*#__PURE__*/React.createElement("div", {
15934
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
15935
+ }, /*#__PURE__*/React.createElement("p", {
15936
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
15937
+ }, lang.sortby)), /*#__PURE__*/React.createElement("div", {
15938
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
15939
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
15940
+ if (state.expanded == true) {
15941
+ return /*#__PURE__*/React.createElement("i", {
15942
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15943
+ }, /*#__PURE__*/React.createElement(FiChevronUp, null));
15944
+ } else {
15945
+ return /*#__PURE__*/React.createElement("i", {
15946
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15947
+ }, /*#__PURE__*/React.createElement(FiChevronDown, null));
15948
+ }
15949
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
15950
+ className: "p-0"
15951
+ }, /*#__PURE__*/React.createElement("div", {
15952
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
15953
+ }, /*#__PURE__*/React.createElement("div", {
15954
+ className: 'col-lg-12'
15955
+ }, /*#__PURE__*/React.createElement("div", {
15956
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15957
+ }, otherfilters.map(function (item, index) {
15958
+ return /*#__PURE__*/React.createElement("div", {
15959
+ "class": "w-100 px-3"
15954
15960
  }, item.filterarray.map(function (valueitem, valueindex) {
15955
15961
  var ischecked = false;
15956
15962
  if (item.payloadvalue == 'sortprice') {
@@ -15963,22 +15969,24 @@ var Filter$1 = function Filter(props) {
15963
15969
  }
15964
15970
  }
15965
15971
  return /*#__PURE__*/React.createElement("div", {
15966
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
15972
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 ',
15967
15973
  onClick: function onClick() {
15968
- // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15969
15974
  var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
15970
15975
  if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
15971
15976
  tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
15972
15977
  } else {
15973
15978
  tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
15974
15979
  }
15980
+ tempfetchproductsfilerobjcontext.page = 0;
15975
15981
  setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
15982
+ filterrouting(tempfetchproductsfilerobjcontext);
15983
+ setsortbycontext(valueitem.name);
15976
15984
  }
15977
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
15978
- className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
15985
+ }, /*#__PURE__*/React.createElement("div", {
15986
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
15979
15987
  }, /*#__PURE__*/React.createElement("i", {
15980
15988
  className: "h-100 d-flex align-items-center"
15981
- }))), /*#__PURE__*/React.createElement("div", {
15989
+ })), /*#__PURE__*/React.createElement("div", {
15982
15990
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
15983
15991
  }, /*#__PURE__*/React.createElement("p", {
15984
15992
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
@@ -15986,9 +15994,9 @@ var Filter$1 = function Filter(props) {
15986
15994
  color: ischecked ? sectionproperties.activecat_color : ''
15987
15995
  }
15988
15996
  }, valueitem.name)));
15989
- }))))))));
15990
- }), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
15991
- className: "col-lg-12"
15997
+ }));
15998
+ }))))))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
15999
+ className: "col-lg-12 p-0"
15992
16000
  }, /*#__PURE__*/React.createElement("hr", {
15993
16001
  className: "mt-2 mb-3"
15994
16002
  })), /*#__PURE__*/React.createElement("div", {
@@ -15997,9 +16005,23 @@ var Filter$1 = function Filter(props) {
15997
16005
  "class": "row m-0 w-100"
15998
16006
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
15999
16007
  "class": "row m-0 w-100"
16000
- }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
16008
+ }, CollectionsFilter(), /*#__PURE__*/React.createElement("div", {
16009
+ className: "col-lg-12 p-0"
16010
+ }, /*#__PURE__*/React.createElement("hr", {
16011
+ className: "mt-2 mb-3"
16012
+ }))), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
16013
+ "class": "row m-0 w-100"
16014
+ }, DynamicFilter(), /*#__PURE__*/React.createElement("div", {
16015
+ className: "col-lg-12 p-0"
16016
+ }, /*#__PURE__*/React.createElement("hr", {
16017
+ className: "mt-2 mb-3"
16018
+ }))), sectionproperties.showvariantsfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
16001
16019
  "class": "row m-0 w-100"
16002
- }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))))))));
16020
+ }, InstFilters(), /*#__PURE__*/React.createElement("div", {
16021
+ className: "col-lg-12 p-0"
16022
+ }, /*#__PURE__*/React.createElement("hr", {
16023
+ className: "mt-2 mb-3"
16024
+ })))))))))));
16003
16025
  };
16004
16026
 
16005
16027
  function ownKeys$28(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -17226,7 +17248,7 @@ var CardsSection = function CardsSection(props) {
17226
17248
  }
17227
17249
  }, langdetect == 'en' ? sectionproperties.filterbtntexten : sectionproperties.filterbtntextar), sectionproperties.filterbtniconfontsize != 0 && /*#__PURE__*/React.createElement("i", {
17228
17250
  "class": "h-100 d-flex align-items-center justify-content-center"
17229
- }, /*#__PURE__*/React.createElement(BsSliders, {
17251
+ }, /*#__PURE__*/React.createElement(FiFilter, {
17230
17252
  style: {
17231
17253
  fontSize: sectionproperties.filterbtniconfontsize
17232
17254
  }
package/dist/index.umd.js CHANGED
@@ -99,6 +99,7 @@
99
99
  _this.state = {
100
100
  lang: {
101
101
  en: (_en = {
102
+ sortby: 'Sort by',
102
103
  maximum: 'Maximum Quantity',
103
104
  minimum: 'Mimimum Quantity',
104
105
  sendcode: 'Send code',
@@ -174,6 +175,7 @@
174
175
  orsignupwith: 'Or Sign up with'
175
176
  }, _defineProperty__default["default"](_en, "price", 'Price'), _defineProperty__default["default"](_en, "relatedproducts", 'Related products'), _defineProperty__default["default"](_en, "qty", 'QTY'), _defineProperty__default["default"](_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty__default["default"](_en, "shopnow", 'Shop now'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "otherinformation", 'Other information'), _defineProperty__default["default"](_en, "productname", 'Product name'), _defineProperty__default["default"](_en, "quantity", 'Quantity'), _defineProperty__default["default"](_en, "orderid", 'Order ID'), _defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), _defineProperty__default["default"](_en, "checkyourorder", 'Check your order'), _defineProperty__default["default"](_en, "search", 'Search'), _defineProperty__default["default"](_en, "searchproducts", 'Search for products...'), _defineProperty__default["default"](_en, "choosecity", 'Choose city'), _defineProperty__default["default"](_en, "choosestategov", 'Choose state/governorate'), _defineProperty__default["default"](_en, "choosecountry", 'Choose country'), _defineProperty__default["default"](_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty__default["default"](_en, "nosearchresults", 'No search results'), _defineProperty__default["default"](_en, "sale", 'Sale'), _defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty__default["default"](_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty__default["default"](_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty__default["default"](_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty__default["default"](_en, "promocoderemoved", 'Promo code is removed'), _defineProperty__default["default"](_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty__default["default"](_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty__default["default"](_en, "addedtowishlist", 'Added to your favourites'), _defineProperty__default["default"](_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty__default["default"](_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty__default["default"](_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty__default["default"](_en, "subtotal", 'Sub total'), _defineProperty__default["default"](_en, "discount", 'Discount'), _defineProperty__default["default"](_en, "outofzone", 'Out of zone'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "cod", 'Cash on Delivery'), _defineProperty__default["default"](_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty__default["default"](_en, "onlinepayment", 'Online Payment'), _defineProperty__default["default"](_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), _defineProperty__default["default"](_en, "shippingaddress", 'Shipping address'), _defineProperty__default["default"](_en, "cardnumber", 'Card number'), _defineProperty__default["default"](_en, "year", 'Year'), _defineProperty__default["default"](_en, "month", 'Month'), _defineProperty__default["default"](_en, "cvv", 'CVV'), _defineProperty__default["default"](_en, "nameoncard", 'Name On Card'), _defineProperty__default["default"](_en, "country", 'Country'), _defineProperty__default["default"](_en, "addressdetails", 'ِAddress details'), _defineProperty__default["default"](_en, "stategov", 'State/Governorate'), _defineProperty__default["default"](_en, "city", 'City'), _defineProperty__default["default"](_en, "paymentmethod", 'Payment method'), _defineProperty__default["default"](_en, "productimage", 'Product image'), _defineProperty__default["default"](_en, "orderdetails", 'Order details'), _defineProperty__default["default"](_en, "orderinvoice", 'Order invoice'), _defineProperty__default["default"](_en, "promocodediscount", 'Promo code discount'), _defineProperty__default["default"](_en, "address", 'Address'), _defineProperty__default["default"](_en, "update", 'Update'), _defineProperty__default["default"](_en, "phonenumber", 'Mobile number'), _defineProperty__default["default"](_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_en, "name", 'Name'), _defineProperty__default["default"](_en, "email", 'Email'), _defineProperty__default["default"](_en, "password", 'Password'), _defineProperty__default["default"](_en, "confirmpassword", 'Confirm password'), _defineProperty__default["default"](_en, "showmore", 'Show more'), _defineProperty__default["default"](_en, "showless", 'Show less'), _defineProperty__default["default"](_en, "contactdetails", 'Contact Information'), _defineProperty__default["default"](_en, "asaguest", 'As A Guest'), _defineProperty__default["default"](_en, "choosecountryfirst", 'Please choose country first'), _defineProperty__default["default"](_en, "security", 'Security'), _defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), _defineProperty__default["default"](_en, "contactus", 'Contact us'), _defineProperty__default["default"](_en, "slogan", 'Your website & mobile application in one place'), _defineProperty__default["default"](_en, "recent", 'Recent'), _defineProperty__default["default"](_en, "oldest", 'Oldest'), _defineProperty__default["default"](_en, "pricehightolow", 'High to low'), _defineProperty__default["default"](_en, "pricelowtohigh", 'Low to High'), _defineProperty__default["default"](_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _defineProperty__default["default"](_en, "instock", 'In Stock'), _en),
176
177
  ar: (_ar = {
178
+ sortby: 'ترتيب حسب',
177
179
  maximum: 'اقصى كمية',
178
180
  minimum: 'اقل كمية',
179
181
  sendcode: 'إرسل الرمز',
@@ -13911,7 +13913,7 @@
13911
13913
  }, ReasonFail)));
13912
13914
  };
13913
13915
 
13914
- var css_248z$D = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n /* margin-left: 20px; */\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
13916
+ var css_248z$D = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n /* margin-left: 20px; */\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n/* .timelineinnercont_active .btn_item:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n} */\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n/* .timeline .border_left_line:last-child {\n border-left: 1px solid white;\n} */\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
13915
13917
  var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
13916
13918
  styleInject(css_248z$D);
13917
13919
 
@@ -14353,12 +14355,12 @@
14353
14355
  }, parentcollectionitem === null || parentcollectionitem === void 0 || (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
14354
14356
  if (collectionitem.isinftiler == 1) {
14355
14357
  return /*#__PURE__*/React__default["default"].createElement("div", {
14356
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n").concat(collectionitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n") + ' d-flex align-items-start pb-3 ',
14358
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n").concat(collectionitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n") + ' d-flex align-items-center pb-3 ',
14357
14359
  onClick: function onClick() {
14358
14360
  setCollectionFilterFunc(collectionitem.collectionid);
14359
14361
  }
14360
14362
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14361
- className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14363
+ className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
14362
14364
  }, /*#__PURE__*/React__default["default"].createElement("i", {
14363
14365
  className: "h-100 d-flex align-items-center"
14364
14366
  })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14475,22 +14477,24 @@
14475
14477
  }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
14476
14478
  className: "p-0"
14477
14479
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14478
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
14480
+ className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
14479
14481
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14480
14482
  className: 'col-lg-12'
14481
14483
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14482
14484
  className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
14483
14485
  }, collectionstobevisible.map(function (item, index) {
14484
14486
  return /*#__PURE__*/React__default["default"].createElement("div", {
14485
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
14487
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 ',
14486
14488
  onClick: function onClick() {
14487
14489
  setCollectionFilterFunc(item.collectionid);
14488
14490
  }
14489
14491
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14490
- className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14492
+ "class": "mr-2"
14493
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14494
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
14491
14495
  }, /*#__PURE__*/React__default["default"].createElement("i", {
14492
14496
  className: "h-100 d-flex align-items-center"
14493
- })), /*#__PURE__*/React__default["default"].createElement("div", {
14497
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
14494
14498
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
14495
14499
  }, /*#__PURE__*/React__default["default"].createElement("p", {
14496
14500
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
@@ -14516,9 +14520,9 @@
14516
14520
  return /*#__PURE__*/React__default["default"].createElement("div", {
14517
14521
  "class": "row m-0 w-100"
14518
14522
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14519
- "class": "col-lg-12 p-0 mb-3"
14523
+ "class": "col-lg-12 p-0"
14520
14524
  }, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && /*#__PURE__*/React__default["default"].createElement("div", {
14521
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3 w-100"
14525
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex w-100"
14522
14526
  }, fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 || (_fetchProductFeatures = fetchProductFeaturesQueryContext.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.productfeatues) === null || _fetchProductFeatures === void 0 ? void 0 : _fetchProductFeatures.map(function (item, index) {
14523
14527
  // if (item.type == 'Selectbox') {
14524
14528
  // var selectboxarr = [];
@@ -14613,12 +14617,12 @@
14613
14617
  }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
14614
14618
  className: "p-0"
14615
14619
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14616
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
14620
+ className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2"
14617
14621
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14618
14622
  className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
14619
14623
  }, item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 ? void 0 : _item$featuresselectb.map(function (slecitem, slecindex) {
14620
14624
  return /*#__PURE__*/React__default["default"].createElement("div", {
14621
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(slecitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
14625
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(slecitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
14622
14626
  onClick: function onClick(e) {
14623
14627
  var isattrexists = false;
14624
14628
  var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
@@ -14639,7 +14643,7 @@
14639
14643
  // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
14640
14644
  }
14641
14645
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
14642
- className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
14646
+ className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
14643
14647
  }, /*#__PURE__*/React__default["default"].createElement("i", {
14644
14648
  className: "h-100 d-flex align-items-center"
14645
14649
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14960,15 +14964,15 @@
14960
14964
  boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
14961
14965
  }),
14962
14966
  btn_item: glamor.css({
14963
- width: '20px',
14964
- height: '20px',
14967
+ width: '15px',
14968
+ height: '15px',
14965
14969
  background: sectionproperties.filteritembtn_bgcolor,
14966
14970
  ':hover': {
14967
14971
  background: sectionproperties.filteritembtn_bghover
14968
14972
  }
14969
14973
  }),
14970
14974
  btn_item_active: glamor.css({
14971
- background: sectionproperties.btn_item_activebgcolor
14975
+ background: sectionproperties.activecat_color
14972
14976
  }),
14973
14977
  timelineinnercont_active: glamor.css({
14974
14978
  fontWeight: sectionproperties.activecat_fontweight,
@@ -15456,7 +15460,7 @@
15456
15460
  }
15457
15461
  }
15458
15462
  return /*#__PURE__*/React__default["default"].createElement("div", {
15459
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
15463
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
15460
15464
  onClick: function onClick() {
15461
15465
  var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
15462
15466
  if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
@@ -15469,7 +15473,7 @@
15469
15473
  filterrouting(tempfetchproductsfilerobjcontext);
15470
15474
  }
15471
15475
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
15472
- className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
15476
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
15473
15477
  }, /*#__PURE__*/React__default["default"].createElement("i", {
15474
15478
  className: "h-100 d-flex align-items-center"
15475
15479
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15581,7 +15585,7 @@
15581
15585
  color: sectionproperties.closeSlider_color
15582
15586
  }
15583
15587
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
15584
- "class": "col-lg-12"
15588
+ "class": "col-lg-12 p-0"
15585
15589
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
15586
15590
  "class": "mt-2 mb-2"
15587
15591
  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15640,7 +15644,7 @@
15640
15644
  }
15641
15645
  }
15642
15646
  return /*#__PURE__*/React__default["default"].createElement("div", {
15643
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
15647
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-center pb-3 ',
15644
15648
  onClick: function onClick() {
15645
15649
  // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15646
15650
  var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
@@ -15652,7 +15656,7 @@
15652
15656
  setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
15653
15657
  }
15654
15658
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
15655
- className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
15659
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
15656
15660
  }, /*#__PURE__*/React__default["default"].createElement("i", {
15657
15661
  className: "h-100 d-flex align-items-center"
15658
15662
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15665,7 +15669,7 @@
15665
15669
  }, valueitem.name)));
15666
15670
  }))))))));
15667
15671
  }), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
15668
- className: "col-lg-12"
15672
+ className: "col-lg-12 p-0"
15669
15673
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
15670
15674
  className: "mt-2 mb-3"
15671
15675
  })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15780,7 +15784,7 @@
15780
15784
  textTransform: sectionproperties.filter_titletextransform
15781
15785
  }
15782
15786
  }, langdetect == 'en' ? 'Filter & Sort' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
15783
- "class": "col-lg-12"
15787
+ "class": "col-lg-12 p-0"
15784
15788
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
15785
15789
  "class": "mt-2 mb-2"
15786
15790
  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15791,42 +15795,44 @@
15791
15795
  }
15792
15796
  }, /*#__PURE__*/React__default["default"].createElement("div", {
15793
15797
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
15794
- }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
15795
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
15796
- allowMultipleExpanded: true,
15797
- allowZeroExpanded: true,
15798
- preExpanded: [0, 1, 2, 3],
15799
- style: {
15800
- width: '100%'
15801
- }
15802
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
15803
- uuid: index
15804
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
15805
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15806
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15807
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
15808
- }, /*#__PURE__*/React__default["default"].createElement("p", {
15809
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
15810
- }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
15811
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
15812
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
15813
- if (state.expanded == true) {
15814
- return /*#__PURE__*/React__default["default"].createElement("i", {
15815
- className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15816
- }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
15817
- } else {
15818
- return /*#__PURE__*/React__default["default"].createElement("i", {
15819
- className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15820
- }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
15821
- }
15822
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
15823
- className: "p-0"
15824
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15825
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
15826
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15827
- className: 'col-lg-12'
15828
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15829
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15798
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
15799
+ allowMultipleExpanded: true,
15800
+ allowZeroExpanded: true,
15801
+ preExpanded: [0, 1, 2, 3],
15802
+ style: {
15803
+ width: '100%'
15804
+ }
15805
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
15806
+ uuid: 0
15807
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
15808
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15809
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15810
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
15811
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
15812
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
15813
+ }, lang.sortby)), /*#__PURE__*/React__default["default"].createElement("div", {
15814
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
15815
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
15816
+ if (state.expanded == true) {
15817
+ return /*#__PURE__*/React__default["default"].createElement("i", {
15818
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15819
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
15820
+ } else {
15821
+ return /*#__PURE__*/React__default["default"].createElement("i", {
15822
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
15823
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
15824
+ }
15825
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
15826
+ className: "p-0"
15827
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15828
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
15829
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15830
+ className: 'col-lg-12'
15831
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15832
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15833
+ }, otherfilters.map(function (item, index) {
15834
+ return /*#__PURE__*/React__default["default"].createElement("div", {
15835
+ "class": "w-100 px-3"
15830
15836
  }, item.filterarray.map(function (valueitem, valueindex) {
15831
15837
  var ischecked = false;
15832
15838
  if (item.payloadvalue == 'sortprice') {
@@ -15839,22 +15845,24 @@
15839
15845
  }
15840
15846
  }
15841
15847
  return /*#__PURE__*/React__default["default"].createElement("div", {
15842
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
15848
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 ',
15843
15849
  onClick: function onClick() {
15844
- // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15845
15850
  var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
15846
15851
  if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
15847
15852
  tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
15848
15853
  } else {
15849
15854
  tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
15850
15855
  }
15856
+ tempfetchproductsfilerobjcontext.page = 0;
15851
15857
  setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
15858
+ filterrouting(tempfetchproductsfilerobjcontext);
15859
+ setsortbycontext(valueitem.name);
15852
15860
  }
15853
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
15854
- className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
15861
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15862
+ className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
15855
15863
  }, /*#__PURE__*/React__default["default"].createElement("i", {
15856
15864
  className: "h-100 d-flex align-items-center"
15857
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
15865
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
15858
15866
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
15859
15867
  }, /*#__PURE__*/React__default["default"].createElement("p", {
15860
15868
  className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
@@ -15862,9 +15870,9 @@
15862
15870
  color: ischecked ? sectionproperties.activecat_color : ''
15863
15871
  }
15864
15872
  }, valueitem.name)));
15865
- }))))))));
15866
- }), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
15867
- className: "col-lg-12"
15873
+ }));
15874
+ }))))))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
15875
+ className: "col-lg-12 p-0"
15868
15876
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
15869
15877
  className: "mt-2 mb-3"
15870
15878
  })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15873,9 +15881,23 @@
15873
15881
  "class": "row m-0 w-100"
15874
15882
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
15875
15883
  "class": "row m-0 w-100"
15876
- }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
15884
+ }, CollectionsFilter(), /*#__PURE__*/React__default["default"].createElement("div", {
15885
+ className: "col-lg-12 p-0"
15886
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
15887
+ className: "mt-2 mb-3"
15888
+ }))), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
15889
+ "class": "row m-0 w-100"
15890
+ }, DynamicFilter(), /*#__PURE__*/React__default["default"].createElement("div", {
15891
+ className: "col-lg-12 p-0"
15892
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
15893
+ className: "mt-2 mb-3"
15894
+ }))), sectionproperties.showvariantsfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
15877
15895
  "class": "row m-0 w-100"
15878
- }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))))))));
15896
+ }, InstFilters(), /*#__PURE__*/React__default["default"].createElement("div", {
15897
+ className: "col-lg-12 p-0"
15898
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
15899
+ className: "mt-2 mb-3"
15900
+ })))))))))));
15879
15901
  };
15880
15902
 
15881
15903
  function ownKeys$28(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -17102,7 +17124,7 @@
17102
17124
  }
17103
17125
  }, langdetect == 'en' ? sectionproperties.filterbtntexten : sectionproperties.filterbtntextar), sectionproperties.filterbtniconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
17104
17126
  "class": "h-100 d-flex align-items-center justify-content-center"
17105
- }, /*#__PURE__*/React__default["default"].createElement(BsSliders, {
17127
+ }, /*#__PURE__*/React__default["default"].createElement(FiFilter.FiFilter, {
17106
17128
  style: {
17107
17129
  fontSize: sectionproperties.filterbtniconfontsize
17108
17130
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.458",
3
+ "version": "0.0.460",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {
package/srclib1-5.2.zip ADDED
Binary file
/package/{src.zip → src1-5.zip} RENAMED
File without changes