tabexseriescomponents 0.2.1385 → 0.2.1386

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
@@ -37295,7 +37295,7 @@ styleInject(css_248z$w);
37295
37295
  function ownKeys$22(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; }
37296
37296
  function _objectSpread$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
37297
37297
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
37298
- var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
37298
+ var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
37299
37299
  var _useState = React.useState(''),
37300
37300
  _useState2 = _slicedToArray__default["default"](_useState, 2),
37301
37301
  sectionproperties = _useState2[0],
@@ -38218,7 +38218,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
38218
38218
  }
38219
38219
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38220
38220
  className: "".concat(headerstyles$a.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center '
38221
- }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React__default["default"].createElement("i", {
38221
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.cartitems_count_withquantity) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.customercart.cartitems_count_withquantity : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React__default["default"].createElement("i", {
38222
38222
  "class": ' allcentered '
38223
38223
  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
38224
38224
  size: sectionproperties.cartBtn_iconFontSize
@@ -87276,6 +87276,13 @@ var NewProductcard = function NewProductcard(props) {
87276
87276
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
87277
87277
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
87278
87278
  var ikimagecredcontext = props.actions.ikimagecredcontext;
87279
+ var NotificationManager = props.actions.NotificationManager;
87280
+ var AddtoCartContext = props.actions.AddtoCartContext;
87281
+ var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
87282
+ var _useState5 = React.useState(''),
87283
+ _useState6 = _slicedToArray__default["default"](_useState5, 2);
87284
+ _useState6[0];
87285
+ _useState6[1];
87279
87286
  React.useEffect(function () {
87280
87287
  var secpropobj = {};
87281
87288
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -87290,6 +87297,59 @@ var NewProductcard = function NewProductcard(props) {
87290
87297
  React.useEffect(function () {
87291
87298
  setitem(props.cardinfoitemprops);
87292
87299
  }, [props.cardinfoitemprops]);
87300
+ var addtocartfunc = function addtocartfunc() {
87301
+ var addtocardpayloadobj = {
87302
+ functype: 'add',
87303
+ productid: item.productid,
87304
+ variantid: '',
87305
+ quantity: item.quantity,
87306
+ vendorid: item.vendorid
87307
+ };
87308
+ var runfunc = false;
87309
+ if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
87310
+ if (item.hasvariants == 1) {
87311
+ // if (addtocardpayloadobj.variantid.length != 0) {
87312
+ if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0) {
87313
+ addtocardpayloadobj.variantid = variantObj.variantid;
87314
+ runfunc = true;
87315
+ } else {
87316
+ var _authdetailsContext, _authdetailsContext2;
87317
+ NotificationManager.warning('', ((_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 || (_authdetailsContext = _authdetailsContext.instinfo) === null || _authdetailsContext === void 0 ? void 0 : _authdetailsContext.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : ((_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 || (_authdetailsContext2 = _authdetailsContext2.instinfo) === null || _authdetailsContext2 === void 0 ? void 0 : _authdetailsContext2.contactinfo.instid) == '67e448d2ef6e0' ? 'من فضلك اختر لون' : langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
87318
+ }
87319
+ } else {
87320
+ runfunc = true;
87321
+ }
87322
+ } else {
87323
+ NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
87324
+ }
87325
+ if (runfunc == true) {
87326
+ AddtoCartContext(addtocardpayloadobj);
87327
+ }
87328
+ };
87329
+ var addtocartbuttonrender = function addtocartbuttonrender() {
87330
+ if (AddtoCartMutationContext.isLoading) {
87331
+ var _AddtoCartMutationCon;
87332
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
87333
+ return /*#__PURE__*/React__default["default"].createElement("div", {
87334
+ "class": ' d-flex align-items-center justify-content-center '
87335
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
87336
+ color: sectionproperties.cartBtnTextcolor,
87337
+ width: "20px",
87338
+ height: "20px",
87339
+ duration: "1s"
87340
+ }));
87341
+ } else {
87342
+ return /*#__PURE__*/React__default["default"].createElement("span", {
87343
+ "class": "w-100 allcentered"
87344
+ }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
87345
+ }
87346
+ }
87347
+ if (!AddtoCartMutationContext.isLoading) {
87348
+ return /*#__PURE__*/React__default["default"].createElement("span", {
87349
+ "class": "w-100 allcentered"
87350
+ }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
87351
+ }
87352
+ };
87293
87353
  var card_cssstyles = {
87294
87354
  colorvariantcontainer: glamor.css({
87295
87355
  width: sectionproperties.variantcontainer_minwidth + 'vh',
@@ -87585,9 +87645,14 @@ var NewProductcard = function NewProductcard(props) {
87585
87645
  "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex justify-content-center align-items-center cart_btn ',
87586
87646
  onClick: function onClick(e) {
87587
87647
  e.stopPropagation();
87588
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87648
+ if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
87649
+ addtocartfunc();
87650
+ } else {
87651
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87652
+ }
87653
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87589
87654
  }
87590
- }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
87655
+ }, addtocartbuttonrender()))));
87591
87656
  };
87592
87657
  return /*#__PURE__*/React__default["default"].createElement("div", {
87593
87658
  // ${generalCardsStyles.newproductcard}
@@ -87635,30 +87700,34 @@ var NewProductcard = function NewProductcard(props) {
87635
87700
  "class": card_cssstyles.cartbtnresp + ' col-lg-6 p-0 d-flex align-items-center justify-content-center ',
87636
87701
  onClick: function onClick(e) {
87637
87702
  e.stopPropagation();
87638
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87703
+ if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
87704
+ addtocartfunc();
87705
+ } else {
87706
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87707
+ }
87639
87708
  }
87640
87709
  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
87641
87710
  "class": "",
87642
87711
  size: sectionproperties.cartBtn_iconFontSize,
87643
- color: sectionproperties.cartBtnTextcoloronhover
87712
+ color: sectionproperties.cartBtnTextcolor
87644
87713
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
87645
87714
  "class": "",
87646
87715
  size: sectionproperties.cartBtn_iconFontSize,
87647
- color: sectionproperties.cartBtnTextcoloronhover
87716
+ color: sectionproperties.cartBtnTextcolor
87648
87717
  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
87649
87718
  "class": "",
87650
87719
  size: sectionproperties.cartBtn_iconFontSize,
87651
- color: sectionproperties.cartBtnTextcoloronhover
87720
+ color: sectionproperties.cartBtnTextcolor
87652
87721
  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
87653
87722
  size: sectionproperties.cartBtn_iconFontSize,
87654
- color: sectionproperties.cartBtnTextcoloronhover
87723
+ color: sectionproperties.cartBtnTextcolor
87655
87724
  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
87656
87725
  "class": "",
87657
87726
  size: sectionproperties.cartBtn_iconFontSize,
87658
- color: sectionproperties.cartBtnTextcoloronhover
87727
+ color: sectionproperties.cartBtnTextcolor
87659
87728
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
87660
87729
  size: sectionproperties.cartBtn_iconFontSize,
87661
- color: sectionproperties.cartBtnTextcoloronhover
87730
+ color: sectionproperties.cartBtnTextcolor
87662
87731
  }))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
87663
87732
  "class": "col-lg-12 d-flex align-items-center p-0",
87664
87733
  style: {
package/dist/index.esm.js CHANGED
@@ -37244,7 +37244,7 @@ styleInject(css_248z$w);
37244
37244
  function ownKeys$22(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; }
37245
37245
  function _objectSpread$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
37246
37246
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
37247
- var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
37247
+ var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
37248
37248
  var _useState = useState(''),
37249
37249
  _useState2 = _slicedToArray(_useState, 2),
37250
37250
  sectionproperties = _useState2[0],
@@ -38167,7 +38167,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
38167
38167
  }
38168
38168
  }, /*#__PURE__*/React.createElement("div", {
38169
38169
  className: "".concat(headerstyles$a.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center '
38170
- }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React.createElement("i", {
38170
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.cartitems_count_withquantity) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.customercart.cartitems_count_withquantity : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React.createElement("i", {
38171
38171
  "class": ' allcentered '
38172
38172
  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
38173
38173
  size: sectionproperties.cartBtn_iconFontSize
@@ -87225,6 +87225,13 @@ var NewProductcard = function NewProductcard(props) {
87225
87225
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
87226
87226
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
87227
87227
  var ikimagecredcontext = props.actions.ikimagecredcontext;
87228
+ var NotificationManager = props.actions.NotificationManager;
87229
+ var AddtoCartContext = props.actions.AddtoCartContext;
87230
+ var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
87231
+ var _useState5 = useState(''),
87232
+ _useState6 = _slicedToArray(_useState5, 2);
87233
+ _useState6[0];
87234
+ _useState6[1];
87228
87235
  useEffect(function () {
87229
87236
  var secpropobj = {};
87230
87237
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -87239,6 +87246,59 @@ var NewProductcard = function NewProductcard(props) {
87239
87246
  useEffect(function () {
87240
87247
  setitem(props.cardinfoitemprops);
87241
87248
  }, [props.cardinfoitemprops]);
87249
+ var addtocartfunc = function addtocartfunc() {
87250
+ var addtocardpayloadobj = {
87251
+ functype: 'add',
87252
+ productid: item.productid,
87253
+ variantid: '',
87254
+ quantity: item.quantity,
87255
+ vendorid: item.vendorid
87256
+ };
87257
+ var runfunc = false;
87258
+ if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
87259
+ if (item.hasvariants == 1) {
87260
+ // if (addtocardpayloadobj.variantid.length != 0) {
87261
+ if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0) {
87262
+ addtocardpayloadobj.variantid = variantObj.variantid;
87263
+ runfunc = true;
87264
+ } else {
87265
+ var _authdetailsContext, _authdetailsContext2;
87266
+ NotificationManager.warning('', ((_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 || (_authdetailsContext = _authdetailsContext.instinfo) === null || _authdetailsContext === void 0 ? void 0 : _authdetailsContext.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : ((_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 || (_authdetailsContext2 = _authdetailsContext2.instinfo) === null || _authdetailsContext2 === void 0 ? void 0 : _authdetailsContext2.contactinfo.instid) == '67e448d2ef6e0' ? 'من فضلك اختر لون' : langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
87267
+ }
87268
+ } else {
87269
+ runfunc = true;
87270
+ }
87271
+ } else {
87272
+ NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
87273
+ }
87274
+ if (runfunc == true) {
87275
+ AddtoCartContext(addtocardpayloadobj);
87276
+ }
87277
+ };
87278
+ var addtocartbuttonrender = function addtocartbuttonrender() {
87279
+ if (AddtoCartMutationContext.isLoading) {
87280
+ var _AddtoCartMutationCon;
87281
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
87282
+ return /*#__PURE__*/React.createElement("div", {
87283
+ "class": ' d-flex align-items-center justify-content-center '
87284
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
87285
+ color: sectionproperties.cartBtnTextcolor,
87286
+ width: "20px",
87287
+ height: "20px",
87288
+ duration: "1s"
87289
+ }));
87290
+ } else {
87291
+ return /*#__PURE__*/React.createElement("span", {
87292
+ "class": "w-100 allcentered"
87293
+ }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
87294
+ }
87295
+ }
87296
+ if (!AddtoCartMutationContext.isLoading) {
87297
+ return /*#__PURE__*/React.createElement("span", {
87298
+ "class": "w-100 allcentered"
87299
+ }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
87300
+ }
87301
+ };
87242
87302
  var card_cssstyles = {
87243
87303
  colorvariantcontainer: css({
87244
87304
  width: sectionproperties.variantcontainer_minwidth + 'vh',
@@ -87534,9 +87594,14 @@ var NewProductcard = function NewProductcard(props) {
87534
87594
  "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex justify-content-center align-items-center cart_btn ',
87535
87595
  onClick: function onClick(e) {
87536
87596
  e.stopPropagation();
87537
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87597
+ if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
87598
+ addtocartfunc();
87599
+ } else {
87600
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87601
+ }
87602
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87538
87603
  }
87539
- }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
87604
+ }, addtocartbuttonrender()))));
87540
87605
  };
87541
87606
  return /*#__PURE__*/React.createElement("div", {
87542
87607
  // ${generalCardsStyles.newproductcard}
@@ -87584,30 +87649,34 @@ var NewProductcard = function NewProductcard(props) {
87584
87649
  "class": card_cssstyles.cartbtnresp + ' col-lg-6 p-0 d-flex align-items-center justify-content-center ',
87585
87650
  onClick: function onClick(e) {
87586
87651
  e.stopPropagation();
87587
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87652
+ if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
87653
+ addtocartfunc();
87654
+ } else {
87655
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87656
+ }
87588
87657
  }
87589
87658
  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
87590
87659
  "class": "",
87591
87660
  size: sectionproperties.cartBtn_iconFontSize,
87592
- color: sectionproperties.cartBtnTextcoloronhover
87661
+ color: sectionproperties.cartBtnTextcolor
87593
87662
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
87594
87663
  "class": "",
87595
87664
  size: sectionproperties.cartBtn_iconFontSize,
87596
- color: sectionproperties.cartBtnTextcoloronhover
87665
+ color: sectionproperties.cartBtnTextcolor
87597
87666
  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
87598
87667
  "class": "",
87599
87668
  size: sectionproperties.cartBtn_iconFontSize,
87600
- color: sectionproperties.cartBtnTextcoloronhover
87669
+ color: sectionproperties.cartBtnTextcolor
87601
87670
  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
87602
87671
  size: sectionproperties.cartBtn_iconFontSize,
87603
- color: sectionproperties.cartBtnTextcoloronhover
87672
+ color: sectionproperties.cartBtnTextcolor
87604
87673
  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
87605
87674
  "class": "",
87606
87675
  size: sectionproperties.cartBtn_iconFontSize,
87607
- color: sectionproperties.cartBtnTextcoloronhover
87676
+ color: sectionproperties.cartBtnTextcolor
87608
87677
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
87609
87678
  size: sectionproperties.cartBtn_iconFontSize,
87610
- color: sectionproperties.cartBtnTextcoloronhover
87679
+ color: sectionproperties.cartBtnTextcolor
87611
87680
  }))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React.createElement("div", {
87612
87681
  "class": "col-lg-12 d-flex align-items-center p-0",
87613
87682
  style: {
package/dist/index.umd.js CHANGED
@@ -37097,7 +37097,7 @@
37097
37097
  function ownKeys$22(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; }
37098
37098
  function _objectSpread$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
37099
37099
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
37100
- var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
37100
+ var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
37101
37101
  var _useState = React.useState(''),
37102
37102
  _useState2 = _slicedToArray__default["default"](_useState, 2),
37103
37103
  sectionproperties = _useState2[0],
@@ -38020,7 +38020,7 @@
38020
38020
  }
38021
38021
  }, /*#__PURE__*/React__default["default"].createElement("div", {
38022
38022
  className: "".concat(headerstyles$a.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center '
38023
- }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React__default["default"].createElement("i", {
38023
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.cartitems_count_withquantity) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.customercart.cartitems_count_withquantity : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React__default["default"].createElement("i", {
38024
38024
  "class": ' allcentered '
38025
38025
  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
38026
38026
  size: sectionproperties.cartBtn_iconFontSize
@@ -87078,6 +87078,13 @@
87078
87078
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
87079
87079
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
87080
87080
  var ikimagecredcontext = props.actions.ikimagecredcontext;
87081
+ var NotificationManager = props.actions.NotificationManager;
87082
+ var AddtoCartContext = props.actions.AddtoCartContext;
87083
+ var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
87084
+ var _useState5 = React.useState(''),
87085
+ _useState6 = _slicedToArray__default["default"](_useState5, 2);
87086
+ _useState6[0];
87087
+ _useState6[1];
87081
87088
  React.useEffect(function () {
87082
87089
  var secpropobj = {};
87083
87090
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -87092,6 +87099,59 @@
87092
87099
  React.useEffect(function () {
87093
87100
  setitem(props.cardinfoitemprops);
87094
87101
  }, [props.cardinfoitemprops]);
87102
+ var addtocartfunc = function addtocartfunc() {
87103
+ var addtocardpayloadobj = {
87104
+ functype: 'add',
87105
+ productid: item.productid,
87106
+ variantid: '',
87107
+ quantity: item.quantity,
87108
+ vendorid: item.vendorid
87109
+ };
87110
+ var runfunc = false;
87111
+ if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
87112
+ if (item.hasvariants == 1) {
87113
+ // if (addtocardpayloadobj.variantid.length != 0) {
87114
+ if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0) {
87115
+ addtocardpayloadobj.variantid = variantObj.variantid;
87116
+ runfunc = true;
87117
+ } else {
87118
+ var _authdetailsContext, _authdetailsContext2;
87119
+ NotificationManager.warning('', ((_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 || (_authdetailsContext = _authdetailsContext.instinfo) === null || _authdetailsContext === void 0 ? void 0 : _authdetailsContext.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : ((_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 || (_authdetailsContext2 = _authdetailsContext2.instinfo) === null || _authdetailsContext2 === void 0 ? void 0 : _authdetailsContext2.contactinfo.instid) == '67e448d2ef6e0' ? 'من فضلك اختر لون' : langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
87120
+ }
87121
+ } else {
87122
+ runfunc = true;
87123
+ }
87124
+ } else {
87125
+ NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
87126
+ }
87127
+ if (runfunc == true) {
87128
+ AddtoCartContext(addtocardpayloadobj);
87129
+ }
87130
+ };
87131
+ var addtocartbuttonrender = function addtocartbuttonrender() {
87132
+ if (AddtoCartMutationContext.isLoading) {
87133
+ var _AddtoCartMutationCon;
87134
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
87135
+ return /*#__PURE__*/React__default["default"].createElement("div", {
87136
+ "class": ' d-flex align-items-center justify-content-center '
87137
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
87138
+ color: sectionproperties.cartBtnTextcolor,
87139
+ width: "20px",
87140
+ height: "20px",
87141
+ duration: "1s"
87142
+ }));
87143
+ } else {
87144
+ return /*#__PURE__*/React__default["default"].createElement("span", {
87145
+ "class": "w-100 allcentered"
87146
+ }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
87147
+ }
87148
+ }
87149
+ if (!AddtoCartMutationContext.isLoading) {
87150
+ return /*#__PURE__*/React__default["default"].createElement("span", {
87151
+ "class": "w-100 allcentered"
87152
+ }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
87153
+ }
87154
+ };
87095
87155
  var card_cssstyles = {
87096
87156
  colorvariantcontainer: glamor.css({
87097
87157
  width: sectionproperties.variantcontainer_minwidth + 'vh',
@@ -87387,9 +87447,14 @@
87387
87447
  "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex justify-content-center align-items-center cart_btn ',
87388
87448
  onClick: function onClick(e) {
87389
87449
  e.stopPropagation();
87390
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87450
+ if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
87451
+ addtocartfunc();
87452
+ } else {
87453
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87454
+ }
87455
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87391
87456
  }
87392
- }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
87457
+ }, addtocartbuttonrender()))));
87393
87458
  };
87394
87459
  return /*#__PURE__*/React__default["default"].createElement("div", {
87395
87460
  // ${generalCardsStyles.newproductcard}
@@ -87437,30 +87502,34 @@
87437
87502
  "class": card_cssstyles.cartbtnresp + ' col-lg-6 p-0 d-flex align-items-center justify-content-center ',
87438
87503
  onClick: function onClick(e) {
87439
87504
  e.stopPropagation();
87440
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87505
+ if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
87506
+ addtocartfunc();
87507
+ } else {
87508
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
87509
+ }
87441
87510
  }
87442
87511
  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
87443
87512
  "class": "",
87444
87513
  size: sectionproperties.cartBtn_iconFontSize,
87445
- color: sectionproperties.cartBtnTextcoloronhover
87514
+ color: sectionproperties.cartBtnTextcolor
87446
87515
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
87447
87516
  "class": "",
87448
87517
  size: sectionproperties.cartBtn_iconFontSize,
87449
- color: sectionproperties.cartBtnTextcoloronhover
87518
+ color: sectionproperties.cartBtnTextcolor
87450
87519
  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
87451
87520
  "class": "",
87452
87521
  size: sectionproperties.cartBtn_iconFontSize,
87453
- color: sectionproperties.cartBtnTextcoloronhover
87522
+ color: sectionproperties.cartBtnTextcolor
87454
87523
  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
87455
87524
  size: sectionproperties.cartBtn_iconFontSize,
87456
- color: sectionproperties.cartBtnTextcoloronhover
87525
+ color: sectionproperties.cartBtnTextcolor
87457
87526
  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
87458
87527
  "class": "",
87459
87528
  size: sectionproperties.cartBtn_iconFontSize,
87460
- color: sectionproperties.cartBtnTextcoloronhover
87529
+ color: sectionproperties.cartBtnTextcolor
87461
87530
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
87462
87531
  size: sectionproperties.cartBtn_iconFontSize,
87463
- color: sectionproperties.cartBtnTextcoloronhover
87532
+ color: sectionproperties.cartBtnTextcolor
87464
87533
  }))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
87465
87534
  "class": "col-lg-12 d-flex align-items-center p-0",
87466
87535
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.1385",
3
+ "version": "0.2.1386",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",