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.cjs.js CHANGED
@@ -18860,6 +18860,7 @@ var CardsSection = function CardsSection(props) {
18860
18860
  cardobj.hasvariants = arrayItem.productinfo.hasvariants;
18861
18861
  cardobj.description_en = arrayItem.productinfo.description_en;
18862
18862
  cardobj.description_ar = arrayItem.productinfo.description_ar;
18863
+ cardobj.productmainimage = arrayItem.productinfo.productmainimage;
18863
18864
  if (sectionproperties.removedecimals == 'Without Decimals') {
18864
18865
  cardobj.defaultprice = parseFloat(Number(arrayItem.productinfo.defaultprice).toFixed(2));
18865
18866
  } else if (sectionproperties.removedecimals == 'Without Decimals and Separated With Comma') {
@@ -32016,13 +32017,7 @@ var Simpleheader = function Simpleheader(props) {
32016
32017
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
32017
32018
  }, /*#__PURE__*/React__default["default"].createElement("p", {
32018
32019
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
32019
- }, /*#__PURE__*/React__default["default"].createElement("img", {
32020
- src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
32021
- style: {
32022
- maxWidth: '2vh',
32023
- maxHeight: '2vh'
32024
- }
32025
- }), /*#__PURE__*/React__default["default"].createElement("span", {
32020
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
32026
32021
  "class": "ml-2 mr-2"
32027
32022
  }, "\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, {
32028
32023
  "class": "".concat(header_cssstyles.dropdownitem),
@@ -32033,13 +32028,7 @@ var Simpleheader = function Simpleheader(props) {
32033
32028
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
32034
32029
  }, /*#__PURE__*/React__default["default"].createElement("p", {
32035
32030
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
32036
- }, /*#__PURE__*/React__default["default"].createElement("img", {
32037
- src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
32038
- style: {
32039
- maxWidth: '2vh',
32040
- maxHeight: '2vh'
32041
- }
32042
- }), /*#__PURE__*/React__default["default"].createElement("span", {
32031
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
32043
32032
  "class": "ml-2 mr-2"
32044
32033
  }, "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", {
32045
32034
  "class": ' d-flex align-items-center justify-content-end '
@@ -66354,14 +66343,29 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66354
66343
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
66355
66344
  var _authdetailsContext$i;
66356
66345
  return /*#__PURE__*/React__default["default"].createElement("div", {
66357
- "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,
66346
+ // class={
66347
+ // sectionproperties.numofcols == '2'
66348
+ // ? ' 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-' +
66349
+ // sectionproperties.numberOfColsverticalresp
66350
+ // : sectionproperties.numofcols == '3'
66351
+ // ? ' 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-' +
66352
+ // sectionproperties.numberOfColsverticalresp
66353
+ // : ' 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-' +
66354
+ // sectionproperties.numberOfColsverticalresp
66355
+ // }
66356
+ "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,
66358
66357
  style: {
66359
66358
  zIndex: 2,
66360
66359
  paddingLeft: sectionproperties.marginhorizontal + 'px',
66361
66360
  paddingRight: sectionproperties.marginhorizontal + 'px'
66362
66361
  }
66363
66362
  }, /*#__PURE__*/React__default["default"].createElement("div", {
66364
- "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 ',
66363
+ // class={
66364
+ // sectionproperties.innersectionbordertype != 'All'
66365
+ // ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none '
66366
+ // : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto '
66367
+ // }
66368
+ "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 ',
66365
66369
  style: {
66366
66370
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66367
66371
  // background: sectionproperties.reservation_bgcolor,
@@ -66396,7 +66400,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66396
66400
  }
66397
66401
  }
66398
66402
  }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
66399
- "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
66403
+ "class": "col-lg-12 d-flex align-items-center p-0 w-100"
66404
+ // class="col-lg-12 d-flex align-items-center p-0 w-100 h-100"
66405
+ ,
66400
66406
  style: {
66401
66407
  marginBottom: sectionproperties.image_mb + 'px',
66402
66408
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -66454,7 +66460,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66454
66460
  "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
66455
66461
  style: {
66456
66462
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66457
- color: cardinfoitem.text1colorfromarray
66463
+ color: cardinfoitem.text1colorfromarray,
66464
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
66458
66465
  }
66459
66466
  }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
66460
66467
  "class": "col-lg-12 d-flex p-0",
@@ -66467,7 +66474,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66467
66474
  // color: sectionproperties.slideshowText2ContentColor,
66468
66475
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
66469
66476
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
66470
- textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
66477
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
66471
66478
  color: cardinfoitem.text2colorfromarray
66472
66479
  }
66473
66480
  }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -66730,14 +66737,29 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66730
66737
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
66731
66738
  var _authdetailsContext$i3;
66732
66739
  return /*#__PURE__*/React__default["default"].createElement("div", {
66733
- "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,
66740
+ // class={
66741
+ // sectionproperties.numofcols == '2'
66742
+ // ? ' 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-' +
66743
+ // sectionproperties.numberOfColsverticalresp
66744
+ // : sectionproperties.numofcols == '3'
66745
+ // ? ' 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-' +
66746
+ // sectionproperties.numberOfColsverticalresp
66747
+ // : ' 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-' +
66748
+ // sectionproperties.numberOfColsverticalresp
66749
+ // }
66750
+ "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,
66734
66751
  style: {
66735
66752
  zIndex: 2,
66736
66753
  paddingLeft: sectionproperties.marginhorizontal + 'px',
66737
66754
  paddingRight: sectionproperties.marginhorizontal + 'px'
66738
66755
  }
66739
66756
  }, /*#__PURE__*/React__default["default"].createElement("div", {
66740
- "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 ',
66757
+ // class={
66758
+ // sectionproperties.innersectionbordertype != 'All'
66759
+ // ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none '
66760
+ // : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto '
66761
+ // }
66762
+ "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 ',
66741
66763
  style: {
66742
66764
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66743
66765
  // background: sectionproperties.reservation_bgcolor,
@@ -66772,7 +66794,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66772
66794
  }
66773
66795
  }
66774
66796
  }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
66775
- "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
66797
+ "class": "col-lg-12 d-flex align-items-center p-0 w-100"
66798
+ // class="col-lg-12 d-flex align-items-center p-0 w-100 h-100"
66799
+ ,
66776
66800
  style: {
66777
66801
  marginBottom: sectionproperties.image_mb + 'px',
66778
66802
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -66830,7 +66854,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66830
66854
  "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
66831
66855
  style: {
66832
66856
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66833
- color: cardinfoitem.text1colorfromarray
66857
+ color: cardinfoitem.text1colorfromarray,
66858
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
66834
66859
  }
66835
66860
  }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
66836
66861
  "class": "col-lg-12 d-flex p-0",
@@ -66843,7 +66868,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66843
66868
  // color: sectionproperties.slideshowText2ContentColor,
66844
66869
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
66845
66870
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
66846
- textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
66871
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
66847
66872
  color: cardinfoitem.text2colorfromarray
66848
66873
  }
66849
66874
  }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -67688,165 +67713,171 @@ var Slideshowfade = function Slideshowfade(props) {
67688
67713
  }
67689
67714
  }, langdetect == 'en' ? 'SHOP' : 'تسوق', ' ')));
67690
67715
  };
67691
- return /*#__PURE__*/React__default["default"].createElement("div", {
67692
- "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
67693
- style: {
67694
- background: sectionproperties.lower_section_background
67695
- }
67696
- }, /*#__PURE__*/React__default["default"].createElement("div", {
67697
- "class": 'col-lg-12 p-0 d-flex justify-content-center'
67698
- }, /*#__PURE__*/React__default["default"].createElement("div", {
67699
- "class": slideshow_styles.contt,
67700
- style: {
67701
- // height: sectionproperties.height + 'vh',
67702
- }
67703
- }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Fade, _extends__default["default"]({}, Slideshowsettings, {
67704
- transitionDuration: 1500,
67705
- duration: 1500,
67706
- arrow: true,
67707
- easing: "ease"
67708
- }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
67716
+ var SlideshowallContent = function SlideshowallContent() {
67709
67717
  return /*#__PURE__*/React__default["default"].createElement("div", {
67710
- "class": sectionproperties.zoominimagewhenhover == 'Yes' ? 'row m-0 w-100 slideshowzoomonhover' : 'row m-0 w-100 ',
67718
+ "class": slideshow_styles.contt,
67711
67719
  style: {
67712
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
67713
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
67714
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
67715
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px'
67720
+ // height: sectionproperties.height + 'vh',
67716
67721
  }
67717
- }, /*#__PURE__*/React__default["default"].createElement("div", {
67718
- onClick: function onClick() {
67719
- if (sectionproperties.showcurrencylangcont != 'Show') {
67720
- if (item.IsClickableimg == 'Yes') {
67721
- if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67722
- routingcountext(item.clickableimg_page_route, false, '');
67723
- } else {
67724
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67722
+ }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Fade, _extends__default["default"]({}, Slideshowsettings, {
67723
+ transitionDuration: 1500,
67724
+ duration: 1500,
67725
+ arrow: true,
67726
+ easing: "ease"
67727
+ }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
67728
+ return /*#__PURE__*/React__default["default"].createElement("div", {
67729
+ "class": sectionproperties.zoominimagewhenhover == 'Yes' ? 'row m-0 w-100 slideshowzoomonhover' : 'row m-0 w-100 ',
67730
+ style: {
67731
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
67732
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
67733
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
67734
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px'
67735
+ }
67736
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
67737
+ onClick: function onClick() {
67738
+ if (sectionproperties.showcurrencylangcont != 'Show') {
67739
+ if (item.IsClickableimg == 'Yes') {
67740
+ if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67741
+ routingcountext(item.clickableimg_page_route, false, '');
67742
+ } else {
67743
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67744
+ }
67725
67745
  }
67726
67746
  }
67747
+ },
67748
+ "class": 'p-0 align-items-center d-sm-none ',
67749
+ key: index,
67750
+ style: {
67751
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67752
+ direction: langdetect == 'en' ? 'ltr' : 'rtl',
67753
+ width: '100%',
67754
+ height: sectionproperties.height != 0 ? sectionproperties.height + 'vh' : 'auto',
67755
+ paddingTop: sectionproperties.paddingTop + 'px'
67727
67756
  }
67728
- },
67729
- "class": 'p-0 align-items-center d-sm-none ',
67730
- key: index,
67731
- style: {
67732
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67733
- direction: langdetect == 'en' ? 'ltr' : 'rtl',
67734
- width: '100%',
67735
- height: sectionproperties.height != 0 ? sectionproperties.height + 'vh' : 'auto',
67736
- paddingTop: sectionproperties.paddingTop + 'px'
67737
- }
67738
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67739
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67740
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67741
- 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,
67742
- style: {
67743
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67744
- objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
67745
- margin: 0,
67746
- padding: 0,
67747
- width: '100%',
67748
- height: '100%',
67749
- borderRadius: sectionproperties.imageborderradius + 'px'
67750
- }
67751
- }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67752
- "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67753
- style: {
67754
- position: 'absolute',
67755
- top: '20%',
67756
- zIndex: 1000,
67757
- paddingTop: sectionproperties.paddingTop + 'px',
67758
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67759
- paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67760
- }
67761
- }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
67762
- onClick: function onClick() {
67763
- if (sectionproperties.showcurrencylangcont != 'Show') {
67764
- if (item.IsClickableimg == 'Yes') {
67765
- if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67766
- routingcountext(item.clickableimg_page_route, false, '');
67767
- } else {
67768
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67757
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67758
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67759
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67760
+ 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,
67761
+ style: {
67762
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67763
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
67764
+ margin: 0,
67765
+ padding: 0,
67766
+ width: '100%',
67767
+ height: '100%',
67768
+ borderRadius: sectionproperties.imageborderradius + 'px'
67769
+ }
67770
+ }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67771
+ "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67772
+ style: {
67773
+ position: 'absolute',
67774
+ top: '20%',
67775
+ zIndex: 1000,
67776
+ paddingTop: sectionproperties.paddingTop + 'px',
67777
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67778
+ paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67779
+ }
67780
+ }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
67781
+ onClick: function onClick() {
67782
+ if (sectionproperties.showcurrencylangcont != 'Show') {
67783
+ if (item.IsClickableimg == 'Yes') {
67784
+ if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67785
+ routingcountext(item.clickableimg_page_route, false, '');
67786
+ } else {
67787
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67788
+ }
67769
67789
  }
67770
67790
  }
67791
+ },
67792
+ "class": 'p-0 align-items-center d-none d-sm-flex ',
67793
+ key: index,
67794
+ style: {
67795
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67796
+ width: '100%',
67797
+ height: 'auto',
67798
+ paddingTop: sectionproperties.paddingTop + 'px',
67799
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67800
+ paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67771
67801
  }
67772
- },
67773
- "class": 'p-0 align-items-center d-none d-sm-flex ',
67774
- key: index,
67775
- style: {
67776
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67777
- width: '100%',
67778
- height: 'auto',
67779
- paddingTop: sectionproperties.paddingTop + 'px',
67780
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67781
- paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67782
- }
67783
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67784
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67785
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67786
- 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,
67787
- style: {
67788
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67789
- objectFit: 'contain',
67790
- margin: 0,
67791
- padding: 0,
67792
- width: '100%',
67793
- height: '100%',
67794
- borderRadius: sectionproperties.imageborderradius + 'px'
67795
- }
67796
- }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67797
- "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67798
- style: {
67799
- position: 'absolute',
67800
- top: '20%',
67801
- zIndex: 1000,
67802
- paddingTop: sectionproperties.paddingTop + 'px',
67803
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67804
- paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67805
- }
67806
- }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
67807
- })), cardsarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67808
- "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
67809
- }, /*#__PURE__*/React__default["default"].createElement("div", {
67810
- "class": ' row m-0 w-100 align-items-center justify-content-center '
67811
- }, cardsarray.map(function (cardItem, cardinfoindex) {
67812
- return /*#__PURE__*/React__default["default"].createElement("div", {
67813
- "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"
67814
- }, /*#__PURE__*/React__default["default"].createElement("div", {
67815
- "class": "row m-0 w-100 d-flex align-items-center"
67802
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67803
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67804
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67805
+ 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,
67806
+ style: {
67807
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67808
+ objectFit: 'contain',
67809
+ margin: 0,
67810
+ padding: 0,
67811
+ width: '100%',
67812
+ height: '100%',
67813
+ borderRadius: sectionproperties.imageborderradius + 'px'
67814
+ }
67815
+ }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67816
+ "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67817
+ style: {
67818
+ position: 'absolute',
67819
+ top: '20%',
67820
+ zIndex: 1000,
67821
+ paddingTop: sectionproperties.paddingTop + 'px',
67822
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67823
+ paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67824
+ }
67825
+ }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
67826
+ })), cardsarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67827
+ "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
67816
67828
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67817
- style: {
67818
- width: '70px',
67819
- height: '70px'
67820
- }
67821
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67822
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67823
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67824
- path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
67825
- style: {
67826
- width: '100%',
67827
- height: '100%',
67828
- borderRadius: '100%'
67829
- }
67830
- })), /*#__PURE__*/React__default["default"].createElement("div", {
67831
- "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
67832
- }, /*#__PURE__*/React__default["default"].createElement("p", {
67833
- "class": "p-0 m-0 wordbreak wordbreak1",
67834
- style: {
67835
- color: sectionproperties.sectionTitleColor,
67836
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
67837
- fontWeight: sectionproperties.sectionTitleFontWeight,
67838
- textAlign: langdetect == 'en' ? 'left' : 'right'
67839
- }
67840
- }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React__default["default"].createElement("p", {
67841
- "class": "m-0 wordbreak wordbreak1",
67842
- style: {
67843
- color: sectionproperties.prodCatColor,
67844
- fontSize: sectionproperties.prodCatFontSize + 'px',
67845
- fontWeight: sectionproperties.prodCatFontWeight,
67846
- textAlign: langdetect == 'en' ? 'left' : 'right'
67847
- }
67848
- }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
67849
- }))))));
67829
+ "class": ' row m-0 w-100 align-items-center justify-content-center '
67830
+ }, cardsarray.map(function (cardItem, cardinfoindex) {
67831
+ return /*#__PURE__*/React__default["default"].createElement("div", {
67832
+ "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"
67833
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
67834
+ "class": "row m-0 w-100 d-flex align-items-center"
67835
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
67836
+ style: {
67837
+ width: '70px',
67838
+ height: '70px'
67839
+ }
67840
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
67841
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67842
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67843
+ path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
67844
+ style: {
67845
+ width: '100%',
67846
+ height: '100%',
67847
+ borderRadius: '100%'
67848
+ }
67849
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
67850
+ "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
67851
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
67852
+ "class": "p-0 m-0 wordbreak wordbreak1",
67853
+ style: {
67854
+ color: sectionproperties.sectionTitleColor,
67855
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
67856
+ fontWeight: sectionproperties.sectionTitleFontWeight,
67857
+ textAlign: langdetect == 'en' ? 'left' : 'right'
67858
+ }
67859
+ }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React__default["default"].createElement("p", {
67860
+ "class": "m-0 wordbreak wordbreak1",
67861
+ style: {
67862
+ color: sectionproperties.prodCatColor,
67863
+ fontSize: sectionproperties.prodCatFontSize + 'px',
67864
+ fontWeight: sectionproperties.prodCatFontWeight,
67865
+ textAlign: langdetect == 'en' ? 'left' : 'right'
67866
+ }
67867
+ }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
67868
+ }))));
67869
+ };
67870
+ return /*#__PURE__*/React__default["default"].createElement("div", {
67871
+ "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
67872
+ style: {
67873
+ background: sectionproperties.lower_section_background
67874
+ }
67875
+ }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
67876
+ "class": 'col-lg-12 p-0 d-flex justify-content-center',
67877
+ "data-aos": 'fade-up'
67878
+ }, SlideshowallContent()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
67879
+ "class": 'col-lg-12 p-0 d-flex justify-content-center'
67880
+ }, SlideshowallContent()));
67850
67881
  };
67851
67882
 
67852
67883
  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; }
@@ -68364,6 +68395,28 @@ var Slideshowslide = function Slideshowslide(props) {
68364
68395
  }), SlideShowTextContainer(item)));
68365
68396
  }))))));
68366
68397
  };
68398
+ var SlideshowallContent = function SlideshowallContent() {
68399
+ return /*#__PURE__*/React__default["default"].createElement("div", {
68400
+ "class": "col-lg-12 p-0",
68401
+ "data-aos": 'fade-up'
68402
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
68403
+ "class": "row m-0 w-100 d-flex d-md-none",
68404
+ style: {
68405
+ paddingTop: sectionproperties.marginTop + 'px'
68406
+ },
68407
+ onMouseLeave: function onMouseLeave() {
68408
+ setChoosenindex('');
68409
+ }
68410
+ }, SlideshowContent()), /*#__PURE__*/React__default["default"].createElement("div", {
68411
+ "class": "row m-0 w-100 d-none d-md-flex",
68412
+ style: {
68413
+ paddingTop: sectionproperties.marginTopResp + 'px'
68414
+ },
68415
+ onMouseLeave: function onMouseLeave() {
68416
+ setChoosenindex('');
68417
+ }
68418
+ }, SlideshowContent()));
68419
+ };
68367
68420
  return /*#__PURE__*/React__default["default"].createElement("div", {
68368
68421
  "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',
68369
68422
  style: {
@@ -68375,25 +68428,12 @@ var Slideshowslide = function Slideshowslide(props) {
68375
68428
  onMouseEnter: function onMouseEnter() {
68376
68429
  setChoosenindex('');
68377
68430
  }
68378
- }, /*#__PURE__*/React__default["default"].createElement("div", {
68379
- "class": "col-lg-12 p-0"
68380
- }, /*#__PURE__*/React__default["default"].createElement("div", {
68381
- "class": "row m-0 w-100 d-flex d-md-none",
68382
- style: {
68383
- paddingTop: sectionproperties.marginTop + 'px'
68384
- },
68385
- onMouseLeave: function onMouseLeave() {
68386
- setChoosenindex('');
68387
- }
68388
- }, SlideshowContent()), /*#__PURE__*/React__default["default"].createElement("div", {
68389
- "class": "row m-0 w-100 d-none d-md-flex",
68390
- style: {
68391
- paddingTop: sectionproperties.marginTopResp + 'px'
68392
- },
68393
- onMouseLeave: function onMouseLeave() {
68394
- setChoosenindex('');
68395
- }
68396
- }, SlideshowContent())));
68431
+ }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
68432
+ "class": "row m-0 w-100",
68433
+ "data-aos": 'fade-up'
68434
+ }, SlideshowallContent()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
68435
+ "class": "row m-0 w-100"
68436
+ }, SlideshowallContent()));
68397
68437
  };
68398
68438
 
68399
68439
  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; }
@@ -81939,14 +81979,14 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
81939
81979
  style: {
81940
81980
  // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
81941
81981
  color: isChoosedValueExists ? '#ffffff' : '#000000',
81942
- border: isChoosedValueExists ? '1px solid #617464' : '1px solid #000000',
81982
+ border: isChoosedValueExists ? '1px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
81943
81983
  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',
81944
81984
  cursor: valitem.disabled ? 'not-allowed' : 'pointer',
81945
81985
  fontSize: '13px',
81946
81986
  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 : '',
81947
81987
  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 : '',
81948
81988
  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,
81949
- 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',
81989
+ 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',
81950
81990
  fontWeight: 500
81951
81991
  },
81952
81992
  disabled: valitem.disabled
@@ -82006,6 +82046,24 @@ var Simpleproductcard = function Simpleproductcard(props) {
82006
82046
  React.useEffect(function () {
82007
82047
  setitem(props.cardinfoitemprops);
82008
82048
  }, [props.cardinfoitemprops]);
82049
+ React.useEffect(function () {
82050
+ var productImagetoBeSelected = '';
82051
+ var Tempitem = _objectSpread$6({}, item);
82052
+ productImagetoBeSelected = item.productmainimage;
82053
+ if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0 && variantObj != '') {
82054
+ var variatgalleryid = variantObj.variantgalleryid;
82055
+ if (variatgalleryid != undefined && variatgalleryid != null && variatgalleryid != '') {
82056
+ var _item$productimages;
82057
+ item === null || item === void 0 || (_item$productimages = item.productimages) === null || _item$productimages === void 0 || _item$productimages.forEach(function (item, index) {
82058
+ if (item.galleryid == variatgalleryid) {
82059
+ productImagetoBeSelected = item.path;
82060
+ }
82061
+ });
82062
+ }
82063
+ }
82064
+ Tempitem.image = productImagetoBeSelected;
82065
+ setitem(_objectSpread$6({}, Tempitem));
82066
+ }, [variantObj]);
82009
82067
  var card_cssstyles = {
82010
82068
  productcard: glamor.css({
82011
82069
  minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
@@ -82497,7 +82555,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
82497
82555
  style: {
82498
82556
  zIndex: 2,
82499
82557
  position: 'absolute',
82500
- top: sectionproperties.badge_top + 'px',
82558
+ top: sectionproperties.badgeposition == 'Top' ? sectionproperties.badge_top + 'px' : '',
82559
+ bottom: sectionproperties.badgeposition == 'Bottom' ? sectionproperties.badge_top + 'px' : '',
82501
82560
  left: langdetect == 'en' ? sectionproperties.badge_right + 'px' : '',
82502
82561
  right: langdetect == 'en' ? '' : sectionproperties.badge_right + 'px',
82503
82562
  width: sectionproperties.badge_width == 0 ? '90%' : sectionproperties.badge_width + 'px',
@@ -82647,7 +82706,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
82647
82706
  style: {
82648
82707
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
82649
82708
  }
82650
- }, plainString(item.description)), /*#__PURE__*/React__default["default"].createElement("div", {
82709
+ }, plainString(item.shortdescription)), /*#__PURE__*/React__default["default"].createElement("div", {
82651
82710
  style: {
82652
82711
  flexDirection: 'column',
82653
82712
  display: sectionproperties.prodPriceShow == 'Hide' && sectionproperties.showprofitcontainer == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.prodsalePriceshow == 'Hide' ? 'none' : 'flex'