tabexseriescomponents 0.0.369 → 0.0.371

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
@@ -620,7 +620,38 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
620
620
  };
621
621
 
622
622
  var Imagekitimagecomp = function Imagekitimagecomp(props) {
623
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (props === null || props === void 0 ? void 0 : props.urlEndpoint) != undefined && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != '' && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
623
+ var _useState = React.useState(false),
624
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
625
+ _useState2[0];
626
+ _useState2[1];
627
+ var _useState3 = React.useState(''),
628
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
629
+ outsidelinkpath = _useState4[0],
630
+ setoutsidelinkpath = _useState4[1];
631
+ var _useState5 = React.useState(false),
632
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
633
+ outsidelink = _useState6[0],
634
+ setoutsidelink = _useState6[1];
635
+ React.useEffect(function () {
636
+ if (props.path != undefined && props.path != null && props.path.length != 0) {
637
+ // if (props.path[0] == 'h') {
638
+ // setisoutsidelink(true);
639
+ // }
640
+ var imagepath = props.path;
641
+ if (imagepath.includes('https')) {
642
+ var position = imagepath.search('https');
643
+ var result = imagepath.slice(position);
644
+ // var myArray = imagepath.split('https');
645
+ // if (Array.isArray(myArray)) {
646
+ // if (myArray.length > 1) {
647
+ // }
648
+ // }
649
+ setoutsidelinkpath(result);
650
+ setoutsidelink(true);
651
+ }
652
+ }
653
+ }, [props.path]);
654
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, outsidelink == false && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != undefined && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != '' && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
624
655
  urlEndpoint: props === null || props === void 0 ? void 0 : props.urlEndpoint
625
656
  // urlEndpoint={'https://ik.imagekit.io/ppcqtfrxp'}
626
657
  ,
@@ -632,6 +663,12 @@ var Imagekitimagecomp = function Imagekitimagecomp(props) {
632
663
  loading: props.loading,
633
664
  onClick: props.onClick,
634
665
  "class": props["class"]
666
+ }), outsidelink && /*#__PURE__*/React__default["default"].createElement("img", {
667
+ src: outsidelinkpath,
668
+ style: props.style,
669
+ loading: props.loading,
670
+ onClick: props.onClick,
671
+ "class": props["class"]
635
672
  }));
636
673
  };
637
674
 
@@ -4720,17 +4757,28 @@ var Productinfo = function Productinfo(props) {
4720
4757
  var tempproductimagesarray = [];
4721
4758
  if (Array.isArray(fetchProductInfoQueryContext.data.data.productinfo.productimages)) {
4722
4759
  fetchProductInfoQueryContext.data.data.productinfo.productimages.forEach(function (arrayItem, arrayindex) {
4723
- var productimagesarrayobj = {
4724
- thumbnail: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4725
- original: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4726
- galleryid: arrayItem.galleryid
4727
- // description:
4728
- // // { dangerouslySetInnerHTML={{
4729
- // // __html:
4730
- // // fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en,
4731
- // // }}}
4732
- // langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
4733
- };
4760
+ var imagepath = arrayItem.path;
4761
+ if (imagepath.includes('https')) {
4762
+ var position = imagepath.search('https');
4763
+ imagepath.slice(position);
4764
+ var productimagesarrayobj = {
4765
+ thumbnail: arrayItem.path,
4766
+ original: arrayItem.path,
4767
+ galleryid: arrayItem.galleryid
4768
+ };
4769
+ } else {
4770
+ var productimagesarrayobj = {
4771
+ thumbnail: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4772
+ original: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4773
+ galleryid: arrayItem.galleryid
4774
+ // description:
4775
+ // // { dangerouslySetInnerHTML={{
4776
+ // // __html:
4777
+ // // fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en,
4778
+ // // }}}
4779
+ // langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
4780
+ };
4781
+ }
4734
4782
 
4735
4783
  tempproductimagesarray.push(productimagesarrayobj);
4736
4784
  });
@@ -36315,7 +36363,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
36315
36363
  function ownKeys$1z(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; }
36316
36364
  function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
36317
36365
  var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props) {
36318
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2;
36366
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
36319
36367
  var _useState = React.useState(''),
36320
36368
  _useState2 = _slicedToArray__default["default"](_useState, 2),
36321
36369
  sectionproperties = _useState2[0],
@@ -36990,7 +37038,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
36990
37038
  }
36991
37039
  }))));
36992
37040
  }
36993
- }), /*#__PURE__*/React__default["default"].createElement("div", {
37041
+ }), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
36994
37042
  "class": ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer '
36995
37043
  }, /*#__PURE__*/React__default["default"].createElement("div", {
36996
37044
  "class": "row m-0 w-100"
@@ -37014,7 +37062,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
37014
37062
  background: '#f4f4f4',
37015
37063
  borderRadius: 5
37016
37064
  }
37017
- }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
37065
+ }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
37018
37066
  return /*#__PURE__*/React__default["default"].createElement("div", {
37019
37067
  "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 text-start py-2 px-2 cursor-pointer ',
37020
37068
  onClick: function onClick() {
@@ -41816,7 +41864,7 @@ var ModernFooter = function ModernFooter(props) {
41816
41864
  function ownKeys$1m(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; }
41817
41865
  function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
41818
41866
  var Newsletterfooter = function Newsletterfooter(props) {
41819
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
41867
+ var _footerStyles, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
41820
41868
  var _useState = React.useState(''),
41821
41869
  _useState2 = _slicedToArray__default["default"](_useState, 2),
41822
41870
  sectionproperties = _useState2[0],
@@ -41856,7 +41904,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
41856
41904
  });
41857
41905
  return policyobj;
41858
41906
  };
41859
- var footerStyles = {
41907
+ var footerStyles = (_footerStyles = {
41860
41908
  payimgcont: glamor.css({
41861
41909
  marginLeft: '10px',
41862
41910
  marginRight: '10px'
@@ -41968,7 +42016,19 @@ var Newsletterfooter = function Newsletterfooter(props) {
41968
42016
  color: sectionproperties.prodCatColor,
41969
42017
  fontWeight: sectionproperties.prodCatFontWeight
41970
42018
  })
41971
- };
42019
+ }, _defineProperty__default["default"](_footerStyles, "apptore", glamor.css({
42020
+ width: '35%',
42021
+ objectFit: 'contain',
42022
+ '@media (max-width: 800px)': {
42023
+ width: '30%'
42024
+ }
42025
+ })), _defineProperty__default["default"](_footerStyles, "googleplay", glamor.css({
42026
+ width: '35%',
42027
+ objectFit: 'contain',
42028
+ '@media (max-width: 800px)': {
42029
+ width: '30%'
42030
+ }
42031
+ })), _footerStyles);
41972
42032
  React.useEffect(function () {
41973
42033
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
41974
42034
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -42271,6 +42331,31 @@ var Newsletterfooter = function Newsletterfooter(props) {
42271
42331
  }
42272
42332
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
42273
42333
  size: sectionproperties.youtubebtniconfontsize
42334
+ }))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42335
+ "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
42336
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
42337
+ "class": "col-lg-12 p-0"
42338
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
42339
+ "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 mb-2 mb-md-0 wordbreak mb-md-2 ',
42340
+ style: {
42341
+ textAlign: langdetect == 'en' ? 'left' : 'right'
42342
+ }
42343
+ }, langdetect == 'en' ? 'Download Our App' : 'حمل التطبيق')), /*#__PURE__*/React__default["default"].createElement("div", {
42344
+ "class": "col-lg-12 d-flex align-items-center justify-content-start p-sm-0"
42345
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
42346
+ "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
42347
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
42348
+ onClick: function onClick() {
42349
+ var _authdetailsContext$i19;
42350
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_appstore, '_blank');
42351
+ }
42352
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
42353
+ "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
42354
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
42355
+ onClick: function onClick() {
42356
+ var _authdetailsContext$i20;
42357
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
42358
+ }
42274
42359
  })))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42275
42360
  "class": "col-lg-12 p-0 d-block my-3"
42276
42361
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
package/dist/index.esm.js CHANGED
@@ -571,7 +571,38 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
571
571
  };
572
572
 
573
573
  var Imagekitimagecomp = function Imagekitimagecomp(props) {
574
- return /*#__PURE__*/React.createElement(React.Fragment, null, (props === null || props === void 0 ? void 0 : props.urlEndpoint) != undefined && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != '' && /*#__PURE__*/React.createElement(IKImage, {
574
+ var _useState = useState(false),
575
+ _useState2 = _slicedToArray(_useState, 2);
576
+ _useState2[0];
577
+ _useState2[1];
578
+ var _useState3 = useState(''),
579
+ _useState4 = _slicedToArray(_useState3, 2),
580
+ outsidelinkpath = _useState4[0],
581
+ setoutsidelinkpath = _useState4[1];
582
+ var _useState5 = useState(false),
583
+ _useState6 = _slicedToArray(_useState5, 2),
584
+ outsidelink = _useState6[0],
585
+ setoutsidelink = _useState6[1];
586
+ useEffect(function () {
587
+ if (props.path != undefined && props.path != null && props.path.length != 0) {
588
+ // if (props.path[0] == 'h') {
589
+ // setisoutsidelink(true);
590
+ // }
591
+ var imagepath = props.path;
592
+ if (imagepath.includes('https')) {
593
+ var position = imagepath.search('https');
594
+ var result = imagepath.slice(position);
595
+ // var myArray = imagepath.split('https');
596
+ // if (Array.isArray(myArray)) {
597
+ // if (myArray.length > 1) {
598
+ // }
599
+ // }
600
+ setoutsidelinkpath(result);
601
+ setoutsidelink(true);
602
+ }
603
+ }
604
+ }, [props.path]);
605
+ return /*#__PURE__*/React.createElement(React.Fragment, null, outsidelink == false && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != undefined && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != '' && /*#__PURE__*/React.createElement(IKImage, {
575
606
  urlEndpoint: props === null || props === void 0 ? void 0 : props.urlEndpoint
576
607
  // urlEndpoint={'https://ik.imagekit.io/ppcqtfrxp'}
577
608
  ,
@@ -583,6 +614,12 @@ var Imagekitimagecomp = function Imagekitimagecomp(props) {
583
614
  loading: props.loading,
584
615
  onClick: props.onClick,
585
616
  "class": props["class"]
617
+ }), outsidelink && /*#__PURE__*/React.createElement("img", {
618
+ src: outsidelinkpath,
619
+ style: props.style,
620
+ loading: props.loading,
621
+ onClick: props.onClick,
622
+ "class": props["class"]
586
623
  }));
587
624
  };
588
625
 
@@ -4671,17 +4708,28 @@ var Productinfo = function Productinfo(props) {
4671
4708
  var tempproductimagesarray = [];
4672
4709
  if (Array.isArray(fetchProductInfoQueryContext.data.data.productinfo.productimages)) {
4673
4710
  fetchProductInfoQueryContext.data.data.productinfo.productimages.forEach(function (arrayItem, arrayindex) {
4674
- var productimagesarrayobj = {
4675
- thumbnail: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4676
- original: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4677
- galleryid: arrayItem.galleryid
4678
- // description:
4679
- // // { dangerouslySetInnerHTML={{
4680
- // // __html:
4681
- // // fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en,
4682
- // // }}}
4683
- // langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
4684
- };
4711
+ var imagepath = arrayItem.path;
4712
+ if (imagepath.includes('https')) {
4713
+ var position = imagepath.search('https');
4714
+ imagepath.slice(position);
4715
+ var productimagesarrayobj = {
4716
+ thumbnail: arrayItem.path,
4717
+ original: arrayItem.path,
4718
+ galleryid: arrayItem.galleryid
4719
+ };
4720
+ } else {
4721
+ var productimagesarrayobj = {
4722
+ thumbnail: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4723
+ original: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4724
+ galleryid: arrayItem.galleryid
4725
+ // description:
4726
+ // // { dangerouslySetInnerHTML={{
4727
+ // // __html:
4728
+ // // fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en,
4729
+ // // }}}
4730
+ // langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
4731
+ };
4732
+ }
4685
4733
 
4686
4734
  tempproductimagesarray.push(productimagesarrayobj);
4687
4735
  });
@@ -36266,7 +36314,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
36266
36314
  function ownKeys$1z(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; }
36267
36315
  function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
36268
36316
  var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props) {
36269
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2;
36317
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
36270
36318
  var _useState = useState(''),
36271
36319
  _useState2 = _slicedToArray(_useState, 2),
36272
36320
  sectionproperties = _useState2[0],
@@ -36941,7 +36989,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
36941
36989
  }
36942
36990
  }))));
36943
36991
  }
36944
- }), /*#__PURE__*/React.createElement("div", {
36992
+ }), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 && /*#__PURE__*/React.createElement("div", {
36945
36993
  "class": ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer '
36946
36994
  }, /*#__PURE__*/React.createElement("div", {
36947
36995
  "class": "row m-0 w-100"
@@ -36965,7 +37013,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
36965
37013
  background: '#f4f4f4',
36966
37014
  borderRadius: 5
36967
37015
  }
36968
- }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
37016
+ }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
36969
37017
  return /*#__PURE__*/React.createElement("div", {
36970
37018
  "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 text-start py-2 px-2 cursor-pointer ',
36971
37019
  onClick: function onClick() {
@@ -41767,7 +41815,7 @@ var ModernFooter = function ModernFooter(props) {
41767
41815
  function ownKeys$1m(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; }
41768
41816
  function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
41769
41817
  var Newsletterfooter = function Newsletterfooter(props) {
41770
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
41818
+ var _footerStyles, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
41771
41819
  var _useState = useState(''),
41772
41820
  _useState2 = _slicedToArray(_useState, 2),
41773
41821
  sectionproperties = _useState2[0],
@@ -41807,7 +41855,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
41807
41855
  });
41808
41856
  return policyobj;
41809
41857
  };
41810
- var footerStyles = {
41858
+ var footerStyles = (_footerStyles = {
41811
41859
  payimgcont: css({
41812
41860
  marginLeft: '10px',
41813
41861
  marginRight: '10px'
@@ -41919,7 +41967,19 @@ var Newsletterfooter = function Newsletterfooter(props) {
41919
41967
  color: sectionproperties.prodCatColor,
41920
41968
  fontWeight: sectionproperties.prodCatFontWeight
41921
41969
  })
41922
- };
41970
+ }, _defineProperty(_footerStyles, "apptore", css({
41971
+ width: '35%',
41972
+ objectFit: 'contain',
41973
+ '@media (max-width: 800px)': {
41974
+ width: '30%'
41975
+ }
41976
+ })), _defineProperty(_footerStyles, "googleplay", css({
41977
+ width: '35%',
41978
+ objectFit: 'contain',
41979
+ '@media (max-width: 800px)': {
41980
+ width: '30%'
41981
+ }
41982
+ })), _footerStyles);
41923
41983
  useEffect(function () {
41924
41984
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
41925
41985
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -42222,6 +42282,31 @@ var Newsletterfooter = function Newsletterfooter(props) {
42222
42282
  }
42223
42283
  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
42224
42284
  size: sectionproperties.youtubebtniconfontsize
42285
+ }))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
42286
+ "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
42287
+ }, /*#__PURE__*/React.createElement("div", {
42288
+ "class": "col-lg-12 p-0"
42289
+ }, /*#__PURE__*/React.createElement("p", {
42290
+ "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 mb-2 mb-md-0 wordbreak mb-md-2 ',
42291
+ style: {
42292
+ textAlign: langdetect == 'en' ? 'left' : 'right'
42293
+ }
42294
+ }, langdetect == 'en' ? 'Download Our App' : 'حمل التطبيق')), /*#__PURE__*/React.createElement("div", {
42295
+ "class": "col-lg-12 d-flex align-items-center justify-content-start p-sm-0"
42296
+ }, /*#__PURE__*/React.createElement("img", {
42297
+ "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
42298
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
42299
+ onClick: function onClick() {
42300
+ var _authdetailsContext$i19;
42301
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_appstore, '_blank');
42302
+ }
42303
+ }), /*#__PURE__*/React.createElement("img", {
42304
+ "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
42305
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
42306
+ onClick: function onClick() {
42307
+ var _authdetailsContext$i20;
42308
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
42309
+ }
42225
42310
  })))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
42226
42311
  "class": "col-lg-12 p-0 d-block my-3"
42227
42312
  }, /*#__PURE__*/React.createElement("hr", {
package/dist/index.umd.js CHANGED
@@ -453,7 +453,38 @@
453
453
  };
454
454
 
455
455
  var Imagekitimagecomp = function Imagekitimagecomp(props) {
456
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (props === null || props === void 0 ? void 0 : props.urlEndpoint) != undefined && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != '' && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
456
+ var _useState = React.useState(false),
457
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
458
+ _useState2[0];
459
+ _useState2[1];
460
+ var _useState3 = React.useState(''),
461
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
462
+ outsidelinkpath = _useState4[0],
463
+ setoutsidelinkpath = _useState4[1];
464
+ var _useState5 = React.useState(false),
465
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
466
+ outsidelink = _useState6[0],
467
+ setoutsidelink = _useState6[1];
468
+ React.useEffect(function () {
469
+ if (props.path != undefined && props.path != null && props.path.length != 0) {
470
+ // if (props.path[0] == 'h') {
471
+ // setisoutsidelink(true);
472
+ // }
473
+ var imagepath = props.path;
474
+ if (imagepath.includes('https')) {
475
+ var position = imagepath.search('https');
476
+ var result = imagepath.slice(position);
477
+ // var myArray = imagepath.split('https');
478
+ // if (Array.isArray(myArray)) {
479
+ // if (myArray.length > 1) {
480
+ // }
481
+ // }
482
+ setoutsidelinkpath(result);
483
+ setoutsidelink(true);
484
+ }
485
+ }
486
+ }, [props.path]);
487
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, outsidelink == false && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != undefined && (props === null || props === void 0 ? void 0 : props.urlEndpoint) != '' && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
457
488
  urlEndpoint: props === null || props === void 0 ? void 0 : props.urlEndpoint
458
489
  // urlEndpoint={'https://ik.imagekit.io/ppcqtfrxp'}
459
490
  ,
@@ -465,6 +496,12 @@
465
496
  loading: props.loading,
466
497
  onClick: props.onClick,
467
498
  "class": props["class"]
499
+ }), outsidelink && /*#__PURE__*/React__default["default"].createElement("img", {
500
+ src: outsidelinkpath,
501
+ style: props.style,
502
+ loading: props.loading,
503
+ onClick: props.onClick,
504
+ "class": props["class"]
468
505
  }));
469
506
  };
470
507
 
@@ -4553,17 +4590,28 @@
4553
4590
  var tempproductimagesarray = [];
4554
4591
  if (Array.isArray(fetchProductInfoQueryContext.data.data.productinfo.productimages)) {
4555
4592
  fetchProductInfoQueryContext.data.data.productinfo.productimages.forEach(function (arrayItem, arrayindex) {
4556
- var productimagesarrayobj = {
4557
- thumbnail: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4558
- original: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4559
- galleryid: arrayItem.galleryid
4560
- // description:
4561
- // // { dangerouslySetInnerHTML={{
4562
- // // __html:
4563
- // // fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en,
4564
- // // }}}
4565
- // langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
4566
- };
4593
+ var imagepath = arrayItem.path;
4594
+ if (imagepath.includes('https')) {
4595
+ var position = imagepath.search('https');
4596
+ imagepath.slice(position);
4597
+ var productimagesarrayobj = {
4598
+ thumbnail: arrayItem.path,
4599
+ original: arrayItem.path,
4600
+ galleryid: arrayItem.galleryid
4601
+ };
4602
+ } else {
4603
+ var productimagesarrayobj = {
4604
+ thumbnail: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4605
+ original: (ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + arrayItem.path,
4606
+ galleryid: arrayItem.galleryid
4607
+ // description:
4608
+ // // { dangerouslySetInnerHTML={{
4609
+ // // __html:
4610
+ // // fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en,
4611
+ // // }}}
4612
+ // langdetect == 'en' ? fetchProductInfoQueryContext?.data?.data?.productinfo?.description_en : fetchProductInfoQueryContext?.data?.data?.productinfo?.description_ar,
4613
+ };
4614
+ }
4567
4615
 
4568
4616
  tempproductimagesarray.push(productimagesarrayobj);
4569
4617
  });
@@ -36148,7 +36196,7 @@
36148
36196
  function ownKeys$1z(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; }
36149
36197
  function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
36150
36198
  var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props) {
36151
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2;
36199
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
36152
36200
  var _useState = React.useState(''),
36153
36201
  _useState2 = _slicedToArray__default["default"](_useState, 2),
36154
36202
  sectionproperties = _useState2[0],
@@ -36823,7 +36871,7 @@
36823
36871
  }
36824
36872
  }))));
36825
36873
  }
36826
- }), /*#__PURE__*/React__default["default"].createElement("div", {
36874
+ }), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
36827
36875
  "class": ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer '
36828
36876
  }, /*#__PURE__*/React__default["default"].createElement("div", {
36829
36877
  "class": "row m-0 w-100"
@@ -36847,7 +36895,7 @@
36847
36895
  background: '#f4f4f4',
36848
36896
  borderRadius: 5
36849
36897
  }
36850
- }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
36898
+ }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
36851
36899
  return /*#__PURE__*/React__default["default"].createElement("div", {
36852
36900
  "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 text-start py-2 px-2 cursor-pointer ',
36853
36901
  onClick: function onClick() {
@@ -41649,7 +41697,7 @@
41649
41697
  function ownKeys$1m(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; }
41650
41698
  function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
41651
41699
  var Newsletterfooter = function Newsletterfooter(props) {
41652
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
41700
+ var _footerStyles, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
41653
41701
  var _useState = React.useState(''),
41654
41702
  _useState2 = _slicedToArray__default["default"](_useState, 2),
41655
41703
  sectionproperties = _useState2[0],
@@ -41689,7 +41737,7 @@
41689
41737
  });
41690
41738
  return policyobj;
41691
41739
  };
41692
- var footerStyles = {
41740
+ var footerStyles = (_footerStyles = {
41693
41741
  payimgcont: glamor.css({
41694
41742
  marginLeft: '10px',
41695
41743
  marginRight: '10px'
@@ -41801,7 +41849,19 @@
41801
41849
  color: sectionproperties.prodCatColor,
41802
41850
  fontWeight: sectionproperties.prodCatFontWeight
41803
41851
  })
41804
- };
41852
+ }, _defineProperty__default["default"](_footerStyles, "apptore", glamor.css({
41853
+ width: '35%',
41854
+ objectFit: 'contain',
41855
+ '@media (max-width: 800px)': {
41856
+ width: '30%'
41857
+ }
41858
+ })), _defineProperty__default["default"](_footerStyles, "googleplay", glamor.css({
41859
+ width: '35%',
41860
+ objectFit: 'contain',
41861
+ '@media (max-width: 800px)': {
41862
+ width: '30%'
41863
+ }
41864
+ })), _footerStyles);
41805
41865
  React.useEffect(function () {
41806
41866
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
41807
41867
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -42104,6 +42164,31 @@
42104
42164
  }
42105
42165
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
42106
42166
  size: sectionproperties.youtubebtniconfontsize
42167
+ }))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42168
+ "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
42169
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
42170
+ "class": "col-lg-12 p-0"
42171
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
42172
+ "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 mb-2 mb-md-0 wordbreak mb-md-2 ',
42173
+ style: {
42174
+ textAlign: langdetect == 'en' ? 'left' : 'right'
42175
+ }
42176
+ }, langdetect == 'en' ? 'Download Our App' : 'حمل التطبيق')), /*#__PURE__*/React__default["default"].createElement("div", {
42177
+ "class": "col-lg-12 d-flex align-items-center justify-content-start p-sm-0"
42178
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
42179
+ "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
42180
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
42181
+ onClick: function onClick() {
42182
+ var _authdetailsContext$i19;
42183
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_appstore, '_blank');
42184
+ }
42185
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
42186
+ "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
42187
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
42188
+ onClick: function onClick() {
42189
+ var _authdetailsContext$i20;
42190
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
42191
+ }
42107
42192
  })))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42108
42193
  "class": "col-lg-12 p-0 d-block my-3"
42109
42194
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.369",
3
+ "version": "0.0.371",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {
@@ -17,6 +17,7 @@
17
17
  "@react-oauth/google": "^0.2.6",
18
18
  "@rollup/plugin-node-resolve": "^13.3.0",
19
19
  "axios": "^0.27.2",
20
+ "before-after-react": "^1.0.5",
20
21
  "glamor": "^2.20.40",
21
22
  "google-map-react": "^2.2.0",
22
23
  "imagekitio-react": "^1.1.1",