tabexseriescomponents 0.0.821 → 0.0.822

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
@@ -1773,7 +1773,7 @@ var Variantoptions = function Variantoptions(props) {
1773
1773
  onClick: function onClick() {
1774
1774
  setopensizeguidemodal(true);
1775
1775
  }
1776
- }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentenglish))), langdetect == 'en' && (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.variants[variantindexcompleted]) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.variantdescription_en) && /*#__PURE__*/React__default["default"].createElement("div", {
1776
+ }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), langdetect == 'en' && (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.variants[variantindexcompleted]) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.variantdescription_en) && /*#__PURE__*/React__default["default"].createElement("div", {
1777
1777
  "class": "my-3 col-lg-12 p-0"
1778
1778
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1779
1779
  className: 'm-0 p-0 wordbreak',
@@ -2590,7 +2590,7 @@ var DescriptionContent = function DescriptionContent(props) {
2590
2590
  function ownKeys$2y(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; }
2591
2591
  function _objectSpread$2y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2592
2592
  var Product_itemtype = function Product_itemtype(props) {
2593
- var _authdetailsContext$i, _authdetailsContext$i2, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67;
2593
+ var _authdetailsContext$i, _authdetailsContext$i2, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _sizeguideimage$;
2594
2594
  var lang = props.actions.lang;
2595
2595
  var langdetect = props.actions.langdetect;
2596
2596
  var srcfromprops = props.actions.srcfromprops;
@@ -2618,33 +2618,40 @@ var Product_itemtype = function Product_itemtype(props) {
2618
2618
  var currentshowingimageindex_pro = props.actions.currentshowingimageindex;
2619
2619
  var StoreInfoprops = props.actions.StoreInfoprops;
2620
2620
  props.actions.productimagesarray;
2621
+ var sizeguideimage = props.actions.sizeguideimage;
2622
+ // const setopensizeguidemodal = props.actions.setopensizeguidemodal;
2623
+ // const opensizeguidemodal = props.actions.opensizeguidemodal;
2624
+ var _useState = React.useState(false),
2625
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
2626
+ opensizeguidemodal = _useState2[0],
2627
+ setopensizeguidemodal = _useState2[1];
2621
2628
  var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen + ' ' + 'https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
2622
2629
  var whatsappUrl_ar = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessagear + ' ' + 'https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
2623
- var _useState = React.useState(currentshowingimageindex_pro),
2624
- _useState2 = _slicedToArray__default["default"](_useState, 2),
2625
- currentshowingimageindex = _useState2[0],
2626
- setcurrentshowingimageindex = _useState2[1];
2627
- // const DescriptionContent = props.actions.DescriptionContent;
2628
- var _useState3 = React.useState(''),
2630
+ var _useState3 = React.useState(currentshowingimageindex_pro),
2629
2631
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
2630
- shareUrl = _useState4[0],
2631
- setshareUrl = _useState4[1];
2632
+ currentshowingimageindex = _useState4[0],
2633
+ setcurrentshowingimageindex = _useState4[1];
2634
+ // const DescriptionContent = props.actions.DescriptionContent;
2632
2635
  var _useState5 = React.useState(''),
2633
2636
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
2634
- title = _useState6[0],
2635
- settitle = _useState6[1];
2636
- var _useState7 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
2637
- _useState8 = _slicedToArray__default["default"](_useState7, 2);
2638
- _useState8[0];
2639
- var setitem = _useState8[1];
2640
- var _useState9 = React.useState(''),
2637
+ shareUrl = _useState6[0],
2638
+ setshareUrl = _useState6[1];
2639
+ var _useState7 = React.useState(''),
2640
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
2641
+ title = _useState8[0],
2642
+ settitle = _useState8[1];
2643
+ var _useState9 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
2641
2644
  _useState10 = _slicedToArray__default["default"](_useState9, 2);
2642
2645
  _useState10[0];
2643
- var settotalprice = _useState10[1];
2644
- var _useState11 = React.useState(null),
2645
- _useState12 = _slicedToArray__default["default"](_useState11, 2),
2646
- gallery = _useState12[0],
2647
- setGallery = _useState12[1]; // Store reference to the gallery
2646
+ var setitem = _useState10[1];
2647
+ var _useState11 = React.useState(''),
2648
+ _useState12 = _slicedToArray__default["default"](_useState11, 2);
2649
+ _useState12[0];
2650
+ var settotalprice = _useState12[1];
2651
+ var _useState13 = React.useState(null),
2652
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
2653
+ gallery = _useState14[0],
2654
+ setGallery = _useState14[1]; // Store reference to the gallery
2648
2655
  var toggleFullScreen = function toggleFullScreen() {
2649
2656
  if (gallery) {
2650
2657
  gallery.toggleFullScreen();
@@ -3654,8 +3661,19 @@ var Product_itemtype = function Product_itemtype(props) {
3654
3661
  fontSize: sectionproperties.featurevaluefontsize
3655
3662
  }
3656
3663
  }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar))));
3657
- }))), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
3658
- "class": "col-lg-12 col-md-12 p-md-0 mt-3"
3664
+ }))), sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer53 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : _fetchProductInfoQuer53.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
3665
+ "class": "col-12 text-start mt-3"
3666
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3667
+ "class": productinfo_cssstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
3668
+ onClick: function onClick() {
3669
+ setopensizeguidemodal(true);
3670
+ }
3671
+ }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic)), sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer54 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.data) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.productinfo) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
3672
+ "class": "col-lg-12 col-md-12 my-3 p-md-0"
3673
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
3674
+ "class": "m-0"
3675
+ })), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
3676
+ "class": sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.productinfo) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : _fetchProductInfoQuer55.hasvariants) == 0 ? 'col-lg-12 col-md-12 p-md-0' : 'col-lg-12 col-md-12 p-md-0 mt-3'
3659
3677
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
3660
3678
  allowMultipleExpanded: true,
3661
3679
  allowZeroExpanded: true
@@ -3734,7 +3752,7 @@ var Product_itemtype = function Product_itemtype(props) {
3734
3752
  color: sectionproperties.prodCatColor
3735
3753
  },
3736
3754
  dangerouslySetInnerHTML: {
3737
- __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer53 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : _fetchProductInfoQuer53.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer54 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.data) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.productinfo) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.short_description_ar
3755
+ __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer56 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : _fetchProductInfoQuer56.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer57 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.productinfo) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.short_description_ar
3738
3756
  }
3739
3757
  })))))), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
3740
3758
  "class": "col-lg-12 col-md-12 my-3 p-md-0"
@@ -3859,7 +3877,7 @@ var Product_itemtype = function Product_itemtype(props) {
3859
3877
  onClick: function onClick() {
3860
3878
  routingcountext(StaticPagesLinksContext.RefundPolicy);
3861
3879
  }
3862
- }, "SEE MORE")))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.productinfo) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : _fetchProductInfoQuer55.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
3880
+ }, "SEE MORE")))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.productinfo) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : _fetchProductInfoQuer58.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
3863
3881
  className: "col-lg-12 p-0 mb-3"
3864
3882
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3865
3883
  className: "row m-0 w-100 d-flex flex-row"
@@ -3882,7 +3900,7 @@ var Product_itemtype = function Product_itemtype(props) {
3882
3900
  }
3883
3901
  }, /*#__PURE__*/React__default["default"].createElement("span", {
3884
3902
  className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right ' : ' d-flex align-items-center justify-content-end wordbreak text-left '
3885
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer56 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.variants[variantindexcompleted]) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : _fetchProductInfoQuer56.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer57 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.productinfo) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.variants[variantindexcompleted]) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
3903
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.variants[variantindexcompleted]) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.variants[variantindexcompleted]) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
3886
3904
  className: 'm-0 p-0 linethrough wordbreak',
3887
3905
  style: {
3888
3906
  color: sectionproperties.prodsalePriceColor,
@@ -3896,14 +3914,14 @@ var Product_itemtype = function Product_itemtype(props) {
3896
3914
  style: {
3897
3915
  textDecoration: 'none'
3898
3916
  }
3899
- }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.productinfo) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.variants[variantindexcompleted]) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : _fetchProductInfoQuer58.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
3917
+ }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.variants[variantindexcompleted]) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
3900
3918
  className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
3901
3919
  }, /*#__PURE__*/React__default["default"].createElement("span", {
3902
3920
  className: "ml-2 mr-2",
3903
3921
  style: {
3904
3922
  textDecoration: 'none'
3905
3923
  }
3906
- }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
3924
+ }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
3907
3925
  className: "col-lg-12 p-0 mb-3 mt-2"
3908
3926
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3909
3927
  style: {
@@ -3974,7 +3992,7 @@ var Product_itemtype = function Product_itemtype(props) {
3974
3992
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
3975
3993
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
3976
3994
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
3977
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.productmainimage),
3995
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.productmainimage),
3978
3996
  style: {
3979
3997
  width: '100%',
3980
3998
  height: '100%',
@@ -4007,13 +4025,13 @@ var Product_itemtype = function Product_itemtype(props) {
4007
4025
  color: sectionproperties.prodCatColor
4008
4026
  },
4009
4027
  dangerouslySetInnerHTML: {
4010
- __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.short_description_ar
4028
+ __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.short_description_ar
4011
4029
  }
4012
4030
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
4013
4031
  "class": "col-lg-12 text-start p-md-0"
4014
4032
  }, /*#__PURE__*/React__default["default"].createElement("div", {
4015
4033
  className: "row m-0 w-100"
4016
- }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productfeatures) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.map(function (fitem, findex) {
4034
+ }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer66 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer66 === void 0 || (_fetchProductInfoQuer66 = _fetchProductInfoQuer66.data) === null || _fetchProductInfoQuer66 === void 0 || (_fetchProductInfoQuer66 = _fetchProductInfoQuer66.productinfo) === null || _fetchProductInfoQuer66 === void 0 || (_fetchProductInfoQuer66 = _fetchProductInfoQuer66.productfeatures) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : _fetchProductInfoQuer66.map(function (fitem, findex) {
4017
4035
  return /*#__PURE__*/React__default["default"].createElement("div", {
4018
4036
  "class": ' col-md-6 p-0 mb-3 mt-2 col-lg-' + sectionproperties.featuresnumcols
4019
4037
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4055,7 +4073,7 @@ var Product_itemtype = function Product_itemtype(props) {
4055
4073
  "class": "col-lg-12 p-0 my-4"
4056
4074
  }, /*#__PURE__*/React__default["default"].createElement("div", {
4057
4075
  "class": "row m-0 w-100"
4058
- }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productimages) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.productimages.map(function (item, index) {
4076
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer67 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer67 === void 0 || (_fetchProductInfoQuer67 = _fetchProductInfoQuer67.data) === null || _fetchProductInfoQuer67 === void 0 || (_fetchProductInfoQuer67 = _fetchProductInfoQuer67.productinfo) === null || _fetchProductInfoQuer67 === void 0 || (_fetchProductInfoQuer67 = _fetchProductInfoQuer67.productimages) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : _fetchProductInfoQuer67.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer68 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer68 === void 0 || (_fetchProductInfoQuer68 = _fetchProductInfoQuer68.data) === null || _fetchProductInfoQuer68 === void 0 || (_fetchProductInfoQuer68 = _fetchProductInfoQuer68.productinfo) === null || _fetchProductInfoQuer68 === void 0 ? void 0 : _fetchProductInfoQuer68.productimages.map(function (item, index) {
4059
4077
  return /*#__PURE__*/React__default["default"].createElement("div", {
4060
4078
  "class": "col-lg-4 col-sm-12 mb-md-2 p-md-0"
4061
4079
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4082,9 +4100,46 @@ var Product_itemtype = function Product_itemtype(props) {
4082
4100
  textAlign: langdetect == 'en' ? 'left' : 'right'
4083
4101
  },
4084
4102
  dangerouslySetInnerHTML: {
4085
- __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer66 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer66 === void 0 || (_fetchProductInfoQuer66 = _fetchProductInfoQuer66.data) === null || _fetchProductInfoQuer66 === void 0 || (_fetchProductInfoQuer66 = _fetchProductInfoQuer66.productinfo) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : _fetchProductInfoQuer66.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer67 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer67 === void 0 || (_fetchProductInfoQuer67 = _fetchProductInfoQuer67.data) === null || _fetchProductInfoQuer67 === void 0 || (_fetchProductInfoQuer67 = _fetchProductInfoQuer67.productinfo) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : _fetchProductInfoQuer67.description_ar
4103
+ __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer69 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer69 === void 0 || (_fetchProductInfoQuer69 = _fetchProductInfoQuer69.data) === null || _fetchProductInfoQuer69 === void 0 || (_fetchProductInfoQuer69 = _fetchProductInfoQuer69.productinfo) === null || _fetchProductInfoQuer69 === void 0 ? void 0 : _fetchProductInfoQuer69.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer70 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer70 === void 0 || (_fetchProductInfoQuer70 = _fetchProductInfoQuer70.data) === null || _fetchProductInfoQuer70 === void 0 || (_fetchProductInfoQuer70 = _fetchProductInfoQuer70.productinfo) === null || _fetchProductInfoQuer70 === void 0 ? void 0 : _fetchProductInfoQuer70.description_ar
4086
4104
  }
4087
- })))))));
4105
+ })))))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
4106
+ show: opensizeguidemodal,
4107
+ onHide: function onHide() {
4108
+ setopensizeguidemodal(false);
4109
+ },
4110
+ centered: true,
4111
+ size: 'lg'
4112
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
4113
+ className: "allcentered cursor-pointer",
4114
+ onClick: function onClick() {
4115
+ setopensizeguidemodal(false);
4116
+ },
4117
+ style: {
4118
+ position: 'absolute',
4119
+ top: 10,
4120
+ width: 35,
4121
+ height: 35,
4122
+ right: 10
4123
+ }
4124
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
4125
+ "class": ' h-100 allcentered text-black '
4126
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
4127
+ size: 25,
4128
+ "class": productinfo_cssstyles.closemodalbtn
4129
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
4130
+ "class": ' w-100 h-100 px-4 py-5 ',
4131
+ style: {}
4132
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
4133
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
4134
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
4135
+ path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
4136
+ style: {
4137
+ width: '100%',
4138
+ height: '100%',
4139
+ objectFit: 'contain'
4140
+ },
4141
+ loading: "lazy"
4142
+ }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
4088
4143
  };
4089
4144
 
4090
4145
  function ownKeys$2x(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; }
@@ -6552,46 +6607,50 @@ var Productinfo = function Productinfo(props) {
6552
6607
  _useState28 = _slicedToArray__default["default"](_useState27, 2),
6553
6608
  addtocardpayloadobj = _useState28[0],
6554
6609
  setaddtocardpayloadobj = _useState28[1];
6555
- var _useState29 = React.useState(''),
6556
- _useState30 = _slicedToArray__default["default"](_useState29, 2),
6557
- variantindexcompleted = _useState30[0],
6558
- setvariantindexcompleted = _useState30[1];
6610
+ var _useState29 = React.useState(false),
6611
+ _useState30 = _slicedToArray__default["default"](_useState29, 2);
6612
+ _useState30[0];
6613
+ var setopensizeguidemodal = _useState30[1];
6559
6614
  var _useState31 = React.useState(''),
6560
6615
  _useState32 = _slicedToArray__default["default"](_useState31, 2),
6561
- variantindex = _useState32[0],
6562
- setvariantindex = _useState32[1];
6563
- var _useState33 = React.useState(false),
6616
+ variantindexcompleted = _useState32[0],
6617
+ setvariantindexcompleted = _useState32[1];
6618
+ var _useState33 = React.useState(''),
6564
6619
  _useState34 = _slicedToArray__default["default"](_useState33, 2),
6565
- isloaded = _useState34[0],
6566
- setisloaded = _useState34[1];
6620
+ variantindex = _useState34[0],
6621
+ setvariantindex = _useState34[1];
6567
6622
  var _useState35 = React.useState(false),
6568
- _useState36 = _slicedToArray__default["default"](_useState35, 2);
6569
- _useState36[0];
6570
- _useState36[1];
6571
- var _useState37 = React.useState(0),
6572
- _useState38 = _slicedToArray__default["default"](_useState37, 2),
6573
- currentshowingimageindex = _useState38[0],
6574
- setcurrentshowingimageindex = _useState38[1];
6575
- var _useState39 = React.useState(''),
6623
+ _useState36 = _slicedToArray__default["default"](_useState35, 2),
6624
+ isloaded = _useState36[0],
6625
+ setisloaded = _useState36[1];
6626
+ var _useState37 = React.useState(false),
6627
+ _useState38 = _slicedToArray__default["default"](_useState37, 2);
6628
+ _useState38[0];
6629
+ _useState38[1];
6630
+ var _useState39 = React.useState(0),
6576
6631
  _useState40 = _slicedToArray__default["default"](_useState39, 2),
6577
- tabIndex = _useState40[0],
6578
- setTabIndex = _useState40[1];
6632
+ currentshowingimageindex = _useState40[0],
6633
+ setcurrentshowingimageindex = _useState40[1];
6579
6634
  var _useState41 = React.useState(''),
6580
6635
  _useState42 = _slicedToArray__default["default"](_useState41, 2),
6581
- tabname = _useState42[0],
6582
- settabname = _useState42[1];
6583
- var _useState43 = React.useState([]),
6636
+ tabIndex = _useState42[0],
6637
+ setTabIndex = _useState42[1];
6638
+ var _useState43 = React.useState(''),
6584
6639
  _useState44 = _slicedToArray__default["default"](_useState43, 2),
6585
- sizeguideimage = _useState44[0],
6586
- setsizeguideimage = _useState44[1];
6640
+ tabname = _useState44[0],
6641
+ settabname = _useState44[1];
6587
6642
  var _useState45 = React.useState([]),
6588
6643
  _useState46 = _slicedToArray__default["default"](_useState45, 2),
6589
- productVideos = _useState46[0],
6590
- setproductVideos = _useState46[1];
6644
+ sizeguideimage = _useState46[0],
6645
+ setsizeguideimage = _useState46[1];
6591
6646
  var _useState47 = React.useState([]),
6592
6647
  _useState48 = _slicedToArray__default["default"](_useState47, 2),
6593
- variantvalueidentifier = _useState48[0],
6594
- setvariantvalueidentifier = _useState48[1];
6648
+ productVideos = _useState48[0],
6649
+ setproductVideos = _useState48[1];
6650
+ var _useState49 = React.useState([]),
6651
+ _useState50 = _slicedToArray__default["default"](_useState49, 2),
6652
+ variantvalueidentifier = _useState50[0],
6653
+ setvariantvalueidentifier = _useState50[1];
6595
6654
  var handleTabChange = function handleTabChange(event, newTabIndex) {
6596
6655
  setTabIndex(newTabIndex);
6597
6656
  };
@@ -7281,6 +7340,16 @@ var Productinfo = function Productinfo(props) {
7281
7340
  color: sectionproperties.applybtn_Textcoloronhover
7282
7341
  }
7283
7342
  }),
7343
+ sizeguidebtn: glamor.css({
7344
+ color: sectionproperties.sizeguidebtncolor,
7345
+ fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
7346
+ transition: '.3s',
7347
+ textDecoration: 'underline',
7348
+ ':hover': {
7349
+ color: sectionproperties.sizeguidebtncoloronhover,
7350
+ fontWeight: sectionproperties.sizeguidebtnfontweight
7351
+ }
7352
+ }),
7284
7353
  form_control: glamor.css((_css = {
7285
7354
  position: 'relative',
7286
7355
  display: 'flex',
@@ -7405,6 +7474,13 @@ var Productinfo = function Productinfo(props) {
7405
7474
  background: sectionproperties.remove_quantitybtn_bgcoloronhover
7406
7475
  }
7407
7476
  }),
7477
+ closemodalbtn: glamor.css({
7478
+ color: sectionproperties.sizeguidebtncolor,
7479
+ transition: '.3s',
7480
+ ':hover': {
7481
+ color: sectionproperties.sizeguidebtncoloronhover
7482
+ }
7483
+ }),
7408
7484
  relatedproductcardcont: glamor.css({
7409
7485
  ':hover .relatedproductNameStyles': {
7410
7486
  color: sectionproperties.relatedprodNameColoronhover
@@ -7938,7 +8014,7 @@ var Productinfo = function Productinfo(props) {
7938
8014
  langdetect: langdetect,
7939
8015
  lang: lang,
7940
8016
  srcfromprops: props.srcfromprops
7941
- }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty__default["default"](_defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), "sizeguideimage", sizeguideimage))
8017
+ }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), "sizeguideimage", sizeguideimage), "setopensizeguidemodal", setopensizeguidemodal))
7942
8018
  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
7943
8019
  actions: (_ref2 = {
7944
8020
  variantnotchosendisclaimer: variantnotchosendisclaimer,
@@ -7959,7 +8035,7 @@ var Productinfo = function Productinfo(props) {
7959
8035
  langdetect: langdetect,
7960
8036
  lang: lang,
7961
8037
  srcfromprops: props.srcfromprops
7962
- }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "sizeguideimage", sizeguideimage))
8038
+ }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "sizeguideimage", sizeguideimage), "setopensizeguidemodal", setopensizeguidemodal))
7963
8039
  }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
7964
8040
  className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
7965
8041
  style: {