tabexseriescomponents 0.0.332 → 0.0.333

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
@@ -8196,6 +8196,12 @@ var Checkout = function Checkout(props) {
8196
8196
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8197
8197
  className: "col-lg-12 p-0"
8198
8198
  }, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue37 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue37 === void 0 ? void 0 : (_fetchcustomercartQue38 = _fetchcustomercartQue37.data) === null || _fetchcustomercartQue38 === void 0 ? void 0 : _fetchcustomercartQue38.customercart.cartitems.map(function (item, index) {
8199
+ if (item.product_extrafields != null) {
8200
+ var product_extrafields = JSON.parse(item.product_extrafields);
8201
+ // var product_extrafields_parsed = JSON.stringify(product_extrafields);
8202
+ // alert(product_extrafields_parsed);
8203
+ }
8204
+
8199
8205
  return /*#__PURE__*/React__default["default"].createElement("div", {
8200
8206
  className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
8201
8207
  style: {
@@ -8277,12 +8283,24 @@ var Checkout = function Checkout(props) {
8277
8283
  className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2"
8278
8284
  }, item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
8279
8285
  return /*#__PURE__*/React__default["default"].createElement("div", {
8286
+ "class": "row m-0 w-100"
8287
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8280
8288
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
8281
8289
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8282
8290
  className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
8283
8291
  }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
8284
8292
  className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
8285
- }, variantitem.optionvalue));
8293
+ }, variantitem.optionvalue)));
8294
+ }), item.product_extrafields != null && product_extrafields.map(function (extrafielditem, extrafieldindex) {
8295
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8296
+ "class": "row m-0 w-100"
8297
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8298
+ className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
8299
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8300
+ className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
8301
+ }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
8302
+ className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
8303
+ }, " ", extrafielditem.value)));
8286
8304
  }))));
8287
8305
  }), /*#__PURE__*/React__default["default"].createElement("div", {
8288
8306
  "class": "".concat(checkoutstyles.innersection) + ' row m-0 w-100 p-3 '
@@ -24527,7 +24545,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
24527
24545
  function ownKeys$1G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
24528
24546
  function _objectSpread$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
24529
24547
  var Modernheader = function Modernheader(props) {
24530
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
24548
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
24531
24549
  var _useState = React.useState(''),
24532
24550
  _useState2 = _slicedToArray__default["default"](_useState, 2),
24533
24551
  sectionproperties = _useState2[0],
@@ -24797,7 +24815,42 @@ var Modernheader = function Modernheader(props) {
24797
24815
  sectionpropertiesprops: sectionproperties,
24798
24816
  templateproperties_contextprops: templateproperties_context,
24799
24817
  actions: actions
24800
- })), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
24818
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
24819
+ href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
24820
+ target: '_blank',
24821
+ style: {
24822
+ position: 'fixed',
24823
+ bottom: 10,
24824
+ right: 10,
24825
+ zIndex: 999999,
24826
+ transition: 'all 0.3s ease-out'
24827
+ }
24828
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
24829
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
24830
+ style: {
24831
+ width: '40px',
24832
+ height: '40px',
24833
+ cursor: 'pointer'
24834
+ }
24835
+ })), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
24836
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
24837
+ target: '_self',
24838
+ style: {
24839
+ position: 'fixed',
24840
+ bottom: 60,
24841
+ right: 10,
24842
+ zIndex: 999999,
24843
+ transition: 'all 0.3s ease-out'
24844
+ }
24845
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
24846
+ "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
24847
+ }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
24848
+ size: 30,
24849
+ color: sectionproperties.uppersection_iconcolor,
24850
+ style: {
24851
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
24852
+ }
24853
+ }))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
24801
24854
  sectionpropertiesprops: sectionproperties,
24802
24855
  templateproperties_contextprops: templateproperties_context,
24803
24856
  actions: actions
@@ -32585,6 +32638,15 @@ var Allinonefooter = function Allinonefooter(props) {
32585
32638
  backgroundColor: sectionproperties.vl_bg,
32586
32639
  marginBottom: sectionproperties.divider_mb + 'px',
32587
32640
  marginTop: sectionproperties.divider_mt + 'px'
32641
+ }),
32642
+ payimgcont: glamor.css({
32643
+ marginLeft: langdetect == 'en' ? '10px' : 0,
32644
+ marginRight: langdetect == 'en' ? 0 : '10px'
32645
+ }),
32646
+ payimg: glamor.css({
32647
+ width: '100%',
32648
+ height: '100%',
32649
+ objectFit: 'contain'
32588
32650
  })
32589
32651
  };
32590
32652
  React.useEffect(function () {
@@ -32847,11 +32909,59 @@ var Allinonefooter = function Allinonefooter(props) {
32847
32909
  }
32848
32910
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
32849
32911
  size: sectionproperties.youtubebtniconfontsize
32850
- })))))))), /*#__PURE__*/React__default["default"].createElement("div", {
32912
+ })))))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32913
+ className: "row m-0 w-100 d-flex d-md-none"
32914
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32915
+ "class": "".concat(footerStyles.divider) + ' my-3 '
32916
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
32917
+ className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-center"
32918
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32919
+ className: "".concat(footerStyles.payimgcont),
32920
+ style: {
32921
+ width: '50px',
32922
+ height: '40px'
32923
+ }
32924
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
32925
+ src: 'https://tabex-co.com/storage/StaticImages/visa.png',
32926
+ className: "".concat(footerStyles.payimg)
32927
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
32928
+ className: "".concat(footerStyles.payimgcont),
32929
+ style: {
32930
+ width: '70px',
32931
+ height: '30px'
32932
+ }
32933
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
32934
+ src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
32935
+ className: "".concat(footerStyles.payimg)
32936
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
32851
32937
  "class": "".concat(footerStyles.divider) + ' d-none d-md-flex '
32852
32938
  }), /*#__PURE__*/React__default["default"].createElement("div", {
32853
32939
  "class": "row m-0 w-100 justify-content-center d-none d-md-flex"
32854
- }, StoreInformation())));
32940
+ }, StoreInformation()), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32941
+ className: "row m-0 w-100 d-none d-md-flex"
32942
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32943
+ "class": "".concat(footerStyles.divider) + ' my-3 '
32944
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
32945
+ className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-center"
32946
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32947
+ className: "".concat(footerStyles.payimgcont),
32948
+ style: {
32949
+ width: '50px',
32950
+ height: '40px'
32951
+ }
32952
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
32953
+ src: 'https://tabex-co.com/storage/StaticImages/visa.png',
32954
+ className: "".concat(footerStyles.payimg)
32955
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
32956
+ className: "".concat(footerStyles.payimgcont),
32957
+ style: {
32958
+ width: '70px',
32959
+ height: '30px'
32960
+ }
32961
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
32962
+ src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
32963
+ className: "".concat(footerStyles.payimg)
32964
+ }))))));
32855
32965
  };
32856
32966
 
32857
32967
  function ownKeys$1v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
package/dist/index.esm.js CHANGED
@@ -8149,6 +8149,12 @@ var Checkout = function Checkout(props) {
8149
8149
  }, /*#__PURE__*/React.createElement("div", {
8150
8150
  className: "col-lg-12 p-0"
8151
8151
  }, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue37 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue37 === void 0 ? void 0 : (_fetchcustomercartQue38 = _fetchcustomercartQue37.data) === null || _fetchcustomercartQue38 === void 0 ? void 0 : _fetchcustomercartQue38.customercart.cartitems.map(function (item, index) {
8152
+ if (item.product_extrafields != null) {
8153
+ var product_extrafields = JSON.parse(item.product_extrafields);
8154
+ // var product_extrafields_parsed = JSON.stringify(product_extrafields);
8155
+ // alert(product_extrafields_parsed);
8156
+ }
8157
+
8152
8158
  return /*#__PURE__*/React.createElement("div", {
8153
8159
  className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
8154
8160
  style: {
@@ -8230,12 +8236,24 @@ var Checkout = function Checkout(props) {
8230
8236
  className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2"
8231
8237
  }, item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
8232
8238
  return /*#__PURE__*/React.createElement("div", {
8239
+ "class": "row m-0 w-100"
8240
+ }, /*#__PURE__*/React.createElement("div", {
8233
8241
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
8234
8242
  }, /*#__PURE__*/React.createElement("p", {
8235
8243
  className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
8236
8244
  }, variantitem.optionname, ":"), /*#__PURE__*/React.createElement("p", {
8237
8245
  className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
8238
- }, variantitem.optionvalue));
8246
+ }, variantitem.optionvalue)));
8247
+ }), item.product_extrafields != null && product_extrafields.map(function (extrafielditem, extrafieldindex) {
8248
+ return /*#__PURE__*/React.createElement("div", {
8249
+ "class": "row m-0 w-100"
8250
+ }, /*#__PURE__*/React.createElement("div", {
8251
+ className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
8252
+ }, /*#__PURE__*/React.createElement("p", {
8253
+ className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
8254
+ }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar, ":"), /*#__PURE__*/React.createElement("p", {
8255
+ className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
8256
+ }, " ", extrafielditem.value)));
8239
8257
  }))));
8240
8258
  }), /*#__PURE__*/React.createElement("div", {
8241
8259
  "class": "".concat(checkoutstyles.innersection) + ' row m-0 w-100 p-3 '
@@ -24480,7 +24498,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
24480
24498
  function ownKeys$1G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
24481
24499
  function _objectSpread$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
24482
24500
  var Modernheader = function Modernheader(props) {
24483
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
24501
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
24484
24502
  var _useState = useState(''),
24485
24503
  _useState2 = _slicedToArray(_useState, 2),
24486
24504
  sectionproperties = _useState2[0],
@@ -24750,7 +24768,42 @@ var Modernheader = function Modernheader(props) {
24750
24768
  sectionpropertiesprops: sectionproperties,
24751
24769
  templateproperties_contextprops: templateproperties_context,
24752
24770
  actions: actions
24753
- })), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React.createElement(SocialMediaSection, {
24771
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement("a", {
24772
+ href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
24773
+ target: '_blank',
24774
+ style: {
24775
+ position: 'fixed',
24776
+ bottom: 10,
24777
+ right: 10,
24778
+ zIndex: 999999,
24779
+ transition: 'all 0.3s ease-out'
24780
+ }
24781
+ }, /*#__PURE__*/React.createElement("img", {
24782
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
24783
+ style: {
24784
+ width: '40px',
24785
+ height: '40px',
24786
+ cursor: 'pointer'
24787
+ }
24788
+ })), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("a", {
24789
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
24790
+ target: '_self',
24791
+ style: {
24792
+ position: 'fixed',
24793
+ bottom: 60,
24794
+ right: 10,
24795
+ zIndex: 999999,
24796
+ transition: 'all 0.3s ease-out'
24797
+ }
24798
+ }, /*#__PURE__*/React.createElement("i", {
24799
+ "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
24800
+ }, /*#__PURE__*/React.createElement(FiPhone, {
24801
+ size: 30,
24802
+ color: sectionproperties.uppersection_iconcolor,
24803
+ style: {
24804
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
24805
+ }
24806
+ }))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React.createElement(SocialMediaSection, {
24754
24807
  sectionpropertiesprops: sectionproperties,
24755
24808
  templateproperties_contextprops: templateproperties_context,
24756
24809
  actions: actions
@@ -32538,6 +32591,15 @@ var Allinonefooter = function Allinonefooter(props) {
32538
32591
  backgroundColor: sectionproperties.vl_bg,
32539
32592
  marginBottom: sectionproperties.divider_mb + 'px',
32540
32593
  marginTop: sectionproperties.divider_mt + 'px'
32594
+ }),
32595
+ payimgcont: css({
32596
+ marginLeft: langdetect == 'en' ? '10px' : 0,
32597
+ marginRight: langdetect == 'en' ? 0 : '10px'
32598
+ }),
32599
+ payimg: css({
32600
+ width: '100%',
32601
+ height: '100%',
32602
+ objectFit: 'contain'
32541
32603
  })
32542
32604
  };
32543
32605
  useEffect(function () {
@@ -32800,11 +32862,59 @@ var Allinonefooter = function Allinonefooter(props) {
32800
32862
  }
32801
32863
  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
32802
32864
  size: sectionproperties.youtubebtniconfontsize
32803
- })))))))), /*#__PURE__*/React.createElement("div", {
32865
+ })))))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
32866
+ className: "row m-0 w-100 d-flex d-md-none"
32867
+ }, /*#__PURE__*/React.createElement("div", {
32868
+ "class": "".concat(footerStyles.divider) + ' my-3 '
32869
+ }), /*#__PURE__*/React.createElement("div", {
32870
+ className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-center"
32871
+ }, /*#__PURE__*/React.createElement("div", {
32872
+ className: "".concat(footerStyles.payimgcont),
32873
+ style: {
32874
+ width: '50px',
32875
+ height: '40px'
32876
+ }
32877
+ }, /*#__PURE__*/React.createElement("img", {
32878
+ src: 'https://tabex-co.com/storage/StaticImages/visa.png',
32879
+ className: "".concat(footerStyles.payimg)
32880
+ })), /*#__PURE__*/React.createElement("div", {
32881
+ className: "".concat(footerStyles.payimgcont),
32882
+ style: {
32883
+ width: '70px',
32884
+ height: '30px'
32885
+ }
32886
+ }, /*#__PURE__*/React.createElement("img", {
32887
+ src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
32888
+ className: "".concat(footerStyles.payimg)
32889
+ })))), /*#__PURE__*/React.createElement("div", {
32804
32890
  "class": "".concat(footerStyles.divider) + ' d-none d-md-flex '
32805
32891
  }), /*#__PURE__*/React.createElement("div", {
32806
32892
  "class": "row m-0 w-100 justify-content-center d-none d-md-flex"
32807
- }, StoreInformation())));
32893
+ }, StoreInformation()), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
32894
+ className: "row m-0 w-100 d-none d-md-flex"
32895
+ }, /*#__PURE__*/React.createElement("div", {
32896
+ "class": "".concat(footerStyles.divider) + ' my-3 '
32897
+ }), /*#__PURE__*/React.createElement("div", {
32898
+ className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-center"
32899
+ }, /*#__PURE__*/React.createElement("div", {
32900
+ className: "".concat(footerStyles.payimgcont),
32901
+ style: {
32902
+ width: '50px',
32903
+ height: '40px'
32904
+ }
32905
+ }, /*#__PURE__*/React.createElement("img", {
32906
+ src: 'https://tabex-co.com/storage/StaticImages/visa.png',
32907
+ className: "".concat(footerStyles.payimg)
32908
+ })), /*#__PURE__*/React.createElement("div", {
32909
+ className: "".concat(footerStyles.payimgcont),
32910
+ style: {
32911
+ width: '70px',
32912
+ height: '30px'
32913
+ }
32914
+ }, /*#__PURE__*/React.createElement("img", {
32915
+ src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
32916
+ className: "".concat(footerStyles.payimg)
32917
+ }))))));
32808
32918
  };
32809
32919
 
32810
32920
  function ownKeys$1v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
package/dist/index.umd.js CHANGED
@@ -8037,6 +8037,12 @@
8037
8037
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8038
8038
  className: "col-lg-12 p-0"
8039
8039
  }, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue37 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue37 === void 0 ? void 0 : (_fetchcustomercartQue38 = _fetchcustomercartQue37.data) === null || _fetchcustomercartQue38 === void 0 ? void 0 : _fetchcustomercartQue38.customercart.cartitems.map(function (item, index) {
8040
+ if (item.product_extrafields != null) {
8041
+ var product_extrafields = JSON.parse(item.product_extrafields);
8042
+ // var product_extrafields_parsed = JSON.stringify(product_extrafields);
8043
+ // alert(product_extrafields_parsed);
8044
+ }
8045
+
8040
8046
  return /*#__PURE__*/React__default["default"].createElement("div", {
8041
8047
  className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
8042
8048
  style: {
@@ -8118,12 +8124,24 @@
8118
8124
  className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2"
8119
8125
  }, item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
8120
8126
  return /*#__PURE__*/React__default["default"].createElement("div", {
8127
+ "class": "row m-0 w-100"
8128
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8121
8129
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
8122
8130
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8123
8131
  className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
8124
8132
  }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
8125
8133
  className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
8126
- }, variantitem.optionvalue));
8134
+ }, variantitem.optionvalue)));
8135
+ }), item.product_extrafields != null && product_extrafields.map(function (extrafielditem, extrafieldindex) {
8136
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8137
+ "class": "row m-0 w-100"
8138
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8139
+ className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
8140
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8141
+ className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
8142
+ }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
8143
+ className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
8144
+ }, " ", extrafielditem.value)));
8127
8145
  }))));
8128
8146
  }), /*#__PURE__*/React__default["default"].createElement("div", {
8129
8147
  "class": "".concat(checkoutstyles.innersection) + ' row m-0 w-100 p-3 '
@@ -24368,7 +24386,7 @@
24368
24386
  function ownKeys$1G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
24369
24387
  function _objectSpread$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
24370
24388
  var Modernheader = function Modernheader(props) {
24371
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
24389
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
24372
24390
  var _useState = React.useState(''),
24373
24391
  _useState2 = _slicedToArray__default["default"](_useState, 2),
24374
24392
  sectionproperties = _useState2[0],
@@ -24638,7 +24656,42 @@
24638
24656
  sectionpropertiesprops: sectionproperties,
24639
24657
  templateproperties_contextprops: templateproperties_context,
24640
24658
  actions: actions
24641
- })), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
24659
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
24660
+ href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
24661
+ target: '_blank',
24662
+ style: {
24663
+ position: 'fixed',
24664
+ bottom: 10,
24665
+ right: 10,
24666
+ zIndex: 999999,
24667
+ transition: 'all 0.3s ease-out'
24668
+ }
24669
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
24670
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
24671
+ style: {
24672
+ width: '40px',
24673
+ height: '40px',
24674
+ cursor: 'pointer'
24675
+ }
24676
+ })), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
24677
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
24678
+ target: '_self',
24679
+ style: {
24680
+ position: 'fixed',
24681
+ bottom: 60,
24682
+ right: 10,
24683
+ zIndex: 999999,
24684
+ transition: 'all 0.3s ease-out'
24685
+ }
24686
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
24687
+ "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
24688
+ }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
24689
+ size: 30,
24690
+ color: sectionproperties.uppersection_iconcolor,
24691
+ style: {
24692
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
24693
+ }
24694
+ }))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
24642
24695
  sectionpropertiesprops: sectionproperties,
24643
24696
  templateproperties_contextprops: templateproperties_context,
24644
24697
  actions: actions
@@ -32426,6 +32479,15 @@
32426
32479
  backgroundColor: sectionproperties.vl_bg,
32427
32480
  marginBottom: sectionproperties.divider_mb + 'px',
32428
32481
  marginTop: sectionproperties.divider_mt + 'px'
32482
+ }),
32483
+ payimgcont: glamor.css({
32484
+ marginLeft: langdetect == 'en' ? '10px' : 0,
32485
+ marginRight: langdetect == 'en' ? 0 : '10px'
32486
+ }),
32487
+ payimg: glamor.css({
32488
+ width: '100%',
32489
+ height: '100%',
32490
+ objectFit: 'contain'
32429
32491
  })
32430
32492
  };
32431
32493
  React.useEffect(function () {
@@ -32688,11 +32750,59 @@
32688
32750
  }
32689
32751
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
32690
32752
  size: sectionproperties.youtubebtniconfontsize
32691
- })))))))), /*#__PURE__*/React__default["default"].createElement("div", {
32753
+ })))))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32754
+ className: "row m-0 w-100 d-flex d-md-none"
32755
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32756
+ "class": "".concat(footerStyles.divider) + ' my-3 '
32757
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
32758
+ className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-center"
32759
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32760
+ className: "".concat(footerStyles.payimgcont),
32761
+ style: {
32762
+ width: '50px',
32763
+ height: '40px'
32764
+ }
32765
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
32766
+ src: 'https://tabex-co.com/storage/StaticImages/visa.png',
32767
+ className: "".concat(footerStyles.payimg)
32768
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
32769
+ className: "".concat(footerStyles.payimgcont),
32770
+ style: {
32771
+ width: '70px',
32772
+ height: '30px'
32773
+ }
32774
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
32775
+ src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
32776
+ className: "".concat(footerStyles.payimg)
32777
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
32692
32778
  "class": "".concat(footerStyles.divider) + ' d-none d-md-flex '
32693
32779
  }), /*#__PURE__*/React__default["default"].createElement("div", {
32694
32780
  "class": "row m-0 w-100 justify-content-center d-none d-md-flex"
32695
- }, StoreInformation())));
32781
+ }, StoreInformation()), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32782
+ className: "row m-0 w-100 d-none d-md-flex"
32783
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32784
+ "class": "".concat(footerStyles.divider) + ' my-3 '
32785
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
32786
+ className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-center"
32787
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32788
+ className: "".concat(footerStyles.payimgcont),
32789
+ style: {
32790
+ width: '50px',
32791
+ height: '40px'
32792
+ }
32793
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
32794
+ src: 'https://tabex-co.com/storage/StaticImages/visa.png',
32795
+ className: "".concat(footerStyles.payimg)
32796
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
32797
+ className: "".concat(footerStyles.payimgcont),
32798
+ style: {
32799
+ width: '70px',
32800
+ height: '30px'
32801
+ }
32802
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
32803
+ src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
32804
+ className: "".concat(footerStyles.payimg)
32805
+ }))))));
32696
32806
  };
32697
32807
 
32698
32808
  function ownKeys$1v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.332",
3
+ "version": "0.0.333",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {