tabexseriescomponents 0.0.332 → 0.0.334
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +263 -81
- package/dist/index.esm.js +263 -81
- package/dist/index.umd.js +263 -81
- package/package.json +1 -1
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
|
|
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 (variantindexcompleted == undefined && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
|
|
1492
|
+
price = getprice_discountpriceprops('defaultprice', 0, variantindexcompleted);
|
|
1493
|
+
} else if (variantindexcompleted == undefined && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
|
|
1494
|
+
price = getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted);
|
|
1495
|
+
} 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) {
|
|
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 : '', ' ',
|
|
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
|
-
},
|
|
1533
|
-
"class": "
|
|
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.
|
|
1546
|
-
|
|
1547
|
-
|
|
1590
|
+
fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
|
|
1591
|
+
fontWeight: sectionproperties.defaultSalePriceFontWeight,
|
|
1592
|
+
color: sectionproperties.defaultSalePriceColor
|
|
1548
1593
|
}
|
|
1549
|
-
},
|
|
1550
|
-
|
|
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
|
-
|
|
1562
|
-
fontWeight: sectionproperties.
|
|
1563
|
-
|
|
1564
|
-
lineHeight: '25px'
|
|
1597
|
+
fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
|
|
1598
|
+
fontWeight: sectionproperties.defaultSalePriceFontWeight,
|
|
1599
|
+
color: sectionproperties.defaultSalePriceColor
|
|
1565
1600
|
}
|
|
1566
|
-
}, '
|
|
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 : (
|
|
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
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
2158
|
-
"class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : (
|
|
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 : '',
|
|
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)
|
|
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(
|
|
4266
|
+
var _useState23 = useState(''),
|
|
4200
4267
|
_useState24 = _slicedToArray(_useState23, 2),
|
|
4201
|
-
|
|
4202
|
-
|
|
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(
|
|
4208
|
-
_useState28 = _slicedToArray(_useState27, 2)
|
|
4209
|
-
|
|
4210
|
-
|
|
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
|
-
|
|
4214
|
-
|
|
4215
|
-
var _useState31 = useState(
|
|
4280
|
+
currentshowingimageindex = _useState30[0],
|
|
4281
|
+
setcurrentshowingimageindex = _useState30[1];
|
|
4282
|
+
var _useState31 = useState(0),
|
|
4216
4283
|
_useState32 = _slicedToArray(_useState31, 2),
|
|
4217
|
-
|
|
4218
|
-
|
|
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,
|
|
@@ -8149,6 +8221,12 @@ var Checkout = function Checkout(props) {
|
|
|
8149
8221
|
}, /*#__PURE__*/React.createElement("div", {
|
|
8150
8222
|
className: "col-lg-12 p-0"
|
|
8151
8223
|
}, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue37 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue37 === void 0 ? void 0 : (_fetchcustomercartQue38 = _fetchcustomercartQue37.data) === null || _fetchcustomercartQue38 === void 0 ? void 0 : _fetchcustomercartQue38.customercart.cartitems.map(function (item, index) {
|
|
8224
|
+
if (item.product_extrafields != null) {
|
|
8225
|
+
var product_extrafields = JSON.parse(item.product_extrafields);
|
|
8226
|
+
// var product_extrafields_parsed = JSON.stringify(product_extrafields);
|
|
8227
|
+
// alert(product_extrafields_parsed);
|
|
8228
|
+
}
|
|
8229
|
+
|
|
8152
8230
|
return /*#__PURE__*/React.createElement("div", {
|
|
8153
8231
|
className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
|
|
8154
8232
|
style: {
|
|
@@ -8230,12 +8308,24 @@ var Checkout = function Checkout(props) {
|
|
|
8230
8308
|
className: "col-lg-12 col-md-12 col-sm-12 d-flex mt-2"
|
|
8231
8309
|
}, item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
|
|
8232
8310
|
return /*#__PURE__*/React.createElement("div", {
|
|
8311
|
+
"class": "row m-0 w-100"
|
|
8312
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8233
8313
|
className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
|
|
8234
8314
|
}, /*#__PURE__*/React.createElement("p", {
|
|
8235
8315
|
className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
|
|
8236
8316
|
}, variantitem.optionname, ":"), /*#__PURE__*/React.createElement("p", {
|
|
8237
8317
|
className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
|
|
8238
|
-
}, variantitem.optionvalue));
|
|
8318
|
+
}, variantitem.optionvalue)));
|
|
8319
|
+
}), item.product_extrafields != null && product_extrafields.map(function (extrafielditem, extrafieldindex) {
|
|
8320
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
8321
|
+
"class": "row m-0 w-100"
|
|
8322
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
8323
|
+
className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
|
|
8324
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
8325
|
+
className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
|
|
8326
|
+
}, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar, ":"), /*#__PURE__*/React.createElement("p", {
|
|
8327
|
+
className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
|
|
8328
|
+
}, " ", extrafielditem.value)));
|
|
8239
8329
|
}))));
|
|
8240
8330
|
}), /*#__PURE__*/React.createElement("div", {
|
|
8241
8331
|
"class": "".concat(checkoutstyles.innersection) + ' row m-0 w-100 p-3 '
|
|
@@ -24480,7 +24570,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
|
|
|
24480
24570
|
function ownKeys$1G(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; }
|
|
24481
24571
|
function _objectSpread$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
24482
24572
|
var Modernheader = function Modernheader(props) {
|
|
24483
|
-
var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
|
|
24573
|
+
var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
|
|
24484
24574
|
var _useState = useState(''),
|
|
24485
24575
|
_useState2 = _slicedToArray(_useState, 2),
|
|
24486
24576
|
sectionproperties = _useState2[0],
|
|
@@ -24750,7 +24840,42 @@ var Modernheader = function Modernheader(props) {
|
|
|
24750
24840
|
sectionpropertiesprops: sectionproperties,
|
|
24751
24841
|
templateproperties_contextprops: templateproperties_context,
|
|
24752
24842
|
actions: actions
|
|
24753
|
-
})),
|
|
24843
|
+
})), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement("a", {
|
|
24844
|
+
href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
|
|
24845
|
+
target: '_blank',
|
|
24846
|
+
style: {
|
|
24847
|
+
position: 'fixed',
|
|
24848
|
+
bottom: 10,
|
|
24849
|
+
right: 10,
|
|
24850
|
+
zIndex: 999999,
|
|
24851
|
+
transition: 'all 0.3s ease-out'
|
|
24852
|
+
}
|
|
24853
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
24854
|
+
src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
|
|
24855
|
+
style: {
|
|
24856
|
+
width: '40px',
|
|
24857
|
+
height: '40px',
|
|
24858
|
+
cursor: 'pointer'
|
|
24859
|
+
}
|
|
24860
|
+
})), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("a", {
|
|
24861
|
+
href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
|
|
24862
|
+
target: '_self',
|
|
24863
|
+
style: {
|
|
24864
|
+
position: 'fixed',
|
|
24865
|
+
bottom: 60,
|
|
24866
|
+
right: 10,
|
|
24867
|
+
zIndex: 999999,
|
|
24868
|
+
transition: 'all 0.3s ease-out'
|
|
24869
|
+
}
|
|
24870
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
24871
|
+
"class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
|
|
24872
|
+
}, /*#__PURE__*/React.createElement(FiPhone, {
|
|
24873
|
+
size: 30,
|
|
24874
|
+
color: sectionproperties.uppersection_iconcolor,
|
|
24875
|
+
style: {
|
|
24876
|
+
transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
|
|
24877
|
+
}
|
|
24878
|
+
}))), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React.createElement(SocialMediaSection, {
|
|
24754
24879
|
sectionpropertiesprops: sectionproperties,
|
|
24755
24880
|
templateproperties_contextprops: templateproperties_context,
|
|
24756
24881
|
actions: actions
|
|
@@ -32538,6 +32663,15 @@ var Allinonefooter = function Allinonefooter(props) {
|
|
|
32538
32663
|
backgroundColor: sectionproperties.vl_bg,
|
|
32539
32664
|
marginBottom: sectionproperties.divider_mb + 'px',
|
|
32540
32665
|
marginTop: sectionproperties.divider_mt + 'px'
|
|
32666
|
+
}),
|
|
32667
|
+
payimgcont: css({
|
|
32668
|
+
marginLeft: langdetect == 'en' ? '10px' : 0,
|
|
32669
|
+
marginRight: langdetect == 'en' ? 0 : '10px'
|
|
32670
|
+
}),
|
|
32671
|
+
payimg: css({
|
|
32672
|
+
width: '100%',
|
|
32673
|
+
height: '100%',
|
|
32674
|
+
objectFit: 'contain'
|
|
32541
32675
|
})
|
|
32542
32676
|
};
|
|
32543
32677
|
useEffect(function () {
|
|
@@ -32800,11 +32934,59 @@ var Allinonefooter = function Allinonefooter(props) {
|
|
|
32800
32934
|
}
|
|
32801
32935
|
}, /*#__PURE__*/React.createElement(FaWhatsapp, {
|
|
32802
32936
|
size: sectionproperties.youtubebtniconfontsize
|
|
32803
|
-
})))))))), /*#__PURE__*/React.createElement("div", {
|
|
32937
|
+
})))))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
32938
|
+
className: "row m-0 w-100 d-flex d-md-none"
|
|
32939
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
32940
|
+
"class": "".concat(footerStyles.divider) + ' my-3 '
|
|
32941
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
32942
|
+
className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-center"
|
|
32943
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
32944
|
+
className: "".concat(footerStyles.payimgcont),
|
|
32945
|
+
style: {
|
|
32946
|
+
width: '50px',
|
|
32947
|
+
height: '40px'
|
|
32948
|
+
}
|
|
32949
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
32950
|
+
src: 'https://tabex-co.com/storage/StaticImages/visa.png',
|
|
32951
|
+
className: "".concat(footerStyles.payimg)
|
|
32952
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
32953
|
+
className: "".concat(footerStyles.payimgcont),
|
|
32954
|
+
style: {
|
|
32955
|
+
width: '70px',
|
|
32956
|
+
height: '30px'
|
|
32957
|
+
}
|
|
32958
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
32959
|
+
src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
|
|
32960
|
+
className: "".concat(footerStyles.payimg)
|
|
32961
|
+
})))), /*#__PURE__*/React.createElement("div", {
|
|
32804
32962
|
"class": "".concat(footerStyles.divider) + ' d-none d-md-flex '
|
|
32805
32963
|
}), /*#__PURE__*/React.createElement("div", {
|
|
32806
32964
|
"class": "row m-0 w-100 justify-content-center d-none d-md-flex"
|
|
32807
|
-
}, StoreInformation())
|
|
32965
|
+
}, StoreInformation()), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
32966
|
+
className: "row m-0 w-100 d-none d-md-flex"
|
|
32967
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
32968
|
+
"class": "".concat(footerStyles.divider) + ' my-3 '
|
|
32969
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
32970
|
+
className: "col-lg-12 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-center"
|
|
32971
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
32972
|
+
className: "".concat(footerStyles.payimgcont),
|
|
32973
|
+
style: {
|
|
32974
|
+
width: '50px',
|
|
32975
|
+
height: '40px'
|
|
32976
|
+
}
|
|
32977
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
32978
|
+
src: 'https://tabex-co.com/storage/StaticImages/visa.png',
|
|
32979
|
+
className: "".concat(footerStyles.payimg)
|
|
32980
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
32981
|
+
className: "".concat(footerStyles.payimgcont),
|
|
32982
|
+
style: {
|
|
32983
|
+
width: '70px',
|
|
32984
|
+
height: '30px'
|
|
32985
|
+
}
|
|
32986
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
32987
|
+
src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
|
|
32988
|
+
className: "".concat(footerStyles.payimg)
|
|
32989
|
+
}))))));
|
|
32808
32990
|
};
|
|
32809
32991
|
|
|
32810
32992
|
function ownKeys$1v(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; }
|