tabexseriescomponents 0.0.335 → 0.0.337

package/dist/index.cjs.js

@@ -1518,7 +1518,7 @@ var Variantoptions = function Variantoptions(props) {
 };
 
 var ProductHeaderPricing = function ProductHeaderPricing(props) {
-  var _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25;
+  var _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, _fetchProductInfoQuer32, _fetchProductInfoQuer33;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -1529,17 +1529,17 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   var quantityconditionfoundobjprops = props.actions.quantityconditionfoundobjprops;
   var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   var _useState = React.useState(''),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    defaultpricing = _useState2[0],
-    setdefaultpricing = _useState2[1];
+    _useState2 = _slicedToArray__default["default"](_useState, 2);
+    _useState2[0];
+    var setdefaultpricing = _useState2[1];
   React.useEffect(function () {
     var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
     var price = '';
-    if (fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
+    if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
       price = getprice_discountpriceprops('defaultprice', 0, variantindexcompleted);
-    } else if (fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
+    } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
       price = getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted);
-    } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
+    } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
       price = getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted);
     } else {
       price = getprice_discountpriceprops('defaultprice', 0, variantindexcompleted);
@@ -1619,13 +1619,13 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
       fontWeight: sectionproperties.defaultPriceFontWeight,
       color: sectionproperties.defaultPriceColor
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', defaultpricing, " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : (_fetchProductInfoQuer7 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.hassale) == 1 && getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.variants[variantindexcompleted]) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.hassale) == 0 && getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
       fontWeight: sectionproperties.defaultSalePriceFontWeight,
       color: sectionproperties.defaultSalePriceColor
     }
-  }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : (_fetchProductInfoQuer7 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.variants[variantindexcompleted]) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
       fontWeight: sectionproperties.defaultSalePriceFontWeight,
@@ -1638,7 +1638,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
       fontWeight: sectionproperties.defaultSalePriceFontWeight,
       color: sectionproperties.defaultSalePriceColor
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.hasvariants) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : (_fetchProductInfoQuer13 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.variants[variantindexcompleted]) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.hasvariants) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.variants[variantindexcompleted]) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "linethrough",
     style: {
       fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
@@ -1647,9 +1647,9 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
     }
   }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && sectionproperties.showpill == 'Show' && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
-  }, SaleCounterPill()), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : (_fetchProductInfoQuer17 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.variants[variantindexcompleted]) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, SaleCounterPill()), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.variants[variantindexcompleted]) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
-  }, SaleCounterPill()))), sectionproperties.showcashbackcontainer == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.productcashbackvalue) > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, SaleCounterPill()))), sectionproperties.showcashbackcontainer == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.productcashbackvalue) > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start mt-1 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.cashbackoutercontainer) + ' d-flex flex-row allcentered px-2 '
@@ -1663,7 +1663,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
     style: {
       fontWeight: 600
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.productcashbackvalue, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.productcashbackvalue, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": productinfo_cssstyles.profitcontainer + ' allcentered '
@@ -1943,7 +1943,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2d(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _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, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94;
+  var _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, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer101, _fetchProductInfoQuer102;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -1983,9 +1983,9 @@ var Product_itemtype = function Product_itemtype(props) {
     _useState6[0];
     var setitem = _useState6[1];
   var _useState7 = React.useState(''),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    totalprice = _useState8[0],
-    settotalprice = _useState8[1];
+    _useState8 = _slicedToArray__default["default"](_useState7, 2);
+    _useState8[0];
+    var settotalprice = _useState8[1];
   React.useEffect(function () {
     var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
     if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -2072,14 +2072,14 @@ var Product_itemtype = function Product_itemtype(props) {
   React.useEffect(function () {
     var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
     var totalprice = '';
-    if (variantindexcompleted == undefined && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
-      totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)).toFixed(2);
-    } else if (variantindexcompleted == undefined && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
-      totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)).toFixed(2);
-    } else if (variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
-      totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)).toFixed(2);
+    if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
+      totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
+    } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
+      totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
+    } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
+      totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
     } else {
-      totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)).toFixed(2);
+      totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
     }
     settotalprice(totalprice);
   }, [variantindexcompleted]);
@@ -2618,28 +2618,28 @@ 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 : '', " ", totalprice, 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 ? void 0 : (_fetchProductInfoQuer88 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : (_fetchProductInfoQuer89 = _fetchProductInfoQuer88.data) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : (_fetchProductInfoQuer90 = _fetchProductInfoQuer89.productinfo) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : (_fetchProductInfoQuer91 = _fetchProductInfoQuer90.variants[variantindexcompleted]) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : _fetchProductInfoQuer91.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer92 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : (_fetchProductInfoQuer93 = _fetchProductInfoQuer92.data) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : (_fetchProductInfoQuer94 = _fetchProductInfoQuer93.productinfo) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : (_fetchProductInfoQuer95 = _fetchProductInfoQuer94.variants[variantindexcompleted]) === null || _fetchProductInfoQuer95 === void 0 ? void 0 : _fetchProductInfoQuer95.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,
       fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight
     }
-  }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && variantindexcompleted != undefined && variantindexcompleted.length == 0 && /*#__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), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer88 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : (_fetchProductInfoQuer89 = _fetchProductInfoQuer88.data) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : (_fetchProductInfoQuer90 = _fetchProductInfoQuer89.productinfo) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : (_fetchProductInfoQuer91 = _fetchProductInfoQuer90.variants[variantindexcompleted]) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : _fetchProductInfoQuer91.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 ? void 0 : (_fetchProductInfoQuer96 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer96 === void 0 ? void 0 : (_fetchProductInfoQuer97 = _fetchProductInfoQuer96.data) === null || _fetchProductInfoQuer97 === void 0 ? void 0 : (_fetchProductInfoQuer98 = _fetchProductInfoQuer97.productinfo) === null || _fetchProductInfoQuer98 === void 0 ? void 0 : (_fetchProductInfoQuer99 = _fetchProductInfoQuer98.variants[variantindexcompleted]) === null || _fetchProductInfoQuer99 === void 0 ? void 0 : _fetchProductInfoQuer99.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 ? void 0 : (_fetchProductInfoQuer92 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : (_fetchProductInfoQuer93 = _fetchProductInfoQuer92.data) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : (_fetchProductInfoQuer94 = _fetchProductInfoQuer93.productinfo) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : _fetchProductInfoQuer94.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 ? void 0 : (_fetchProductInfoQuer100 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer100 === void 0 ? void 0 : (_fetchProductInfoQuer101 = _fetchProductInfoQuer100.data) === null || _fetchProductInfoQuer101 === void 0 ? void 0 : (_fetchProductInfoQuer102 = _fetchProductInfoQuer101.productinfo) === null || _fetchProductInfoQuer102 === void 0 ? void 0 : _fetchProductInfoQuer102.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: {
@@ -8352,7 +8352,7 @@ var Checkout = function Checkout(props) {
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: langdetect == 'en' ? "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right ' : "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
       }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(item.productinfo.variantinfo.variantprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2"
+        className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2 flex-column"
       }, item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"

package/dist/index.esm.js

@@ -1471,7 +1471,7 @@ var Variantoptions = function Variantoptions(props) {
 };
 
 var ProductHeaderPricing = function ProductHeaderPricing(props) {
-  var _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25;
+  var _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, _fetchProductInfoQuer32, _fetchProductInfoQuer33;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -1482,17 +1482,17 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   var quantityconditionfoundobjprops = props.actions.quantityconditionfoundobjprops;
   var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    defaultpricing = _useState2[0],
-    setdefaultpricing = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    var setdefaultpricing = _useState2[1];
   useEffect(function () {
     var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
     var price = '';
-    if (fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
+    if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
       price = getprice_discountpriceprops('defaultprice', 0, variantindexcompleted);
-    } else if (fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
+    } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
       price = getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted);
-    } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
+    } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
       price = getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted);
     } else {
       price = getprice_discountpriceprops('defaultprice', 0, variantindexcompleted);
@@ -1572,13 +1572,13 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
       fontWeight: sectionproperties.defaultPriceFontWeight,
       color: sectionproperties.defaultPriceColor
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', defaultpricing, " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React.createElement("span", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : (_fetchProductInfoQuer7 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.hassale) == 1 && getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.variants[variantindexcompleted]) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.hassale) == 0 && getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
       fontWeight: sectionproperties.defaultSalePriceFontWeight,
       color: sectionproperties.defaultSalePriceColor
     }
-  }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : (_fetchProductInfoQuer7 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
+  }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.variants[variantindexcompleted]) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
       fontWeight: sectionproperties.defaultSalePriceFontWeight,
@@ -1591,7 +1591,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
       fontWeight: sectionproperties.defaultSalePriceFontWeight,
       color: sectionproperties.defaultSalePriceColor
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.hasvariants) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : (_fetchProductInfoQuer13 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.variants[variantindexcompleted]) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.hasvariants) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.variants[variantindexcompleted]) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
     "class": "linethrough",
     style: {
       fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
@@ -1600,9 +1600,9 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
     }
   }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && sectionproperties.showpill == 'Show' && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
-  }, SaleCounterPill()), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : (_fetchProductInfoQuer17 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.variants[variantindexcompleted]) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.hassale) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, SaleCounterPill()), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.variants[variantindexcompleted]) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.hassale) == 1 && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
-  }, SaleCounterPill()))), sectionproperties.showcashbackcontainer == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.productcashbackvalue) > 0 && /*#__PURE__*/React.createElement("div", {
+  }, SaleCounterPill()))), sectionproperties.showcashbackcontainer == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.productcashbackvalue) > 0 && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start mt-1 mb-2"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(productinfo_cssstyles.cashbackoutercontainer) + ' d-flex flex-row allcentered px-2 '
@@ -1616,7 +1616,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
     style: {
       fontWeight: 600
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.productcashbackvalue, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.productcashbackvalue, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 mb-2"
   }, /*#__PURE__*/React.createElement("div", {
     "class": productinfo_cssstyles.profitcontainer + ' allcentered '
@@ -1896,7 +1896,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _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, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94;
+  var _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, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer101, _fetchProductInfoQuer102;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -1936,9 +1936,9 @@ var Product_itemtype = function Product_itemtype(props) {
     _useState6[0];
     var setitem = _useState6[1];
   var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    totalprice = _useState8[0],
-    settotalprice = _useState8[1];
+    _useState8 = _slicedToArray(_useState7, 2);
+    _useState8[0];
+    var settotalprice = _useState8[1];
   useEffect(function () {
     var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
     if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -2025,14 +2025,14 @@ var Product_itemtype = function Product_itemtype(props) {
   useEffect(function () {
     var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
     var totalprice = '';
-    if (variantindexcompleted == undefined && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
-      totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)).toFixed(2);
-    } else if (variantindexcompleted == undefined && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
-      totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)).toFixed(2);
-    } else if (variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
-      totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)).toFixed(2);
+    if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
+      totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
+    } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
+      totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
+    } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
+      totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
     } else {
-      totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)).toFixed(2);
+      totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
     }
     settotalprice(totalprice);
   }, [variantindexcompleted]);
@@ -2571,28 +2571,28 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.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 : '', " ", totalprice, langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.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 ? void 0 : (_fetchProductInfoQuer88 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : (_fetchProductInfoQuer89 = _fetchProductInfoQuer88.data) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : (_fetchProductInfoQuer90 = _fetchProductInfoQuer89.productinfo) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : (_fetchProductInfoQuer91 = _fetchProductInfoQuer90.variants[variantindexcompleted]) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : _fetchProductInfoQuer91.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer92 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : (_fetchProductInfoQuer93 = _fetchProductInfoQuer92.data) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : (_fetchProductInfoQuer94 = _fetchProductInfoQuer93.productinfo) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : (_fetchProductInfoQuer95 = _fetchProductInfoQuer94.variants[variantindexcompleted]) === null || _fetchProductInfoQuer95 === void 0 ? void 0 : _fetchProductInfoQuer95.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", {
     className: 'm-0 p-0 linethrough wordbreak',
     style: {
       color: sectionproperties.prodsalePriceColor,
       fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight
     }
-  }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React.createElement("span", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && variantindexcompleted != undefined && variantindexcompleted.length == 0 && /*#__PURE__*/React.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.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), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer88 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : (_fetchProductInfoQuer89 = _fetchProductInfoQuer88.data) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : (_fetchProductInfoQuer90 = _fetchProductInfoQuer89.productinfo) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : (_fetchProductInfoQuer91 = _fetchProductInfoQuer90.variants[variantindexcompleted]) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : _fetchProductInfoQuer91.hassale) == 1 && /*#__PURE__*/React.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 ? void 0 : (_fetchProductInfoQuer96 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer96 === void 0 ? void 0 : (_fetchProductInfoQuer97 = _fetchProductInfoQuer96.data) === null || _fetchProductInfoQuer97 === void 0 ? void 0 : (_fetchProductInfoQuer98 = _fetchProductInfoQuer97.productinfo) === null || _fetchProductInfoQuer98 === void 0 ? void 0 : (_fetchProductInfoQuer99 = _fetchProductInfoQuer98.variants[variantindexcompleted]) === null || _fetchProductInfoQuer99 === void 0 ? void 0 : _fetchProductInfoQuer99.hassale) == 1 && /*#__PURE__*/React.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.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 ? void 0 : (_fetchProductInfoQuer92 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : (_fetchProductInfoQuer93 = _fetchProductInfoQuer92.data) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : (_fetchProductInfoQuer94 = _fetchProductInfoQuer93.productinfo) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : _fetchProductInfoQuer94.isproducttobesold) == 1 && /*#__PURE__*/React.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 ? void 0 : (_fetchProductInfoQuer100 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer100 === void 0 ? void 0 : (_fetchProductInfoQuer101 = _fetchProductInfoQuer100.data) === null || _fetchProductInfoQuer101 === void 0 ? void 0 : (_fetchProductInfoQuer102 = _fetchProductInfoQuer101.productinfo) === null || _fetchProductInfoQuer102 === void 0 ? void 0 : _fetchProductInfoQuer102.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -8305,7 +8305,7 @@ var Checkout = function Checkout(props) {
       }, /*#__PURE__*/React.createElement("p", {
         className: langdetect == 'en' ? "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right ' : "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
       }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(item.productinfo.variantinfo.variantprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React.createElement("div", {
-        className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2"
+        className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2 flex-column"
       }, item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
         return /*#__PURE__*/React.createElement("div", {
           "class": "row m-0 w-100"

package/dist/index.umd.js

@@ -1359,7 +1359,7 @@
     };
 
     var ProductHeaderPricing = function ProductHeaderPricing(props) {
-      var _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25;
+      var _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, _fetchProductInfoQuer32, _fetchProductInfoQuer33;
       props.actions.lang;
       var langdetect = props.actions.langdetect;
       var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -1370,17 +1370,17 @@
       var quantityconditionfoundobjprops = props.actions.quantityconditionfoundobjprops;
       var productinfo_cssstyles = props.actions.productinfo_cssstyles;
       var _useState = React.useState(''),
-        _useState2 = _slicedToArray__default["default"](_useState, 2),
-        defaultpricing = _useState2[0],
-        setdefaultpricing = _useState2[1];
+        _useState2 = _slicedToArray__default["default"](_useState, 2);
+        _useState2[0];
+        var setdefaultpricing = _useState2[1];
       React.useEffect(function () {
         var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
         var price = '';
-        if (fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
+        if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
           price = getprice_discountpriceprops('defaultprice', 0, variantindexcompleted);
-        } else if (fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
+        } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
           price = getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted);
-        } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
+        } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
           price = getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted);
         } else {
           price = getprice_discountpriceprops('defaultprice', 0, variantindexcompleted);
@@ -1460,13 +1460,13 @@
           fontWeight: sectionproperties.defaultPriceFontWeight,
           color: sectionproperties.defaultPriceColor
         }
-      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', defaultpricing, " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
+      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : (_fetchProductInfoQuer7 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.hassale) == 1 && getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.variants[variantindexcompleted]) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.hassale) == 0 && getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
         style: {
           fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
           fontWeight: sectionproperties.defaultSalePriceFontWeight,
           color: sectionproperties.defaultSalePriceColor
         }
-      }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : (_fetchProductInfoQuer7 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.variants[variantindexcompleted]) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+      }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.variants[variantindexcompleted]) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
         style: {
           fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
           fontWeight: sectionproperties.defaultSalePriceFontWeight,
@@ -1479,7 +1479,7 @@
           fontWeight: sectionproperties.defaultSalePriceFontWeight,
           color: sectionproperties.defaultSalePriceColor
         }
-      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.hasvariants) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : (_fetchProductInfoQuer13 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.variants[variantindexcompleted]) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.hasvariants) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.variants[variantindexcompleted]) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
         "class": "linethrough",
         style: {
           fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
@@ -1488,9 +1488,9 @@
         }
       }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && sectionproperties.showpill == 'Show' && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
-      }, SaleCounterPill()), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : (_fetchProductInfoQuer17 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.variants[variantindexcompleted]) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, SaleCounterPill()), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.variants[variantindexcompleted]) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
-      }, SaleCounterPill()))), sectionproperties.showcashbackcontainer == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.productcashbackvalue) > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, SaleCounterPill()))), sectionproperties.showcashbackcontainer == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.productcashbackvalue) > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex justify-content-start mt-1 mb-2"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(productinfo_cssstyles.cashbackoutercontainer) + ' d-flex flex-row allcentered px-2 '
@@ -1504,7 +1504,7 @@
         style: {
           fontWeight: 600
         }
-      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.productcashbackvalue, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.productcashbackvalue, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 mb-2"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": productinfo_cssstyles.profitcontainer + ' allcentered '
@@ -1784,7 +1784,7 @@
     function ownKeys$2d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$2d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2d(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Product_itemtype = function Product_itemtype(props) {
-      var _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, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94;
+      var _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, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer101, _fetchProductInfoQuer102;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
       var srcfromprops = props.actions.srcfromprops;
@@ -1824,9 +1824,9 @@
         _useState6[0];
         var setitem = _useState6[1];
       var _useState7 = React.useState(''),
-        _useState8 = _slicedToArray__default["default"](_useState7, 2),
-        totalprice = _useState8[0],
-        settotalprice = _useState8[1];
+        _useState8 = _slicedToArray__default["default"](_useState7, 2);
+        _useState8[0];
+        var settotalprice = _useState8[1];
       React.useEffect(function () {
         var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
         if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -1913,14 +1913,14 @@
       React.useEffect(function () {
         var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
         var totalprice = '';
-        if (variantindexcompleted == undefined && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
-          totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)).toFixed(2);
-        } else if (variantindexcompleted == undefined && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
-          totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)).toFixed(2);
-        } else if (variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
-          totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)).toFixed(2);
+        if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
+          totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
+        } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
+          totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
+        } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : (_fetchProductInfoQuer4 = _fetchProductInfoQuer3.variants[variantindexcompleted]) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.hassale) == 1) {
+          totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
         } else {
-          totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)).toFixed(2);
+          totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
         }
         settotalprice(totalprice);
       }, [variantindexcompleted]);
@@ -2459,28 +2459,28 @@
         }
       }, /*#__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 : '', " ", totalprice, 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 ? void 0 : (_fetchProductInfoQuer88 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : (_fetchProductInfoQuer89 = _fetchProductInfoQuer88.data) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : (_fetchProductInfoQuer90 = _fetchProductInfoQuer89.productinfo) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : (_fetchProductInfoQuer91 = _fetchProductInfoQuer90.variants[variantindexcompleted]) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : _fetchProductInfoQuer91.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer92 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : (_fetchProductInfoQuer93 = _fetchProductInfoQuer92.data) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : (_fetchProductInfoQuer94 = _fetchProductInfoQuer93.productinfo) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : (_fetchProductInfoQuer95 = _fetchProductInfoQuer94.variants[variantindexcompleted]) === null || _fetchProductInfoQuer95 === void 0 ? void 0 : _fetchProductInfoQuer95.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,
           fontSize: sectionproperties.prodsalepriceFontSize + 'px',
           fontWeight: sectionproperties.prodsalePriceFontWeight
         }
-      }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
+      }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && variantindexcompleted != undefined && variantindexcompleted.length == 0 && /*#__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), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && variantindexcompleted != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer88 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : (_fetchProductInfoQuer89 = _fetchProductInfoQuer88.data) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : (_fetchProductInfoQuer90 = _fetchProductInfoQuer89.productinfo) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : (_fetchProductInfoQuer91 = _fetchProductInfoQuer90.variants[variantindexcompleted]) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : _fetchProductInfoQuer91.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 ? void 0 : (_fetchProductInfoQuer96 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer96 === void 0 ? void 0 : (_fetchProductInfoQuer97 = _fetchProductInfoQuer96.data) === null || _fetchProductInfoQuer97 === void 0 ? void 0 : (_fetchProductInfoQuer98 = _fetchProductInfoQuer97.productinfo) === null || _fetchProductInfoQuer98 === void 0 ? void 0 : (_fetchProductInfoQuer99 = _fetchProductInfoQuer98.variants[variantindexcompleted]) === null || _fetchProductInfoQuer99 === void 0 ? void 0 : _fetchProductInfoQuer99.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 ? void 0 : (_fetchProductInfoQuer92 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : (_fetchProductInfoQuer93 = _fetchProductInfoQuer92.data) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : (_fetchProductInfoQuer94 = _fetchProductInfoQuer93.productinfo) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : _fetchProductInfoQuer94.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 ? void 0 : (_fetchProductInfoQuer100 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer100 === void 0 ? void 0 : (_fetchProductInfoQuer101 = _fetchProductInfoQuer100.data) === null || _fetchProductInfoQuer101 === void 0 ? void 0 : (_fetchProductInfoQuer102 = _fetchProductInfoQuer101.productinfo) === null || _fetchProductInfoQuer102 === void 0 ? void 0 : _fetchProductInfoQuer102.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: {
@@ -8193,7 +8193,7 @@
           }, /*#__PURE__*/React__default["default"].createElement("p", {
             className: langdetect == 'en' ? "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right ' : "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
           }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(item.productinfo.variantinfo.variantprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2"
+            className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2 flex-column"
           }, item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
               "class": "row m-0 w-100"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.335",
+    "version": "0.0.337",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {