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.esm.js
CHANGED
|
@@ -84,6 +84,7 @@ import { IoBagRemoveOutline } from '@react-icons/all-files/io5/IoBagRemoveOutlin
|
|
|
84
84
|
import InputRange from 'react-input-range';
|
|
85
85
|
import { useInView } from 'react-intersection-observer';
|
|
86
86
|
import { FiFilter } from '@react-icons/all-files/fi/FiFilter';
|
|
87
|
+
import { FiSliders } from '@react-icons/all-files/fi/FiSliders';
|
|
87
88
|
import { FiChevronLeft } from '@react-icons/all-files/fi/FiChevronLeft';
|
|
88
89
|
import { FiChevronRight } from '@react-icons/all-files/fi/FiChevronRight';
|
|
89
90
|
import { HiOutlineArrowRight } from '@react-icons/all-files/hi/HiOutlineArrowRight';
|
|
@@ -222,6 +223,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
|
|
|
222
223
|
_this.state = {
|
|
223
224
|
lang: {
|
|
224
225
|
en: (_en = {
|
|
226
|
+
sortby: 'Sort by',
|
|
225
227
|
maximum: 'Maximum Quantity',
|
|
226
228
|
minimum: 'Mimimum Quantity',
|
|
227
229
|
sendcode: 'Send code',
|
|
@@ -297,6 +299,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
|
|
|
297
299
|
orsignupwith: 'Or Sign up with'
|
|
298
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),
|
|
299
301
|
ar: (_ar = {
|
|
302
|
+
sortby: 'ترتيب حسب',
|
|
300
303
|
maximum: 'اقصى كمية',
|
|
301
304
|
minimum: 'اقل كمية',
|
|
302
305
|
sendcode: 'إرسل الرمز',
|
|
@@ -14034,7 +14037,7 @@ var OrderSuccess = function OrderSuccess(props) {
|
|
|
14034
14037
|
}, ReasonFail)));
|
|
14035
14038
|
};
|
|
14036
14039
|
|
|
14037
|
-
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.
|
|
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";
|
|
14038
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"};
|
|
14039
14042
|
styleInject(css_248z$D);
|
|
14040
14043
|
|
|
@@ -14190,13 +14193,28 @@ var Filter$1 = function Filter(props) {
|
|
|
14190
14193
|
}, [raterangevalue]);
|
|
14191
14194
|
useEffect(function () {
|
|
14192
14195
|
if (fetchCategoriesQueryContext.isSuccess && fetchcollectionsQueryContext.isSuccess) {
|
|
14196
|
+
var parentcollections_for_collectionsFilter = null;
|
|
14197
|
+
var IsValid_parentcollections_for_collectionsFilter = false;
|
|
14198
|
+
if (ProductFilterObjContext.parentcollections_for_collectionsFilter != undefined && ProductFilterObjContext.parentcollections_for_collectionsFilter != null && Array.isArray(ProductFilterObjContext.parentcollections_for_collectionsFilter)) {
|
|
14199
|
+
parentcollections_for_collectionsFilter = ProductFilterObjContext.parentcollections_for_collectionsFilter;
|
|
14200
|
+
}
|
|
14201
|
+
if (parentcollections_for_collectionsFilter != null && Array.isArray(parentcollections_for_collectionsFilter) && parentcollections_for_collectionsFilter.length != 0) {
|
|
14202
|
+
// parentcollections_for_collectionsFilter?.forEach(function(item,index){
|
|
14203
|
+
// if(item.)
|
|
14204
|
+
// })
|
|
14205
|
+
IsValid_parentcollections_for_collectionsFilter = true;
|
|
14206
|
+
}
|
|
14193
14207
|
if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) == 'Depend on chosen parent group') {
|
|
14194
14208
|
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)) {
|
|
14195
14209
|
var _parentidsfound;
|
|
14196
14210
|
var collectiontobevisible = [];
|
|
14197
14211
|
var parentidsfound = [];
|
|
14198
|
-
if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
|
|
14199
|
-
|
|
14212
|
+
if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection' || IsValid_parentcollections_for_collectionsFilter == true) {
|
|
14213
|
+
if (parentcollections_for_collectionsFilter != null) {
|
|
14214
|
+
parentidsfound = parentcollections_for_collectionsFilter;
|
|
14215
|
+
} else {
|
|
14216
|
+
parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
|
|
14217
|
+
}
|
|
14200
14218
|
} else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
|
|
14201
14219
|
instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
|
|
14202
14220
|
var _ProductFilterObjCont;
|
|
@@ -14390,6 +14408,9 @@ var Filter$1 = function Filter(props) {
|
|
|
14390
14408
|
var _tempfetchproductsfil2;
|
|
14391
14409
|
var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
|
|
14392
14410
|
var CollectionExists = false;
|
|
14411
|
+
if (tempfetchproductsfilerobjcontext.ProductFetchingType == 'Parent Collection' && tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter == undefined) {
|
|
14412
|
+
tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter = tempfetchproductsfilerobjcontext.collections;
|
|
14413
|
+
}
|
|
14393
14414
|
tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 || _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
|
|
14394
14415
|
if (filteritem == collectionid) {
|
|
14395
14416
|
CollectionExists = true;
|
|
@@ -14458,12 +14479,12 @@ var Filter$1 = function Filter(props) {
|
|
|
14458
14479
|
}, parentcollectionitem === null || parentcollectionitem === void 0 || (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
|
|
14459
14480
|
if (collectionitem.isinftiler == 1) {
|
|
14460
14481
|
return /*#__PURE__*/React.createElement("div", {
|
|
14461
|
-
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-
|
|
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 ',
|
|
14462
14483
|
onClick: function onClick() {
|
|
14463
14484
|
setCollectionFilterFunc(collectionitem.collectionid);
|
|
14464
14485
|
}
|
|
14465
14486
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14466
|
-
className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + '
|
|
14487
|
+
className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
|
|
14467
14488
|
}, /*#__PURE__*/React.createElement("i", {
|
|
14468
14489
|
className: "h-100 d-flex align-items-center"
|
|
14469
14490
|
})), /*#__PURE__*/React.createElement("div", {
|
|
@@ -14580,22 +14601,24 @@ var Filter$1 = function Filter(props) {
|
|
|
14580
14601
|
}))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
|
|
14581
14602
|
className: "p-0"
|
|
14582
14603
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14583
|
-
className: "row mt-
|
|
14604
|
+
className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
|
|
14584
14605
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14585
14606
|
className: 'col-lg-12'
|
|
14586
14607
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14587
14608
|
className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
14588
14609
|
}, collectionstobevisible.map(function (item, index) {
|
|
14589
14610
|
return /*#__PURE__*/React.createElement("div", {
|
|
14590
|
-
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-
|
|
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 ',
|
|
14591
14612
|
onClick: function onClick() {
|
|
14592
14613
|
setCollectionFilterFunc(item.collectionid);
|
|
14593
14614
|
}
|
|
14594
14615
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14595
|
-
|
|
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 '
|
|
14596
14619
|
}, /*#__PURE__*/React.createElement("i", {
|
|
14597
14620
|
className: "h-100 d-flex align-items-center"
|
|
14598
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
14621
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
14599
14622
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
14600
14623
|
}, /*#__PURE__*/React.createElement("p", {
|
|
14601
14624
|
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
@@ -14621,9 +14644,9 @@ var Filter$1 = function Filter(props) {
|
|
|
14621
14644
|
return /*#__PURE__*/React.createElement("div", {
|
|
14622
14645
|
"class": "row m-0 w-100"
|
|
14623
14646
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14624
|
-
"class": "col-lg-12 p-0
|
|
14647
|
+
"class": "col-lg-12 p-0"
|
|
14625
14648
|
}, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && /*#__PURE__*/React.createElement("div", {
|
|
14626
|
-
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex
|
|
14649
|
+
className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex w-100"
|
|
14627
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) {
|
|
14628
14651
|
// if (item.type == 'Selectbox') {
|
|
14629
14652
|
// var selectboxarr = [];
|
|
@@ -14718,12 +14741,12 @@ var Filter$1 = function Filter(props) {
|
|
|
14718
14741
|
}))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
|
|
14719
14742
|
className: "p-0"
|
|
14720
14743
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14721
|
-
className: "row mt-
|
|
14744
|
+
className: "row mt-3 mb-2 ml-0 mr-0 d-lg-flex px-3 px-md-4-2"
|
|
14722
14745
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14723
14746
|
className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
|
|
14724
14747
|
}, item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 ? void 0 : _item$featuresselectb.map(function (slecitem, slecindex) {
|
|
14725
14748
|
return /*#__PURE__*/React.createElement("div", {
|
|
14726
|
-
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-
|
|
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 ',
|
|
14727
14750
|
onClick: function onClick(e) {
|
|
14728
14751
|
var isattrexists = false;
|
|
14729
14752
|
var tempproductfeatuesarr = _toConsumableArray(productfeatuesarr);
|
|
@@ -14744,7 +14767,7 @@ var Filter$1 = function Filter(props) {
|
|
|
14744
14767
|
// setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
14745
14768
|
}
|
|
14746
14769
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
14747
|
-
className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + '
|
|
14770
|
+
className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
|
|
14748
14771
|
}, /*#__PURE__*/React.createElement("i", {
|
|
14749
14772
|
className: "h-100 d-flex align-items-center"
|
|
14750
14773
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
@@ -15065,15 +15088,15 @@ var Filter$1 = function Filter(props) {
|
|
|
15065
15088
|
boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
|
|
15066
15089
|
}),
|
|
15067
15090
|
btn_item: css({
|
|
15068
|
-
width: '
|
|
15069
|
-
height: '
|
|
15091
|
+
width: '15px',
|
|
15092
|
+
height: '15px',
|
|
15070
15093
|
background: sectionproperties.filteritembtn_bgcolor,
|
|
15071
15094
|
':hover': {
|
|
15072
15095
|
background: sectionproperties.filteritembtn_bghover
|
|
15073
15096
|
}
|
|
15074
15097
|
}),
|
|
15075
15098
|
btn_item_active: css({
|
|
15076
|
-
background: sectionproperties.
|
|
15099
|
+
background: sectionproperties.activecat_color
|
|
15077
15100
|
}),
|
|
15078
15101
|
timelineinnercont_active: css({
|
|
15079
15102
|
fontWeight: sectionproperties.activecat_fontweight,
|
|
@@ -15561,7 +15584,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15561
15584
|
}
|
|
15562
15585
|
}
|
|
15563
15586
|
return /*#__PURE__*/React.createElement("div", {
|
|
15564
|
-
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-
|
|
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 ',
|
|
15565
15588
|
onClick: function onClick() {
|
|
15566
15589
|
var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
|
|
15567
15590
|
if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
|
|
@@ -15574,7 +15597,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15574
15597
|
filterrouting(tempfetchproductsfilerobjcontext);
|
|
15575
15598
|
}
|
|
15576
15599
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
15577
|
-
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + '
|
|
15600
|
+
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
|
|
15578
15601
|
}, /*#__PURE__*/React.createElement("i", {
|
|
15579
15602
|
className: "h-100 d-flex align-items-center"
|
|
15580
15603
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
@@ -15686,7 +15709,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15686
15709
|
color: sectionproperties.closeSlider_color
|
|
15687
15710
|
}
|
|
15688
15711
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
15689
|
-
"class": "col-lg-12"
|
|
15712
|
+
"class": "col-lg-12 p-0"
|
|
15690
15713
|
}, /*#__PURE__*/React.createElement("hr", {
|
|
15691
15714
|
"class": "mt-2 mb-2"
|
|
15692
15715
|
}))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, /*#__PURE__*/React.createElement("div", {
|
|
@@ -15745,7 +15768,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15745
15768
|
}
|
|
15746
15769
|
}
|
|
15747
15770
|
return /*#__PURE__*/React.createElement("div", {
|
|
15748
|
-
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-
|
|
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 ',
|
|
15749
15772
|
onClick: function onClick() {
|
|
15750
15773
|
// setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
15751
15774
|
var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
|
|
@@ -15757,7 +15780,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15757
15780
|
setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
|
|
15758
15781
|
}
|
|
15759
15782
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
15760
|
-
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + '
|
|
15783
|
+
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' d-flex align-items-center '
|
|
15761
15784
|
}, /*#__PURE__*/React.createElement("i", {
|
|
15762
15785
|
className: "h-100 d-flex align-items-center"
|
|
15763
15786
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
@@ -15770,7 +15793,7 @@ var Filter$1 = function Filter(props) {
|
|
|
15770
15793
|
}, valueitem.name)));
|
|
15771
15794
|
}))))))));
|
|
15772
15795
|
}), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
15773
|
-
className: "col-lg-12"
|
|
15796
|
+
className: "col-lg-12 p-0"
|
|
15774
15797
|
}, /*#__PURE__*/React.createElement("hr", {
|
|
15775
15798
|
className: "mt-2 mb-3"
|
|
15776
15799
|
})), /*#__PURE__*/React.createElement("div", {
|
|
@@ -15840,10 +15863,42 @@ var Filter$1 = function Filter(props) {
|
|
|
15840
15863
|
borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
|
|
15841
15864
|
},
|
|
15842
15865
|
backdrop: true
|
|
15843
|
-
}, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, /*#__PURE__*/React.createElement("div", {
|
|
15866
|
+
}, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
|
|
15867
|
+
"class": "allcentered",
|
|
15868
|
+
style: {
|
|
15869
|
+
position: 'absolute',
|
|
15870
|
+
left: -34,
|
|
15871
|
+
top: 5,
|
|
15872
|
+
width: 30,
|
|
15873
|
+
height: 30,
|
|
15874
|
+
background: '#000'
|
|
15875
|
+
},
|
|
15876
|
+
onClick: function onClick() {
|
|
15877
|
+
props.setopenFilterSlider(false);
|
|
15878
|
+
}
|
|
15879
|
+
}, /*#__PURE__*/React.createElement(IoMdClose, {
|
|
15880
|
+
color: '#fff',
|
|
15881
|
+
size: 16
|
|
15882
|
+
})), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
|
|
15883
|
+
"class": "allcentered",
|
|
15884
|
+
style: {
|
|
15885
|
+
position: 'absolute',
|
|
15886
|
+
right: -34,
|
|
15887
|
+
top: 5,
|
|
15888
|
+
width: 30,
|
|
15889
|
+
height: 30,
|
|
15890
|
+
background: '#000'
|
|
15891
|
+
},
|
|
15892
|
+
onClick: function onClick() {
|
|
15893
|
+
props.setopenFilterSlider(false);
|
|
15894
|
+
}
|
|
15895
|
+
}, /*#__PURE__*/React.createElement(IoMdClose, {
|
|
15896
|
+
color: '#fff',
|
|
15897
|
+
size: 16
|
|
15898
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
15844
15899
|
className: "row m-0 w-100 mt-2"
|
|
15845
15900
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15846
|
-
className: "col-
|
|
15901
|
+
className: "col-12 d-none justify-content-center align-items-center d-md-flex my-2"
|
|
15847
15902
|
}, /*#__PURE__*/React.createElement("p", {
|
|
15848
15903
|
className: "m-0 p-0 font-16 font-weight-600",
|
|
15849
15904
|
style: {
|
|
@@ -15852,22 +15907,8 @@ var Filter$1 = function Filter(props) {
|
|
|
15852
15907
|
fontWeight: sectionproperties.filter_titlefontweight,
|
|
15853
15908
|
textTransform: sectionproperties.filter_titletextransform
|
|
15854
15909
|
}
|
|
15855
|
-
}, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
|
|
15856
|
-
|
|
15857
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
15858
|
-
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 ',
|
|
15859
|
-
onClick: function onClick() {
|
|
15860
|
-
props.setopenFilterSlider(false);
|
|
15861
|
-
}
|
|
15862
|
-
}, /*#__PURE__*/React.createElement("i", {
|
|
15863
|
-
className: "h-100 d-flex align-items-center justify-content-center"
|
|
15864
|
-
}, /*#__PURE__*/React.createElement(IoMdClose, {
|
|
15865
|
-
size: sectionproperties.closeSlider_fontSize,
|
|
15866
|
-
style: {
|
|
15867
|
-
color: sectionproperties.closeSlider_color
|
|
15868
|
-
}
|
|
15869
|
-
})))), /*#__PURE__*/React.createElement("div", {
|
|
15870
|
-
"class": "col-lg-12"
|
|
15910
|
+
}, langdetect == 'en' ? 'Filter & Sort' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
|
|
15911
|
+
"class": "col-lg-12 p-0"
|
|
15871
15912
|
}, /*#__PURE__*/React.createElement("hr", {
|
|
15872
15913
|
"class": "mt-2 mb-2"
|
|
15873
15914
|
}))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, /*#__PURE__*/React.createElement("div", {
|
|
@@ -15878,42 +15919,44 @@ var Filter$1 = function Filter(props) {
|
|
|
15878
15919
|
}
|
|
15879
15920
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15880
15921
|
className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
|
|
15881
|
-
},
|
|
15882
|
-
|
|
15883
|
-
|
|
15884
|
-
|
|
15885
|
-
|
|
15886
|
-
|
|
15887
|
-
|
|
15888
|
-
|
|
15889
|
-
|
|
15890
|
-
|
|
15891
|
-
|
|
15892
|
-
|
|
15893
|
-
|
|
15894
|
-
|
|
15895
|
-
|
|
15896
|
-
|
|
15897
|
-
|
|
15898
|
-
|
|
15899
|
-
|
|
15900
|
-
|
|
15901
|
-
|
|
15902
|
-
|
|
15903
|
-
|
|
15904
|
-
|
|
15905
|
-
|
|
15906
|
-
|
|
15907
|
-
|
|
15908
|
-
|
|
15909
|
-
|
|
15910
|
-
|
|
15911
|
-
|
|
15912
|
-
|
|
15913
|
-
|
|
15914
|
-
|
|
15915
|
-
|
|
15916
|
-
|
|
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"
|
|
15917
15960
|
}, item.filterarray.map(function (valueitem, valueindex) {
|
|
15918
15961
|
var ischecked = false;
|
|
15919
15962
|
if (item.payloadvalue == 'sortprice') {
|
|
@@ -15926,22 +15969,24 @@ var Filter$1 = function Filter(props) {
|
|
|
15926
15969
|
}
|
|
15927
15970
|
}
|
|
15928
15971
|
return /*#__PURE__*/React.createElement("div", {
|
|
15929
|
-
className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n
|
|
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 ',
|
|
15930
15973
|
onClick: function onClick() {
|
|
15931
|
-
// setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
|
|
15932
15974
|
var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
|
|
15933
15975
|
if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
|
|
15934
15976
|
tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
|
|
15935
15977
|
} else {
|
|
15936
15978
|
tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
|
|
15937
15979
|
}
|
|
15980
|
+
tempfetchproductsfilerobjcontext.page = 0;
|
|
15938
15981
|
setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
|
|
15982
|
+
filterrouting(tempfetchproductsfilerobjcontext);
|
|
15983
|
+
setsortbycontext(valueitem.name);
|
|
15939
15984
|
}
|
|
15940
|
-
}, /*#__PURE__*/React.createElement("div",
|
|
15941
|
-
className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + '
|
|
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 '
|
|
15942
15987
|
}, /*#__PURE__*/React.createElement("i", {
|
|
15943
15988
|
className: "h-100 d-flex align-items-center"
|
|
15944
|
-
}))
|
|
15989
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
15945
15990
|
className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
|
|
15946
15991
|
}, /*#__PURE__*/React.createElement("p", {
|
|
15947
15992
|
className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
|
|
@@ -15949,9 +15994,9 @@ var Filter$1 = function Filter(props) {
|
|
|
15949
15994
|
color: ischecked ? sectionproperties.activecat_color : ''
|
|
15950
15995
|
}
|
|
15951
15996
|
}, valueitem.name)));
|
|
15952
|
-
}))
|
|
15953
|
-
}), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
15954
|
-
className: "col-lg-12"
|
|
15997
|
+
}));
|
|
15998
|
+
}))))))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
15999
|
+
className: "col-lg-12 p-0"
|
|
15955
16000
|
}, /*#__PURE__*/React.createElement("hr", {
|
|
15956
16001
|
className: "mt-2 mb-3"
|
|
15957
16002
|
})), /*#__PURE__*/React.createElement("div", {
|
|
@@ -15960,9 +16005,23 @@ var Filter$1 = function Filter(props) {
|
|
|
15960
16005
|
"class": "row m-0 w-100"
|
|
15961
16006
|
}, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
15962
16007
|
"class": "row m-0 w-100"
|
|
15963
|
-
}, CollectionsFilter()
|
|
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", {
|
|
15964
16019
|
"class": "row m-0 w-100"
|
|
15965
|
-
},
|
|
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
|
+
})))))))))));
|
|
15966
16025
|
};
|
|
15967
16026
|
|
|
15968
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; }
|
|
@@ -16583,6 +16642,14 @@ var CardsSection = function CardsSection(props) {
|
|
|
16583
16642
|
});
|
|
16584
16643
|
}
|
|
16585
16644
|
cardobj.image = arrayItem.productinfo.productmainimage;
|
|
16645
|
+
cardobj.producttags = arrayItem.tags;
|
|
16646
|
+
if (langdetect == 'en') {
|
|
16647
|
+
var _arrayItem$features;
|
|
16648
|
+
cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features = arrayItem.features) === null || _arrayItem$features === void 0 ? void 0 : _arrayItem$features.value_en;
|
|
16649
|
+
} else {
|
|
16650
|
+
var _arrayItem$features2;
|
|
16651
|
+
cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features2 = arrayItem.features) === null || _arrayItem$features2 === void 0 ? void 0 : _arrayItem$features2.value_ar;
|
|
16652
|
+
}
|
|
16586
16653
|
cardobj.hassale = arrayItem.productinfo.hassale;
|
|
16587
16654
|
cardobj.productid = arrayItem.productinfo.productid;
|
|
16588
16655
|
cardobj.hasvariants = arrayItem.productinfo.hasvariants;
|
|
@@ -16629,6 +16696,8 @@ var CardsSection = function CardsSection(props) {
|
|
|
16629
16696
|
cardobj.description = arrayItem.description_ar;
|
|
16630
16697
|
}
|
|
16631
16698
|
cardobj.image = arrayItem.collectionlogo;
|
|
16699
|
+
cardobj.producttags = [];
|
|
16700
|
+
cardobj.productfeatures = [];
|
|
16632
16701
|
} else if (fetchingtype == 'categories') {
|
|
16633
16702
|
cardobj.collectionid = arrayItem.categoryid;
|
|
16634
16703
|
cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
|
|
@@ -16640,6 +16709,8 @@ var CardsSection = function CardsSection(props) {
|
|
|
16640
16709
|
cardobj.description = arrayItem.description_ar;
|
|
16641
16710
|
}
|
|
16642
16711
|
cardobj.image = arrayItem.categorylogo;
|
|
16712
|
+
cardobj.producttags = [];
|
|
16713
|
+
cardobj.productfeatures = [];
|
|
16643
16714
|
} else if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
|
|
16644
16715
|
cardobj.collectionid = arrayItem.parentcollectionid;
|
|
16645
16716
|
cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
|
|
@@ -16651,10 +16722,17 @@ var CardsSection = function CardsSection(props) {
|
|
|
16651
16722
|
cardobj.description = arrayItem.description_ar;
|
|
16652
16723
|
}
|
|
16653
16724
|
cardobj.image = arrayItem.parentcollectionlogo;
|
|
16654
|
-
|
|
16725
|
+
cardobj.producttags = [];
|
|
16726
|
+
cardobj.productfeatures = [];
|
|
16727
|
+
} else if (fetchingtype == 'custom') {
|
|
16728
|
+
cardobj.producttags = [];
|
|
16729
|
+
cardobj.productfeatures = [];
|
|
16730
|
+
} else if (fetchingtype == 'vendors') {
|
|
16655
16731
|
cardobj.name = arrayItem.vendorname;
|
|
16656
16732
|
cardobj.collectionid = arrayItem.vendorid;
|
|
16657
16733
|
cardobj.image = arrayItem.vendorlogourl;
|
|
16734
|
+
cardobj.producttags = [];
|
|
16735
|
+
cardobj.productfeatures = [];
|
|
16658
16736
|
}
|
|
16659
16737
|
temparray.push(cardobj);
|
|
16660
16738
|
});
|
|
@@ -17154,7 +17232,7 @@ var CardsSection = function CardsSection(props) {
|
|
|
17154
17232
|
}) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
|
|
17155
17233
|
size: sectionproperties.viewmoreiconfontsizeresp,
|
|
17156
17234
|
color: sectionproperties.viewmorebtn_Textcolor
|
|
17157
|
-
})))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React.createElement("button", {
|
|
17235
|
+
})))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 1' && /*#__PURE__*/React.createElement("button", {
|
|
17158
17236
|
"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 ',
|
|
17159
17237
|
onClick: function onClick() {
|
|
17160
17238
|
setopenFilterSlider(true);
|
|
@@ -17170,11 +17248,31 @@ var CardsSection = function CardsSection(props) {
|
|
|
17170
17248
|
}
|
|
17171
17249
|
}, langdetect == 'en' ? sectionproperties.filterbtntexten : sectionproperties.filterbtntextar), sectionproperties.filterbtniconfontsize != 0 && /*#__PURE__*/React.createElement("i", {
|
|
17172
17250
|
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
17173
|
-
}, /*#__PURE__*/React.createElement(
|
|
17251
|
+
}, /*#__PURE__*/React.createElement(BsSliders, {
|
|
17174
17252
|
style: {
|
|
17175
17253
|
fontSize: sectionproperties.filterbtniconfontsize
|
|
17176
17254
|
}
|
|
17177
|
-
}))))
|
|
17255
|
+
})))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("button", {
|
|
17256
|
+
"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 ',
|
|
17257
|
+
onClick: function onClick() {
|
|
17258
|
+
setopenFilterSlider(true);
|
|
17259
|
+
},
|
|
17260
|
+
style: {
|
|
17261
|
+
color: sectionproperties.filterbtn_Textcolor
|
|
17262
|
+
}
|
|
17263
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
17264
|
+
"class": "h-100 d-flex align-items-center justify-content-center",
|
|
17265
|
+
style: {
|
|
17266
|
+
transform: 'rotate(90deg)'
|
|
17267
|
+
}
|
|
17268
|
+
}, /*#__PURE__*/React.createElement(FiSliders, {
|
|
17269
|
+
style: {
|
|
17270
|
+
fontSize: 15,
|
|
17271
|
+
color: sectionproperties.filterbtn_Textcolor
|
|
17272
|
+
}
|
|
17273
|
+
})), /*#__PURE__*/React.createElement("span", {
|
|
17274
|
+
"class": "mx-2"
|
|
17275
|
+
}, langdetect == 'en' ? 'Filter & Sort By' : 'فلتر')))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
17178
17276
|
"class": "col-lg-12 p-0"
|
|
17179
17277
|
}, /*#__PURE__*/React.createElement("hr", {
|
|
17180
17278
|
"class": "mt-3 mb-2",
|
|
@@ -71476,6 +71574,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
|
|
|
71476
71574
|
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; }
|
|
71477
71575
|
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(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; }
|
|
71478
71576
|
var Simpleproductcard = function Simpleproductcard(props) {
|
|
71577
|
+
var _item$producttags, _item$producttags$;
|
|
71479
71578
|
var _useState = useState(''),
|
|
71480
71579
|
_useState2 = _slicedToArray(_useState, 2),
|
|
71481
71580
|
sectionproperties = _useState2[0],
|
|
@@ -71820,7 +71919,26 @@ var Simpleproductcard = function Simpleproductcard(props) {
|
|
|
71820
71919
|
fontSize: sectionproperties.pillfontSize + 'px',
|
|
71821
71920
|
direction: 'ltr'
|
|
71822
71921
|
}
|
|
71823
|
-
}, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
|
|
71922
|
+
}, 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.createElement("div", {
|
|
71923
|
+
"class": "allcentered",
|
|
71924
|
+
style: {
|
|
71925
|
+
position: 'absolute',
|
|
71926
|
+
bottom: 20,
|
|
71927
|
+
width: '100%',
|
|
71928
|
+
left: 0,
|
|
71929
|
+
right: 0,
|
|
71930
|
+
zIndex: 100
|
|
71931
|
+
}
|
|
71932
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
71933
|
+
"class": "px-3 py-1",
|
|
71934
|
+
style: {
|
|
71935
|
+
width: 'fit-content',
|
|
71936
|
+
background: sectionproperties.tagbackgroundcolor,
|
|
71937
|
+
borderRadius: sectionproperties.tagborderradius + 'px',
|
|
71938
|
+
color: sectionproperties.tagcolor,
|
|
71939
|
+
fontSize: 12
|
|
71940
|
+
}
|
|
71941
|
+
}, 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.createElement("div", {
|
|
71824
71942
|
"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 ',
|
|
71825
71943
|
style: {
|
|
71826
71944
|
marginBottom: sectionproperties.image_mb + 'px'
|
|
@@ -71843,7 +71961,18 @@ var Simpleproductcard = function Simpleproductcard(props) {
|
|
|
71843
71961
|
"class": "m-0 p-0"
|
|
71844
71962
|
}, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
71845
71963
|
"class": "row m-0 w-100 "
|
|
71846
|
-
}, sectionproperties.
|
|
71964
|
+
}, sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
71965
|
+
"class": "allcentered col-lg-12 p-0",
|
|
71966
|
+
style: {
|
|
71967
|
+
height: 40
|
|
71968
|
+
}
|
|
71969
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
71970
|
+
"class": "text-capitalize",
|
|
71971
|
+
style: {
|
|
71972
|
+
color: sectionproperties.tagcolor,
|
|
71973
|
+
fontSize: 14
|
|
71974
|
+
}
|
|
71975
|
+
}, (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.createElement("p", {
|
|
71847
71976
|
"class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 mb-2 ',
|
|
71848
71977
|
style: {
|
|
71849
71978
|
textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
|