tabexseriescomponents 0.0.261 → 0.0.263

package/dist/index.esm.js

@@ -198,6 +198,9 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
     _this.state = {
       lang: {
         en: (_en = {
+          sendcode: 'Send code',
+          verifycode: 'Verify Code',
+          writevalidemail: 'Please write a valid email',
           loginregister: 'Login/Register',
           pleaselogintocheckout: 'Please login in order to checkout',
           reservationtime: 'Time',
@@ -268,6 +271,9 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           orsignupwith: 'Or Sign up with'
         }, _defineProperty(_en, "price", 'Price'), _defineProperty(_en, "relatedproducts", 'Related products'), _defineProperty(_en, "qty", 'QTY'), _defineProperty(_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty(_en, "shopnow", 'Shop now'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "otherinformation", 'Other information'), _defineProperty(_en, "productname", 'Product name'), _defineProperty(_en, "quantity", 'Quantity'), _defineProperty(_en, "orderid", 'Order ID'), _defineProperty(_en, "numberofproducts", 'Number of products'), _defineProperty(_en, "checkyourorder", 'Check your order'), _defineProperty(_en, "search", 'Search'), _defineProperty(_en, "searchproducts", 'Search for products...'), _defineProperty(_en, "choosecity", 'Choose city'), _defineProperty(_en, "choosestategov", 'Choose state/governorate'), _defineProperty(_en, "choosecountry", 'Choose country'), _defineProperty(_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty(_en, "nosearchresults", 'No search results'), _defineProperty(_en, "sale", 'Sale'), _defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty(_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty(_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty(_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty(_en, "promocoderemoved", 'Promo code is removed'), _defineProperty(_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty(_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty(_en, "addedtowishlist", 'Added to your favourites'), _defineProperty(_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty(_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty(_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty(_en, "subtotal", 'Sub total'), _defineProperty(_en, "discount", 'Discount'), _defineProperty(_en, "outofzone", 'Out of zone'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As a guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _defineProperty(_en, "recent", 'Recent'), _defineProperty(_en, "oldest", 'Oldest'), _defineProperty(_en, "pricehightolow", 'High to low'), _defineProperty(_en, "pricelowtohigh", 'Low to High'), _defineProperty(_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _en),
         ar: (_ar = {
+          sendcode: 'إرسل الرمز',
+          verifycode: 'التحقق من كود',
+          writevalidemail: 'الرجاء كتابة بريد إلكتروني صالح',
           pleasecompleteaddressmissingfields: 'من فضلك اكمل باقى بيانات العنوان',
           loginregister: 'تسجيل الدخول/إنشاء حساب جديد',
           pleaselogintocheckout: 'قم بتسجيل دخول لاستكمال طلبك',
@@ -680,7 +686,7 @@ var Login = function Login(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '35px'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '35px'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
     }), _defineProperty(_css, ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
@@ -1050,7 +1056,7 @@ var Variantoptions = function Variantoptions(props) {
   props.actions.ikimagecredcontext;
   var ProductInfoObj = props.actions.ProductInfoObj;
   return /*#__PURE__*/React.createElement(React.Fragment, null, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.hasvariants) == 1 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-start"
+    className: "row m-0 w-100 d-flex align-items-start mt-3"
   }, ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 ? void 0 : (_ProductInfoObj$data$ = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data$ === void 0 ? void 0 : (_ProductInfoObj$data$2 = _ProductInfoObj$data$.productoptions) === null || _ProductInfoObj$data$2 === void 0 ? void 0 : _ProductInfoObj$data$2.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 p-0 mb-3 d-flex justify-content-start"
@@ -7778,6 +7784,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   var authdetailsContext = props.actions.authdetailsContext;
   var instapikey = props.actions.instapikey;
   var templatepropcontext = props.actions.templatepropcontext;
+  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   props.actions.ikimagecredcontext;
   var NotificationManager = props.actions.NotificationManager;
   var actions = props.actions;
@@ -7786,9 +7793,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     customeraddressrequierd = _useState2[0],
     setcustomeraddressrequierd = _useState2[1];
   var _useState3 = useState(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : (_fetchAuthorizationQu5 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu5 === void 0 ? void 0 : (_fetchAuthorizationQu6 = _fetchAuthorizationQu5.instinfo) === null || _fetchAuthorizationQu6 === void 0 ? void 0 : _fetchAuthorizationQu6.customervalidateemail),
-    _useState4 = _slicedToArray(_useState3, 2);
-    _useState4[0];
-    var setcustomervalidateemail = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    customervalidateemail = _useState4[0],
+    setcustomervalidateemail = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     validateemailmodal = _useState6[0],
@@ -7802,6 +7809,15 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     dataloaded = _useState10[0],
     setdataloaded = _useState10[1];
   var _useState11 = useState({
+      email: '',
+      code: '',
+      step: 'sendcode',
+      isvalidated: false
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    validateemailpayload = _useState12[0],
+    setvalidateemailpayload = _useState12[1];
+  var _useState13 = useState({
       instapikey: instapikey,
       name: '',
       email: '',
@@ -7816,9 +7832,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       cityid: '',
       countrydialcode: ''
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    payloadobj = _useState12[0],
-    setpayloadobj = _useState12[1];
+    _useState14 = _slicedToArray(_useState13, 2),
+    payloadobj = _useState14[0],
+    setpayloadobj = _useState14[1];
   useEffect(function () {
     if (fetchAuthorizationQueryContext.isSuccess) {
       var _fetchAuthorizationQu7, _fetchAuthorizationQu8, _fetchAuthorizationQu9, _fetchAuthorizationQu10, _fetchAuthorizationQu11, _fetchAuthorizationQu12;
@@ -7868,6 +7884,82 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     temppayloadobj[key] = value;
     setpayloadobj(_objectSpread$1R({}, temppayloadobj));
   };
+  var validateEmailstring = function validateEmailstring(email) {
+    return String(email).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
+  };
+  var verifypayload = function verifypayload() {
+    var iscompleted = false;
+    var isshippingaddresscompleted = false;
+    var passwordvalidation = false;
+    if (authdetailsContext.loggedin == false) {
+      if (payloadobj.password.length != 0) {
+        if (payloadobj.password == payloadobj.password2) {
+          passwordvalidation = true;
+        }
+      }
+    } else if (authdetailsContext.loggedin == true) {
+      if (payloadobj.password.length != 0) {
+        if (payloadobj.password == payloadobj.password2) {
+          passwordvalidation = true;
+        }
+      } else {
+        passwordvalidation = true;
+      }
+    }
+    if (passwordvalidation == false) {
+      NotificationManager.warning('', lang.passwordsdontmatch);
+    }
+    if (customeraddressrequierd == 1) {
+      if (payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0 && payloadobj.shippingaddress.length != 0) {
+        isshippingaddresscompleted = true;
+      }
+    } else {
+      isshippingaddresscompleted = true;
+    }
+    if (validateEmailstring(payloadobj.email)) {
+      if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true) {
+        if (isshippingaddresscompleted) {
+          var signupformismissing = true;
+          payloadobj.instsignupformvalues.forEach(function (arrayItem) {
+            if (arrayItem.optional == 1) {
+              if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
+                signupformismissing = false;
+              }
+            }
+          });
+          if (signupformismissing) {
+            iscompleted = true;
+          } else {
+            iscompleted = false;
+            NotificationManager.warning('', lang.completerequiredfields);
+          }
+        } else {
+          iscompleted = false;
+          NotificationManager.warning('', lang.pleasecompleteaddressmissingfields);
+        }
+      } else {
+        iscompleted = false;
+        NotificationManager.warning('', lang.fillthemissingfields);
+      }
+    } else {
+      iscompleted = false;
+      NotificationManager.warning('', lang.writevalidemail);
+    }
+    return iscompleted;
+  };
+  var signupbuttonfunc = function signupbuttonfunc() {
+    if (verifypayload() == true) {
+      var temppayloadobj = _objectSpread$1R({}, payloadobj);
+      if (authdetailsContext.loggedin == true) {
+        temppayloadobj.functype = 'edit';
+      } else {
+        temppayloadobj.functype = 'add';
+      }
+      temppayloadobj.addedsourcetype = 'Webapp';
+      temppayloadobj.instapikey = instapikey;
+      CustomerSignUpMutationContext.mutate(temppayloadobj);
+    }
+  };
   var formstyles = {
     loginbtn: css({
       background: templatepropcontext.primarycolor,
@@ -7931,7 +8023,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
     }), _defineProperty(_css, ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
@@ -7984,6 +8076,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       type: "text",
       textplaceholder: "",
       value: payloadobj.email,
+      disabled: validateemailpayload.isvalidated,
       onChange: function onChange(event) {
         payloadobjchange('email', event.target.value);
       }
@@ -8483,62 +8576,13 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
     disabled: CustomerSignUpMutationContext.isLoading ? true : false,
     onClick: function onClick() {
-      var isshippingaddresscompleted = false;
-      var passwordvalidation = false;
-      if (authdetailsContext.loggedin == false) {
-        if (payloadobj.password.length != 0) {
-          if (payloadobj.password == payloadobj.password2) {
-            passwordvalidation = true;
-          }
-        }
-      } else if (authdetailsContext.loggedin == true) {
-        if (payloadobj.password.length != 0) {
-          if (payloadobj.password == payloadobj.password2) {
-            passwordvalidation = true;
-          }
+      if (verifypayload() == true) {
+        if (customervalidateemail == 1) {
+          setvalidateemailmodal(true);
         } else {
-          passwordvalidation = true;
+          signupbuttonfunc();
         }
       }
-      if (passwordvalidation == false) {
-        NotificationManager.warning('', lang.passwordsdontmatch);
-      }
-      if (customeraddressrequierd == 1) {
-        if (payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0 && payloadobj.shippingaddress.length != 0) {
-          isshippingaddresscompleted = true;
-        }
-      } else {
-        isshippingaddresscompleted = true;
-      }
-      if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true) {
-        if (isshippingaddresscompleted) {
-          var signupformismissing = true;
-          payloadobj.instsignupformvalues.forEach(function (arrayItem) {
-            if (arrayItem.optional == 1) {
-              if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
-                signupformismissing = false;
-              }
-            }
-          });
-          if (signupformismissing) {
-            var temppayloadobj = _objectSpread$1R({}, payloadobj);
-            if (authdetailsContext.loggedin == true) {
-              temppayloadobj.functype = 'edit';
-            } else {
-              temppayloadobj.functype = 'add';
-            }
-            temppayloadobj.addedsourcetype = 'Webapp';
-            temppayloadobj.instapikey = instapikey;
-            CustomerSignUpMutationContext.mutate(temppayloadobj);
-          } else {
-            NotificationManager.warning('', lang.completerequiredfields);
-          }
-        } else {
-          NotificationManager.warning('', lang.pleasecompleteaddressmissingfields);
-        }
-      } else {
-        NotificationManager.warning('', lang.fillthemissingfields);
-      }
     }
   }, CustomerSignUpMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
     color: "#fff",
@@ -8584,7 +8628,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     },
     centered: true,
     size: 'md'
-  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
     "class": "d-flex align-items-center justify-content-center bgdanger-hover",
     style: {
       position: 'absolute',
@@ -8601,7 +8645,96 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }, /*#__PURE__*/React.createElement(IoMdClose, {
     size: 15,
     color: "white"
-  }))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center mt-2 justify-content-center"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "text-md-center m-0 p-0 mb-2",
+    style: {
+      fontSize: '19px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? 'Validate Email' : 'التحقق من صحة البريد الإلكتروني')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": 'm-0 p-0'
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "row w-100 m-0 mb-3 pl-2 pr-2 pt-3 pb-3 pl-sm-3 pr-sm-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "".concat(formstyles.form_control),
+    value: payloadobj.email,
+    disabled: true
+  })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "".concat(formstyles.form_control),
+    value: validateemailpayload.code,
+    onChange: function onChange(event) {
+      setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
+        code: event.target.value
+      }));
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
+    disabled: GeneralAPIMutationContext.isLoading ? true : false,
+    onClick: function onClick() {
+      if (payloadobj.email.length != 0) {
+        if (validateemailpayload.isvalidated == true) {
+          setvalidateemailmodal(false);
+          signupbuttonfunc();
+        } else {
+          GeneralAPIMutationContext.mutate({
+            endpointurl: '/validateemail',
+            functype: validateemailpayload.step,
+            code: validateemailpayload.code,
+            name: payloadobj.name,
+            email: payloadobj.email,
+            mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
+              if (data.data.status) {
+                if (data.data.functype == 'sendcode') {
+                  setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
+                    step: 'verifycode'
+                  }));
+                }
+                if (data.data.functype == 'verifycode') {
+                  setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
+                    isvalidated: true
+                  }));
+                  setvalidateemailmodal(false);
+                  signupbuttonfunc();
+                }
+              } else {
+                NotificationManager.warning('', data.data.reason);
+              }
+            }
+          });
+        }
+      } else {
+        NotificationManager.warning(lang.completerequiredfields);
+      }
+    }
+  }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "#fff",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    style: {
+      letterSpacing: langdetect == 'en' ? '1px' : ''
+    }
+  }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
 };
 
 function ownKeys$1Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -13201,7 +13334,7 @@ var Headerresponsive = function Headerresponsive(props) {
 function ownKeys$1G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Gotoheader = function Gotoheader(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -13222,7 +13355,7 @@ var Gotoheader = function Gotoheader(props) {
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var actions = props.actions;
-  var history = props.actions.history;
+  props.actions.history;
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -13254,17 +13387,17 @@ var Gotoheader = function Gotoheader(props) {
     }
   }, [templateproperties_context]);
   var subtotalcart = function subtotalcart() {
-    var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4;
-    var totalprice = 0;
-    fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : (_fetchcustomercartQue3 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.forEach(function (cartitem, cartindex) {
-      var finalprice = 0;
-      if (cartitem.productinfo.hassale == 0) {
-        finalprice = cartitem.productinfo.defaultprice;
-      } else if (cartitem.productinfo.hassale == 1) {
-        finalprice = cartitem.productinfo.defaultsaleprice;
-      }
-      totalprice = finalprice * cartitem.quantity + totalprice;
-    });
+    var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
+    var totalprice = parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : (_fetchcustomercartQue3 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.totalprice).toFixed(2);
+    // fetchcustomercartQueryContext?.data?.data?.customercart?.cartitems?.forEach(function (cartitem, cartindex) {
+    //     var finalprice = 0;
+    //     if (cartitem.productinfo.hassale == 0) {
+    //         finalprice = cartitem.productinfo.defaultprice;
+    //     } else if (cartitem.productinfo.hassale == 1) {
+    //         finalprice = cartitem.productinfo.defaultsaleprice;
+    //     }
+    //     totalprice = finalprice * cartitem.quantity + totalprice;
+    // });
     return totalprice;
   };
   var header_cssstyles = {
@@ -13709,7 +13842,7 @@ var Gotoheader = function Gotoheader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length : 0)), /*#__PURE__*/React.createElement("p", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : _fetchcustomercartQue5.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue6 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : (_fetchcustomercartQue7 = _fetchcustomercartQue6.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.length : 0)), /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 d-flex flex-column ",
     style: {
       color: sectionproperties.cartBtnTextcolor,
@@ -13811,7 +13944,8 @@ var Gotoheader = function Gotoheader(props) {
           marginLeft: langdetect == 'en' ? 0 : '45px'
         },
         onClick: function onClick() {
-          history.push(item.navigationroute);
+          // history.push(item.navigationroute);
+          routingcountext(item.navigationroute);
         }
       }, /*#__PURE__*/React.createElement("div", {
         "class": "".concat(headerstyles$g.topbar_item, " ").concat(header_cssstyles.topbar_item)
@@ -21090,7 +21224,10 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       marginLeft: langdetect == 'ar' ? '2rem' : 0
     }
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
-    "class": ' d-flex justify-content-center align-items-center '
+    "class": ' d-flex justify-content-center align-items-center ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Login);
+    }
   }, /*#__PURE__*/React.createElement("span", {
     "class": "".concat(headerstyles$8.navbar_item_text, " ").concat(header_cssstyles.navbar_item_text, " ").concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React.createElement(FiUser, {
@@ -21124,27 +21261,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     style: {
       maxWidth: '60px'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Login);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineLogin, null), /*#__PURE__*/React.createElement("span", {
-    "class": "ml-2 mr-2"
-  }, lang.login)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Signup);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineUserAdd, null), /*#__PURE__*/React.createElement("span", {
-    "class": "ml-2 mr-2 text-transform-none"
-  }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
     style: {
       minWidth: '200px'
     }
@@ -21715,6 +21832,9 @@ var Modernheader = function Modernheader(props) {
     "class": " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
     sytle: {
       position: 'relative'
+    },
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Login);
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' h-100 d-flex align-items-center '
@@ -21749,29 +21869,7 @@ var Modernheader = function Modernheader(props) {
     style: {
       maxWidth: '120px'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Login);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineLogin, {
-    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), /*#__PURE__*/React.createElement("span", null, lang.login)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Signup);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineUserAdd, {
-    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), /*#__PURE__*/React.createElement("span", {
-    "class": "text-transform-none"
-  }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
     style: {
       minWidth: '200px'
     }
@@ -36024,7 +36122,7 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
     }))))));
   };
   var BackgroundImagesContent = function BackgroundImagesContent() {
-    var _imagesarray$, _imagesarray$2, _imagesarray$3, _imagesarray$4, _imagesarray$5, _imagesarray$6;
+    var _imagesarray$, _imagesarray$7, _imagesarray$8, _imagesarray$9, _imagesarray$15, _imagesarray$16, _imagesarray$17, _imagesarray$23, _imagesarray$24;
     return /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 align-items-center justify-content-center"
     }, /*#__PURE__*/React.createElement("div", {
@@ -36033,12 +36131,26 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
       "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 h-md-auto ' : "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 ',
       style: {
         height: sectionproperties.image_height + 'px',
-        position: 'relative'
+        position: 'relative',
+        cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
+      },
+      onClick: function onClick() {
+        var _imagesarray$2;
+        if (((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.IsClickableimg) == 'Yes') {
+          var _imagesarray$3, _imagesarray$4;
+          if ((_imagesarray$3 = imagesarray[0]) !== null && _imagesarray$3 !== void 0 && _imagesarray$3.clickableimg_page_route && ((_imagesarray$4 = imagesarray[0]) === null || _imagesarray$4 === void 0 ? void 0 : _imagesarray$4.clickableimg_page_route.length) != 0) {
+            var _imagesarray$5;
+            routingcountext((_imagesarray$5 = imagesarray[0]) === null || _imagesarray$5 === void 0 ? void 0 : _imagesarray$5.clickableimg_page_route, false, '');
+          } else {
+            var _imagesarray$6;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$6 = imagesarray[0]) === null || _imagesarray$6 === void 0 ? void 0 : _imagesarray$6.Clickableimg_getcoection));
+          }
+        }
       }
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.bgsection_image_ar) : '',
+      path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar) : '',
       "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
       style: {
         height: '100%',
@@ -36059,12 +36171,26 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
       "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 h-md-auto ' : "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 ',
       style: {
         height: parseInt(sectionproperties.image_height / 2 - 5) + 'px',
-        position: 'relative'
+        position: 'relative',
+        cursor: ((_imagesarray$9 = imagesarray[1]) === null || _imagesarray$9 === void 0 ? void 0 : _imagesarray$9.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
+      },
+      onClick: function onClick() {
+        var _imagesarray$10;
+        if (((_imagesarray$10 = imagesarray[1]) === null || _imagesarray$10 === void 0 ? void 0 : _imagesarray$10.IsClickableimg) == 'Yes') {
+          var _imagesarray$11, _imagesarray$12;
+          if ((_imagesarray$11 = imagesarray[1]) !== null && _imagesarray$11 !== void 0 && _imagesarray$11.clickableimg_page_route && ((_imagesarray$12 = imagesarray[1]) === null || _imagesarray$12 === void 0 ? void 0 : _imagesarray$12.clickableimg_page_route.length) != 0) {
+            var _imagesarray$13;
+            routingcountext((_imagesarray$13 = imagesarray[1]) === null || _imagesarray$13 === void 0 ? void 0 : _imagesarray$13.clickableimg_page_route, false, '');
+          } else {
+            var _imagesarray$14;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$14 = imagesarray[1]) === null || _imagesarray$14 === void 0 ? void 0 : _imagesarray$14.Clickableimg_getcoection));
+          }
+        }
       }
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$3 = imagesarray[1]) === null || _imagesarray$3 === void 0 ? void 0 : _imagesarray$3.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$4 = imagesarray[1]) === null || _imagesarray$4 === void 0 ? void 0 : _imagesarray$4.bgsection_image_ar) : '',
+      path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$15 = imagesarray[1]) === null || _imagesarray$15 === void 0 ? void 0 : _imagesarray$15.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$16 = imagesarray[1]) === null || _imagesarray$16 === void 0 ? void 0 : _imagesarray$16.bgsection_image_ar) : '',
       "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
       style: {
         height: '100%',
@@ -36081,12 +36207,26 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
       "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 h-md-auto ' : "".concat(sectionstyles.imageBackground) + ' row m-0 w-100 ',
       style: {
         height: parseInt(sectionproperties.image_height / 2 - 5) + 'px',
-        position: 'relative'
+        position: 'relative',
+        cursor: ((_imagesarray$17 = imagesarray[2]) === null || _imagesarray$17 === void 0 ? void 0 : _imagesarray$17.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
+      },
+      onClick: function onClick() {
+        var _imagesarray$18;
+        if (((_imagesarray$18 = imagesarray[2]) === null || _imagesarray$18 === void 0 ? void 0 : _imagesarray$18.IsClickableimg) == 'Yes') {
+          var _imagesarray$19, _imagesarray$20;
+          if ((_imagesarray$19 = imagesarray[2]) !== null && _imagesarray$19 !== void 0 && _imagesarray$19.clickableimg_page_route && ((_imagesarray$20 = imagesarray[2]) === null || _imagesarray$20 === void 0 ? void 0 : _imagesarray$20.clickableimg_page_route.length) != 0) {
+            var _imagesarray$21;
+            routingcountext((_imagesarray$21 = imagesarray[2]) === null || _imagesarray$21 === void 0 ? void 0 : _imagesarray$21.clickableimg_page_route, false, '');
+          } else {
+            var _imagesarray$22;
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$22 = imagesarray[2]) === null || _imagesarray$22 === void 0 ? void 0 : _imagesarray$22.Clickableimg_getcoection));
+          }
+        }
       }
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$5 = imagesarray[2]) === null || _imagesarray$5 === void 0 ? void 0 : _imagesarray$5.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$6 = imagesarray[2]) === null || _imagesarray$6 === void 0 ? void 0 : _imagesarray$6.bgsection_image_ar) : '',
+      path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$23 = imagesarray[2]) === null || _imagesarray$23 === void 0 ? void 0 : _imagesarray$23.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w2 + ',h-' + sectionproperties.imagetr_h2 + '/' + ((_imagesarray$24 = imagesarray[2]) === null || _imagesarray$24 === void 0 ? void 0 : _imagesarray$24.bgsection_image_ar) : '',
       "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
       style: {
         height: '100%',
@@ -41984,12 +42124,15 @@ var Slideshowslide = function Slideshowslide(props) {
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React.createElement("div", {
-      className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 ',
+      className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 d-flex ',
       style: {
         justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React.createElement("p", {
-      className: "m-0 p-3 w-100"
+      className: "m-0 p-3 w-100 d-flex",
+      style: {
+        justifyContent: sectionproperties.titlecentered == 'Centered' ? 'center' : 'start'
+      }
     }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3 px-2",
       style: {
@@ -47590,7 +47733,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(cardsstyles$4.card_thumbnail)
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100  ',
+    "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
     onClick: function onClick() {
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
@@ -47599,19 +47742,19 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       cursor: 'pointer',
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+  }, item.image != '' && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     style: {
-      width: '100%',
-      objectFit: 'contain',
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
+      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
       position: 'relative',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      marginBottom: 'auto'
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
     },
     loading: "lazy"
   })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -53565,6 +53708,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       height: sectionproperties.image_height + 'px',
       marginBottom: sectionproperties.image_mb + 'px',
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
       overflow: 'hidden',
       position: 'relative',
       ':before': {