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.esm.js CHANGED
@@ -18811,6 +18811,7 @@ var CardsSection = function CardsSection(props) {
18811
18811
  cardobj.hasvariants = arrayItem.productinfo.hasvariants;
18812
18812
  cardobj.description_en = arrayItem.productinfo.description_en;
18813
18813
  cardobj.description_ar = arrayItem.productinfo.description_ar;
18814
+ cardobj.productmainimage = arrayItem.productinfo.productmainimage;
18814
18815
  if (sectionproperties.removedecimals == 'Without Decimals') {
18815
18816
  cardobj.defaultprice = parseFloat(Number(arrayItem.productinfo.defaultprice).toFixed(2));
18816
18817
  } else if (sectionproperties.removedecimals == 'Without Decimals and Separated With Comma') {
@@ -31967,13 +31968,7 @@ var Simpleheader = function Simpleheader(props) {
31967
31968
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
31968
31969
  }, /*#__PURE__*/React.createElement("p", {
31969
31970
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
31970
- }, /*#__PURE__*/React.createElement("img", {
31971
- src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
31972
- style: {
31973
- maxWidth: '2vh',
31974
- maxHeight: '2vh'
31975
- }
31976
- }), /*#__PURE__*/React.createElement("span", {
31971
+ }, /*#__PURE__*/React.createElement("span", {
31977
31972
  "class": "ml-2 mr-2"
31978
31973
  }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629")))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
31979
31974
  "class": "".concat(header_cssstyles.dropdownitem),
@@ -31984,13 +31979,7 @@ var Simpleheader = function Simpleheader(props) {
31984
31979
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
31985
31980
  }, /*#__PURE__*/React.createElement("p", {
31986
31981
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
31987
- }, /*#__PURE__*/React.createElement("img", {
31988
- src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
31989
- style: {
31990
- maxWidth: '2vh',
31991
- maxHeight: '2vh'
31992
- }
31993
- }), /*#__PURE__*/React.createElement("span", {
31982
+ }, /*#__PURE__*/React.createElement("span", {
31994
31983
  "class": "ml-2 mr-2"
31995
31984
  }, "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.createElement("div", {
31996
31985
  "class": ' d-flex align-items-center justify-content-end '
@@ -66305,14 +66294,29 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66305
66294
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), cardsarray.map(function (cardinfoitem, cardinfoindex) {
66306
66295
  var _authdetailsContext$i;
66307
66296
  return /*#__PURE__*/React.createElement("div", {
66308
- "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,
66297
+ // class={
66298
+ // sectionproperties.numofcols == '2'
66299
+ // ? ' 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-' +
66300
+ // sectionproperties.numberOfColsverticalresp
66301
+ // : sectionproperties.numofcols == '3'
66302
+ // ? ' 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-' +
66303
+ // sectionproperties.numberOfColsverticalresp
66304
+ // : ' 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-' +
66305
+ // sectionproperties.numberOfColsverticalresp
66306
+ // }
66307
+ "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,
66309
66308
  style: {
66310
66309
  zIndex: 2,
66311
66310
  paddingLeft: sectionproperties.marginhorizontal + 'px',
66312
66311
  paddingRight: sectionproperties.marginhorizontal + 'px'
66313
66312
  }
66314
66313
  }, /*#__PURE__*/React.createElement("div", {
66315
- "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 ',
66314
+ // class={
66315
+ // sectionproperties.innersectionbordertype != 'All'
66316
+ // ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none '
66317
+ // : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto '
66318
+ // }
66319
+ "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 ',
66316
66320
  style: {
66317
66321
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66318
66322
  // background: sectionproperties.reservation_bgcolor,
@@ -66347,7 +66351,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66347
66351
  }
66348
66352
  }
66349
66353
  }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React.createElement("div", {
66350
- "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
66354
+ "class": "col-lg-12 d-flex align-items-center p-0 w-100"
66355
+ // class="col-lg-12 d-flex align-items-center p-0 w-100 h-100"
66356
+ ,
66351
66357
  style: {
66352
66358
  marginBottom: sectionproperties.image_mb + 'px',
66353
66359
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -66405,7 +66411,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66405
66411
  "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
66406
66412
  style: {
66407
66413
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66408
- color: cardinfoitem.text1colorfromarray
66414
+ color: cardinfoitem.text1colorfromarray,
66415
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
66409
66416
  }
66410
66417
  }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React.createElement("div", {
66411
66418
  "class": "col-lg-12 d-flex p-0",
@@ -66418,7 +66425,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66418
66425
  // color: sectionproperties.slideshowText2ContentColor,
66419
66426
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
66420
66427
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
66421
- textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
66428
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
66422
66429
  color: cardinfoitem.text2colorfromarray
66423
66430
  }
66424
66431
  }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && sectionproperties.image_width != 0 && /*#__PURE__*/React.createElement("div", {
@@ -66681,14 +66688,29 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66681
66688
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
66682
66689
  var _authdetailsContext$i3;
66683
66690
  return /*#__PURE__*/React.createElement("div", {
66684
- "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,
66691
+ // class={
66692
+ // sectionproperties.numofcols == '2'
66693
+ // ? ' 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-' +
66694
+ // sectionproperties.numberOfColsverticalresp
66695
+ // : sectionproperties.numofcols == '3'
66696
+ // ? ' 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-' +
66697
+ // sectionproperties.numberOfColsverticalresp
66698
+ // : ' 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-' +
66699
+ // sectionproperties.numberOfColsverticalresp
66700
+ // }
66701
+ "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,
66685
66702
  style: {
66686
66703
  zIndex: 2,
66687
66704
  paddingLeft: sectionproperties.marginhorizontal + 'px',
66688
66705
  paddingRight: sectionproperties.marginhorizontal + 'px'
66689
66706
  }
66690
66707
  }, /*#__PURE__*/React.createElement("div", {
66691
- "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 ',
66708
+ // class={
66709
+ // sectionproperties.innersectionbordertype != 'All'
66710
+ // ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none '
66711
+ // : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto '
66712
+ // }
66713
+ "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 ',
66692
66714
  style: {
66693
66715
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66694
66716
  // background: sectionproperties.reservation_bgcolor,
@@ -66723,7 +66745,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66723
66745
  }
66724
66746
  }
66725
66747
  }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React.createElement("div", {
66726
- "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
66748
+ "class": "col-lg-12 d-flex align-items-center p-0 w-100"
66749
+ // class="col-lg-12 d-flex align-items-center p-0 w-100 h-100"
66750
+ ,
66727
66751
  style: {
66728
66752
  marginBottom: sectionproperties.image_mb + 'px',
66729
66753
  justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -66781,7 +66805,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66781
66805
  "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
66782
66806
  style: {
66783
66807
  cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
66784
- color: cardinfoitem.text1colorfromarray
66808
+ color: cardinfoitem.text1colorfromarray,
66809
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
66785
66810
  }
66786
66811
  }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React.createElement("div", {
66787
66812
  "class": "col-lg-12 d-flex p-0",
@@ -66794,7 +66819,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
66794
66819
  // color: sectionproperties.slideshowText2ContentColor,
66795
66820
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
66796
66821
  fontWeight: sectionproperties.slideshowText2ContentFontWeight,
66797
- textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
66822
+ textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
66798
66823
  color: cardinfoitem.text2colorfromarray
66799
66824
  }
66800
66825
  }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && sectionproperties.image_width != 0 && /*#__PURE__*/React.createElement("div", {
@@ -67639,165 +67664,171 @@ var Slideshowfade = function Slideshowfade(props) {
67639
67664
  }
67640
67665
  }, langdetect == 'en' ? 'SHOP' : 'تسوق', ' ')));
67641
67666
  };
67642
- return /*#__PURE__*/React.createElement("div", {
67643
- "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
67644
- style: {
67645
- background: sectionproperties.lower_section_background
67646
- }
67647
- }, /*#__PURE__*/React.createElement("div", {
67648
- "class": 'col-lg-12 p-0 d-flex justify-content-center'
67649
- }, /*#__PURE__*/React.createElement("div", {
67650
- "class": slideshow_styles.contt,
67651
- style: {
67652
- // height: sectionproperties.height + 'vh',
67653
- }
67654
- }, /*#__PURE__*/React.createElement(Fade, _extends({}, Slideshowsettings, {
67655
- transitionDuration: 1500,
67656
- duration: 1500,
67657
- arrow: true,
67658
- easing: "ease"
67659
- }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
67667
+ var SlideshowallContent = function SlideshowallContent() {
67660
67668
  return /*#__PURE__*/React.createElement("div", {
67661
- "class": sectionproperties.zoominimagewhenhover == 'Yes' ? 'row m-0 w-100 slideshowzoomonhover' : 'row m-0 w-100 ',
67669
+ "class": slideshow_styles.contt,
67662
67670
  style: {
67663
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
67664
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
67665
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
67666
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px'
67671
+ // height: sectionproperties.height + 'vh',
67667
67672
  }
67668
- }, /*#__PURE__*/React.createElement("div", {
67669
- onClick: function onClick() {
67670
- if (sectionproperties.showcurrencylangcont != 'Show') {
67671
- if (item.IsClickableimg == 'Yes') {
67672
- if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67673
- routingcountext(item.clickableimg_page_route, false, '');
67674
- } else {
67675
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67673
+ }, /*#__PURE__*/React.createElement(Fade, _extends({}, Slideshowsettings, {
67674
+ transitionDuration: 1500,
67675
+ duration: 1500,
67676
+ arrow: true,
67677
+ easing: "ease"
67678
+ }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
67679
+ return /*#__PURE__*/React.createElement("div", {
67680
+ "class": sectionproperties.zoominimagewhenhover == 'Yes' ? 'row m-0 w-100 slideshowzoomonhover' : 'row m-0 w-100 ',
67681
+ style: {
67682
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
67683
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
67684
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
67685
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px'
67686
+ }
67687
+ }, /*#__PURE__*/React.createElement("div", {
67688
+ onClick: function onClick() {
67689
+ if (sectionproperties.showcurrencylangcont != 'Show') {
67690
+ if (item.IsClickableimg == 'Yes') {
67691
+ if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67692
+ routingcountext(item.clickableimg_page_route, false, '');
67693
+ } else {
67694
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67695
+ }
67676
67696
  }
67677
67697
  }
67698
+ },
67699
+ "class": 'p-0 align-items-center d-sm-none ',
67700
+ key: index,
67701
+ style: {
67702
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67703
+ direction: langdetect == 'en' ? 'ltr' : 'rtl',
67704
+ width: '100%',
67705
+ height: sectionproperties.height != 0 ? sectionproperties.height + 'vh' : 'auto',
67706
+ paddingTop: sectionproperties.paddingTop + 'px'
67678
67707
  }
67679
- },
67680
- "class": 'p-0 align-items-center d-sm-none ',
67681
- key: index,
67682
- style: {
67683
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67684
- direction: langdetect == 'en' ? 'ltr' : 'rtl',
67685
- width: '100%',
67686
- height: sectionproperties.height != 0 ? sectionproperties.height + 'vh' : 'auto',
67687
- paddingTop: sectionproperties.paddingTop + 'px'
67688
- }
67689
- }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
67690
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67691
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67692
- 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,
67693
- style: {
67694
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67695
- objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
67696
- margin: 0,
67697
- padding: 0,
67698
- width: '100%',
67699
- height: '100%',
67700
- borderRadius: sectionproperties.imageborderradius + 'px'
67701
- }
67702
- }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React.createElement("div", {
67703
- "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67704
- style: {
67705
- position: 'absolute',
67706
- top: '20%',
67707
- zIndex: 1000,
67708
- paddingTop: sectionproperties.paddingTop + 'px',
67709
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67710
- paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67711
- }
67712
- }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React.createElement("div", {
67713
- onClick: function onClick() {
67714
- if (sectionproperties.showcurrencylangcont != 'Show') {
67715
- if (item.IsClickableimg == 'Yes') {
67716
- if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67717
- routingcountext(item.clickableimg_page_route, false, '');
67718
- } else {
67719
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67708
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
67709
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67710
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67711
+ 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,
67712
+ style: {
67713
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67714
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
67715
+ margin: 0,
67716
+ padding: 0,
67717
+ width: '100%',
67718
+ height: '100%',
67719
+ borderRadius: sectionproperties.imageborderradius + 'px'
67720
+ }
67721
+ }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React.createElement("div", {
67722
+ "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67723
+ style: {
67724
+ position: 'absolute',
67725
+ top: '20%',
67726
+ zIndex: 1000,
67727
+ paddingTop: sectionproperties.paddingTop + 'px',
67728
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67729
+ paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67730
+ }
67731
+ }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)), /*#__PURE__*/React.createElement("div", {
67732
+ onClick: function onClick() {
67733
+ if (sectionproperties.showcurrencylangcont != 'Show') {
67734
+ if (item.IsClickableimg == 'Yes') {
67735
+ if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
67736
+ routingcountext(item.clickableimg_page_route, false, '');
67737
+ } else {
67738
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.Clickableimg_getcoection);
67739
+ }
67720
67740
  }
67721
67741
  }
67742
+ },
67743
+ "class": 'p-0 align-items-center d-none d-sm-flex ',
67744
+ key: index,
67745
+ style: {
67746
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67747
+ width: '100%',
67748
+ height: 'auto',
67749
+ paddingTop: sectionproperties.paddingTop + 'px',
67750
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67751
+ paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67722
67752
  }
67723
- },
67724
- "class": 'p-0 align-items-center d-none d-sm-flex ',
67725
- key: index,
67726
- style: {
67727
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67728
- width: '100%',
67729
- height: 'auto',
67730
- paddingTop: sectionproperties.paddingTop + 'px',
67731
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67732
- paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67733
- }
67734
- }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
67735
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67736
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67737
- 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,
67738
- style: {
67739
- cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67740
- objectFit: 'contain',
67741
- margin: 0,
67742
- padding: 0,
67743
- width: '100%',
67744
- height: '100%',
67745
- borderRadius: sectionproperties.imageborderradius + 'px'
67746
- }
67747
- }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React.createElement("div", {
67748
- "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67749
- style: {
67750
- position: 'absolute',
67751
- top: '20%',
67752
- zIndex: 1000,
67753
- paddingTop: sectionproperties.paddingTop + 'px',
67754
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67755
- paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67756
- }
67757
- }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
67758
- })), cardsarray.length != 0 && /*#__PURE__*/React.createElement("div", {
67759
- "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
67760
- }, /*#__PURE__*/React.createElement("div", {
67761
- "class": ' row m-0 w-100 align-items-center justify-content-center '
67762
- }, cardsarray.map(function (cardItem, cardinfoindex) {
67763
- return /*#__PURE__*/React.createElement("div", {
67764
- "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"
67765
- }, /*#__PURE__*/React.createElement("div", {
67766
- "class": "row m-0 w-100 d-flex align-items-center"
67753
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
67754
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67755
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67756
+ 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,
67757
+ style: {
67758
+ cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
67759
+ objectFit: 'contain',
67760
+ margin: 0,
67761
+ padding: 0,
67762
+ width: '100%',
67763
+ height: '100%',
67764
+ borderRadius: sectionproperties.imageborderradius + 'px'
67765
+ }
67766
+ }), sectionproperties.showcurrencylangcont == 'Show' && /*#__PURE__*/React.createElement("div", {
67767
+ "class": 'row m-0 w-100 pl-md-2 pr-md-2',
67768
+ style: {
67769
+ position: 'absolute',
67770
+ top: '20%',
67771
+ zIndex: 1000,
67772
+ paddingTop: sectionproperties.paddingTop + 'px',
67773
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
67774
+ paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
67775
+ }
67776
+ }, LanguageCurrencyCont(item)), sectionproperties.showcurrencylangcont != 'Show' && SlideShowTextContainer(item)));
67777
+ })), cardsarray.length != 0 && /*#__PURE__*/React.createElement("div", {
67778
+ "class": "".concat(slideshow_styles.innerSection) + ' col-lg-9 col-md-10 col-sm-10 ml-auto mr-auto '
67767
67779
  }, /*#__PURE__*/React.createElement("div", {
67768
- style: {
67769
- width: '70px',
67770
- height: '70px'
67771
- }
67772
- }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
67773
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67774
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67775
- path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
67776
- style: {
67777
- width: '100%',
67778
- height: '100%',
67779
- borderRadius: '100%'
67780
- }
67781
- })), /*#__PURE__*/React.createElement("div", {
67782
- "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
67783
- }, /*#__PURE__*/React.createElement("p", {
67784
- "class": "p-0 m-0 wordbreak wordbreak1",
67785
- style: {
67786
- color: sectionproperties.sectionTitleColor,
67787
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
67788
- fontWeight: sectionproperties.sectionTitleFontWeight,
67789
- textAlign: langdetect == 'en' ? 'left' : 'right'
67790
- }
67791
- }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React.createElement("p", {
67792
- "class": "m-0 wordbreak wordbreak1",
67793
- style: {
67794
- color: sectionproperties.prodCatColor,
67795
- fontSize: sectionproperties.prodCatFontSize + 'px',
67796
- fontWeight: sectionproperties.prodCatFontWeight,
67797
- textAlign: langdetect == 'en' ? 'left' : 'right'
67798
- }
67799
- }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
67800
- }))))));
67780
+ "class": ' row m-0 w-100 align-items-center justify-content-center '
67781
+ }, cardsarray.map(function (cardItem, cardinfoindex) {
67782
+ return /*#__PURE__*/React.createElement("div", {
67783
+ "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"
67784
+ }, /*#__PURE__*/React.createElement("div", {
67785
+ "class": "row m-0 w-100 d-flex align-items-center"
67786
+ }, /*#__PURE__*/React.createElement("div", {
67787
+ style: {
67788
+ width: '70px',
67789
+ height: '70px'
67790
+ }
67791
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
67792
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
67793
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
67794
+ path: cardsarray.length != 0 ? cardItem.cardobj_img : '',
67795
+ style: {
67796
+ width: '100%',
67797
+ height: '100%',
67798
+ borderRadius: '100%'
67799
+ }
67800
+ })), /*#__PURE__*/React.createElement("div", {
67801
+ "class": "col-lg-8 col-md-8 col-sm-8 d-flex flex-column"
67802
+ }, /*#__PURE__*/React.createElement("p", {
67803
+ "class": "p-0 m-0 wordbreak wordbreak1",
67804
+ style: {
67805
+ color: sectionproperties.sectionTitleColor,
67806
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
67807
+ fontWeight: sectionproperties.sectionTitleFontWeight,
67808
+ textAlign: langdetect == 'en' ? 'left' : 'right'
67809
+ }
67810
+ }, langdetect == 'en' ? cardItem.cardobj_titleen : cardItem.cardobj_titlear), /*#__PURE__*/React.createElement("p", {
67811
+ "class": "m-0 wordbreak wordbreak1",
67812
+ style: {
67813
+ color: sectionproperties.prodCatColor,
67814
+ fontSize: sectionproperties.prodCatFontSize + 'px',
67815
+ fontWeight: sectionproperties.prodCatFontWeight,
67816
+ textAlign: langdetect == 'en' ? 'left' : 'right'
67817
+ }
67818
+ }, langdetect == 'en' ? cardItem.cardobj_descripen : cardItem.cardobj_descripar))));
67819
+ }))));
67820
+ };
67821
+ return /*#__PURE__*/React.createElement("div", {
67822
+ "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
67823
+ style: {
67824
+ background: sectionproperties.lower_section_background
67825
+ }
67826
+ }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React.createElement("div", {
67827
+ "class": 'col-lg-12 p-0 d-flex justify-content-center',
67828
+ "data-aos": 'fade-up'
67829
+ }, SlideshowallContent()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React.createElement("div", {
67830
+ "class": 'col-lg-12 p-0 d-flex justify-content-center'
67831
+ }, SlideshowallContent()));
67801
67832
  };
67802
67833
 
67803
67834
  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; }
@@ -68315,6 +68346,28 @@ var Slideshowslide = function Slideshowslide(props) {
68315
68346
  }), SlideShowTextContainer(item)));
68316
68347
  }))))));
68317
68348
  };
68349
+ var SlideshowallContent = function SlideshowallContent() {
68350
+ return /*#__PURE__*/React.createElement("div", {
68351
+ "class": "col-lg-12 p-0",
68352
+ "data-aos": 'fade-up'
68353
+ }, /*#__PURE__*/React.createElement("div", {
68354
+ "class": "row m-0 w-100 d-flex d-md-none",
68355
+ style: {
68356
+ paddingTop: sectionproperties.marginTop + 'px'
68357
+ },
68358
+ onMouseLeave: function onMouseLeave() {
68359
+ setChoosenindex('');
68360
+ }
68361
+ }, SlideshowContent()), /*#__PURE__*/React.createElement("div", {
68362
+ "class": "row m-0 w-100 d-none d-md-flex",
68363
+ style: {
68364
+ paddingTop: sectionproperties.marginTopResp + 'px'
68365
+ },
68366
+ onMouseLeave: function onMouseLeave() {
68367
+ setChoosenindex('');
68368
+ }
68369
+ }, SlideshowContent()));
68370
+ };
68318
68371
  return /*#__PURE__*/React.createElement("div", {
68319
68372
  "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',
68320
68373
  style: {
@@ -68326,25 +68379,12 @@ var Slideshowslide = function Slideshowslide(props) {
68326
68379
  onMouseEnter: function onMouseEnter() {
68327
68380
  setChoosenindex('');
68328
68381
  }
68329
- }, /*#__PURE__*/React.createElement("div", {
68330
- "class": "col-lg-12 p-0"
68331
- }, /*#__PURE__*/React.createElement("div", {
68332
- "class": "row m-0 w-100 d-flex d-md-none",
68333
- style: {
68334
- paddingTop: sectionproperties.marginTop + 'px'
68335
- },
68336
- onMouseLeave: function onMouseLeave() {
68337
- setChoosenindex('');
68338
- }
68339
- }, SlideshowContent()), /*#__PURE__*/React.createElement("div", {
68340
- "class": "row m-0 w-100 d-none d-md-flex",
68341
- style: {
68342
- paddingTop: sectionproperties.marginTopResp + 'px'
68343
- },
68344
- onMouseLeave: function onMouseLeave() {
68345
- setChoosenindex('');
68346
- }
68347
- }, SlideshowContent())));
68382
+ }, sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React.createElement("div", {
68383
+ "class": "row m-0 w-100",
68384
+ "data-aos": 'fade-up'
68385
+ }, SlideshowallContent()), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React.createElement("div", {
68386
+ "class": "row m-0 w-100"
68387
+ }, SlideshowallContent()));
68348
68388
  };
68349
68389
 
68350
68390
  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; }
@@ -81890,14 +81930,14 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
81890
81930
  style: {
81891
81931
  // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
81892
81932
  color: isChoosedValueExists ? '#ffffff' : '#000000',
81893
- border: isChoosedValueExists ? '1px solid #617464' : '1px solid #000000',
81933
+ border: isChoosedValueExists ? '1px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
81894
81934
  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',
81895
81935
  cursor: valitem.disabled ? 'not-allowed' : 'pointer',
81896
81936
  fontSize: '13px',
81897
81937
  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 : '',
81898
81938
  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 : '',
81899
81939
  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,
81900
- 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',
81940
+ 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',
81901
81941
  fontWeight: 500
81902
81942
  },
81903
81943
  disabled: valitem.disabled
@@ -81957,6 +81997,24 @@ var Simpleproductcard = function Simpleproductcard(props) {
81957
81997
  useEffect(function () {
81958
81998
  setitem(props.cardinfoitemprops);
81959
81999
  }, [props.cardinfoitemprops]);
82000
+ useEffect(function () {
82001
+ var productImagetoBeSelected = '';
82002
+ var Tempitem = _objectSpread$6({}, item);
82003
+ productImagetoBeSelected = item.productmainimage;
82004
+ if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0 && variantObj != '') {
82005
+ var variatgalleryid = variantObj.variantgalleryid;
82006
+ if (variatgalleryid != undefined && variatgalleryid != null && variatgalleryid != '') {
82007
+ var _item$productimages;
82008
+ item === null || item === void 0 || (_item$productimages = item.productimages) === null || _item$productimages === void 0 || _item$productimages.forEach(function (item, index) {
82009
+ if (item.galleryid == variatgalleryid) {
82010
+ productImagetoBeSelected = item.path;
82011
+ }
82012
+ });
82013
+ }
82014
+ }
82015
+ Tempitem.image = productImagetoBeSelected;
82016
+ setitem(_objectSpread$6({}, Tempitem));
82017
+ }, [variantObj]);
81960
82018
  var card_cssstyles = {
81961
82019
  productcard: css({
81962
82020
  minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
@@ -82448,7 +82506,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
82448
82506
  style: {
82449
82507
  zIndex: 2,
82450
82508
  position: 'absolute',
82451
- top: sectionproperties.badge_top + 'px',
82509
+ top: sectionproperties.badgeposition == 'Top' ? sectionproperties.badge_top + 'px' : '',
82510
+ bottom: sectionproperties.badgeposition == 'Bottom' ? sectionproperties.badge_top + 'px' : '',
82452
82511
  left: langdetect == 'en' ? sectionproperties.badge_right + 'px' : '',
82453
82512
  right: langdetect == 'en' ? '' : sectionproperties.badge_right + 'px',
82454
82513
  width: sectionproperties.badge_width == 0 ? '90%' : sectionproperties.badge_width + 'px',
@@ -82598,7 +82657,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
82598
82657
  style: {
82599
82658
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
82600
82659
  }
82601
- }, plainString(item.description)), /*#__PURE__*/React.createElement("div", {
82660
+ }, plainString(item.shortdescription)), /*#__PURE__*/React.createElement("div", {
82602
82661
  style: {
82603
82662
  flexDirection: 'column',
82604
82663
  display: sectionproperties.prodPriceShow == 'Hide' && sectionproperties.showprofitcontainer == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.prodsalePriceshow == 'Hide' ? 'none' : 'flex'