tabexseriescomponents 0.0.821 → 0.0.823

package/dist/index.cjs.js

@@ -1357,83 +1357,6 @@ var defaultstyles = {
     });
   }
 };
-var defaultstyleswhite = {
-  option: function option(provided, state) {
-    return _objectSpread$2A(_objectSpread$2A({}, provided), {}, {
-      borderBottom: '1px solid #e6e6e6',
-      backgroundColor: state.isSelected ? '' : '',
-      padding: 5,
-      textTransform: 'capitalize',
-      color: state.isSelected ? '#eac435' : 'black',
-      transition: '.3s',
-      '&:hover': {
-        cursor: 'pointer'
-      }
-    });
-  },
-  control: function control() {
-    return {
-      borderBottom: '1px solid #ccc',
-      display: 'flex',
-      cursor: 'pointer',
-      padding: 0,
-      transition: '.3s',
-      backgroundColor: 'white'
-    };
-  },
-  dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2A(_objectSpread$2A({}, provided), {}, {
-      '&:hover': {
-        // color: '#eac435',
-      }
-    });
-  }
-};
-var defaultstylestranslatedwhite = {
-  option: function option(provided, state) {
-    return _objectSpread$2A(_objectSpread$2A({}, provided), {}, {
-      borderBottom: '1px solid #e6e6e6',
-      backgroundColor: state.isSelected ? '' : '',
-      padding: 5,
-      textTransform: 'capitalize',
-      // color: state.isSelected ? '#eac435' : '#022648',
-      color: state.isSelected ? '#eac435' : '#ffffff',
-      transition: '.3s',
-      textAlign: 'right',
-      '&:hover': {
-        // color: '#eac435',
-        cursor: 'pointer'
-      }
-    });
-  },
-  control: function control() {
-    return {
-      borderBottom: '1px solid #ccc',
-      backgroundColor: 'white',
-      display: 'flex',
-      cursor: 'pointer',
-      padding: 0,
-      transition: '.3s',
-      textAlign: 'right',
-      '&:hover': {
-        // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-        // borderRadius: '10px',
-      }
-    };
-  },
-  dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2A(_objectSpread$2A({}, provided), {}, {
-      '&:hover': {
-        // color: '#eac435',
-      }
-    });
-  },
-  placeholder: function placeholder(provided, state) {
-    return _objectSpread$2A(_objectSpread$2A({}, provided), {}, {
-      textAlign: 'right'
-    });
-  }
-};
 var defaultstylestranslated = {
   option: function option(provided, state) {
     return _objectSpread$2A(_objectSpread$2A({}, provided), {}, {
@@ -1773,7 +1696,7 @@ var Variantoptions = function Variantoptions(props) {
     onClick: function onClick() {
       setopensizeguidemodal(true);
     }
-  }, 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", {
+  }, 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", {
     "class": "my-3 col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: 'm-0 p-0 wordbreak',
@@ -2590,7 +2513,7 @@ var DescriptionContent = function DescriptionContent(props) {
 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; }
 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; }
 var Product_itemtype = function Product_itemtype(props) {
-  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;
+  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$;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2618,33 +2541,40 @@ var Product_itemtype = function Product_itemtype(props) {
   var currentshowingimageindex_pro = props.actions.currentshowingimageindex;
   var StoreInfoprops = props.actions.StoreInfoprops;
   props.actions.productimagesarray;
+  var sizeguideimage = props.actions.sizeguideimage;
+  // const setopensizeguidemodal = props.actions.setopensizeguidemodal;
+  // const opensizeguidemodal = props.actions.opensizeguidemodal;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    opensizeguidemodal = _useState2[0],
+    setopensizeguidemodal = _useState2[1];
   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);
   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);
-  var _useState = React.useState(currentshowingimageindex_pro),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    currentshowingimageindex = _useState2[0],
-    setcurrentshowingimageindex = _useState2[1];
-  // const DescriptionContent = props.actions.DescriptionContent;
-  var _useState3 = React.useState(''),
+  var _useState3 = React.useState(currentshowingimageindex_pro),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    shareUrl = _useState4[0],
-    setshareUrl = _useState4[1];
+    currentshowingimageindex = _useState4[0],
+    setcurrentshowingimageindex = _useState4[1];
+  // const DescriptionContent = props.actions.DescriptionContent;
   var _useState5 = React.useState(''),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    title = _useState6[0],
-    settitle = _useState6[1];
-  var _useState7 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2);
-    _useState8[0];
-    var setitem = _useState8[1];
-  var _useState9 = React.useState(''),
+    shareUrl = _useState6[0],
+    setshareUrl = _useState6[1];
+  var _useState7 = React.useState(''),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    title = _useState8[0],
+    settitle = _useState8[1];
+  var _useState9 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
     _useState10 = _slicedToArray__default["default"](_useState9, 2);
     _useState10[0];
-    var settotalprice = _useState10[1];
-  var _useState11 = React.useState(null),
-    _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    gallery = _useState12[0],
-    setGallery = _useState12[1]; // Store reference to the gallery
+    var setitem = _useState10[1];
+  var _useState11 = React.useState(''),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2);
+    _useState12[0];
+    var settotalprice = _useState12[1];
+  var _useState13 = React.useState(null),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2),
+    gallery = _useState14[0],
+    setGallery = _useState14[1]; // Store reference to the gallery
   var toggleFullScreen = function toggleFullScreen() {
     if (gallery) {
       gallery.toggleFullScreen();
@@ -3654,8 +3584,19 @@ var Product_itemtype = function Product_itemtype(props) {
         fontSize: sectionproperties.featurevaluefontsize
       }
     }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar))));
-  }))), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 col-md-12 p-md-0 mt-3"
+  }))), 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", {
+    "class": "col-12 text-start mt-3"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": productinfo_cssstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
+    onClick: function onClick() {
+      setopensizeguidemodal(true);
+    }
+  }, 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", {
+    "class": "col-lg-12 col-md-12 my-3 p-md-0"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    "class": "m-0"
+  })), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "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'
   }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     allowMultipleExpanded: true,
     allowZeroExpanded: true
@@ -3734,7 +3675,7 @@ var Product_itemtype = function Product_itemtype(props) {
       color: sectionproperties.prodCatColor
     },
     dangerouslySetInnerHTML: {
-      __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
+      __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
     }
   })))))), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 my-3 p-md-0"
@@ -3859,7 +3800,7 @@ var Product_itemtype = function Product_itemtype(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.RefundPolicy);
     }
-  }, "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", {
+  }, "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", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex flex-row"
@@ -3882,7 +3823,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     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 '
-  }, 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", {
+  }, 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", {
     className: 'm-0 p-0 linethrough wordbreak',
     style: {
       color: sectionproperties.prodsalePriceColor,
@@ -3896,14 +3837,14 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       textDecoration: 'none'
     }
-  }, "-"), 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", {
+  }, "-"), 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", {
     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 '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "ml-2 mr-2",
     style: {
       textDecoration: 'none'
     }
-  }, "-"), 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", {
+  }, "-"), 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", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
@@ -3974,7 +3915,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    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),
+    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),
     style: {
       width: '100%',
       height: '100%',
@@ -4007,13 +3948,13 @@ var Product_itemtype = function Product_itemtype(props) {
       color: sectionproperties.prodCatColor
     },
     dangerouslySetInnerHTML: {
-      __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
+      __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
     }
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-start p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
-  }, 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) {
+  }, 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) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' col-md-6 p-0 mb-3 mt-2 col-lg-' + sectionproperties.featuresnumcols
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4055,7 +3996,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "col-lg-12 p-0 my-4"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, (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) {
+  }, (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) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-4 col-sm-12 mb-md-2 p-md-0"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4082,9 +4023,46 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     },
     dangerouslySetInnerHTML: {
-      __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
+      __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
     }
-  })))))));
+  })))))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
+    show: opensizeguidemodal,
+    onHide: function onHide() {
+      setopensizeguidemodal(false);
+    },
+    centered: true,
+    size: 'lg'
+  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "allcentered cursor-pointer",
+    onClick: function onClick() {
+      setopensizeguidemodal(false);
+    },
+    style: {
+      position: 'absolute',
+      top: 10,
+      width: 35,
+      height: 35,
+      right: 10
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": ' h-100 allcentered text-black '
+  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+    size: 25,
+    "class": productinfo_cssstyles.closemodalbtn
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' w-100 h-100 px-4 py-5 ',
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
 };
 
 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 +6530,50 @@ var Productinfo = function Productinfo(props) {
     _useState28 = _slicedToArray__default["default"](_useState27, 2),
     addtocardpayloadobj = _useState28[0],
     setaddtocardpayloadobj = _useState28[1];
-  var _useState29 = React.useState(''),
-    _useState30 = _slicedToArray__default["default"](_useState29, 2),
-    variantindexcompleted = _useState30[0],
-    setvariantindexcompleted = _useState30[1];
+  var _useState29 = React.useState(false),
+    _useState30 = _slicedToArray__default["default"](_useState29, 2);
+    _useState30[0];
+    var setopensizeguidemodal = _useState30[1];
   var _useState31 = React.useState(''),
     _useState32 = _slicedToArray__default["default"](_useState31, 2),
-    variantindex = _useState32[0],
-    setvariantindex = _useState32[1];
-  var _useState33 = React.useState(false),
+    variantindexcompleted = _useState32[0],
+    setvariantindexcompleted = _useState32[1];
+  var _useState33 = React.useState(''),
     _useState34 = _slicedToArray__default["default"](_useState33, 2),
-    isloaded = _useState34[0],
-    setisloaded = _useState34[1];
+    variantindex = _useState34[0],
+    setvariantindex = _useState34[1];
   var _useState35 = React.useState(false),
-    _useState36 = _slicedToArray__default["default"](_useState35, 2);
-    _useState36[0];
-    _useState36[1];
-  var _useState37 = React.useState(0),
-    _useState38 = _slicedToArray__default["default"](_useState37, 2),
-    currentshowingimageindex = _useState38[0],
-    setcurrentshowingimageindex = _useState38[1];
-  var _useState39 = React.useState(''),
+    _useState36 = _slicedToArray__default["default"](_useState35, 2),
+    isloaded = _useState36[0],
+    setisloaded = _useState36[1];
+  var _useState37 = React.useState(false),
+    _useState38 = _slicedToArray__default["default"](_useState37, 2);
+    _useState38[0];
+    _useState38[1];
+  var _useState39 = React.useState(0),
     _useState40 = _slicedToArray__default["default"](_useState39, 2),
-    tabIndex = _useState40[0],
-    setTabIndex = _useState40[1];
+    currentshowingimageindex = _useState40[0],
+    setcurrentshowingimageindex = _useState40[1];
   var _useState41 = React.useState(''),
     _useState42 = _slicedToArray__default["default"](_useState41, 2),
-    tabname = _useState42[0],
-    settabname = _useState42[1];
-  var _useState43 = React.useState([]),
+    tabIndex = _useState42[0],
+    setTabIndex = _useState42[1];
+  var _useState43 = React.useState(''),
     _useState44 = _slicedToArray__default["default"](_useState43, 2),
-    sizeguideimage = _useState44[0],
-    setsizeguideimage = _useState44[1];
+    tabname = _useState44[0],
+    settabname = _useState44[1];
   var _useState45 = React.useState([]),
     _useState46 = _slicedToArray__default["default"](_useState45, 2),
-    productVideos = _useState46[0],
-    setproductVideos = _useState46[1];
+    sizeguideimage = _useState46[0],
+    setsizeguideimage = _useState46[1];
   var _useState47 = React.useState([]),
     _useState48 = _slicedToArray__default["default"](_useState47, 2),
-    variantvalueidentifier = _useState48[0],
-    setvariantvalueidentifier = _useState48[1];
+    productVideos = _useState48[0],
+    setproductVideos = _useState48[1];
+  var _useState49 = React.useState([]),
+    _useState50 = _slicedToArray__default["default"](_useState49, 2),
+    variantvalueidentifier = _useState50[0],
+    setvariantvalueidentifier = _useState50[1];
   var handleTabChange = function handleTabChange(event, newTabIndex) {
     setTabIndex(newTabIndex);
   };
@@ -7281,6 +7263,16 @@ var Productinfo = function Productinfo(props) {
         color: sectionproperties.applybtn_Textcoloronhover
       }
     }),
+    sizeguidebtn: glamor.css({
+      color: sectionproperties.sizeguidebtncolor,
+      fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
+      transition: '.3s',
+      textDecoration: 'underline',
+      ':hover': {
+        color: sectionproperties.sizeguidebtncoloronhover,
+        fontWeight: sectionproperties.sizeguidebtnfontweight
+      }
+    }),
     form_control: glamor.css((_css = {
       position: 'relative',
       display: 'flex',
@@ -7405,6 +7397,13 @@ var Productinfo = function Productinfo(props) {
         background: sectionproperties.remove_quantitybtn_bgcoloronhover
       }
     }),
+    closemodalbtn: glamor.css({
+      color: sectionproperties.sizeguidebtncolor,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.sizeguidebtncoloronhover
+      }
+    }),
     relatedproductcardcont: glamor.css({
       ':hover .relatedproductNameStyles': {
         color: sectionproperties.relatedprodNameColoronhover
@@ -7938,7 +7937,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _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))
+    }, _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))
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'Article' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
     actions: (_ref2 = {
       variantnotchosendisclaimer: variantnotchosendisclaimer,
@@ -7959,7 +7958,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _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))
+    }, _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))
   }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
     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 ',
     style: {
@@ -12999,6 +12998,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       }
     }, sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-12 p-0 selectwhite' : 'col-lg-12 p-0'
     }, /*#__PURE__*/React__default["default"].createElement("label", {
       className: formstyles.input_label_name + ' d-flex justify-content-start '
     }, lang.country, customeraddressrequierd == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
@@ -13013,7 +13014,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       width: "20px",
       height: "20px",
       duration: "1s"
-    })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && sectionproperties.inputfieldcolor != '#ffffff' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
+    })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
       options: fetchTabexCountriesQueryContext.data.data.countries,
       getOptionLabel: function getOptionLabel(option) {
         var crname = '';
@@ -13043,42 +13044,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         payloadobjchange('countryid', option.id);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-      placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
       isSearchable: true
-    }), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && sectionproperties.inputfieldcolor == '#ffffff' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
-      options: fetchTabexCountriesQueryContext.data.data.countries,
-      getOptionLabel: function getOptionLabel(option) {
-        var crname = '';
-        if (langdetect == 'en') {
-          crname = option.name;
-        } else if (langdetect == 'ar') {
-          if (option.name_ar != null) {
-            crname = option.name_ar;
-          } else {
-            crname = option.name;
-          }
-        }
-        return crname;
-      },
-      getOptionValue: function getOptionValue(option) {
-        return option.id;
-      },
-      autocomplete: "new-password",
-      value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
-        return option.id == payloadobj.countryid;
-      }),
-      onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2n({}, FetchTabexStatesPayloadobjContext);
-        tempFetchTabexStatesPayloadobjContext.functype = 'states';
-        tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$2n({}, tempFetchTabexStatesPayloadobjContext));
-        payloadobjchange('countryid', option.id);
-      },
-      styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
-      placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
-      isSearchable: true
-    })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }))), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-12 p-0 selectwhite' : 'col-lg-12 p-0'
     }, /*#__PURE__*/React__default["default"].createElement("label", {
       className: formstyles.input_label_name + ' d-flex justify-content-start '
     }, lang.choosestategov, ' ', customeraddressrequierd == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
@@ -13097,7 +13067,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
       placeholder: lang.choosestategov,
       isSearchable: true
-    }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && sectionproperties.inputfieldcolor != '#ffffff' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
+    }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
       options: fetchTabexStatesQueryContext.data.data.states,
       getOptionLabel: function getOptionLabel(option) {
         var crname = '';
@@ -13127,42 +13097,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         payloadobjchange('stateid', option.id);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-      placeholder: lang.choosestategov,
       isSearchable: true
-    }), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && sectionproperties.inputfieldcolor == '#ffffff' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
-      options: fetchTabexStatesQueryContext.data.data.states,
-      getOptionLabel: function getOptionLabel(option) {
-        var crname = '';
-        if (langdetect == 'en') {
-          crname = option.name;
-        } else if (langdetect == 'ar') {
-          if (option.name_ar != null) {
-            crname = option.name_ar;
-          } else {
-            crname = option.name;
-          }
-        }
-        return crname;
-      },
-      getOptionValue: function getOptionValue(option) {
-        return option.id;
-      },
-      autocomplete: "new-password",
-      value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
-        return option.id == payloadobj.stateid;
-      }),
-      onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2n({}, FetchTabexStatesPayloadobjContext);
-        tempFetchTabexStatesPayloadobjContext.functype = 'cities';
-        tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$2n({}, tempFetchTabexStatesPayloadobjContext));
-        payloadobjchange('stateid', option.id);
-      },
-      styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
-      placeholder: lang.choosestategov,
-      isSearchable: true
-    })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }))), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-12 p-0 selectwhite' : 'col-lg-12 p-0'
     }, /*#__PURE__*/React__default["default"].createElement("label", {
       className: formstyles.input_label_name + ' d-flex justify-content-start '
     }, lang.city, customeraddressrequierd == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
@@ -13181,7 +13120,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       placeholder: lang.choosecity,
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
       isSearchable: true
-    }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && sectionproperties.inputfieldcolor != '#ffffff' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
+    }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$2, {
       options: fetchTabexCitiesQueryContext.data.data.cities,
       getOptionLabel: function getOptionLabel(option) {
         var crname = '';
@@ -13209,35 +13148,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
       placeholder: lang.choosecity,
       isSearchable: true
-    }), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && sectionproperties.inputfieldcolor == '#ffffff' && /*#__PURE__*/React__default["default"].createElement(Select$2, {
-      options: fetchTabexCitiesQueryContext.data.data.cities,
-      getOptionLabel: function getOptionLabel(option) {
-        var crname = '';
-        if (langdetect == 'en') {
-          crname = option.name;
-        } else if (langdetect == 'ar') {
-          if (option.name_ar != null) {
-            crname = option.name_ar;
-          } else {
-            crname = option.name;
-          }
-        }
-        return crname;
-      },
-      getOptionValue: function getOptionValue(option) {
-        return option.id;
-      },
-      autocomplete: "new-password",
-      value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
-        return option.id == payloadobj.cityid;
-      }),
-      onChange: function onChange(option) {
-        payloadobjchange('cityid', option.id);
-      },
-      styles: langdetect == 'en' ? defaultstyleswhite : defaultstylestranslatedwhite,
-      placeholder: lang.choosecity,
-      isSearchable: true
-    })), sectionproperties.hideaddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }))), sectionproperties.hideaddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
     }, /*#__PURE__*/React__default["default"].createElement("label", {
       className: "".concat(formstyles.input_label_name) + ' mb-1  d-flex align-items-start '
@@ -23757,7 +23668,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$21(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; }
 function _objectSpread$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _authdetailsContext$i4, _authdetailsContext$i5, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _returnpolicyobj17, _returnpolicyobj18, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _returnpolicyobj23, _returnpolicyobj24;
+  var _authdetailsContext$i4, _authdetailsContext$i5, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i10, _returnpolicyobj17, _returnpolicyobj18, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _returnpolicyobj23, _returnpolicyobj24;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -25207,7 +25118,92 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }, lang.logout))))), activeTab == 'categories' && sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 accordionContainer anim'
-  }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion())))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
+  }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion(), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '6783c92e08789' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, sectionproperties.showlanuagecontainer == 'Show' && sectionproperties.langresponsiveposition == 'In Menu' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 pl-3 pr-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start mb-2  ',
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(header_cssstyles.navbar_item_text_responsive) + ' m-0 p-0 ',
+    style: {
+      cursor: 'default'
+    }
+  }, langdetect == 'en' ? 'Language' : 'اللغة')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start my-1"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100",
+    style: {
+      background: sectionproperties.langcontainerbgresp,
+      borderRadius: 5
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
+    onClick: function onClick() {
+      setlang('en');
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 w-100 allcentered py-3",
+    style: {
+      background: langdetect == 'en' ? sectionproperties.langcontainerbgresp_active : 'transparent',
+      borderRadius: 5,
+      fontSize: 15,
+      color: sectionproperties.language_container_color_resp
+    }
+  }, "English")), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
+    onClick: function onClick() {
+      setlang('ar');
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 w-100 allcentered py-3",
+    style: {
+      borderRadius: 5,
+      background: langdetect == 'ar' ? sectionproperties.langcontainerbgresp_active : 'transparent',
+      fontSize: 15,
+      color: sectionproperties.language_container_color_resp
+    }
+  }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629"))))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 pl-3 pr-3 mt-5"
+  }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Login);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": "userbtn_resp mx-2"
+  }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.accountinfo);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": header_cssstyles.loggedintext + ' text-start text-overflow d-block loggedintext mx-2 '
+  }, authdetailsContext.customerinfo.name))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": ' d-flex align-items-center justify-content-center p-0 m-0 ',
+    onClick: function onClick() {
+      LogoutMutationContext.mutate();
+      setmenuactive(false);
+    },
+    style: {
+      width: '90%',
+      height: 40,
+      background: 'white',
+      color: '#000',
+      fontSize: 16
+    }
+  }, lang.logout))))))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
     show: openmenuCanvas,
     onHide: function onHide() {
       setopenmenuCanvas(false);