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.esm.js CHANGED
@@ -1724,7 +1724,7 @@ var Variantoptions = function Variantoptions(props) {
1724
1724
  onClick: function onClick() {
1725
1725
  setopensizeguidemodal(true);
1726
1726
  }
1727
- }, 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.createElement("div", {
1727
+ }, 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.createElement("div", {
1728
1728
  "class": "my-3 col-lg-12 p-0"
1729
1729
  }, /*#__PURE__*/React.createElement("p", {
1730
1730
  className: 'm-0 p-0 wordbreak',
@@ -2541,7 +2541,7 @@ var DescriptionContent = function DescriptionContent(props) {
2541
2541
  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; }
2542
2542
  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(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; }
2543
2543
  var Product_itemtype = function Product_itemtype(props) {
2544
- 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;
2544
+ 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$;
2545
2545
  var lang = props.actions.lang;
2546
2546
  var langdetect = props.actions.langdetect;
2547
2547
  var srcfromprops = props.actions.srcfromprops;
@@ -2569,33 +2569,40 @@ var Product_itemtype = function Product_itemtype(props) {
2569
2569
  var currentshowingimageindex_pro = props.actions.currentshowingimageindex;
2570
2570
  var StoreInfoprops = props.actions.StoreInfoprops;
2571
2571
  props.actions.productimagesarray;
2572
+ var sizeguideimage = props.actions.sizeguideimage;
2573
+ // const setopensizeguidemodal = props.actions.setopensizeguidemodal;
2574
+ // const opensizeguidemodal = props.actions.opensizeguidemodal;
2575
+ var _useState = useState(false),
2576
+ _useState2 = _slicedToArray(_useState, 2),
2577
+ opensizeguidemodal = _useState2[0],
2578
+ setopensizeguidemodal = _useState2[1];
2572
2579
  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);
2573
2580
  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);
2574
- var _useState = useState(currentshowingimageindex_pro),
2575
- _useState2 = _slicedToArray(_useState, 2),
2576
- currentshowingimageindex = _useState2[0],
2577
- setcurrentshowingimageindex = _useState2[1];
2578
- // const DescriptionContent = props.actions.DescriptionContent;
2579
- var _useState3 = useState(''),
2581
+ var _useState3 = useState(currentshowingimageindex_pro),
2580
2582
  _useState4 = _slicedToArray(_useState3, 2),
2581
- shareUrl = _useState4[0],
2582
- setshareUrl = _useState4[1];
2583
+ currentshowingimageindex = _useState4[0],
2584
+ setcurrentshowingimageindex = _useState4[1];
2585
+ // const DescriptionContent = props.actions.DescriptionContent;
2583
2586
  var _useState5 = useState(''),
2584
2587
  _useState6 = _slicedToArray(_useState5, 2),
2585
- title = _useState6[0],
2586
- settitle = _useState6[1];
2587
- var _useState7 = useState(fetchProductInfoQueryContext.data.data.productinfo),
2588
- _useState8 = _slicedToArray(_useState7, 2);
2589
- _useState8[0];
2590
- var setitem = _useState8[1];
2591
- var _useState9 = useState(''),
2588
+ shareUrl = _useState6[0],
2589
+ setshareUrl = _useState6[1];
2590
+ var _useState7 = useState(''),
2591
+ _useState8 = _slicedToArray(_useState7, 2),
2592
+ title = _useState8[0],
2593
+ settitle = _useState8[1];
2594
+ var _useState9 = useState(fetchProductInfoQueryContext.data.data.productinfo),
2592
2595
  _useState10 = _slicedToArray(_useState9, 2);
2593
2596
  _useState10[0];
2594
- var settotalprice = _useState10[1];
2595
- var _useState11 = useState(null),
2596
- _useState12 = _slicedToArray(_useState11, 2),
2597
- gallery = _useState12[0],
2598
- setGallery = _useState12[1]; // Store reference to the gallery
2597
+ var setitem = _useState10[1];
2598
+ var _useState11 = useState(''),
2599
+ _useState12 = _slicedToArray(_useState11, 2);
2600
+ _useState12[0];
2601
+ var settotalprice = _useState12[1];
2602
+ var _useState13 = useState(null),
2603
+ _useState14 = _slicedToArray(_useState13, 2),
2604
+ gallery = _useState14[0],
2605
+ setGallery = _useState14[1]; // Store reference to the gallery
2599
2606
  var toggleFullScreen = function toggleFullScreen() {
2600
2607
  if (gallery) {
2601
2608
  gallery.toggleFullScreen();
@@ -3605,8 +3612,19 @@ var Product_itemtype = function Product_itemtype(props) {
3605
3612
  fontSize: sectionproperties.featurevaluefontsize
3606
3613
  }
3607
3614
  }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar))));
3608
- }))), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
3609
- "class": "col-lg-12 col-md-12 p-md-0 mt-3"
3615
+ }))), 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.createElement("div", {
3616
+ "class": "col-12 text-start mt-3"
3617
+ }, /*#__PURE__*/React.createElement("p", {
3618
+ "class": productinfo_cssstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
3619
+ onClick: function onClick() {
3620
+ setopensizeguidemodal(true);
3621
+ }
3622
+ }, 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.createElement("div", {
3623
+ "class": "col-lg-12 col-md-12 my-3 p-md-0"
3624
+ }, /*#__PURE__*/React.createElement("hr", {
3625
+ "class": "m-0"
3626
+ })), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
3627
+ "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'
3610
3628
  }, /*#__PURE__*/React.createElement(Accordion, {
3611
3629
  allowMultipleExpanded: true,
3612
3630
  allowZeroExpanded: true
@@ -3685,7 +3703,7 @@ var Product_itemtype = function Product_itemtype(props) {
3685
3703
  color: sectionproperties.prodCatColor
3686
3704
  },
3687
3705
  dangerouslySetInnerHTML: {
3688
- __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
3706
+ __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
3689
3707
  }
3690
3708
  })))))), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React.createElement("div", {
3691
3709
  "class": "col-lg-12 col-md-12 my-3 p-md-0"
@@ -3810,7 +3828,7 @@ var Product_itemtype = function Product_itemtype(props) {
3810
3828
  onClick: function onClick() {
3811
3829
  routingcountext(StaticPagesLinksContext.RefundPolicy);
3812
3830
  }
3813
- }, "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.createElement("div", {
3831
+ }, "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.createElement("div", {
3814
3832
  className: "col-lg-12 p-0 mb-3"
3815
3833
  }, /*#__PURE__*/React.createElement("div", {
3816
3834
  className: "row m-0 w-100 d-flex flex-row"
@@ -3833,7 +3851,7 @@ var Product_itemtype = function Product_itemtype(props) {
3833
3851
  }
3834
3852
  }, /*#__PURE__*/React.createElement("span", {
3835
3853
  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 '
3836
- }, 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.createElement("p", {
3854
+ }, 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.createElement("p", {
3837
3855
  className: 'm-0 p-0 linethrough wordbreak',
3838
3856
  style: {
3839
3857
  color: sectionproperties.prodsalePriceColor,
@@ -3847,14 +3865,14 @@ var Product_itemtype = function Product_itemtype(props) {
3847
3865
  style: {
3848
3866
  textDecoration: 'none'
3849
3867
  }
3850
- }, "-"), 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.createElement("span", {
3868
+ }, "-"), 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.createElement("span", {
3851
3869
  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 '
3852
3870
  }, /*#__PURE__*/React.createElement("span", {
3853
3871
  className: "ml-2 mr-2",
3854
3872
  style: {
3855
3873
  textDecoration: 'none'
3856
3874
  }
3857
- }, "-"), 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.createElement("div", {
3875
+ }, "-"), 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.createElement("div", {
3858
3876
  className: "col-lg-12 p-0 mb-3 mt-2"
3859
3877
  }, /*#__PURE__*/React.createElement("div", {
3860
3878
  style: {
@@ -3925,7 +3943,7 @@ var Product_itemtype = function Product_itemtype(props) {
3925
3943
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
3926
3944
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
3927
3945
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
3928
- 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),
3946
+ 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),
3929
3947
  style: {
3930
3948
  width: '100%',
3931
3949
  height: '100%',
@@ -3958,13 +3976,13 @@ var Product_itemtype = function Product_itemtype(props) {
3958
3976
  color: sectionproperties.prodCatColor
3959
3977
  },
3960
3978
  dangerouslySetInnerHTML: {
3961
- __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
3979
+ __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
3962
3980
  }
3963
3981
  })))), /*#__PURE__*/React.createElement("div", {
3964
3982
  "class": "col-lg-12 text-start p-md-0"
3965
3983
  }, /*#__PURE__*/React.createElement("div", {
3966
3984
  className: "row m-0 w-100"
3967
- }, 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) {
3985
+ }, 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) {
3968
3986
  return /*#__PURE__*/React.createElement("div", {
3969
3987
  "class": ' col-md-6 p-0 mb-3 mt-2 col-lg-' + sectionproperties.featuresnumcols
3970
3988
  }, /*#__PURE__*/React.createElement("div", {
@@ -4006,7 +4024,7 @@ var Product_itemtype = function Product_itemtype(props) {
4006
4024
  "class": "col-lg-12 p-0 my-4"
4007
4025
  }, /*#__PURE__*/React.createElement("div", {
4008
4026
  "class": "row m-0 w-100"
4009
- }, (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) {
4027
+ }, (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) {
4010
4028
  return /*#__PURE__*/React.createElement("div", {
4011
4029
  "class": "col-lg-4 col-sm-12 mb-md-2 p-md-0"
4012
4030
  }, /*#__PURE__*/React.createElement("div", {
@@ -4033,9 +4051,46 @@ var Product_itemtype = function Product_itemtype(props) {
4033
4051
  textAlign: langdetect == 'en' ? 'left' : 'right'
4034
4052
  },
4035
4053
  dangerouslySetInnerHTML: {
4036
- __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
4054
+ __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
4037
4055
  }
4038
- })))))));
4056
+ })))))), sizeguideimage.length != 0 && /*#__PURE__*/React.createElement(Modal, {
4057
+ show: opensizeguidemodal,
4058
+ onHide: function onHide() {
4059
+ setopensizeguidemodal(false);
4060
+ },
4061
+ centered: true,
4062
+ size: 'lg'
4063
+ }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
4064
+ className: "allcentered cursor-pointer",
4065
+ onClick: function onClick() {
4066
+ setopensizeguidemodal(false);
4067
+ },
4068
+ style: {
4069
+ position: 'absolute',
4070
+ top: 10,
4071
+ width: 35,
4072
+ height: 35,
4073
+ right: 10
4074
+ }
4075
+ }, /*#__PURE__*/React.createElement("i", {
4076
+ "class": ' h-100 allcentered text-black '
4077
+ }, /*#__PURE__*/React.createElement(IoMdClose, {
4078
+ size: 25,
4079
+ "class": productinfo_cssstyles.closemodalbtn
4080
+ }))), /*#__PURE__*/React.createElement("div", {
4081
+ "class": ' w-100 h-100 px-4 py-5 ',
4082
+ style: {}
4083
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
4084
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
4085
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
4086
+ path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
4087
+ style: {
4088
+ width: '100%',
4089
+ height: '100%',
4090
+ objectFit: 'contain'
4091
+ },
4092
+ loading: "lazy"
4093
+ }))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
4039
4094
  };
4040
4095
 
4041
4096
  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; }
@@ -6503,46 +6558,50 @@ var Productinfo = function Productinfo(props) {
6503
6558
  _useState28 = _slicedToArray(_useState27, 2),
6504
6559
  addtocardpayloadobj = _useState28[0],
6505
6560
  setaddtocardpayloadobj = _useState28[1];
6506
- var _useState29 = useState(''),
6507
- _useState30 = _slicedToArray(_useState29, 2),
6508
- variantindexcompleted = _useState30[0],
6509
- setvariantindexcompleted = _useState30[1];
6561
+ var _useState29 = useState(false),
6562
+ _useState30 = _slicedToArray(_useState29, 2);
6563
+ _useState30[0];
6564
+ var setopensizeguidemodal = _useState30[1];
6510
6565
  var _useState31 = useState(''),
6511
6566
  _useState32 = _slicedToArray(_useState31, 2),
6512
- variantindex = _useState32[0],
6513
- setvariantindex = _useState32[1];
6514
- var _useState33 = useState(false),
6567
+ variantindexcompleted = _useState32[0],
6568
+ setvariantindexcompleted = _useState32[1];
6569
+ var _useState33 = useState(''),
6515
6570
  _useState34 = _slicedToArray(_useState33, 2),
6516
- isloaded = _useState34[0],
6517
- setisloaded = _useState34[1];
6571
+ variantindex = _useState34[0],
6572
+ setvariantindex = _useState34[1];
6518
6573
  var _useState35 = useState(false),
6519
- _useState36 = _slicedToArray(_useState35, 2);
6520
- _useState36[0];
6521
- _useState36[1];
6522
- var _useState37 = useState(0),
6523
- _useState38 = _slicedToArray(_useState37, 2),
6524
- currentshowingimageindex = _useState38[0],
6525
- setcurrentshowingimageindex = _useState38[1];
6526
- var _useState39 = useState(''),
6574
+ _useState36 = _slicedToArray(_useState35, 2),
6575
+ isloaded = _useState36[0],
6576
+ setisloaded = _useState36[1];
6577
+ var _useState37 = useState(false),
6578
+ _useState38 = _slicedToArray(_useState37, 2);
6579
+ _useState38[0];
6580
+ _useState38[1];
6581
+ var _useState39 = useState(0),
6527
6582
  _useState40 = _slicedToArray(_useState39, 2),
6528
- tabIndex = _useState40[0],
6529
- setTabIndex = _useState40[1];
6583
+ currentshowingimageindex = _useState40[0],
6584
+ setcurrentshowingimageindex = _useState40[1];
6530
6585
  var _useState41 = useState(''),
6531
6586
  _useState42 = _slicedToArray(_useState41, 2),
6532
- tabname = _useState42[0],
6533
- settabname = _useState42[1];
6534
- var _useState43 = useState([]),
6587
+ tabIndex = _useState42[0],
6588
+ setTabIndex = _useState42[1];
6589
+ var _useState43 = useState(''),
6535
6590
  _useState44 = _slicedToArray(_useState43, 2),
6536
- sizeguideimage = _useState44[0],
6537
- setsizeguideimage = _useState44[1];
6591
+ tabname = _useState44[0],
6592
+ settabname = _useState44[1];
6538
6593
  var _useState45 = useState([]),
6539
6594
  _useState46 = _slicedToArray(_useState45, 2),
6540
- productVideos = _useState46[0],
6541
- setproductVideos = _useState46[1];
6595
+ sizeguideimage = _useState46[0],
6596
+ setsizeguideimage = _useState46[1];
6542
6597
  var _useState47 = useState([]),
6543
6598
  _useState48 = _slicedToArray(_useState47, 2),
6544
- variantvalueidentifier = _useState48[0],
6545
- setvariantvalueidentifier = _useState48[1];
6599
+ productVideos = _useState48[0],
6600
+ setproductVideos = _useState48[1];
6601
+ var _useState49 = useState([]),
6602
+ _useState50 = _slicedToArray(_useState49, 2),
6603
+ variantvalueidentifier = _useState50[0],
6604
+ setvariantvalueidentifier = _useState50[1];
6546
6605
  var handleTabChange = function handleTabChange(event, newTabIndex) {
6547
6606
  setTabIndex(newTabIndex);
6548
6607
  };
@@ -7232,6 +7291,16 @@ var Productinfo = function Productinfo(props) {
7232
7291
  color: sectionproperties.applybtn_Textcoloronhover
7233
7292
  }
7234
7293
  }),
7294
+ sizeguidebtn: css({
7295
+ color: sectionproperties.sizeguidebtncolor,
7296
+ fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
7297
+ transition: '.3s',
7298
+ textDecoration: 'underline',
7299
+ ':hover': {
7300
+ color: sectionproperties.sizeguidebtncoloronhover,
7301
+ fontWeight: sectionproperties.sizeguidebtnfontweight
7302
+ }
7303
+ }),
7235
7304
  form_control: css((_css = {
7236
7305
  position: 'relative',
7237
7306
  display: 'flex',
@@ -7356,6 +7425,13 @@ var Productinfo = function Productinfo(props) {
7356
7425
  background: sectionproperties.remove_quantitybtn_bgcoloronhover
7357
7426
  }
7358
7427
  }),
7428
+ closemodalbtn: css({
7429
+ color: sectionproperties.sizeguidebtncolor,
7430
+ transition: '.3s',
7431
+ ':hover': {
7432
+ color: sectionproperties.sizeguidebtncoloronhover
7433
+ }
7434
+ }),
7359
7435
  relatedproductcardcont: css({
7360
7436
  ':hover .relatedproductNameStyles': {
7361
7437
  color: sectionproperties.relatedprodNameColoronhover
@@ -7889,7 +7965,7 @@ var Productinfo = function Productinfo(props) {
7889
7965
  langdetect: langdetect,
7890
7966
  lang: lang,
7891
7967
  srcfromprops: props.srcfromprops
7892
- }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty(_defineProperty(_ref, "variantvalueidentifier", variantvalueidentifier), "sizeguideimage", sizeguideimage))
7968
+ }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty(_defineProperty(_defineProperty(_ref, "variantvalueidentifier", variantvalueidentifier), "sizeguideimage", sizeguideimage), "setopensizeguidemodal", setopensizeguidemodal))
7893
7969
  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React.createElement(Article_itemtype, {
7894
7970
  actions: (_ref2 = {
7895
7971
  variantnotchosendisclaimer: variantnotchosendisclaimer,
@@ -7910,7 +7986,7 @@ var Productinfo = function Productinfo(props) {
7910
7986
  langdetect: langdetect,
7911
7987
  lang: lang,
7912
7988
  srcfromprops: props.srcfromprops
7913
- }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "sizeguideimage", sizeguideimage))
7989
+ }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "sizeguideimage", sizeguideimage), "setopensizeguidemodal", setopensizeguidemodal))
7914
7990
  }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
7915
7991
  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 ',
7916
7992
  style: {