tabexseriescomponents 0.0.262 → 0.0.263

package/dist/index.umd.js

@@ -97,6 +97,9 @@
         _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',
@@ -167,6 +170,9 @@
               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: 'قم بتسجيل دخول لاستكمال طلبك',
@@ -579,7 +585,7 @@
           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
@@ -7677,6 +7683,7 @@
       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;
@@ -7685,9 +7692,9 @@
         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],
@@ -7701,6 +7708,15 @@
         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: '',
@@ -7715,9 +7731,9 @@
           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;
@@ -7767,6 +7783,82 @@
         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,
@@ -7830,7 +7922,7 @@
           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
@@ -7883,6 +7975,7 @@
           type: "text",
           textplaceholder: "",
           value: payloadobj.email,
+          disabled: validateemailpayload.isvalidated,
           onChange: function onChange(event) {
             payloadobjchange('email', event.target.value);
           }
@@ -8382,62 +8475,13 @@
         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",
@@ -8483,7 +8527,7 @@
         },
         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',
@@ -8500,7 +8544,96 @@
       }, /*#__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; }
@@ -20990,7 +21123,10 @@
           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, {
@@ -21024,27 +21160,7 @@
         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'
         }
@@ -21615,6 +21731,9 @@
         "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 '
@@ -21649,29 +21768,7 @@
         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'
         }
@@ -47535,7 +47632,7 @@
       }, /*#__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);
@@ -47544,19 +47641,19 @@
           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", {
@@ -53510,6 +53607,7 @@
           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': {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.262",
+    "version": "0.0.263",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {