tabexseriescomponents 0.2.752 → 0.2.754

package/dist/index.cjs.js

@@ -5056,7 +5056,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
 };
 
 var Service_itemtype = function Service_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
+  var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _sizeguideimage$;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -5091,6 +5091,11 @@ var Service_itemtype = function Service_itemtype(props) {
     _useState6 = _slicedToArray__default["default"](_useState5, 2);
     _useState6[0];
     var setitem = _useState6[1];
+  var _useState7 = React.useState(false),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    opensizeguidemodal = _useState8[0],
+    setopensizeguidemodal = _useState8[1];
+  var sizeguideimage = props.actions.sizeguideimage;
   React.useEffect(function () {
     var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
     if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -5130,6 +5135,44 @@ var Service_itemtype = function Service_itemtype(props) {
       }
     }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
   };
+  var formstyles = {
+    input_label_name: glamor.css({
+      color: sectionproperties.form_labelcolor,
+      textTransform: sectionproperties.form_labeltexttransform,
+      fontWeight: sectionproperties.form_labelfontweight,
+      fontSize: sectionproperties.form_labelfontsize + 'px',
+      marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
+    }),
+    form_control: glamor.css((_css = {
+      background: 'transparent',
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center'
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
+      borderColor: sectionproperties.inputfeildbordercoloronfocus
+    }), ':focus .login_input_icon', {
+      color: sectionproperties.inputfeildbordercoloronfocus
+    }))),
+    sizeguidebtn: glamor.css({
+      color: sectionproperties.sizeguidebtncolor,
+      fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
+      transition: '.3s',
+      textDecoration: 'underline',
+      ':hover': {
+        color: sectionproperties.sizeguidebtncoloronhover,
+        fontWeight: sectionproperties.sizeguidebtnfontweight
+      }
+    }),
+    closemodalbtn: glamor.css({
+      color: sectionproperties.sizeguidebtncolor,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.sizeguidebtncoloronhover
+      }
+    })
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -5754,7 +5797,16 @@ var Service_itemtype = function Service_itemtype(props) {
     className: "p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-end"
+  }, sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == 'Besides Variants' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-12 text-end"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": formstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
+    onClick: function onClick() {
+      setopensizeguidemodal(true);
+    }
+  }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
     actions: props.actions
   }), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
     actions: props.actions
@@ -5841,7 +5893,44 @@ var Service_itemtype = function Service_itemtype(props) {
       paddingLeft: langdetect == 'en' ? '.5em' : 0,
       paddingRight: langdetect == 'ar' ? '.5rem' : 0
     }
-  }, StoreInfoprops()))));
+  }, StoreInfoprops()))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
+    show: opensizeguidemodal,
+    onHide: function onHide() {
+      setopensizeguidemodal(false);
+    },
+    centered: true,
+    size: 'lg'
+  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "allcentered cursor-pointer",
+    onClick: function onClick() {
+      setopensizeguidemodal(false);
+    },
+    style: {
+      position: 'absolute',
+      top: 10,
+      width: 35,
+      height: 35,
+      right: 10
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": ' h-100 allcentered text-black '
+  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+    size: 25,
+    "class": formstyles.closemodalbtn
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' w-100 h-100 px-4 py-5 ',
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
 };
 
 var Article_itemtype = function Article_itemtype(props) {
@@ -12042,7 +12131,12 @@ var Checkout = function Checkout(props) {
     className: sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-4 col-md-12 mb-3 selectwhite' : 'col-lg-4 col-md-12 mb-3'
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-  }, " ", lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.country, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
+    "class": "mx-2",
+    style: {
+      color: 'var(--danger)'
+    }
+  }, "*")), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-100 allcentered mt-1"
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "#000",
@@ -12089,7 +12183,12 @@ var Checkout = function Checkout(props) {
     className: sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-4 col-md-12 mb-3 selectwhite' : 'col-lg-4 col-md-12 mb-3'
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-  }, lang.stategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.stategov, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
+    "class": "mx-2",
+    style: {
+      color: 'var(--danger)'
+    }
+  }, "*")), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-100 allcentered mt-1"
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "#000",
@@ -12144,7 +12243,12 @@ var Checkout = function Checkout(props) {
     className: sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-4 col-md-12 mb-3 selectwhite' : 'col-lg-4 col-md-12 mb-3'
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-  }, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.city, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
+    "class": "mx-2",
+    style: {
+      color: 'var(--danger)'
+    }
+  }, "*")), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-100 allcentered mt-1"
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "#000",
@@ -12187,7 +12291,12 @@ var Checkout = function Checkout(props) {
     className: "col-lg-12 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
-  }, langdetect == 'en' ? sectionproperties.shippingaddressen : sectionproperties.shippingaddressar), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
+  }, langdetect == 'en' ? sectionproperties.shippingaddressen : sectionproperties.shippingaddressar, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
+    "class": "mx-2",
+    style: {
+      color: 'var(--danger)'
+    }
+  }, "*")), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
     type: 'text',
     className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
     value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue72 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue72 === void 0 || (_fetchcustomercartQue72 = _fetchcustomercartQue72.data) === null || _fetchcustomercartQue72 === void 0 ? void 0 : _fetchcustomercartQue72.customercart.address,
@@ -12236,7 +12345,12 @@ var Checkout = function Checkout(props) {
     className: "col-lg-12 pl-3 pr-3 pt-2"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
-  }, langdetect == 'en' ? 'Shipping Method' : 'طريقة الشحن')), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Shipping Method' : 'طريقة الشحن', ' ', authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
+    "class": "mx-2",
+    style: {
+      color: 'var(--danger)'
+    }
+  }, "*"))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     className: "mt-2 mb-2"
@@ -17603,7 +17717,7 @@ var Filter$1 = function Filter(props) {
       // maxValue={parseInt(sectionproperties.filterpricemaxvalue)}
       // minValue={parseInt(sectionproperties.filterpriceminvalue)}
       ,
-      maxValue: parseInt(5000),
+      maxValue: parseInt(50000),
       minValue: parseInt(1),
       value: price_rangevalue,
       onChange: function onChange(value) {
@@ -67379,7 +67493,7 @@ var Servicesection = function Servicesection(props) {
 function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
-  var _maincontainerarrayof, _maincontainerarrayof2;
+  var _maincontainerarrayof;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -67836,25 +67950,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }))), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
     style: {}
-  }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionStyles.imgcontainer
-  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: (_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage,
-    style: {
-      height: '100%',
-      width: '100%',
-      objectFit: 'cover',
-      margin: 0,
-      padding: 0,
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      right: 0,
-      left: 0
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
     style: {}
   }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -84148,6 +84244,11 @@ var Simpleproductcard = function Simpleproductcard(props) {
       transition: 'all, 0.4s',
       right: 10,
       transform: "translateX(0px)"
+    }),
+    sku: glamor.css({
+      fontSize: sectionproperties.skuFontSize + 'px',
+      color: sectionproperties.skuColor,
+      fontWeight: sectionproperties.skuFontWeight
     })
   };
   var _useState11 = React.useState(''),
@@ -84608,7 +84709,15 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
-  }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, item.name)), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 pl-0 pr-0",
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(card_cssstyles.sku) + '  wordbreak wordbreak1 font-md-13 m-0 ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'SKU: ' : 'كود: ', item.sku)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0   mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'

package/dist/index.esm.js

@@ -5007,7 +5007,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
 };
 
 var Service_itemtype = function Service_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
+  var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _sizeguideimage$;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -5042,6 +5042,11 @@ var Service_itemtype = function Service_itemtype(props) {
     _useState6 = _slicedToArray(_useState5, 2);
     _useState6[0];
     var setitem = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    opensizeguidemodal = _useState8[0],
+    setopensizeguidemodal = _useState8[1];
+  var sizeguideimage = props.actions.sizeguideimage;
   useEffect(function () {
     var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
     if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -5081,6 +5086,44 @@ var Service_itemtype = function Service_itemtype(props) {
       }
     }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
   };
+  var formstyles = {
+    input_label_name: css({
+      color: sectionproperties.form_labelcolor,
+      textTransform: sectionproperties.form_labeltexttransform,
+      fontWeight: sectionproperties.form_labelfontweight,
+      fontSize: sectionproperties.form_labelfontsize + 'px',
+      marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
+    }),
+    form_control: css((_css = {
+      background: 'transparent',
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center'
+    }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty(_defineProperty(_css, ':focus', {
+      borderColor: sectionproperties.inputfeildbordercoloronfocus
+    }), ':focus .login_input_icon', {
+      color: sectionproperties.inputfeildbordercoloronfocus
+    }))),
+    sizeguidebtn: css({
+      color: sectionproperties.sizeguidebtncolor,
+      fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
+      transition: '.3s',
+      textDecoration: 'underline',
+      ':hover': {
+        color: sectionproperties.sizeguidebtncoloronhover,
+        fontWeight: sectionproperties.sizeguidebtnfontweight
+      }
+    }),
+    closemodalbtn: css({
+      color: sectionproperties.sizeguidebtncolor,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.sizeguidebtncoloronhover
+      }
+    })
+  };
   return /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 '
   }, /*#__PURE__*/React.createElement("div", {
@@ -5705,7 +5748,16 @@ var Service_itemtype = function Service_itemtype(props) {
     className: "p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React.createElement(Variantoptions, {
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-end"
+  }, sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == 'Besides Variants' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 text-end"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": formstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
+    onClick: function onClick() {
+      setopensizeguidemodal(true);
+    }
+  }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React.createElement(Variantoptions, {
     actions: props.actions
   }), /*#__PURE__*/React.createElement(ProductExtras, {
     actions: props.actions
@@ -5792,7 +5844,44 @@ var Service_itemtype = function Service_itemtype(props) {
       paddingLeft: langdetect == 'en' ? '.5em' : 0,
       paddingRight: langdetect == 'ar' ? '.5rem' : 0
     }
-  }, StoreInfoprops()))));
+  }, StoreInfoprops()))), sizeguideimage.length != 0 && /*#__PURE__*/React.createElement(Modal, {
+    show: opensizeguidemodal,
+    onHide: function onHide() {
+      setopensizeguidemodal(false);
+    },
+    centered: true,
+    size: 'lg'
+  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
+    className: "allcentered cursor-pointer",
+    onClick: function onClick() {
+      setopensizeguidemodal(false);
+    },
+    style: {
+      position: 'absolute',
+      top: 10,
+      width: 35,
+      height: 35,
+      right: 10
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": ' h-100 allcentered text-black '
+  }, /*#__PURE__*/React.createElement(IoMdClose, {
+    size: 25,
+    "class": formstyles.closemodalbtn
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": ' w-100 h-100 px-4 py-5 ',
+    style: {}
+  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  }))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
 };
 
 var Article_itemtype = function Article_itemtype(props) {
@@ -11993,7 +12082,12 @@ var Checkout = function Checkout(props) {
     className: sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-4 col-md-12 mb-3 selectwhite' : 'col-lg-4 col-md-12 mb-3'
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-  }, " ", lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
+  }, lang.country, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React.createElement("sup", {
+    "class": "mx-2",
+    style: {
+      color: 'var(--danger)'
+    }
+  }, "*")), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
     className: "w-100 allcentered mt-1"
   }, /*#__PURE__*/React.createElement(CircularProgress, {
     color: "#000",
@@ -12040,7 +12134,12 @@ var Checkout = function Checkout(props) {
     className: sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-4 col-md-12 mb-3 selectwhite' : 'col-lg-4 col-md-12 mb-3'
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-  }, lang.stategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
+  }, lang.stategov, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React.createElement("sup", {
+    "class": "mx-2",
+    style: {
+      color: 'var(--danger)'
+    }
+  }, "*")), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
     className: "w-100 allcentered mt-1"
   }, /*#__PURE__*/React.createElement(CircularProgress, {
     color: "#000",
@@ -12095,7 +12194,12 @@ var Checkout = function Checkout(props) {
     className: sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-4 col-md-12 mb-3 selectwhite' : 'col-lg-4 col-md-12 mb-3'
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-  }, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
+  }, lang.city, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React.createElement("sup", {
+    "class": "mx-2",
+    style: {
+      color: 'var(--danger)'
+    }
+  }, "*")), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
     className: "w-100 allcentered mt-1"
   }, /*#__PURE__*/React.createElement(CircularProgress, {
     color: "#000",
@@ -12138,7 +12242,12 @@ var Checkout = function Checkout(props) {
     className: "col-lg-12 mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
-  }, langdetect == 'en' ? sectionproperties.shippingaddressen : sectionproperties.shippingaddressar), /*#__PURE__*/React.createElement(TextareaAutosize, {
+  }, langdetect == 'en' ? sectionproperties.shippingaddressen : sectionproperties.shippingaddressar, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React.createElement("sup", {
+    "class": "mx-2",
+    style: {
+      color: 'var(--danger)'
+    }
+  }, "*")), /*#__PURE__*/React.createElement(TextareaAutosize, {
     type: 'text',
     className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
     value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue72 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue72 === void 0 || (_fetchcustomercartQue72 = _fetchcustomercartQue72.data) === null || _fetchcustomercartQue72 === void 0 ? void 0 : _fetchcustomercartQue72.customercart.address,
@@ -12187,7 +12296,12 @@ var Checkout = function Checkout(props) {
     className: "col-lg-12 pl-3 pr-3 pt-2"
   }, /*#__PURE__*/React.createElement("p", {
     className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
-  }, langdetect == 'en' ? 'Shipping Method' : 'طريقة الشحن')), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Shipping Method' : 'طريقة الشحن', ' ', authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React.createElement("sup", {
+    "class": "mx-2",
+    style: {
+      color: 'var(--danger)'
+    }
+  }, "*"))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("hr", {
     className: "mt-2 mb-2"
@@ -17554,7 +17668,7 @@ var Filter$1 = function Filter(props) {
       // maxValue={parseInt(sectionproperties.filterpricemaxvalue)}
       // minValue={parseInt(sectionproperties.filterpriceminvalue)}
       ,
-      maxValue: parseInt(5000),
+      maxValue: parseInt(50000),
       minValue: parseInt(1),
       value: price_rangevalue,
       onChange: function onChange(value) {
@@ -67330,7 +67444,7 @@ var Servicesection = function Servicesection(props) {
 function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
-  var _maincontainerarrayof, _maincontainerarrayof2;
+  var _maincontainerarrayof;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -67787,25 +67901,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }))), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React.createElement("div", {
     "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
     style: {}
-  }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
-    "class": sectionStyles.imgcontainer
-  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: (_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage,
-    style: {
-      height: '100%',
-      width: '100%',
-      objectFit: 'cover',
-      margin: 0,
-      padding: 0,
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      right: 0,
-      left: 0
-    }
-  })), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
     style: {}
   }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -84099,6 +84195,11 @@ var Simpleproductcard = function Simpleproductcard(props) {
       transition: 'all, 0.4s',
       right: 10,
       transform: "translateX(0px)"
+    }),
+    sku: css({
+      fontSize: sectionproperties.skuFontSize + 'px',
+      color: sectionproperties.skuColor,
+      fontWeight: sectionproperties.skuFontWeight
     })
   };
   var _useState11 = useState(''),
@@ -84559,7 +84660,15 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
-  }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React.createElement("p", {
+  }, item.name)), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 pl-0 pr-0",
+    style: {}
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.sku) + '  wordbreak wordbreak1 font-md-13 m-0 ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'SKU: ' : 'كود: ', item.sku)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React.createElement("p", {
     "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0   mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'

package/dist/index.umd.js

@@ -4871,7 +4871,7 @@
     };
 
     var Service_itemtype = function Service_itemtype(props) {
-      var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
+      var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _sizeguideimage$;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
       var srcfromprops = props.actions.srcfromprops;
@@ -4906,6 +4906,11 @@
         _useState6 = _slicedToArray__default["default"](_useState5, 2);
         _useState6[0];
         var setitem = _useState6[1];
+      var _useState7 = React.useState(false),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2),
+        opensizeguidemodal = _useState8[0],
+        setopensizeguidemodal = _useState8[1];
+      var sizeguideimage = props.actions.sizeguideimage;
       React.useEffect(function () {
         var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
         if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
@@ -4945,6 +4950,44 @@
           }
         }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
       };
+      var formstyles = {
+        input_label_name: glamor.css({
+          color: sectionproperties.form_labelcolor,
+          textTransform: sectionproperties.form_labeltexttransform,
+          fontWeight: sectionproperties.form_labelfontweight,
+          fontSize: sectionproperties.form_labelfontsize + 'px',
+          marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
+        }),
+        form_control: glamor.css((_css = {
+          background: 'transparent',
+          color: sectionproperties.inputfieldcolor,
+          fontSize: sectionproperties.inputfieldfontsize + 'px',
+          position: 'relative',
+          display: 'flex',
+          alignItems: 'center'
+        }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
+          borderColor: sectionproperties.inputfeildbordercoloronfocus
+        }), ':focus .login_input_icon', {
+          color: sectionproperties.inputfeildbordercoloronfocus
+        }))),
+        sizeguidebtn: glamor.css({
+          color: sectionproperties.sizeguidebtncolor,
+          fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
+          transition: '.3s',
+          textDecoration: 'underline',
+          ':hover': {
+            color: sectionproperties.sizeguidebtncoloronhover,
+            fontWeight: sectionproperties.sizeguidebtnfontweight
+          }
+        }),
+        closemodalbtn: glamor.css({
+          color: sectionproperties.sizeguidebtncolor,
+          transition: '.3s',
+          ':hover': {
+            color: sectionproperties.sizeguidebtncoloronhover
+          }
+        })
+      };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": ' col-lg-12 p-0 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -5569,7 +5612,16 @@
         className: "p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-end"
+      }, sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == 'Besides Variants' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 text-end"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": formstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
+        onClick: function onClick() {
+          setopensizeguidemodal(true);
+        }
+      }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
         actions: props.actions
       }), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
         actions: props.actions
@@ -5656,7 +5708,44 @@
           paddingLeft: langdetect == 'en' ? '.5em' : 0,
           paddingRight: langdetect == 'ar' ? '.5rem' : 0
         }
-      }, StoreInfoprops()))));
+      }, StoreInfoprops()))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
+        show: opensizeguidemodal,
+        onHide: function onHide() {
+          setopensizeguidemodal(false);
+        },
+        centered: true,
+        size: 'lg'
+      }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "allcentered cursor-pointer",
+        onClick: function onClick() {
+          setopensizeguidemodal(false);
+        },
+        style: {
+          position: 'absolute',
+          top: 10,
+          width: 35,
+          height: 35,
+          right: 10
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": ' h-100 allcentered text-black '
+      }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+        size: 25,
+        "class": formstyles.closemodalbtn
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' w-100 h-100 px-4 py-5 ',
+        style: {}
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
+        style: {
+          width: '100%',
+          height: '100%',
+          objectFit: 'contain'
+        },
+        loading: "lazy"
+      }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
     };
 
     var Article_itemtype = function Article_itemtype(props) {
@@ -11857,7 +11946,12 @@
         className: sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-4 col-md-12 mb-3 selectwhite' : 'col-lg-4 col-md-12 mb-3'
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-      }, " ", lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, lang.country, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
+        "class": "mx-2",
+        style: {
+          color: 'var(--danger)'
+        }
+      }, "*")), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "w-100 allcentered mt-1"
       }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
         color: "#000",
@@ -11904,7 +11998,12 @@
         className: sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-4 col-md-12 mb-3 selectwhite' : 'col-lg-4 col-md-12 mb-3'
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-      }, lang.stategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, lang.stategov, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
+        "class": "mx-2",
+        style: {
+          color: 'var(--danger)'
+        }
+      }, "*")), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "w-100 allcentered mt-1"
       }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
         color: "#000",
@@ -11959,7 +12058,12 @@
         className: sectionproperties.inputfieldcolor == '#ffffff' ? 'col-lg-4 col-md-12 mb-3 selectwhite' : 'col-lg-4 col-md-12 mb-3'
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-      }, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, lang.city, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
+        "class": "mx-2",
+        style: {
+          color: 'var(--danger)'
+        }
+      }, "*")), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "w-100 allcentered mt-1"
       }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
         color: "#000",
@@ -12002,7 +12106,12 @@
         className: "col-lg-12 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
-      }, langdetect == 'en' ? sectionproperties.shippingaddressen : sectionproperties.shippingaddressar), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
+      }, langdetect == 'en' ? sectionproperties.shippingaddressen : sectionproperties.shippingaddressar, authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
+        "class": "mx-2",
+        style: {
+          color: 'var(--danger)'
+        }
+      }, "*")), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
         type: 'text',
         className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
         value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue72 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue72 === void 0 || (_fetchcustomercartQue72 = _fetchcustomercartQue72.data) === null || _fetchcustomercartQue72 === void 0 ? void 0 : _fetchcustomercartQue72.customercart.address,
@@ -12051,7 +12160,12 @@
         className: "col-lg-12 pl-3 pr-3 pt-2"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
-      }, langdetect == 'en' ? 'Shipping Method' : 'طريقة الشحن')), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'Shipping Method' : 'طريقة الشحن', ' ', authdetailsContext.instinfo.customerAddressrequiered == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
+        "class": "mx-2",
+        style: {
+          color: 'var(--danger)'
+        }
+      }, "*"))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
         className: "mt-2 mb-2"
@@ -17418,7 +17532,7 @@
           // maxValue={parseInt(sectionproperties.filterpricemaxvalue)}
           // minValue={parseInt(sectionproperties.filterpriceminvalue)}
           ,
-          maxValue: parseInt(5000),
+          maxValue: parseInt(50000),
           minValue: parseInt(1),
           value: price_rangevalue,
           onChange: function onChange(value) {
@@ -67194,7 +67308,7 @@
     function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
-      var _maincontainerarrayof, _maincontainerarrayof2;
+      var _maincontainerarrayof;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -67651,25 +67765,7 @@
       }))), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
         style: {}
-      }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionStyles.imgcontainer
-      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: (_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage,
-        style: {
-          height: '100%',
-          width: '100%',
-          objectFit: 'cover',
-          margin: 0,
-          padding: 0,
-          position: 'absolute',
-          top: 0,
-          bottom: 0,
-          right: 0,
-          left: 0
-        }
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
         style: {}
       }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -83963,6 +84059,11 @@
           transition: 'all, 0.4s',
           right: 10,
           transform: "translateX(0px)"
+        }),
+        sku: glamor.css({
+          fontSize: sectionproperties.skuFontSize + 'px',
+          color: sectionproperties.skuColor,
+          fontWeight: sectionproperties.skuFontWeight
         })
       };
       var _useState11 = React.useState(''),
@@ -84423,7 +84524,15 @@
         style: {
           textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
         }
-      }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
+      }, item.name)), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 pl-0 pr-0",
+        style: {}
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(card_cssstyles.sku) + '  wordbreak wordbreak1 font-md-13 m-0 ',
+        style: {
+          textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'SKU: ' : 'كود: ', item.sku)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0   mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
         style: {
           textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.2.752",
+    "version": "0.2.754",
     "type": "module",
     "description": "your description",
     "main": "dist/index.cjs.js",