tabexseriescomponents 0.2.1384 → 0.2.1386

package/dist/index.cjs.js

@@ -37295,7 +37295,7 @@ styleInject(css_248z$w);
 function ownKeys$22(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$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
-  var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
+  var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -38218,7 +38218,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(headerstyles$a.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center '
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React__default["default"].createElement("i", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.cartitems_count_withquantity) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.customercart.cartitems_count_withquantity : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React__default["default"].createElement("i", {
     "class": ' allcentered '
   }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
     size: sectionproperties.cartBtn_iconFontSize
@@ -79653,7 +79653,7 @@ var AnimatedNumbercozy = function AnimatedNumbercozy(_ref2) {
   })));
 };
 var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _maincontainerarrayof, _maincontainerarrayof2, _authdetailsContext$i13, _authdetailsContext$i31, _maincontainerarrayof3;
+  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _maincontainerarrayof, _maincontainerarrayof2, _authdetailsContext$i13, _authdetailsContext$i33, _maincontainerarrayof3;
   var _useInView5 = reactIntersectionObserver.useInView({
       triggerOnce: true
     }),
@@ -80373,7 +80373,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, sectionproperties.flippingcards == 'No' && cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    var _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i28;
+    var _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i28, _authdetailsContext$i29, _authdetailsContext$i30;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.instid) == '6762e6ec9e9f8' ? sectionproperties.numofcols == '2' ? ' h-100 h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' h-100 h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? '  h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? '  h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : '  h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
       style: {
@@ -80383,10 +80383,10 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         marginBottom: sectionproperties.innersectionmarginbottom + 'px'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto elst ' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '67cd78deecff3' ? sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto ' : sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto ',
+      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.instid) == '6a3103b3da5fb' && sectionproperties.sectionTitleContent == 'grad' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto tgrad ' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto elst ' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '67cd78deecff3' ? sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto ' : sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto ',
       style: {
         cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
-        background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? '' : cardinfoitem.cardbgcolorfromarray,
+        background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? '' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instid) == '6a3103b3da5fb' && sectionproperties.sectionTitleContent == 'grad' ? '' : cardinfoitem.cardbgcolorfromarray,
         paddingTop: sectionproperties.reservation_padding_top + 'px',
         paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
@@ -80395,7 +80395,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '',
         borderRight: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
         borderLeft: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
-        height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
+        height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
       },
       onClick: function onClick() {
         if (cardinfoitem.btntype == 'Web Product Link' || cardinfoitem.btntype == 'App/Web Page') {
@@ -80407,7 +80407,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         }
       }
     }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
+      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
       style: {
         marginBottom: sectionproperties.image_mb + 'px',
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -80430,7 +80430,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instid) == '6824564a386c2' ? '3px solid white' : ''
+        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.instid) == '6824564a386c2' ? '3px solid white' : ''
       }
     }))), sectionproperties.showrating == 'Show' && cardinfoitem.ratingnumber != null && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 allcentered p-0 mb-1"
@@ -80461,7 +80461,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         }
       })),
       activeColor: sectionproperties.generalbtn_textColor
-    })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '67b3592219709' && /*#__PURE__*/React__default["default"].createElement("div", {
+    })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) == '67b3592219709' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex p-0",
       style: {
         marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
@@ -80523,11 +80523,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         color: cardinfoitem.text1colorfromarray,
         textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
       }
-    }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.contactinfo.instid) == '6935c04816952' && /*#__PURE__*/React__default["default"].createElement(AnimatedNumbercozy, {
+    }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '6935c04816952' && /*#__PURE__*/React__default["default"].createElement(AnimatedNumbercozy, {
       number: parseInt(cardinfoitem["cardobj_title".concat(langdetect)]) || parseInt(cardinfoitem.cardobj_titleen)
-    }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) != '6935c04816952' && /*#__PURE__*/React__default["default"].createElement(AnimatedNumber, {
+    }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) != '6935c04816952' && /*#__PURE__*/React__default["default"].createElement(AnimatedNumber, {
       number: parseInt(cardinfoitem["cardobj_title".concat(langdetect)]) || parseInt(cardinfoitem.cardobj_titleen)
-    }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) != '67b3592219709' && sectionproperties.animatednumbers != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) != '67b3592219709' && sectionproperties.animatednumbers != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex p-0",
       style: {
         marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
@@ -80564,7 +80564,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
       style: {
-        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.instid) == '6824564a386c2' ? '3px solid white' : ''
+        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instid) == '6824564a386c2' ? '3px solid white' : ''
       }
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -80600,7 +80600,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }), sectionproperties.flippingcards == 'Yes' && sectionproperties.showcountdown != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-center"
   }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    var _authdetailsContext$i29, _authdetailsContext$i30;
+    var _authdetailsContext$i31, _authdetailsContext$i32;
     // alert(JSON.stringify(cardsarray[7]));
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": (cardinfoitem === null || cardinfoitem === void 0 ? void 0 : cardinfoitem.cardobj_descripen) == undefined ? sectionproperties.numofcols == '2' ? ' flip-card flip-cardnonhover h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' flip-card flip-cardnonhover h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' flip-card flip-cardnonhover h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' flip-card flip-cardnonhover h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' flip-card h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' flip-card h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' flip-card h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' flip-card h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
@@ -80660,7 +80660,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.instid) == '6824564a386c2' ? '3px solid white' : ''
+        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.instid) == '6824564a386c2' ? '3px solid white' : ''
       }
     }))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex p-0",
@@ -80703,7 +80703,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instid) == '6824564a386c2' ? '3px solid white' : ''
+        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.instid) == '6824564a386c2' ? '3px solid white' : ''
       }
     }))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex p-0",
@@ -80788,7 +80788,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         objectFit: 'contain'
       }
     })));
-  })))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.contactinfo.instid) == '68527dfef348b' && sectionproperties.cardbgcont_opacity == -100 && window.location.pathname != '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '68527dfef348b' && sectionproperties.cardbgcont_opacity == -100 && window.location.pathname != '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
     style: {}
   }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -80830,9 +80830,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, sectionproperties.flippingcards == 'No' && cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    var _authdetailsContext$i32, _authdetailsContext$i33;
+    var _authdetailsContext$i34, _authdetailsContext$i35;
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.instid) == '6762e6ec9e9f8' ? sectionproperties.numofcols == '2' ? ' h-100 h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' h-100 h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? '  h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? '  h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : '  h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
+      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.instid) == '6762e6ec9e9f8' ? sectionproperties.numofcols == '2' ? ' h-100 h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' h-100 h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? '  h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? '  h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : '  h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
       style: {
         zIndex: 2,
         marginBottom: sectionproperties.innersectionmarginbottom + 'px'
@@ -80850,7 +80850,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         }
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
+      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
       style: {
         marginBottom: sectionproperties.image_mb + 'px',
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -87276,6 +87276,13 @@ var NewProductcard = function NewProductcard(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var NotificationManager = props.actions.NotificationManager;
+  var AddtoCartContext = props.actions.AddtoCartContext;
+  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2);
+    _useState6[0];
+    _useState6[1];
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -87290,6 +87297,59 @@ var NewProductcard = function NewProductcard(props) {
   React.useEffect(function () {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
+  var addtocartfunc = function addtocartfunc() {
+    var addtocardpayloadobj = {
+      functype: 'add',
+      productid: item.productid,
+      variantid: '',
+      quantity: item.quantity,
+      vendorid: item.vendorid
+    };
+    var runfunc = false;
+    if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
+      if (item.hasvariants == 1) {
+        // if (addtocardpayloadobj.variantid.length != 0) {
+        if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0) {
+          addtocardpayloadobj.variantid = variantObj.variantid;
+          runfunc = true;
+        } else {
+          var _authdetailsContext, _authdetailsContext2;
+          NotificationManager.warning('', ((_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 || (_authdetailsContext = _authdetailsContext.instinfo) === null || _authdetailsContext === void 0 ? void 0 : _authdetailsContext.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : ((_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 || (_authdetailsContext2 = _authdetailsContext2.instinfo) === null || _authdetailsContext2 === void 0 ? void 0 : _authdetailsContext2.contactinfo.instid) == '67e448d2ef6e0' ? 'من فضلك اختر لون' : langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
+        }
+      } else {
+        runfunc = true;
+      }
+    } else {
+      NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
+    }
+    if (runfunc == true) {
+      AddtoCartContext(addtocardpayloadobj);
+    }
+  };
+  var addtocartbuttonrender = function addtocartbuttonrender() {
+    if (AddtoCartMutationContext.isLoading) {
+      var _AddtoCartMutationCon;
+      if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": ' d-flex align-items-center justify-content-center '
+        }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
+          color: sectionproperties.cartBtnTextcolor,
+          width: "20px",
+          height: "20px",
+          duration: "1s"
+        }));
+      } else {
+        return /*#__PURE__*/React__default["default"].createElement("span", {
+          "class": "w-100 allcentered"
+        }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
+      }
+    }
+    if (!AddtoCartMutationContext.isLoading) {
+      return /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "w-100 allcentered"
+      }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
+    }
+  };
   var card_cssstyles = {
     colorvariantcontainer: glamor.css({
       width: sectionproperties.variantcontainer_minwidth + 'vh',
@@ -87585,9 +87645,14 @@ var NewProductcard = function NewProductcard(props) {
       "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex justify-content-center align-items-center cart_btn ',
       onClick: function onClick(e) {
         e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
+          addtocartfunc();
+        } else {
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        }
+        // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
       }
-    }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
+    }, addtocartbuttonrender()))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     // ${generalCardsStyles.newproductcard}
@@ -87635,30 +87700,34 @@ var NewProductcard = function NewProductcard(props) {
     "class": card_cssstyles.cartbtnresp + ' col-lg-6 p-0 d-flex align-items-center justify-content-center ',
     onClick: function onClick(e) {
       e.stopPropagation();
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
+        addtocartfunc();
+      } else {
+        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      }
     }
   }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex align-items-center p-0",
     style: {

package/dist/index.esm.js

@@ -37244,7 +37244,7 @@ styleInject(css_248z$w);
 function ownKeys$22(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$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
-  var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
+  var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -38167,7 +38167,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(headerstyles$a.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center '
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React.createElement("i", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.cartitems_count_withquantity) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.customercart.cartitems_count_withquantity : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React.createElement("i", {
     "class": ' allcentered '
   }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
     size: sectionproperties.cartBtn_iconFontSize
@@ -79602,7 +79602,7 @@ var AnimatedNumbercozy = function AnimatedNumbercozy(_ref2) {
   })));
 };
 var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _maincontainerarrayof, _maincontainerarrayof2, _authdetailsContext$i13, _authdetailsContext$i31, _maincontainerarrayof3;
+  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _maincontainerarrayof, _maincontainerarrayof2, _authdetailsContext$i13, _authdetailsContext$i33, _maincontainerarrayof3;
   var _useInView5 = useInView({
       triggerOnce: true
     }),
@@ -80322,7 +80322,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, sectionproperties.flippingcards == 'No' && cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    var _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i28;
+    var _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i28, _authdetailsContext$i29, _authdetailsContext$i30;
     return /*#__PURE__*/React.createElement("div", {
       "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.instid) == '6762e6ec9e9f8' ? sectionproperties.numofcols == '2' ? ' h-100 h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' h-100 h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? '  h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? '  h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : '  h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
       style: {
@@ -80332,10 +80332,10 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         marginBottom: sectionproperties.innersectionmarginbottom + 'px'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto elst ' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '67cd78deecff3' ? sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto ' : sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto ',
+      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.instid) == '6a3103b3da5fb' && sectionproperties.sectionTitleContent == 'grad' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto tgrad ' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto elst ' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '67cd78deecff3' ? sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto ' : sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto ',
       style: {
         cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
-        background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? '' : cardinfoitem.cardbgcolorfromarray,
+        background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? '' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instid) == '6a3103b3da5fb' && sectionproperties.sectionTitleContent == 'grad' ? '' : cardinfoitem.cardbgcolorfromarray,
         paddingTop: sectionproperties.reservation_padding_top + 'px',
         paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
@@ -80344,7 +80344,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '',
         borderRight: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
         borderLeft: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
-        height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
+        height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
       },
       onClick: function onClick() {
         if (cardinfoitem.btntype == 'Web Product Link' || cardinfoitem.btntype == 'App/Web Page') {
@@ -80356,7 +80356,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         }
       }
     }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React.createElement("div", {
-      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
+      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
       style: {
         marginBottom: sectionproperties.image_mb + 'px',
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -80379,7 +80379,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instid) == '6824564a386c2' ? '3px solid white' : ''
+        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.instid) == '6824564a386c2' ? '3px solid white' : ''
       }
     }))), sectionproperties.showrating == 'Show' && cardinfoitem.ratingnumber != null && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 allcentered p-0 mb-1"
@@ -80410,7 +80410,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         }
       })),
       activeColor: sectionproperties.generalbtn_textColor
-    })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '67b3592219709' && /*#__PURE__*/React.createElement("div", {
+    })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) == '67b3592219709' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex p-0",
       style: {
         marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
@@ -80472,11 +80472,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         color: cardinfoitem.text1colorfromarray,
         textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
       }
-    }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.contactinfo.instid) == '6935c04816952' && /*#__PURE__*/React.createElement(AnimatedNumbercozy, {
+    }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '6935c04816952' && /*#__PURE__*/React.createElement(AnimatedNumbercozy, {
       number: parseInt(cardinfoitem["cardobj_title".concat(langdetect)]) || parseInt(cardinfoitem.cardobj_titleen)
-    }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) != '6935c04816952' && /*#__PURE__*/React.createElement(AnimatedNumber, {
+    }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) != '6935c04816952' && /*#__PURE__*/React.createElement(AnimatedNumber, {
       number: parseInt(cardinfoitem["cardobj_title".concat(langdetect)]) || parseInt(cardinfoitem.cardobj_titleen)
-    }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) != '67b3592219709' && sectionproperties.animatednumbers != 'Yes' && /*#__PURE__*/React.createElement("div", {
+    }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) != '67b3592219709' && sectionproperties.animatednumbers != 'Yes' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex p-0",
       style: {
         marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
@@ -80513,7 +80513,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }, /*#__PURE__*/React.createElement("div", {
       "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
       style: {
-        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.instid) == '6824564a386c2' ? '3px solid white' : ''
+        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instid) == '6824564a386c2' ? '3px solid white' : ''
       }
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -80549,7 +80549,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
   }), sectionproperties.flippingcards == 'Yes' && sectionproperties.showcountdown != 'Yes' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-center"
   }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    var _authdetailsContext$i29, _authdetailsContext$i30;
+    var _authdetailsContext$i31, _authdetailsContext$i32;
     // alert(JSON.stringify(cardsarray[7]));
     return /*#__PURE__*/React.createElement("div", {
       "class": (cardinfoitem === null || cardinfoitem === void 0 ? void 0 : cardinfoitem.cardobj_descripen) == undefined ? sectionproperties.numofcols == '2' ? ' flip-card flip-cardnonhover h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' flip-card flip-cardnonhover h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' flip-card flip-cardnonhover h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' flip-card flip-cardnonhover h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' flip-card h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' flip-card h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' flip-card h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' flip-card h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
@@ -80609,7 +80609,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.instid) == '6824564a386c2' ? '3px solid white' : ''
+        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.instid) == '6824564a386c2' ? '3px solid white' : ''
       }
     }))), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex p-0",
@@ -80652,7 +80652,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
         borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
         borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instid) == '6824564a386c2' ? '3px solid white' : ''
+        border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.instid) == '6824564a386c2' ? '3px solid white' : ''
       }
     }))), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex p-0",
@@ -80737,7 +80737,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         objectFit: 'contain'
       }
     })));
-  })))), /*#__PURE__*/React.createElement(Modal.Footer, null)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.contactinfo.instid) == '68527dfef348b' && sectionproperties.cardbgcont_opacity == -100 && window.location.pathname != '/home' && /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/React.createElement(Modal.Footer, null)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '68527dfef348b' && sectionproperties.cardbgcont_opacity == -100 && window.location.pathname != '/home' && /*#__PURE__*/React.createElement("div", {
     "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
     style: {}
   }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React.createElement("div", {
@@ -80779,9 +80779,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
   }, sectionproperties.flippingcards == 'No' && cardsarray.map(function (cardinfoitem, cardinfoindex) {
-    var _authdetailsContext$i32, _authdetailsContext$i33;
+    var _authdetailsContext$i34, _authdetailsContext$i35;
     return /*#__PURE__*/React.createElement("div", {
-      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.instid) == '6762e6ec9e9f8' ? sectionproperties.numofcols == '2' ? ' h-100 h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' h-100 h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? '  h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? '  h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : '  h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
+      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.instid) == '6762e6ec9e9f8' ? sectionproperties.numofcols == '2' ? ' h-100 h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' h-100 h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? '  h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? '  h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : '  h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
       style: {
         zIndex: 2,
         marginBottom: sectionproperties.innersectionmarginbottom + 'px'
@@ -80799,7 +80799,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         }
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
+      "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
       style: {
         marginBottom: sectionproperties.image_mb + 'px',
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -87225,6 +87225,13 @@ var NewProductcard = function NewProductcard(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var NotificationManager = props.actions.NotificationManager;
+  var AddtoCartContext = props.actions.AddtoCartContext;
+  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2);
+    _useState6[0];
+    _useState6[1];
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -87239,6 +87246,59 @@ var NewProductcard = function NewProductcard(props) {
   useEffect(function () {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
+  var addtocartfunc = function addtocartfunc() {
+    var addtocardpayloadobj = {
+      functype: 'add',
+      productid: item.productid,
+      variantid: '',
+      quantity: item.quantity,
+      vendorid: item.vendorid
+    };
+    var runfunc = false;
+    if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
+      if (item.hasvariants == 1) {
+        // if (addtocardpayloadobj.variantid.length != 0) {
+        if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0) {
+          addtocardpayloadobj.variantid = variantObj.variantid;
+          runfunc = true;
+        } else {
+          var _authdetailsContext, _authdetailsContext2;
+          NotificationManager.warning('', ((_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 || (_authdetailsContext = _authdetailsContext.instinfo) === null || _authdetailsContext === void 0 ? void 0 : _authdetailsContext.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : ((_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 || (_authdetailsContext2 = _authdetailsContext2.instinfo) === null || _authdetailsContext2 === void 0 ? void 0 : _authdetailsContext2.contactinfo.instid) == '67e448d2ef6e0' ? 'من فضلك اختر لون' : langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
+        }
+      } else {
+        runfunc = true;
+      }
+    } else {
+      NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
+    }
+    if (runfunc == true) {
+      AddtoCartContext(addtocardpayloadobj);
+    }
+  };
+  var addtocartbuttonrender = function addtocartbuttonrender() {
+    if (AddtoCartMutationContext.isLoading) {
+      var _AddtoCartMutationCon;
+      if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
+        return /*#__PURE__*/React.createElement("div", {
+          "class": ' d-flex align-items-center justify-content-center '
+        }, /*#__PURE__*/React.createElement(CircularProgress, {
+          color: sectionproperties.cartBtnTextcolor,
+          width: "20px",
+          height: "20px",
+          duration: "1s"
+        }));
+      } else {
+        return /*#__PURE__*/React.createElement("span", {
+          "class": "w-100 allcentered"
+        }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
+      }
+    }
+    if (!AddtoCartMutationContext.isLoading) {
+      return /*#__PURE__*/React.createElement("span", {
+        "class": "w-100 allcentered"
+      }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
+    }
+  };
   var card_cssstyles = {
     colorvariantcontainer: css({
       width: sectionproperties.variantcontainer_minwidth + 'vh',
@@ -87534,9 +87594,14 @@ var NewProductcard = function NewProductcard(props) {
       "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex justify-content-center align-items-center cart_btn ',
       onClick: function onClick(e) {
         e.stopPropagation();
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
+          addtocartfunc();
+        } else {
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        }
+        // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
       }
-    }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
+    }, addtocartbuttonrender()))));
   };
   return /*#__PURE__*/React.createElement("div", {
     // ${generalCardsStyles.newproductcard}
@@ -87584,30 +87649,34 @@ var NewProductcard = function NewProductcard(props) {
     "class": card_cssstyles.cartbtnresp + ' col-lg-6 p-0 d-flex align-items-center justify-content-center ',
     onClick: function onClick(e) {
       e.stopPropagation();
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
+        addtocartfunc();
+      } else {
+        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+      }
     }
   }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
     "class": "",
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize,
-    color: sectionproperties.cartBtnTextcoloronhover
+    color: sectionproperties.cartBtnTextcolor
   }))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center p-0",
     style: {

package/dist/index.umd.js

@@ -37097,7 +37097,7 @@
     function ownKeys$22(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$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
-      var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
+      var _authdetailsContext$i3, _authdetailsContext$i0, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i29;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -38020,7 +38020,7 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(headerstyles$a.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center '
-      }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React__default["default"].createElement("i", {
+      }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.cartitems_count_withquantity) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.customercart.cartitems_count_withquantity : 0), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) != '69cd4b455af14' && /*#__PURE__*/React__default["default"].createElement("i", {
         "class": ' allcentered '
       }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
         size: sectionproperties.cartBtn_iconFontSize
@@ -79455,7 +79455,7 @@
       })));
     };
     var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
-      var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _maincontainerarrayof, _maincontainerarrayof2, _authdetailsContext$i13, _authdetailsContext$i31, _maincontainerarrayof3;
+      var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _maincontainerarrayof, _maincontainerarrayof2, _authdetailsContext$i13, _authdetailsContext$i33, _maincontainerarrayof3;
       var _useInView5 = reactIntersectionObserver.useInView({
           triggerOnce: true
         }),
@@ -80175,7 +80175,7 @@
           justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
         }
       }, sectionproperties.flippingcards == 'No' && cardsarray.map(function (cardinfoitem, cardinfoindex) {
-        var _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i28;
+        var _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i20, _authdetailsContext$i21, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27, _authdetailsContext$i28, _authdetailsContext$i29, _authdetailsContext$i30;
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.instid) == '6762e6ec9e9f8' ? sectionproperties.numofcols == '2' ? ' h-100 h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' h-100 h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? '  h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? '  h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : '  h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
           style: {
@@ -80185,10 +80185,10 @@
             marginBottom: sectionproperties.innersectionmarginbottom + 'px'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto elst ' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '67cd78deecff3' ? sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto ' : sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto ',
+          "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.instid) == '6a3103b3da5fb' && sectionproperties.sectionTitleContent == 'grad' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto tgrad ' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto elst ' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '67cd78deecff3' ? sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100  row m-0 w-100 mb-auto ' : sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' h-100 h-md-auto row m-0 w-100 mb-auto ',
           style: {
             cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
-            background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? '' : cardinfoitem.cardbgcolorfromarray,
+            background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '6995aff955278' && sectionproperties.sectionTitleContent == 'grad' ? '' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.instid) == '6a3103b3da5fb' && sectionproperties.sectionTitleContent == 'grad' ? '' : cardinfoitem.cardbgcolorfromarray,
             paddingTop: sectionproperties.reservation_padding_top + 'px',
             paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
             paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
@@ -80197,7 +80197,7 @@
             border: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '',
             borderRight: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
             borderLeft: sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
-            height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
+            height: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.contactinfo.instid) == '66b4a0338cb14' ? '100%' : ''
           },
           onClick: function onClick() {
             if (cardinfoitem.btntype == 'Web Product Link' || cardinfoitem.btntype == 'App/Web Page') {
@@ -80209,7 +80209,7 @@
             }
           }
         }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
+          "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
           style: {
             marginBottom: sectionproperties.image_mb + 'px',
             justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -80232,7 +80232,7 @@
             borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
             borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
             borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-            border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.instid) == '6824564a386c2' ? '3px solid white' : ''
+            border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.instid) == '6824564a386c2' ? '3px solid white' : ''
           }
         }))), sectionproperties.showrating == 'Show' && cardinfoitem.ratingnumber != null && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 allcentered p-0 mb-1"
@@ -80263,7 +80263,7 @@
             }
           })),
           activeColor: sectionproperties.generalbtn_textColor
-        })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '67b3592219709' && /*#__PURE__*/React__default["default"].createElement("div", {
+        })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) == '67b3592219709' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 d-flex p-0",
           style: {
             marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
@@ -80325,11 +80325,11 @@
             color: cardinfoitem.text1colorfromarray,
             textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : langdetect != 'ar' ? 'left' : 'right'
           }
-        }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.contactinfo.instid) == '6935c04816952' && /*#__PURE__*/React__default["default"].createElement(AnimatedNumbercozy, {
+        }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '6935c04816952' && /*#__PURE__*/React__default["default"].createElement(AnimatedNumbercozy, {
           number: parseInt(cardinfoitem["cardobj_title".concat(langdetect)]) || parseInt(cardinfoitem.cardobj_titleen)
-        }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) != '6935c04816952' && /*#__PURE__*/React__default["default"].createElement(AnimatedNumber, {
+        }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) != '6935c04816952' && /*#__PURE__*/React__default["default"].createElement(AnimatedNumber, {
           number: parseInt(cardinfoitem["cardobj_title".concat(langdetect)]) || parseInt(cardinfoitem.cardobj_titleen)
-        }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) != '67b3592219709' && sectionproperties.animatednumbers != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+        }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) != '67b3592219709' && sectionproperties.animatednumbers != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 d-flex p-0",
           style: {
             marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px',
@@ -80366,7 +80366,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
           style: {
-            border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.instid) == '6824564a386c2' ? '3px solid white' : ''
+            border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instid) == '6824564a386c2' ? '3px solid white' : ''
           }
         }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
           urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -80402,7 +80402,7 @@
       }), sectionproperties.flippingcards == 'Yes' && sectionproperties.showcountdown != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex justify-content-center"
       }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
-        var _authdetailsContext$i29, _authdetailsContext$i30;
+        var _authdetailsContext$i31, _authdetailsContext$i32;
         // alert(JSON.stringify(cardsarray[7]));
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": (cardinfoitem === null || cardinfoitem === void 0 ? void 0 : cardinfoitem.cardobj_descripen) == undefined ? sectionproperties.numofcols == '2' ? ' flip-card flip-cardnonhover h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' flip-card flip-cardnonhover h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' flip-card flip-cardnonhover h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' flip-card flip-cardnonhover h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' flip-card h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' flip-card h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' flip-card h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' flip-card h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
@@ -80462,7 +80462,7 @@
             borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
             borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
             borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-            border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.instid) == '6824564a386c2' ? '3px solid white' : ''
+            border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.instid) == '6824564a386c2' ? '3px solid white' : ''
           }
         }))), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 d-flex p-0",
@@ -80505,7 +80505,7 @@
             borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
             borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
             borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-            border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.instid) == '6824564a386c2' ? '3px solid white' : ''
+            border: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.instid) == '6824564a386c2' ? '3px solid white' : ''
           }
         }))), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 d-flex p-0",
@@ -80590,7 +80590,7 @@
             objectFit: 'contain'
           }
         })));
-      })))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.contactinfo.instid) == '68527dfef348b' && sectionproperties.cardbgcont_opacity == -100 && window.location.pathname != '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '68527dfef348b' && sectionproperties.cardbgcont_opacity == -100 && window.location.pathname != '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
         style: {}
       }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -80632,9 +80632,9 @@
           justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
         }
       }, sectionproperties.flippingcards == 'No' && cardsarray.map(function (cardinfoitem, cardinfoindex) {
-        var _authdetailsContext$i32, _authdetailsContext$i33;
+        var _authdetailsContext$i34, _authdetailsContext$i35;
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.instid) == '6762e6ec9e9f8' ? sectionproperties.numofcols == '2' ? ' h-100 h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' h-100 h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? '  h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? '  h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : '  h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
+          "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.instid) == '6762e6ec9e9f8' ? sectionproperties.numofcols == '2' ? ' h-100 h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? ' h-100 h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? ' h-100 h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : ' h-100 h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '2' ? ' h-md-auto col-lg-6 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '3' ? '  h-md-auto col-lg-4 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : sectionproperties.numofcols == '6' ? '  h-md-auto col-lg-2 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp : '  h-md-auto col-lg-3 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start col-sm-' + sectionproperties.numberOfColsverticalresp,
           style: {
             zIndex: 2,
             marginBottom: sectionproperties.innersectionmarginbottom + 'px'
@@ -80652,7 +80652,7 @@
             }
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
+          "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.contactinfo.instid) == '67cd78deecff3' ? 'col-lg-12 d-flex align-items-center p-0 w-100 ' : 'col-lg-12 d-flex align-items-center p-0 w-100 h-md-100',
           style: {
             marginBottom: sectionproperties.image_mb + 'px',
             justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -87078,6 +87078,13 @@
       var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
       var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
       var ikimagecredcontext = props.actions.ikimagecredcontext;
+      var NotificationManager = props.actions.NotificationManager;
+      var AddtoCartContext = props.actions.AddtoCartContext;
+      var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+      var _useState5 = React.useState(''),
+        _useState6 = _slicedToArray__default["default"](_useState5, 2);
+        _useState6[0];
+        _useState6[1];
       React.useEffect(function () {
         var secpropobj = {};
         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -87092,6 +87099,59 @@
       React.useEffect(function () {
         setitem(props.cardinfoitemprops);
       }, [props.cardinfoitemprops]);
+      var addtocartfunc = function addtocartfunc() {
+        var addtocardpayloadobj = {
+          functype: 'add',
+          productid: item.productid,
+          variantid: '',
+          quantity: item.quantity,
+          vendorid: item.vendorid
+        };
+        var runfunc = false;
+        if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
+          if (item.hasvariants == 1) {
+            // if (addtocardpayloadobj.variantid.length != 0) {
+            if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0) {
+              addtocardpayloadobj.variantid = variantObj.variantid;
+              runfunc = true;
+            } else {
+              var _authdetailsContext, _authdetailsContext2;
+              NotificationManager.warning('', ((_authdetailsContext = authdetailsContext) === null || _authdetailsContext === void 0 || (_authdetailsContext = _authdetailsContext.instinfo) === null || _authdetailsContext === void 0 ? void 0 : _authdetailsContext.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : ((_authdetailsContext2 = authdetailsContext) === null || _authdetailsContext2 === void 0 || (_authdetailsContext2 = _authdetailsContext2.instinfo) === null || _authdetailsContext2 === void 0 ? void 0 : _authdetailsContext2.contactinfo.instid) == '67e448d2ef6e0' ? 'من فضلك اختر لون' : langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
+            }
+          } else {
+            runfunc = true;
+          }
+        } else {
+          NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
+        }
+        if (runfunc == true) {
+          AddtoCartContext(addtocardpayloadobj);
+        }
+      };
+      var addtocartbuttonrender = function addtocartbuttonrender() {
+        if (AddtoCartMutationContext.isLoading) {
+          var _AddtoCartMutationCon;
+          if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
+            return /*#__PURE__*/React__default["default"].createElement("div", {
+              "class": ' d-flex align-items-center justify-content-center '
+            }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
+              color: sectionproperties.cartBtnTextcolor,
+              width: "20px",
+              height: "20px",
+              duration: "1s"
+            }));
+          } else {
+            return /*#__PURE__*/React__default["default"].createElement("span", {
+              "class": "w-100 allcentered"
+            }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
+          }
+        }
+        if (!AddtoCartMutationContext.isLoading) {
+          return /*#__PURE__*/React__default["default"].createElement("span", {
+            "class": "w-100 allcentered"
+          }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
+        }
+      };
       var card_cssstyles = {
         colorvariantcontainer: glamor.css({
           width: sectionproperties.variantcontainer_minwidth + 'vh',
@@ -87387,9 +87447,14 @@
           "class": "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex justify-content-center align-items-center cart_btn ',
           onClick: function onClick(e) {
             e.stopPropagation();
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+            if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
+              addtocartfunc();
+            } else {
+              cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+            }
+            // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
           }
-        }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
+        }, addtocartbuttonrender()))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         // ${generalCardsStyles.newproductcard}
@@ -87437,30 +87502,34 @@
         "class": card_cssstyles.cartbtnresp + ' col-lg-6 p-0 d-flex align-items-center justify-content-center ',
         onClick: function onClick(e) {
           e.stopPropagation();
-          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+          if (item.extrafieldsarray.length == 0 && item.hasvariants == 0) {
+            addtocartfunc();
+          } else {
+            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+          }
         }
       }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
         "class": "",
         size: sectionproperties.cartBtn_iconFontSize,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcolor
       }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
         "class": "",
         size: sectionproperties.cartBtn_iconFontSize,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcolor
       }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
         "class": "",
         size: sectionproperties.cartBtn_iconFontSize,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcolor
       }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
         size: sectionproperties.cartBtn_iconFontSize,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcolor
       }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
         "class": "",
         size: sectionproperties.cartBtn_iconFontSize,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcolor
       }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
         size: sectionproperties.cartBtn_iconFontSize,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcolor
       }))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex align-items-center p-0",
         style: {

package/package.json

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