tabexseriescomponents 0.0.262 → 0.0.263

package/dist/index.cjs.js

@@ -245,6 +245,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',
@@ -315,6 +318,9 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           orsignupwith: 'Or Sign up with'
         }, _defineProperty__default["default"](_en, "price", 'Price'), _defineProperty__default["default"](_en, "relatedproducts", 'Related products'), _defineProperty__default["default"](_en, "qty", 'QTY'), _defineProperty__default["default"](_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty__default["default"](_en, "shopnow", 'Shop now'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "otherinformation", 'Other information'), _defineProperty__default["default"](_en, "productname", 'Product name'), _defineProperty__default["default"](_en, "quantity", 'Quantity'), _defineProperty__default["default"](_en, "orderid", 'Order ID'), _defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), _defineProperty__default["default"](_en, "checkyourorder", 'Check your order'), _defineProperty__default["default"](_en, "search", 'Search'), _defineProperty__default["default"](_en, "searchproducts", 'Search for products...'), _defineProperty__default["default"](_en, "choosecity", 'Choose city'), _defineProperty__default["default"](_en, "choosestategov", 'Choose state/governorate'), _defineProperty__default["default"](_en, "choosecountry", 'Choose country'), _defineProperty__default["default"](_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty__default["default"](_en, "nosearchresults", 'No search results'), _defineProperty__default["default"](_en, "sale", 'Sale'), _defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty__default["default"](_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty__default["default"](_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty__default["default"](_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty__default["default"](_en, "promocoderemoved", 'Promo code is removed'), _defineProperty__default["default"](_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty__default["default"](_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty__default["default"](_en, "addedtowishlist", 'Added to your favourites'), _defineProperty__default["default"](_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty__default["default"](_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty__default["default"](_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty__default["default"](_en, "subtotal", 'Sub total'), _defineProperty__default["default"](_en, "discount", 'Discount'), _defineProperty__default["default"](_en, "outofzone", 'Out of zone'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "cod", 'Cash on Delivery'), _defineProperty__default["default"](_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty__default["default"](_en, "onlinepayment", 'Online Payment'), _defineProperty__default["default"](_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), _defineProperty__default["default"](_en, "shippingaddress", 'Shipping address'), _defineProperty__default["default"](_en, "cardnumber", 'Card number'), _defineProperty__default["default"](_en, "year", 'Year'), _defineProperty__default["default"](_en, "month", 'Month'), _defineProperty__default["default"](_en, "cvv", 'CVV'), _defineProperty__default["default"](_en, "nameoncard", 'Name On Card'), _defineProperty__default["default"](_en, "country", 'Country'), _defineProperty__default["default"](_en, "addressdetails", 'ِAddress details'), _defineProperty__default["default"](_en, "stategov", 'State/Governorate'), _defineProperty__default["default"](_en, "city", 'City'), _defineProperty__default["default"](_en, "paymentmethod", 'Payment method'), _defineProperty__default["default"](_en, "productimage", 'Product image'), _defineProperty__default["default"](_en, "orderdetails", 'Order details'), _defineProperty__default["default"](_en, "orderinvoice", 'Order invoice'), _defineProperty__default["default"](_en, "promocodediscount", 'Promo code discount'), _defineProperty__default["default"](_en, "address", 'Address'), _defineProperty__default["default"](_en, "update", 'Update'), _defineProperty__default["default"](_en, "phonenumber", 'Mobile number'), _defineProperty__default["default"](_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_en, "name", 'Name'), _defineProperty__default["default"](_en, "email", 'Email'), _defineProperty__default["default"](_en, "password", 'Password'), _defineProperty__default["default"](_en, "confirmpassword", 'Confirm password'), _defineProperty__default["default"](_en, "showmore", 'Show more'), _defineProperty__default["default"](_en, "showless", 'Show less'), _defineProperty__default["default"](_en, "contactdetails", 'Contact Information'), _defineProperty__default["default"](_en, "asaguest", 'As a guest'), _defineProperty__default["default"](_en, "choosecountryfirst", 'Please choose country first'), _defineProperty__default["default"](_en, "security", 'Security'), _defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), _defineProperty__default["default"](_en, "contactus", 'Contact us'), _defineProperty__default["default"](_en, "slogan", 'Your website & mobile application in one place'), _defineProperty__default["default"](_en, "recent", 'Recent'), _defineProperty__default["default"](_en, "oldest", 'Oldest'), _defineProperty__default["default"](_en, "pricehightolow", 'High to low'), _defineProperty__default["default"](_en, "pricelowtohigh", 'Low to High'), _defineProperty__default["default"](_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _en),
         ar: (_ar = {
+          sendcode: 'إرسل الرمز',
+          verifycode: 'التحقق من كود',
+          writevalidemail: 'الرجاء كتابة بريد إلكتروني صالح',
           pleasecompleteaddressmissingfields: 'من فضلك اكمل باقى بيانات العنوان',
           loginregister: 'تسجيل الدخول/إنشاء حساب جديد',
           pleaselogintocheckout: 'قم بتسجيل دخول لاستكمال طلبك',
@@ -727,7 +733,7 @@ var Login = function Login(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
     }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
@@ -7825,6 +7831,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;
@@ -7833,9 +7840,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     customeraddressrequierd = _useState2[0],
     setcustomeraddressrequierd = _useState2[1];
   var _useState3 = React.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__default["default"](_useState3, 2);
-    _useState4[0];
-    var setcustomervalidateemail = _useState4[1];
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    customervalidateemail = _useState4[0],
+    setcustomervalidateemail = _useState4[1];
   var _useState5 = React.useState(false),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     validateemailmodal = _useState6[0],
@@ -7849,6 +7856,15 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     dataloaded = _useState10[0],
     setdataloaded = _useState10[1];
   var _useState11 = React.useState({
+      email: '',
+      code: '',
+      step: 'sendcode',
+      isvalidated: false
+    }),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    validateemailpayload = _useState12[0],
+    setvalidateemailpayload = _useState12[1];
+  var _useState13 = React.useState({
       instapikey: instapikey,
       name: '',
       email: '',
@@ -7863,9 +7879,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       cityid: '',
       countrydialcode: ''
     }),
-    _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    payloadobj = _useState12[0],
-    setpayloadobj = _useState12[1];
+    _useState14 = _slicedToArray__default["default"](_useState13, 2),
+    payloadobj = _useState14[0],
+    setpayloadobj = _useState14[1];
   React.useEffect(function () {
     if (fetchAuthorizationQueryContext.isSuccess) {
       var _fetchAuthorizationQu7, _fetchAuthorizationQu8, _fetchAuthorizationQu9, _fetchAuthorizationQu10, _fetchAuthorizationQu11, _fetchAuthorizationQu12;
@@ -7915,6 +7931,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: glamor.css({
       background: templatepropcontext.primarycolor,
@@ -7978,7 +8070,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.input_bgcolor), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
     }), _defineProperty__default["default"](_css, ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
@@ -8031,6 +8123,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       type: "text",
       textplaceholder: "",
       value: payloadobj.email,
+      disabled: validateemailpayload.isvalidated,
       onChange: function onChange(event) {
         payloadobjchange('email', event.target.value);
       }
@@ -8530,62 +8623,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__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "#fff",
@@ -8631,7 +8675,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     },
     centered: true,
     size: 'md'
-  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "d-flex align-items-center justify-content-center bgdanger-hover",
     style: {
       position: 'absolute',
@@ -8648,7 +8692,96 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
     size: 15,
     color: "white"
-  }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center mt-2 justify-content-center"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    "class": 'm-0 p-0'
+  }))), /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    className: "".concat(formstyles.form_control),
+    value: payloadobj.email,
+    disabled: true
+  })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement(reactCssfxLoading.CircularProgress, {
+    color: "#fff",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
+    style: {
+      letterSpacing: langdetect == 'en' ? '1px' : ''
+    }
+  }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.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; }
@@ -21138,7 +21271,10 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       marginLeft: langdetect == 'ar' ? '2rem' : 0
     }
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement(FiUser.FiUser, {
@@ -21172,27 +21308,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__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Login);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement(AiOutlineLogin.AiOutlineLogin, null), /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "ml-2 mr-2"
-  }, lang.login)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Signup);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "ml-2 mr-2 text-transform-none"
-  }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].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__default["default"].createElement(Dropdown__default["default"].Menu, {
     style: {
       minWidth: '200px'
     }
@@ -21763,6 +21879,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__default["default"].createElement("i", {
     "class": ' h-100 d-flex align-items-center '
@@ -21797,29 +21916,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__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Login);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement(AiOutlineLogin.AiOutlineLogin, {
-    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), /*#__PURE__*/React__default["default"].createElement("span", null, lang.login)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Signup);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, {
-    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "text-transform-none"
-  }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].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__default["default"].createElement(Dropdown__default["default"].Menu, {
     style: {
       minWidth: '200px'
     }
@@ -47683,7 +47780,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(cardsstyles$4.card_thumbnail)
   }, /*#__PURE__*/React__default["default"].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);
@@ -47692,19 +47789,19 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       cursor: 'pointer',
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+  }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
     path: '/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__default["default"].createElement("div", {
@@ -53658,6 +53755,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': {