tabexseriescomponents 0.0.333 → 0.0.335

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -1470,9 +1470,8 @@ var Variantoptions = function Variantoptions(props) {
1470
1470
  }))));
1471
1471
  };
1472
1472
 
1473
- //productidprops
1474
1473
  var ProductHeaderPricing = function ProductHeaderPricing(props) {
1475
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6;
1474
+ var _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25;
1476
1475
  props.actions.lang;
1477
1476
  var langdetect = props.actions.langdetect;
1478
1477
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -1482,6 +1481,63 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
1482
1481
  var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
1483
1482
  var quantityconditionfoundobjprops = props.actions.quantityconditionfoundobjprops;
1484
1483
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
1484
+ var _useState = useState(''),
1485
+ _useState2 = _slicedToArray(_useState, 2),
1486
+ defaultpricing = _useState2[0],
1487
+ setdefaultpricing = _useState2[1];
1488
+ useEffect(function () {
1489
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
1490
+ var price = '';
1491
+ if (fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
1492
+ price = getprice_discountpriceprops('defaultprice', 0, variantindexcompleted);
1493
+ } else if (fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
1494
+ price = getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted);
1495
+ } 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) {
1496
+ price = getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted);
1497
+ } else {
1498
+ price = getprice_discountpriceprops('defaultprice', 0, variantindexcompleted);
1499
+ }
1500
+ setdefaultpricing(price);
1501
+ }, [variantindexcompleted]);
1502
+ var SaleCounterPill = function SaleCounterPill() {
1503
+ return /*#__PURE__*/React.createElement("div", {
1504
+ "class": "row m-0 w-100"
1505
+ }, /*#__PURE__*/React.createElement("div", {
1506
+ "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
1507
+ }, /*#__PURE__*/React.createElement("p", {
1508
+ "class": "m-0 p-0 d-flex align-items-center justift-content-start"
1509
+ }, /*#__PURE__*/React.createElement("span", {
1510
+ style: {
1511
+ fontSize: sectionproperties.counterTitleFontSize + 'px',
1512
+ color: sectionproperties.counterTitleColor,
1513
+ fontWeight: sectionproperties.counterTitleFontWeight
1514
+ }
1515
+ }, langdetect == 'en' ? sectionproperties.countertitleen : sectionproperties.countertitlear), /*#__PURE__*/React.createElement("span", {
1516
+ "class": "ml-1 mr-1",
1517
+ style: {
1518
+ fontSize: sectionproperties.counterValueFontSize + 'px',
1519
+ color: sectionproperties.counterValueColor,
1520
+ fontWeight: sectionproperties.counterValueFontWeight
1521
+ }
1522
+ }, parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted) - getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)).toFixed(2), ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("div", {
1523
+ style: {
1524
+ background: sectionproperties.pillbgcolor,
1525
+ width: 'fit-content',
1526
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
1527
+ border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
1528
+ direction: 'ltr'
1529
+ },
1530
+ "class": "ml-2 mr-2"
1531
+ }, /*#__PURE__*/React.createElement("p", {
1532
+ "class": "m-0 pl-2 pr-2 py-0",
1533
+ style: {
1534
+ color: sectionproperties.pillcolor,
1535
+ fontWeight: sectionproperties.pillfontWeight,
1536
+ fontSize: '13px',
1537
+ lineHeight: '25px'
1538
+ }
1539
+ }, '-' + parseFloat(Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'))));
1540
+ };
1485
1541
  return /*#__PURE__*/React.createElement("div", {
1486
1542
  "class": "col-lg-12 p-0"
1487
1543
  }, /*#__PURE__*/React.createElement("div", {
@@ -1516,54 +1572,37 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
1516
1572
  fontWeight: sectionproperties.defaultPriceFontWeight,
1517
1573
  color: sectionproperties.defaultPriceColor
1518
1574
  }
1519
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? getprice_discountpriceprops('defaultprice', 0, variantindexcompleted) : getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("span", {
1575
+ }, 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", {
1520
1576
  style: {
1521
1577
  fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
1522
1578
  fontWeight: sectionproperties.defaultSalePriceFontWeight,
1523
1579
  color: sectionproperties.defaultSalePriceColor
1524
1580
  }
1525
- }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("span", {
1526
- "class": "linethrough",
1581
+ }, ' ', "-", ' '), 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", {
1527
1582
  style: {
1528
1583
  fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
1529
1584
  fontWeight: sectionproperties.defaultSalePriceFontWeight,
1530
1585
  color: sectionproperties.defaultSalePriceColor
1531
1586
  }
1532
- }, 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' && /*#__PURE__*/React.createElement("div", {
1533
- "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
1534
- }, /*#__PURE__*/React.createElement("p", {
1535
- "class": "m-0 p-0 d-flex align-items-center justift-content-start"
1536
- }, /*#__PURE__*/React.createElement("span", {
1537
- style: {
1538
- fontSize: sectionproperties.counterTitleFontSize + 'px',
1539
- color: sectionproperties.counterTitleColor,
1540
- fontWeight: sectionproperties.counterTitleFontWeight
1541
- }
1542
- }, langdetect == 'en' ? sectionproperties.countertitleen : sectionproperties.countertitlear), /*#__PURE__*/React.createElement("span", {
1543
- "class": "ml-1 mr-1",
1587
+ }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React.createElement("span", {
1588
+ "class": "linethrough",
1544
1589
  style: {
1545
- fontSize: sectionproperties.counterValueFontSize + 'px',
1546
- color: sectionproperties.counterValueColor,
1547
- fontWeight: sectionproperties.counterValueFontWeight
1590
+ fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
1591
+ fontWeight: sectionproperties.defaultSalePriceFontWeight,
1592
+ color: sectionproperties.defaultSalePriceColor
1548
1593
  }
1549
- }, parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted) - getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)).toFixed(2), ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("div", {
1550
- style: {
1551
- background: sectionproperties.pillbgcolor,
1552
- width: 'fit-content',
1553
- borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
1554
- border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
1555
- direction: 'ltr'
1556
- },
1557
- "class": "ml-2 mr-2"
1558
- }, /*#__PURE__*/React.createElement("p", {
1559
- "class": "m-0 pl-2 pr-2 py-0",
1594
+ }, 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", {
1595
+ "class": "linethrough",
1560
1596
  style: {
1561
- color: sectionproperties.pillcolor,
1562
- fontWeight: sectionproperties.pillfontWeight,
1563
- fontSize: '13px',
1564
- lineHeight: '25px'
1597
+ fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
1598
+ fontWeight: sectionproperties.defaultSalePriceFontWeight,
1599
+ color: sectionproperties.defaultSalePriceColor
1565
1600
  }
1566
- }, '-' + parseFloat(Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'))))), sectionproperties.showcashbackcontainer == 'Show' && (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 : _fetchProductInfoQuer3.productcashbackvalue) > 0 && /*#__PURE__*/React.createElement("div", {
1601
+ }, 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", {
1602
+ "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
1603
+ }, 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", {
1604
+ "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
1605
+ }, 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", {
1567
1606
  "class": "col-lg-12 p-0 d-flex justify-content-start mt-1 mb-2"
1568
1607
  }, /*#__PURE__*/React.createElement("div", {
1569
1608
  "class": "".concat(productinfo_cssstyles.cashbackoutercontainer) + ' d-flex flex-row allcentered px-2 '
@@ -1577,7 +1616,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
1577
1616
  style: {
1578
1617
  fontWeight: 600
1579
1618
  }
1580
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : (_fetchProductInfoQuer5 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productcashbackvalue, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
1619
+ }, 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", {
1581
1620
  "class": "col-lg-12 p-0 mb-2"
1582
1621
  }, /*#__PURE__*/React.createElement("div", {
1583
1622
  "class": productinfo_cssstyles.profitcontainer + ' allcentered '
@@ -1857,7 +1896,7 @@ var DescriptionContent = function DescriptionContent(props) {
1857
1896
  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; }
1858
1897
  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; }
1859
1898
  var Product_itemtype = function Product_itemtype(props) {
1860
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _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;
1899
+ 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;
1861
1900
  var lang = props.actions.lang;
1862
1901
  var langdetect = props.actions.langdetect;
1863
1902
  var srcfromprops = props.actions.srcfromprops;
@@ -1896,6 +1935,10 @@ var Product_itemtype = function Product_itemtype(props) {
1896
1935
  _useState6 = _slicedToArray(_useState5, 2);
1897
1936
  _useState6[0];
1898
1937
  var setitem = _useState6[1];
1938
+ var _useState7 = useState(''),
1939
+ _useState8 = _slicedToArray(_useState7, 2),
1940
+ totalprice = _useState8[0],
1941
+ settotalprice = _useState8[1];
1899
1942
  useEffect(function () {
1900
1943
  var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
1901
1944
  if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -1976,6 +2019,23 @@ var Product_itemtype = function Product_itemtype(props) {
1976
2019
  round: true
1977
2020
  }))))));
1978
2021
  };
2022
+ // {fetchProductInfoQueryContext.data.data.productinfo.hassale == 0
2023
+ // ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2)
2024
+ // : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)}
2025
+ useEffect(function () {
2026
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
2027
+ var totalprice = '';
2028
+ if (variantindexcompleted == undefined && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
2029
+ totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)).toFixed(2);
2030
+ } else if (variantindexcompleted == undefined && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
2031
+ totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)).toFixed(2);
2032
+ } 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) {
2033
+ totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)).toFixed(2);
2034
+ } else {
2035
+ totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)).toFixed(2);
2036
+ }
2037
+ settotalprice(totalprice);
2038
+ }, [variantindexcompleted]);
1979
2039
  return /*#__PURE__*/React.createElement("div", {
1980
2040
  className: sectionproperties.card_marginLeft != 0 ? ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 p-sm-0 ' : ' row m-0 w-100 p-sm-0 ',
1981
2041
  style: {
@@ -1991,7 +2051,7 @@ var Product_itemtype = function Product_itemtype(props) {
1991
2051
  }
1992
2052
  }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
1993
2053
  "class": "w-100 scrollhorizontalwithscrollbar"
1994
- }, (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.productimages) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.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 : _fetchProductInfoQuer7.productimages.map(function (item, index) {
2054
+ }, (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.productimages) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.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 : _fetchProductInfoQuer11.productimages.map(function (item, index) {
1995
2055
  return /*#__PURE__*/React.createElement("div", {
1996
2056
  "class": ' scrollhorizontalcard mx-2 ',
1997
2057
  style: {
@@ -2062,7 +2122,7 @@ var Product_itemtype = function Product_itemtype(props) {
2062
2122
  }, /*#__PURE__*/React.createElement("div", {
2063
2123
  className: "row m-0 w-100"
2064
2124
  }, /*#__PURE__*/React.createElement("div", {
2065
- className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
2125
+ className: (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 : _fetchProductInfoQuer14.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
2066
2126
  }, /*#__PURE__*/React.createElement("p", {
2067
2127
  className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer font-sm-15 ',
2068
2128
  onClick: function onClick() {
@@ -2071,11 +2131,11 @@ var Product_itemtype = function Product_itemtype(props) {
2071
2131
  style: {
2072
2132
  textAlign: langdetect == 'en' ? 'left' : 'right'
2073
2133
  }
2074
- }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : (_fetchProductInfoQuer13 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React.createElement("div", {
2134
+ }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : (_fetchProductInfoQuer17 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React.createElement("div", {
2075
2135
  className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
2076
2136
  }, /*#__PURE__*/React.createElement(ReactStars, {
2077
2137
  count: 5,
2078
- value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.productoverallrate,
2138
+ value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : (_fetchProductInfoQuer20 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.productoverallrate,
2079
2139
  edit: false,
2080
2140
  size: 18,
2081
2141
  emptyIcon: /*#__PURE__*/React.createElement("i", {
@@ -2096,7 +2156,7 @@ var Product_itemtype = function Product_itemtype(props) {
2096
2156
  activeColor: "#ffd700"
2097
2157
  })), /*#__PURE__*/React.createElement("div", {
2098
2158
  className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
2099
- }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (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.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2159
+ }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2100
2160
  style: {
2101
2161
  width: sectionproperties.availability_width + 'px',
2102
2162
  height: sectionproperties.availability_height + 'px',
@@ -2143,7 +2203,7 @@ var Product_itemtype = function Product_itemtype(props) {
2143
2203
  size: sectionproperties.favBtnIconfontsize
2144
2204
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
2145
2205
  size: sectionproperties.favBtnIconfontsize
2146
- }))))), (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.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React.createElement("div", {
2206
+ }))))), (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 : _fetchProductInfoQuer26.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React.createElement("div", {
2147
2207
  "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
2148
2208
  }, /*#__PURE__*/React.createElement("p", {
2149
2209
  "class": "m-0 p-0",
@@ -2154,8 +2214,8 @@ var Product_itemtype = function Product_itemtype(props) {
2154
2214
  style: {
2155
2215
  fontWeight: 600
2156
2216
  }
2157
- }, 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 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.vendorinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.vendorname))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
2158
- "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : (_fetchProductInfoQuer28 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
2217
+ }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : (_fetchProductInfoQuer28 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.vendorinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.vendorname))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
2218
+ "class": sectionproperties.deliverytimeshow == 'Show' && (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.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
2159
2219
  }, /*#__PURE__*/React.createElement("p", {
2160
2220
  "class": "m-0 p-0 d-flex justify-content-start"
2161
2221
  }, /*#__PURE__*/React.createElement("span", {
@@ -2173,13 +2233,13 @@ var Product_itemtype = function Product_itemtype(props) {
2173
2233
  fontSize: sectionproperties.skuFontSize + 'px',
2174
2234
  textAlign: langdetect == 'en' ? 'left' : 'right'
2175
2235
  }
2176
- }, fetchProductInfoQueryContext.data.data.productinfo.sku))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : (_fetchProductInfoQuer31 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : (_fetchProductInfoQuer34 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : (_fetchProductInfoQuer35 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : _fetchProductInfoQuer35.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer36 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : (_fetchProductInfoQuer37 = _fetchProductInfoQuer36.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.productinfo) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : _fetchProductInfoQuer38.hasvariants) == 0 && /*#__PURE__*/React.createElement("div", {
2236
+ }, fetchProductInfoQueryContext.data.data.productinfo.sku))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : (_fetchProductInfoQuer35 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.hasvariants) == 0 && /*#__PURE__*/React.createElement("div", {
2177
2237
  "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
2178
2238
  }, /*#__PURE__*/React.createElement("div", {
2179
2239
  "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
2180
2240
  }, /*#__PURE__*/React.createElement("p", {
2181
2241
  "class": "m-0 p-0"
2182
- }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer39 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : (_fetchProductInfoQuer40 = _fetchProductInfoQuer39.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.productinfo) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : _fetchProductInfoQuer41.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
2242
+ }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer43 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.productinfo) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : _fetchProductInfoQuer45.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
2183
2243
  "class": "mb-4 col-lg-12 allcentered",
2184
2244
  style: {
2185
2245
  width: '100%',
@@ -2200,9 +2260,9 @@ var Product_itemtype = function Product_itemtype(props) {
2200
2260
  textAlign: langdetect == 'en' ? 'left' : 'right',
2201
2261
  color: sectionproperties.deliverytimecontainercolor
2202
2262
  }
2203
- }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer42 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : (_fetchProductInfoQuer43 = _fetchProductInfoQuer42.data) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.productinfo) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : _fetchProductInfoQuer44.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer45 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : (_fetchProductInfoQuer46 = _fetchProductInfoQuer45.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.productinfo) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : _fetchProductInfoQuer47.isproducttobesold) == 1 && /*#__PURE__*/React.createElement(ProductHeaderPricing, {
2263
+ }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer46 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.productinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer49 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : (_fetchProductInfoQuer50 = _fetchProductInfoQuer49.data) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.isproducttobesold) == 1 && /*#__PURE__*/React.createElement(ProductHeaderPricing, {
2204
2264
  actions: props.actions
2205
- }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer48 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : (_fetchProductInfoQuer49 = _fetchProductInfoQuer48.data) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : (_fetchProductInfoQuer50 = _fetchProductInfoQuer49.productinfo) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : _fetchProductInfoQuer50.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React.createElement("div", {
2265
+ }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer52 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : (_fetchProductInfoQuer53 = _fetchProductInfoQuer52.data) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : (_fetchProductInfoQuer54 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React.createElement("div", {
2206
2266
  className: "row m-0 w-100 d-flex align-items-start"
2207
2267
  }, ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 ? void 0 : (_ProductInfoObj$data$ = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data$ === void 0 ? void 0 : (_ProductInfoObj$data$2 = _ProductInfoObj$data$.productoptions) === null || _ProductInfoObj$data$2 === void 0 ? void 0 : _ProductInfoObj$data$2.map(function (item, index) {
2208
2268
  return /*#__PURE__*/React.createElement("div", {
@@ -2279,7 +2339,7 @@ var Product_itemtype = function Product_itemtype(props) {
2279
2339
  }
2280
2340
  }, /*#__PURE__*/React.createElement("div", {
2281
2341
  className: "row m-0 w-100 d-flex align-items-center"
2282
- }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer51 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : (_fetchProductInfoQuer52 = _fetchProductInfoQuer51.data) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : (_fetchProductInfoQuer53 = _fetchProductInfoQuer52.productinfo) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : _fetchProductInfoQuer53.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer54 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : (_fetchProductInfoQuer55 = _fetchProductInfoQuer54.data) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : (_fetchProductInfoQuer56 = _fetchProductInfoQuer55.productinfo) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : _fetchProductInfoQuer56.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
2342
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : (_fetchProductInfoQuer56 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : (_fetchProductInfoQuer57 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : (_fetchProductInfoQuer59 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : (_fetchProductInfoQuer60 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
2283
2343
  className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
2284
2344
  }, /*#__PURE__*/React.createElement("p", {
2285
2345
  className: "m-0 p-0",
@@ -2296,7 +2356,7 @@ var Product_itemtype = function Product_itemtype(props) {
2296
2356
  style: {
2297
2357
  justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
2298
2358
  }
2299
- }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer57 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : (_fetchProductInfoQuer58 = _fetchProductInfoQuer57.data) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : (_fetchProductInfoQuer59 = _fetchProductInfoQuer58.productinfo) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : (_fetchProductInfoQuer61 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : (_fetchProductInfoQuer62 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("button", {
2359
+ }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : (_fetchProductInfoQuer62 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : (_fetchProductInfoQuer63 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : (_fetchProductInfoQuer65 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : (_fetchProductInfoQuer66 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : _fetchProductInfoQuer66.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("button", {
2300
2360
  className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
2301
2361
  style: {
2302
2362
  height: sectionproperties.quantitybtn_height + 'px',
@@ -2338,7 +2398,7 @@ var Product_itemtype = function Product_itemtype(props) {
2338
2398
  }
2339
2399
  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiPlus, {
2340
2400
  size: sectionproperties.add_quantitybtn_textfontsize
2341
- })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : (_fetchProductInfoQuer64 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : (_fetchProductInfoQuer65 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
2401
+ })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer67 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : (_fetchProductInfoQuer68 = _fetchProductInfoQuer67.data) === null || _fetchProductInfoQuer68 === void 0 ? void 0 : (_fetchProductInfoQuer69 = _fetchProductInfoQuer68.productinfo) === null || _fetchProductInfoQuer69 === void 0 ? void 0 : _fetchProductInfoQuer69.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
2342
2402
  className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
2343
2403
  onClick: function onClick() {
2344
2404
  if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
@@ -2369,7 +2429,7 @@ var Product_itemtype = function Product_itemtype(props) {
2369
2429
  size: sectionproperties.cartBtn_iconFontSize
2370
2430
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
2371
2431
  size: sectionproperties.cartBtn_iconFontSize
2372
- })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer66 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : (_fetchProductInfoQuer67 = _fetchProductInfoQuer66.data) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : (_fetchProductInfoQuer68 = _fetchProductInfoQuer67.productinfo) === null || _fetchProductInfoQuer68 === void 0 ? void 0 : _fetchProductInfoQuer68.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer69 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer69 === void 0 ? void 0 : (_fetchProductInfoQuer70 = _fetchProductInfoQuer69.data) === null || _fetchProductInfoQuer70 === void 0 ? void 0 : (_fetchProductInfoQuer71 = _fetchProductInfoQuer70.productinfo) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : _fetchProductInfoQuer71.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
2432
+ })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer70 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer70 === void 0 ? void 0 : (_fetchProductInfoQuer71 = _fetchProductInfoQuer70.data) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : (_fetchProductInfoQuer72 = _fetchProductInfoQuer71.productinfo) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : _fetchProductInfoQuer72.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer73 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : (_fetchProductInfoQuer74 = _fetchProductInfoQuer73.data) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : (_fetchProductInfoQuer75 = _fetchProductInfoQuer74.productinfo) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : _fetchProductInfoQuer75.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
2373
2433
  className: ' d-flex align-items-center justify-content-center '
2374
2434
  }, /*#__PURE__*/React.createElement(CircularProgress, {
2375
2435
  color: "white",
@@ -2414,7 +2474,7 @@ var Product_itemtype = function Product_itemtype(props) {
2414
2474
  style: {
2415
2475
  fontSize: sectionproperties.favBtnTextfontsize + 'px'
2416
2476
  }
2417
- }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer72 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : (_fetchProductInfoQuer73 = _fetchProductInfoQuer72.data) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : (_fetchProductInfoQuer74 = _fetchProductInfoQuer73.productinfo) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : _fetchProductInfoQuer74.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2477
+ }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer76 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer76 === void 0 ? void 0 : (_fetchProductInfoQuer77 = _fetchProductInfoQuer76.data) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : (_fetchProductInfoQuer78 = _fetchProductInfoQuer77.productinfo) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : _fetchProductInfoQuer78.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2418
2478
  "class": "row m-0 w-100 mt-3",
2419
2479
  style: {
2420
2480
  overflow: 'hidden'
@@ -2453,7 +2513,7 @@ var Product_itemtype = function Product_itemtype(props) {
2453
2513
  size: sectionproperties.cartBtn_iconFontSize
2454
2514
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
2455
2515
  size: sectionproperties.cartBtn_iconFontSize
2456
- })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer75 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : (_fetchProductInfoQuer76 = _fetchProductInfoQuer75.data) === null || _fetchProductInfoQuer76 === void 0 ? void 0 : (_fetchProductInfoQuer77 = _fetchProductInfoQuer76.productinfo) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : _fetchProductInfoQuer77.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer78 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : (_fetchProductInfoQuer79 = _fetchProductInfoQuer78.data) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : (_fetchProductInfoQuer80 = _fetchProductInfoQuer79.productinfo) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : _fetchProductInfoQuer80.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
2516
+ })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer79 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : (_fetchProductInfoQuer80 = _fetchProductInfoQuer79.data) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : (_fetchProductInfoQuer81 = _fetchProductInfoQuer80.productinfo) === null || _fetchProductInfoQuer81 === void 0 ? void 0 : _fetchProductInfoQuer81.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer82 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer82 === void 0 ? void 0 : (_fetchProductInfoQuer83 = _fetchProductInfoQuer82.data) === null || _fetchProductInfoQuer83 === void 0 ? void 0 : (_fetchProductInfoQuer84 = _fetchProductInfoQuer83.productinfo) === null || _fetchProductInfoQuer84 === void 0 ? void 0 : _fetchProductInfoQuer84.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
2457
2517
  className: ' d-flex align-items-center justify-content-center '
2458
2518
  }, /*#__PURE__*/React.createElement(CircularProgress, {
2459
2519
  color: "white",
@@ -2488,7 +2548,7 @@ var Product_itemtype = function Product_itemtype(props) {
2488
2548
  size: sectionproperties.favBtnIconfontsize
2489
2549
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
2490
2550
  size: sectionproperties.favBtnIconfontsize
2491
- })))))))), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer81 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer81 === void 0 ? void 0 : (_fetchProductInfoQuer82 = _fetchProductInfoQuer81.data) === null || _fetchProductInfoQuer82 === void 0 ? void 0 : (_fetchProductInfoQuer83 = _fetchProductInfoQuer82.productinfo) === null || _fetchProductInfoQuer83 === void 0 ? void 0 : _fetchProductInfoQuer83.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
2551
+ })))))))), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer85 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer85 === void 0 ? void 0 : (_fetchProductInfoQuer86 = _fetchProductInfoQuer85.data) === null || _fetchProductInfoQuer86 === void 0 ? void 0 : (_fetchProductInfoQuer87 = _fetchProductInfoQuer86.productinfo) === null || _fetchProductInfoQuer87 === void 0 ? void 0 : _fetchProductInfoQuer87.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
2492
2552
  className: "col-lg-12 p-0 mb-3"
2493
2553
  }, /*#__PURE__*/React.createElement("div", {
2494
2554
  className: "row m-0 w-100 d-flex flex-row"
@@ -2511,21 +2571,28 @@ var Product_itemtype = function Product_itemtype(props) {
2511
2571
  }
2512
2572
  }, /*#__PURE__*/React.createElement("span", {
2513
2573
  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 '
2514
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2) : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
2574
+ }, 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", {
2515
2575
  className: 'm-0 p-0 linethrough wordbreak',
2516
2576
  style: {
2517
2577
  color: sectionproperties.prodsalePriceColor,
2518
2578
  fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2519
2579
  fontWeight: sectionproperties.prodsalePriceFontWeight
2520
2580
  }
2521
- }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React.createElement("span", {
2581
+ }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 0 && /*#__PURE__*/React.createElement("span", {
2522
2582
  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 '
2523
2583
  }, /*#__PURE__*/React.createElement("span", {
2524
2584
  className: "ml-2 mr-2",
2525
2585
  style: {
2526
2586
  textDecoration: 'none'
2527
2587
  }
2528
- }, "-"), 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 : (_fetchProductInfoQuer84 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer84 === void 0 ? void 0 : (_fetchProductInfoQuer85 = _fetchProductInfoQuer84.data) === null || _fetchProductInfoQuer85 === void 0 ? void 0 : (_fetchProductInfoQuer86 = _fetchProductInfoQuer85.productinfo) === null || _fetchProductInfoQuer86 === void 0 ? void 0 : _fetchProductInfoQuer86.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2588
+ }, "-"), 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", {
2589
+ 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 '
2590
+ }, /*#__PURE__*/React.createElement("span", {
2591
+ className: "ml-2 mr-2",
2592
+ style: {
2593
+ textDecoration: 'none'
2594
+ }
2595
+ }, "-"), 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", {
2529
2596
  className: "col-lg-12 p-0 mb-3 mt-2"
2530
2597
  }, /*#__PURE__*/React.createElement("div", {
2531
2598
  style: {
@@ -4196,26 +4263,30 @@ var Productinfo = function Productinfo(props) {
4196
4263
  _useState22 = _slicedToArray(_useState21, 2),
4197
4264
  variantindexcompleted = _useState22[0],
4198
4265
  setvariantindexcompleted = _useState22[1];
4199
- var _useState23 = useState(false),
4266
+ var _useState23 = useState(''),
4200
4267
  _useState24 = _slicedToArray(_useState23, 2),
4201
- isloaded = _useState24[0],
4202
- setisloaded = _useState24[1];
4268
+ variantindex = _useState24[0],
4269
+ setvariantindex = _useState24[1];
4203
4270
  var _useState25 = useState(false),
4204
- _useState26 = _slicedToArray(_useState25, 2);
4205
- _useState26[0];
4206
- _useState26[1];
4207
- var _useState27 = useState(0),
4208
- _useState28 = _slicedToArray(_useState27, 2),
4209
- currentshowingimageindex = _useState28[0],
4210
- setcurrentshowingimageindex = _useState28[1];
4271
+ _useState26 = _slicedToArray(_useState25, 2),
4272
+ isloaded = _useState26[0],
4273
+ setisloaded = _useState26[1];
4274
+ var _useState27 = useState(false),
4275
+ _useState28 = _slicedToArray(_useState27, 2);
4276
+ _useState28[0];
4277
+ _useState28[1];
4211
4278
  var _useState29 = useState(0),
4212
4279
  _useState30 = _slicedToArray(_useState29, 2),
4213
- tabIndex = _useState30[0],
4214
- setTabIndex = _useState30[1];
4215
- var _useState31 = useState('descriptiontab'),
4280
+ currentshowingimageindex = _useState30[0],
4281
+ setcurrentshowingimageindex = _useState30[1];
4282
+ var _useState31 = useState(0),
4216
4283
  _useState32 = _slicedToArray(_useState31, 2),
4217
- tabname = _useState32[0],
4218
- settabname = _useState32[1];
4284
+ tabIndex = _useState32[0],
4285
+ setTabIndex = _useState32[1];
4286
+ var _useState33 = useState('descriptiontab'),
4287
+ _useState34 = _slicedToArray(_useState33, 2),
4288
+ tabname = _useState34[0],
4289
+ settabname = _useState34[1];
4219
4290
  var handleTabChange = function handleTabChange(event, newTabIndex) {
4220
4291
  setTabIndex(newTabIndex);
4221
4292
  };
@@ -4472,6 +4543,7 @@ var Productinfo = function Productinfo(props) {
4472
4543
  setcurrentshowingimageindex(variantimageindex);
4473
4544
  setaddtocardpayloadobj(_objectSpread$29({}, tempaddtocardpayloadobj));
4474
4545
  setvariantindexcompleted(ProductVariantIndex);
4546
+ setvariantindex(ProductVariantIndex);
4475
4547
  }
4476
4548
  }
4477
4549
  });
@@ -5370,7 +5442,7 @@ var Productinfo = function Productinfo(props) {
5370
5442
  langdetect: langdetect,
5371
5443
  lang: lang,
5372
5444
  srcfromprops: props.srcfromprops
5373
- }, _defineProperty(_ref, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref, "addtocartfunc", addtocartfunc), _defineProperty(_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref, "productimagesarray", productimagesarray), _defineProperty(_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref, "sectionproperties", sectionproperties), _defineProperty(_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref, "routingcountext", routingcountext), _defineProperty(_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref, "authdetailsContext", authdetailsContext), _defineProperty(_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref, "NotificationManager", NotificationManager), _defineProperty(_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref, "relatedproducts", relatedproducts), _defineProperty(_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref, "StoreInfoprops", StoreInfo), _defineProperty(_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref, "templatepropcontext", templatepropcontext), _defineProperty(_ref, "ikimagecredcontext", ikimagecredcontext), _ref)
5445
+ }, _defineProperty(_ref, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref, "addtocartfunc", addtocartfunc), _defineProperty(_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref, "productimagesarray", productimagesarray), _defineProperty(_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref, "sectionproperties", sectionproperties), _defineProperty(_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref, "routingcountext", routingcountext), _defineProperty(_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref, "authdetailsContext", authdetailsContext), _defineProperty(_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref, "NotificationManager", NotificationManager), _defineProperty(_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref, "relatedproducts", relatedproducts), _defineProperty(_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref, "StoreInfoprops", StoreInfo), _defineProperty(_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref, "templatepropcontext", templatepropcontext), _defineProperty(_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty(_ref, "variantindex", variantindex), _defineProperty(_ref, "setvariantindex", setvariantindex), _ref)
5374
5446
  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React.createElement(Service_itemtype, {
5375
5447
  actions: (_ref2 = {
5376
5448
  returnpolicyobj: returnpolicyobj,
@@ -12250,7 +12322,11 @@ var Filter$1 = function Filter(props) {
12250
12322
  }
12251
12323
  });
12252
12324
  if (!CollectionExists) {
12253
- tempfetchproductsfilerobjcontext.collections.push(collectionid);
12325
+ if (tempfetchproductsfilerobjcontext.collections != undefined && Array.isArray(tempfetchproductsfilerobjcontext.collections)) {
12326
+ tempfetchproductsfilerobjcontext.collections.push(collectionid);
12327
+ } else {
12328
+ tempfetchproductsfilerobjcontext.collections = [collectionid];
12329
+ }
12254
12330
  }
12255
12331
  tempfetchproductsfilerobjcontext.page = 0;
12256
12332
  tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';