tabexseriescomponents 0.0.378 → 0.0.379
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 +114 -58
- package/dist/index.esm.js +114 -58
- package/dist/index.umd.js +114 -58
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1812,7 +1812,11 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
|
|
|
1812
1812
|
return /*#__PURE__*/React.createElement("div", {
|
|
1813
1813
|
"class": "col-lg-12 p-0"
|
|
1814
1814
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1815
|
-
"class": "row
|
|
1815
|
+
"class": "row mx-0 w-100",
|
|
1816
|
+
style: {
|
|
1817
|
+
marginBottom: sectionproperties.reservationmarginvertical + 'px',
|
|
1818
|
+
marginTop: sectionproperties.reservationmarginvertical + 'px'
|
|
1819
|
+
}
|
|
1816
1820
|
}, sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
1817
1821
|
"class": "col-lg-12 p-0 mb-3 d-flex justift-content-start",
|
|
1818
1822
|
style: {
|
|
@@ -2377,12 +2381,13 @@ var Product_itemtype = function Product_itemtype(props) {
|
|
|
2377
2381
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2378
2382
|
className: 'row m-0 w-100'
|
|
2379
2383
|
}, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
|
|
2380
|
-
className: sectionproperties.evencols == 'Yes' ? 'col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-5 pl-1 pr-1 evencols' : 'col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
|
|
2384
|
+
className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-5 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
|
|
2381
2385
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2382
2386
|
className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
|
|
2383
2387
|
style: {
|
|
2384
2388
|
width: '100%',
|
|
2385
|
-
height: 'auto'
|
|
2389
|
+
// height: 'auto',
|
|
2390
|
+
height: sectionproperties.evencols == 'Yes' ? '550px' : 'auto'
|
|
2386
2391
|
}
|
|
2387
2392
|
}, productimagesarray.length == 0 && /*#__PURE__*/React.createElement("div", {
|
|
2388
2393
|
style: {
|
|
@@ -2396,13 +2401,17 @@ var Product_itemtype = function Product_itemtype(props) {
|
|
|
2396
2401
|
}, /*#__PURE__*/React.createElement(FiLayers, {
|
|
2397
2402
|
size: 26
|
|
2398
2403
|
}))), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
2399
|
-
"class": "w-100 d-block d-md-none"
|
|
2404
|
+
"class": "w-100 d-block d-md-none",
|
|
2405
|
+
style: {
|
|
2406
|
+
// height: '500px',
|
|
2407
|
+
height: sectionproperties.evencols == 'Yes' ? '550px' : ''
|
|
2408
|
+
}
|
|
2400
2409
|
}, /*#__PURE__*/React.createElement(ImageGallery, {
|
|
2401
2410
|
items: productimagesarray,
|
|
2402
2411
|
thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
|
|
2403
2412
|
showNav: false,
|
|
2404
2413
|
showPlayButton: false,
|
|
2405
|
-
showFullscreenButton: true,
|
|
2414
|
+
showFullscreenButton: sectionproperties.showgalleryfullscreenbtn == 'Yes' ? true : false,
|
|
2406
2415
|
startIndex: currentshowingimageindex
|
|
2407
2416
|
})), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
2408
2417
|
"class": "w-100 d-none d-md-block"
|
|
@@ -2427,7 +2436,7 @@ var Product_itemtype = function Product_itemtype(props) {
|
|
|
2427
2436
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2428
2437
|
className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
|
|
2429
2438
|
}, /*#__PURE__*/React.createElement("p", {
|
|
2430
|
-
className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
|
|
2439
|
+
className: props.srcfromprops == 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
|
|
2431
2440
|
onClick: function onClick() {
|
|
2432
2441
|
routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
|
|
2433
2442
|
},
|
|
@@ -2646,7 +2655,11 @@ var Product_itemtype = function Product_itemtype(props) {
|
|
|
2646
2655
|
display: sectionproperties.quantitybtn_show == 'Hide' && sectionproperties.cartBtnShow == 'Hide' ? 'none' : 'flex'
|
|
2647
2656
|
}
|
|
2648
2657
|
}, /*#__PURE__*/React.createElement("div", {
|
|
2649
|
-
className: "row
|
|
2658
|
+
className: "row mx-0 w-100 d-flex align-items-center",
|
|
2659
|
+
style: {
|
|
2660
|
+
marginTop: sectionproperties.ctabuttnnsmarginvertical + 'px',
|
|
2661
|
+
marginBottom: sectionproperties.ctabuttnnsmarginvertical + 'px'
|
|
2662
|
+
}
|
|
2650
2663
|
}, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
|
|
2651
2664
|
className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
|
|
2652
2665
|
}, /*#__PURE__*/React.createElement("p", {
|
|
@@ -17388,10 +17401,14 @@ var Subheader = function Subheader(props) {
|
|
|
17388
17401
|
onClick: function onClick() {
|
|
17389
17402
|
routingcountext(item.navigationroute);
|
|
17390
17403
|
},
|
|
17404
|
+
onMouseEnter: function onMouseEnter() {
|
|
17405
|
+
setshowdownheadermenu(false);
|
|
17406
|
+
setChoosenindex('');
|
|
17407
|
+
},
|
|
17391
17408
|
"class": "scrollhorizontalcard mb-0 pb-0",
|
|
17392
17409
|
style: {
|
|
17393
|
-
marginLeft:
|
|
17394
|
-
marginRight:
|
|
17410
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops,
|
|
17411
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops
|
|
17395
17412
|
}
|
|
17396
17413
|
}, /*#__PURE__*/React.createElement("p", {
|
|
17397
17414
|
"class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
|
|
@@ -17410,8 +17427,8 @@ var Subheader = function Subheader(props) {
|
|
|
17410
17427
|
setChoosenindex(index);
|
|
17411
17428
|
},
|
|
17412
17429
|
style: {
|
|
17413
|
-
marginLeft:
|
|
17414
|
-
marginRight:
|
|
17430
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingLeftprops,
|
|
17431
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops
|
|
17415
17432
|
}
|
|
17416
17433
|
}, langdetect == 'en' ? item.title_en : item.title_ar);
|
|
17417
17434
|
}
|
|
@@ -17428,8 +17445,8 @@ var Subheader = function Subheader(props) {
|
|
|
17428
17445
|
setChoosenindex(index);
|
|
17429
17446
|
},
|
|
17430
17447
|
style: {
|
|
17431
|
-
marginLeft:
|
|
17432
|
-
marginRight:
|
|
17448
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops,
|
|
17449
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingLeftprops,
|
|
17433
17450
|
position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
|
|
17434
17451
|
}
|
|
17435
17452
|
}, langdetect == 'en' ? item.title_en : item.title_ar);
|
|
@@ -17443,8 +17460,8 @@ var Subheader = function Subheader(props) {
|
|
|
17443
17460
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
|
|
17444
17461
|
},
|
|
17445
17462
|
style: {
|
|
17446
|
-
marginLeft:
|
|
17447
|
-
marginRight:
|
|
17463
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops,
|
|
17464
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingLeftprops,
|
|
17448
17465
|
position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
|
|
17449
17466
|
}
|
|
17450
17467
|
}, langdetect == 'en' ? item.title_en : item.title_ar);
|
|
@@ -17456,10 +17473,14 @@ var Subheader = function Subheader(props) {
|
|
|
17456
17473
|
onClick: function onClick() {
|
|
17457
17474
|
routingcountext(item.navigationroute);
|
|
17458
17475
|
},
|
|
17476
|
+
onMouseEnter: function onMouseEnter() {
|
|
17477
|
+
setshowdownheadermenu(false);
|
|
17478
|
+
setChoosenindex('');
|
|
17479
|
+
},
|
|
17459
17480
|
"class": "scrollhorizontalcard",
|
|
17460
17481
|
style: {
|
|
17461
|
-
marginLeft:
|
|
17462
|
-
marginRight:
|
|
17482
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope13 = props.subheaderpropertiesprops) === null || _props$subheaderprope13 === void 0 ? void 0 : _props$subheaderprope13.paddingLeftprops,
|
|
17483
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope14 = props.subheaderpropertiesprops) === null || _props$subheaderprope14 === void 0 ? void 0 : _props$subheaderprope14.paddingLeftprops
|
|
17463
17484
|
}
|
|
17464
17485
|
}, /*#__PURE__*/React.createElement("p", {
|
|
17465
17486
|
"class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
|
|
@@ -17478,10 +17499,14 @@ var Subheader = function Subheader(props) {
|
|
|
17478
17499
|
onClick: function onClick() {
|
|
17479
17500
|
routingcountext(item.navigationroute);
|
|
17480
17501
|
},
|
|
17502
|
+
onMouseEnter: function onMouseEnter() {
|
|
17503
|
+
setshowdownheadermenu(false);
|
|
17504
|
+
setChoosenindex('');
|
|
17505
|
+
},
|
|
17481
17506
|
"class": "scrollhorizontalcard",
|
|
17482
17507
|
style: {
|
|
17483
|
-
marginLeft:
|
|
17484
|
-
marginRight:
|
|
17508
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope17 = props.subheaderpropertiesprops) === null || _props$subheaderprope17 === void 0 ? void 0 : _props$subheaderprope17.paddingLeftprops,
|
|
17509
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope18 = props.subheaderpropertiesprops) === null || _props$subheaderprope18 === void 0 ? void 0 : _props$subheaderprope18.paddingLeftprops
|
|
17485
17510
|
}
|
|
17486
17511
|
}, /*#__PURE__*/React.createElement("p", {
|
|
17487
17512
|
"class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
|
|
@@ -17500,8 +17525,8 @@ var Subheader = function Subheader(props) {
|
|
|
17500
17525
|
setChoosenindex(index);
|
|
17501
17526
|
},
|
|
17502
17527
|
style: {
|
|
17503
|
-
marginLeft:
|
|
17504
|
-
marginRight:
|
|
17528
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope19 = props.subheaderpropertiesprops) === null || _props$subheaderprope19 === void 0 ? void 0 : _props$subheaderprope19.paddingLeftprops,
|
|
17529
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope20 = props.subheaderpropertiesprops) === null || _props$subheaderprope20 === void 0 ? void 0 : _props$subheaderprope20.paddingLeftprops
|
|
17505
17530
|
}
|
|
17506
17531
|
}, langdetect == 'en' ? item.title_en : item.title_ar);
|
|
17507
17532
|
}
|
|
@@ -17518,8 +17543,8 @@ var Subheader = function Subheader(props) {
|
|
|
17518
17543
|
setChoosenindex(index);
|
|
17519
17544
|
},
|
|
17520
17545
|
style: {
|
|
17521
|
-
marginLeft:
|
|
17522
|
-
marginRight:
|
|
17546
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope21 = props.subheaderpropertiesprops) === null || _props$subheaderprope21 === void 0 ? void 0 : _props$subheaderprope21.paddingLeftprops,
|
|
17547
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops
|
|
17523
17548
|
}
|
|
17524
17549
|
}, langdetect == 'en' ? item.title_en : item.title_ar);
|
|
17525
17550
|
}
|
|
@@ -17532,8 +17557,8 @@ var Subheader = function Subheader(props) {
|
|
|
17532
17557
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
|
|
17533
17558
|
},
|
|
17534
17559
|
style: {
|
|
17535
|
-
marginLeft:
|
|
17536
|
-
marginRight:
|
|
17560
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope23 = props.subheaderpropertiesprops) === null || _props$subheaderprope23 === void 0 ? void 0 : _props$subheaderprope23.paddingLeftprops,
|
|
17561
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope24 = props.subheaderpropertiesprops) === null || _props$subheaderprope24 === void 0 ? void 0 : _props$subheaderprope24.paddingLeftprops,
|
|
17537
17562
|
color: sectionproperties.subheader_categorytitle_fontColor_resp,
|
|
17538
17563
|
fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
|
|
17539
17564
|
textTransform: sectionproperties.subheader_categorytitle_textTransform,
|
|
@@ -17572,8 +17597,8 @@ var Subheader = function Subheader(props) {
|
|
|
17572
17597
|
setChoosenindex(index);
|
|
17573
17598
|
},
|
|
17574
17599
|
style: {
|
|
17575
|
-
marginLeft:
|
|
17576
|
-
marginRight:
|
|
17600
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.paddingLeftprops,
|
|
17601
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.paddingLeftprops,
|
|
17577
17602
|
color: sectionproperties.subheader_categorytitle_fontColor_resp,
|
|
17578
17603
|
fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
|
|
17579
17604
|
textTransform: sectionproperties.subheader_categorytitle_textTransform,
|
|
@@ -17594,8 +17619,8 @@ var Subheader = function Subheader(props) {
|
|
|
17594
17619
|
setChoosenindex(index);
|
|
17595
17620
|
},
|
|
17596
17621
|
style: {
|
|
17597
|
-
marginLeft:
|
|
17598
|
-
marginRight:
|
|
17622
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope27 = props.subheaderpropertiesprops) === null || _props$subheaderprope27 === void 0 ? void 0 : _props$subheaderprope27.paddingLeftprops,
|
|
17623
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope28 = props.subheaderpropertiesprops) === null || _props$subheaderprope28 === void 0 ? void 0 : _props$subheaderprope28.paddingLeftprops,
|
|
17599
17624
|
color: sectionproperties.subheader_categorytitle_fontColor_resp,
|
|
17600
17625
|
fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
|
|
17601
17626
|
textTransform: sectionproperties.subheader_categorytitle_textTransform,
|
|
@@ -17612,8 +17637,8 @@ var Subheader = function Subheader(props) {
|
|
|
17612
17637
|
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
|
|
17613
17638
|
},
|
|
17614
17639
|
style: {
|
|
17615
|
-
marginLeft:
|
|
17616
|
-
marginRight:
|
|
17640
|
+
marginLeft: props === null || props === void 0 || (_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.paddingLeftprops,
|
|
17641
|
+
marginRight: props === null || props === void 0 || (_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.paddingLeftprops,
|
|
17617
17642
|
color: sectionproperties.subheader_categorytitle_fontColor_resp,
|
|
17618
17643
|
fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
|
|
17619
17644
|
textTransform: sectionproperties.subheader_categorytitle_textTransform,
|
|
@@ -17625,6 +17650,7 @@ var Subheader = function Subheader(props) {
|
|
|
17625
17650
|
"class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center pl-lg-3 pr-lg-3 pl-md-2 pr-md-2 p-sm-0 position-md-relative ',
|
|
17626
17651
|
onMouseLeave: function onMouseLeave() {
|
|
17627
17652
|
setshowdownheadermenu(false);
|
|
17653
|
+
setChoosenindex('');
|
|
17628
17654
|
},
|
|
17629
17655
|
style: {
|
|
17630
17656
|
width: sectionproperties.subheader_width + '%',
|
|
@@ -17657,9 +17683,9 @@ var Subheader = function Subheader(props) {
|
|
|
17657
17683
|
"class": "font-16 font-weight-500 m-0 p-0"
|
|
17658
17684
|
}, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery7 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery7 === void 0 || (_fetchCategoriesQuery7 = _fetchCategoriesQuery7.data) === null || _fetchCategoriesQuery7 === void 0 || (_fetchCategoriesQuery7 = _fetchCategoriesQuery7.categories[Choosenindex]) === null || _fetchCategoriesQuery7 === void 0 ? void 0 : _fetchCategoriesQuery7.parentcolletions.map(function (item, index) {
|
|
17659
17685
|
if (item.isshowntocustomers == 1) {
|
|
17660
|
-
var _fetchCategoriesQuery8;
|
|
17686
|
+
var _fetchCategoriesQuery8, _props$subheaderprope35, _props$subheaderprope36;
|
|
17661
17687
|
return /*#__PURE__*/React.createElement("div", {
|
|
17662
|
-
"class": (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery8 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery8 === void 0 || (_fetchCategoriesQuery8 = _fetchCategoriesQuery8.data) === null || _fetchCategoriesQuery8 === void 0 || (_fetchCategoriesQuery8 = _fetchCategoriesQuery8.categories[Choosenindex]) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : _fetchCategoriesQuery8.parentcolletions.length) >= 5 ? 'col-lg-2 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4' : 'col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4',
|
|
17688
|
+
"class": (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery8 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery8 === void 0 || (_fetchCategoriesQuery8 = _fetchCategoriesQuery8.data) === null || _fetchCategoriesQuery8 === void 0 || (_fetchCategoriesQuery8 = _fetchCategoriesQuery8.categories[Choosenindex]) === null || _fetchCategoriesQuery8 === void 0 ? void 0 : _fetchCategoriesQuery8.parentcolletions.length) >= 5 ? 'col-lg-2 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4' : ((_props$subheaderprope35 = props.subheaderpropertiesprops) === null || _props$subheaderprope35 === void 0 ? void 0 : _props$subheaderprope35.numofcolsinlistprops) != undefined ? ' pl-2 pr-2 col-md-6 col-sm-12 mb-md-4 col-lg-' + ((_props$subheaderprope36 = props.subheaderpropertiesprops) === null || _props$subheaderprope36 === void 0 ? void 0 : _props$subheaderprope36.numofcolsinlistprops) : 'col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4',
|
|
17663
17689
|
style: {
|
|
17664
17690
|
cursor: 'pointer'
|
|
17665
17691
|
}
|
|
@@ -18153,12 +18179,12 @@ var Headerresponsive = function Headerresponsive(props) {
|
|
|
18153
18179
|
className: langdetect == 'en' ? 'mr-2' : 'ml-2'
|
|
18154
18180
|
}), /*#__PURE__*/React.createElement("span", {
|
|
18155
18181
|
className: "text-transform-none"
|
|
18156
|
-
}, lang.signup)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
|
|
18182
|
+
}, lang.signup)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement(Dropdown.Divider, {
|
|
18157
18183
|
style: {
|
|
18158
18184
|
marginBottom: 0,
|
|
18159
18185
|
marginTop: 0
|
|
18160
18186
|
}
|
|
18161
|
-
}), /*#__PURE__*/React.createElement(Dropdown.Item, {
|
|
18187
|
+
}), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement(Dropdown.Item, {
|
|
18162
18188
|
onClick: function onClick() {
|
|
18163
18189
|
routingcountext(StaticPagesLinksContext.viewcart);
|
|
18164
18190
|
}
|
|
@@ -19104,7 +19130,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
|
|
|
19104
19130
|
}
|
|
19105
19131
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
19106
19132
|
className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
|
|
19107
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
19133
|
+
}, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
19108
19134
|
style: {
|
|
19109
19135
|
width: '30px',
|
|
19110
19136
|
height: sectionproperties.cart_BtnHeight_resp + 'px'
|
|
@@ -36395,8 +36421,8 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
|
|
|
36395
36421
|
return /*#__PURE__*/React.createElement("li", {
|
|
36396
36422
|
"class": "".concat(header_cssstyles.navbar_item_text) + ' cursor-pointer allcentered ',
|
|
36397
36423
|
style: {
|
|
36398
|
-
marginLeft:
|
|
36399
|
-
marginRight:
|
|
36424
|
+
marginLeft: sectionproperties.navbar_item_textpaddingleft + 'px',
|
|
36425
|
+
marginRight: sectionproperties.navbar_item_textpaddingleft + 'px'
|
|
36400
36426
|
},
|
|
36401
36427
|
onClick: function onClick() {
|
|
36402
36428
|
routingcountext(item.navigationroute, false, '');
|
|
@@ -36410,9 +36436,10 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
|
|
|
36410
36436
|
actions: actions,
|
|
36411
36437
|
subheaderpropertiesprops: {
|
|
36412
36438
|
subheaderpositionprops: 'in nav',
|
|
36413
|
-
paddingLeftprops: '
|
|
36414
|
-
paddingRightprops: '
|
|
36415
|
-
subheadercontentpositionprops: 'center'
|
|
36439
|
+
paddingLeftprops: sectionproperties.navbar_item_textpaddingleft + 'px',
|
|
36440
|
+
paddingRightprops: sectionproperties.navbar_item_textpaddingleft + 'px',
|
|
36441
|
+
subheadercontentpositionprops: 'center',
|
|
36442
|
+
numofcolsinlistprops: '4'
|
|
36416
36443
|
}
|
|
36417
36444
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
36418
36445
|
"class": "col-lg-4 col-md-4 p-0 d-flex align-items-center justify-content-end"
|
|
@@ -36509,7 +36536,8 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
|
|
|
36509
36536
|
subheaderpositionprops: 'Full Width',
|
|
36510
36537
|
paddingLeftprops: '20px',
|
|
36511
36538
|
paddingRightprops: '20px',
|
|
36512
|
-
subheadercontentpositionprops: 'center'
|
|
36539
|
+
subheadercontentpositionprops: 'center',
|
|
36540
|
+
numofcols: '6'
|
|
36513
36541
|
}
|
|
36514
36542
|
})))), /*#__PURE__*/React.createElement(Headerresponsive, {
|
|
36515
36543
|
sectionpropertiesprops: sectionproperties,
|
|
@@ -41601,7 +41629,7 @@ var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
|
|
|
41601
41629
|
function ownKeys$1o(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; }
|
|
41602
41630
|
function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
41603
41631
|
var ModernFooter = function ModernFooter(props) {
|
|
41604
|
-
var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17;
|
|
41632
|
+
var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23;
|
|
41605
41633
|
var _useState = useState(''),
|
|
41606
41634
|
_useState2 = _slicedToArray(_useState, 2),
|
|
41607
41635
|
sectionproperties = _useState2[0],
|
|
@@ -41922,7 +41950,35 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
41922
41950
|
}, sectionproperties.linkedinbtniconfontsize != 0 && /*#__PURE__*/React.createElement(AiOutlineLinkedin, {
|
|
41923
41951
|
"class": 'mr-2',
|
|
41924
41952
|
size: sectionproperties.linkedinbtniconfontsize
|
|
41925
|
-
}), sectionproperties.linkedinlinktext))))
|
|
41953
|
+
}), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null && /*#__PURE__*/React.createElement("div", {
|
|
41954
|
+
"class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
|
|
41955
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
41956
|
+
"class": footerStyles.instgram_btn + ' m-0 p-0 d-flex align-items-center ',
|
|
41957
|
+
onClick: function onClick() {
|
|
41958
|
+
var _authdetailsContext$i15;
|
|
41959
|
+
if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink) != null) {
|
|
41960
|
+
var _authdetailsContext$i16;
|
|
41961
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.tiktoklink, '_blank');
|
|
41962
|
+
}
|
|
41963
|
+
}
|
|
41964
|
+
}, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React.createElement(IoLogoTiktok, {
|
|
41965
|
+
"class": 'mr-2',
|
|
41966
|
+
size: sectionproperties.instagramiconfontsize
|
|
41967
|
+
}), langdetect == 'en' ? 'TikTok' : 'TikTok')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.telegramlink) != null && /*#__PURE__*/React.createElement("div", {
|
|
41968
|
+
"class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
|
|
41969
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
41970
|
+
"class": footerStyles.instgram_btn + ' m-0 p-0 d-flex align-items-center ',
|
|
41971
|
+
onClick: function onClick() {
|
|
41972
|
+
var _authdetailsContext$i18;
|
|
41973
|
+
if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.telegramlink) != null) {
|
|
41974
|
+
var _authdetailsContext$i19;
|
|
41975
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.telegramlink, '_blank');
|
|
41976
|
+
}
|
|
41977
|
+
}
|
|
41978
|
+
}, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React.createElement(FaTelegramPlane, {
|
|
41979
|
+
"class": 'mr-2',
|
|
41980
|
+
size: sectionproperties.instagramiconfontsize
|
|
41981
|
+
}), langdetect == 'en' ? 'Telegram' : 'Telegram')))), /*#__PURE__*/React.createElement("div", {
|
|
41926
41982
|
"class": sectionproperties.showdownloadsection == 'Show' || sectionproperties.showpaymentfooter == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3',
|
|
41927
41983
|
style: {
|
|
41928
41984
|
display: sectionproperties.showfooteraddress == 'Hide' && sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.showfooteremail == 'Hide' ? 'none' : 'block'
|
|
@@ -41948,7 +42004,7 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
41948
42004
|
}
|
|
41949
42005
|
}, /*#__PURE__*/React.createElement(IoLocationSharp, {
|
|
41950
42006
|
size: sectionproperties.footerinfoicon_fontsize
|
|
41951
|
-
})), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42007
|
+
})), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.address_en)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
41952
42008
|
"class": "".concat(footerStyles.footerinfotext) + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-1 p-0 ',
|
|
41953
42009
|
onClick: function onClick() {
|
|
41954
42010
|
window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_self');
|
|
@@ -41967,14 +42023,14 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
41967
42023
|
}), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
41968
42024
|
"class": "".concat(footerStyles.footerinfotext) + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-1 p-0 ',
|
|
41969
42025
|
onClick: function onClick() {
|
|
41970
|
-
var _authdetailsContext$
|
|
41971
|
-
window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42026
|
+
var _authdetailsContext$i21;
|
|
42027
|
+
window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 || (_authdetailsContext$i21 = _authdetailsContext$i21.contactinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.email), '_self');
|
|
41972
42028
|
}
|
|
41973
42029
|
}, /*#__PURE__*/React.createElement("p", {
|
|
41974
42030
|
"class": ' footerinfotext d-flex align-items-center justify-content-start m-0 p-0 cursor-pointer ',
|
|
41975
42031
|
onClick: function onClick() {
|
|
41976
|
-
var _authdetailsContext$
|
|
41977
|
-
window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42032
|
+
var _authdetailsContext$i22;
|
|
42033
|
+
window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 || (_authdetailsContext$i22 = _authdetailsContext$i22.contactinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.email), '_self');
|
|
41978
42034
|
},
|
|
41979
42035
|
style: {
|
|
41980
42036
|
textTransform: 'none'
|
|
@@ -41985,7 +42041,7 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
41985
42041
|
marginRight: langdetect == 'en' ? '0.5rem' : 0,
|
|
41986
42042
|
marginLeft: langdetect == 'ar' ? '0.5rem' : 0
|
|
41987
42043
|
}
|
|
41988
|
-
}), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42044
|
+
}), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 || (_authdetailsContext$i23 = _authdetailsContext$i23.contactinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
41989
42045
|
"class": sectionproperties.showfooteraddress == 'Hide' && sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.showfooteremail == 'Hide' ? 'col-lg-4 col-md-12 col-sm-12 mt-md-3' : 'col-lg-3 col-md-12 col-sm-12 mt-md-3'
|
|
41990
42046
|
}, /*#__PURE__*/React.createElement("div", {
|
|
41991
42047
|
className: "col-lg-12 p-0 d-flex justify-content-start mb-3"
|
|
@@ -41997,15 +42053,15 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
41997
42053
|
"class": "".concat(footerStyles.apptore) + ' cursor-pointer d-flex d-md-none ',
|
|
41998
42054
|
src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
|
|
41999
42055
|
onClick: function onClick() {
|
|
42000
|
-
var _authdetailsContext$
|
|
42001
|
-
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42056
|
+
var _authdetailsContext$i24;
|
|
42057
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.mobileapplink_appstore, '_blank');
|
|
42002
42058
|
}
|
|
42003
42059
|
}), /*#__PURE__*/React.createElement("img", {
|
|
42004
42060
|
"class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
|
|
42005
42061
|
src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
|
|
42006
42062
|
onClick: function onClick() {
|
|
42007
|
-
var _authdetailsContext$
|
|
42008
|
-
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42063
|
+
var _authdetailsContext$i25;
|
|
42064
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.mobileapplink_appstore, '_blank');
|
|
42009
42065
|
}
|
|
42010
42066
|
})), /*#__PURE__*/React.createElement("div", {
|
|
42011
42067
|
"class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
|
|
@@ -42013,15 +42069,15 @@ var ModernFooter = function ModernFooter(props) {
|
|
|
42013
42069
|
"class": "".concat(footerStyles.playstore) + ' cursor-pointer d-flex d-md-none ',
|
|
42014
42070
|
src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
|
|
42015
42071
|
onClick: function onClick() {
|
|
42016
|
-
var _authdetailsContext$
|
|
42017
|
-
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42072
|
+
var _authdetailsContext$i26;
|
|
42073
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.mobileapplink_playstore, '_blank');
|
|
42018
42074
|
}
|
|
42019
42075
|
}), /*#__PURE__*/React.createElement("img", {
|
|
42020
42076
|
"class": "".concat(footerStyles.playstore) + ' cursor-pointer d-none d-md-flex ',
|
|
42021
42077
|
src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
|
|
42022
42078
|
onClick: function onClick() {
|
|
42023
|
-
var _authdetailsContext$
|
|
42024
|
-
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$
|
|
42079
|
+
var _authdetailsContext$i27;
|
|
42080
|
+
window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.mobileapplink_playstore, '_blank');
|
|
42025
42081
|
}
|
|
42026
42082
|
}))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
42027
42083
|
"class": "col-lg-3 col-md-12 col-sm-12 mt-md-3 px-lg-5 px-md-2",
|