tabexseriescomponents 0.0.456 → 0.0.459
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +222 -93
- package/dist/index.esm.js +222 -93
- package/dist/index.umd.js +225 -97
- package/package.json +1 -1
- package/{src.zip → src1-5.zip} +0 -0
- package/srclib1-5.2.zip +0 -0
package/dist/index.cjs.js
CHANGED
|
@@ -86,6 +86,7 @@ var IoBagRemoveOutline = require('@react-icons/all-files/io5/IoBagRemoveOutline'
|
|
|
86
86
|
var InputRange = require('react-input-range');
|
|
87
87
|
var reactIntersectionObserver = require('react-intersection-observer');
|
|
88
88
|
var FiFilter = require('@react-icons/all-files/fi/FiFilter');
|
|
89
|
+
var FiSliders = require('@react-icons/all-files/fi/FiSliders');
|
|
89
90
|
var FiChevronLeft = require('@react-icons/all-files/fi/FiChevronLeft');
|
|
90
91
|
var FiChevronRight = require('@react-icons/all-files/fi/FiChevronRight');
|
|
91
92
|
var HiOutlineArrowRight = require('@react-icons/all-files/hi/HiOutlineArrowRight');
|
|
@@ -271,6 +272,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
|
|
|
271
272
|
_this.state = {
|
|
272
273
|
lang: {
|
|
273
274
|
en: (_en = {
|
|
275
|
+
sortby: 'Sort by',
|
|
274
276
|
maximum: 'Maximum Quantity',
|
|
275
277
|
minimum: 'Mimimum Quantity',
|
|
276
278
|
sendcode: 'Send code',
|
|
@@ -346,6 +348,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
|
|
|
346
348
|
orsignupwith: 'Or Sign up with'
|
|
347
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),
|
|
348
350
|
ar: (_ar = {
|
|
351
|
+
sortby: 'ترتيب حسب',
|
|
349
352
|
maximum: 'اقصى كمية',
|
|
350
353
|
minimum: 'اقل كمية',
|
|
351
354
|
sendcode: 'إرسل الرمز',
|
|
@@ -14083,7 +14086,7 @@ var OrderSuccess = function OrderSuccess(props) {
|
|
|
14083
14086
|
}, ReasonFail)));
|
|
14084
14087
|
};
|
|
14085
14088
|
|
|
14086
|
-
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.
|
|
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";
|
|
14087
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"};
|
|
14088
14091
|
styleInject(css_248z$D);
|
|
14089
14092
|
|
|
@@ -14239,13 +14242,28 @@ var Filter$1 = function Filter(props) {
|
|
|
14239
14242
|
}, [raterangevalue]);
|
|
14240
14243
|
React.useEffect(function () {
|
|
14241
14244
|
if (fetchCategoriesQueryContext.isSuccess && fetchcollectionsQueryContext.isSuccess) {
|
|
14245
|
+
var parentcollections_for_collectionsFilter = null;
|
|
14246
|
+
var IsValid_parentcollections_for_collectionsFilter = false;
|
|
14247
|
+
if (ProductFilterObjContext.parentcollections_for_collectionsFilter != undefined && ProductFilterObjContext.parentcollections_for_collectionsFilter != null && Array.isArray(ProductFilterObjContext.parentcollections_for_collectionsFilter)) {
|
|
14248
|
+
parentcollections_for_collectionsFilter = ProductFilterObjContext.parentcollections_for_collectionsFilter;
|
|
14249
|
+
}
|
|
14250
|
+
if (parentcollections_for_collectionsFilter != null && Array.isArray(parentcollections_for_collectionsFilter) && parentcollections_for_collectionsFilter.length != 0) {
|
|
14251
|
+
// parentcollections_for_collectionsFilter?.forEach(function(item,index){
|
|
14252
|
+
// if(item.)
|
|
14253
|
+
// })
|
|
14254
|
+
IsValid_parentcollections_for_collectionsFilter = true;
|
|
14255
|
+
}
|
|
14242
14256
|
if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) == 'Depend on chosen parent group') {
|
|
14243
14257
|
if ((ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != undefined && (ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != null && Array.isArray(ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections)) {
|
|
14244
14258
|
var _parentidsfound;
|
|
14245
14259
|
var collectiontobevisible = [];
|
|
14246
14260
|
var parentidsfound = [];
|
|
14247
|
-
if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
|
|
14248
|
-
|
|
14261
|
+
if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection' || IsValid_parentcollections_for_collectionsFilter == true) {
|
|
14262
|
+
if (parentcollections_for_collectionsFilter != null) {
|
|
14263
|
+
parentidsfound = parentcollections_for_collectionsFilter;
|
|
14264
|
+
} else {
|
|
14265
|
+
parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
|
|
14266
|
+
}
|
|
14249
14267
|
} else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
|
|
14250
14268
|
instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
|
|
14251
14269
|
var _ProductFilterObjCont;
|
|
@@ -14439,6 +14457,9 @@ var Filter$1 = function Filter(props) {
|
|
|
14439
14457
|
var _tempfetchproductsfil2;
|
|
14440
14458
|
var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
|
|
14441
14459
|
var CollectionExists = false;
|
|
14460
|
+
if (tempfetchproductsfilerobjcontext.ProductFetchingType == 'Parent Collection' && tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter == undefined) {
|
|
14461
|
+
tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter = tempfetchproductsfilerobjcontext.collections;
|
|
14462
|
+
}
|
|
14442
14463
|
tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 || _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
|
|
14443
14464
|
if (filteritem == collectionid) {
|
|
14444
14465
|
CollectionExists = true;
|
|
@@ -14507,12 +14528,12 @@ var Filter$1 = function Filter(props) {
|
|
|
14507
14528
|
}, parentcollectionitem === null || parentcollectionitem === void 0 || (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
|
|
14508
14529
|
if (collectionitem.isinftiler == 1) {
|
|
14509
14530
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14510
|
-
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-
|
|
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 ',
|
|
14511
14532
|
onClick: function onClick() {
|
|
14512
14533
|
setCollectionFilterFunc(collectionitem.collectionid);
|
|
14513
14534
|
}
|
|
14514
14535
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14515
|
-
className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + '
|
|
14536
|
+
className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
|
|
14516
14537
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
14517
14538
|
className: "h-100 d-flex align-items-center"
|
|
14518
14539
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -14629,22 +14650,24 @@ var Filter$1 = function Filter(props) {
|
|
|
14629
14650
|
}))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
|
|
14630
14651
|
className: "p-0"
|
|
14631
14652
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14632
|
-
className: "row mt-
|
|
14653
|
+
className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
|
|
14633
14654
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14634
14655
|
className: 'col-lg-12'
|
|
14635
14656
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14636
14657
|
className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
14637
14658
|
}, collectionstobevisible.map(function (item, index) {
|
|
14638
14659
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14639
|
-
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-
|
|
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 ',
|
|
14640
14661
|
onClick: function onClick() {
|
|
14641
14662
|
setCollectionFilterFunc(item.collectionid);
|
|
14642
14663
|
}
|
|
14643
14664
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14644
|
-
|
|
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 '
|
|
14645
14668
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
14646
14669
|
className: "h-100 d-flex align-items-center"
|
|
14647
|
-
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14670
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14648
14671
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
14649
14672
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
14650
14673
|
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
@@ -14670,9 +14693,9 @@ var Filter$1 = function Filter(props) {
|
|
|
14670
14693
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14671
14694
|
"class": "row m-0 w-100"
|
|
14672
14695
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14673
|
-
"class": "col-lg-12 p-0
|
|
14696
|
+
"class": "col-lg-12 p-0"
|
|
14674
14697
|
}, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14675
|
-
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex
|
|
14698
|
+
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex w-100"
|
|
14676
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) {
|
|
14677
14700
|
// if (item.type == 'Selectbox') {
|
|
14678
14701
|
// var selectboxarr = [];
|
|
@@ -14767,12 +14790,12 @@ var Filter$1 = function Filter(props) {
|
|
|
14767
14790
|
}))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
|
|
14768
14791
|
className: "p-0"
|
|
14769
14792
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14770
|
-
className: "row mt-
|
|
14793
|
+
className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2"
|
|
14771
14794
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14772
14795
|
className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
14773
14796
|
}, item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 ? void 0 : _item$featuresselectb.map(function (slecitem, slecindex) {
|
|
14774
14797
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14775
|
-
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-
|
|
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 ',
|
|
14776
14799
|
onClick: function onClick(e) {
|
|
14777
14800
|
var isattrexists = false;
|
|
14778
14801
|
var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
|
|
@@ -14793,7 +14816,7 @@ var Filter$1 = function Filter(props) {
|
|
|
14793
14816
|
// setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
14794
14817
|
}
|
|
14795
14818
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
14796
|
-
className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + '
|
|
14819
|
+
className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
|
|
14797
14820
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
14798
14821
|
className: "h-100 d-flex align-items-center"
|
|
14799
14822
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -15114,15 +15137,15 @@ var Filter$1 = function Filter(props) {
|
|
|
15114
15137
|
boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
|
|
15115
15138
|
}),
|
|
15116
15139
|
btn_item: glamor.css({
|
|
15117
|
-
width: '
|
|
15118
|
-
height: '
|
|
15140
|
+
width: '15px',
|
|
15141
|
+
height: '15px',
|
|
15119
15142
|
background: sectionproperties.filteritembtn_bgcolor,
|
|
15120
15143
|
':hover': {
|
|
15121
15144
|
background: sectionproperties.filteritembtn_bghover
|
|
15122
15145
|
}
|
|
15123
15146
|
}),
|
|
15124
15147
|
btn_item_active: glamor.css({
|
|
15125
|
-
background: sectionproperties.
|
|
15148
|
+
background: sectionproperties.activecat_color
|
|
15126
15149
|
}),
|
|
15127
15150
|
timelineinnercont_active: glamor.css({
|
|
15128
15151
|
fontWeight: sectionproperties.activecat_fontweight,
|
|
@@ -15610,7 +15633,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15610
15633
|
}
|
|
15611
15634
|
}
|
|
15612
15635
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15613
|
-
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-
|
|
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 ',
|
|
15614
15637
|
onClick: function onClick() {
|
|
15615
15638
|
var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
|
|
15616
15639
|
if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
|
|
@@ -15623,7 +15646,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15623
15646
|
filterrouting(tempfetchproductsfilerobjcontext);
|
|
15624
15647
|
}
|
|
15625
15648
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15626
|
-
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + '
|
|
15649
|
+
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
|
|
15627
15650
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
15628
15651
|
className: "h-100 d-flex align-items-center"
|
|
15629
15652
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -15735,7 +15758,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15735
15758
|
color: sectionproperties.closeSlider_color
|
|
15736
15759
|
}
|
|
15737
15760
|
})))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15738
|
-
"class": "col-lg-12"
|
|
15761
|
+
"class": "col-lg-12 p-0"
|
|
15739
15762
|
}, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
15740
15763
|
"class": "mt-2 mb-2"
|
|
15741
15764
|
}))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -15794,7 +15817,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15794
15817
|
}
|
|
15795
15818
|
}
|
|
15796
15819
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15797
|
-
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-
|
|
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 ',
|
|
15798
15821
|
onClick: function onClick() {
|
|
15799
15822
|
// setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
15800
15823
|
var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
|
|
@@ -15806,7 +15829,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15806
15829
|
setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
|
|
15807
15830
|
}
|
|
15808
15831
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15809
|
-
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + '
|
|
15832
|
+
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
|
|
15810
15833
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
15811
15834
|
className: "h-100 d-flex align-items-center"
|
|
15812
15835
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -15819,7 +15842,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15819
15842
|
}, valueitem.name)));
|
|
15820
15843
|
}))))))));
|
|
15821
15844
|
}), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15822
|
-
className: "col-lg-12"
|
|
15845
|
+
className: "col-lg-12 p-0"
|
|
15823
15846
|
}, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
15824
15847
|
className: "mt-2 mb-3"
|
|
15825
15848
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -15889,10 +15912,42 @@ var Filter$1 = function Filter(props) {
|
|
|
15889
15912
|
borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
|
|
15890
15913
|
},
|
|
15891
15914
|
backdrop: true
|
|
15892
|
-
}, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15915
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15916
|
+
"class": "allcentered",
|
|
15917
|
+
style: {
|
|
15918
|
+
position: 'absolute',
|
|
15919
|
+
left: -34,
|
|
15920
|
+
top: 5,
|
|
15921
|
+
width: 30,
|
|
15922
|
+
height: 30,
|
|
15923
|
+
background: '#000'
|
|
15924
|
+
},
|
|
15925
|
+
onClick: function onClick() {
|
|
15926
|
+
props.setopenFilterSlider(false);
|
|
15927
|
+
}
|
|
15928
|
+
}, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
|
|
15929
|
+
color: '#fff',
|
|
15930
|
+
size: 16
|
|
15931
|
+
})), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15932
|
+
"class": "allcentered",
|
|
15933
|
+
style: {
|
|
15934
|
+
position: 'absolute',
|
|
15935
|
+
right: -34,
|
|
15936
|
+
top: 5,
|
|
15937
|
+
width: 30,
|
|
15938
|
+
height: 30,
|
|
15939
|
+
background: '#000'
|
|
15940
|
+
},
|
|
15941
|
+
onClick: function onClick() {
|
|
15942
|
+
props.setopenFilterSlider(false);
|
|
15943
|
+
}
|
|
15944
|
+
}, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
|
|
15945
|
+
color: '#fff',
|
|
15946
|
+
size: 16
|
|
15947
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15893
15948
|
className: "row m-0 w-100 mt-2"
|
|
15894
15949
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15895
|
-
className: "col-
|
|
15950
|
+
className: "col-12 d-none justify-content-center align-items-center d-md-flex my-2"
|
|
15896
15951
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
15897
15952
|
className: "m-0 p-0 font-16 font-weight-600",
|
|
15898
15953
|
style: {
|
|
@@ -15901,22 +15956,8 @@ var Filter$1 = function Filter(props) {
|
|
|
15901
15956
|
fontWeight: sectionproperties.filter_titlefontweight,
|
|
15902
15957
|
textTransform: sectionproperties.filter_titletextransform
|
|
15903
15958
|
}
|
|
15904
|
-
}, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15905
|
-
|
|
15906
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15907
|
-
className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
|
|
15908
|
-
onClick: function onClick() {
|
|
15909
|
-
props.setopenFilterSlider(false);
|
|
15910
|
-
}
|
|
15911
|
-
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
15912
|
-
className: "h-100 d-flex align-items-center justify-content-center"
|
|
15913
|
-
}, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
|
|
15914
|
-
size: sectionproperties.closeSlider_fontSize,
|
|
15915
|
-
style: {
|
|
15916
|
-
color: sectionproperties.closeSlider_color
|
|
15917
|
-
}
|
|
15918
|
-
})))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15919
|
-
"class": "col-lg-12"
|
|
15959
|
+
}, langdetect == 'en' ? 'Filter & Sort' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15960
|
+
"class": "col-lg-12 p-0"
|
|
15920
15961
|
}, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
15921
15962
|
"class": "mt-2 mb-2"
|
|
15922
15963
|
}))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -15927,42 +15968,44 @@ var Filter$1 = function Filter(props) {
|
|
|
15927
15968
|
}
|
|
15928
15969
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15929
15970
|
className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
|
|
15930
|
-
},
|
|
15931
|
-
|
|
15932
|
-
|
|
15933
|
-
|
|
15934
|
-
|
|
15935
|
-
|
|
15936
|
-
|
|
15937
|
-
|
|
15938
|
-
|
|
15939
|
-
|
|
15940
|
-
|
|
15941
|
-
|
|
15942
|
-
|
|
15943
|
-
|
|
15944
|
-
|
|
15945
|
-
|
|
15946
|
-
|
|
15947
|
-
|
|
15948
|
-
|
|
15949
|
-
|
|
15950
|
-
|
|
15951
|
-
|
|
15952
|
-
|
|
15953
|
-
|
|
15954
|
-
|
|
15955
|
-
|
|
15956
|
-
|
|
15957
|
-
|
|
15958
|
-
|
|
15959
|
-
|
|
15960
|
-
|
|
15961
|
-
|
|
15962
|
-
|
|
15963
|
-
|
|
15964
|
-
|
|
15965
|
-
|
|
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"
|
|
15966
16009
|
}, item.filterarray.map(function (valueitem, valueindex) {
|
|
15967
16010
|
var ischecked = false;
|
|
15968
16011
|
if (item.payloadvalue == 'sortprice') {
|
|
@@ -15975,22 +16018,24 @@ var Filter$1 = function Filter(props) {
|
|
|
15975
16018
|
}
|
|
15976
16019
|
}
|
|
15977
16020
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15978
|
-
className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n
|
|
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 ',
|
|
15979
16022
|
onClick: function onClick() {
|
|
15980
|
-
// setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
15981
16023
|
var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
|
|
15982
16024
|
if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
|
|
15983
16025
|
tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
|
|
15984
16026
|
} else {
|
|
15985
16027
|
tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
|
|
15986
16028
|
}
|
|
16029
|
+
tempfetchproductsfilerobjcontext.page = 0;
|
|
15987
16030
|
setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
|
|
16031
|
+
filterrouting(tempfetchproductsfilerobjcontext);
|
|
16032
|
+
setsortbycontext(valueitem.name);
|
|
15988
16033
|
}
|
|
15989
|
-
}, /*#__PURE__*/React__default["default"].createElement("div",
|
|
15990
|
-
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + '
|
|
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 '
|
|
15991
16036
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
15992
16037
|
className: "h-100 d-flex align-items-center"
|
|
15993
|
-
}))
|
|
16038
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
15994
16039
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
15995
16040
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
15996
16041
|
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
@@ -15998,9 +16043,9 @@ var Filter$1 = function Filter(props) {
|
|
|
15998
16043
|
color: ischecked ? sectionproperties.activecat_color : ''
|
|
15999
16044
|
}
|
|
16000
16045
|
}, valueitem.name)));
|
|
16001
|
-
}))
|
|
16002
|
-
}), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
16003
|
-
className: "col-lg-12"
|
|
16046
|
+
}));
|
|
16047
|
+
}))))))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
16048
|
+
className: "col-lg-12 p-0"
|
|
16004
16049
|
}, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
16005
16050
|
className: "mt-2 mb-3"
|
|
16006
16051
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -16009,9 +16054,23 @@ var Filter$1 = function Filter(props) {
|
|
|
16009
16054
|
"class": "row m-0 w-100"
|
|
16010
16055
|
}, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
16011
16056
|
"class": "row m-0 w-100"
|
|
16012
|
-
}, CollectionsFilter()
|
|
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", {
|
|
16013
16068
|
"class": "row m-0 w-100"
|
|
16014
|
-
},
|
|
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
|
+
})))))))))));
|
|
16015
16074
|
};
|
|
16016
16075
|
|
|
16017
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; }
|
|
@@ -16632,6 +16691,14 @@ var CardsSection = function CardsSection(props) {
|
|
|
16632
16691
|
});
|
|
16633
16692
|
}
|
|
16634
16693
|
cardobj.image = arrayItem.productinfo.productmainimage;
|
|
16694
|
+
cardobj.producttags = arrayItem.tags;
|
|
16695
|
+
if (langdetect == 'en') {
|
|
16696
|
+
var _arrayItem$features;
|
|
16697
|
+
cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features = arrayItem.features) === null || _arrayItem$features === void 0 ? void 0 : _arrayItem$features.value_en;
|
|
16698
|
+
} else {
|
|
16699
|
+
var _arrayItem$features2;
|
|
16700
|
+
cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features2 = arrayItem.features) === null || _arrayItem$features2 === void 0 ? void 0 : _arrayItem$features2.value_ar;
|
|
16701
|
+
}
|
|
16635
16702
|
cardobj.hassale = arrayItem.productinfo.hassale;
|
|
16636
16703
|
cardobj.productid = arrayItem.productinfo.productid;
|
|
16637
16704
|
cardobj.hasvariants = arrayItem.productinfo.hasvariants;
|
|
@@ -16678,6 +16745,8 @@ var CardsSection = function CardsSection(props) {
|
|
|
16678
16745
|
cardobj.description = arrayItem.description_ar;
|
|
16679
16746
|
}
|
|
16680
16747
|
cardobj.image = arrayItem.collectionlogo;
|
|
16748
|
+
cardobj.producttags = [];
|
|
16749
|
+
cardobj.productfeatures = [];
|
|
16681
16750
|
} else if (fetchingtype == 'categories') {
|
|
16682
16751
|
cardobj.collectionid = arrayItem.categoryid;
|
|
16683
16752
|
cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
|
|
@@ -16689,6 +16758,8 @@ var CardsSection = function CardsSection(props) {
|
|
|
16689
16758
|
cardobj.description = arrayItem.description_ar;
|
|
16690
16759
|
}
|
|
16691
16760
|
cardobj.image = arrayItem.categorylogo;
|
|
16761
|
+
cardobj.producttags = [];
|
|
16762
|
+
cardobj.productfeatures = [];
|
|
16692
16763
|
} else if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
|
|
16693
16764
|
cardobj.collectionid = arrayItem.parentcollectionid;
|
|
16694
16765
|
cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
|
|
@@ -16700,10 +16771,17 @@ var CardsSection = function CardsSection(props) {
|
|
|
16700
16771
|
cardobj.description = arrayItem.description_ar;
|
|
16701
16772
|
}
|
|
16702
16773
|
cardobj.image = arrayItem.parentcollectionlogo;
|
|
16703
|
-
|
|
16774
|
+
cardobj.producttags = [];
|
|
16775
|
+
cardobj.productfeatures = [];
|
|
16776
|
+
} else if (fetchingtype == 'custom') {
|
|
16777
|
+
cardobj.producttags = [];
|
|
16778
|
+
cardobj.productfeatures = [];
|
|
16779
|
+
} else if (fetchingtype == 'vendors') {
|
|
16704
16780
|
cardobj.name = arrayItem.vendorname;
|
|
16705
16781
|
cardobj.collectionid = arrayItem.vendorid;
|
|
16706
16782
|
cardobj.image = arrayItem.vendorlogourl;
|
|
16783
|
+
cardobj.producttags = [];
|
|
16784
|
+
cardobj.productfeatures = [];
|
|
16707
16785
|
}
|
|
16708
16786
|
temparray.push(cardobj);
|
|
16709
16787
|
});
|
|
@@ -17203,7 +17281,7 @@ var CardsSection = function CardsSection(props) {
|
|
|
17203
17281
|
}) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
|
|
17204
17282
|
size: sectionproperties.viewmoreiconfontsizeresp,
|
|
17205
17283
|
color: sectionproperties.viewmorebtn_Textcolor
|
|
17206
|
-
})))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
17284
|
+
})))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
17207
17285
|
"class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
|
|
17208
17286
|
onClick: function onClick() {
|
|
17209
17287
|
setopenFilterSlider(true);
|
|
@@ -17219,11 +17297,31 @@ var CardsSection = function CardsSection(props) {
|
|
|
17219
17297
|
}
|
|
17220
17298
|
}, langdetect == 'en' ? sectionproperties.filterbtntexten : sectionproperties.filterbtntextar), sectionproperties.filterbtniconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
|
|
17221
17299
|
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
17222
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
17300
|
+
}, /*#__PURE__*/React__default["default"].createElement(BsSliders, {
|
|
17223
17301
|
style: {
|
|
17224
17302
|
fontSize: sectionproperties.filterbtniconfontsize
|
|
17225
17303
|
}
|
|
17226
|
-
}))))
|
|
17304
|
+
})))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
17305
|
+
"class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
|
|
17306
|
+
onClick: function onClick() {
|
|
17307
|
+
setopenFilterSlider(true);
|
|
17308
|
+
},
|
|
17309
|
+
style: {
|
|
17310
|
+
color: sectionproperties.filterbtn_Textcolor
|
|
17311
|
+
}
|
|
17312
|
+
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
17313
|
+
"class": "h-100 d-flex align-items-center justify-content-center",
|
|
17314
|
+
style: {
|
|
17315
|
+
transform: 'rotate(90deg)'
|
|
17316
|
+
}
|
|
17317
|
+
}, /*#__PURE__*/React__default["default"].createElement(FiSliders.FiSliders, {
|
|
17318
|
+
style: {
|
|
17319
|
+
fontSize: 15,
|
|
17320
|
+
color: sectionproperties.filterbtn_Textcolor
|
|
17321
|
+
}
|
|
17322
|
+
})), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
17323
|
+
"class": "mx-2"
|
|
17324
|
+
}, langdetect == 'en' ? 'Filter & Sort By' : 'فلتر')))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
17227
17325
|
"class": "col-lg-12 p-0"
|
|
17228
17326
|
}, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
17229
17327
|
"class": "mt-3 mb-2",
|
|
@@ -71525,6 +71623,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
|
|
|
71525
71623
|
function ownKeys$6(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; }
|
|
71526
71624
|
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
71527
71625
|
var Simpleproductcard = function Simpleproductcard(props) {
|
|
71626
|
+
var _item$producttags, _item$producttags$;
|
|
71528
71627
|
var _useState = React.useState(''),
|
|
71529
71628
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
71530
71629
|
sectionproperties = _useState2[0],
|
|
@@ -71869,7 +71968,26 @@ var Simpleproductcard = function Simpleproductcard(props) {
|
|
|
71869
71968
|
fontSize: sectionproperties.pillfontSize + 'px',
|
|
71870
71969
|
direction: 'ltr'
|
|
71871
71970
|
}
|
|
71872
|
-
}, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
71971
|
+
}, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
71972
|
+
"class": "allcentered",
|
|
71973
|
+
style: {
|
|
71974
|
+
position: 'absolute',
|
|
71975
|
+
bottom: 20,
|
|
71976
|
+
width: '100%',
|
|
71977
|
+
left: 0,
|
|
71978
|
+
right: 0,
|
|
71979
|
+
zIndex: 100
|
|
71980
|
+
}
|
|
71981
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
71982
|
+
"class": "px-3 py-1",
|
|
71983
|
+
style: {
|
|
71984
|
+
width: 'fit-content',
|
|
71985
|
+
background: sectionproperties.tagbackgroundcolor,
|
|
71986
|
+
borderRadius: sectionproperties.tagborderradius + 'px',
|
|
71987
|
+
color: sectionproperties.tagcolor,
|
|
71988
|
+
fontSize: 12
|
|
71989
|
+
}
|
|
71990
|
+
}, item === null || item === void 0 || (_item$producttags$ = item.producttags[0]) === null || _item$producttags$ === void 0 || (_item$producttags$ = _item$producttags$.taginfo) === null || _item$producttags$ === void 0 ? void 0 : _item$producttags$.tagname)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
71873
71991
|
"class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
|
|
71874
71992
|
style: {
|
|
71875
71993
|
marginBottom: sectionproperties.image_mb + 'px'
|
|
@@ -71892,7 +72010,18 @@ var Simpleproductcard = function Simpleproductcard(props) {
|
|
|
71892
72010
|
"class": "m-0 p-0"
|
|
71893
72011
|
}, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
71894
72012
|
"class": "row m-0 w-100 "
|
|
71895
|
-
}, sectionproperties.
|
|
72013
|
+
}, sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72014
|
+
"class": "allcentered col-lg-12 p-0",
|
|
72015
|
+
style: {
|
|
72016
|
+
height: 40
|
|
72017
|
+
}
|
|
72018
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72019
|
+
"class": "text-capitalize",
|
|
72020
|
+
style: {
|
|
72021
|
+
color: sectionproperties.tagcolor,
|
|
72022
|
+
fontSize: 14
|
|
72023
|
+
}
|
|
72024
|
+
}, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
71896
72025
|
"class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 mb-2 ',
|
|
71897
72026
|
style: {
|
|
71898
72027
|
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
|