tabexseriescomponents 0.0.162 → 0.0.164

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -2248,6 +2248,7 @@ var Service_itemtype = function Service_itemtype(props) {
2248
2248
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
2249
2249
  var addtocartfunc = props.actions.addtocartfunc;
2250
2250
  props.actions.selectproductoptionvalue;
2251
+ var relatedproducts = props.actions.relatedproducts;
2251
2252
  var productimagesarray = props.actions.productimagesarray;
2252
2253
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
2253
2254
  var sectionproperties = props.actions.sectionproperties;
@@ -2305,7 +2306,7 @@ var Service_itemtype = function Service_itemtype(props) {
2305
2306
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
2306
2307
  }
2307
2308
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2308
- "class": "".concat(productinfo_cssstyles.cardcontainer) + ' col-lg-12 mb-5 ',
2309
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' col-lg-12 mb-3 ',
2309
2310
  style: {
2310
2311
  minHeight: '70vh'
2311
2312
  }
@@ -2325,7 +2326,7 @@ var Service_itemtype = function Service_itemtype(props) {
2325
2326
  showNav: false,
2326
2327
  showPlayButton: false
2327
2328
  })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2328
- "class": "col-lg-12 mt-5 mt-md-4"
2329
+ "class": "col-lg-12 mt-4 mt-md-4"
2329
2330
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2330
2331
  "class": "row m-0 w-100"
2331
2332
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2368,7 +2369,7 @@ var Service_itemtype = function Service_itemtype(props) {
2368
2369
  size: 40,
2369
2370
  round: true
2370
2371
  }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
2371
- "class": langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-2 p-md-0'
2372
+ "class": 'col-xl-7 col-lg-8 col-md-12 col-sm-12 p-0'
2372
2373
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2373
2374
  "class": "row m-0 w-100"
2374
2375
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2430,8 +2431,8 @@ var Service_itemtype = function Service_itemtype(props) {
2430
2431
  NotificationManager: NotificationManager,
2431
2432
  addtocartfunc: addtocartfunc
2432
2433
  }
2433
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2434
- "class": langdetect == 'en' ? 'col-lg-12 p-0 pl-4 pl-md-0 mb-3' : 'col-lg-12 pr-4 pr-md-0 p-0 mb-3'
2434
+ })), sectionproperties.show_availability == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2435
+ "class": 'col-lg-12 p-0 pl-5 pr-5 p-md-0 mb-3'
2435
2436
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2436
2437
  style: {
2437
2438
  width: sectionproperties.availability_width + 'px',
@@ -2455,11 +2456,11 @@ var Service_itemtype = function Service_itemtype(props) {
2455
2456
  }, lang.availability, ":"), /*#__PURE__*/React__default["default"].createElement("span", {
2456
2457
  "class": "ml-1 mr-1"
2457
2458
  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), /*#__PURE__*/React__default["default"].createElement("div", {
2458
- "class": "col-lg-12 p-0 mb-3"
2459
+ "class": "col-lg-12 mb-3"
2459
2460
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
2460
2461
  "class": langdetect == 'en' ? 'mb-0 mt-2 ml-4 ml-md-0' : 'mb-0 mt-2 mr-4 mr-md-0'
2461
2462
  })), /*#__PURE__*/React__default["default"].createElement("div", {
2462
- className: "col-lg-12 p-0 mb-3 pl-3 pr-3 p-md-0 mb-3"
2463
+ className: "col-lg-12 mb-3 pl-5 pr-5 p-md-0 mb-3"
2463
2464
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2464
2465
  className: "row m-0 w-100 d-flex flex-row"
2465
2466
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -2495,7 +2496,7 @@ var Service_itemtype = function Service_itemtype(props) {
2495
2496
  }, /*#__PURE__*/React__default["default"].createElement("span", {
2496
2497
  className: "ml-2 mr-2"
2497
2498
  }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.defaultprice, " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), /*#__PURE__*/React__default["default"].createElement("div", {
2498
- "class": langdetect == 'en' ? 'row m-0 w-100 d-flex align-items-center mb-3 pl-4 pl-md-0 ' : 'row m-0 w-100 d-flex align-items-center mb-3 pr-4 pr-md-0'
2499
+ "class": 'row m-0 w-100 d-flex align-items-center mb-3 pl-5 pr-5 p-md-0 '
2499
2500
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2500
2501
  style: {
2501
2502
  width: sectionproperties.iconcontainerwidth + 'px',
@@ -2519,7 +2520,9 @@ var Service_itemtype = function Service_itemtype(props) {
2519
2520
  color: sectionproperties.icontextcolor,
2520
2521
  fontWeight: sectionproperties.icontextfontweight
2521
2522
  }
2522
- }, lang.securepayment))))))));
2523
+ }, lang.securepayment))))))), /*#__PURE__*/React__default["default"].createElement("div", {
2524
+ "class": "col-lg-12 p-0"
2525
+ }, relatedproducts()));
2523
2526
  };
2524
2527
 
2525
2528
  var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
@@ -9479,7 +9482,7 @@ var CardsSection = function CardsSection(props) {
9479
9482
  if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
9480
9483
  var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
9481
9484
  return /*#__PURE__*/React__default["default"].createElement("div", {
9482
- className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 p-md-0 '
9485
+ className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 p-md-0 px-1025-1 '
9483
9486
  }, sectionproperties.view_as_slider_vertical == 'Slider (Horizontal)' && /*#__PURE__*/React__default["default"].createElement("div", {
9484
9487
  "class": langdetect == 'en' ? 'col-lg-12 p-0 pl-sm-2' : 'col-lg-12 p-0 pr-sm-2'
9485
9488
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
@@ -9569,7 +9572,7 @@ var CardsSection = function CardsSection(props) {
9569
9572
  boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
9570
9573
  }
9571
9574
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
9572
- "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
9575
+ "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
9573
9576
  style: {
9574
9577
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9575
9578
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
@@ -10126,15 +10129,20 @@ var Subheader = function Subheader(props) {
10126
10129
  }
10127
10130
  }, langdetect == 'en' ? item.title_en : item.title_ar);
10128
10131
  }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : (_fetchCategoriesQuery11 = _fetchCategoriesQuery10.categories[Choosenindex]) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.parentcolletions) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : _fetchCategoriesQuery12.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10129
- "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center p-sm-0 position-md-relative ',
10132
+ "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center pl-lg-3 pr-lg-3 pl-md-2 pr-md-2 p-sm-0 position-md-relative ',
10130
10133
  onMouseLeave: function onMouseLeave() {
10131
10134
  setshowdownheadermenu(false);
10132
10135
  },
10133
10136
  style: {
10134
- width: '95%',
10137
+ width: sectionproperties.subheader_width + '%',
10135
10138
  zIndex: 2000,
10136
10139
  position: ((_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
10137
- top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.subheaderpositionprops) == 'in nav' ? 30 : ''
10140
+ top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.subheaderpositionprops) == 'in nav' ? 30 : '',
10141
+ border: sectionproperties.subheader_width != 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10142
+ borderBottom: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10143
+ borderTop: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10144
+ paddingLeft: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingLeft + 'px' : sectionproperties.subheader_dropdown_paddingRight + 'px',
10145
+ paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
10138
10146
  }
10139
10147
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10140
10148
  "class": "row m-0 w-100 d-flex pt-3 pb-3"
@@ -17451,11 +17459,6 @@ var Modernheader = function Modernheader(props) {
17451
17459
  paddingBottom: sectionproperties.uppersection_paddingbottom + 'px'
17452
17460
  }),
17453
17461
  navbar_nav: glamor.css({
17454
- background: sectionproperties.lowersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.lowersection_backgroundColor,
17455
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderBottomLeftRadius + 'px' : sectionproperties.lowersection_BorderBottomRightRadius + 'px',
17456
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.lowersection_BorderBottomRightRadius + 'px' : sectionproperties.lowersection_borderBottomLeftRadius + 'px',
17457
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopLeftRadius + 'px' : sectionproperties.lowersection_borderTopRightRadius + 'px',
17458
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopRightRadius + 'px' : sectionproperties.lowersection_borderTopLeftRadius + 'px',
17459
17462
  paddingTop: sectionproperties.lowersection_paddingtop + 'px',
17460
17463
  paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
17461
17464
  paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
@@ -17579,7 +17582,7 @@ var Modernheader = function Modernheader(props) {
17579
17582
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17580
17583
  "class": "row m-0 w-100"
17581
17584
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17582
- "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center '
17585
+ "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
17583
17586
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17584
17587
  "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0",
17585
17588
  style: {}
@@ -17897,7 +17900,7 @@ var Modernheader = function Modernheader(props) {
17897
17900
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17898
17901
  "class": header_cssstyles.header_divider
17899
17902
  })), sectionproperties.showlowerheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17900
- "class": "".concat(header_cssstyles.navbar_nav, " ") + ' row w-100 m-0 d-flex align-items-center '
17903
+ "class": sectionproperties.lowersection_paddingleft != 0 && sectionproperties.lowersection_paddingright != 0 ? "".concat(header_cssstyles.navbar_nav, " ") + ' row w-100 m-0 d-flex align-items-center px-1025-1 ' : "".concat(header_cssstyles.navbar_nav, " ") + ' row w-100 m-0 d-flex align-items-center '
17901
17904
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17902
17905
  "class": "col-lg-12 col-md-12 justify-content-center align-items-center m-auto p-0",
17903
17906
  style: {
@@ -38695,7 +38698,7 @@ var Card20 = function Card20(props) {
38695
38698
  marginBottom: sectionproperties.cartBtnShow == 'Show' ? 20 : 0
38696
38699
  }
38697
38700
  }, plainString(langdetect == 'en' ? item.description_en : item.description_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
38698
- "class": "col-lg-6 col-md-6 col-sm-6 p-0"
38701
+ "class": "col-lg-6 col-md-6 col-sm-6 p-0 d-flex justify-content-start"
38699
38702
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
38700
38703
  "class": cardstyles.cart_btn,
38701
38704
  onClick: function onClick() {
@@ -39293,8 +39296,6 @@ var Card23 = function Card23(props) {
39293
39296
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
39294
39297
  props.actions.lang;
39295
39298
  var langdetect = props.actions.langdetect;
39296
- props.actions.routingcountext;
39297
- props.actions.StaticPagesLinksContext;
39298
39299
  var addtofavoritescontext = props.actions.addtofavoritescontext;
39299
39300
  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
39300
39301
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
@@ -39304,23 +39305,15 @@ var Card23 = function Card23(props) {
39304
39305
  _useState6[0];
39305
39306
  _useState6[1];
39306
39307
  React.useEffect(function () {
39307
- if (props.srcfrom == 'addsectionform') {
39308
- var secpropobj = {};
39309
- props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
39310
- secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
39311
- });
39312
- setsectionproperties(_objectSpread$s({}, secpropobj));
39313
- } else {
39314
- var secpropobj = {};
39315
- StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
39316
- if (sectionitem.sectionid == props.sectionidprops) {
39317
- sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
39318
- secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
39319
- });
39320
- }
39321
- });
39322
- setsectionproperties(_objectSpread$s({}, secpropobj));
39323
- }
39308
+ var secpropobj = {};
39309
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
39310
+ if (sectionitem.sectionid == props.sectionidprops) {
39311
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
39312
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
39313
+ });
39314
+ }
39315
+ });
39316
+ setsectionproperties(_objectSpread$s({}, secpropobj));
39324
39317
  }, [StatePagePropertiesContext]);
39325
39318
  React.useEffect(function () {
39326
39319
  setitem(props.cardinfoitemprops);
@@ -39414,7 +39407,7 @@ var Card23 = function Card23(props) {
39414
39407
  top: 10,
39415
39408
  right: -15,
39416
39409
  opacity: 0,
39417
- transform: "translateX(10px)"
39410
+ transform: "translateX(5px)"
39418
39411
  }),
39419
39412
  card: glamor.css({
39420
39413
  marginBottom: sectionproperties.marginBottom + 'px',
@@ -39425,8 +39418,6 @@ var Card23 = function Card23(props) {
39425
39418
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
39426
39419
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
39427
39420
  border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
39428
- paddingTop: sectionproperties.paddingTop + 'px',
39429
- paddingBottom: sectionproperties.paddingBottom + 'px',
39430
39421
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
39431
39422
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
39432
39423
  ':hover .iconsContainer': {
@@ -39456,52 +39447,11 @@ var Card23 = function Card23(props) {
39456
39447
  }
39457
39448
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39458
39449
  "class": "".concat(cardsstyles2.card)
39459
- }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
39460
- "class": "col-lg-12 col-md-12 col-sm-12 p-0 pl-sm-2 pr-sm-2"
39461
39450
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39462
- "class": "cursor-pointer",
39463
- style: {
39464
- backgroundColor: sectionproperties.image_bgcolor,
39465
- height: sectionproperties.image_height + 'px',
39466
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39467
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39468
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39469
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39470
- }
39471
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
39472
- urlEndpoint: IKurlEndpoint,
39473
- publicKey: IKpublicKey,
39474
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
39451
+ "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none ',
39475
39452
  style: {
39476
- width: '100%',
39477
- height: '100%',
39478
- objectFit: 'contain'
39479
- },
39480
- loading: "lazy",
39481
- onClick: function onClick() {
39482
- setShowProductInfoModalContext(true);
39483
- setProductIdProdutInfoModalContext(item.productid);
39484
- }
39485
- }), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
39486
- "class": "row m-0 align-items-center justify-content-center",
39487
- style: {
39488
- position: 'absolute',
39489
- top: 10,
39490
- left: 10,
39491
- backgroundColor: sectionproperties.badge_bgcolor,
39492
- borderRadius: sectionproperties.badge_borderradius + 'px',
39493
- paddingTop: '5px',
39494
- paddingBottom: '5px',
39495
- paddingLeft: '10px',
39496
- paddingRight: '10px',
39497
- color: sectionproperties.badge_color
39498
- }
39499
- }, /*#__PURE__*/React__default["default"].createElement("div", {
39500
- style: {
39501
- fontSize: '12px'
39453
+ zIndex: 100
39502
39454
  }
39503
- }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
39504
- "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none '
39505
39455
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
39506
39456
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
39507
39457
  onClick: function onClick() {
@@ -39536,7 +39486,10 @@ var Card23 = function Card23(props) {
39536
39486
  }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
39537
39487
  size: sectionproperties.generalbtn_fontsize
39538
39488
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
39539
- "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex '
39489
+ "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex ',
39490
+ style: {
39491
+ zIndex: 100
39492
+ }
39540
39493
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
39541
39494
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
39542
39495
  onClick: function onClick() {
@@ -39570,7 +39523,55 @@ var Card23 = function Card23(props) {
39570
39523
  "class": "h-100 d-flex align-items-center justify-content-center"
39571
39524
  }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
39572
39525
  size: sectionproperties.generalbtn_fontsize
39573
- }))))), /*#__PURE__*/React__default["default"].createElement("div", {
39526
+ })))), sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
39527
+ "class": "col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 pl-sm-2 pr-sm-2",
39528
+ style: {
39529
+ paddingTop: sectionproperties.paddingTop + 'px',
39530
+ paddingBottom: sectionproperties.paddingBottom + 'px'
39531
+ }
39532
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
39533
+ "class": "cursor-pointer",
39534
+ style: {
39535
+ backgroundColor: sectionproperties.image_bgcolor,
39536
+ height: sectionproperties.image_height + 'px',
39537
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39538
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39539
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39540
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39541
+ }
39542
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
39543
+ urlEndpoint: IKurlEndpoint,
39544
+ publicKey: IKpublicKey,
39545
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
39546
+ style: {
39547
+ width: '100%',
39548
+ height: '100%',
39549
+ objectFit: 'contain'
39550
+ },
39551
+ loading: "lazy",
39552
+ onClick: function onClick() {
39553
+ setShowProductInfoModalContext(true);
39554
+ setProductIdProdutInfoModalContext(item.productid);
39555
+ }
39556
+ }), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
39557
+ "class": "row m-0 align-items-center justify-content-center",
39558
+ style: {
39559
+ position: 'absolute',
39560
+ top: 10,
39561
+ left: 10,
39562
+ backgroundColor: sectionproperties.badge_bgcolor,
39563
+ borderRadius: sectionproperties.badge_borderradius + 'px',
39564
+ paddingTop: '5px',
39565
+ paddingBottom: '5px',
39566
+ paddingLeft: '10px',
39567
+ paddingRight: '10px',
39568
+ color: sectionproperties.badge_color
39569
+ }
39570
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
39571
+ style: {
39572
+ fontSize: '12px'
39573
+ }
39574
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
39574
39575
  "class": "row m-0 w-100",
39575
39576
  style: {
39576
39577
  paddingLeft: '10px',
@@ -39602,9 +39603,11 @@ var Card23 = function Card23(props) {
39602
39603
  "class": "row m-0 w-100 align-items-center mt-1 mb-1"
39603
39604
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
39604
39605
  "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
39605
- }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
39606
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), /*#__PURE__*/React__default["default"].createElement("span", {
39607
+ "class": "".concat(cardsstyles2.productSalePricestyles)
39608
+ }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
39606
39609
  "class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
39607
- }, "/", langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
39610
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
39608
39611
  "class": "d-flex align-items-center m-0"
39609
39612
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
39610
39613
  "class": "".concat(cardsstyles2.cart_btn) + ' allcentered ',
package/dist/index.esm.js CHANGED
@@ -2205,6 +2205,7 @@ var Service_itemtype = function Service_itemtype(props) {
2205
2205
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
2206
2206
  var addtocartfunc = props.actions.addtocartfunc;
2207
2207
  props.actions.selectproductoptionvalue;
2208
+ var relatedproducts = props.actions.relatedproducts;
2208
2209
  var productimagesarray = props.actions.productimagesarray;
2209
2210
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
2210
2211
  var sectionproperties = props.actions.sectionproperties;
@@ -2262,7 +2263,7 @@ var Service_itemtype = function Service_itemtype(props) {
2262
2263
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
2263
2264
  }
2264
2265
  }, /*#__PURE__*/React.createElement("div", {
2265
- "class": "".concat(productinfo_cssstyles.cardcontainer) + ' col-lg-12 mb-5 ',
2266
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' col-lg-12 mb-3 ',
2266
2267
  style: {
2267
2268
  minHeight: '70vh'
2268
2269
  }
@@ -2282,7 +2283,7 @@ var Service_itemtype = function Service_itemtype(props) {
2282
2283
  showNav: false,
2283
2284
  showPlayButton: false
2284
2285
  })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React.createElement("div", {
2285
- "class": "col-lg-12 mt-5 mt-md-4"
2286
+ "class": "col-lg-12 mt-4 mt-md-4"
2286
2287
  }, /*#__PURE__*/React.createElement("div", {
2287
2288
  "class": "row m-0 w-100"
2288
2289
  }, /*#__PURE__*/React.createElement("div", {
@@ -2325,7 +2326,7 @@ var Service_itemtype = function Service_itemtype(props) {
2325
2326
  size: 40,
2326
2327
  round: true
2327
2328
  }))))))), /*#__PURE__*/React.createElement("div", {
2328
- "class": langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-2 p-md-0'
2329
+ "class": 'col-xl-7 col-lg-8 col-md-12 col-sm-12 p-0'
2329
2330
  }, /*#__PURE__*/React.createElement("div", {
2330
2331
  "class": "row m-0 w-100"
2331
2332
  }, /*#__PURE__*/React.createElement("div", {
@@ -2387,8 +2388,8 @@ var Service_itemtype = function Service_itemtype(props) {
2387
2388
  NotificationManager: NotificationManager,
2388
2389
  addtocartfunc: addtocartfunc
2389
2390
  }
2390
- })), /*#__PURE__*/React.createElement("div", {
2391
- "class": langdetect == 'en' ? 'col-lg-12 p-0 pl-4 pl-md-0 mb-3' : 'col-lg-12 pr-4 pr-md-0 p-0 mb-3'
2391
+ })), sectionproperties.show_availability == 'Show' && /*#__PURE__*/React.createElement("div", {
2392
+ "class": 'col-lg-12 p-0 pl-5 pr-5 p-md-0 mb-3'
2392
2393
  }, /*#__PURE__*/React.createElement("div", {
2393
2394
  style: {
2394
2395
  width: sectionproperties.availability_width + 'px',
@@ -2412,11 +2413,11 @@ var Service_itemtype = function Service_itemtype(props) {
2412
2413
  }, lang.availability, ":"), /*#__PURE__*/React.createElement("span", {
2413
2414
  "class": "ml-1 mr-1"
2414
2415
  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), /*#__PURE__*/React.createElement("div", {
2415
- "class": "col-lg-12 p-0 mb-3"
2416
+ "class": "col-lg-12 mb-3"
2416
2417
  }, /*#__PURE__*/React.createElement("hr", {
2417
2418
  "class": langdetect == 'en' ? 'mb-0 mt-2 ml-4 ml-md-0' : 'mb-0 mt-2 mr-4 mr-md-0'
2418
2419
  })), /*#__PURE__*/React.createElement("div", {
2419
- className: "col-lg-12 p-0 mb-3 pl-3 pr-3 p-md-0 mb-3"
2420
+ className: "col-lg-12 mb-3 pl-5 pr-5 p-md-0 mb-3"
2420
2421
  }, /*#__PURE__*/React.createElement("div", {
2421
2422
  className: "row m-0 w-100 d-flex flex-row"
2422
2423
  }, /*#__PURE__*/React.createElement("p", {
@@ -2452,7 +2453,7 @@ var Service_itemtype = function Service_itemtype(props) {
2452
2453
  }, /*#__PURE__*/React.createElement("span", {
2453
2454
  className: "ml-2 mr-2"
2454
2455
  }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.defaultprice, " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), /*#__PURE__*/React.createElement("div", {
2455
- "class": langdetect == 'en' ? 'row m-0 w-100 d-flex align-items-center mb-3 pl-4 pl-md-0 ' : 'row m-0 w-100 d-flex align-items-center mb-3 pr-4 pr-md-0'
2456
+ "class": 'row m-0 w-100 d-flex align-items-center mb-3 pl-5 pr-5 p-md-0 '
2456
2457
  }, /*#__PURE__*/React.createElement("div", {
2457
2458
  style: {
2458
2459
  width: sectionproperties.iconcontainerwidth + 'px',
@@ -2476,7 +2477,9 @@ var Service_itemtype = function Service_itemtype(props) {
2476
2477
  color: sectionproperties.icontextcolor,
2477
2478
  fontWeight: sectionproperties.icontextfontweight
2478
2479
  }
2479
- }, lang.securepayment))))))));
2480
+ }, lang.securepayment))))))), /*#__PURE__*/React.createElement("div", {
2481
+ "class": "col-lg-12 p-0"
2482
+ }, relatedproducts()));
2480
2483
  };
2481
2484
 
2482
2485
  var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
@@ -9436,7 +9439,7 @@ var CardsSection = function CardsSection(props) {
9436
9439
  if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
9437
9440
  var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
9438
9441
  return /*#__PURE__*/React.createElement("div", {
9439
- className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 p-md-0 '
9442
+ className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 p-md-0 px-1025-1 '
9440
9443
  }, sectionproperties.view_as_slider_vertical == 'Slider (Horizontal)' && /*#__PURE__*/React.createElement("div", {
9441
9444
  "class": langdetect == 'en' ? 'col-lg-12 p-0 pl-sm-2' : 'col-lg-12 p-0 pr-sm-2'
9442
9445
  }, /*#__PURE__*/React.createElement(ScrollMenu, {
@@ -9526,7 +9529,7 @@ var CardsSection = function CardsSection(props) {
9526
9529
  boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
9527
9530
  }
9528
9531
  }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
9529
- "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
9532
+ "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
9530
9533
  style: {
9531
9534
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9532
9535
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
@@ -10083,15 +10086,20 @@ var Subheader = function Subheader(props) {
10083
10086
  }
10084
10087
  }, langdetect == 'en' ? item.title_en : item.title_ar);
10085
10088
  }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : (_fetchCategoriesQuery11 = _fetchCategoriesQuery10.categories[Choosenindex]) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.parentcolletions) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : _fetchCategoriesQuery12.length) != 0 && /*#__PURE__*/React.createElement("div", {
10086
- "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center p-sm-0 position-md-relative ',
10089
+ "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center pl-lg-3 pr-lg-3 pl-md-2 pr-md-2 p-sm-0 position-md-relative ',
10087
10090
  onMouseLeave: function onMouseLeave() {
10088
10091
  setshowdownheadermenu(false);
10089
10092
  },
10090
10093
  style: {
10091
- width: '95%',
10094
+ width: sectionproperties.subheader_width + '%',
10092
10095
  zIndex: 2000,
10093
10096
  position: ((_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
10094
- top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.subheaderpositionprops) == 'in nav' ? 30 : ''
10097
+ top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.subheaderpositionprops) == 'in nav' ? 30 : '',
10098
+ border: sectionproperties.subheader_width != 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10099
+ borderBottom: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10100
+ borderTop: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10101
+ paddingLeft: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingLeft + 'px' : sectionproperties.subheader_dropdown_paddingRight + 'px',
10102
+ paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
10095
10103
  }
10096
10104
  }, /*#__PURE__*/React.createElement("div", {
10097
10105
  "class": "row m-0 w-100 d-flex pt-3 pb-3"
@@ -17408,11 +17416,6 @@ var Modernheader = function Modernheader(props) {
17408
17416
  paddingBottom: sectionproperties.uppersection_paddingbottom + 'px'
17409
17417
  }),
17410
17418
  navbar_nav: css({
17411
- background: sectionproperties.lowersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.lowersection_backgroundColor,
17412
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderBottomLeftRadius + 'px' : sectionproperties.lowersection_BorderBottomRightRadius + 'px',
17413
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.lowersection_BorderBottomRightRadius + 'px' : sectionproperties.lowersection_borderBottomLeftRadius + 'px',
17414
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopLeftRadius + 'px' : sectionproperties.lowersection_borderTopRightRadius + 'px',
17415
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopRightRadius + 'px' : sectionproperties.lowersection_borderTopLeftRadius + 'px',
17416
17419
  paddingTop: sectionproperties.lowersection_paddingtop + 'px',
17417
17420
  paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
17418
17421
  paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
@@ -17536,7 +17539,7 @@ var Modernheader = function Modernheader(props) {
17536
17539
  }, /*#__PURE__*/React.createElement("div", {
17537
17540
  "class": "row m-0 w-100"
17538
17541
  }, /*#__PURE__*/React.createElement("div", {
17539
- "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center '
17542
+ "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
17540
17543
  }, /*#__PURE__*/React.createElement("div", {
17541
17544
  "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0",
17542
17545
  style: {}
@@ -17854,7 +17857,7 @@ var Modernheader = function Modernheader(props) {
17854
17857
  }, /*#__PURE__*/React.createElement("div", {
17855
17858
  "class": header_cssstyles.header_divider
17856
17859
  })), sectionproperties.showlowerheadersection == 'Show' && /*#__PURE__*/React.createElement("div", {
17857
- "class": "".concat(header_cssstyles.navbar_nav, " ") + ' row w-100 m-0 d-flex align-items-center '
17860
+ "class": sectionproperties.lowersection_paddingleft != 0 && sectionproperties.lowersection_paddingright != 0 ? "".concat(header_cssstyles.navbar_nav, " ") + ' row w-100 m-0 d-flex align-items-center px-1025-1 ' : "".concat(header_cssstyles.navbar_nav, " ") + ' row w-100 m-0 d-flex align-items-center '
17858
17861
  }, /*#__PURE__*/React.createElement("div", {
17859
17862
  "class": "col-lg-12 col-md-12 justify-content-center align-items-center m-auto p-0",
17860
17863
  style: {
@@ -38652,7 +38655,7 @@ var Card20 = function Card20(props) {
38652
38655
  marginBottom: sectionproperties.cartBtnShow == 'Show' ? 20 : 0
38653
38656
  }
38654
38657
  }, plainString(langdetect == 'en' ? item.description_en : item.description_ar))), /*#__PURE__*/React.createElement("div", {
38655
- "class": "col-lg-6 col-md-6 col-sm-6 p-0"
38658
+ "class": "col-lg-6 col-md-6 col-sm-6 p-0 d-flex justify-content-start"
38656
38659
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
38657
38660
  "class": cardstyles.cart_btn,
38658
38661
  onClick: function onClick() {
@@ -39250,8 +39253,6 @@ var Card23 = function Card23(props) {
39250
39253
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
39251
39254
  props.actions.lang;
39252
39255
  var langdetect = props.actions.langdetect;
39253
- props.actions.routingcountext;
39254
- props.actions.StaticPagesLinksContext;
39255
39256
  var addtofavoritescontext = props.actions.addtofavoritescontext;
39256
39257
  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
39257
39258
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
@@ -39261,23 +39262,15 @@ var Card23 = function Card23(props) {
39261
39262
  _useState6[0];
39262
39263
  _useState6[1];
39263
39264
  useEffect(function () {
39264
- if (props.srcfrom == 'addsectionform') {
39265
- var secpropobj = {};
39266
- props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
39267
- secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
39268
- });
39269
- setsectionproperties(_objectSpread$s({}, secpropobj));
39270
- } else {
39271
- var secpropobj = {};
39272
- StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
39273
- if (sectionitem.sectionid == props.sectionidprops) {
39274
- sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
39275
- secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
39276
- });
39277
- }
39278
- });
39279
- setsectionproperties(_objectSpread$s({}, secpropobj));
39280
- }
39265
+ var secpropobj = {};
39266
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
39267
+ if (sectionitem.sectionid == props.sectionidprops) {
39268
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
39269
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
39270
+ });
39271
+ }
39272
+ });
39273
+ setsectionproperties(_objectSpread$s({}, secpropobj));
39281
39274
  }, [StatePagePropertiesContext]);
39282
39275
  useEffect(function () {
39283
39276
  setitem(props.cardinfoitemprops);
@@ -39371,7 +39364,7 @@ var Card23 = function Card23(props) {
39371
39364
  top: 10,
39372
39365
  right: -15,
39373
39366
  opacity: 0,
39374
- transform: "translateX(10px)"
39367
+ transform: "translateX(5px)"
39375
39368
  }),
39376
39369
  card: css({
39377
39370
  marginBottom: sectionproperties.marginBottom + 'px',
@@ -39382,8 +39375,6 @@ var Card23 = function Card23(props) {
39382
39375
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
39383
39376
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
39384
39377
  border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
39385
- paddingTop: sectionproperties.paddingTop + 'px',
39386
- paddingBottom: sectionproperties.paddingBottom + 'px',
39387
39378
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
39388
39379
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
39389
39380
  ':hover .iconsContainer': {
@@ -39413,52 +39404,11 @@ var Card23 = function Card23(props) {
39413
39404
  }
39414
39405
  }, /*#__PURE__*/React.createElement("div", {
39415
39406
  "class": "".concat(cardsstyles2.card)
39416
- }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
39417
- "class": "col-lg-12 col-md-12 col-sm-12 p-0 pl-sm-2 pr-sm-2"
39418
39407
  }, /*#__PURE__*/React.createElement("div", {
39419
- "class": "cursor-pointer",
39420
- style: {
39421
- backgroundColor: sectionproperties.image_bgcolor,
39422
- height: sectionproperties.image_height + 'px',
39423
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39424
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39425
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39426
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39427
- }
39428
- }, /*#__PURE__*/React.createElement(IKImage, {
39429
- urlEndpoint: IKurlEndpoint,
39430
- publicKey: IKpublicKey,
39431
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
39408
+ "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none ',
39432
39409
  style: {
39433
- width: '100%',
39434
- height: '100%',
39435
- objectFit: 'contain'
39436
- },
39437
- loading: "lazy",
39438
- onClick: function onClick() {
39439
- setShowProductInfoModalContext(true);
39440
- setProductIdProdutInfoModalContext(item.productid);
39441
- }
39442
- }), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React.createElement("div", {
39443
- "class": "row m-0 align-items-center justify-content-center",
39444
- style: {
39445
- position: 'absolute',
39446
- top: 10,
39447
- left: 10,
39448
- backgroundColor: sectionproperties.badge_bgcolor,
39449
- borderRadius: sectionproperties.badge_borderradius + 'px',
39450
- paddingTop: '5px',
39451
- paddingBottom: '5px',
39452
- paddingLeft: '10px',
39453
- paddingRight: '10px',
39454
- color: sectionproperties.badge_color
39455
- }
39456
- }, /*#__PURE__*/React.createElement("div", {
39457
- style: {
39458
- fontSize: '12px'
39410
+ zIndex: 100
39459
39411
  }
39460
- }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React.createElement("div", {
39461
- "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none '
39462
39412
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
39463
39413
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
39464
39414
  onClick: function onClick() {
@@ -39493,7 +39443,10 @@ var Card23 = function Card23(props) {
39493
39443
  }, /*#__PURE__*/React.createElement(BsEye, {
39494
39444
  size: sectionproperties.generalbtn_fontsize
39495
39445
  })))), /*#__PURE__*/React.createElement("div", {
39496
- "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex '
39446
+ "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex ',
39447
+ style: {
39448
+ zIndex: 100
39449
+ }
39497
39450
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
39498
39451
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
39499
39452
  onClick: function onClick() {
@@ -39527,7 +39480,55 @@ var Card23 = function Card23(props) {
39527
39480
  "class": "h-100 d-flex align-items-center justify-content-center"
39528
39481
  }, /*#__PURE__*/React.createElement(BsEye, {
39529
39482
  size: sectionproperties.generalbtn_fontsize
39530
- }))))), /*#__PURE__*/React.createElement("div", {
39483
+ })))), sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
39484
+ "class": "col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 pl-sm-2 pr-sm-2",
39485
+ style: {
39486
+ paddingTop: sectionproperties.paddingTop + 'px',
39487
+ paddingBottom: sectionproperties.paddingBottom + 'px'
39488
+ }
39489
+ }, /*#__PURE__*/React.createElement("div", {
39490
+ "class": "cursor-pointer",
39491
+ style: {
39492
+ backgroundColor: sectionproperties.image_bgcolor,
39493
+ height: sectionproperties.image_height + 'px',
39494
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39495
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39496
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39497
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39498
+ }
39499
+ }, /*#__PURE__*/React.createElement(IKImage, {
39500
+ urlEndpoint: IKurlEndpoint,
39501
+ publicKey: IKpublicKey,
39502
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
39503
+ style: {
39504
+ width: '100%',
39505
+ height: '100%',
39506
+ objectFit: 'contain'
39507
+ },
39508
+ loading: "lazy",
39509
+ onClick: function onClick() {
39510
+ setShowProductInfoModalContext(true);
39511
+ setProductIdProdutInfoModalContext(item.productid);
39512
+ }
39513
+ }), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React.createElement("div", {
39514
+ "class": "row m-0 align-items-center justify-content-center",
39515
+ style: {
39516
+ position: 'absolute',
39517
+ top: 10,
39518
+ left: 10,
39519
+ backgroundColor: sectionproperties.badge_bgcolor,
39520
+ borderRadius: sectionproperties.badge_borderradius + 'px',
39521
+ paddingTop: '5px',
39522
+ paddingBottom: '5px',
39523
+ paddingLeft: '10px',
39524
+ paddingRight: '10px',
39525
+ color: sectionproperties.badge_color
39526
+ }
39527
+ }, /*#__PURE__*/React.createElement("div", {
39528
+ style: {
39529
+ fontSize: '12px'
39530
+ }
39531
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React.createElement("div", {
39531
39532
  "class": "row m-0 w-100",
39532
39533
  style: {
39533
39534
  paddingLeft: '10px',
@@ -39559,9 +39560,11 @@ var Card23 = function Card23(props) {
39559
39560
  "class": "row m-0 w-100 align-items-center mt-1 mb-1"
39560
39561
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
39561
39562
  "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
39562
- }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
39563
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), /*#__PURE__*/React.createElement("span", {
39564
+ "class": "".concat(cardsstyles2.productSalePricestyles)
39565
+ }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
39563
39566
  "class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
39564
- }, "/", langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React.createElement("div", {
39567
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React.createElement("div", {
39565
39568
  "class": "d-flex align-items-center m-0"
39566
39569
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
39567
39570
  "class": "".concat(cardsstyles2.cart_btn) + ' allcentered ',
package/dist/index.umd.js CHANGED
@@ -2112,6 +2112,7 @@
2112
2112
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
2113
2113
  var addtocartfunc = props.actions.addtocartfunc;
2114
2114
  props.actions.selectproductoptionvalue;
2115
+ var relatedproducts = props.actions.relatedproducts;
2115
2116
  var productimagesarray = props.actions.productimagesarray;
2116
2117
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
2117
2118
  var sectionproperties = props.actions.sectionproperties;
@@ -2169,7 +2170,7 @@
2169
2170
  paddingRight: srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
2170
2171
  }
2171
2172
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2172
- "class": "".concat(productinfo_cssstyles.cardcontainer) + ' col-lg-12 mb-5 ',
2173
+ "class": "".concat(productinfo_cssstyles.cardcontainer) + ' col-lg-12 mb-3 ',
2173
2174
  style: {
2174
2175
  minHeight: '70vh'
2175
2176
  }
@@ -2189,7 +2190,7 @@
2189
2190
  showNav: false,
2190
2191
  showPlayButton: false
2191
2192
  })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2192
- "class": "col-lg-12 mt-5 mt-md-4"
2193
+ "class": "col-lg-12 mt-4 mt-md-4"
2193
2194
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2194
2195
  "class": "row m-0 w-100"
2195
2196
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2232,7 +2233,7 @@
2232
2233
  size: 40,
2233
2234
  round: true
2234
2235
  }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
2235
- "class": langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-2 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-2 p-md-0'
2236
+ "class": 'col-xl-7 col-lg-8 col-md-12 col-sm-12 p-0'
2236
2237
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2237
2238
  "class": "row m-0 w-100"
2238
2239
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2294,8 +2295,8 @@
2294
2295
  NotificationManager: NotificationManager,
2295
2296
  addtocartfunc: addtocartfunc
2296
2297
  }
2297
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2298
- "class": langdetect == 'en' ? 'col-lg-12 p-0 pl-4 pl-md-0 mb-3' : 'col-lg-12 pr-4 pr-md-0 p-0 mb-3'
2298
+ })), sectionproperties.show_availability == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2299
+ "class": 'col-lg-12 p-0 pl-5 pr-5 p-md-0 mb-3'
2299
2300
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2300
2301
  style: {
2301
2302
  width: sectionproperties.availability_width + 'px',
@@ -2319,11 +2320,11 @@
2319
2320
  }, lang.availability, ":"), /*#__PURE__*/React__default["default"].createElement("span", {
2320
2321
  "class": "ml-1 mr-1"
2321
2322
  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), /*#__PURE__*/React__default["default"].createElement("div", {
2322
- "class": "col-lg-12 p-0 mb-3"
2323
+ "class": "col-lg-12 mb-3"
2323
2324
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
2324
2325
  "class": langdetect == 'en' ? 'mb-0 mt-2 ml-4 ml-md-0' : 'mb-0 mt-2 mr-4 mr-md-0'
2325
2326
  })), /*#__PURE__*/React__default["default"].createElement("div", {
2326
- className: "col-lg-12 p-0 mb-3 pl-3 pr-3 p-md-0 mb-3"
2327
+ className: "col-lg-12 mb-3 pl-5 pr-5 p-md-0 mb-3"
2327
2328
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2328
2329
  className: "row m-0 w-100 d-flex flex-row"
2329
2330
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -2359,7 +2360,7 @@
2359
2360
  }, /*#__PURE__*/React__default["default"].createElement("span", {
2360
2361
  className: "ml-2 mr-2"
2361
2362
  }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.defaultprice, " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), /*#__PURE__*/React__default["default"].createElement("div", {
2362
- "class": langdetect == 'en' ? 'row m-0 w-100 d-flex align-items-center mb-3 pl-4 pl-md-0 ' : 'row m-0 w-100 d-flex align-items-center mb-3 pr-4 pr-md-0'
2363
+ "class": 'row m-0 w-100 d-flex align-items-center mb-3 pl-5 pr-5 p-md-0 '
2363
2364
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2364
2365
  style: {
2365
2366
  width: sectionproperties.iconcontainerwidth + 'px',
@@ -2383,7 +2384,9 @@
2383
2384
  color: sectionproperties.icontextcolor,
2384
2385
  fontWeight: sectionproperties.icontextfontweight
2385
2386
  }
2386
- }, lang.securepayment))))))));
2387
+ }, lang.securepayment))))))), /*#__PURE__*/React__default["default"].createElement("div", {
2388
+ "class": "col-lg-12 p-0"
2389
+ }, relatedproducts()));
2387
2390
  };
2388
2391
 
2389
2392
  var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
@@ -9343,7 +9346,7 @@
9343
9346
  if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
9344
9347
  var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
9345
9348
  return /*#__PURE__*/React__default["default"].createElement("div", {
9346
- className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 p-md-0 '
9349
+ className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 p-md-0 px-1025-1 '
9347
9350
  }, sectionproperties.view_as_slider_vertical == 'Slider (Horizontal)' && /*#__PURE__*/React__default["default"].createElement("div", {
9348
9351
  "class": langdetect == 'en' ? 'col-lg-12 p-0 pl-sm-2' : 'col-lg-12 p-0 pr-sm-2'
9349
9352
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
@@ -9433,7 +9436,7 @@
9433
9436
  boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none'
9434
9437
  }
9435
9438
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
9436
- "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
9439
+ "class": ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 ',
9437
9440
  style: {
9438
9441
  paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
9439
9442
  paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0
@@ -9990,15 +9993,20 @@
9990
9993
  }
9991
9994
  }, langdetect == 'en' ? item.title_en : item.title_ar);
9992
9995
  }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : (_fetchCategoriesQuery10 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery10 === void 0 ? void 0 : (_fetchCategoriesQuery11 = _fetchCategoriesQuery10.categories[Choosenindex]) === null || _fetchCategoriesQuery11 === void 0 ? void 0 : (_fetchCategoriesQuery12 = _fetchCategoriesQuery11.parentcolletions) === null || _fetchCategoriesQuery12 === void 0 ? void 0 : _fetchCategoriesQuery12.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
9993
- "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center p-sm-0 position-md-relative ',
9996
+ "class": "".concat(headerstyles$f.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-12 ml-auto mr-auto flex-row justify-content-center align-items-center pl-lg-3 pr-lg-3 pl-md-2 pr-md-2 p-sm-0 position-md-relative ',
9994
9997
  onMouseLeave: function onMouseLeave() {
9995
9998
  setshowdownheadermenu(false);
9996
9999
  },
9997
10000
  style: {
9998
- width: '95%',
10001
+ width: sectionproperties.subheader_width + '%',
9999
10002
  zIndex: 2000,
10000
10003
  position: ((_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
10001
- top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.subheaderpositionprops) == 'in nav' ? 30 : ''
10004
+ top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.subheaderpositionprops) == 'in nav' ? 30 : '',
10005
+ border: sectionproperties.subheader_width != 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10006
+ borderBottom: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10007
+ borderTop: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10008
+ paddingLeft: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingLeft + 'px' : sectionproperties.subheader_dropdown_paddingRight + 'px',
10009
+ paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
10002
10010
  }
10003
10011
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10004
10012
  "class": "row m-0 w-100 d-flex pt-3 pb-3"
@@ -17315,11 +17323,6 @@
17315
17323
  paddingBottom: sectionproperties.uppersection_paddingbottom + 'px'
17316
17324
  }),
17317
17325
  navbar_nav: glamor.css({
17318
- background: sectionproperties.lowersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.lowersection_backgroundColor,
17319
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderBottomLeftRadius + 'px' : sectionproperties.lowersection_BorderBottomRightRadius + 'px',
17320
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.lowersection_BorderBottomRightRadius + 'px' : sectionproperties.lowersection_borderBottomLeftRadius + 'px',
17321
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopLeftRadius + 'px' : sectionproperties.lowersection_borderTopRightRadius + 'px',
17322
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopRightRadius + 'px' : sectionproperties.lowersection_borderTopLeftRadius + 'px',
17323
17326
  paddingTop: sectionproperties.lowersection_paddingtop + 'px',
17324
17327
  paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
17325
17328
  paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
@@ -17443,7 +17446,7 @@
17443
17446
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17444
17447
  "class": "row m-0 w-100"
17445
17448
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17446
- "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center '
17449
+ "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
17447
17450
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17448
17451
  "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0",
17449
17452
  style: {}
@@ -17761,7 +17764,7 @@
17761
17764
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17762
17765
  "class": header_cssstyles.header_divider
17763
17766
  })), sectionproperties.showlowerheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17764
- "class": "".concat(header_cssstyles.navbar_nav, " ") + ' row w-100 m-0 d-flex align-items-center '
17767
+ "class": sectionproperties.lowersection_paddingleft != 0 && sectionproperties.lowersection_paddingright != 0 ? "".concat(header_cssstyles.navbar_nav, " ") + ' row w-100 m-0 d-flex align-items-center px-1025-1 ' : "".concat(header_cssstyles.navbar_nav, " ") + ' row w-100 m-0 d-flex align-items-center '
17765
17768
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17766
17769
  "class": "col-lg-12 col-md-12 justify-content-center align-items-center m-auto p-0",
17767
17770
  style: {
@@ -38559,7 +38562,7 @@
38559
38562
  marginBottom: sectionproperties.cartBtnShow == 'Show' ? 20 : 0
38560
38563
  }
38561
38564
  }, plainString(langdetect == 'en' ? item.description_en : item.description_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
38562
- "class": "col-lg-6 col-md-6 col-sm-6 p-0"
38565
+ "class": "col-lg-6 col-md-6 col-sm-6 p-0 d-flex justify-content-start"
38563
38566
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
38564
38567
  "class": cardstyles.cart_btn,
38565
38568
  onClick: function onClick() {
@@ -39157,8 +39160,6 @@
39157
39160
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
39158
39161
  props.actions.lang;
39159
39162
  var langdetect = props.actions.langdetect;
39160
- props.actions.routingcountext;
39161
- props.actions.StaticPagesLinksContext;
39162
39163
  var addtofavoritescontext = props.actions.addtofavoritescontext;
39163
39164
  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
39164
39165
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
@@ -39168,23 +39169,15 @@
39168
39169
  _useState6[0];
39169
39170
  _useState6[1];
39170
39171
  React.useEffect(function () {
39171
- if (props.srcfrom == 'addsectionform') {
39172
- var secpropobj = {};
39173
- props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
39174
- secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
39175
- });
39176
- setsectionproperties(_objectSpread$s({}, secpropobj));
39177
- } else {
39178
- var secpropobj = {};
39179
- StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
39180
- if (sectionitem.sectionid == props.sectionidprops) {
39181
- sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
39182
- secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
39183
- });
39184
- }
39185
- });
39186
- setsectionproperties(_objectSpread$s({}, secpropobj));
39187
- }
39172
+ var secpropobj = {};
39173
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
39174
+ if (sectionitem.sectionid == props.sectionidprops) {
39175
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
39176
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
39177
+ });
39178
+ }
39179
+ });
39180
+ setsectionproperties(_objectSpread$s({}, secpropobj));
39188
39181
  }, [StatePagePropertiesContext]);
39189
39182
  React.useEffect(function () {
39190
39183
  setitem(props.cardinfoitemprops);
@@ -39278,7 +39271,7 @@
39278
39271
  top: 10,
39279
39272
  right: -15,
39280
39273
  opacity: 0,
39281
- transform: "translateX(10px)"
39274
+ transform: "translateX(5px)"
39282
39275
  }),
39283
39276
  card: glamor.css({
39284
39277
  marginBottom: sectionproperties.marginBottom + 'px',
@@ -39289,8 +39282,6 @@
39289
39282
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
39290
39283
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
39291
39284
  border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
39292
- paddingTop: sectionproperties.paddingTop + 'px',
39293
- paddingBottom: sectionproperties.paddingBottom + 'px',
39294
39285
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
39295
39286
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
39296
39287
  ':hover .iconsContainer': {
@@ -39320,52 +39311,11 @@
39320
39311
  }
39321
39312
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39322
39313
  "class": "".concat(cardsstyles2.card)
39323
- }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
39324
- "class": "col-lg-12 col-md-12 col-sm-12 p-0 pl-sm-2 pr-sm-2"
39325
39314
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39326
- "class": "cursor-pointer",
39327
- style: {
39328
- backgroundColor: sectionproperties.image_bgcolor,
39329
- height: sectionproperties.image_height + 'px',
39330
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39331
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39332
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39333
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39334
- }
39335
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
39336
- urlEndpoint: IKurlEndpoint,
39337
- publicKey: IKpublicKey,
39338
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
39315
+ "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none ',
39339
39316
  style: {
39340
- width: '100%',
39341
- height: '100%',
39342
- objectFit: 'contain'
39343
- },
39344
- loading: "lazy",
39345
- onClick: function onClick() {
39346
- setShowProductInfoModalContext(true);
39347
- setProductIdProdutInfoModalContext(item.productid);
39348
- }
39349
- }), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
39350
- "class": "row m-0 align-items-center justify-content-center",
39351
- style: {
39352
- position: 'absolute',
39353
- top: 10,
39354
- left: 10,
39355
- backgroundColor: sectionproperties.badge_bgcolor,
39356
- borderRadius: sectionproperties.badge_borderradius + 'px',
39357
- paddingTop: '5px',
39358
- paddingBottom: '5px',
39359
- paddingLeft: '10px',
39360
- paddingRight: '10px',
39361
- color: sectionproperties.badge_color
39362
- }
39363
- }, /*#__PURE__*/React__default["default"].createElement("div", {
39364
- style: {
39365
- fontSize: '12px'
39317
+ zIndex: 100
39366
39318
  }
39367
- }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
39368
- "class": "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none '
39369
39319
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
39370
39320
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
39371
39321
  onClick: function onClick() {
@@ -39400,7 +39350,10 @@
39400
39350
  }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
39401
39351
  size: sectionproperties.generalbtn_fontsize
39402
39352
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
39403
- "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex '
39353
+ "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex ',
39354
+ style: {
39355
+ zIndex: 100
39356
+ }
39404
39357
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
39405
39358
  "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
39406
39359
  onClick: function onClick() {
@@ -39434,7 +39387,55 @@
39434
39387
  "class": "h-100 d-flex align-items-center justify-content-center"
39435
39388
  }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
39436
39389
  size: sectionproperties.generalbtn_fontsize
39437
- }))))), /*#__PURE__*/React__default["default"].createElement("div", {
39390
+ })))), sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
39391
+ "class": "col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 pl-sm-2 pr-sm-2",
39392
+ style: {
39393
+ paddingTop: sectionproperties.paddingTop + 'px',
39394
+ paddingBottom: sectionproperties.paddingBottom + 'px'
39395
+ }
39396
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
39397
+ "class": "cursor-pointer",
39398
+ style: {
39399
+ backgroundColor: sectionproperties.image_bgcolor,
39400
+ height: sectionproperties.image_height + 'px',
39401
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39402
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39403
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39404
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39405
+ }
39406
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
39407
+ urlEndpoint: IKurlEndpoint,
39408
+ publicKey: IKpublicKey,
39409
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
39410
+ style: {
39411
+ width: '100%',
39412
+ height: '100%',
39413
+ objectFit: 'contain'
39414
+ },
39415
+ loading: "lazy",
39416
+ onClick: function onClick() {
39417
+ setShowProductInfoModalContext(true);
39418
+ setProductIdProdutInfoModalContext(item.productid);
39419
+ }
39420
+ }), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
39421
+ "class": "row m-0 align-items-center justify-content-center",
39422
+ style: {
39423
+ position: 'absolute',
39424
+ top: 10,
39425
+ left: 10,
39426
+ backgroundColor: sectionproperties.badge_bgcolor,
39427
+ borderRadius: sectionproperties.badge_borderradius + 'px',
39428
+ paddingTop: '5px',
39429
+ paddingBottom: '5px',
39430
+ paddingLeft: '10px',
39431
+ paddingRight: '10px',
39432
+ color: sectionproperties.badge_color
39433
+ }
39434
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
39435
+ style: {
39436
+ fontSize: '12px'
39437
+ }
39438
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
39438
39439
  "class": "row m-0 w-100",
39439
39440
  style: {
39440
39441
  paddingLeft: '10px',
@@ -39466,9 +39467,11 @@
39466
39467
  "class": "row m-0 w-100 align-items-center mt-1 mb-1"
39467
39468
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
39468
39469
  "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
39469
- }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
39470
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), /*#__PURE__*/React__default["default"].createElement("span", {
39471
+ "class": "".concat(cardsstyles2.productSalePricestyles)
39472
+ }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
39470
39473
  "class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
39471
- }, "/", langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
39474
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
39472
39475
  "class": "d-flex align-items-center m-0"
39473
39476
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
39474
39477
  "class": "".concat(cardsstyles2.cart_btn) + ' allcentered ',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.162",
3
+ "version": "0.0.164",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {