tabexseriescomponents 0.0.393 → 0.0.394

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +144 -132
  2. package/dist/index.esm.js +144 -132
  3. package/dist/index.umd.js +144 -132
  4. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -1536,11 +1536,12 @@ var Variantoptions = function Variantoptions(props) {
1536
1536
  }
1537
1537
  },
1538
1538
  style: {
1539
- backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1539
+ backgroundColor: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1540
1540
  width: 'auto',
1541
1541
  height: sectionproperties.variantcontainer_height + 'px',
1542
1542
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1543
- position: 'relative'
1543
+ position: 'relative',
1544
+ border: isoptionvalueselected == 1 ? '2px solid green' : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
1544
1545
  }
1545
1546
  }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React.createElement("p", {
1546
1547
  "class": "m-0 p-0 bg-danger bgdanger-hover",
@@ -1557,8 +1558,10 @@ var Variantoptions = function Variantoptions(props) {
1557
1558
  }, /*#__PURE__*/React.createElement(IoMdClose, null))), /*#__PURE__*/React.createElement("p", {
1558
1559
  className: 'm-0 p-0 allcentered',
1559
1560
  style: {
1560
- color: sectionproperties.variantcontainer_color,
1561
- fontSize: sectionproperties.variantcontainer_fontSize + 'px'
1561
+ fontWeight: 500,
1562
+ // color: sectionproperties.variantcontainer_color,
1563
+ fontSize: sectionproperties.variantcontainer_fontSize + 'px',
1564
+ color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? 'green' : sectionproperties.variantcontainer_color
1562
1565
  }
1563
1566
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1564
1567
  }
@@ -2237,6 +2240,7 @@ var Product_itemtype = function Product_itemtype(props) {
2237
2240
  var routingcountext = props.actions.routingcountext;
2238
2241
  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
2239
2242
  var authdetailsContext = props.actions.authdetailsContext;
2243
+ var variantsku = props.actions.variantsku;
2240
2244
  var addtofavoritescontext = props.actions.addtofavoritescontext;
2241
2245
  var variantindexcompleted = props.actions.variantindexcompleted;
2242
2246
  props.actions.ProductInfoObj;
@@ -2368,6 +2372,26 @@ var Product_itemtype = function Product_itemtype(props) {
2368
2372
  }
2369
2373
  settotalprice(totalprice);
2370
2374
  }, [variantindexcompleted]);
2375
+ var ProductsSKUContainer = function ProductsSKUContainer() {
2376
+ return /*#__PURE__*/React.createElement("p", {
2377
+ "class": "m-0 p-0 d-flex justify-content-start"
2378
+ }, /*#__PURE__*/React.createElement("span", {
2379
+ style: {
2380
+ color: sectionproperties.skuColor,
2381
+ fontWeight: sectionproperties.skuFontWeight,
2382
+ fontSize: sectionproperties.skuFontSize + 'px',
2383
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2384
+ }
2385
+ }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React.createElement("span", {
2386
+ "class": "ml-1 mr-1",
2387
+ style: {
2388
+ color: '#7e859b',
2389
+ fontWeight: sectionproperties.skuSecondaryFontWeight,
2390
+ fontSize: sectionproperties.skuFontSize + 'px',
2391
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2392
+ }
2393
+ }, sectionproperties.showvariantsku == 'Show' && variantsku != '' ? variantsku : fetchProductInfoQueryContext.data.data.productinfo.sku));
2394
+ };
2371
2395
  return /*#__PURE__*/React.createElement("div", {
2372
2396
  className: sectionproperties.card_marginLeft != 0 ? ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0 ' : ' row m-0 w-100 p-sm-0 ',
2373
2397
  style: {
@@ -2552,7 +2576,9 @@ var Product_itemtype = function Product_itemtype(props) {
2552
2576
  size: sectionproperties.favBtnIconfontsize
2553
2577
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
2554
2578
  size: sectionproperties.favBtnIconfontsize
2555
- }))))), sectionproperties.descriptionposition == 'Top' && /*#__PURE__*/React.createElement("div", {
2579
+ }))))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.skuposition == 'Top' && /*#__PURE__*/React.createElement("div", {
2580
+ "class": 'col-lg-12 p-0 my-3 d-flex justify-content-start'
2581
+ }, ProductsSKUContainer()), sectionproperties.descriptionposition == 'Top' && /*#__PURE__*/React.createElement("div", {
2556
2582
  "class": "col-lg-12 p-0"
2557
2583
  }, /*#__PURE__*/React.createElement(DescriptionContent, {
2558
2584
  actions: props.actions,
@@ -2568,26 +2594,9 @@ var Product_itemtype = function Product_itemtype(props) {
2568
2594
  style: {
2569
2595
  fontWeight: 600
2570
2596
  }
2571
- }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.vendorinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.vendorname))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
2597
+ }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.vendorinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.vendorname))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.skuposition == 'Bottom' && /*#__PURE__*/React.createElement("div", {
2572
2598
  "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
2573
- }, /*#__PURE__*/React.createElement("p", {
2574
- "class": "m-0 p-0 d-flex justify-content-start"
2575
- }, /*#__PURE__*/React.createElement("span", {
2576
- style: {
2577
- color: sectionproperties.skuColor,
2578
- fontWeight: sectionproperties.skuFontWeight,
2579
- fontSize: sectionproperties.skuFontSize + 'px',
2580
- textAlign: langdetect == 'en' ? 'left' : 'right'
2581
- }
2582
- }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React.createElement("span", {
2583
- "class": "ml-1 mr-1",
2584
- style: {
2585
- color: '#7e859b',
2586
- fontWeight: sectionproperties.skuSecondaryFontWeight,
2587
- fontSize: sectionproperties.skuFontSize + 'px',
2588
- textAlign: langdetect == 'en' ? 'left' : 'right'
2589
- }
2590
- }, fetchProductInfoQueryContext.data.data.productinfo.sku))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.hasvariants) == 0 && /*#__PURE__*/React.createElement("div", {
2599
+ }, ProductsSKUContainer()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.hasvariants) == 0 && /*#__PURE__*/React.createElement("div", {
2591
2600
  "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
2592
2601
  }, /*#__PURE__*/React.createElement("div", {
2593
2602
  "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
@@ -4666,43 +4675,47 @@ var Productinfo = function Productinfo(props) {
4666
4675
  var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
4667
4676
  var NotificationManager = props.actions.NotificationManager;
4668
4677
  var productidparam = props.productidparam;
4669
- var _useState5 = useState(false),
4678
+ var _useState5 = useState(''),
4670
4679
  _useState6 = _slicedToArray(_useState5, 2),
4671
- isoutofstock = _useState6[0],
4672
- setisoutofstock = _useState6[1];
4673
- var _useState7 = useState(''),
4680
+ variantsku = _useState6[0],
4681
+ setvariantsku = _useState6[1];
4682
+ var _useState7 = useState(false),
4674
4683
  _useState8 = _slicedToArray(_useState7, 2),
4675
- sectionproperties = _useState8[0],
4676
- setsectionproperties = _useState8[1];
4684
+ isoutofstock = _useState8[0],
4685
+ setisoutofstock = _useState8[1];
4677
4686
  var _useState9 = useState(''),
4678
- _useState10 = _slicedToArray(_useState9, 2);
4679
- _useState10[0];
4680
- var setCurrentPageId = _useState10[1];
4687
+ _useState10 = _slicedToArray(_useState9, 2),
4688
+ sectionproperties = _useState10[0],
4689
+ setsectionproperties = _useState10[1];
4681
4690
  var _useState11 = useState(''),
4682
4691
  _useState12 = _slicedToArray(_useState11, 2);
4683
4692
  _useState12[0];
4684
- var setRelatedProductsTagid = _useState12[1];
4685
- var _useState13 = useState('all'),
4693
+ var setCurrentPageId = _useState12[1];
4694
+ var _useState13 = useState(''),
4686
4695
  _useState14 = _slicedToArray(_useState13, 2);
4687
4696
  _useState14[0];
4688
- _useState14[1];
4689
- var _useState15 = useState([]),
4697
+ var setRelatedProductsTagid = _useState14[1];
4698
+ var _useState15 = useState('all'),
4690
4699
  _useState16 = _slicedToArray(_useState15, 2);
4691
4700
  _useState16[0];
4692
4701
  _useState16[1];
4693
4702
  var _useState17 = useState([]),
4694
- _useState18 = _slicedToArray(_useState17, 2),
4695
- Relatedproducts = _useState18[0],
4696
- setRelatedproducts = _useState18[1];
4703
+ _useState18 = _slicedToArray(_useState17, 2);
4704
+ _useState18[0];
4705
+ _useState18[1];
4697
4706
  var _useState19 = useState([]),
4698
4707
  _useState20 = _slicedToArray(_useState19, 2),
4699
- productimagesarray = _useState20[0],
4700
- setproductimagesarray = _useState20[1];
4701
- var _useState21 = useState(null),
4708
+ Relatedproducts = _useState20[0],
4709
+ setRelatedproducts = _useState20[1];
4710
+ var _useState21 = useState([]),
4702
4711
  _useState22 = _slicedToArray(_useState21, 2),
4703
- quantityconditionfoundobj = _useState22[0],
4704
- setquantityconditionfoundobj = _useState22[1];
4705
- var _useState23 = useState({
4712
+ productimagesarray = _useState22[0],
4713
+ setproductimagesarray = _useState22[1];
4714
+ var _useState23 = useState(null),
4715
+ _useState24 = _slicedToArray(_useState23, 2),
4716
+ quantityconditionfoundobj = _useState24[0],
4717
+ setquantityconditionfoundobj = _useState24[1];
4718
+ var _useState25 = useState({
4706
4719
  functype: 'add',
4707
4720
  item_type: 'product',
4708
4721
  productid: '',
@@ -4714,41 +4727,41 @@ var Productinfo = function Productinfo(props) {
4714
4727
  to: '',
4715
4728
  extrafields: []
4716
4729
  }),
4717
- _useState24 = _slicedToArray(_useState23, 2),
4718
- addtocardpayloadobj = _useState24[0],
4719
- setaddtocardpayloadobj = _useState24[1];
4720
- var _useState25 = useState(''),
4721
4730
  _useState26 = _slicedToArray(_useState25, 2),
4722
- variantindexcompleted = _useState26[0],
4723
- setvariantindexcompleted = _useState26[1];
4731
+ addtocardpayloadobj = _useState26[0],
4732
+ setaddtocardpayloadobj = _useState26[1];
4724
4733
  var _useState27 = useState(''),
4725
4734
  _useState28 = _slicedToArray(_useState27, 2),
4726
- variantindex = _useState28[0],
4727
- setvariantindex = _useState28[1];
4728
- var _useState29 = useState(false),
4735
+ variantindexcompleted = _useState28[0],
4736
+ setvariantindexcompleted = _useState28[1];
4737
+ var _useState29 = useState(''),
4729
4738
  _useState30 = _slicedToArray(_useState29, 2),
4730
- isloaded = _useState30[0],
4731
- setisloaded = _useState30[1];
4739
+ variantindex = _useState30[0],
4740
+ setvariantindex = _useState30[1];
4732
4741
  var _useState31 = useState(false),
4733
- _useState32 = _slicedToArray(_useState31, 2);
4734
- _useState32[0];
4735
- _useState32[1];
4736
- var _useState33 = useState(0),
4737
- _useState34 = _slicedToArray(_useState33, 2),
4738
- currentshowingimageindex = _useState34[0],
4739
- setcurrentshowingimageindex = _useState34[1];
4740
- var _useState35 = useState(''),
4742
+ _useState32 = _slicedToArray(_useState31, 2),
4743
+ isloaded = _useState32[0],
4744
+ setisloaded = _useState32[1];
4745
+ var _useState33 = useState(false),
4746
+ _useState34 = _slicedToArray(_useState33, 2);
4747
+ _useState34[0];
4748
+ _useState34[1];
4749
+ var _useState35 = useState(0),
4741
4750
  _useState36 = _slicedToArray(_useState35, 2),
4742
- tabIndex = _useState36[0],
4743
- setTabIndex = _useState36[1];
4751
+ currentshowingimageindex = _useState36[0],
4752
+ setcurrentshowingimageindex = _useState36[1];
4744
4753
  var _useState37 = useState(''),
4745
4754
  _useState38 = _slicedToArray(_useState37, 2),
4746
- tabname = _useState38[0],
4747
- settabname = _useState38[1];
4748
- var _useState39 = useState([]),
4755
+ tabIndex = _useState38[0],
4756
+ setTabIndex = _useState38[1];
4757
+ var _useState39 = useState(''),
4749
4758
  _useState40 = _slicedToArray(_useState39, 2),
4750
- productVideos = _useState40[0],
4751
- setproductVideos = _useState40[1];
4759
+ tabname = _useState40[0],
4760
+ settabname = _useState40[1];
4761
+ var _useState41 = useState([]),
4762
+ _useState42 = _slicedToArray(_useState41, 2),
4763
+ productVideos = _useState42[0],
4764
+ setproductVideos = _useState42[1];
4752
4765
  var handleTabChange = function handleTabChange(event, newTabIndex) {
4753
4766
  setTabIndex(newTabIndex);
4754
4767
  };
@@ -5038,6 +5051,8 @@ var Productinfo = function Productinfo(props) {
5038
5051
  } else {
5039
5052
  setisoutofstock(false);
5040
5053
  }
5054
+ setvariantsku(variantobj === null || variantobj === void 0 ? void 0 : variantobj.sku);
5055
+ // alert(variantsku);
5041
5056
  setcurrentshowingimageindex(variantimageindex);
5042
5057
  setaddtocardpayloadobj(_objectSpread$2m({}, tempaddtocardpayloadobj));
5043
5058
  setvariantindexcompleted(ProductVariantIndex);
@@ -5974,9 +5989,10 @@ var Productinfo = function Productinfo(props) {
5974
5989
  langdetect: langdetect,
5975
5990
  lang: lang,
5976
5991
  srcfromprops: props.srcfromprops
5977
- }, _defineProperty(_ref, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref, "addtocartfunc", addtocartfunc), _defineProperty(_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref, "productimagesarray", productimagesarray), _defineProperty(_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref, "sectionproperties", sectionproperties), _defineProperty(_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref, "routingcountext", routingcountext), _defineProperty(_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref, "authdetailsContext", authdetailsContext), _defineProperty(_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref, "NotificationManager", NotificationManager), _defineProperty(_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref, "relatedproducts", relatedproducts), _defineProperty(_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref, "StoreInfoprops", StoreInfo), _defineProperty(_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref, "templatepropcontext", templatepropcontext), _defineProperty(_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty(_ref, "variantindex", variantindex), _defineProperty(_ref, "setvariantindex", setvariantindex), _ref)
5992
+ }, _defineProperty(_ref, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref, "addtocartfunc", addtocartfunc), _defineProperty(_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref, "productimagesarray", productimagesarray), _defineProperty(_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref, "sectionproperties", sectionproperties), _defineProperty(_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref, "routingcountext", routingcountext), _defineProperty(_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref, "authdetailsContext", authdetailsContext), _defineProperty(_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref, "NotificationManager", NotificationManager), _defineProperty(_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref, "relatedproducts", relatedproducts), _defineProperty(_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref, "StoreInfoprops", StoreInfo), _defineProperty(_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref, "templatepropcontext", templatepropcontext), _defineProperty(_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty(_ref, "variantindex", variantindex), _defineProperty(_ref, "setvariantindex", setvariantindex), _defineProperty(_ref, "variantsku", variantsku), _ref)
5978
5993
  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React.createElement(Service_itemtype, {
5979
5994
  actions: (_ref2 = {
5995
+ variantsku: variantsku,
5980
5996
  setisoutofstock: setisoutofstock,
5981
5997
  isoutofstock: isoutofstock,
5982
5998
  returnpolicyobj: returnpolicyobj,
@@ -5989,7 +6005,7 @@ var Productinfo = function Productinfo(props) {
5989
6005
  style: {
5990
6006
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
5991
6007
  paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0,
5992
- display: sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' && sectionproperties.gallerystyle == 'Style 2' ? 'none' : 'flex'
6008
+ display: sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' && sectionproperties.gallerystyle == 'Style 2' ? 'none' : sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' && sectionproperties.descriptionposition != 'Bottom' ? 'none' : 'flex'
5993
6009
  }
5994
6010
  }, /*#__PURE__*/React.createElement("div", {
5995
6011
  "class": "".concat(productinfo_cssstyles.cardcontainer) + ' ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
@@ -9234,7 +9250,7 @@ var Checkout = function Checkout(props) {
9234
9250
  width: "20px",
9235
9251
  height: "20px",
9236
9252
  duration: "1s"
9237
- }), !ischeckoutbuttonloading() ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue54 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue54 === void 0 || (_fetchcustomercartQue54 = _fetchcustomercartQue54.data) === null || _fetchcustomercartQue54 === void 0 ? void 0 : _fetchcustomercartQue54.customercart.paymentmethod) == 'onlinepayment' ? lang.continuetopayment : authdetailsContext.loggedin ? langdetect == 'en' ? sectionproperties.checkoutbtn_en2 : sectionproperties.checkoutbtn_ar2 : langdetect == 'en' ? sectionproperties.checkoutbtn_en2 + ' ' + lang.asaguest : sectionproperties.checkoutbtn_ar2 + ' ' + lang.asaguest : '', "\xA0\xA0\xA0\xA0\xA0\xA0\xA0"))))));
9253
+ }), !ischeckoutbuttonloading() ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue54 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue54 === void 0 || (_fetchcustomercartQue54 = _fetchcustomercartQue54.data) === null || _fetchcustomercartQue54 === void 0 ? void 0 : _fetchcustomercartQue54.customercart.paymentmethod) == 'onlinepayment' ? lang.continuetopayment : authdetailsContext.loggedin ? langdetect == 'en' ? sectionproperties.checkoutbtn_en2 : sectionproperties.checkoutbtn_ar2 : langdetect == 'en' ? sectionproperties.checkoutbtn_en2 + ' ' + lang.asaguest : sectionproperties.checkoutbtn_ar2 + ' ' + lang.asaguest : ''))))));
9238
9254
  };
9239
9255
  return /*#__PURE__*/React.createElement("div", {
9240
9256
  className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
@@ -17347,7 +17363,7 @@ var MarqueeHeader = function MarqueeHeader(props) {
17347
17363
  })
17348
17364
  };
17349
17365
  return /*#__PURE__*/React.createElement("div", {
17350
- "class": "col-lg-12 px-0 d-flex align-items-center",
17366
+ "class": "col-lg-12 px-0 d-flex align-items-center px-md-4",
17351
17367
  style: {
17352
17368
  background: templateproperties_context.textsliderbgcolor,
17353
17369
  paddingTop: templateproperties_context.paddinghorizontal + 'px',
@@ -17373,7 +17389,7 @@ styleInject(css_248z$B);
17373
17389
  function ownKeys$1Z(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; }
17374
17390
  function _objectSpread$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17375
17391
  var Subheader = function Subheader(props) {
17376
- var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery2, _authdetailsContext$i, _props$subheaderprope12, _templatepropcontext$2, _props$subheaderprope15, _props$subheaderprope16, _templatepropcontext$3, _fetchCategoriesQuery3, _authdetailsContext$i2, _fetchCategoriesQuery4, _authdetailsContext$i3, _fetchCategoriesQuery5, _props$subheaderprope31, _props$subheaderprope32, _props$subheaderprope33, _props$subheaderprope34, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery9;
17392
+ var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _props$subheaderprope4, _templatepropcontext$, _fetchCategoriesQuery2, _authdetailsContext$i, _props$subheaderprope13, _templatepropcontext$2, _props$subheaderprope16, _props$subheaderprope17, _templatepropcontext$3, _fetchCategoriesQuery3, _authdetailsContext$i2, _fetchCategoriesQuery4, _authdetailsContext$i3, _fetchCategoriesQuery5, _props$subheaderprope32, _props$subheaderprope33, _props$subheaderprope34, _props$subheaderprope35, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery9;
17377
17393
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
17378
17394
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
17379
17395
  var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
@@ -17514,11 +17530,12 @@ var Subheader = function Subheader(props) {
17514
17530
  "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
17515
17531
  style: {
17516
17532
  zIndex: 1000,
17517
- justifyContent: ((_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops) == 'center' ? 'center' : 'start'
17533
+ justifyContent: ((_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops) == 'center' ? 'center' : 'start',
17534
+ display: (props === null || props === void 0 || (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.srcfromprops) == 'elegantheader' ? 'block' : 'flex'
17518
17535
  }
17519
- }, (props === null || props === void 0 || (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && sectionproperties.showheaderpages == 'Show' && (templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
17536
+ }, (props === null || props === void 0 || (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.subheaderpositionprops) == 'in nav' && sectionproperties.showheaderpages == 'Show' && (templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
17520
17537
  if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex == 0) {
17521
- var _props$subheaderprope4, _props$subheaderprope5;
17538
+ var _props$subheaderprope5, _props$subheaderprope6;
17522
17539
  return /*#__PURE__*/React.createElement("p", {
17523
17540
  onClick: function onClick() {
17524
17541
  routingcountext(item.navigationroute);
@@ -17529,8 +17546,8 @@ var Subheader = function Subheader(props) {
17529
17546
  },
17530
17547
  "class": "scrollhorizontalcard mb-0 pb-0",
17531
17548
  style: {
17532
- marginLeft: props === null || props === void 0 || (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops,
17533
- marginRight: props === null || props === void 0 || (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops
17549
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops,
17550
+ marginRight: props === null || props === void 0 || (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingLeftprops
17534
17551
  }
17535
17552
  }, /*#__PURE__*/React.createElement("p", {
17536
17553
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
@@ -17538,7 +17555,7 @@ var Subheader = function Subheader(props) {
17538
17555
  }
17539
17556
  })), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
17540
17557
  if (item.isshowntocustomers == 1) {
17541
- var _props$subheaderprope6, _props$subheaderprope7;
17558
+ var _props$subheaderprope7, _props$subheaderprope8;
17542
17559
  return /*#__PURE__*/React.createElement("p", {
17543
17560
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17544
17561
  onClick: function onClick() {
@@ -17549,14 +17566,14 @@ var Subheader = function Subheader(props) {
17549
17566
  setChoosenindex(index);
17550
17567
  },
17551
17568
  style: {
17552
- marginLeft: props === null || props === void 0 || (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingLeftprops,
17553
- marginRight: props === null || props === void 0 || (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops
17569
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops,
17570
+ marginRight: props === null || props === void 0 || (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops
17554
17571
  }
17555
17572
  }, langdetect == 'en' ? item.title_en : item.title_ar);
17556
17573
  }
17557
17574
  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
17558
17575
  if (item.isshowntocustomers == 1) {
17559
- var _props$subheaderprope8, _props$subheaderprope9;
17576
+ var _props$subheaderprope9, _props$subheaderprope10;
17560
17577
  return /*#__PURE__*/React.createElement("p", {
17561
17578
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17562
17579
  onClick: function onClick() {
@@ -17567,30 +17584,30 @@ var Subheader = function Subheader(props) {
17567
17584
  setChoosenindex(index);
17568
17585
  },
17569
17586
  style: {
17570
- marginLeft: props === null || props === void 0 || (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops,
17571
- marginRight: props === null || props === void 0 || (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingLeftprops,
17587
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingLeftprops,
17588
+ marginRight: props === null || props === void 0 || (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops,
17572
17589
  position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
17573
17590
  }
17574
17591
  }, langdetect == 'en' ? item.title_en : item.title_ar);
17575
17592
  }
17576
17593
  }), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instcollections) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.map(function (item, index) {
17577
17594
  if (item.isshowntocustomers == 1) {
17578
- var _props$subheaderprope10, _props$subheaderprope11;
17595
+ var _props$subheaderprope11, _props$subheaderprope12;
17579
17596
  return /*#__PURE__*/React.createElement("p", {
17580
17597
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17581
17598
  onClick: function onClick() {
17582
17599
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
17583
17600
  },
17584
17601
  style: {
17585
- marginLeft: props === null || props === void 0 || (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops,
17586
- marginRight: props === null || props === void 0 || (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingLeftprops,
17602
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingLeftprops,
17603
+ marginRight: props === null || props === void 0 || (_props$subheaderprope12 = props.subheaderpropertiesprops) === null || _props$subheaderprope12 === void 0 ? void 0 : _props$subheaderprope12.paddingLeftprops,
17587
17604
  position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
17588
17605
  }
17589
17606
  }, langdetect == 'en' ? item.title_en : item.title_ar);
17590
17607
  }
17591
- })), (props === null || props === void 0 || (_props$subheaderprope12 = props.subheaderpropertiesprops) === null || _props$subheaderprope12 === void 0 ? void 0 : _props$subheaderprope12.subheaderpositionprops) == 'in nav' && sectionproperties.showheaderpages == 'Show' && (templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$2 = templatepropcontext.pagesnprop) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.map(function (item, index) {
17608
+ })), (props === null || props === void 0 || (_props$subheaderprope13 = props.subheaderpropertiesprops) === null || _props$subheaderprope13 === void 0 ? void 0 : _props$subheaderprope13.subheaderpositionprops) == 'in nav' && sectionproperties.showheaderpages == 'Show' && (templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$2 = templatepropcontext.pagesnprop) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.map(function (item, index) {
17592
17609
  if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
17593
- var _props$subheaderprope13, _props$subheaderprope14;
17610
+ var _props$subheaderprope14, _props$subheaderprope15;
17594
17611
  return /*#__PURE__*/React.createElement("div", {
17595
17612
  onClick: function onClick() {
17596
17613
  routingcountext(item.navigationroute);
@@ -17601,8 +17618,8 @@ var Subheader = function Subheader(props) {
17601
17618
  },
17602
17619
  "class": "scrollhorizontalcard",
17603
17620
  style: {
17604
- marginLeft: props === null || props === void 0 || (_props$subheaderprope13 = props.subheaderpropertiesprops) === null || _props$subheaderprope13 === void 0 ? void 0 : _props$subheaderprope13.paddingLeftprops,
17605
- marginRight: props === null || props === void 0 || (_props$subheaderprope14 = props.subheaderpropertiesprops) === null || _props$subheaderprope14 === void 0 ? void 0 : _props$subheaderprope14.paddingLeftprops
17621
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope14 = props.subheaderpropertiesprops) === null || _props$subheaderprope14 === void 0 ? void 0 : _props$subheaderprope14.paddingLeftprops,
17622
+ marginRight: props === null || props === void 0 || (_props$subheaderprope15 = props.subheaderpropertiesprops) === null || _props$subheaderprope15 === void 0 ? void 0 : _props$subheaderprope15.paddingLeftprops
17606
17623
  }
17607
17624
  }, /*#__PURE__*/React.createElement("p", {
17608
17625
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
@@ -17612,11 +17629,11 @@ var Subheader = function Subheader(props) {
17612
17629
  "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
17613
17630
  style: {
17614
17631
  zIndex: 1000,
17615
- justifyContent: ((_props$subheaderprope15 = props.subheaderpropertiesprops) === null || _props$subheaderprope15 === void 0 ? void 0 : _props$subheaderprope15.subheadercontentpositionprops) == 'center' ? 'center' : 'start'
17632
+ justifyContent: ((_props$subheaderprope16 = props.subheaderpropertiesprops) === null || _props$subheaderprope16 === void 0 ? void 0 : _props$subheaderprope16.subheadercontentpositionprops) == 'center' ? 'center' : 'start'
17616
17633
  }
17617
- }, (props === null || props === void 0 || (_props$subheaderprope16 = props.subheaderpropertiesprops) === null || _props$subheaderprope16 === void 0 ? void 0 : _props$subheaderprope16.subheaderpositionprops) == 'in nav' && sectionproperties.showheaderpages == 'Show' && (templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$3 = templatepropcontext.pagesnprop) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.map(function (item, index) {
17634
+ }, (props === null || props === void 0 || (_props$subheaderprope17 = props.subheaderpropertiesprops) === null || _props$subheaderprope17 === void 0 ? void 0 : _props$subheaderprope17.subheaderpositionprops) == 'in nav' && sectionproperties.showheaderpages == 'Show' && (templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$3 = templatepropcontext.pagesnprop) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.map(function (item, index) {
17618
17635
  if (item.isnavigation == 1 && item.isactive == 1) {
17619
- var _props$subheaderprope17, _props$subheaderprope18;
17636
+ var _props$subheaderprope18, _props$subheaderprope19;
17620
17637
  return /*#__PURE__*/React.createElement("div", {
17621
17638
  onClick: function onClick() {
17622
17639
  routingcountext(item.navigationroute);
@@ -17627,8 +17644,8 @@ var Subheader = function Subheader(props) {
17627
17644
  },
17628
17645
  "class": "scrollhorizontalcard",
17629
17646
  style: {
17630
- marginLeft: props === null || props === void 0 || (_props$subheaderprope17 = props.subheaderpropertiesprops) === null || _props$subheaderprope17 === void 0 ? void 0 : _props$subheaderprope17.paddingLeftprops,
17631
- marginRight: props === null || props === void 0 || (_props$subheaderprope18 = props.subheaderpropertiesprops) === null || _props$subheaderprope18 === void 0 ? void 0 : _props$subheaderprope18.paddingLeftprops
17647
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope18 = props.subheaderpropertiesprops) === null || _props$subheaderprope18 === void 0 ? void 0 : _props$subheaderprope18.paddingLeftprops,
17648
+ marginRight: props === null || props === void 0 || (_props$subheaderprope19 = props.subheaderpropertiesprops) === null || _props$subheaderprope19 === void 0 ? void 0 : _props$subheaderprope19.paddingLeftprops
17632
17649
  }
17633
17650
  }, /*#__PURE__*/React.createElement("p", {
17634
17651
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
@@ -17636,7 +17653,7 @@ var Subheader = function Subheader(props) {
17636
17653
  }
17637
17654
  })), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.categories.map(function (item, index) {
17638
17655
  if (item.isshowntocustomers == 1) {
17639
- var _props$subheaderprope19, _props$subheaderprope20;
17656
+ var _props$subheaderprope20, _props$subheaderprope21;
17640
17657
  return /*#__PURE__*/React.createElement("p", {
17641
17658
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17642
17659
  onClick: function onClick() {
@@ -17647,14 +17664,14 @@ var Subheader = function Subheader(props) {
17647
17664
  setChoosenindex(index);
17648
17665
  },
17649
17666
  style: {
17650
- marginLeft: props === null || props === void 0 || (_props$subheaderprope19 = props.subheaderpropertiesprops) === null || _props$subheaderprope19 === void 0 ? void 0 : _props$subheaderprope19.paddingLeftprops,
17651
- marginRight: props === null || props === void 0 || (_props$subheaderprope20 = props.subheaderpropertiesprops) === null || _props$subheaderprope20 === void 0 ? void 0 : _props$subheaderprope20.paddingLeftprops
17667
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope20 = props.subheaderpropertiesprops) === null || _props$subheaderprope20 === void 0 ? void 0 : _props$subheaderprope20.paddingLeftprops,
17668
+ marginRight: props === null || props === void 0 || (_props$subheaderprope21 = props.subheaderpropertiesprops) === null || _props$subheaderprope21 === void 0 ? void 0 : _props$subheaderprope21.paddingLeftprops
17652
17669
  }
17653
17670
  }, langdetect == 'en' ? item.title_en : item.title_ar);
17654
17671
  }
17655
17672
  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
17656
17673
  if (item.isshowntocustomers == 1) {
17657
- var _props$subheaderprope21, _props$subheaderprope22;
17674
+ var _props$subheaderprope22, _props$subheaderprope23;
17658
17675
  return /*#__PURE__*/React.createElement("p", {
17659
17676
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17660
17677
  onClick: function onClick() {
@@ -17665,22 +17682,22 @@ var Subheader = function Subheader(props) {
17665
17682
  setChoosenindex(index);
17666
17683
  },
17667
17684
  style: {
17668
- marginLeft: props === null || props === void 0 || (_props$subheaderprope21 = props.subheaderpropertiesprops) === null || _props$subheaderprope21 === void 0 ? void 0 : _props$subheaderprope21.paddingLeftprops,
17669
- marginRight: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops
17685
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops,
17686
+ marginRight: props === null || props === void 0 || (_props$subheaderprope23 = props.subheaderpropertiesprops) === null || _props$subheaderprope23 === void 0 ? void 0 : _props$subheaderprope23.paddingLeftprops
17670
17687
  }
17671
17688
  }, langdetect == 'en' ? item.title_en : item.title_ar);
17672
17689
  }
17673
17690
  }), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcollections) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
17674
17691
  if (item.isshowntocustomers == 1) {
17675
- var _props$subheaderprope23, _props$subheaderprope24;
17692
+ var _props$subheaderprope24, _props$subheaderprope25;
17676
17693
  return /*#__PURE__*/React.createElement("p", {
17677
17694
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17678
17695
  onClick: function onClick() {
17679
17696
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
17680
17697
  },
17681
17698
  style: {
17682
- marginLeft: props === null || props === void 0 || (_props$subheaderprope23 = props.subheaderpropertiesprops) === null || _props$subheaderprope23 === void 0 ? void 0 : _props$subheaderprope23.paddingLeftprops,
17683
- marginRight: props === null || props === void 0 || (_props$subheaderprope24 = props.subheaderpropertiesprops) === null || _props$subheaderprope24 === void 0 ? void 0 : _props$subheaderprope24.paddingLeftprops,
17699
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope24 = props.subheaderpropertiesprops) === null || _props$subheaderprope24 === void 0 ? void 0 : _props$subheaderprope24.paddingLeftprops,
17700
+ marginRight: props === null || props === void 0 || (_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.paddingLeftprops,
17684
17701
  color: sectionproperties.subheader_categorytitle_fontColor_resp,
17685
17702
  fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
17686
17703
  textTransform: sectionproperties.subheader_categorytitle_textTransform,
@@ -17708,7 +17725,7 @@ var Subheader = function Subheader(props) {
17708
17725
  }
17709
17726
  }, sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.categories.map(function (item, index) {
17710
17727
  if (item.isshowntocustomers == 1) {
17711
- var _props$subheaderprope25, _props$subheaderprope26;
17728
+ var _props$subheaderprope26, _props$subheaderprope27;
17712
17729
  return /*#__PURE__*/React.createElement("p", {
17713
17730
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17714
17731
  onClick: function onClick() {
@@ -17719,8 +17736,8 @@ var Subheader = function Subheader(props) {
17719
17736
  setChoosenindex(index);
17720
17737
  },
17721
17738
  style: {
17722
- marginLeft: props === null || props === void 0 || (_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.paddingLeftprops,
17723
- marginRight: props === null || props === void 0 || (_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.paddingLeftprops,
17739
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.paddingLeftprops,
17740
+ marginRight: props === null || props === void 0 || (_props$subheaderprope27 = props.subheaderpropertiesprops) === null || _props$subheaderprope27 === void 0 ? void 0 : _props$subheaderprope27.paddingLeftprops,
17724
17741
  color: sectionproperties.subheader_categorytitle_fontColor_resp,
17725
17742
  fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
17726
17743
  textTransform: sectionproperties.subheader_categorytitle_textTransform,
@@ -17730,7 +17747,7 @@ var Subheader = function Subheader(props) {
17730
17747
  }
17731
17748
  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
17732
17749
  if (item.isshowntocustomers == 1) {
17733
- var _props$subheaderprope27, _props$subheaderprope28;
17750
+ var _props$subheaderprope28, _props$subheaderprope29;
17734
17751
  return /*#__PURE__*/React.createElement("p", {
17735
17752
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17736
17753
  onClick: function onClick() {
@@ -17741,8 +17758,8 @@ var Subheader = function Subheader(props) {
17741
17758
  setChoosenindex(index);
17742
17759
  },
17743
17760
  style: {
17744
- marginLeft: props === null || props === void 0 || (_props$subheaderprope27 = props.subheaderpropertiesprops) === null || _props$subheaderprope27 === void 0 ? void 0 : _props$subheaderprope27.paddingLeftprops,
17745
- marginRight: props === null || props === void 0 || (_props$subheaderprope28 = props.subheaderpropertiesprops) === null || _props$subheaderprope28 === void 0 ? void 0 : _props$subheaderprope28.paddingLeftprops,
17761
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope28 = props.subheaderpropertiesprops) === null || _props$subheaderprope28 === void 0 ? void 0 : _props$subheaderprope28.paddingLeftprops,
17762
+ marginRight: props === null || props === void 0 || (_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.paddingLeftprops,
17746
17763
  color: sectionproperties.subheader_categorytitle_fontColor_resp,
17747
17764
  fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
17748
17765
  textTransform: sectionproperties.subheader_categorytitle_textTransform,
@@ -17752,15 +17769,15 @@ var Subheader = function Subheader(props) {
17752
17769
  }
17753
17770
  }), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcollections) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
17754
17771
  if (item.isshowntocustomers == 1) {
17755
- var _props$subheaderprope29, _props$subheaderprope30;
17772
+ var _props$subheaderprope30, _props$subheaderprope31;
17756
17773
  return /*#__PURE__*/React.createElement("p", {
17757
17774
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17758
17775
  onClick: function onClick() {
17759
17776
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
17760
17777
  },
17761
17778
  style: {
17762
- marginLeft: props === null || props === void 0 || (_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.paddingLeftprops,
17763
- marginRight: props === null || props === void 0 || (_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.paddingLeftprops,
17779
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.paddingLeftprops,
17780
+ marginRight: props === null || props === void 0 || (_props$subheaderprope31 = props.subheaderpropertiesprops) === null || _props$subheaderprope31 === void 0 ? void 0 : _props$subheaderprope31.paddingLeftprops,
17764
17781
  color: sectionproperties.subheader_categorytitle_fontColor_resp,
17765
17782
  fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
17766
17783
  textTransform: sectionproperties.subheader_categorytitle_textTransform,
@@ -17777,8 +17794,8 @@ var Subheader = function Subheader(props) {
17777
17794
  style: {
17778
17795
  width: sectionproperties.subheader_width + '%',
17779
17796
  zIndex: 2000,
17780
- position: ((_props$subheaderprope31 = props.subheaderpropertiesprops) === null || _props$subheaderprope31 === void 0 ? void 0 : _props$subheaderprope31.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
17781
- top: ((_props$subheaderprope32 = props.subheaderpropertiesprops) === null || _props$subheaderprope32 === void 0 ? void 0 : _props$subheaderprope32.headernameprops) == 'Stylish Header' && ((_props$subheaderprope33 = props.subheaderpropertiesprops) === null || _props$subheaderprope33 === void 0 ? void 0 : _props$subheaderprope33.subheaderpositionprops) == 'in nav' ? 50 : ((_props$subheaderprope34 = props.subheaderpropertiesprops) === null || _props$subheaderprope34 === void 0 ? void 0 : _props$subheaderprope34.subheaderpositionprops) == 'in nav' ? 30 : '',
17797
+ position: ((_props$subheaderprope32 = props.subheaderpropertiesprops) === null || _props$subheaderprope32 === void 0 ? void 0 : _props$subheaderprope32.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
17798
+ top: ((_props$subheaderprope33 = props.subheaderpropertiesprops) === null || _props$subheaderprope33 === void 0 ? void 0 : _props$subheaderprope33.headernameprops) == 'Stylish Header' && ((_props$subheaderprope34 = props.subheaderpropertiesprops) === null || _props$subheaderprope34 === void 0 ? void 0 : _props$subheaderprope34.subheaderpositionprops) == 'in nav' ? 50 : ((_props$subheaderprope35 = props.subheaderpropertiesprops) === null || _props$subheaderprope35 === void 0 ? void 0 : _props$subheaderprope35.subheaderpositionprops) == 'in nav' ? 30 : '',
17782
17799
  // border:
17783
17800
  // sectionproperties.subheader_width != 100
17784
17801
  // ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
@@ -17805,9 +17822,9 @@ var Subheader = function Subheader(props) {
17805
17822
  "class": "font-16 font-weight-500 m-0 p-0"
17806
17823
  }, 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) {
17807
17824
  if (item.isshowntocustomers == 1) {
17808
- var _fetchCategoriesQuery8, _props$subheaderprope35, _props$subheaderprope36;
17825
+ var _fetchCategoriesQuery8, _props$subheaderprope36, _props$subheaderprope37;
17809
17826
  return /*#__PURE__*/React.createElement("div", {
17810
- "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',
17827
+ "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$subheaderprope36 = props.subheaderpropertiesprops) === null || _props$subheaderprope36 === void 0 ? void 0 : _props$subheaderprope36.numofcolsinlistprops) != undefined ? ' pl-2 pr-2 col-md-6 col-sm-12 mb-md-4 col-lg-' + ((_props$subheaderprope37 = props.subheaderpropertiesprops) === null || _props$subheaderprope37 === void 0 ? void 0 : _props$subheaderprope37.numofcolsinlistprops) : 'col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4',
17811
17828
  style: {
17812
17829
  cursor: 'pointer'
17813
17830
  }
@@ -20225,13 +20242,7 @@ var ElegantHeader = function ElegantHeader(props) {
20225
20242
  style: {
20226
20243
  position: 'relative'
20227
20244
  }
20228
- }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
20229
- "class": "col-lg-12 p-0"
20230
- }, /*#__PURE__*/React.createElement(MarqueeHeader, {
20231
- sectionpropertiesprops: sectionproperties,
20232
- templateproperties_contextprops: templateproperties_context,
20233
- actions: actions
20234
- })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement("a", {
20245
+ }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement("a", {
20235
20246
  href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
20236
20247
  target: '_blank',
20237
20248
  style: {
@@ -20459,9 +20470,10 @@ var ElegantHeader = function ElegantHeader(props) {
20459
20470
  actions: actions,
20460
20471
  subheaderpropertiesprops: {
20461
20472
  subheaderpositionprops: 'in nav',
20462
- paddingLeftprops: '25px',
20463
- paddingRightprops: '25px',
20464
- subheadercontentpositionprops: 'center'
20473
+ paddingLeftprops: '15px',
20474
+ paddingRightprops: '15px',
20475
+ subheadercontentpositionprops: 'center',
20476
+ srcfromprops: 'elegentheader'
20465
20477
  }
20466
20478
  })), /*#__PURE__*/React.createElement("div", {
20467
20479
  "class": "col-xl-2 col-lg-1 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"