tabexseriescomponents 0.0.239 → 0.0.240

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.
Files changed (7) hide show
  1. package/dist/index.cjs.js +537 -492
  2. package/dist/index.esm.js +537 -492
  3. package/dist/index.umd.js +537 -492
  4. package/package.json +1 -1
  5. package/src.zip +0 -0
  6. package/backupsrc.zip +0 -0
  7. package/library.zip +0 -0
package/dist/index.umd.js CHANGED
@@ -917,17 +917,247 @@
917
917
  var IKpublicKey = 'public_VBLwXEfKbDK0O9amvBYlyz5R3Nw=';
918
918
  var serverbaselink$1 = 'https://tabex-co.com';
919
919
 
920
+ //productidprops
921
+ var Variantoptions = function Variantoptions(props) {
922
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2;
923
+ var lang = props.actions.lang;
924
+ var langdetect = props.actions.langdetect;
925
+ var selectproductoptionvalue = props.actions.selectproductoptionvalue;
926
+ var clearchoosenvaluesbutkeepcurrentvalue = props.actions.clearchoosenvaluesbutkeepcurrentvalue;
927
+ var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
928
+ var sectionproperties = props.actions.sectionproperties;
929
+ var ProductInfoObj = props.actions.ProductInfoObj;
930
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (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.hasvariants) == 1 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
931
+ className: "row m-0 w-100 d-flex align-items-start"
932
+ }, 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) {
933
+ return /*#__PURE__*/React__default["default"].createElement("div", {
934
+ className: "col-lg-12 p-0 mb-3 d-flex justify-content-start"
935
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
936
+ className: "row m-0 w-100 d-flex align-items-start"
937
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
938
+ className: "col-lg-12 col-md-12 p-0 d-flex"
939
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
940
+ className: ' m-0 p-0 wordbreak',
941
+ style: {
942
+ color: sectionproperties.varianttitle_color,
943
+ fontWeight: sectionproperties.varianttitle_fontweight,
944
+ textTransform: sectionproperties.varianttitle_texttransform,
945
+ fontSize: sectionproperties.varianttitle_fontSize + 'px'
946
+ }
947
+ }, lang.select, " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":")), /*#__PURE__*/React__default["default"].createElement("div", {
948
+ className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-3 pb-3",
949
+ style: {
950
+ paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
951
+ }
952
+ }, item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
953
+ var isoptionvalueselected = 0;
954
+ if (optionvaluesitem.isselected == 1) {
955
+ isoptionvalueselected = 1;
956
+ } else {
957
+ isoptionvalueselected = 0;
958
+ }
959
+ var isoptionvaluedenabled = 0;
960
+ if (optionvaluesitem.isenabled == 1) {
961
+ isoptionvaluedenabled = 1;
962
+ } else {
963
+ isoptionvaluedenabled = 0;
964
+ }
965
+ if (item.optionname == 'color' || item.optionname == 'Color') {
966
+ return /*#__PURE__*/React__default["default"].createElement("div", {
967
+ className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
968
+ onClick: function onClick() {
969
+ if (optionvaluesitem.isenabled == 1) {
970
+ selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
971
+ } else {
972
+ clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
973
+ }
974
+ },
975
+ style: {
976
+ background: optionvaluesitem.valuename,
977
+ opacity: isoptionvaluedenabled == 1 ? 1 : 0.2,
978
+ cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed'
979
+ }
980
+ });
981
+ } else if (item.optionname == 'size' || item.optionname == 'Size') {
982
+ return /*#__PURE__*/React__default["default"].createElement("div", {
983
+ className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
984
+ onClick: function onClick() {
985
+ if (optionvaluesitem.isenabled == 1) {
986
+ selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
987
+ } else {
988
+ clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
989
+ }
990
+ },
991
+ style: {
992
+ cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
993
+ backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
994
+ minWidth: sectionproperties.variantcontainer_minwidth + 'px',
995
+ height: sectionproperties.variantcontainer_height + 'px',
996
+ borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
997
+ position: 'relative'
998
+ }
999
+ }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
1000
+ "class": "m-0 p-0 bg-danger bgdanger-hover",
1001
+ style: {
1002
+ position: 'absolute',
1003
+ top: '-15px',
1004
+ right: '-5px',
1005
+ width: '3vh',
1006
+ height: '3vh',
1007
+ borderRadius: 100
1008
+ }
1009
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1010
+ "class": "h-100 allcentered"
1011
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
1012
+ className: 'font-12 wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
1013
+ style: {
1014
+ color: sectionproperties.variantcontainer_color,
1015
+ fontSize: sectionproperties.variantcontainer_fontSize + 'px'
1016
+ }
1017
+ }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1018
+ } else {
1019
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1020
+ className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered pl-2 pr-2 ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1021
+ onClick: function onClick() {
1022
+ if (optionvaluesitem.isenabled == 1) {
1023
+ selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
1024
+ } else {
1025
+ clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
1026
+ }
1027
+ },
1028
+ style: {
1029
+ backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1030
+ width: 'auto',
1031
+ height: sectionproperties.variantcontainer_height + 'px',
1032
+ borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1033
+ position: 'relative'
1034
+ }
1035
+ }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
1036
+ "class": "m-0 p-0 bg-danger bgdanger-hover",
1037
+ style: {
1038
+ position: 'absolute',
1039
+ top: '-15px',
1040
+ right: '-5px',
1041
+ width: '3vh',
1042
+ height: '3vh',
1043
+ borderRadius: 100
1044
+ }
1045
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1046
+ "class": "h-100 allcentered"
1047
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
1048
+ className: 'm-0 p-0 allcentered',
1049
+ style: {
1050
+ color: sectionproperties.variantcontainer_color,
1051
+ fontSize: sectionproperties.variantcontainer_fontSize + 'px'
1052
+ }
1053
+ }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1054
+ }
1055
+ }))));
1056
+ })));
1057
+ };
1058
+
1059
+ //productidprops
1060
+ var ProductHeaderPricing = function ProductHeaderPricing(props) {
1061
+ props.actions.lang;
1062
+ var langdetect = props.actions.langdetect;
1063
+ var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
1064
+ var sectionproperties = props.actions.sectionproperties;
1065
+ var authdetailsContext = props.actions.authdetailsContext;
1066
+ var variantindexcompleted = props.actions.variantindexcompleted;
1067
+ var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
1068
+ var quantityconditionfoundobjprops = props.actions.quantityconditionfoundobjprops;
1069
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1070
+ "class": "col-lg-12 p-0 mb-3 d-flex justift-content-start",
1071
+ style: {
1072
+ background: sectionproperties.reservation_bgcolor,
1073
+ borderRadius: sectionproperties.reservation_borderradius + 'px'
1074
+ }
1075
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1076
+ "class": "row m-0 w-100",
1077
+ style: {
1078
+ paddingLeft: sectionproperties.reservation_padding_left + 'rem',
1079
+ paddingRight: sectionproperties.reservation_padding_right + 'rem',
1080
+ paddingTop: sectionproperties.reservation_padding_top + 'rem',
1081
+ paddingBottom: sectionproperties.reservation_padding_bottom + 'rem'
1082
+ }
1083
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
1084
+ style: {
1085
+ fontSize: sectionproperties.defaultPriceFontSize + 'px',
1086
+ fontWeight: sectionproperties.defaultPriceFontWeight,
1087
+ color: sectionproperties.defaultPriceColor
1088
+ }
1089
+ }, quantityconditionfoundobjprops != null && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (quantityconditionfoundobjprops === null || quantityconditionfoundobjprops === void 0 ? void 0 : quantityconditionfoundobjprops.type) == 'add' ? '+' : '-', quantityconditionfoundobjprops === null || quantityconditionfoundobjprops === void 0 ? void 0 : quantityconditionfoundobjprops.value, "%")), /*#__PURE__*/React__default["default"].createElement("div", {
1090
+ "class": "col-lg-12 p-0 d-flex justift-content-start"
1091
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1092
+ "class": "m-0 p-0"
1093
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
1094
+ style: {
1095
+ fontSize: sectionproperties.defaultPriceFontSize + 'px',
1096
+ fontWeight: sectionproperties.defaultPriceFontWeight,
1097
+ color: sectionproperties.defaultPriceColor
1098
+ }
1099
+ }, 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__default["default"].createElement("span", {
1100
+ style: {
1101
+ fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
1102
+ fontWeight: sectionproperties.defaultSalePriceFontWeight,
1103
+ color: sectionproperties.defaultSalePriceColor
1104
+ }
1105
+ }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1106
+ "class": "linethrough",
1107
+ style: {
1108
+ fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
1109
+ fontWeight: sectionproperties.defaultSalePriceFontWeight,
1110
+ color: sectionproperties.defaultSalePriceColor
1111
+ }
1112
+ }, 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__default["default"].createElement("div", {
1113
+ "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
1114
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1115
+ "class": "m-0 p-0 d-flex align-items-center justift-content-start"
1116
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
1117
+ style: {
1118
+ fontSize: sectionproperties.counterTitleFontSize + 'px',
1119
+ color: sectionproperties.counterTitleColor,
1120
+ fontWeight: sectionproperties.counterTitleFontWeight
1121
+ }
1122
+ }, langdetect == 'en' ? sectionproperties.countertitleen : sectionproperties.countertitlear), /*#__PURE__*/React__default["default"].createElement("span", {
1123
+ "class": "ml-1 mr-1",
1124
+ style: {
1125
+ fontSize: sectionproperties.counterValueFontSize + 'px',
1126
+ color: sectionproperties.counterValueColor,
1127
+ fontWeight: sectionproperties.counterValueFontWeight
1128
+ }
1129
+ }, parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted) - getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)), ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
1130
+ style: {
1131
+ background: sectionproperties.pillbgcolor,
1132
+ width: 'fit-content',
1133
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
1134
+ border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
1135
+ direction: 'ltr'
1136
+ },
1137
+ "class": "ml-2 mr-2"
1138
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1139
+ "class": "m-0 pl-2 pr-2 py-0",
1140
+ style: {
1141
+ color: sectionproperties.pillcolor,
1142
+ fontWeight: sectionproperties.pillfontWeight,
1143
+ fontSize: '13px',
1144
+ lineHeight: '25px'
1145
+ }
1146
+ }, '-' + 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 + '%'))))));
1147
+ };
1148
+
920
1149
  function ownKeys$1_(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; }
921
1150
  function _objectSpread$1_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
922
1151
  var Product_itemtype = function Product_itemtype(props) {
923
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _ProductInfoObj$data2, _ProductInfoObj$data3, _ProductInfoObj$data4;
1152
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2;
924
1153
  var lang = props.actions.lang;
925
1154
  var langdetect = props.actions.langdetect;
926
1155
  var srcfromprops = props.actions.srcfromprops;
927
1156
  props.actions.returnpolicyobj;
928
1157
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
929
1158
  var addtocartfunc = props.actions.addtocartfunc;
930
- var selectproductoptionvalue = props.actions.selectproductoptionvalue;
1159
+ props.actions.selectproductoptionvalue;
1160
+ props.actions.clearchoosenvaluesbutkeepcurrentvalue;
931
1161
  var productimagesarray = props.actions.productimagesarray;
932
1162
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
933
1163
  var sectionproperties = props.actions.sectionproperties;
@@ -943,7 +1173,7 @@
943
1173
  props.actions.relatedproducts;
944
1174
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
945
1175
  var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
946
- var quantityconditionfoundobjprops = props.actions.quantityconditionfoundobjprops;
1176
+ props.actions.quantityconditionfoundobjprops;
947
1177
  var StoreInfoprops = props.actions.StoreInfoprops;
948
1178
  var _useState = React.useState(false),
949
1179
  _useState2 = _slicedToArray__default["default"](_useState, 2);
@@ -1079,84 +1309,9 @@
1079
1309
  style: {
1080
1310
  textAlign: langdetect == 'en' ? 'left' : 'right'
1081
1311
  }
1082
- }, langdetect == 'en' ? 'Delivery Time' : 'مدة الشحن', ": ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.deliverydatetext)), sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1083
- "class": "col-lg-12 p-0 mb-3 d-flex justift-content-start",
1084
- style: {
1085
- background: sectionproperties.reservation_bgcolor,
1086
- borderRadius: sectionproperties.reservation_borderradius + 'px'
1087
- }
1088
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1089
- "class": "row m-0 w-100",
1090
- style: {
1091
- paddingLeft: sectionproperties.reservation_padding_left + 'rem',
1092
- paddingRight: sectionproperties.reservation_padding_right + 'rem',
1093
- paddingTop: sectionproperties.reservation_padding_top + 'rem',
1094
- paddingBottom: sectionproperties.reservation_padding_bottom + 'rem'
1095
- }
1096
- }, /*#__PURE__*/React__default["default"].createElement("span", {
1097
- style: {
1098
- fontSize: sectionproperties.defaultPriceFontSize + 'px',
1099
- fontWeight: sectionproperties.defaultPriceFontWeight,
1100
- color: sectionproperties.defaultPriceColor
1101
- }
1102
- }, quantityconditionfoundobjprops != null && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (quantityconditionfoundobjprops === null || quantityconditionfoundobjprops === void 0 ? void 0 : quantityconditionfoundobjprops.type) == 'add' ? '+' : '-', quantityconditionfoundobjprops === null || quantityconditionfoundobjprops === void 0 ? void 0 : quantityconditionfoundobjprops.value, "%")), /*#__PURE__*/React__default["default"].createElement("div", {
1103
- "class": "col-lg-12 p-0 d-flex justift-content-start"
1104
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1105
- "class": "m-0 p-0"
1106
- }, /*#__PURE__*/React__default["default"].createElement("span", {
1107
- style: {
1108
- fontSize: sectionproperties.defaultPriceFontSize + 'px',
1109
- fontWeight: sectionproperties.defaultPriceFontWeight,
1110
- color: sectionproperties.defaultPriceColor
1111
- }
1112
- }, 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__default["default"].createElement("span", {
1113
- style: {
1114
- fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
1115
- fontWeight: sectionproperties.defaultSalePriceFontWeight,
1116
- color: sectionproperties.defaultSalePriceColor
1117
- }
1118
- }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1119
- "class": "linethrough",
1120
- style: {
1121
- fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
1122
- fontWeight: sectionproperties.defaultSalePriceFontWeight,
1123
- color: sectionproperties.defaultSalePriceColor
1124
- }
1125
- }, 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__default["default"].createElement("div", {
1126
- "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
1127
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1128
- "class": "m-0 p-0 d-flex align-items-center justift-content-start"
1129
- }, /*#__PURE__*/React__default["default"].createElement("span", {
1130
- style: {
1131
- fontSize: sectionproperties.counterTitleFontSize + 'px',
1132
- color: sectionproperties.counterTitleColor,
1133
- fontWeight: sectionproperties.counterTitleFontWeight
1134
- }
1135
- }, langdetect == 'en' ? sectionproperties.countertitleen : sectionproperties.countertitlear), /*#__PURE__*/React__default["default"].createElement("span", {
1136
- "class": "ml-1 mr-1",
1137
- style: {
1138
- fontSize: sectionproperties.counterValueFontSize + 'px',
1139
- color: sectionproperties.counterValueColor,
1140
- fontWeight: sectionproperties.counterValueFontWeight
1141
- }
1142
- }, parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted) - getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted)), ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
1143
- style: {
1144
- background: sectionproperties.pillbgcolor,
1145
- width: 'fit-content',
1146
- borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
1147
- border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
1148
- direction: 'ltr'
1149
- },
1150
- "class": "ml-2 mr-2"
1151
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1152
- "class": "m-0 pl-2 pr-2 py-0",
1153
- style: {
1154
- color: sectionproperties.pillcolor,
1155
- fontWeight: sectionproperties.pillfontWeight,
1156
- fontSize: '13px',
1157
- lineHeight: '25px'
1158
- }
1159
- }, '-' + 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 + '%'))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
1312
+ }, langdetect == 'en' ? 'Delivery Time' : 'مدة الشحن', ": ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.deliverydatetext)), /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
1313
+ actions: props.actions
1314
+ }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
1160
1315
  className: "row m-0 w-100 d-flex align-items-start"
1161
1316
  }, 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) {
1162
1317
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1216,127 +1371,9 @@
1216
1371
  }
1217
1372
  }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1218
1373
  })));
1219
- })), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.hasvariants) == 1 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
1220
- className: "row m-0 w-100 d-flex align-items-start"
1221
- }, ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data2 = ProductInfoObj.data) === null || _ProductInfoObj$data2 === void 0 ? void 0 : (_ProductInfoObj$data3 = _ProductInfoObj$data2.productinfo) === null || _ProductInfoObj$data3 === void 0 ? void 0 : (_ProductInfoObj$data4 = _ProductInfoObj$data3.productoptions) === null || _ProductInfoObj$data4 === void 0 ? void 0 : _ProductInfoObj$data4.map(function (item, index) {
1222
- return /*#__PURE__*/React__default["default"].createElement("div", {
1223
- className: "col-lg-12 p-0 mb-3 d-flex justify-content-start"
1224
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1225
- className: "row m-0 w-100 d-flex align-items-start"
1226
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1227
- className: "col-lg-12 col-md-12 p-0 d-flex"
1228
- }, /*#__PURE__*/React__default["default"].createElement("p", {
1229
- className: ' m-0 p-0 wordbreak',
1230
- style: {
1231
- color: sectionproperties.varianttitle_color,
1232
- fontWeight: sectionproperties.varianttitle_fontweight,
1233
- textTransform: sectionproperties.varianttitle_texttransform,
1234
- fontSize: sectionproperties.varianttitle_fontSize + 'px'
1235
- }
1236
- }, lang.select, " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":")), /*#__PURE__*/React__default["default"].createElement("div", {
1237
- className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-3 pb-3",
1238
- style: {
1239
- paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
1240
- }
1241
- }, item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
1242
- var isoptionvalueselected = 0;
1243
- if (optionvaluesitem.isselected == 1) {
1244
- isoptionvalueselected = 1;
1245
- } else {
1246
- isoptionvalueselected = 0;
1247
- }
1248
- var isoptionvaluedenabled = 0;
1249
- if (optionvaluesitem.isenabled == 1) {
1250
- isoptionvaluedenabled = 1;
1251
- } else {
1252
- isoptionvaluedenabled = 0;
1253
- }
1254
- if (item.optionname == 'color' || item.optionname == 'Color') {
1255
- return /*#__PURE__*/React__default["default"].createElement("div", {
1256
- className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
1257
- onClick: function onClick() {
1258
- if (optionvaluesitem.isenabled == 1) {
1259
- selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
1260
- }
1261
- },
1262
- style: {
1263
- background: optionvaluesitem.valuename,
1264
- opacity: isoptionvaluedenabled == 1 ? 1 : 0.2,
1265
- cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed'
1266
- }
1267
- });
1268
- } else if (item.optionname == 'size' || item.optionname == 'Size') {
1269
- return /*#__PURE__*/React__default["default"].createElement("div", {
1270
- className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1271
- onClick: function onClick() {
1272
- if (optionvaluesitem.isenabled == 1) {
1273
- selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
1274
- }
1275
- },
1276
- style: {
1277
- cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
1278
- backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1279
- minWidth: sectionproperties.variantcontainer_minwidth + 'px',
1280
- height: sectionproperties.variantcontainer_height + 'px',
1281
- borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1282
- position: 'relative'
1283
- }
1284
- }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
1285
- "class": "m-0 p-0 bg-danger bgdanger-hover",
1286
- style: {
1287
- position: 'absolute',
1288
- top: '-15px',
1289
- right: '-5px',
1290
- width: '3vh',
1291
- height: '3vh',
1292
- borderRadius: 100
1293
- }
1294
- }, /*#__PURE__*/React__default["default"].createElement("i", {
1295
- "class": "h-100 allcentered"
1296
- }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
1297
- className: 'font-12 wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
1298
- style: {
1299
- color: sectionproperties.variantcontainer_color,
1300
- fontSize: sectionproperties.variantcontainer_fontSize + 'px'
1301
- }
1302
- }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1303
- } else {
1304
- return /*#__PURE__*/React__default["default"].createElement("div", {
1305
- className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered pl-2 pr-2 ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
1306
- onClick: function onClick() {
1307
- if (optionvaluesitem.isenabled == 1) {
1308
- selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
1309
- }
1310
- },
1311
- style: {
1312
- backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
1313
- width: 'auto',
1314
- height: sectionproperties.variantcontainer_height + 'px',
1315
- borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
1316
- position: 'relative'
1317
- }
1318
- }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
1319
- "class": "m-0 p-0 bg-danger bgdanger-hover",
1320
- style: {
1321
- position: 'absolute',
1322
- top: '-15px',
1323
- right: '-5px',
1324
- width: '3vh',
1325
- height: '3vh',
1326
- borderRadius: 100
1327
- }
1328
- }, /*#__PURE__*/React__default["default"].createElement("i", {
1329
- "class": "h-100 allcentered"
1330
- }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
1331
- className: 'm-0 p-0 allcentered',
1332
- style: {
1333
- color: sectionproperties.variantcontainer_color,
1334
- fontSize: sectionproperties.variantcontainer_fontSize + 'px'
1335
- }
1336
- }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
1337
- }
1338
- }))));
1339
- })), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1374
+ })), /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
1375
+ actions: props.actions
1376
+ }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1340
1377
  className: "col-lg-12 p-0 mb-3"
1341
1378
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
1342
1379
  className: "mb-0 mt-2"
@@ -2193,7 +2230,8 @@
2193
2230
  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
2194
2231
  var NotificationManager = props.actions.NotificationManager;
2195
2232
  var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
2196
- var quantityconditionfoundobjprops = props.actions.quantityconditionfoundobjprops;
2233
+ props.actions.quantityconditionfoundobjprops;
2234
+ props.actions.variantindexcompleted;
2197
2235
  var StoreInfoprops = props.actions.StoreInfoprops;
2198
2236
  var _useState = React.useState(''),
2199
2237
  _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -2393,84 +2431,9 @@
2393
2431
  style: {
2394
2432
  textAlign: langdetect == 'en' ? 'left' : 'right'
2395
2433
  }
2396
- }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.deliverydatetext)), sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2397
- "class": "col-lg-12 p-0 mb-3 d-flex justift-content-start",
2398
- style: {
2399
- background: sectionproperties.reservation_bgcolor,
2400
- borderRadius: sectionproperties.reservation_borderradius + 'px'
2401
- }
2402
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2403
- "class": "row m-0 w-100",
2404
- style: {
2405
- paddingLeft: sectionproperties.reservation_padding_left + 'rem',
2406
- paddingRight: sectionproperties.reservation_padding_right + 'rem',
2407
- paddingTop: sectionproperties.reservation_padding_top + 'rem',
2408
- paddingBottom: sectionproperties.reservation_padding_bottom + 'rem'
2409
- }
2410
- }, /*#__PURE__*/React__default["default"].createElement("span", {
2411
- style: {
2412
- fontSize: sectionproperties.defaultPriceFontSize + 'px',
2413
- fontWeight: sectionproperties.defaultPriceFontWeight,
2414
- color: sectionproperties.defaultPriceColor
2415
- }
2416
- }, quantityconditionfoundobjprops != null && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (quantityconditionfoundobjprops === null || quantityconditionfoundobjprops === void 0 ? void 0 : quantityconditionfoundobjprops.type) == 'add' ? '+' : '-', quantityconditionfoundobjprops === null || quantityconditionfoundobjprops === void 0 ? void 0 : quantityconditionfoundobjprops.value, "%")), /*#__PURE__*/React__default["default"].createElement("div", {
2417
- "class": "col-lg-12 p-0 d-flex justift-content-start"
2418
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2419
- "class": "m-0 p-0"
2420
- }, /*#__PURE__*/React__default["default"].createElement("span", {
2421
- style: {
2422
- fontSize: sectionproperties.defaultPriceFontSize + 'px',
2423
- fontWeight: sectionproperties.defaultPriceFontWeight,
2424
- color: sectionproperties.defaultPriceColor
2425
- }
2426
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? getprice_discountpriceprops('defaultprice', 0) : getprice_discountpriceprops('defaultsaleprice', 0), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
2427
- style: {
2428
- fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
2429
- fontWeight: sectionproperties.defaultSalePriceFontWeight,
2430
- color: sectionproperties.defaultSalePriceColor
2431
- }
2432
- }, ' ', "-", ' '), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
2433
- "class": "linethrough",
2434
- style: {
2435
- fontSize: sectionproperties.defaultSalePriceFontSize + 'px',
2436
- fontWeight: sectionproperties.defaultSalePriceFontWeight,
2437
- color: sectionproperties.defaultSalePriceColor
2438
- }
2439
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", getprice_discountpriceprops('defaultprice', 0), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && sectionproperties.showpill == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2440
- "class": "col-lg-12 p-0 d-flex align-items-center justift-content-start"
2441
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2442
- "class": "m-0 p-0 d-flex align-items-center justift-content-start"
2443
- }, /*#__PURE__*/React__default["default"].createElement("span", {
2444
- style: {
2445
- fontSize: sectionproperties.counterTitleFontSize + 'px',
2446
- color: sectionproperties.counterTitleColor,
2447
- fontWeight: sectionproperties.counterTitleFontWeight
2448
- }
2449
- }, langdetect == 'en' ? sectionproperties.countertitleen : sectionproperties.countertitlear), /*#__PURE__*/React__default["default"].createElement("span", {
2450
- "class": "ml-1 mr-1",
2451
- style: {
2452
- fontSize: sectionproperties.counterValueFontSize + 'px',
2453
- color: sectionproperties.counterValueColor,
2454
- fontWeight: sectionproperties.counterValueFontWeight
2455
- }
2456
- }, parseFloat(getprice_discountpriceprops('defaultprice', 0) - getprice_discountpriceprops('defaultsaleprice', 0)), ' ', langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
2457
- style: {
2458
- background: sectionproperties.pillbgcolor,
2459
- width: 'fit-content',
2460
- borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
2461
- border: sectionproperties.pillBorderWidth + 'px solid ' + sectionproperties.pillBorderColor,
2462
- direction: 'ltr'
2463
- },
2464
- "class": "ml-2 mr-2"
2465
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2466
- "class": "m-0 pl-2 pr-2 py-0",
2467
- style: {
2468
- color: sectionproperties.pillcolor,
2469
- fontWeight: sectionproperties.pillfontWeight,
2470
- fontSize: '13px',
2471
- lineHeight: '25px'
2472
- }
2473
- }, '-' + Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0))) / parseFloat(getprice_discountpriceprops('defaultprice', 0))) * 100) / 10.0 + '%'))))), /*#__PURE__*/React__default["default"].createElement("div", {
2434
+ }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.deliverydatetext)), /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
2435
+ actions: props.actions
2436
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
2474
2437
  "class": "col-lg-12 d-flex align-items-center justify-content-start p-0 flex-column"
2475
2438
  }, /*#__PURE__*/React__default["default"].createElement("p", {
2476
2439
  "class": "m-0 p-0 mb-2 w-100",
@@ -2494,7 +2457,9 @@
2494
2457
  "class": langdetect == 'en' ? productinfo_cssstyles.before + ' before ' : productinfo_cssstyles.before + ' beforear '
2495
2458
  })), /*#__PURE__*/React__default["default"].createElement("div", {
2496
2459
  "class": "col-lg-12 p-0"
2497
- }, /*#__PURE__*/React__default["default"].createElement(Serviceinfotabs, {
2460
+ }, /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
2461
+ actions: props.actions
2462
+ }), /*#__PURE__*/React__default["default"].createElement(Serviceinfotabs, {
2498
2463
  actions: {
2499
2464
  fetchProductInfoQueryContext: fetchProductInfoQueryContext,
2500
2465
  sectionproperties: sectionproperties,
@@ -2750,8 +2715,24 @@
2750
2715
  }
2751
2716
  }
2752
2717
  }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data]);
2753
- var selectproductoptionvalue = function selectproductoptionvalue(optionindex, optionvaluesitem, optionvaluesindex) {
2718
+ var clearchoosenvaluesbutkeepcurrentvalue = function clearchoosenvaluesbutkeepcurrentvalue(optionindex, optionvaluesitem, optionvaluesindex) {
2719
+ var _productarr$data, _productarr$data$prod, _productarr$data$prod2;
2754
2720
  var productarr = ProductInfoObj;
2721
+ productarr === null || productarr === void 0 ? void 0 : (_productarr$data = productarr.data) === null || _productarr$data === void 0 ? void 0 : (_productarr$data$prod = _productarr$data.productinfo) === null || _productarr$data$prod === void 0 ? void 0 : (_productarr$data$prod2 = _productarr$data$prod.productoptions) === null || _productarr$data$prod2 === void 0 ? void 0 : _productarr$data$prod2.forEach(function (item, index) {
2722
+ var _item$optionvalues;
2723
+ item.isselected = 0;
2724
+ item === null || item === void 0 ? void 0 : (_item$optionvalues = item.optionvalues) === null || _item$optionvalues === void 0 ? void 0 : _item$optionvalues.forEach(function (valueitem, valueindex) {
2725
+ valueitem.isselected = 0;
2726
+ });
2727
+ });
2728
+ selectproductoptionvalue(optionindex, optionvaluesitem, optionvaluesindex, productarr);
2729
+ };
2730
+ var selectproductoptionvalue = function selectproductoptionvalue(optionindex, optionvaluesitem, optionvaluesindex, productarrtobepassed) {
2731
+ if (productarrtobepassed == undefined || productarrtobepassed == null) {
2732
+ var productarr = ProductInfoObj;
2733
+ } else {
2734
+ var productarr = productarrtobepassed;
2735
+ }
2755
2736
  var isselected = productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex].isselected;
2756
2737
  if (isselected == 1) {
2757
2738
  productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex].isselected = 0;
@@ -2770,8 +2751,8 @@
2770
2751
  var variantchecker = function variantchecker() {
2771
2752
  var productarr = ProductInfoObj;
2772
2753
  if (Object.keys(productarr).length != 0) {
2773
- var _productarr$data, _productarr$data$prod;
2774
- if ((productarr === null || productarr === void 0 ? void 0 : (_productarr$data = productarr.data) === null || _productarr$data === void 0 ? void 0 : (_productarr$data$prod = _productarr$data.productinfo) === null || _productarr$data$prod === void 0 ? void 0 : _productarr$data$prod.hasvariants) == 1) {
2754
+ var _productarr$data2, _productarr$data2$pro;
2755
+ if ((productarr === null || productarr === void 0 ? void 0 : (_productarr$data2 = productarr.data) === null || _productarr$data2 === void 0 ? void 0 : (_productarr$data2$pro = _productarr$data2.productinfo) === null || _productarr$data2$pro === void 0 ? void 0 : _productarr$data2$pro.hasvariants) == 1) {
2775
2756
  var selectedoptionsvalues = [];
2776
2757
  var variantsaccessible = [];
2777
2758
  productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
@@ -3475,14 +3456,14 @@
3475
3456
  langdetect: langdetect,
3476
3457
  lang: lang,
3477
3458
  srcfromprops: props.srcfromprops
3478
- }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _ref)
3459
+ }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _ref)
3479
3460
  }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
3480
3461
  actions: (_ref2 = {
3481
3462
  returnpolicyobj: returnpolicyobj,
3482
3463
  langdetect: langdetect,
3483
3464
  lang: lang,
3484
3465
  srcfromprops: props.srcfromprops
3485
- }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _ref2)
3466
+ }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _ref2)
3486
3467
  }), /*#__PURE__*/React__default["default"].createElement("div", {
3487
3468
  className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
3488
3469
  style: {
@@ -10792,7 +10773,7 @@
10792
10773
  return /*#__PURE__*/React__default["default"].createElement("div", {
10793
10774
  className: section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 p-md-0 px-1025-1 '
10794
10775
  }, sectionproperties.view_as_slider_vertical == 'Slider (Horizontal)' && /*#__PURE__*/React__default["default"].createElement("div", {
10795
- "class": langdetect == 'en' ? 'col-lg-12 p-0 pl-sm-2' : 'col-lg-12 p-0 pr-sm-2'
10776
+ "class": langdetect == 'en' ? sectionproperties.paddingLeft != 0 ? 'col-lg-12 p-0 pl-sm-2' : 'col-lg-12 p-0 ' : sectionproperties.paddingRight != 0 ? 'col-lg-12 p-0 pr-sm-2' : 'col-lg-12 p-0 '
10796
10777
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
10797
10778
  transitionBehavior: 'auto',
10798
10779
  wrapperClassName: '',
@@ -26341,7 +26322,7 @@
26341
26322
  function ownKeys$1o(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; }
26342
26323
  function _objectSpread$1o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1o(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
26343
26324
  var Allinonefooter = function Allinonefooter(props) {
26344
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _templatepropcontext$;
26325
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _templatepropcontext$, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i16;
26345
26326
  var _useState = React.useState(''),
26346
26327
  _useState2 = _slicedToArray__default["default"](_useState, 2),
26347
26328
  sectionproperties = _useState2[0],
@@ -26734,35 +26715,35 @@
26734
26715
  }
26735
26716
  }, langdetect == 'en' ? sectionproperties.otherinfotitle2en : sectionproperties.otherinfotitle2ar)), /*#__PURE__*/React__default["default"].createElement("div", {
26736
26717
  "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
26737
- }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26718
+ }, sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
26738
26719
  "class": "".concat(footerStyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
26739
26720
  onClick: function onClick() {
26740
- var _authdetailsContext$i10;
26741
- if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.facebooklink) != null) {
26742
- var _authdetailsContext$i11;
26743
- window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.facebooklink, '_blank');
26721
+ var _authdetailsContext$i11;
26722
+ if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.facebooklink) != null) {
26723
+ var _authdetailsContext$i12;
26724
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.facebooklink, '_blank');
26744
26725
  }
26745
26726
  }
26746
26727
  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
26747
26728
  size: sectionproperties.facebkbtnniconfontsize
26748
- })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26729
+ })), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
26749
26730
  "class": "".concat(footerStyles.instgram_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
26750
26731
  onClick: function onClick() {
26751
- var _authdetailsContext$i12;
26752
- if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instagramlink) != null) {
26753
- var _authdetailsContext$i13;
26754
- window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink, '_blank');
26732
+ var _authdetailsContext$i14;
26733
+ if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.instagramlink) != null) {
26734
+ var _authdetailsContext$i15;
26735
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.instagramlink, '_blank');
26755
26736
  }
26756
26737
  }
26757
26738
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
26758
26739
  size: sectionproperties.instgrambtniconfontsize
26759
- })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
26740
+ })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
26760
26741
  "class": "".concat(footerStyles.youtube_btn) + ' d-flex align-items-center justify-content-center ',
26761
26742
  onClick: function onClick() {
26762
- var _authdetailsContext$i14;
26763
- if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.whatsappnumber) != null) {
26764
- var _authdetailsContext$i15;
26765
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber), '_blank');
26743
+ var _authdetailsContext$i17;
26744
+ if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null) {
26745
+ var _authdetailsContext$i18;
26746
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber), '_blank');
26766
26747
  }
26767
26748
  }
26768
26749
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -27837,7 +27818,7 @@
27837
27818
  function ownKeys$1k(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; }
27838
27819
  function _objectSpread$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
27839
27820
  var Footer4 = function Footer4(props) {
27840
- var _logoarrayofobjects$, _logoarrayofobjects$2, _templatepropcontext$, _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i5;
27821
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _templatepropcontext$, _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14;
27841
27822
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
27842
27823
  var lang = props.actions.lang;
27843
27824
  var langdetect = props.actions.langdetect;
@@ -28175,39 +28156,39 @@
28175
28156
  color: sectionproperties.generaltext_fontColor,
28176
28157
  fontWeight: sectionproperties.generaltext_fontWeight
28177
28158
  }
28178
- }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar), sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28159
+ }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar), sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.facebooklink) && /*#__PURE__*/React__default["default"].createElement("div", {
28179
28160
  className: langdetect == 'en' ? "".concat(footerStyles.facebook_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.facebook_btn) + ' allcentered ml-3 ml-sm-4 ',
28180
28161
  onClick: function onClick() {
28181
- var _authdetailsContext$i8;
28182
- if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.facebooklink) != null) {
28183
- var _authdetailsContext$i9;
28184
- window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.facebooklink, '_blank');
28162
+ var _authdetailsContext$i9;
28163
+ if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.facebooklink) != null) {
28164
+ var _authdetailsContext$i10;
28165
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.facebooklink, '_blank');
28185
28166
  }
28186
28167
  }
28187
28168
  }, /*#__PURE__*/React__default["default"].createElement("i", {
28188
28169
  className: "h-100 allcentered"
28189
28170
  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
28190
28171
  size: sectionproperties.facebkbtnniconfontsize
28191
- }))), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28172
+ }))), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
28192
28173
  className: langdetect == 'en' ? "".concat(footerStyles.instgram_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.instgram_btn) + ' allcentered ml-3 ml-sm-4 ',
28193
28174
  onClick: function onClick() {
28194
- var _authdetailsContext$i10;
28195
- if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instagramlink) != null) {
28196
- var _authdetailsContext$i11;
28197
- window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instagramlink, '_blank');
28175
+ var _authdetailsContext$i12;
28176
+ if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instagramlink) != null) {
28177
+ var _authdetailsContext$i13;
28178
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink, '_blank');
28198
28179
  }
28199
28180
  }
28200
28181
  }, /*#__PURE__*/React__default["default"].createElement("i", {
28201
28182
  className: "h-100 allcentered"
28202
28183
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
28203
28184
  size: sectionproperties.instgrambtniconfontsize
28204
- }))), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28185
+ }))), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
28205
28186
  className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4 ',
28206
28187
  onClick: function onClick() {
28207
- var _authdetailsContext$i12;
28208
- if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.whatsappnumber) != null) {
28209
- var _authdetailsContext$i13;
28210
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.whatsappnumber), '_blank');
28188
+ var _authdetailsContext$i15;
28189
+ if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber) != null) {
28190
+ var _authdetailsContext$i16;
28191
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber), '_blank');
28211
28192
  }
28212
28193
  }
28213
28194
  }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -28416,6 +28397,14 @@
28416
28397
  top: 0,
28417
28398
  bottom: 0
28418
28399
  }
28400
+ }),
28401
+ apptore: glamor.css({
28402
+ width: '100%',
28403
+ objectFit: 'contain'
28404
+ }),
28405
+ googleplay: glamor.css({
28406
+ width: '100%',
28407
+ objectFit: 'contain'
28419
28408
  })
28420
28409
  };
28421
28410
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -28455,7 +28444,10 @@
28455
28444
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28456
28445
  className: "col-lg-12 allcentered p-0"
28457
28446
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28458
- className: "".concat(footerStyles.footerlogo) + ' d-flex flex-column align-items-center justify-content-start '
28447
+ className: "".concat(footerStyles.footerlogo) + ' d-flex flex-column align-items-center justify-content-start cursor-pointer ',
28448
+ onClick: function onClick() {
28449
+ routingcountext('home');
28450
+ }
28459
28451
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
28460
28452
  urlEndpoint: IKurlEndpoint,
28461
28453
  publicKey: IKpublicKey,
@@ -28589,7 +28581,10 @@
28589
28581
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28590
28582
  className: "col-lg-12 allcentered"
28591
28583
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28592
- className: "".concat(footerStyles.footerlogo) + ' d-flex flex-column align-items-center justify-content-start '
28584
+ className: "".concat(footerStyles.footerlogo) + ' d-flex flex-column align-items-center justify-content-start cursor-pointer ',
28585
+ onClick: function onClick() {
28586
+ routingcountext('home');
28587
+ }
28593
28588
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
28594
28589
  urlEndpoint: IKurlEndpoint,
28595
28590
  publicKey: IKpublicKey,
@@ -28718,6 +28713,40 @@
28718
28713
  }, /*#__PURE__*/React__default["default"].createElement("img", {
28719
28714
  src: mastercard,
28720
28715
  className: "".concat(footerStyles.payimg)
28716
+ })))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28717
+ className: "row m-0 w-100 mt-3"
28718
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28719
+ className: "col-lg-12 p-0 d-flex justify-content-md-center"
28720
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28721
+ className: "".concat(footerStyles.footertitlestyles) + ' m-0 p-0 '
28722
+ }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar)), /*#__PURE__*/React__default["default"].createElement("div", {
28723
+ className: "col-lg-12 mt-2 p-0 m-0 w-100 d-flex flex-row align-items-center justify-content-start justify-content-md-center"
28724
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28725
+ "class": 'col-lg-6 col-md-4 col-sm-6 p-0 '
28726
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
28727
+ "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
28728
+ src: appstore,
28729
+ onClick: function onClick() {
28730
+ var _authdetailsContext$i25;
28731
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.mobileapplink_appstore, '_blank');
28732
+ },
28733
+ style: {
28734
+ width: '80%',
28735
+ height: '80%'
28736
+ }
28737
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
28738
+ "class": 'col-lg-6 col-md-4 col-sm-6 p-0'
28739
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
28740
+ "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-start align-items-center cursor-pointer ',
28741
+ src: googleplay,
28742
+ onClick: function onClick() {
28743
+ var _authdetailsContext$i26;
28744
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.mobileapplink_playstore, '_blank');
28745
+ },
28746
+ style: {
28747
+ width: '80%',
28748
+ height: '80%'
28749
+ }
28721
28750
  }))))))));
28722
28751
  };
28723
28752
 
@@ -36495,11 +36524,11 @@
36495
36524
  }, sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
36496
36525
  className: bgcssstyles.text1styles + ' col-lg-12 p-0 w-100 d-flex align-items-center '
36497
36526
  }, /*#__PURE__*/React__default["default"].createElement("p", {
36498
- className: bgcssstyles.text1styles + ' d-flex wordbreak m-0 p-0 '
36527
+ className: bgcssstyles.text1styles + ' d-flex wordbreak m-0 p-0 w-100 '
36499
36528
  }, langdetect == 'en' ? item.title_en : item.title_ar)), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
36500
36529
  className: bgcssstyles.text2styles + ' col-lg-12 p-0 w-100 d-flex '
36501
36530
  }, /*#__PURE__*/React__default["default"].createElement("p", {
36502
- className: bgcssstyles.text2styles + ' d-flex wordbreak m-0 p-0 '
36531
+ className: bgcssstyles.text2styles + ' d-flex wordbreak m-0 p-0 w-100 '
36503
36532
  }, langdetect == 'en' ? item.description_en : item.description_ar)));
36504
36533
  };
36505
36534
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -41564,8 +41593,8 @@
41564
41593
  }, item.name)));
41565
41594
  };
41566
41595
 
41567
- var css_248z$e = "\n@media (max-width: 576px) {\n .generalCardsStyles-module_productcard__3PgiR {\n max-width: 280px !important;\n min-width: 280px !important;\n }\n .generalCardsStyles-module_Simpleproductcard__GhVP7 {\n max-width: 250px !important;\n min-width: 250px !important;\n }\n .generalCardsStyles-module_ClassicCategoryCard__UWO1a{\n max-width: 330px !important;\n min-width: 330px !important;\n }\n}\n";
41568
- var generalCardsStyles = {"productcard":"generalCardsStyles-module_productcard__3PgiR","Simpleproductcard":"generalCardsStyles-module_Simpleproductcard__GhVP7","ClassicCategoryCard":"generalCardsStyles-module_ClassicCategoryCard__UWO1a"};
41596
+ var css_248z$e = "\n@media (max-width: 576px) {\n .generalCardsStyles-module_productcard__3PgiR {\n max-width: 280px !important;\n min-width: 280px !important;\n }\n .generalCardsStyles-module_Simpleproductcard__GhVP7 {\n max-width: 250px !important;\n min-width: 250px !important;\n }\n .generalCardsStyles-module_ClassicCategoryCard__UWO1a{\n max-width: 330px !important;\n min-width: 330px !important;\n }\n .generalCardsStyles-module_newproductcard__ATddn{\n max-width: 330px !important;\n min-width: 330px !important;\n }\n}\n";
41597
+ var generalCardsStyles = {"productcard":"generalCardsStyles-module_productcard__3PgiR","Simpleproductcard":"generalCardsStyles-module_Simpleproductcard__GhVP7","ClassicCategoryCard":"generalCardsStyles-module_ClassicCategoryCard__UWO1a","newproductcard":"generalCardsStyles-module_newproductcard__ATddn"};
41569
41598
  styleInject(css_248z$e);
41570
41599
 
41571
41600
  function ownKeys$C(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; }
@@ -42889,29 +42918,17 @@
42889
42918
  var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
42890
42919
  var addtofavoritescontext = props.actions.addtofavoritescontext;
42891
42920
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
42892
- props.actions.AddtoCartContext;
42893
- props.actions.AddtoCartMutationContext;
42894
- props.actions.StaticPagesLinksContext;
42895
- props.actions.routingcountext;
42896
42921
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
42897
42922
  React.useEffect(function () {
42898
- if (props.srcfrom == 'addsectionform') {
42899
- var secpropobj = {};
42900
- props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
42901
- secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
42902
- });
42903
- setsectionproperties(_objectSpread$y({}, secpropobj));
42904
- } else {
42905
- var secpropobj = {};
42906
- StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
42907
- if (sectionitem.sectionid == props.sectionidprops) {
42908
- sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
42909
- secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
42910
- });
42911
- }
42912
- });
42913
- setsectionproperties(_objectSpread$y({}, secpropobj));
42914
- }
42923
+ var secpropobj = {};
42924
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
42925
+ if (sectionitem.sectionid == props.sectionidprops) {
42926
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
42927
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
42928
+ });
42929
+ }
42930
+ });
42931
+ setsectionproperties(_objectSpread$y({}, secpropobj));
42915
42932
  }, [StatePagePropertiesContext]);
42916
42933
  React.useEffect(function () {
42917
42934
  setitem(props.cardinfoitemprops);
@@ -42922,7 +42939,15 @@
42922
42939
  height: sectionproperties.variantcontainer_height + 'vh',
42923
42940
  borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px'
42924
42941
  }),
42925
- productcard: glamor.css((_css = {
42942
+ productcard: glamor.css({
42943
+ minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
42944
+ maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
42945
+ '@media (max-width: 800px)': {
42946
+ minWidth: sectionproperties.widthresponsive + 'px',
42947
+ maxWidth: sectionproperties.widthresponsive + 'px'
42948
+ }
42949
+ }),
42950
+ innerproductcard: glamor.css((_css = {
42926
42951
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
42927
42952
  opacity: sectionproperties.cardbg_opacity,
42928
42953
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
@@ -42946,7 +42971,6 @@
42946
42971
  opacity: 1
42947
42972
  }), _css)),
42948
42973
  productcard_imgcontainer: glamor.css({
42949
- height: sectionproperties.image_height + 'px',
42950
42974
  background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
42951
42975
  border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
42952
42976
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
@@ -43087,164 +43111,182 @@
43087
43111
  zIndex: 10000
43088
43112
  })
43089
43113
  };
43114
+ var ImageContent = function ImageContent() {
43115
+ return /*#__PURE__*/React__default["default"].createElement("div", {
43116
+ "class": "w-100"
43117
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
43118
+ urlEndpoint: IKurlEndpoint,
43119
+ publicKey: IKpublicKey,
43120
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
43121
+ loading: "lazy",
43122
+ style: {
43123
+ width: '100%',
43124
+ height: '100%',
43125
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
43126
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
43127
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
43128
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
43129
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
43130
+ }
43131
+ }), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
43132
+ "class": "".concat(card_cssstyles.wishlist_btn) + ' wishlist_btn cursor-pointer ',
43133
+ onClick: function onClick(e) {
43134
+ e.stopPropagation();
43135
+ addtofavoritescontext(item.productid);
43136
+ }
43137
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
43138
+ "class": "h-100 d-flex align-items-center justify-content-center"
43139
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
43140
+ size: sectionproperties.favBtnIconfontsize,
43141
+ style: {
43142
+ color: sectionproperties.activefaviconcolor
43143
+ }
43144
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
43145
+ size: sectionproperties.favBtnIconfontsize,
43146
+ style: {
43147
+ color: sectionproperties.activefaviconcolor
43148
+ }
43149
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
43150
+ "class": "h-100 d-flex align-items-center justify-content-center"
43151
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
43152
+ size: sectionproperties.favBtnIconfontsize
43153
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
43154
+ size: sectionproperties.favBtnIconfontsize
43155
+ }))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
43156
+ "class": "allcentered",
43157
+ style: {
43158
+ position: 'absolute',
43159
+ top: sectionproperties.badge_top + 'px',
43160
+ right: sectionproperties.badge_right + 'px',
43161
+ width: sectionproperties.badge_width + 'px',
43162
+ height: sectionproperties.badge_height + 'px',
43163
+ background: sectionproperties.badge_bgcolor,
43164
+ borderRadius: sectionproperties.badge_borderradius + 'px',
43165
+ border: sectionproperties.badgeborderwidth + 'px solid ' + sectionproperties.badge_color
43166
+ }
43167
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43168
+ "class": "m-0 p-0 text-uppercase",
43169
+ style: {
43170
+ color: sectionproperties.badge_color,
43171
+ fontSize: sectionproperties.badge_fontsize + 'px'
43172
+ }
43173
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
43174
+ "class": "allcentered",
43175
+ style: {
43176
+ position: 'absolute',
43177
+ top: sectionproperties.pillpositionfromtop + 'px',
43178
+ right: sectionproperties.pillpositionfromright + 'px',
43179
+ width: sectionproperties.pillwidth + 'px',
43180
+ height: sectionproperties.pillheight + 'px',
43181
+ background: sectionproperties.pillbgcolor,
43182
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
43183
+ }
43184
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43185
+ "class": "m-0 p-0 text-uppercase",
43186
+ style: {
43187
+ color: sectionproperties.pillcolor,
43188
+ fontSize: sectionproperties.pillfontSize + 'px',
43189
+ direction: 'ltr'
43190
+ }
43191
+ }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), /*#__PURE__*/React__default["default"].createElement("div", {
43192
+ "class": "".concat(card_cssstyles.buttoncont) + ' buttoncont row w-100 m-0 d-flex justify-content-center align-items-center '
43193
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43194
+ "class": "col-lg-12 p-0 mb-2"
43195
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
43196
+ "class": "".concat(card_cssstyles.quickshow_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center quickshow_btn ',
43197
+ onClick: function onClick(e) {
43198
+ e.stopPropagation();
43199
+ setShowProductInfoModalContext(true);
43200
+ setProductIdProdutInfoModalContext(item.productid);
43201
+ }
43202
+ }, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
43203
+ "class": "col-lg-12 p-0"
43204
+ }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
43205
+ "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
43206
+ onClick: function onClick(e) {
43207
+ e.stopPropagation();
43208
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43209
+ }
43210
+ }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))), /*#__PURE__*/React__default["default"].createElement("div", {
43211
+ style: {
43212
+ bottom: 0,
43213
+ position: 'absolute',
43214
+ width: '100%'
43215
+ },
43216
+ "class": "d-none d-md-flex d-sm-flex"
43217
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43218
+ style: {
43219
+ background: sectionproperties.slideshow_btn_bg,
43220
+ color: sectionproperties.generalbtn_textColor,
43221
+ height: '40px'
43222
+ },
43223
+ "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center",
43224
+ onClick: function onClick(e) {
43225
+ e.stopPropagation();
43226
+ setShowProductInfoModalContext(true);
43227
+ setProductIdProdutInfoModalContext(item.productid);
43228
+ }
43229
+ }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
43230
+ size: sectionproperties.cartBtn_iconFontSize
43231
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
43232
+ style: {
43233
+ background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
43234
+ color: sectionproperties.cartBtnTextcolor,
43235
+ height: '40px'
43236
+ },
43237
+ "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center",
43238
+ onClick: function onClick(e) {
43239
+ e.stopPropagation();
43240
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43241
+ }
43242
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
43243
+ "class": "",
43244
+ size: sectionproperties.cartBtn_iconFontSize
43245
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
43246
+ "class": "",
43247
+ size: sectionproperties.cartBtn_iconFontSize
43248
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
43249
+ "class": "",
43250
+ size: sectionproperties.cartBtn_iconFontSize
43251
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
43252
+ size: sectionproperties.cartBtn_iconFontSize
43253
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
43254
+ "class": "",
43255
+ size: sectionproperties.cartBtn_iconFontSize
43256
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
43257
+ size: sectionproperties.cartBtn_iconFontSize
43258
+ }))));
43259
+ };
43090
43260
  return /*#__PURE__*/React__default["default"].createElement("div", {
43091
- "class": "row m-0 w-100",
43261
+ // ${generalCardsStyles.newproductcard}
43262
+ "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : " ".concat(card_cssstyles.productcard),
43092
43263
  style: {
43093
43264
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
43094
43265
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
43095
43266
  }
43096
43267
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
43097
- "class": "".concat(card_cssstyles.productcard) + ' w-100 '
43268
+ "class": "".concat(card_cssstyles.innerproductcard) + ' w-100 '
43098
43269
  }, /*#__PURE__*/React__default["default"].createElement("div", {
43099
43270
  onClick: function onClick() {
43100
43271
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43101
43272
  },
43102
- "class": "".concat(card_cssstyles.productcard_imgcontainer) + ' cursor-pointer ',
43273
+ "class": "".concat(card_cssstyles.productcard_imgcontainer) + ' cursor-pointer d-flex d-md-none w-100 ',
43103
43274
  style: {
43104
43275
  position: 'relative',
43105
- marginBottom: sectionproperties.image_mb + 'px'
43106
- }
43107
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
43108
- urlEndpoint: IKurlEndpoint,
43109
- publicKey: IKpublicKey,
43110
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
43111
- loading: "lazy",
43112
- style: {
43113
- width: '100%',
43114
- height: '100%',
43115
- objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
43116
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
43117
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
43118
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
43119
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
43120
- }
43121
- }), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
43122
- "class": "".concat(card_cssstyles.wishlist_btn) + ' wishlist_btn cursor-pointer ',
43123
- onClick: function onClick(e) {
43124
- e.stopPropagation();
43125
- addtofavoritescontext(item.productid);
43126
- }
43127
- }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
43128
- "class": "h-100 d-flex align-items-center justify-content-center"
43129
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
43130
- size: sectionproperties.favBtnIconfontsize,
43131
- style: {
43132
- color: sectionproperties.activefaviconcolor
43133
- }
43134
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
43135
- size: sectionproperties.favBtnIconfontsize,
43136
- style: {
43137
- color: sectionproperties.activefaviconcolor
43138
- }
43139
- })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
43140
- "class": "h-100 d-flex align-items-center justify-content-center"
43141
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
43142
- size: sectionproperties.favBtnIconfontsize
43143
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
43144
- size: sectionproperties.favBtnIconfontsize
43145
- }))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
43146
- "class": "allcentered",
43147
- style: {
43148
- position: 'absolute',
43149
- top: sectionproperties.badge_top + 'px',
43150
- right: sectionproperties.badge_right + 'px',
43151
- width: sectionproperties.badge_width + 'px',
43152
- height: sectionproperties.badge_height + 'px',
43153
- background: sectionproperties.badge_bgcolor,
43154
- borderRadius: sectionproperties.badge_borderradius + 'px'
43155
- }
43156
- }, /*#__PURE__*/React__default["default"].createElement("p", {
43157
- "class": "m-0 p-0 text-uppercase",
43158
- style: {
43159
- color: sectionproperties.badge_color,
43160
- fontSize: sectionproperties.badge_fontsize + 'px'
43161
- }
43162
- }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
43163
- "class": "allcentered",
43164
- style: {
43165
- position: 'absolute',
43166
- top: sectionproperties.pillpositionfromtop + 'px',
43167
- right: sectionproperties.pillpositionfromright + 'px',
43168
- width: sectionproperties.pillwidth + 'px',
43169
- height: sectionproperties.pillheight + 'px',
43170
- background: sectionproperties.pillbgcolor,
43171
- borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
43172
- }
43173
- }, /*#__PURE__*/React__default["default"].createElement("p", {
43174
- "class": "m-0 p-0 text-uppercase",
43175
- style: {
43176
- color: sectionproperties.pillcolor,
43177
- fontSize: sectionproperties.pillfontSize + 'px',
43178
- direction: 'ltr'
43179
- }
43180
- }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), /*#__PURE__*/React__default["default"].createElement("div", {
43181
- "class": "".concat(card_cssstyles.buttoncont) + ' buttoncont row w-100 m-0 d-flex justify-content-center align-items-center '
43182
- }, /*#__PURE__*/React__default["default"].createElement("div", {
43183
- "class": "col-lg-12 p-0 mb-2"
43184
- }, /*#__PURE__*/React__default["default"].createElement("button", {
43185
- "class": "".concat(card_cssstyles.quickshow_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center quickshow_btn ',
43186
- onClick: function onClick(e) {
43187
- e.stopPropagation();
43188
- setShowProductInfoModalContext(true);
43189
- setProductIdProdutInfoModalContext(item.productid);
43276
+ marginBottom: sectionproperties.image_mb + 'px',
43277
+ height: sectionproperties.image_height + 'px'
43190
43278
  }
43191
- }, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
43192
- "class": "col-lg-12 p-0"
43193
- }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
43194
- "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
43195
- onClick: function onClick(e) {
43196
- e.stopPropagation();
43279
+ }, ImageContent()), /*#__PURE__*/React__default["default"].createElement("div", {
43280
+ onClick: function onClick() {
43197
43281
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43198
- }
43199
- }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))), /*#__PURE__*/React__default["default"].createElement("div", {
43200
- style: {
43201
- bottom: 0,
43202
- position: 'absolute',
43203
- width: '100%'
43204
43282
  },
43205
- "class": "d-none d-md-flex d-sm-flex"
43206
- }, /*#__PURE__*/React__default["default"].createElement("div", {
43207
- style: {
43208
- background: sectionproperties.slideshow_btn_bg,
43209
- color: sectionproperties.generalbtn_textColor,
43210
- height: '40px'
43211
- },
43212
- "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center",
43213
- onClick: function onClick(e) {
43214
- e.stopPropagation();
43215
- setShowProductInfoModalContext(true);
43216
- setProductIdProdutInfoModalContext(item.productid);
43217
- }
43218
- }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
43219
- size: sectionproperties.cartBtn_iconFontSize
43220
- })), /*#__PURE__*/React__default["default"].createElement("div", {
43283
+ "class": "".concat(card_cssstyles.productcard_imgcontainer) + ' cursor-pointer d-none d-md-flex ',
43221
43284
  style: {
43222
- background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
43223
- color: sectionproperties.cartBtnTextcolor,
43224
- height: '40px'
43225
- },
43226
- "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center",
43227
- onClick: function onClick(e) {
43228
- e.stopPropagation();
43229
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
43285
+ position: 'relative',
43286
+ marginBottom: sectionproperties.image_mb + 'px',
43287
+ height: sectionproperties.height_responsive + 'px'
43230
43288
  }
43231
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
43232
- "class": "",
43233
- size: sectionproperties.cartBtn_iconFontSize
43234
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
43235
- "class": "",
43236
- size: sectionproperties.cartBtn_iconFontSize
43237
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
43238
- "class": "",
43239
- size: sectionproperties.cartBtn_iconFontSize
43240
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
43241
- size: sectionproperties.cartBtn_iconFontSize
43242
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
43243
- "class": "",
43244
- size: sectionproperties.cartBtn_iconFontSize
43245
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
43246
- size: sectionproperties.cartBtn_iconFontSize
43247
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
43289
+ }, ImageContent()), /*#__PURE__*/React__default["default"].createElement("div", {
43248
43290
  "class": 'row m-0 w-100 text-start d-flex justify-content-start mt-2'
43249
43291
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
43250
43292
  "class": "col-lg-12 d-flex justify-content-start p-0"
@@ -43257,7 +43299,10 @@
43257
43299
  textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
43258
43300
  }
43259
43301
  }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
43260
- "class": "col-lg-12 d-flex align-items-center justify-content-start p-0"
43302
+ "class": "col-lg-12 d-flex align-items-center p-0",
43303
+ style: {
43304
+ justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
43305
+ }
43261
43306
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
43262
43307
  "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 '
43263
43308
  }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname, ' '), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -47094,7 +47139,7 @@
47094
47139
  fontSize: sectionproperties.badge_fontsize + 'px'
47095
47140
  }
47096
47141
  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
47097
- "class": sectionproperties.image_show == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 pt-2' : 'col-lg-12 col-md-12 col-sm-12 pt-2',
47142
+ "class": sectionproperties.image_show == 'show' ? 'col-lg-8 col-md-8 col-sm-8 pt-2' : 'col-lg-12 col-md-12 col-sm-12 pt-2',
47098
47143
  style: {
47099
47144
  paddingRight: langdetect == 'en' ? 0 : '',
47100
47145
  paddingLeft: langdetect == 'ar' ? 0 : '',