powr-sdk-web 4.2.6 → 4.2.7

package/dist/auth/index.js

@@ -32,7 +32,9 @@ var PowrLogin = function PowrLogin(_ref) {
     appLogo = _ref.appLogo,
     _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? 'toggle' : _ref$mode,
-    projectId = _ref.projectId;
+    projectId = _ref.projectId,
+    _ref$fieldType = _ref.fieldType,
+    fieldType = _ref$fieldType === void 0 ? 'both' : _ref$fieldType;
   var _useState = (0, _react.useState)(function () {
       switch (mode) {
         case 'login':
@@ -48,7 +50,8 @@ var PowrLogin = function PowrLogin(_ref) {
     isLogin = _useState2[0],
     setIsLogin = _useState2[1];
   var _useState3 = (0, _react.useState)({
-      phoneOrEmail: '',
+      phone: '',
+      email: '',
       password: '',
       confirmPassword: '',
       fullName: ''
@@ -233,14 +236,12 @@ var PowrLogin = function PowrLogin(_ref) {
     return emailRegex.test(email);
   };
   var isValidPhone = function isValidPhone(phone) {
-    // Remove all non-digit characters
     var cleanPhone = phone.replace(/\D/g, '');
-    // Check if it's a valid phone number (7-15 digits)
     return cleanPhone.length >= 7 && cleanPhone.length <= 15;
   };
   var handleSubmit = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(e) {
-      var errors, value, isEmail, endpoint, payload, _yield$apiCall, data, ok, _t3;
+      var errors, endpoint, phoneOrEmail, payload, _yield$apiCall, data, ok, _t3;
       return _regenerator().w(function (_context4) {
         while (1) switch (_context4.p = _context4.n) {
           case 0:
@@ -249,16 +250,20 @@ var PowrLogin = function PowrLogin(_ref) {
             setError('');
             setSuccess('');
             setFieldErrors({});
-            errors = {};
-            value = formData.phoneOrEmail.trim();
-            isEmail = value.includes('@');
-            if (!formData.phoneOrEmail.trim()) {
-              errors.phoneOrEmail = 'Phone or email is required';
+            errors = {}; // Validation for phone/email fields
+            if (fieldType === 'phone' || fieldType === 'both') {
+              if (!formData.phone.trim()) {
+                errors.phone = 'Phone is required';
+              } else if (!isValidPhone(formData.phone)) {
+                errors.phone = 'Please enter a valid phone number';
+              }
             }
-            if (!isLogin && !isValidPhone(value)) {
-              errors.phoneOrEmail = 'Please enter a valid phone number';
-            } else if (isLogin && isEmail && !isValidEmail(value)) {
-              errors.phoneOrEmail = 'Please enter a valid email address';
+            if (fieldType === 'email' || fieldType === 'both') {
+              if (!formData.email.trim()) {
+                errors.email = 'Email is required';
+              } else if (!isValidEmail(formData.email)) {
+                errors.email = 'Please enter a valid email address';
+              }
             }
             if (!formData.password.trim()) {
               errors.password = 'Password is required';
@@ -268,10 +273,7 @@ var PowrLogin = function PowrLogin(_ref) {
             if (!isLogin && !formData.fullName.trim()) {
               errors.fullName = 'Full name is required';
             }
-            if (!isLogin && formData.password !== formData.confirmPassword) {
-              errors.confirmPassword = 'Passwords do not match';
-            }
-            if (!isLogin && !otpVerified) {
+            if (!isLogin && fieldType === 'phone' && !otpVerified) {
               errors.otp = 'Please verify OTP before signing up';
             }
             if (!(Object.keys(errors).length > 0)) {
@@ -284,12 +286,20 @@ var PowrLogin = function PowrLogin(_ref) {
           case 1:
             _context4.p = 1;
             endpoint = isLogin ? "/auth/login" : "/auth/register";
+            phoneOrEmail = '';
+            if (fieldType === 'phone') {
+              phoneOrEmail = formData.phone;
+            } else if (fieldType === 'email') {
+              phoneOrEmail = formData.email;
+            } else if (fieldType === 'both') {
+              phoneOrEmail = formData.phone || formData.email;
+            }
             payload = isLogin ? {
-              phoneOrEmail: formData.phoneOrEmail,
+              phoneOrEmail: phoneOrEmail,
               password: formData.password
             } : {
               fullName: formData.fullName,
-              phoneOrEmail: formData.phoneOrEmail,
+              phoneOrEmail: phoneOrEmail,
               password: formData.password
             };
             _context4.n = 2;
@@ -309,7 +319,8 @@ var PowrLogin = function PowrLogin(_ref) {
                 onRegister(data);
               }
               setFormData({
-                phoneOrEmail: '',
+                phone: '',
+                email: '',
                 password: '',
                 confirmPassword: '',
                 fullName: ''
@@ -465,26 +476,26 @@ var PowrLogin = function PowrLogin(_ref) {
     required: true
   }), fieldErrors.fullName && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.fieldError
-  }, fieldErrors.fullName)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, fieldErrors.fullName)), (fieldType === 'phone' || fieldType === 'both') && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.formGroup
   }, /*#__PURE__*/_react["default"].createElement("label", {
-    htmlFor: "phoneOrEmail",
+    htmlFor: "phone",
     style: styles.label
-  }, "Phone or Email"), /*#__PURE__*/_react["default"].createElement("input", {
+  }, "Phone"), /*#__PURE__*/_react["default"].createElement("input", {
     type: "text",
-    id: "phoneOrEmail",
-    name: "phoneOrEmail",
-    value: formData.phoneOrEmail,
+    id: "phone",
+    name: "phone",
+    value: formData.phone,
     onChange: handleInputChange,
-    style: _objectSpread(_objectSpread({}, styles.input), fieldErrors.phoneOrEmail ? styles.inputError : {}),
-    placeholder: "Enter your phone or email",
-    required: true
-  }), fieldErrors.phoneOrEmail && /*#__PURE__*/_react["default"].createElement("div", {
+    style: _objectSpread(_objectSpread({}, styles.input), fieldErrors.phone ? styles.inputError : {}),
+    placeholder: "Enter your phone number",
+    required: fieldType === 'phone' || fieldType === 'both'
+  }), fieldErrors.phone && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.fieldError
-  }, fieldErrors.phoneOrEmail), !isLogin && isValidPhone(formData.phoneOrEmail) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !firebaseOtpSent ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
+  }, fieldErrors.phone), !isLogin && isValidPhone(formData.phone) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !firebaseOtpSent ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",
     onClick: function onClick() {
-      return sendFirebaseOtp(formatPhone(formData.phoneOrEmail));
+      return sendFirebaseOtp(formatPhone(formData.phone));
     },
     style: styles.otpButton,
     disabled: otpLoading
@@ -514,7 +525,23 @@ var PowrLogin = function PowrLogin(_ref) {
       color: '#16a34a',
       marginBottom: 8
     }
-  }, "OTP verified! Now set your password and sign up."))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "OTP verified! Now set your password and sign up."))), (fieldType === 'email' || fieldType === 'both') && /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.formGroup
+  }, /*#__PURE__*/_react["default"].createElement("label", {
+    htmlFor: "email",
+    style: styles.label
+  }, "Email"), /*#__PURE__*/_react["default"].createElement("input", {
+    type: "email",
+    id: "email",
+    name: "email",
+    value: formData.email,
+    onChange: handleInputChange,
+    style: _objectSpread(_objectSpread({}, styles.input), fieldErrors.email ? styles.inputError : {}),
+    placeholder: "Enter your email",
+    required: fieldType === 'email' || fieldType === 'both'
+  }), fieldErrors.email && /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.fieldError
+  }, fieldErrors.email)), /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.formGroup
   }, /*#__PURE__*/_react["default"].createElement("label", {
     htmlFor: "password",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "powr-sdk-web",
-    "version": "4.2.6",
+    "version": "4.2.7",
     "main": "dist/index.js",
     "scripts": {
         "build": "babel src -d dist --copy-files",