tabexseriescomponents 0.0.392 → 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.
package/dist/index.umd.js CHANGED
@@ -1417,11 +1417,12 @@
1417
1417
  }
1418
1418
  },
1419
1419
  style: {
1420
- backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1420
+ backgroundColor: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1421
1421
  width: 'auto',
1422
1422
  height: sectionproperties.variantcontainer_height + 'px',
1423
1423
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1424
- position: 'relative'
1424
+ position: 'relative',
1425
+ border: isoptionvalueselected == 1 ? '2px solid green' : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
1425
1426
  }
1426
1427
  }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
1427
1428
  "class": "m-0 p-0 bg-danger bgdanger-hover",
@@ -1438,8 +1439,10 @@
1438
1439
  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
1439
1440
  className: 'm-0 p-0 allcentered',
1440
1441
  style: {
1441
- color: sectionproperties.variantcontainer_color,
1442
- fontSize: sectionproperties.variantcontainer_fontSize + 'px'
1442
+ fontWeight: 500,
1443
+ // color: sectionproperties.variantcontainer_color,
1444
+ fontSize: sectionproperties.variantcontainer_fontSize + 'px',
1445
+ color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? 'green' : sectionproperties.variantcontainer_color
1443
1446
  }
1444
1447
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1445
1448
  }
@@ -2118,6 +2121,7 @@
2118
2121
  var routingcountext = props.actions.routingcountext;
2119
2122
  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
2120
2123
  var authdetailsContext = props.actions.authdetailsContext;
2124
+ var variantsku = props.actions.variantsku;
2121
2125
  var addtofavoritescontext = props.actions.addtofavoritescontext;
2122
2126
  var variantindexcompleted = props.actions.variantindexcompleted;
2123
2127
  props.actions.ProductInfoObj;
@@ -2249,6 +2253,26 @@
2249
2253
  }
2250
2254
  settotalprice(totalprice);
2251
2255
  }, [variantindexcompleted]);
2256
+ var ProductsSKUContainer = function ProductsSKUContainer() {
2257
+ return /*#__PURE__*/React__default["default"].createElement("p", {
2258
+ "class": "m-0 p-0 d-flex justify-content-start"
2259
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
2260
+ style: {
2261
+ color: sectionproperties.skuColor,
2262
+ fontWeight: sectionproperties.skuFontWeight,
2263
+ fontSize: sectionproperties.skuFontSize + 'px',
2264
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2265
+ }
2266
+ }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React__default["default"].createElement("span", {
2267
+ "class": "ml-1 mr-1",
2268
+ style: {
2269
+ color: '#7e859b',
2270
+ fontWeight: sectionproperties.skuSecondaryFontWeight,
2271
+ fontSize: sectionproperties.skuFontSize + 'px',
2272
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2273
+ }
2274
+ }, sectionproperties.showvariantsku == 'Show' && variantsku != '' ? variantsku : fetchProductInfoQueryContext.data.data.productinfo.sku));
2275
+ };
2252
2276
  return /*#__PURE__*/React__default["default"].createElement("div", {
2253
2277
  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 ',
2254
2278
  style: {
@@ -2433,7 +2457,9 @@
2433
2457
  size: sectionproperties.favBtnIconfontsize
2434
2458
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
2435
2459
  size: sectionproperties.favBtnIconfontsize
2436
- }))))), sectionproperties.descriptionposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
2460
+ }))))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.skuposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
2461
+ "class": 'col-lg-12 p-0 my-3 d-flex justify-content-start'
2462
+ }, ProductsSKUContainer()), sectionproperties.descriptionposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
2437
2463
  "class": "col-lg-12 p-0"
2438
2464
  }, /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
2439
2465
  actions: props.actions,
@@ -2449,26 +2475,9 @@
2449
2475
  style: {
2450
2476
  fontWeight: 600
2451
2477
  }
2452
- }, 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__default["default"].createElement("div", {
2478
+ }, 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__default["default"].createElement("div", {
2453
2479
  "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'
2454
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2455
- "class": "m-0 p-0 d-flex justify-content-start"
2456
- }, /*#__PURE__*/React__default["default"].createElement("span", {
2457
- style: {
2458
- color: sectionproperties.skuColor,
2459
- fontWeight: sectionproperties.skuFontWeight,
2460
- fontSize: sectionproperties.skuFontSize + 'px',
2461
- textAlign: langdetect == 'en' ? 'left' : 'right'
2462
- }
2463
- }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React__default["default"].createElement("span", {
2464
- "class": "ml-1 mr-1",
2465
- style: {
2466
- color: '#7e859b',
2467
- fontWeight: sectionproperties.skuSecondaryFontWeight,
2468
- fontSize: sectionproperties.skuFontSize + 'px',
2469
- textAlign: langdetect == 'en' ? 'left' : 'right'
2470
- }
2471
- }, 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__default["default"].createElement("div", {
2480
+ }, 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__default["default"].createElement("div", {
2472
2481
  "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
2473
2482
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2474
2483
  "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
@@ -4547,43 +4556,47 @@
4547
4556
  var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
4548
4557
  var NotificationManager = props.actions.NotificationManager;
4549
4558
  var productidparam = props.productidparam;
4550
- var _useState5 = React.useState(false),
4559
+ var _useState5 = React.useState(''),
4551
4560
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
4552
- isoutofstock = _useState6[0],
4553
- setisoutofstock = _useState6[1];
4554
- var _useState7 = React.useState(''),
4561
+ variantsku = _useState6[0],
4562
+ setvariantsku = _useState6[1];
4563
+ var _useState7 = React.useState(false),
4555
4564
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
4556
- sectionproperties = _useState8[0],
4557
- setsectionproperties = _useState8[1];
4565
+ isoutofstock = _useState8[0],
4566
+ setisoutofstock = _useState8[1];
4558
4567
  var _useState9 = React.useState(''),
4559
- _useState10 = _slicedToArray__default["default"](_useState9, 2);
4560
- _useState10[0];
4561
- var setCurrentPageId = _useState10[1];
4568
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
4569
+ sectionproperties = _useState10[0],
4570
+ setsectionproperties = _useState10[1];
4562
4571
  var _useState11 = React.useState(''),
4563
4572
  _useState12 = _slicedToArray__default["default"](_useState11, 2);
4564
4573
  _useState12[0];
4565
- var setRelatedProductsTagid = _useState12[1];
4566
- var _useState13 = React.useState('all'),
4574
+ var setCurrentPageId = _useState12[1];
4575
+ var _useState13 = React.useState(''),
4567
4576
  _useState14 = _slicedToArray__default["default"](_useState13, 2);
4568
4577
  _useState14[0];
4569
- _useState14[1];
4570
- var _useState15 = React.useState([]),
4578
+ var setRelatedProductsTagid = _useState14[1];
4579
+ var _useState15 = React.useState('all'),
4571
4580
  _useState16 = _slicedToArray__default["default"](_useState15, 2);
4572
4581
  _useState16[0];
4573
4582
  _useState16[1];
4574
4583
  var _useState17 = React.useState([]),
4575
- _useState18 = _slicedToArray__default["default"](_useState17, 2),
4576
- Relatedproducts = _useState18[0],
4577
- setRelatedproducts = _useState18[1];
4584
+ _useState18 = _slicedToArray__default["default"](_useState17, 2);
4585
+ _useState18[0];
4586
+ _useState18[1];
4578
4587
  var _useState19 = React.useState([]),
4579
4588
  _useState20 = _slicedToArray__default["default"](_useState19, 2),
4580
- productimagesarray = _useState20[0],
4581
- setproductimagesarray = _useState20[1];
4582
- var _useState21 = React.useState(null),
4589
+ Relatedproducts = _useState20[0],
4590
+ setRelatedproducts = _useState20[1];
4591
+ var _useState21 = React.useState([]),
4583
4592
  _useState22 = _slicedToArray__default["default"](_useState21, 2),
4584
- quantityconditionfoundobj = _useState22[0],
4585
- setquantityconditionfoundobj = _useState22[1];
4586
- var _useState23 = React.useState({
4593
+ productimagesarray = _useState22[0],
4594
+ setproductimagesarray = _useState22[1];
4595
+ var _useState23 = React.useState(null),
4596
+ _useState24 = _slicedToArray__default["default"](_useState23, 2),
4597
+ quantityconditionfoundobj = _useState24[0],
4598
+ setquantityconditionfoundobj = _useState24[1];
4599
+ var _useState25 = React.useState({
4587
4600
  functype: 'add',
4588
4601
  item_type: 'product',
4589
4602
  productid: '',
@@ -4595,41 +4608,41 @@
4595
4608
  to: '',
4596
4609
  extrafields: []
4597
4610
  }),
4598
- _useState24 = _slicedToArray__default["default"](_useState23, 2),
4599
- addtocardpayloadobj = _useState24[0],
4600
- setaddtocardpayloadobj = _useState24[1];
4601
- var _useState25 = React.useState(''),
4602
4611
  _useState26 = _slicedToArray__default["default"](_useState25, 2),
4603
- variantindexcompleted = _useState26[0],
4604
- setvariantindexcompleted = _useState26[1];
4612
+ addtocardpayloadobj = _useState26[0],
4613
+ setaddtocardpayloadobj = _useState26[1];
4605
4614
  var _useState27 = React.useState(''),
4606
4615
  _useState28 = _slicedToArray__default["default"](_useState27, 2),
4607
- variantindex = _useState28[0],
4608
- setvariantindex = _useState28[1];
4609
- var _useState29 = React.useState(false),
4616
+ variantindexcompleted = _useState28[0],
4617
+ setvariantindexcompleted = _useState28[1];
4618
+ var _useState29 = React.useState(''),
4610
4619
  _useState30 = _slicedToArray__default["default"](_useState29, 2),
4611
- isloaded = _useState30[0],
4612
- setisloaded = _useState30[1];
4620
+ variantindex = _useState30[0],
4621
+ setvariantindex = _useState30[1];
4613
4622
  var _useState31 = React.useState(false),
4614
- _useState32 = _slicedToArray__default["default"](_useState31, 2);
4615
- _useState32[0];
4616
- _useState32[1];
4617
- var _useState33 = React.useState(0),
4618
- _useState34 = _slicedToArray__default["default"](_useState33, 2),
4619
- currentshowingimageindex = _useState34[0],
4620
- setcurrentshowingimageindex = _useState34[1];
4621
- var _useState35 = React.useState(''),
4623
+ _useState32 = _slicedToArray__default["default"](_useState31, 2),
4624
+ isloaded = _useState32[0],
4625
+ setisloaded = _useState32[1];
4626
+ var _useState33 = React.useState(false),
4627
+ _useState34 = _slicedToArray__default["default"](_useState33, 2);
4628
+ _useState34[0];
4629
+ _useState34[1];
4630
+ var _useState35 = React.useState(0),
4622
4631
  _useState36 = _slicedToArray__default["default"](_useState35, 2),
4623
- tabIndex = _useState36[0],
4624
- setTabIndex = _useState36[1];
4632
+ currentshowingimageindex = _useState36[0],
4633
+ setcurrentshowingimageindex = _useState36[1];
4625
4634
  var _useState37 = React.useState(''),
4626
4635
  _useState38 = _slicedToArray__default["default"](_useState37, 2),
4627
- tabname = _useState38[0],
4628
- settabname = _useState38[1];
4629
- var _useState39 = React.useState([]),
4636
+ tabIndex = _useState38[0],
4637
+ setTabIndex = _useState38[1];
4638
+ var _useState39 = React.useState(''),
4630
4639
  _useState40 = _slicedToArray__default["default"](_useState39, 2),
4631
- productVideos = _useState40[0],
4632
- setproductVideos = _useState40[1];
4640
+ tabname = _useState40[0],
4641
+ settabname = _useState40[1];
4642
+ var _useState41 = React.useState([]),
4643
+ _useState42 = _slicedToArray__default["default"](_useState41, 2),
4644
+ productVideos = _useState42[0],
4645
+ setproductVideos = _useState42[1];
4633
4646
  var handleTabChange = function handleTabChange(event, newTabIndex) {
4634
4647
  setTabIndex(newTabIndex);
4635
4648
  };
@@ -4919,6 +4932,8 @@
4919
4932
  } else {
4920
4933
  setisoutofstock(false);
4921
4934
  }
4935
+ setvariantsku(variantobj === null || variantobj === void 0 ? void 0 : variantobj.sku);
4936
+ // alert(variantsku);
4922
4937
  setcurrentshowingimageindex(variantimageindex);
4923
4938
  setaddtocardpayloadobj(_objectSpread$2m({}, tempaddtocardpayloadobj));
4924
4939
  setvariantindexcompleted(ProductVariantIndex);
@@ -5855,9 +5870,10 @@
5855
5870
  langdetect: langdetect,
5856
5871
  lang: lang,
5857
5872
  srcfromprops: props.srcfromprops
5858
- }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _ref)
5873
+ }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _ref)
5859
5874
  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
5860
5875
  actions: (_ref2 = {
5876
+ variantsku: variantsku,
5861
5877
  setisoutofstock: setisoutofstock,
5862
5878
  isoutofstock: isoutofstock,
5863
5879
  returnpolicyobj: returnpolicyobj,
@@ -5870,7 +5886,7 @@
5870
5886
  style: {
5871
5887
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
5872
5888
  paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0,
5873
- display: sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' && sectionproperties.gallerystyle == 'Style 2' ? 'none' : 'flex'
5889
+ display: sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' && sectionproperties.gallerystyle == 'Style 2' ? 'none' : sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' && sectionproperties.descriptionposition != 'Bottom' ? 'none' : 'flex'
5874
5890
  }
5875
5891
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5876
5892
  "class": "".concat(productinfo_cssstyles.cardcontainer) + ' ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
@@ -9115,7 +9131,7 @@
9115
9131
  width: "20px",
9116
9132
  height: "20px",
9117
9133
  duration: "1s"
9118
- }), !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"))))));
9134
+ }), !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 : ''))))));
9119
9135
  };
9120
9136
  return /*#__PURE__*/React__default["default"].createElement("div", {
9121
9137
  className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
@@ -17228,7 +17244,7 @@
17228
17244
  })
17229
17245
  };
17230
17246
  return /*#__PURE__*/React__default["default"].createElement("div", {
17231
- "class": "col-lg-12 px-0 d-flex align-items-center",
17247
+ "class": "col-lg-12 px-0 d-flex align-items-center px-md-4",
17232
17248
  style: {
17233
17249
  background: templateproperties_context.textsliderbgcolor,
17234
17250
  paddingTop: templateproperties_context.paddinghorizontal + 'px',
@@ -17254,7 +17270,7 @@
17254
17270
  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; }
17255
17271
  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__default["default"](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; }
17256
17272
  var Subheader = function Subheader(props) {
17257
- 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;
17273
+ 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;
17258
17274
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
17259
17275
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
17260
17276
  var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
@@ -17395,11 +17411,12 @@
17395
17411
  "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
17396
17412
  style: {
17397
17413
  zIndex: 1000,
17398
- justifyContent: ((_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops) == 'center' ? 'center' : 'start'
17414
+ justifyContent: ((_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops) == 'center' ? 'center' : 'start',
17415
+ display: (props === null || props === void 0 || (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.srcfromprops) == 'elegantheader' ? 'block' : 'flex'
17399
17416
  }
17400
- }, (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) {
17417
+ }, (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) {
17401
17418
  if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex == 0) {
17402
- var _props$subheaderprope4, _props$subheaderprope5;
17419
+ var _props$subheaderprope5, _props$subheaderprope6;
17403
17420
  return /*#__PURE__*/React__default["default"].createElement("p", {
17404
17421
  onClick: function onClick() {
17405
17422
  routingcountext(item.navigationroute);
@@ -17410,8 +17427,8 @@
17410
17427
  },
17411
17428
  "class": "scrollhorizontalcard mb-0 pb-0",
17412
17429
  style: {
17413
- marginLeft: props === null || props === void 0 || (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops,
17414
- marginRight: props === null || props === void 0 || (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops
17430
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops,
17431
+ marginRight: props === null || props === void 0 || (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingLeftprops
17415
17432
  }
17416
17433
  }, /*#__PURE__*/React__default["default"].createElement("p", {
17417
17434
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
@@ -17419,7 +17436,7 @@
17419
17436
  }
17420
17437
  })), 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) {
17421
17438
  if (item.isshowntocustomers == 1) {
17422
- var _props$subheaderprope6, _props$subheaderprope7;
17439
+ var _props$subheaderprope7, _props$subheaderprope8;
17423
17440
  return /*#__PURE__*/React__default["default"].createElement("p", {
17424
17441
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17425
17442
  onClick: function onClick() {
@@ -17430,14 +17447,14 @@
17430
17447
  setChoosenindex(index);
17431
17448
  },
17432
17449
  style: {
17433
- marginLeft: props === null || props === void 0 || (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingLeftprops,
17434
- marginRight: props === null || props === void 0 || (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops
17450
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops,
17451
+ marginRight: props === null || props === void 0 || (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops
17435
17452
  }
17436
17453
  }, langdetect == 'en' ? item.title_en : item.title_ar);
17437
17454
  }
17438
17455
  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
17439
17456
  if (item.isshowntocustomers == 1) {
17440
- var _props$subheaderprope8, _props$subheaderprope9;
17457
+ var _props$subheaderprope9, _props$subheaderprope10;
17441
17458
  return /*#__PURE__*/React__default["default"].createElement("p", {
17442
17459
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17443
17460
  onClick: function onClick() {
@@ -17448,30 +17465,30 @@
17448
17465
  setChoosenindex(index);
17449
17466
  },
17450
17467
  style: {
17451
- marginLeft: props === null || props === void 0 || (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops,
17452
- marginRight: props === null || props === void 0 || (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingLeftprops,
17468
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingLeftprops,
17469
+ marginRight: props === null || props === void 0 || (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops,
17453
17470
  position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
17454
17471
  }
17455
17472
  }, langdetect == 'en' ? item.title_en : item.title_ar);
17456
17473
  }
17457
17474
  }), 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) {
17458
17475
  if (item.isshowntocustomers == 1) {
17459
- var _props$subheaderprope10, _props$subheaderprope11;
17476
+ var _props$subheaderprope11, _props$subheaderprope12;
17460
17477
  return /*#__PURE__*/React__default["default"].createElement("p", {
17461
17478
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17462
17479
  onClick: function onClick() {
17463
17480
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
17464
17481
  },
17465
17482
  style: {
17466
- marginLeft: props === null || props === void 0 || (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops,
17467
- marginRight: props === null || props === void 0 || (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingLeftprops,
17483
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingLeftprops,
17484
+ marginRight: props === null || props === void 0 || (_props$subheaderprope12 = props.subheaderpropertiesprops) === null || _props$subheaderprope12 === void 0 ? void 0 : _props$subheaderprope12.paddingLeftprops,
17468
17485
  position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
17469
17486
  }
17470
17487
  }, langdetect == 'en' ? item.title_en : item.title_ar);
17471
17488
  }
17472
- })), (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) {
17489
+ })), (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) {
17473
17490
  if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
17474
- var _props$subheaderprope13, _props$subheaderprope14;
17491
+ var _props$subheaderprope14, _props$subheaderprope15;
17475
17492
  return /*#__PURE__*/React__default["default"].createElement("div", {
17476
17493
  onClick: function onClick() {
17477
17494
  routingcountext(item.navigationroute);
@@ -17482,8 +17499,8 @@
17482
17499
  },
17483
17500
  "class": "scrollhorizontalcard",
17484
17501
  style: {
17485
- marginLeft: props === null || props === void 0 || (_props$subheaderprope13 = props.subheaderpropertiesprops) === null || _props$subheaderprope13 === void 0 ? void 0 : _props$subheaderprope13.paddingLeftprops,
17486
- marginRight: props === null || props === void 0 || (_props$subheaderprope14 = props.subheaderpropertiesprops) === null || _props$subheaderprope14 === void 0 ? void 0 : _props$subheaderprope14.paddingLeftprops
17502
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope14 = props.subheaderpropertiesprops) === null || _props$subheaderprope14 === void 0 ? void 0 : _props$subheaderprope14.paddingLeftprops,
17503
+ marginRight: props === null || props === void 0 || (_props$subheaderprope15 = props.subheaderpropertiesprops) === null || _props$subheaderprope15 === void 0 ? void 0 : _props$subheaderprope15.paddingLeftprops
17487
17504
  }
17488
17505
  }, /*#__PURE__*/React__default["default"].createElement("p", {
17489
17506
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
@@ -17493,11 +17510,11 @@
17493
17510
  "class": "".concat(headerstyles$f.nav__item) + ' scrollhorizontal flex-row align-items-center w-100 justify-content-md-center ',
17494
17511
  style: {
17495
17512
  zIndex: 1000,
17496
- justifyContent: ((_props$subheaderprope15 = props.subheaderpropertiesprops) === null || _props$subheaderprope15 === void 0 ? void 0 : _props$subheaderprope15.subheadercontentpositionprops) == 'center' ? 'center' : 'start'
17513
+ justifyContent: ((_props$subheaderprope16 = props.subheaderpropertiesprops) === null || _props$subheaderprope16 === void 0 ? void 0 : _props$subheaderprope16.subheadercontentpositionprops) == 'center' ? 'center' : 'start'
17497
17514
  }
17498
- }, (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) {
17515
+ }, (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) {
17499
17516
  if (item.isnavigation == 1 && item.isactive == 1) {
17500
- var _props$subheaderprope17, _props$subheaderprope18;
17517
+ var _props$subheaderprope18, _props$subheaderprope19;
17501
17518
  return /*#__PURE__*/React__default["default"].createElement("div", {
17502
17519
  onClick: function onClick() {
17503
17520
  routingcountext(item.navigationroute);
@@ -17508,8 +17525,8 @@
17508
17525
  },
17509
17526
  "class": "scrollhorizontalcard",
17510
17527
  style: {
17511
- marginLeft: props === null || props === void 0 || (_props$subheaderprope17 = props.subheaderpropertiesprops) === null || _props$subheaderprope17 === void 0 ? void 0 : _props$subheaderprope17.paddingLeftprops,
17512
- marginRight: props === null || props === void 0 || (_props$subheaderprope18 = props.subheaderpropertiesprops) === null || _props$subheaderprope18 === void 0 ? void 0 : _props$subheaderprope18.paddingLeftprops
17528
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope18 = props.subheaderpropertiesprops) === null || _props$subheaderprope18 === void 0 ? void 0 : _props$subheaderprope18.paddingLeftprops,
17529
+ marginRight: props === null || props === void 0 || (_props$subheaderprope19 = props.subheaderpropertiesprops) === null || _props$subheaderprope19 === void 0 ? void 0 : _props$subheaderprope19.paddingLeftprops
17513
17530
  }
17514
17531
  }, /*#__PURE__*/React__default["default"].createElement("p", {
17515
17532
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 '
@@ -17517,7 +17534,7 @@
17517
17534
  }
17518
17535
  })), 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) {
17519
17536
  if (item.isshowntocustomers == 1) {
17520
- var _props$subheaderprope19, _props$subheaderprope20;
17537
+ var _props$subheaderprope20, _props$subheaderprope21;
17521
17538
  return /*#__PURE__*/React__default["default"].createElement("p", {
17522
17539
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17523
17540
  onClick: function onClick() {
@@ -17528,14 +17545,14 @@
17528
17545
  setChoosenindex(index);
17529
17546
  },
17530
17547
  style: {
17531
- marginLeft: props === null || props === void 0 || (_props$subheaderprope19 = props.subheaderpropertiesprops) === null || _props$subheaderprope19 === void 0 ? void 0 : _props$subheaderprope19.paddingLeftprops,
17532
- marginRight: props === null || props === void 0 || (_props$subheaderprope20 = props.subheaderpropertiesprops) === null || _props$subheaderprope20 === void 0 ? void 0 : _props$subheaderprope20.paddingLeftprops
17548
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope20 = props.subheaderpropertiesprops) === null || _props$subheaderprope20 === void 0 ? void 0 : _props$subheaderprope20.paddingLeftprops,
17549
+ marginRight: props === null || props === void 0 || (_props$subheaderprope21 = props.subheaderpropertiesprops) === null || _props$subheaderprope21 === void 0 ? void 0 : _props$subheaderprope21.paddingLeftprops
17533
17550
  }
17534
17551
  }, langdetect == 'en' ? item.title_en : item.title_ar);
17535
17552
  }
17536
17553
  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
17537
17554
  if (item.isshowntocustomers == 1) {
17538
- var _props$subheaderprope21, _props$subheaderprope22;
17555
+ var _props$subheaderprope22, _props$subheaderprope23;
17539
17556
  return /*#__PURE__*/React__default["default"].createElement("p", {
17540
17557
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17541
17558
  onClick: function onClick() {
@@ -17546,22 +17563,22 @@
17546
17563
  setChoosenindex(index);
17547
17564
  },
17548
17565
  style: {
17549
- marginLeft: props === null || props === void 0 || (_props$subheaderprope21 = props.subheaderpropertiesprops) === null || _props$subheaderprope21 === void 0 ? void 0 : _props$subheaderprope21.paddingLeftprops,
17550
- marginRight: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops
17566
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops,
17567
+ marginRight: props === null || props === void 0 || (_props$subheaderprope23 = props.subheaderpropertiesprops) === null || _props$subheaderprope23 === void 0 ? void 0 : _props$subheaderprope23.paddingLeftprops
17551
17568
  }
17552
17569
  }, langdetect == 'en' ? item.title_en : item.title_ar);
17553
17570
  }
17554
17571
  }), 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) {
17555
17572
  if (item.isshowntocustomers == 1) {
17556
- var _props$subheaderprope23, _props$subheaderprope24;
17573
+ var _props$subheaderprope24, _props$subheaderprope25;
17557
17574
  return /*#__PURE__*/React__default["default"].createElement("p", {
17558
17575
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17559
17576
  onClick: function onClick() {
17560
17577
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
17561
17578
  },
17562
17579
  style: {
17563
- marginLeft: props === null || props === void 0 || (_props$subheaderprope23 = props.subheaderpropertiesprops) === null || _props$subheaderprope23 === void 0 ? void 0 : _props$subheaderprope23.paddingLeftprops,
17564
- marginRight: props === null || props === void 0 || (_props$subheaderprope24 = props.subheaderpropertiesprops) === null || _props$subheaderprope24 === void 0 ? void 0 : _props$subheaderprope24.paddingLeftprops,
17580
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope24 = props.subheaderpropertiesprops) === null || _props$subheaderprope24 === void 0 ? void 0 : _props$subheaderprope24.paddingLeftprops,
17581
+ marginRight: props === null || props === void 0 || (_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.paddingLeftprops,
17565
17582
  color: sectionproperties.subheader_categorytitle_fontColor_resp,
17566
17583
  fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
17567
17584
  textTransform: sectionproperties.subheader_categorytitle_textTransform,
@@ -17589,7 +17606,7 @@
17589
17606
  }
17590
17607
  }, 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) {
17591
17608
  if (item.isshowntocustomers == 1) {
17592
- var _props$subheaderprope25, _props$subheaderprope26;
17609
+ var _props$subheaderprope26, _props$subheaderprope27;
17593
17610
  return /*#__PURE__*/React__default["default"].createElement("p", {
17594
17611
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17595
17612
  onClick: function onClick() {
@@ -17600,8 +17617,8 @@
17600
17617
  setChoosenindex(index);
17601
17618
  },
17602
17619
  style: {
17603
- marginLeft: props === null || props === void 0 || (_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.paddingLeftprops,
17604
- marginRight: props === null || props === void 0 || (_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.paddingLeftprops,
17620
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.paddingLeftprops,
17621
+ marginRight: props === null || props === void 0 || (_props$subheaderprope27 = props.subheaderpropertiesprops) === null || _props$subheaderprope27 === void 0 ? void 0 : _props$subheaderprope27.paddingLeftprops,
17605
17622
  color: sectionproperties.subheader_categorytitle_fontColor_resp,
17606
17623
  fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
17607
17624
  textTransform: sectionproperties.subheader_categorytitle_textTransform,
@@ -17611,7 +17628,7 @@
17611
17628
  }
17612
17629
  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray.map(function (item, index) {
17613
17630
  if (item.isshowntocustomers == 1) {
17614
- var _props$subheaderprope27, _props$subheaderprope28;
17631
+ var _props$subheaderprope28, _props$subheaderprope29;
17615
17632
  return /*#__PURE__*/React__default["default"].createElement("p", {
17616
17633
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17617
17634
  onClick: function onClick() {
@@ -17622,8 +17639,8 @@
17622
17639
  setChoosenindex(index);
17623
17640
  },
17624
17641
  style: {
17625
- marginLeft: props === null || props === void 0 || (_props$subheaderprope27 = props.subheaderpropertiesprops) === null || _props$subheaderprope27 === void 0 ? void 0 : _props$subheaderprope27.paddingLeftprops,
17626
- marginRight: props === null || props === void 0 || (_props$subheaderprope28 = props.subheaderpropertiesprops) === null || _props$subheaderprope28 === void 0 ? void 0 : _props$subheaderprope28.paddingLeftprops,
17642
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope28 = props.subheaderpropertiesprops) === null || _props$subheaderprope28 === void 0 ? void 0 : _props$subheaderprope28.paddingLeftprops,
17643
+ marginRight: props === null || props === void 0 || (_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.paddingLeftprops,
17627
17644
  color: sectionproperties.subheader_categorytitle_fontColor_resp,
17628
17645
  fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
17629
17646
  textTransform: sectionproperties.subheader_categorytitle_textTransform,
@@ -17633,15 +17650,15 @@
17633
17650
  }
17634
17651
  }), 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) {
17635
17652
  if (item.isshowntocustomers == 1) {
17636
- var _props$subheaderprope29, _props$subheaderprope30;
17653
+ var _props$subheaderprope30, _props$subheaderprope31;
17637
17654
  return /*#__PURE__*/React__default["default"].createElement("p", {
17638
17655
  "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
17639
17656
  onClick: function onClick() {
17640
17657
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
17641
17658
  },
17642
17659
  style: {
17643
- marginLeft: props === null || props === void 0 || (_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.paddingLeftprops,
17644
- marginRight: props === null || props === void 0 || (_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.paddingLeftprops,
17660
+ marginLeft: props === null || props === void 0 || (_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.paddingLeftprops,
17661
+ marginRight: props === null || props === void 0 || (_props$subheaderprope31 = props.subheaderpropertiesprops) === null || _props$subheaderprope31 === void 0 ? void 0 : _props$subheaderprope31.paddingLeftprops,
17645
17662
  color: sectionproperties.subheader_categorytitle_fontColor_resp,
17646
17663
  fontSize: sectionproperties.subheader_categorytitle_fontSize_resp + 'px',
17647
17664
  textTransform: sectionproperties.subheader_categorytitle_textTransform,
@@ -17658,8 +17675,8 @@
17658
17675
  style: {
17659
17676
  width: sectionproperties.subheader_width + '%',
17660
17677
  zIndex: 2000,
17661
- position: ((_props$subheaderprope31 = props.subheaderpropertiesprops) === null || _props$subheaderprope31 === void 0 ? void 0 : _props$subheaderprope31.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
17662
- 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 : '',
17678
+ position: ((_props$subheaderprope32 = props.subheaderpropertiesprops) === null || _props$subheaderprope32 === void 0 ? void 0 : _props$subheaderprope32.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
17679
+ 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 : '',
17663
17680
  // border:
17664
17681
  // sectionproperties.subheader_width != 100
17665
17682
  // ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
@@ -17686,9 +17703,9 @@
17686
17703
  "class": "font-16 font-weight-500 m-0 p-0"
17687
17704
  }, 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) {
17688
17705
  if (item.isshowntocustomers == 1) {
17689
- var _fetchCategoriesQuery8, _props$subheaderprope35, _props$subheaderprope36;
17706
+ var _fetchCategoriesQuery8, _props$subheaderprope36, _props$subheaderprope37;
17690
17707
  return /*#__PURE__*/React__default["default"].createElement("div", {
17691
- "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',
17708
+ "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',
17692
17709
  style: {
17693
17710
  cursor: 'pointer'
17694
17711
  }
@@ -20106,13 +20123,7 @@
20106
20123
  style: {
20107
20124
  position: 'relative'
20108
20125
  }
20109
- }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
20110
- "class": "col-lg-12 p-0"
20111
- }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
20112
- sectionpropertiesprops: sectionproperties,
20113
- templateproperties_contextprops: templateproperties_context,
20114
- actions: actions
20115
- })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
20126
+ }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
20116
20127
  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),
20117
20128
  target: '_blank',
20118
20129
  style: {
@@ -20340,9 +20351,10 @@
20340
20351
  actions: actions,
20341
20352
  subheaderpropertiesprops: {
20342
20353
  subheaderpositionprops: 'in nav',
20343
- paddingLeftprops: '25px',
20344
- paddingRightprops: '25px',
20345
- subheadercontentpositionprops: 'center'
20354
+ paddingLeftprops: '15px',
20355
+ paddingRightprops: '15px',
20356
+ subheadercontentpositionprops: 'center',
20357
+ srcfromprops: 'elegentheader'
20346
20358
  }
20347
20359
  })), /*#__PURE__*/React__default["default"].createElement("div", {
20348
20360
  "class": "col-xl-2 col-lg-1 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
@@ -57131,9 +57143,10 @@
57131
57143
  cursor: ((_arrayofobjectimageso = arrayofobjectimagesonly2[0]) === null || _arrayofobjectimageso === void 0 ? void 0 : _arrayofobjectimageso.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
57132
57144
  },
57133
57145
  onClick: function onClick() {
57134
- if (arrayofobjectimagesonly2[0].IsClickableimg2 == 'Yes') {
57135
- if (arrayofobjectimagesonly2[0].clickableimg_page_route2 && arrayofobjectimagesonly2[0].clickableimg_page_route2.length != 0) {
57136
- routingcountext(arrayofobjectimagesonly2[0].clickableimg_page_route2, false, '');
57146
+ if (arrayofobjectimagesonly2[0].IsClickableimg == 'Yes') {
57147
+ if (arrayofobjectimagesonly2[0].clickableimg_page_route != undefined && arrayofobjectimagesonly2[0].clickableimg_page_route.length != 0) {
57148
+ // routingcountext(arrayofobjectimagesonly2[0].clickableimg_page_route, false, '');
57149
+ window.open(arrayofobjectimagesonly2[0].clickableimg_page_route, '_blank');
57137
57150
  } else {
57138
57151
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + arrayofobjectimagesonly2[0].Clickableimg_getcoection2);
57139
57152
  }
@@ -57160,9 +57173,10 @@
57160
57173
  cursor: ((_arrayofobjectimageso4 = arrayofobjectimagesonly2[1]) === null || _arrayofobjectimageso4 === void 0 ? void 0 : _arrayofobjectimageso4.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
57161
57174
  },
57162
57175
  onClick: function onClick() {
57163
- if (arrayofobjectimagesonly2[1].IsClickableimg2 == 'Yes') {
57164
- if (arrayofobjectimagesonly2[1].clickableimg_page_route2 && arrayofobjectimagesonly2[1].clickableimg_page_route2.length != 0) {
57165
- routingcountext(arrayofobjectimagesonly2[1].clickableimg_page_route2, false, '');
57176
+ if (arrayofobjectimagesonly2[1].IsClickableimg == 'Yes') {
57177
+ if (arrayofobjectimagesonly2[1].clickableimg_page_route != undefined && arrayofobjectimagesonly2[1].clickableimg_page_route.length != 0) {
57178
+ // routingcountext(arrayofobjectimagesonly2[1].clickableimg_page_route, false, '');
57179
+ window.open(arrayofobjectimagesonly2[1].clickableimg_page_route, '_blank');
57166
57180
  } else {
57167
57181
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + arrayofobjectimagesonly2[1].Clickableimg_getcoection2);
57168
57182
  }