tabexseriescomponents 0.0.640 → 0.0.642

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +69 -25
  2. package/dist/index.esm.js +69 -25
  3. package/dist/index.umd.js +69 -25
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -28335,7 +28335,7 @@ var CTAHeader = function CTAHeader(props) {
28335
28335
  })), /*#__PURE__*/React__default["default"].createElement("div", {
28336
28336
  "class": header_cssstyles.lowerheader + ' row m-0 w-100 justify-content-center px-2015-4 '
28337
28337
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28338
- "class": "col-lg-3 p-0 d-flex align-items-center justify-content-start"
28338
+ "class": "col-lg-2 p-0 d-flex align-items-center justify-content-start"
28339
28339
  }, sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("div", {
28340
28340
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
28341
28341
  style: {
@@ -28415,7 +28415,7 @@ var CTAHeader = function CTAHeader(props) {
28415
28415
  }, ButtonDropdown(item, index, fetchedarray));
28416
28416
  }
28417
28417
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
28418
- "class": sectionproperties.generalbtn_show == 'Hide' && sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' && sectionproperties.lang_position == 'Top' ? 'col-lg-12 p-0 d-flex align-items-center justify-content-center' : 'col-lg-6 p-0 d-flex align-items-center justify-content-center'
28418
+ "class": sectionproperties.generalbtn_show == 'Hide' && sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' && sectionproperties.lang_position == 'Top' ? 'col-lg-12 p-0 d-flex align-items-center justify-content-center' : 'col-lg-8 p-0 d-flex align-items-center justify-content-center'
28419
28419
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28420
28420
  "class": "scrollhorizontal w-100 align-items-center justify-content-center h-100 flex-row",
28421
28421
  style: {
@@ -28449,7 +28449,7 @@ var CTAHeader = function CTAHeader(props) {
28449
28449
  },
28450
28450
  actions: actions
28451
28451
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
28452
- "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
28452
+ "class": "col-lg-2 p-0 d-flex align-items-center justify-content-end"
28453
28453
  }, sectionproperties.generalbtn_show == 'Show' && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("button", {
28454
28454
  "class": "".concat(header_cssstyles.buttonStyles) + ' allcentered ',
28455
28455
  onClick: function onClick() {
@@ -76066,7 +76066,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
76066
76066
  var ikimagecredcontext = props.actions.ikimagecredcontext;
76067
76067
  props.actions.NotificationManager;
76068
76068
  var AddtoCartContext = props.actions.AddtoCartContext;
76069
- props.AddtoCartMutationContext;
76069
+ var AddtoCartMutationContext = props.AddtoCartMutationContext;
76070
76070
  var _useState5 = React.useState(''),
76071
76071
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
76072
76072
  addtocardpayloadobj = _useState6[0];
@@ -76287,6 +76287,66 @@ var Simpleproductcard = function Simpleproductcard(props) {
76287
76287
  tempaddtocardpayloadobj.quantity = 1;
76288
76288
  AddtoCartContext(tempaddtocardpayloadobj);
76289
76289
  };
76290
+ var addtocartbuttonrender = function addtocartbuttonrender() {
76291
+ if (AddtoCartMutationContext.isLoading) {
76292
+ var _AddtoCartMutationCon;
76293
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
76294
+ return /*#__PURE__*/React__default["default"].createElement("div", {
76295
+ "class": ' d-flex align-items-center justify-content-center '
76296
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
76297
+ color: sectionproperties.cartBtnTextcolor,
76298
+ width: "20px",
76299
+ height: "20px",
76300
+ duration: "1s"
76301
+ }));
76302
+ } else {
76303
+ return /*#__PURE__*/React__default["default"].createElement("span", {
76304
+ "class": "w-100 allcentered"
76305
+ }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
76306
+ "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
76307
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
76308
+ "class": "",
76309
+ size: sectionproperties.cartBtn_iconFontSize
76310
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
76311
+ "class": "",
76312
+ size: sectionproperties.cartBtn_iconFontSize
76313
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
76314
+ "class": "",
76315
+ size: sectionproperties.cartBtn_iconFontSize
76316
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
76317
+ size: sectionproperties.cartBtn_iconFontSize
76318
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
76319
+ "class": "",
76320
+ size: sectionproperties.cartBtn_iconFontSize
76321
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
76322
+ size: sectionproperties.cartBtn_iconFontSize
76323
+ })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
76324
+ }
76325
+ }
76326
+ if (!AddtoCartMutationContext.isLoading) {
76327
+ return /*#__PURE__*/React__default["default"].createElement("span", {
76328
+ "class": "w-100 allcentered"
76329
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
76330
+ "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
76331
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
76332
+ "class": "",
76333
+ size: sectionproperties.cartBtn_iconFontSize
76334
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
76335
+ "class": "",
76336
+ size: sectionproperties.cartBtn_iconFontSize
76337
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
76338
+ "class": "",
76339
+ size: sectionproperties.cartBtn_iconFontSize
76340
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
76341
+ size: sectionproperties.cartBtn_iconFontSize
76342
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
76343
+ "class": "",
76344
+ size: sectionproperties.cartBtn_iconFontSize
76345
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
76346
+ size: sectionproperties.cartBtn_iconFontSize
76347
+ })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
76348
+ }
76349
+ };
76290
76350
  var Image = function Image(type) {
76291
76351
  var transition = false;
76292
76352
  if (sectionproperties.hideshowcardtransition == 'Show' && type != 'responsive') {
@@ -76678,14 +76738,16 @@ var Simpleproductcard = function Simpleproductcard(props) {
76678
76738
  // } else {
76679
76739
  // productidtobesend = item.productid;
76680
76740
  // }
76681
- // cardonclickfunctionContext(sectionproperties?.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
76741
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
76682
76742
  // // setShowProductInfoModalContext(true);
76683
76743
  // // setProductIdProdutInfoModalContext(item.productid);
76684
76744
  // }}
76685
76745
  ,
76686
76746
  onClick: function onClick() {
76687
- if (sectionproperties.automaticaddtocart == 'Yes') {
76747
+ if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 0) {
76688
76748
  addtocartfunc();
76749
+ } else if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 1) {
76750
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
76689
76751
  } else {
76690
76752
  var productidtobesend = null;
76691
76753
  if (sectionproperties.urlwithproductname == 'Yes') {
@@ -76697,25 +76759,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
76697
76759
  }
76698
76760
  }
76699
76761
  // disabled={AddtoCartMutationContext.isLoading == true ? true : false}
76700
- }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
76701
- "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
76702
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
76703
- "class": "",
76704
- size: sectionproperties.cartBtn_iconFontSize
76705
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
76706
- "class": "",
76707
- size: sectionproperties.cartBtn_iconFontSize
76708
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
76709
- "class": "",
76710
- size: sectionproperties.cartBtn_iconFontSize
76711
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
76712
- size: sectionproperties.cartBtn_iconFontSize
76713
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
76714
- "class": "",
76715
- size: sectionproperties.cartBtn_iconFontSize
76716
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
76717
- size: sectionproperties.cartBtn_iconFontSize
76718
- })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
76762
+ }, addtocartbuttonrender())))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
76719
76763
  "class": "col-lg-12 d-flex align-items-center p-0",
76720
76764
  style: {
76721
76765
  justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
package/dist/index.esm.js CHANGED
@@ -28286,7 +28286,7 @@ var CTAHeader = function CTAHeader(props) {
28286
28286
  })), /*#__PURE__*/React.createElement("div", {
28287
28287
  "class": header_cssstyles.lowerheader + ' row m-0 w-100 justify-content-center px-2015-4 '
28288
28288
  }, /*#__PURE__*/React.createElement("div", {
28289
- "class": "col-lg-3 p-0 d-flex align-items-center justify-content-start"
28289
+ "class": "col-lg-2 p-0 d-flex align-items-center justify-content-start"
28290
28290
  }, sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React.createElement("div", {
28291
28291
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
28292
28292
  style: {
@@ -28366,7 +28366,7 @@ var CTAHeader = function CTAHeader(props) {
28366
28366
  }, ButtonDropdown(item, index, fetchedarray));
28367
28367
  }
28368
28368
  }))))), /*#__PURE__*/React.createElement("div", {
28369
- "class": sectionproperties.generalbtn_show == 'Hide' && sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' && sectionproperties.lang_position == 'Top' ? 'col-lg-12 p-0 d-flex align-items-center justify-content-center' : 'col-lg-6 p-0 d-flex align-items-center justify-content-center'
28369
+ "class": sectionproperties.generalbtn_show == 'Hide' && sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' && sectionproperties.lang_position == 'Top' ? 'col-lg-12 p-0 d-flex align-items-center justify-content-center' : 'col-lg-8 p-0 d-flex align-items-center justify-content-center'
28370
28370
  }, /*#__PURE__*/React.createElement("div", {
28371
28371
  "class": "scrollhorizontal w-100 align-items-center justify-content-center h-100 flex-row",
28372
28372
  style: {
@@ -28400,7 +28400,7 @@ var CTAHeader = function CTAHeader(props) {
28400
28400
  },
28401
28401
  actions: actions
28402
28402
  }))), /*#__PURE__*/React.createElement("div", {
28403
- "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
28403
+ "class": "col-lg-2 p-0 d-flex align-items-center justify-content-end"
28404
28404
  }, sectionproperties.generalbtn_show == 'Show' && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React.createElement("button", {
28405
28405
  "class": "".concat(header_cssstyles.buttonStyles) + ' allcentered ',
28406
28406
  onClick: function onClick() {
@@ -76017,7 +76017,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
76017
76017
  var ikimagecredcontext = props.actions.ikimagecredcontext;
76018
76018
  props.actions.NotificationManager;
76019
76019
  var AddtoCartContext = props.actions.AddtoCartContext;
76020
- props.AddtoCartMutationContext;
76020
+ var AddtoCartMutationContext = props.AddtoCartMutationContext;
76021
76021
  var _useState5 = useState(''),
76022
76022
  _useState6 = _slicedToArray(_useState5, 2),
76023
76023
  addtocardpayloadobj = _useState6[0];
@@ -76238,6 +76238,66 @@ var Simpleproductcard = function Simpleproductcard(props) {
76238
76238
  tempaddtocardpayloadobj.quantity = 1;
76239
76239
  AddtoCartContext(tempaddtocardpayloadobj);
76240
76240
  };
76241
+ var addtocartbuttonrender = function addtocartbuttonrender() {
76242
+ if (AddtoCartMutationContext.isLoading) {
76243
+ var _AddtoCartMutationCon;
76244
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
76245
+ return /*#__PURE__*/React.createElement("div", {
76246
+ "class": ' d-flex align-items-center justify-content-center '
76247
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
76248
+ color: sectionproperties.cartBtnTextcolor,
76249
+ width: "20px",
76250
+ height: "20px",
76251
+ duration: "1s"
76252
+ }));
76253
+ } else {
76254
+ return /*#__PURE__*/React.createElement("span", {
76255
+ "class": "w-100 allcentered"
76256
+ }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React.createElement("i", {
76257
+ "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
76258
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
76259
+ "class": "",
76260
+ size: sectionproperties.cartBtn_iconFontSize
76261
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
76262
+ "class": "",
76263
+ size: sectionproperties.cartBtn_iconFontSize
76264
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
76265
+ "class": "",
76266
+ size: sectionproperties.cartBtn_iconFontSize
76267
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
76268
+ size: sectionproperties.cartBtn_iconFontSize
76269
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
76270
+ "class": "",
76271
+ size: sectionproperties.cartBtn_iconFontSize
76272
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
76273
+ size: sectionproperties.cartBtn_iconFontSize
76274
+ })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
76275
+ }
76276
+ }
76277
+ if (!AddtoCartMutationContext.isLoading) {
76278
+ return /*#__PURE__*/React.createElement("span", {
76279
+ "class": "w-100 allcentered"
76280
+ }, /*#__PURE__*/React.createElement("i", {
76281
+ "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
76282
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
76283
+ "class": "",
76284
+ size: sectionproperties.cartBtn_iconFontSize
76285
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
76286
+ "class": "",
76287
+ size: sectionproperties.cartBtn_iconFontSize
76288
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
76289
+ "class": "",
76290
+ size: sectionproperties.cartBtn_iconFontSize
76291
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
76292
+ size: sectionproperties.cartBtn_iconFontSize
76293
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
76294
+ "class": "",
76295
+ size: sectionproperties.cartBtn_iconFontSize
76296
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
76297
+ size: sectionproperties.cartBtn_iconFontSize
76298
+ })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
76299
+ }
76300
+ };
76241
76301
  var Image = function Image(type) {
76242
76302
  var transition = false;
76243
76303
  if (sectionproperties.hideshowcardtransition == 'Show' && type != 'responsive') {
@@ -76629,14 +76689,16 @@ var Simpleproductcard = function Simpleproductcard(props) {
76629
76689
  // } else {
76630
76690
  // productidtobesend = item.productid;
76631
76691
  // }
76632
- // cardonclickfunctionContext(sectionproperties?.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
76692
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
76633
76693
  // // setShowProductInfoModalContext(true);
76634
76694
  // // setProductIdProdutInfoModalContext(item.productid);
76635
76695
  // }}
76636
76696
  ,
76637
76697
  onClick: function onClick() {
76638
- if (sectionproperties.automaticaddtocart == 'Yes') {
76698
+ if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 0) {
76639
76699
  addtocartfunc();
76700
+ } else if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 1) {
76701
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
76640
76702
  } else {
76641
76703
  var productidtobesend = null;
76642
76704
  if (sectionproperties.urlwithproductname == 'Yes') {
@@ -76648,25 +76710,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
76648
76710
  }
76649
76711
  }
76650
76712
  // disabled={AddtoCartMutationContext.isLoading == true ? true : false}
76651
- }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React.createElement("i", {
76652
- "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
76653
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
76654
- "class": "",
76655
- size: sectionproperties.cartBtn_iconFontSize
76656
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
76657
- "class": "",
76658
- size: sectionproperties.cartBtn_iconFontSize
76659
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
76660
- "class": "",
76661
- size: sectionproperties.cartBtn_iconFontSize
76662
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
76663
- size: sectionproperties.cartBtn_iconFontSize
76664
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
76665
- "class": "",
76666
- size: sectionproperties.cartBtn_iconFontSize
76667
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
76668
- size: sectionproperties.cartBtn_iconFontSize
76669
- })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React.createElement("div", {
76713
+ }, addtocartbuttonrender())))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React.createElement("div", {
76670
76714
  "class": "col-lg-12 d-flex align-items-center p-0",
76671
76715
  style: {
76672
76716
  justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
package/dist/index.umd.js CHANGED
@@ -28159,7 +28159,7 @@
28159
28159
  })), /*#__PURE__*/React__default["default"].createElement("div", {
28160
28160
  "class": header_cssstyles.lowerheader + ' row m-0 w-100 justify-content-center px-2015-4 '
28161
28161
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28162
- "class": "col-lg-3 p-0 d-flex align-items-center justify-content-start"
28162
+ "class": "col-lg-2 p-0 d-flex align-items-center justify-content-start"
28163
28163
  }, sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("div", {
28164
28164
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
28165
28165
  style: {
@@ -28239,7 +28239,7 @@
28239
28239
  }, ButtonDropdown(item, index, fetchedarray));
28240
28240
  }
28241
28241
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
28242
- "class": sectionproperties.generalbtn_show == 'Hide' && sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' && sectionproperties.lang_position == 'Top' ? 'col-lg-12 p-0 d-flex align-items-center justify-content-center' : 'col-lg-6 p-0 d-flex align-items-center justify-content-center'
28242
+ "class": sectionproperties.generalbtn_show == 'Hide' && sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' && sectionproperties.lang_position == 'Top' ? 'col-lg-12 p-0 d-flex align-items-center justify-content-center' : 'col-lg-8 p-0 d-flex align-items-center justify-content-center'
28243
28243
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28244
28244
  "class": "scrollhorizontal w-100 align-items-center justify-content-center h-100 flex-row",
28245
28245
  style: {
@@ -28273,7 +28273,7 @@
28273
28273
  },
28274
28274
  actions: actions
28275
28275
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
28276
- "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
28276
+ "class": "col-lg-2 p-0 d-flex align-items-center justify-content-end"
28277
28277
  }, sectionproperties.generalbtn_show == 'Show' && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("button", {
28278
28278
  "class": "".concat(header_cssstyles.buttonStyles) + ' allcentered ',
28279
28279
  onClick: function onClick() {
@@ -75890,7 +75890,7 @@
75890
75890
  var ikimagecredcontext = props.actions.ikimagecredcontext;
75891
75891
  props.actions.NotificationManager;
75892
75892
  var AddtoCartContext = props.actions.AddtoCartContext;
75893
- props.AddtoCartMutationContext;
75893
+ var AddtoCartMutationContext = props.AddtoCartMutationContext;
75894
75894
  var _useState5 = React.useState(''),
75895
75895
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
75896
75896
  addtocardpayloadobj = _useState6[0];
@@ -76111,6 +76111,66 @@
76111
76111
  tempaddtocardpayloadobj.quantity = 1;
76112
76112
  AddtoCartContext(tempaddtocardpayloadobj);
76113
76113
  };
76114
+ var addtocartbuttonrender = function addtocartbuttonrender() {
76115
+ if (AddtoCartMutationContext.isLoading) {
76116
+ var _AddtoCartMutationCon;
76117
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
76118
+ return /*#__PURE__*/React__default["default"].createElement("div", {
76119
+ "class": ' d-flex align-items-center justify-content-center '
76120
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
76121
+ color: sectionproperties.cartBtnTextcolor,
76122
+ width: "20px",
76123
+ height: "20px",
76124
+ duration: "1s"
76125
+ }));
76126
+ } else {
76127
+ return /*#__PURE__*/React__default["default"].createElement("span", {
76128
+ "class": "w-100 allcentered"
76129
+ }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
76130
+ "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
76131
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
76132
+ "class": "",
76133
+ size: sectionproperties.cartBtn_iconFontSize
76134
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
76135
+ "class": "",
76136
+ size: sectionproperties.cartBtn_iconFontSize
76137
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
76138
+ "class": "",
76139
+ size: sectionproperties.cartBtn_iconFontSize
76140
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
76141
+ size: sectionproperties.cartBtn_iconFontSize
76142
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
76143
+ "class": "",
76144
+ size: sectionproperties.cartBtn_iconFontSize
76145
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
76146
+ size: sectionproperties.cartBtn_iconFontSize
76147
+ })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
76148
+ }
76149
+ }
76150
+ if (!AddtoCartMutationContext.isLoading) {
76151
+ return /*#__PURE__*/React__default["default"].createElement("span", {
76152
+ "class": "w-100 allcentered"
76153
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
76154
+ "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
76155
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
76156
+ "class": "",
76157
+ size: sectionproperties.cartBtn_iconFontSize
76158
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
76159
+ "class": "",
76160
+ size: sectionproperties.cartBtn_iconFontSize
76161
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
76162
+ "class": "",
76163
+ size: sectionproperties.cartBtn_iconFontSize
76164
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
76165
+ size: sectionproperties.cartBtn_iconFontSize
76166
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
76167
+ "class": "",
76168
+ size: sectionproperties.cartBtn_iconFontSize
76169
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
76170
+ size: sectionproperties.cartBtn_iconFontSize
76171
+ })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
76172
+ }
76173
+ };
76114
76174
  var Image = function Image(type) {
76115
76175
  var transition = false;
76116
76176
  if (sectionproperties.hideshowcardtransition == 'Show' && type != 'responsive') {
@@ -76502,14 +76562,16 @@
76502
76562
  // } else {
76503
76563
  // productidtobesend = item.productid;
76504
76564
  // }
76505
- // cardonclickfunctionContext(sectionproperties?.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
76565
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
76506
76566
  // // setShowProductInfoModalContext(true);
76507
76567
  // // setProductIdProdutInfoModalContext(item.productid);
76508
76568
  // }}
76509
76569
  ,
76510
76570
  onClick: function onClick() {
76511
- if (sectionproperties.automaticaddtocart == 'Yes') {
76571
+ if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 0) {
76512
76572
  addtocartfunc();
76573
+ } else if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 1) {
76574
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
76513
76575
  } else {
76514
76576
  var productidtobesend = null;
76515
76577
  if (sectionproperties.urlwithproductname == 'Yes') {
@@ -76521,25 +76583,7 @@
76521
76583
  }
76522
76584
  }
76523
76585
  // disabled={AddtoCartMutationContext.isLoading == true ? true : false}
76524
- }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
76525
- "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
76526
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
76527
- "class": "",
76528
- size: sectionproperties.cartBtn_iconFontSize
76529
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
76530
- "class": "",
76531
- size: sectionproperties.cartBtn_iconFontSize
76532
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
76533
- "class": "",
76534
- size: sectionproperties.cartBtn_iconFontSize
76535
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
76536
- size: sectionproperties.cartBtn_iconFontSize
76537
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
76538
- "class": "",
76539
- size: sectionproperties.cartBtn_iconFontSize
76540
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
76541
- size: sectionproperties.cartBtn_iconFontSize
76542
- })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
76586
+ }, addtocartbuttonrender())))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
76543
76587
  "class": "col-lg-12 d-flex align-items-center p-0",
76544
76588
  style: {
76545
76589
  justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.640",
3
+ "version": "0.0.642",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {