tabexseriescomponents 0.0.388 → 0.0.389

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 +32 -9
  2. package/dist/index.esm.js +32 -9
  3. package/dist/index.umd.js +32 -9
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -2396,7 +2396,7 @@ var Product_itemtype = function Product_itemtype(props) {
2396
2396
  minHeight: sectionproperties.height + 'vh'
2397
2397
  }
2398
2398
  }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
2399
- "class": "w-100 scrollhorizontalwithscrollbar"
2399
+ "class": "w-100 scrollhorizontalwithscrollbar scrollhorizontalwithscrollbarremove"
2400
2400
  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productimages) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productimages.map(function (item, index) {
2401
2401
  return /*#__PURE__*/React__default["default"].createElement("div", {
2402
2402
  "class": ' scrollhorizontalcard mx-2 ',
@@ -2692,7 +2692,7 @@ var Product_itemtype = function Product_itemtype(props) {
2692
2692
  actions: props.actions
2693
2693
  }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React__default["default"].createElement(ProductExtraFields, {
2694
2694
  actions: props.actions
2695
- }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
2695
+ }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition != 'Top' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
2696
2696
  actions: props.actions
2697
2697
  }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2698
2698
  className: "col-lg-12 p-0 mb-3"
@@ -2734,7 +2734,7 @@ var Product_itemtype = function Product_itemtype(props) {
2734
2734
  flexDirection: 'row',
2735
2735
  direction: 'ltr'
2736
2736
  }
2737
- }, /*#__PURE__*/React__default["default"].createElement("span", {
2737
+ }, sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
2738
2738
  className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
2739
2739
  onClick: function onClick() {
2740
2740
  var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2750,9 +2750,9 @@ var Product_itemtype = function Product_itemtype(props) {
2750
2750
  }
2751
2751
  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
2752
2752
  size: sectionproperties.remove_quantitybtn_textfontsize
2753
- }))), /*#__PURE__*/React__default["default"].createElement("span", {
2753
+ }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
2754
2754
  className: "".concat(productinfo_cssstyles.quantitybtn_text)
2755
- }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
2755
+ }, addtocardpayloadobj.quantity), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
2756
2756
  className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
2757
2757
  onClick: function onClick() {
2758
2758
  var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2768,7 +2768,30 @@ var Product_itemtype = function Product_itemtype(props) {
2768
2768
  }
2769
2769
  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
2770
2770
  size: sectionproperties.add_quantitybtn_textfontsize
2771
- })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
2771
+ }))), sectionproperties.quantitybtneditable == 'Yes' && /*#__PURE__*/React__default["default"].createElement("input", {
2772
+ type: "number",
2773
+ style: {
2774
+ width: 100,
2775
+ height: 40,
2776
+ background: 'transparent',
2777
+ fontWeight: sectionproperties.quantitybtn_textfontweight,
2778
+ color: sectionproperties.quantitybtn_textcolor,
2779
+ fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
2780
+ textAlign: 'center'
2781
+ },
2782
+ value: addtocardpayloadobj.quantity,
2783
+ onChange: function onChange(event) {
2784
+ if (event.target.value == NaN || event.target.value == undefined || event.target.value == null || event.target.value == '') {
2785
+ var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
2786
+ tempaddtocardpayloadobj.quantity = 1;
2787
+ setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
2788
+ } else {
2789
+ var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
2790
+ tempaddtocardpayloadobj.quantity = parseInt(event.target.value);
2791
+ setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
2792
+ }
2793
+ }
2794
+ })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
2772
2795
  className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
2773
2796
  onClick: function onClick() {
2774
2797
  if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
@@ -5870,7 +5893,7 @@ var Productinfo = function Productinfo(props) {
5870
5893
  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.email)))), sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
5871
5894
  "class": "row m-0 w-100"
5872
5895
  }, sectionproperties.showfooterphonenumber == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
5873
- "class": "col-lg-12 allcentered mb-2"
5896
+ "class": "col-lg-12 allcentered mb-2 p-sm-0"
5874
5897
  }, /*#__PURE__*/React__default["default"].createElement("button", {
5875
5898
  "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
5876
5899
  onClick: function onClick() {
@@ -5879,7 +5902,7 @@ var Productinfo = function Productinfo(props) {
5879
5902
  }, /*#__PURE__*/React__default["default"].createElement("p", {
5880
5903
  "class": "m-0 p-0"
5881
5904
  }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
5882
- "class": "col-lg-12 allcentered mb-2"
5905
+ "class": "col-lg-12 allcentered mb-2 p-sm-0"
5883
5906
  }, /*#__PURE__*/React__default["default"].createElement("button", {
5884
5907
  "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
5885
5908
  onClick: function onClick() {
@@ -5889,7 +5912,7 @@ var Productinfo = function Productinfo(props) {
5889
5912
  }, /*#__PURE__*/React__default["default"].createElement("p", {
5890
5913
  "class": "m-0 p-0"
5891
5914
  }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
5892
- "class": "col-lg-12 allcentered mb-2"
5915
+ "class": "col-lg-12 allcentered mb-2 p-sm-0"
5893
5916
  }, /*#__PURE__*/React__default["default"].createElement("button", {
5894
5917
  "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
5895
5918
  onClick: function onClick() {
package/dist/index.esm.js CHANGED
@@ -2347,7 +2347,7 @@ var Product_itemtype = function Product_itemtype(props) {
2347
2347
  minHeight: sectionproperties.height + 'vh'
2348
2348
  }
2349
2349
  }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
2350
- "class": "w-100 scrollhorizontalwithscrollbar"
2350
+ "class": "w-100 scrollhorizontalwithscrollbar scrollhorizontalwithscrollbarremove"
2351
2351
  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productimages) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productimages.map(function (item, index) {
2352
2352
  return /*#__PURE__*/React.createElement("div", {
2353
2353
  "class": ' scrollhorizontalcard mx-2 ',
@@ -2643,7 +2643,7 @@ var Product_itemtype = function Product_itemtype(props) {
2643
2643
  actions: props.actions
2644
2644
  }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React.createElement(ProductExtraFields, {
2645
2645
  actions: props.actions
2646
- }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement(DescriptionContent, {
2646
+ }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition != 'Top' && /*#__PURE__*/React.createElement(DescriptionContent, {
2647
2647
  actions: props.actions
2648
2648
  }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
2649
2649
  className: "col-lg-12 p-0 mb-3"
@@ -2685,7 +2685,7 @@ var Product_itemtype = function Product_itemtype(props) {
2685
2685
  flexDirection: 'row',
2686
2686
  direction: 'ltr'
2687
2687
  }
2688
- }, /*#__PURE__*/React.createElement("span", {
2688
+ }, sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
2689
2689
  className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
2690
2690
  onClick: function onClick() {
2691
2691
  var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2701,9 +2701,9 @@ var Product_itemtype = function Product_itemtype(props) {
2701
2701
  }
2702
2702
  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiMinus, {
2703
2703
  size: sectionproperties.remove_quantitybtn_textfontsize
2704
- }))), /*#__PURE__*/React.createElement("span", {
2704
+ }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
2705
2705
  className: "".concat(productinfo_cssstyles.quantitybtn_text)
2706
- }, addtocardpayloadobj.quantity), /*#__PURE__*/React.createElement("span", {
2706
+ }, addtocardpayloadobj.quantity), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React.createElement("span", {
2707
2707
  className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
2708
2708
  onClick: function onClick() {
2709
2709
  var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2719,7 +2719,30 @@ var Product_itemtype = function Product_itemtype(props) {
2719
2719
  }
2720
2720
  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiPlus, {
2721
2721
  size: sectionproperties.add_quantitybtn_textfontsize
2722
- })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
2722
+ }))), sectionproperties.quantitybtneditable == 'Yes' && /*#__PURE__*/React.createElement("input", {
2723
+ type: "number",
2724
+ style: {
2725
+ width: 100,
2726
+ height: 40,
2727
+ background: 'transparent',
2728
+ fontWeight: sectionproperties.quantitybtn_textfontweight,
2729
+ color: sectionproperties.quantitybtn_textcolor,
2730
+ fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
2731
+ textAlign: 'center'
2732
+ },
2733
+ value: addtocardpayloadobj.quantity,
2734
+ onChange: function onChange(event) {
2735
+ if (event.target.value == NaN || event.target.value == undefined || event.target.value == null || event.target.value == '') {
2736
+ var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
2737
+ tempaddtocardpayloadobj.quantity = 1;
2738
+ setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
2739
+ } else {
2740
+ var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
2741
+ tempaddtocardpayloadobj.quantity = parseInt(event.target.value);
2742
+ setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
2743
+ }
2744
+ }
2745
+ })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
2723
2746
  className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
2724
2747
  onClick: function onClick() {
2725
2748
  if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
@@ -5821,7 +5844,7 @@ var Productinfo = function Productinfo(props) {
5821
5844
  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.email)))), sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
5822
5845
  "class": "row m-0 w-100"
5823
5846
  }, sectionproperties.showfooterphonenumber == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber) != null && /*#__PURE__*/React.createElement("div", {
5824
- "class": "col-lg-12 allcentered mb-2"
5847
+ "class": "col-lg-12 allcentered mb-2 p-sm-0"
5825
5848
  }, /*#__PURE__*/React.createElement("button", {
5826
5849
  "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
5827
5850
  onClick: function onClick() {
@@ -5830,7 +5853,7 @@ var Productinfo = function Productinfo(props) {
5830
5853
  }, /*#__PURE__*/React.createElement("p", {
5831
5854
  "class": "m-0 p-0"
5832
5855
  }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email) != null && /*#__PURE__*/React.createElement("div", {
5833
- "class": "col-lg-12 allcentered mb-2"
5856
+ "class": "col-lg-12 allcentered mb-2 p-sm-0"
5834
5857
  }, /*#__PURE__*/React.createElement("button", {
5835
5858
  "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
5836
5859
  onClick: function onClick() {
@@ -5840,7 +5863,7 @@ var Productinfo = function Productinfo(props) {
5840
5863
  }, /*#__PURE__*/React.createElement("p", {
5841
5864
  "class": "m-0 p-0"
5842
5865
  }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null && /*#__PURE__*/React.createElement("div", {
5843
- "class": "col-lg-12 allcentered mb-2"
5866
+ "class": "col-lg-12 allcentered mb-2 p-sm-0"
5844
5867
  }, /*#__PURE__*/React.createElement("button", {
5845
5868
  "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
5846
5869
  onClick: function onClick() {
package/dist/index.umd.js CHANGED
@@ -2228,7 +2228,7 @@
2228
2228
  minHeight: sectionproperties.height + 'vh'
2229
2229
  }
2230
2230
  }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
2231
- "class": "w-100 scrollhorizontalwithscrollbar"
2231
+ "class": "w-100 scrollhorizontalwithscrollbar scrollhorizontalwithscrollbarremove"
2232
2232
  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productimages) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productimages.map(function (item, index) {
2233
2233
  return /*#__PURE__*/React__default["default"].createElement("div", {
2234
2234
  "class": ' scrollhorizontalcard mx-2 ',
@@ -2524,7 +2524,7 @@
2524
2524
  actions: props.actions
2525
2525
  }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React__default["default"].createElement(ProductExtraFields, {
2526
2526
  actions: props.actions
2527
- }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
2527
+ }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition != 'Top' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
2528
2528
  actions: props.actions
2529
2529
  }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2530
2530
  className: "col-lg-12 p-0 mb-3"
@@ -2566,7 +2566,7 @@
2566
2566
  flexDirection: 'row',
2567
2567
  direction: 'ltr'
2568
2568
  }
2569
- }, /*#__PURE__*/React__default["default"].createElement("span", {
2569
+ }, sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
2570
2570
  className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
2571
2571
  onClick: function onClick() {
2572
2572
  var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2582,9 +2582,9 @@
2582
2582
  }
2583
2583
  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
2584
2584
  size: sectionproperties.remove_quantitybtn_textfontsize
2585
- }))), /*#__PURE__*/React__default["default"].createElement("span", {
2585
+ }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
2586
2586
  className: "".concat(productinfo_cssstyles.quantitybtn_text)
2587
- }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
2587
+ }, addtocardpayloadobj.quantity), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
2588
2588
  className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
2589
2589
  onClick: function onClick() {
2590
2590
  var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2600,7 +2600,30 @@
2600
2600
  }
2601
2601
  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
2602
2602
  size: sectionproperties.add_quantitybtn_textfontsize
2603
- })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
2603
+ }))), sectionproperties.quantitybtneditable == 'Yes' && /*#__PURE__*/React__default["default"].createElement("input", {
2604
+ type: "number",
2605
+ style: {
2606
+ width: 100,
2607
+ height: 40,
2608
+ background: 'transparent',
2609
+ fontWeight: sectionproperties.quantitybtn_textfontweight,
2610
+ color: sectionproperties.quantitybtn_textcolor,
2611
+ fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
2612
+ textAlign: 'center'
2613
+ },
2614
+ value: addtocardpayloadobj.quantity,
2615
+ onChange: function onChange(event) {
2616
+ if (event.target.value == NaN || event.target.value == undefined || event.target.value == null || event.target.value == '') {
2617
+ var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
2618
+ tempaddtocardpayloadobj.quantity = 1;
2619
+ setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
2620
+ } else {
2621
+ var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
2622
+ tempaddtocardpayloadobj.quantity = parseInt(event.target.value);
2623
+ setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
2624
+ }
2625
+ }
2626
+ })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
2604
2627
  className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
2605
2628
  onClick: function onClick() {
2606
2629
  if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
@@ -5702,7 +5725,7 @@
5702
5725
  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.email)))), sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
5703
5726
  "class": "row m-0 w-100"
5704
5727
  }, sectionproperties.showfooterphonenumber == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
5705
- "class": "col-lg-12 allcentered mb-2"
5728
+ "class": "col-lg-12 allcentered mb-2 p-sm-0"
5706
5729
  }, /*#__PURE__*/React__default["default"].createElement("button", {
5707
5730
  "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
5708
5731
  onClick: function onClick() {
@@ -5711,7 +5734,7 @@
5711
5734
  }, /*#__PURE__*/React__default["default"].createElement("p", {
5712
5735
  "class": "m-0 p-0"
5713
5736
  }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
5714
- "class": "col-lg-12 allcentered mb-2"
5737
+ "class": "col-lg-12 allcentered mb-2 p-sm-0"
5715
5738
  }, /*#__PURE__*/React__default["default"].createElement("button", {
5716
5739
  "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
5717
5740
  onClick: function onClick() {
@@ -5721,7 +5744,7 @@
5721
5744
  }, /*#__PURE__*/React__default["default"].createElement("p", {
5722
5745
  "class": "m-0 p-0"
5723
5746
  }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
5724
- "class": "col-lg-12 allcentered mb-2"
5747
+ "class": "col-lg-12 allcentered mb-2 p-sm-0"
5725
5748
  }, /*#__PURE__*/React__default["default"].createElement("button", {
5726
5749
  "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
5727
5750
  onClick: function onClick() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.388",
3
+ "version": "0.0.389",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {