tabexseriescomponents 0.2.1323 → 0.2.1325

package/dist/index.cjs.js

@@ -41721,7 +41721,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
 function ownKeys$1X(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$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Modernheader = function Modernheader(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
+  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -42306,7 +42306,7 @@ var Modernheader = function Modernheader(props) {
     }
   })), sectionproperties.userbtn_logintextFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": " ".concat(header_cssstyles.user_btntext) + ' userbtntext mx-2 '
-  }, langdetect == 'en' ? 'LOGIN/register' : 'تسجيل الدخول')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instid) == '69de6dceab218' ? langdetect == 'en' ? 'LOGIN' : 'تسجيل الدخول' : langdetect == 'en' ? 'LOGIN/register' : 'تسجيل الدخول')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
     sytle: {
       position: 'relative'
@@ -42537,8 +42537,8 @@ var Modernheader = function Modernheader(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
-      var _authdetailsContext$i8;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instid) != '68c69dcc53e94') {
+      var _authdetailsContext$i9;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instid) != '68c69dcc53e94') {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "cursor-pointer",
           onClick: function onClick() {
@@ -57489,7 +57489,7 @@ var Footer8 = function Footer8(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) != '69020f4494f66' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instid) != '6972421b79d52' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12  p-md-0 d-flex justify-content-start align-items-center mb-auto"
+    "class": "col-lg-12  p-md-0 d-flex justify-content-start align-items-center justify-content-md-center mb-auto"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
     onClick: function onClick() {
@@ -57508,7 +57508,7 @@ var Footer8 = function Footer8(props) {
   }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) == '69020f4494f66' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
+    "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start justify-content-md-center align-items-center cursor-pointer ',
     onClick: function onClick() {
       routingcountext('home');
     }
@@ -57525,7 +57525,7 @@ var Footer8 = function Footer8(props) {
   }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '6972421b79d52' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
+    "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start justify-content-md-center align-items-center cursor-pointer ',
     onClick: function onClick() {
       routingcountext('home');
     }
@@ -57539,12 +57539,12 @@ var Footer8 = function Footer8(props) {
   }))), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'col-lg-12 pr-5 p-md-0 d-flex justify-content-start mt-2' : 'col-lg-12 pl-5  p-md-0 d-flex justify-content-start mt-2'
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": langdetect == 'en' ? ' wordbreak pr-5 wordbreak3 mb-4 p-md-0 ' : ' wordbreak pl-5 wordbreak3 mb-4 p-md-0 ',
+    "class": langdetect == 'en' ? ' wordbreak pr-5 wordbreak3 mb-4 p-md-0 text-left text-md-center ' : ' wordbreak pl-5 wordbreak3 mb-4 p-md-0 text-right text-md-center  ',
     style: {
       fontSize: sectionproperties.prodCatFontSize + 'px',
       fontWeight: sectionproperties.prodCatFontWeight,
-      color: sectionproperties.prodCatColor,
-      textAlign: langdetect == 'en' ? 'left' : 'right'
+      color: sectionproperties.prodCatColor
+      // textAlign: langdetect == 'en' ? 'left' : 'right',
     }
   }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.description_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.description_ar)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.instid) == '69de6dceab218' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-start mb-5 mb-md-3 mt-md-4 p-md-0"
@@ -57574,7 +57574,7 @@ var Footer8 = function Footer8(props) {
       background: sectionproperties.input_bgcolor
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-8 col-md-12 d-none align-items-cnter justify-content-start d-md-flex"
+    "class": "col-8 col-md-12 d-none align-items-cnter justify-content-start d-md-flex p-0"
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     type: "text",
     className: "".concat(footerStyles.form_control)
@@ -57611,7 +57611,7 @@ var Footer8 = function Footer8(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, langdetect == 'en' ? 'Working Hours' : 'ساعات العمل'), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) == '69de6dceab218' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(footerStyles.iconTextStyle) + ' col-12 m-0 pb-0 mb-3 mb-md-1 wordbreak d-none cursor-pointer ',
+    "class": "".concat(footerStyles.iconTextStyle) + ' col-12 m-0 pb-0 mb-3 mb-md-1 wordbreak d-none cursor-pointer p-0 ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
@@ -57626,7 +57626,7 @@ var Footer8 = function Footer8(props) {
   }, langdetect == 'en' ? sectionproperties.addresstitle_en : sectionproperties.addresstitle_ar), sectionproperties.showfooteraddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 mb-3 mb-md-0 d-flex"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": footerStyles.footerinfoContainer + ' mb-2 col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex flex-row justify-content-start align-items-center mb-md-0 '
+    "class": footerStyles.footerinfoContainer + ' mb-2 col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex flex-row justify-content-start align-items-center mb-md-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "mx-1 allcentered h-100"
   }, /*#__PURE__*/React__default["default"].createElement(GoLocation.GoLocation, {
@@ -57682,7 +57682,7 @@ var Footer8 = function Footer8(props) {
   }, langdetect == 'en' ? sectionproperties.otherinfotitle2en : sectionproperties.otherinfotitle2ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-2 mb-md-0 d-flex align-items-center justify-content-start"
   }, sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-2 cursor-pointer ',
+    "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-2 cursor-pointer p-0 ',
     onClick: function onClick() {
       var _authdetailsContext$i17;
       window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 || (_authdetailsContext$i17 = _authdetailsContext$i17.contactinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.email), '_self');
@@ -57697,7 +57697,7 @@ var Footer8 = function Footer8(props) {
   }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 || (_authdetailsContext$i18 = _authdetailsContext$i18.contactinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.email))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mt-2 mt-md-1 d-flex align-items-center justify-content-start"
   }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-0 cursor-pointer ',
+    "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-0 cursor-pointer p-0 ',
     onClick: function onClick() {
       window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_self');
     }
@@ -95870,7 +95870,7 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
 function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Simpleproductcard = function Simpleproductcard(props) {
-  var _item$producttags, _authdetailsContext$i3, _item$producttags$, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _item$producttags2, _authdetailsContext$i7, _item$producttags$2, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0;
+  var _item$producttags, _authdetailsContext$i3, _item$producttags$, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _item$producttags2, _authdetailsContext$i0, _item$producttags$2, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -96667,9 +96667,27 @@ var Simpleproductcard = function Simpleproductcard(props) {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
   }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": card_cssstyles.innersection + ' row m-0 w-100 ',
+    "class": sectionproperties.productnamecentered == 'Centered' ? card_cssstyles.innersection + ' row m-0 w-100 allcentered ' : card_cssstyles.innersection + ' row m-0 w-100 ',
     style: {}
-  }, sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '69de6dceab218' && (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != null && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) != 0 && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.map(function (ffitem, ffindex) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "text-start d-flex align-items-center col-lg- p-0 mb-1"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "text-capitalize d-flex flex-row",
+      style: {
+        color: sectionproperties.featurecolor,
+        fontSize: sectionproperties.featurefontsize + 'px',
+        fontWeight: 300
+      }
+    }, langdetect == 'en' ? ffitem === null || ffitem === void 0 ? void 0 : ffitem.value_en : ffitem === null || ffitem === void 0 ? void 0 : ffitem.value_ar), ffindex < (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) - 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": "mx-2 ",
+      style: {
+        color: sectionproperties.featurecolor,
+        fontSize: sectionproperties.featurefontsize + 'px',
+        fontWeight: 300
+      }
+    }, "-"));
+  })), sectionproperties.showfeatures == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) != '69de6dceab218' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered col-lg-12 p-0",
     style: {
       height: 40
@@ -96689,7 +96707,27 @@ var Simpleproductcard = function Simpleproductcard(props) {
       color: sectionproperties.featurecolor,
       fontSize: sectionproperties.featurefontsize + 'px'
     }
-  }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '68b87409b9a2a' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), sectionproperties.showfeatures == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) != '69de6dceab218' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "allcentered col-lg-12 p-0",
+    style: {
+      height: 40
+    }
+  }, /*#__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: item === null || item === void 0 ? void 0 : item.feature_image_url,
+    loading: "lazy",
+    style: {
+      maxWidth: '50%',
+      maxHeight: '50%'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "text-capitalize mx-2",
+    style: {
+      color: sectionproperties.featurecolor,
+      fontSize: sectionproperties.featurefontsize + 'px'
+    }
+  }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '68b87409b9a2a' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center",
     style: {
       visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -96741,7 +96779,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
-  }, item.name)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags2 = item.producttags) === null || _item$producttags2 === void 0 ? void 0 : _item$producttags2.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, item.name)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags2 = item.producttags) === null || _item$producttags2 === void 0 ? void 0 : _item$producttags2.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered",
     style: {
       width: '100%',
@@ -96808,7 +96846,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
   }, langdetect == 'en' ? item.currencyname : '', " ", price, " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.showpill == 'Show' && has_sale == 1 && sectionproperties.counterposition == 'Besides Sale Price' && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {}
-  }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center mb-2",
     style: {
       visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -96909,7 +96947,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       color: sectionproperties.quantitycolor,
       fontWeight: sectionproperties.quantityfontweight
     }
-  }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mx-auto mb-2 w-md-70 ',
@@ -96954,7 +96992,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     disabled: AddtoCartMutationContext.isLoading == true ? true : false
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 allcentered addbtn"
-  }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center",
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
@@ -96983,8 +97021,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
     onClick: function onClick() {
-      var _authdetailsContext$i1;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '68527dfef348b') {
+      var _authdetailsContext$i12;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '68527dfef348b') {
         // alert(item.path);
         window.open((ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + item.image, '_blank');
       } else if (sectionproperties.showvariantscont == 'Show') {

package/dist/index.esm.js

@@ -41670,7 +41670,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
 function ownKeys$1X(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$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Modernheader = function Modernheader(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
+  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -42255,7 +42255,7 @@ var Modernheader = function Modernheader(props) {
     }
   })), sectionproperties.userbtn_logintextFontSize != 0 && /*#__PURE__*/React.createElement("span", {
     "class": " ".concat(header_cssstyles.user_btntext) + ' userbtntext mx-2 '
-  }, langdetect == 'en' ? 'LOGIN/register' : 'تسجيل الدخول')), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instid) == '69de6dceab218' ? langdetect == 'en' ? 'LOGIN' : 'تسجيل الدخول' : langdetect == 'en' ? 'LOGIN/register' : 'تسجيل الدخول')), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
     sytle: {
       position: 'relative'
@@ -42486,8 +42486,8 @@ var Modernheader = function Modernheader(props) {
     }
   }, /*#__PURE__*/React.createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
-      var _authdetailsContext$i8;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instid) != '68c69dcc53e94') {
+      var _authdetailsContext$i9;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instid) != '68c69dcc53e94') {
         return /*#__PURE__*/React.createElement("div", {
           "class": "cursor-pointer",
           onClick: function onClick() {
@@ -57438,7 +57438,7 @@ var Footer8 = function Footer8(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) != '69020f4494f66' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instid) != '6972421b79d52' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12  p-md-0 d-flex justify-content-start align-items-center mb-auto"
+    "class": "col-lg-12  p-md-0 d-flex justify-content-start align-items-center justify-content-md-center mb-auto"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
     onClick: function onClick() {
@@ -57457,7 +57457,7 @@ var Footer8 = function Footer8(props) {
   }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) == '69020f4494f66' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
+    "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start justify-content-md-center align-items-center cursor-pointer ',
     onClick: function onClick() {
       routingcountext('home');
     }
@@ -57474,7 +57474,7 @@ var Footer8 = function Footer8(props) {
   }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '6972421b79d52' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
+    "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start justify-content-md-center align-items-center cursor-pointer ',
     onClick: function onClick() {
       routingcountext('home');
     }
@@ -57488,12 +57488,12 @@ var Footer8 = function Footer8(props) {
   }))), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition == 'Bottom' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'col-lg-12 pr-5 p-md-0 d-flex justify-content-start mt-2' : 'col-lg-12 pl-5  p-md-0 d-flex justify-content-start mt-2'
   }, /*#__PURE__*/React.createElement("p", {
-    "class": langdetect == 'en' ? ' wordbreak pr-5 wordbreak3 mb-4 p-md-0 ' : ' wordbreak pl-5 wordbreak3 mb-4 p-md-0 ',
+    "class": langdetect == 'en' ? ' wordbreak pr-5 wordbreak3 mb-4 p-md-0 text-left text-md-center ' : ' wordbreak pl-5 wordbreak3 mb-4 p-md-0 text-right text-md-center  ',
     style: {
       fontSize: sectionproperties.prodCatFontSize + 'px',
       fontWeight: sectionproperties.prodCatFontWeight,
-      color: sectionproperties.prodCatColor,
-      textAlign: langdetect == 'en' ? 'left' : 'right'
+      color: sectionproperties.prodCatColor
+      // textAlign: langdetect == 'en' ? 'left' : 'right',
     }
   }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.description_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.description_ar)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.instid) == '69de6dceab218' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 text-start mb-5 mb-md-3 mt-md-4 p-md-0"
@@ -57523,7 +57523,7 @@ var Footer8 = function Footer8(props) {
       background: sectionproperties.input_bgcolor
     }
   })), /*#__PURE__*/React.createElement("div", {
-    "class": "col-8 col-md-12 d-none align-items-cnter justify-content-start d-md-flex"
+    "class": "col-8 col-md-12 d-none align-items-cnter justify-content-start d-md-flex p-0"
   }, /*#__PURE__*/React.createElement("input", {
     type: "text",
     className: "".concat(footerStyles.form_control)
@@ -57560,7 +57560,7 @@ var Footer8 = function Footer8(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, langdetect == 'en' ? 'Working Hours' : 'ساعات العمل'), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) == '69de6dceab218' && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(footerStyles.iconTextStyle) + ' col-12 m-0 pb-0 mb-3 mb-md-1 wordbreak d-none cursor-pointer ',
+    "class": "".concat(footerStyles.iconTextStyle) + ' col-12 m-0 pb-0 mb-3 mb-md-1 wordbreak d-none cursor-pointer p-0 ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
@@ -57575,7 +57575,7 @@ var Footer8 = function Footer8(props) {
   }, langdetect == 'en' ? sectionproperties.addresstitle_en : sectionproperties.addresstitle_ar), sectionproperties.showfooteraddress == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 mb-3 mb-md-0 d-flex"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": footerStyles.footerinfoContainer + ' mb-2 col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex flex-row justify-content-start align-items-center mb-md-0 '
+    "class": footerStyles.footerinfoContainer + ' mb-2 col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex flex-row justify-content-start align-items-center mb-md-0 p-0 '
   }, /*#__PURE__*/React.createElement("i", {
     className: "mx-1 allcentered h-100"
   }, /*#__PURE__*/React.createElement(GoLocation, {
@@ -57631,7 +57631,7 @@ var Footer8 = function Footer8(props) {
   }, langdetect == 'en' ? sectionproperties.otherinfotitle2en : sectionproperties.otherinfotitle2ar)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 mb-2 mb-md-0 d-flex align-items-center justify-content-start"
   }, sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-2 cursor-pointer ',
+    "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-2 cursor-pointer p-0 ',
     onClick: function onClick() {
       var _authdetailsContext$i17;
       window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 || (_authdetailsContext$i17 = _authdetailsContext$i17.contactinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.email), '_self');
@@ -57646,7 +57646,7 @@ var Footer8 = function Footer8(props) {
   }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 || (_authdetailsContext$i18 = _authdetailsContext$i18.contactinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.email))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 mt-2 mt-md-1 d-flex align-items-center justify-content-start"
   }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-0 cursor-pointer ',
+    "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-0 cursor-pointer p-0 ',
     onClick: function onClick() {
       window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_self');
     }
@@ -95819,7 +95819,7 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
 function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Simpleproductcard = function Simpleproductcard(props) {
-  var _item$producttags, _authdetailsContext$i3, _item$producttags$, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _item$producttags2, _authdetailsContext$i7, _item$producttags$2, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0;
+  var _item$producttags, _authdetailsContext$i3, _item$producttags$, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _item$producttags2, _authdetailsContext$i0, _item$producttags$2, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -96616,9 +96616,27 @@ var Simpleproductcard = function Simpleproductcard(props) {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
   }, item.name))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    "class": card_cssstyles.innersection + ' row m-0 w-100 ',
+    "class": sectionproperties.productnamecentered == 'Centered' ? card_cssstyles.innersection + ' row m-0 w-100 allcentered ' : card_cssstyles.innersection + ' row m-0 w-100 ',
     style: {}
-  }, sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '69de6dceab218' && (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != null && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) != 0 && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.map(function (ffitem, ffindex) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "text-start d-flex align-items-center col-lg- p-0 mb-1"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "text-capitalize d-flex flex-row",
+      style: {
+        color: sectionproperties.featurecolor,
+        fontSize: sectionproperties.featurefontsize + 'px',
+        fontWeight: 300
+      }
+    }, langdetect == 'en' ? ffitem === null || ffitem === void 0 ? void 0 : ffitem.value_en : ffitem === null || ffitem === void 0 ? void 0 : ffitem.value_ar), ffindex < (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) - 1 && /*#__PURE__*/React.createElement("span", {
+      "class": "mx-2 ",
+      style: {
+        color: sectionproperties.featurecolor,
+        fontSize: sectionproperties.featurefontsize + 'px',
+        fontWeight: 300
+      }
+    }, "-"));
+  })), sectionproperties.showfeatures == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) != '69de6dceab218' && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered col-lg-12 p-0",
     style: {
       height: 40
@@ -96638,7 +96656,27 @@ var Simpleproductcard = function Simpleproductcard(props) {
       color: sectionproperties.featurecolor,
       fontSize: sectionproperties.featurefontsize + 'px'
     }
-  }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '68b87409b9a2a' && /*#__PURE__*/React.createElement("div", {
+  }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), sectionproperties.showfeatures == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) != '69de6dceab218' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered col-lg-12 p-0",
+    style: {
+      height: 40
+    }
+  }, /*#__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: item === null || item === void 0 ? void 0 : item.feature_image_url,
+    loading: "lazy",
+    style: {
+      maxWidth: '50%',
+      maxHeight: '50%'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    "class": "text-capitalize mx-2",
+    style: {
+      color: sectionproperties.featurecolor,
+      fontSize: sectionproperties.featurefontsize + 'px'
+    }
+  }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '68b87409b9a2a' && /*#__PURE__*/React.createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center",
     style: {
       visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -96690,7 +96728,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
-  }, item.name)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags2 = item.producttags) === null || _item$producttags2 === void 0 ? void 0 : _item$producttags2.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React.createElement("div", {
+  }, item.name)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags2 = item.producttags) === null || _item$producttags2 === void 0 ? void 0 : _item$producttags2.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered",
     style: {
       width: '100%',
@@ -96757,7 +96795,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
   }, langdetect == 'en' ? item.currencyname : '', " ", price, " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.showpill == 'Show' && has_sale == 1 && sectionproperties.counterposition == 'Besides Sale Price' && /*#__PURE__*/React.createElement("div", {
     style: {}
-  }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React.createElement("div", {
+  }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React.createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center mb-2",
     style: {
       visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -96858,7 +96896,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       color: sectionproperties.quantitycolor,
       fontWeight: sectionproperties.quantityfontweight
     }
-  }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center allcentered"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mx-auto mb-2 w-md-70 ',
@@ -96903,7 +96941,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     disabled: AddtoCartMutationContext.isLoading == true ? true : false
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 allcentered addbtn"
-  }, /*#__PURE__*/React.createElement(FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React.createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center",
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
@@ -96932,8 +96970,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
     onClick: function onClick() {
-      var _authdetailsContext$i1;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '68527dfef348b') {
+      var _authdetailsContext$i12;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '68527dfef348b') {
         // alert(item.path);
         window.open((ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + item.image, '_blank');
       } else if (sectionproperties.showvariantscont == 'Show') {

package/dist/index.umd.js

@@ -41527,7 +41527,7 @@
     function ownKeys$1X(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$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Modernheader = function Modernheader(props) {
-      var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
+      var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -42112,7 +42112,7 @@
         }
       })), sectionproperties.userbtn_logintextFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
         "class": " ".concat(header_cssstyles.user_btntext) + ' userbtntext mx-2 '
-      }, langdetect == 'en' ? 'LOGIN/register' : 'تسجيل الدخول')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instid) == '69de6dceab218' ? langdetect == 'en' ? 'LOGIN' : 'تسجيل الدخول' : langdetect == 'en' ? 'LOGIN/register' : 'تسجيل الدخول')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": header_cssstyles.userBtnLoggedinContainer + ' allcentered ',
         sytle: {
           position: 'relative'
@@ -42343,8 +42343,8 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
         if (item.isnavigation == 1 && item.isactive == 1) {
-          var _authdetailsContext$i8;
-          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instid) != '68c69dcc53e94') {
+          var _authdetailsContext$i9;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instid) != '68c69dcc53e94') {
             return /*#__PURE__*/React__default["default"].createElement("div", {
               "class": "cursor-pointer",
               onClick: function onClick() {
@@ -57295,7 +57295,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
       }, sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) != '69020f4494f66' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instid) != '6972421b79d52' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12  p-md-0 d-flex justify-content-start align-items-center mb-auto"
+        "class": "col-lg-12  p-md-0 d-flex justify-content-start align-items-center justify-content-md-center mb-auto"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
         onClick: function onClick() {
@@ -57314,7 +57314,7 @@
       }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) == '69020f4494f66' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
+        "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start justify-content-md-center align-items-center cursor-pointer ',
         onClick: function onClick() {
           routingcountext('home');
         }
@@ -57331,7 +57331,7 @@
       }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '6972421b79d52' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
+        "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start justify-content-md-center align-items-center cursor-pointer ',
         onClick: function onClick() {
           routingcountext('home');
         }
@@ -57345,12 +57345,12 @@
       }))), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": langdetect == 'en' ? 'col-lg-12 pr-5 p-md-0 d-flex justify-content-start mt-2' : 'col-lg-12 pl-5  p-md-0 d-flex justify-content-start mt-2'
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": langdetect == 'en' ? ' wordbreak pr-5 wordbreak3 mb-4 p-md-0 ' : ' wordbreak pl-5 wordbreak3 mb-4 p-md-0 ',
+        "class": langdetect == 'en' ? ' wordbreak pr-5 wordbreak3 mb-4 p-md-0 text-left text-md-center ' : ' wordbreak pl-5 wordbreak3 mb-4 p-md-0 text-right text-md-center  ',
         style: {
           fontSize: sectionproperties.prodCatFontSize + 'px',
           fontWeight: sectionproperties.prodCatFontWeight,
-          color: sectionproperties.prodCatColor,
-          textAlign: langdetect == 'en' ? 'left' : 'right'
+          color: sectionproperties.prodCatColor
+          // textAlign: langdetect == 'en' ? 'left' : 'right',
         }
       }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.description_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.description_ar)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.instid) == '69de6dceab218' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 text-start mb-5 mb-md-3 mt-md-4 p-md-0"
@@ -57380,7 +57380,7 @@
           background: sectionproperties.input_bgcolor
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-8 col-md-12 d-none align-items-cnter justify-content-start d-md-flex"
+        "class": "col-8 col-md-12 d-none align-items-cnter justify-content-start d-md-flex p-0"
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "text",
         className: "".concat(footerStyles.form_control)
@@ -57417,7 +57417,7 @@
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
       }, langdetect == 'en' ? 'Working Hours' : 'ساعات العمل'), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) == '69de6dceab218' && /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "".concat(footerStyles.iconTextStyle) + ' col-12 m-0 pb-0 mb-3 mb-md-1 wordbreak d-none cursor-pointer ',
+        "class": "".concat(footerStyles.iconTextStyle) + ' col-12 m-0 pb-0 mb-3 mb-md-1 wordbreak d-none cursor-pointer p-0 ',
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
@@ -57432,7 +57432,7 @@
       }, langdetect == 'en' ? sectionproperties.addresstitle_en : sectionproperties.addresstitle_ar), sectionproperties.showfooteraddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 mb-3 mb-md-0 d-flex"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": footerStyles.footerinfoContainer + ' mb-2 col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex flex-row justify-content-start align-items-center mb-md-0 '
+        "class": footerStyles.footerinfoContainer + ' mb-2 col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex flex-row justify-content-start align-items-center mb-md-0 p-0 '
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: "mx-1 allcentered h-100"
       }, /*#__PURE__*/React__default["default"].createElement(GoLocation.GoLocation, {
@@ -57488,7 +57488,7 @@
       }, langdetect == 'en' ? sectionproperties.otherinfotitle2en : sectionproperties.otherinfotitle2ar)), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 mb-2 mb-md-0 d-flex align-items-center justify-content-start"
       }, sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-2 cursor-pointer ',
+        "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-2 cursor-pointer p-0 ',
         onClick: function onClick() {
           var _authdetailsContext$i17;
           window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 || (_authdetailsContext$i17 = _authdetailsContext$i17.contactinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.email), '_self');
@@ -57503,7 +57503,7 @@
       }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 || (_authdetailsContext$i18 = _authdetailsContext$i18.contactinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.email))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 mt-2 mt-md-1 d-flex align-items-center justify-content-start"
       }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-0 cursor-pointer ',
+        "class": footerStyles.footerinfoContainer + ' col-xl-12 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-start align-items-center mb-md-0 cursor-pointer p-0 ',
         onClick: function onClick() {
           window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_self');
         }
@@ -95676,7 +95676,7 @@
     function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Simpleproductcard = function Simpleproductcard(props) {
-      var _item$producttags, _authdetailsContext$i3, _item$producttags$, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _item$producttags2, _authdetailsContext$i7, _item$producttags$2, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0;
+      var _item$producttags, _authdetailsContext$i3, _item$producttags$, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _item$producttags2, _authdetailsContext$i0, _item$producttags$2, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -96473,9 +96473,27 @@
           textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
         }
       }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": card_cssstyles.innersection + ' row m-0 w-100 ',
+        "class": sectionproperties.productnamecentered == 'Centered' ? card_cssstyles.innersection + ' row m-0 w-100 allcentered ' : card_cssstyles.innersection + ' row m-0 w-100 ',
         style: {}
-      }, sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '69de6dceab218' && (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != null && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) != 0 && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.map(function (ffitem, ffindex) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "text-start d-flex align-items-center col-lg- p-0 mb-1"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "text-capitalize d-flex flex-row",
+          style: {
+            color: sectionproperties.featurecolor,
+            fontSize: sectionproperties.featurefontsize + 'px',
+            fontWeight: 300
+          }
+        }, langdetect == 'en' ? ffitem === null || ffitem === void 0 ? void 0 : ffitem.value_en : ffitem === null || ffitem === void 0 ? void 0 : ffitem.value_ar), ffindex < (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) - 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+          "class": "mx-2 ",
+          style: {
+            color: sectionproperties.featurecolor,
+            fontSize: sectionproperties.featurefontsize + 'px',
+            fontWeight: 300
+          }
+        }, "-"));
+      })), sectionproperties.showfeatures == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) != '69de6dceab218' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "allcentered col-lg-12 p-0",
         style: {
           height: 40
@@ -96495,7 +96513,27 @@
           color: sectionproperties.featurecolor,
           fontSize: sectionproperties.featurefontsize + 'px'
         }
-      }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '68b87409b9a2a' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), sectionproperties.showfeatures == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) != '69de6dceab218' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "allcentered col-lg-12 p-0",
+        style: {
+          height: 40
+        }
+      }, /*#__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: item === null || item === void 0 ? void 0 : item.feature_image_url,
+        loading: "lazy",
+        style: {
+          maxWidth: '50%',
+          maxHeight: '50%'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "text-capitalize mx-2",
+        style: {
+          color: sectionproperties.featurecolor,
+          fontSize: sectionproperties.featurefontsize + 'px'
+        }
+      }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '68b87409b9a2a' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-12 p-0 d-flex flex-row align-items-center",
         style: {
           visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -96547,7 +96585,7 @@
         style: {
           textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
         }
-      }, item.name)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags2 = item.producttags) === null || _item$producttags2 === void 0 ? void 0 : _item$producttags2.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, item.name)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags2 = item.producttags) === null || _item$producttags2 === void 0 ? void 0 : _item$producttags2.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "allcentered",
         style: {
           width: '100%',
@@ -96614,7 +96652,7 @@
         "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
       }, langdetect == 'en' ? item.currencyname : '', " ", price, " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.showpill == 'Show' && has_sale == 1 && sectionproperties.counterposition == 'Besides Sale Price' && /*#__PURE__*/React__default["default"].createElement("div", {
         style: {}
-      }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-12 p-0 d-flex flex-row align-items-center mb-2",
         style: {
           visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -96715,7 +96753,7 @@
           color: sectionproperties.quantitycolor,
           fontWeight: sectionproperties.quantityfontweight
         }
-      }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex align-items-center allcentered"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mx-auto mb-2 w-md-70 ',
@@ -96760,7 +96798,7 @@
         disabled: AddtoCartMutationContext.isLoading == true ? true : false
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 allcentered addbtn"
-      }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-12 p-0 d-flex flex-row align-items-center",
         style: {
           justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
@@ -96789,8 +96827,8 @@
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
         onClick: function onClick() {
-          var _authdetailsContext$i1;
-          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '68527dfef348b') {
+          var _authdetailsContext$i12;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '68527dfef348b') {
             // alert(item.path);
             window.open((ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + item.image, '_blank');
           } else if (sectionproperties.showvariantscont == 'Show') {

package/package.json

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