tabexseriescomponents 0.0.795 → 0.0.797

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
@@ -18677,6 +18677,7 @@
18677
18677
  cardobj.hasvariants = arrayItem.productinfo.hasvariants;
18678
18678
  cardobj.description_en = arrayItem.productinfo.description_en;
18679
18679
  cardobj.description_ar = arrayItem.productinfo.description_ar;
18680
+ cardobj.productmainimage = arrayItem.productinfo.productmainimage;
18680
18681
  if (sectionproperties.removedecimals == 'Without Decimals') {
18681
18682
  cardobj.defaultprice = parseFloat(Number(arrayItem.productinfo.defaultprice).toFixed(2));
18682
18683
  } else if (sectionproperties.removedecimals == 'Without Decimals and Separated With Comma') {
@@ -31833,13 +31834,7 @@
31833
31834
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
31834
31835
  }, /*#__PURE__*/React__default["default"].createElement("p", {
31835
31836
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
31836
- }, /*#__PURE__*/React__default["default"].createElement("img", {
31837
- src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
31838
- style: {
31839
- maxWidth: '2vh',
31840
- maxHeight: '2vh'
31841
- }
31842
- }), /*#__PURE__*/React__default["default"].createElement("span", {
31837
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
31843
31838
  "class": "ml-2 mr-2"
31844
31839
  }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629")))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
31845
31840
  "class": "".concat(header_cssstyles.dropdownitem),
@@ -31850,13 +31845,7 @@
31850
31845
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
31851
31846
  }, /*#__PURE__*/React__default["default"].createElement("p", {
31852
31847
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
31853
- }, /*#__PURE__*/React__default["default"].createElement("img", {
31854
- src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
31855
- style: {
31856
- maxWidth: '2vh',
31857
- maxHeight: '2vh'
31858
- }
31859
- }), /*#__PURE__*/React__default["default"].createElement("span", {
31848
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
31860
31849
  "class": "ml-2 mr-2"
31861
31850
  }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.instcurrencies) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
31862
31851
  "class": ' d-flex align-items-center justify-content-end '
@@ -66171,14 +66160,29 @@
66171
66160
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
66172
66161
  var _authdetailsContext$i;
66173
66162
  return /*#__PURE__*/React__default["default"].createElement("div", {
66174
- "class": sectionproperties.numofcols == '2' ? 'col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? 'col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : 'col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
66163
+ // class={
66164
+ // sectionproperties.numofcols == '2'
66165
+ // ? ' col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' +
66166
+ // sectionproperties.numberOfColsverticalresp
66167
+ // : sectionproperties.numofcols == '3'
66168
+ // ? ' col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' +
66169
+ // sectionproperties.numberOfColsverticalresp
66170
+ // : ' col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' +
66171
+ // sectionproperties.numberOfColsverticalresp
66172
+ // }
66173
+ "class": sectionproperties.numofcols == '2' ? ' h-100 col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
66175
66174
  style: {
66176
66175
  zIndex: 2,
66177
66176
  paddingLeft: sectionproperties.marginhorizontal + 'px',
66178
66177
  paddingRight: sectionproperties.marginhorizontal + 'px'
66179
66178
  }
66180
66179
  }, /*#__PURE__*/React__default["default"].createElement("div", {
66181
- "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
66180
+ // class={
66181
+ // sectionproperties.innersectionbordertype != 'All'
66182
+ // ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none '
66183
+ // : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto '
66184
+ // }
66185
+ "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100 row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100 row m-0 w-100 mb-auto ',
66182
66186
  style: {
66183
66187
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66184
66188
  // background: sectionproperties.reservation_bgcolor,
@@ -66213,7 +66217,9 @@
66213
66217
  }
66214
66218
  }
66215
66219
  }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
66216
- "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
66220
+ "class": "col-lg-12 d-flex align-items-center p-0 w-100"
66221
+ // class="col-lg-12 d-flex align-items-center p-0 w-100 h-100"
66222
+ ,
66217
66223
  style: {
66218
66224
  marginBottom: sectionproperties.image_mb + 'px',
66219
66225
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -66271,7 +66277,8 @@
66271
66277
  "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
66272
66278
  style: {
66273
66279
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66274
- color: cardinfoitem.text1colorfromarray
66280
+ color: cardinfoitem.text1colorfromarray,
66281
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
66275
66282
  }
66276
66283
  }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
66277
66284
  "class": "col-lg-12 d-flex p-0",
@@ -66284,7 +66291,7 @@
66284
66291
  // color: sectionproperties.slideshowText2ContentColor,
66285
66292
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
66286
66293
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
66287
- textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
66294
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
66288
66295
  color: cardinfoitem.text2colorfromarray
66289
66296
  }
66290
66297
  }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -66547,14 +66554,29 @@
66547
66554
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
66548
66555
  var _authdetailsContext$i3;
66549
66556
  return /*#__PURE__*/React__default["default"].createElement("div", {
66550
- "class": sectionproperties.numofcols == '2' ? ' col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : ' col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
66557
+ // class={
66558
+ // sectionproperties.numofcols == '2'
66559
+ // ? ' col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' +
66560
+ // sectionproperties.numberOfColsverticalresp
66561
+ // : sectionproperties.numofcols == '3'
66562
+ // ? ' col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' +
66563
+ // sectionproperties.numberOfColsverticalresp
66564
+ // : ' col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' +
66565
+ // sectionproperties.numberOfColsverticalresp
66566
+ // }
66567
+ "class": sectionproperties.numofcols == '2' ? ' h-100 col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start mb-3 mb-md-4 col-sm-' + sectionproperties.numberOfColsverticalresp,
66551
66568
  style: {
66552
66569
  zIndex: 2,
66553
66570
  paddingLeft: sectionproperties.marginhorizontal + 'px',
66554
66571
  paddingRight: sectionproperties.marginhorizontal + 'px'
66555
66572
  }
66556
66573
  }, /*#__PURE__*/React__default["default"].createElement("div", {
66557
- "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
66574
+ // class={
66575
+ // sectionproperties.innersectionbordertype != 'All'
66576
+ // ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none '
66577
+ // : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto '
66578
+ // }
66579
+ "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100 row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100 row m-0 w-100 mb-auto ',
66558
66580
  style: {
66559
66581
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66560
66582
  // background: sectionproperties.reservation_bgcolor,
@@ -66589,7 +66611,9 @@
66589
66611
  }
66590
66612
  }
66591
66613
  }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
66592
- "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
66614
+ "class": "col-lg-12 d-flex align-items-center p-0 w-100"
66615
+ // class="col-lg-12 d-flex align-items-center p-0 w-100 h-100"
66616
+ ,
66593
66617
  style: {
66594
66618
  marginBottom: sectionproperties.image_mb + 'px',
66595
66619
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -66647,7 +66671,8 @@
66647
66671
  "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
66648
66672
  style: {
66649
66673
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66650
- color: cardinfoitem.text1colorfromarray
66674
+ color: cardinfoitem.text1colorfromarray,
66675
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
66651
66676
  }
66652
66677
  }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
66653
66678
  "class": "col-lg-12 d-flex p-0",
@@ -66660,7 +66685,7 @@
66660
66685
  // color: sectionproperties.slideshowText2ContentColor,
66661
66686
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
66662
66687
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
66663
- textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
66688
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
66664
66689
  color: cardinfoitem.text2colorfromarray
66665
66690
  }
66666
66691
  }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -67505,165 +67530,171 @@
67505
67530
  }
67506
67531
  }, langdetect == 'en' ? 'SHOP' : 'تسوق', ' ')));
67507
67532
  };
67508
- return /*#__PURE__*/React__default["default"].createElement("div", {
67509
- "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
67510
- style: {
67511
- background: sectionproperties.lower_section_background
67512
- }
67513
- }, /*#__PURE__*/React__default["default"].createElement("div", {
67514
- "class": 'col-lg-12 p-0 d-flex justify-content-center'
67515
- }, /*#__PURE__*/React__default["default"].createElement("div", {
67516
- "class": slideshow_styles.contt,
67517
- style: {
67518
- // height: sectionproperties.height + 'vh',
67519
- }
67520
- }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Fade, _extends__default["default"]({}, Slideshowsettings, {
67521
- transitionDuration: 1500,
67522
- duration: 1500,
67523
- arrow: true,
67524
- easing: "ease"
67525
- }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
67533
+ var SlideshowallContent = function SlideshowallContent() {
67526
67534
  return /*#__PURE__*/React__default["default"].createElement("div", {
67527
- "class": sectionproperties.zoominimagewhenhover == 'Yes' ? 'row m-0 w-100 slideshowzoomonhover' : 'row m-0 w-100 ',
67535
+ "class": slideshow_styles.contt,
67528
67536
  style: {
67529
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
67530
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
67531
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
67532
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px'
67537
+ // height: sectionproperties.height + 'vh',
67533
67538
  }
67534
- }, /*#__PURE__*/React__default["default"].createElement("div", {
67535
- onClick: function onClick() {
67536
- if (sectionproperties.showcurrencylangcont != 'Show') {
67537
- if (item.IsClickableimg == 'Yes') {
67538
- if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67539
- routingcountext(item.clickableimg_page_route, false, '');
67540
- } else {
67541
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67539
+ }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Fade, _extends__default["default"]({}, Slideshowsettings, {
67540
+ transitionDuration: 1500,
67541
+ duration: 1500,
67542
+ arrow: true,
67543
+ easing: "ease"
67544
+ }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
67545
+ return /*#__PURE__*/React__default["default"].createElement("div", {
67546
+ "class": sectionproperties.zoominimagewhenhover == 'Yes' ? 'row m-0 w-100 slideshowzoomonhover' : 'row m-0 w-100 ',
67547
+ style: {
67548
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
67549
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
67550
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
67551
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px'
67552
+ }
67553
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
67554
+ onClick: function onClick() {
67555
+ if (sectionproperties.showcurrencylangcont != 'Show') {
67556
+ if (item.IsClickableimg == 'Yes') {
67557
+ if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67558
+ routingcountext(item.clickableimg_page_route, false, '');
67559
+ } else {
67560
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67561
+ }
67542
67562
  }
67543
67563
  }
67564
+ },
67565
+ "class": 'p-0 align-items-center d-sm-none ',
67566
+ key: index,
67567
+ style: {
67568
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67569
+ direction: langdetect == 'en' ? 'ltr' : 'rtl',
67570
+ width: '100%',
67571
+ height: sectionproperties.height != 0 ? sectionproperties.height + 'vh' : 'auto',
67572
+ paddingTop: sectionproperties.paddingTop + 'px'
67544
67573
  }
67545
- },
67546
- "class": 'p-0 align-items-center d-sm-none ',
67547
- key: index,
67548
- style: {
67549
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67550
- direction: langdetect == 'en' ? 'ltr' : 'rtl',
67551
- width: '100%',
67552
- height: sectionproperties.height != 0 ? sectionproperties.height + 'vh' : 'auto',
67553
- paddingTop: sectionproperties.paddingTop + 'px'
67554
- }
67555
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67556
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67557
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67558
- path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
67559
- style: {
67560
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67561
- objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
67562
- margin: 0,
67563
- padding: 0,
67564
- width: '100%',
67565
- height: '100%',
67566
- borderRadius: sectionproperties.imageborderradius + 'px'
67567
- }
67568
- }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67569
- "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67570
- style: {
67571
- position: 'absolute',
67572
- top: '20%',
67573
- zIndex: 1000,
67574
- paddingTop: sectionproperties.paddingTop + 'px',
67575
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67576
- paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67577
- }
67578
- }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
67579
- onClick: function onClick() {
67580
- if (sectionproperties.showcurrencylangcont != 'Show') {
67581
- if (item.IsClickableimg == 'Yes') {
67582
- if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67583
- routingcountext(item.clickableimg_page_route, false, '');
67584
- } else {
67585
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67574
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67575
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67576
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67577
+ path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
67578
+ style: {
67579
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67580
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
67581
+ margin: 0,
67582
+ padding: 0,
67583
+ width: '100%',
67584
+ height: '100%',
67585
+ borderRadius: sectionproperties.imageborderradius + 'px'
67586
+ }
67587
+ }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67588
+ "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67589
+ style: {
67590
+ position: 'absolute',
67591
+ top: '20%',
67592
+ zIndex: 1000,
67593
+ paddingTop: sectionproperties.paddingTop + 'px',
67594
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67595
+ paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67596
+ }
67597
+ }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
67598
+ onClick: function onClick() {
67599
+ if (sectionproperties.showcurrencylangcont != 'Show') {
67600
+ if (item.IsClickableimg == 'Yes') {
67601
+ if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67602
+ routingcountext(item.clickableimg_page_route, false, '');
67603
+ } else {
67604
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67605
+ }
67586
67606
  }
67587
67607
  }
67608
+ },
67609
+ "class": 'p-0 align-items-center d-none d-sm-flex ',
67610
+ key: index,
67611
+ style: {
67612
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67613
+ width: '100%',
67614
+ height: 'auto',
67615
+ paddingTop: sectionproperties.paddingTop + 'px',
67616
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67617
+ paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67588
67618
  }
67589
- },
67590
- "class": 'p-0 align-items-center d-none d-sm-flex ',
67591
- key: index,
67592
- style: {
67593
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67594
- width: '100%',
67595
- height: 'auto',
67596
- paddingTop: sectionproperties.paddingTop + 'px',
67597
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67598
- paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67599
- }
67600
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67601
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67602
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67603
- path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_en : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_ar,
67604
- style: {
67605
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67606
- objectFit: 'contain',
67607
- margin: 0,
67608
- padding: 0,
67609
- width: '100%',
67610
- height: '100%',
67611
- borderRadius: sectionproperties.imageborderradius + 'px'
67612
- }
67613
- }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67614
- "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67615
- style: {
67616
- position: 'absolute',
67617
- top: '20%',
67618
- zIndex: 1000,
67619
- paddingTop: sectionproperties.paddingTop + 'px',
67620
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67621
- paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67622
- }
67623
- }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
67624
- })), cardsarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67625
- "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
67626
- }, /*#__PURE__*/React__default["default"].createElement("div", {
67627
- "class": ' row m-0 w-100 align-items-center justify-content-center '
67628
- }, cardsarray.map(function (cardItem, cardinfoindex) {
67629
- return /*#__PURE__*/React__default["default"].createElement("div", {
67630
- "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-2 mb-sm-3 p-0"
67631
- }, /*#__PURE__*/React__default["default"].createElement("div", {
67632
- "class": "row m-0 w-100 d-flex align-items-center"
67619
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67620
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67621
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67622
+ path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_en : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_ar,
67623
+ style: {
67624
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67625
+ objectFit: 'contain',
67626
+ margin: 0,
67627
+ padding: 0,
67628
+ width: '100%',
67629
+ height: '100%',
67630
+ borderRadius: sectionproperties.imageborderradius + 'px'
67631
+ }
67632
+ }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67633
+ "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67634
+ style: {
67635
+ position: 'absolute',
67636
+ top: '20%',
67637
+ zIndex: 1000,
67638
+ paddingTop: sectionproperties.paddingTop + 'px',
67639
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67640
+ paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67641
+ }
67642
+ }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
67643
+ })), cardsarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67644
+ "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
67633
67645
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67634
- style: {
67635
- width: '70px',
67636
- height: '70px'
67637
- }
67638
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67639
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67640
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67641
- path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
67642
- style: {
67643
- width: '100%',
67644
- height: '100%',
67645
- borderRadius: '100%'
67646
- }
67647
- })), /*#__PURE__*/React__default["default"].createElement("div", {
67648
- "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
67649
- }, /*#__PURE__*/React__default["default"].createElement("p", {
67650
- "class": "p-0 m-0 wordbreak wordbreak1",
67651
- style: {
67652
- color: sectionproperties.sectionTitleColor,
67653
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
67654
- fontWeight: sectionproperties.sectionTitleFontWeight,
67655
- textAlign: langdetect == 'en' ? 'left' : 'right'
67656
- }
67657
- }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React__default["default"].createElement("p", {
67658
- "class": "m-0 wordbreak wordbreak1",
67659
- style: {
67660
- color: sectionproperties.prodCatColor,
67661
- fontSize: sectionproperties.prodCatFontSize + 'px',
67662
- fontWeight: sectionproperties.prodCatFontWeight,
67663
- textAlign: langdetect == 'en' ? 'left' : 'right'
67664
- }
67665
- }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
67666
- }))))));
67646
+ "class": ' row m-0 w-100 align-items-center justify-content-center '
67647
+ }, cardsarray.map(function (cardItem, cardinfoindex) {
67648
+ return /*#__PURE__*/React__default["default"].createElement("div", {
67649
+ "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-2 mb-sm-3 p-0"
67650
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
67651
+ "class": "row m-0 w-100 d-flex align-items-center"
67652
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
67653
+ style: {
67654
+ width: '70px',
67655
+ height: '70px'
67656
+ }
67657
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67658
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67659
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67660
+ path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
67661
+ style: {
67662
+ width: '100%',
67663
+ height: '100%',
67664
+ borderRadius: '100%'
67665
+ }
67666
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
67667
+ "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
67668
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
67669
+ "class": "p-0 m-0 wordbreak wordbreak1",
67670
+ style: {
67671
+ color: sectionproperties.sectionTitleColor,
67672
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
67673
+ fontWeight: sectionproperties.sectionTitleFontWeight,
67674
+ textAlign: langdetect == 'en' ? 'left' : 'right'
67675
+ }
67676
+ }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React__default["default"].createElement("p", {
67677
+ "class": "m-0 wordbreak wordbreak1",
67678
+ style: {
67679
+ color: sectionproperties.prodCatColor,
67680
+ fontSize: sectionproperties.prodCatFontSize + 'px',
67681
+ fontWeight: sectionproperties.prodCatFontWeight,
67682
+ textAlign: langdetect == 'en' ? 'left' : 'right'
67683
+ }
67684
+ }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
67685
+ }))));
67686
+ };
67687
+ return /*#__PURE__*/React__default["default"].createElement("div", {
67688
+ "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
67689
+ style: {
67690
+ background: sectionproperties.lower_section_background
67691
+ }
67692
+ }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
67693
+ "class": 'col-lg-12 p-0 d-flex justify-content-center',
67694
+ "data-aos": 'fade-up'
67695
+ }, SlideshowallContent()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
67696
+ "class": 'col-lg-12 p-0 d-flex justify-content-center'
67697
+ }, SlideshowallContent()));
67667
67698
  };
67668
67699
 
67669
67700
  function ownKeys$P(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; }
@@ -68181,6 +68212,28 @@
68181
68212
  }), SlideShowTextContainer(item)));
68182
68213
  }))))));
68183
68214
  };
68215
+ var SlideshowallContent = function SlideshowallContent() {
68216
+ return /*#__PURE__*/React__default["default"].createElement("div", {
68217
+ "class": "col-lg-12 p-0",
68218
+ "data-aos": 'fade-up'
68219
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
68220
+ "class": "row m-0 w-100 d-flex d-md-none",
68221
+ style: {
68222
+ paddingTop: sectionproperties.marginTop + 'px'
68223
+ },
68224
+ onMouseLeave: function onMouseLeave() {
68225
+ setChoosenindex('');
68226
+ }
68227
+ }, SlideshowContent()), /*#__PURE__*/React__default["default"].createElement("div", {
68228
+ "class": "row m-0 w-100 d-none d-md-flex",
68229
+ style: {
68230
+ paddingTop: sectionproperties.marginTopResp + 'px'
68231
+ },
68232
+ onMouseLeave: function onMouseLeave() {
68233
+ setChoosenindex('');
68234
+ }
68235
+ }, SlideshowContent()));
68236
+ };
68184
68237
  return /*#__PURE__*/React__default["default"].createElement("div", {
68185
68238
  "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : sectionproperties.width == '100' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
68186
68239
  style: {
@@ -68192,25 +68245,12 @@
68192
68245
  onMouseEnter: function onMouseEnter() {
68193
68246
  setChoosenindex('');
68194
68247
  }
68195
- }, /*#__PURE__*/React__default["default"].createElement("div", {
68196
- "class": "col-lg-12 p-0"
68197
- }, /*#__PURE__*/React__default["default"].createElement("div", {
68198
- "class": "row m-0 w-100 d-flex d-md-none",
68199
- style: {
68200
- paddingTop: sectionproperties.marginTop + 'px'
68201
- },
68202
- onMouseLeave: function onMouseLeave() {
68203
- setChoosenindex('');
68204
- }
68205
- }, SlideshowContent()), /*#__PURE__*/React__default["default"].createElement("div", {
68206
- "class": "row m-0 w-100 d-none d-md-flex",
68207
- style: {
68208
- paddingTop: sectionproperties.marginTopResp + 'px'
68209
- },
68210
- onMouseLeave: function onMouseLeave() {
68211
- setChoosenindex('');
68212
- }
68213
- }, SlideshowContent())));
68248
+ }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
68249
+ "class": "row m-0 w-100",
68250
+ "data-aos": 'fade-up'
68251
+ }, SlideshowallContent()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
68252
+ "class": "row m-0 w-100"
68253
+ }, SlideshowallContent()));
68214
68254
  };
68215
68255
 
68216
68256
  function ownKeys$O(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; }
@@ -81756,14 +81796,14 @@
81756
81796
  style: {
81757
81797
  // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
81758
81798
  color: isChoosedValueExists ? '#ffffff' : '#000000',
81759
- border: isChoosedValueExists ? '1px solid #617464' : '1px solid #000000',
81799
+ border: isChoosedValueExists ? '1px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
81760
81800
  padding: (item === null || item === void 0 || (_item$option_info = item.option_info) === null || _item$option_info === void 0 ? void 0 : _item$option_info.optionname) == 'Color' ? '5px' : '5px 10px',
81761
81801
  cursor: valitem.disabled ? 'not-allowed' : 'pointer',
81762
81802
  fontSize: '13px',
81763
81803
  width: (item === null || item === void 0 || (_item$option_info2 = item.option_info) === null || _item$option_info2 === void 0 ? void 0 : _item$option_info2.optionname) == 'Color' ? 25 : '',
81764
81804
  height: (item === null || item === void 0 || (_item$option_info3 = item.option_info) === null || _item$option_info3 === void 0 ? void 0 : _item$option_info3.optionname) == 'Color' ? 25 : '',
81765
81805
  borderRadius: (item === null || item === void 0 || (_item$option_info4 = item.option_info) === null || _item$option_info4 === void 0 ? void 0 : _item$option_info4.optionname) == 'Color' ? 100 : 5,
81766
- background: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? '#617464' : '#ffffff',
81806
+ background: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
81767
81807
  fontWeight: 500
81768
81808
  },
81769
81809
  disabled: valitem.disabled
@@ -81823,6 +81863,24 @@
81823
81863
  React.useEffect(function () {
81824
81864
  setitem(props.cardinfoitemprops);
81825
81865
  }, [props.cardinfoitemprops]);
81866
+ React.useEffect(function () {
81867
+ var productImagetoBeSelected = '';
81868
+ var Tempitem = _objectSpread$6({}, item);
81869
+ productImagetoBeSelected = item.productmainimage;
81870
+ if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0 && variantObj != '') {
81871
+ var variatgalleryid = variantObj.variantgalleryid;
81872
+ if (variatgalleryid != undefined && variatgalleryid != null && variatgalleryid != '') {
81873
+ var _item$productimages;
81874
+ item === null || item === void 0 || (_item$productimages = item.productimages) === null || _item$productimages === void 0 || _item$productimages.forEach(function (item, index) {
81875
+ if (item.galleryid == variatgalleryid) {
81876
+ productImagetoBeSelected = item.path;
81877
+ }
81878
+ });
81879
+ }
81880
+ }
81881
+ Tempitem.image = productImagetoBeSelected;
81882
+ setitem(_objectSpread$6({}, Tempitem));
81883
+ }, [variantObj]);
81826
81884
  var card_cssstyles = {
81827
81885
  productcard: glamor.css({
81828
81886
  minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
@@ -82314,7 +82372,8 @@
82314
82372
  style: {
82315
82373
  zIndex: 2,
82316
82374
  position: 'absolute',
82317
- top: sectionproperties.badge_top + 'px',
82375
+ top: sectionproperties.badgeposition == 'Top' ? sectionproperties.badge_top + 'px' : '',
82376
+ bottom: sectionproperties.badgeposition == 'Bottom' ? sectionproperties.badge_top + 'px' : '',
82318
82377
  left: langdetect == 'en' ? sectionproperties.badge_right + 'px' : '',
82319
82378
  right: langdetect == 'en' ? '' : sectionproperties.badge_right + 'px',
82320
82379
  width: sectionproperties.badge_width == 0 ? '90%' : sectionproperties.badge_width + 'px',
@@ -82464,7 +82523,7 @@
82464
82523
  style: {
82465
82524
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
82466
82525
  }
82467
- }, plainString(item.description)), /*#__PURE__*/React__default["default"].createElement("div", {
82526
+ }, plainString(item.shortdescription)), /*#__PURE__*/React__default["default"].createElement("div", {
82468
82527
  style: {
82469
82528
  flexDirection: 'column',
82470
82529
  display: sectionproperties.prodPriceShow == 'Hide' && sectionproperties.showprofitcontainer == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.prodsalePriceshow == 'Hide' ? 'none' : 'flex'