powr-sdk-web 5.6.14 → 5.8.0

package/dist/auth/index.js

@@ -7,6 +7,11 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _auth = require("../utils/auth");
 var _firebase = require("../utils/firebase");
+var _AddPhonePanel = _interopRequireDefault(require("../onboarding/AddPhonePanel"));
+var _PhoneInput = _interopRequireDefault(require("../components/PhoneInput"));
+var _utils = require("../onboarding/utils");
+var _phone = require("../utils/phone");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t7 in e) "default" !== _t7 && {}.hasOwnProperty.call(e, _t7) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t7)) && (i.get || i.set) ? o(f, _t7, i) : f[_t7] = e[_t7]); return f; })(e, t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
@@ -36,7 +41,20 @@ var PowrLogin = function PowrLogin(_ref) {
     _ref$requirePhoneVeri = _ref.requirePhoneVerification,
     requirePhoneVerification = _ref$requirePhoneVeri === void 0 ? true : _ref$requirePhoneVeri,
     _ref$showForgotPasswo = _ref.showForgotPassword,
-    showForgotPassword = _ref$showForgotPasswo === void 0 ? true : _ref$showForgotPasswo;
+    showForgotPassword = _ref$showForgotPasswo === void 0 ? true : _ref$showForgotPasswo,
+    _ref$completeProfileO = _ref.completeProfileOnLogin,
+    completeProfileOnLogin = _ref$completeProfileO === void 0 ? false : _ref$completeProfileO,
+    _ref$requireTerms = _ref.requireTerms,
+    requireTerms = _ref$requireTerms === void 0 ? false : _ref$requireTerms,
+    _ref$defaultCountry = _ref.defaultCountry,
+    defaultCountry = _ref$defaultCountry === void 0 ? _phone.DEFAULT_COUNTRY : _ref$defaultCountry,
+    _ref$defaultCountryCo = _ref.defaultCountryCode,
+    defaultCountryCode = _ref$defaultCountryCo === void 0 ? _phone.DEFAULT_COUNTRY_CODE : _ref$defaultCountryCo,
+    _ref$international = _ref.international,
+    international = _ref$international === void 0 ? false : _ref$international,
+    _ref$allowedCountries = _ref.allowedCountries,
+    allowedCountries = _ref$allowedCountries === void 0 ? null : _ref$allowedCountries;
+  var resolvedDefaultCountry = (0, _phone.resolveCountry)(defaultCountry, defaultCountryCode);
   var _useState = (0, _react.useState)(function () {
       switch (mode) {
         case 'login':
@@ -88,13 +106,6 @@ var PowrLogin = function PowrLogin(_ref) {
     _useState16 = _slicedToArray(_useState15, 2),
     showTooltip = _useState16[0],
     setShowTooltip = _useState16[1];
-  var formatPhone = function formatPhone(phone) {
-    var clean = phone.replace(/\D/g, '');
-    if (!clean.startsWith('91')) {
-      clean = '91' + clean;
-    }
-    return '+' + clean;
-  };
   var _useState17 = (0, _react.useState)(false),
     _useState18 = _slicedToArray(_useState17, 2),
     showOtpOption = _useState18[0],
@@ -127,6 +138,30 @@ var PowrLogin = function PowrLogin(_ref) {
     _useState32 = _slicedToArray(_useState31, 2),
     isPhoneVerified = _useState32[0],
     setIsPhoneVerified = _useState32[1];
+  var _useState33 = (0, _react.useState)('form'),
+    _useState34 = _slicedToArray(_useState33, 2),
+    authView = _useState34[0],
+    setAuthView = _useState34[1];
+  var _useState35 = (0, _react.useState)(null),
+    _useState36 = _slicedToArray(_useState35, 2),
+    pendingAuth = _useState36[0],
+    setPendingAuth = _useState36[1];
+  var _useState37 = (0, _react.useState)(false),
+    _useState38 = _slicedToArray(_useState37, 2),
+    termsAccepted = _useState38[0],
+    setTermsAccepted = _useState38[1];
+  var _useState39 = (0, _react.useState)(resolvedDefaultCountry),
+    _useState40 = _slicedToArray(_useState39, 2),
+    phoneCountry = _useState40[0],
+    setPhoneCountry = _useState40[1];
+  var _useState41 = (0, _react.useState)(false),
+    _useState42 = _slicedToArray(_useState41, 2),
+    registerPhoneValid = _useState42[0],
+    setRegisterPhoneValid = _useState42[1];
+  var _useState43 = (0, _react.useState)(''),
+    _useState44 = _slicedToArray(_useState43, 2),
+    registerPhoneE164 = _useState44[0],
+    setRegisterPhoneE164 = _useState44[1];
   var shouldShowToggle = mode === 'toggle';
   var handleInputChange = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
@@ -153,8 +188,45 @@ var PowrLogin = function PowrLogin(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+  var handlePhoneOrEmailChange = function handlePhoneOrEmailChange(e) {
+    setFormData(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        phoneOrEmail: e.target.value
+      });
+    });
+    setError('');
+    if (fieldErrors.phoneOrEmail) {
+      setFieldErrors(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          phoneOrEmail: ''
+        });
+      });
+    }
+  };
+  var handleRegisterPhoneChange = function handleRegisterPhoneChange(_ref3) {
+    var country = _ref3.country,
+      localNumber = _ref3.localNumber,
+      e164 = _ref3.e164,
+      isValid = _ref3.isValid;
+    setPhoneCountry(country);
+    setRegisterPhoneE164(e164);
+    setRegisterPhoneValid(isValid);
+    setFormData(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        phoneOrEmail: localNumber
+      });
+    });
+    setError('');
+    if (fieldErrors.phoneOrEmail) {
+      setFieldErrors(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          phoneOrEmail: ''
+        });
+      });
+    }
+  };
   var sendFirebaseOtp = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(phone) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(phone) {
       var appVerifier, confirmationResult, _t, _t2;
       return _regenerator().w(function (_context2) {
         while (1) switch (_context2.p = _context2.n) {
@@ -249,11 +321,11 @@ var PowrLogin = function PowrLogin(_ref) {
       }, _callee2, null, [[2, 4], [1, 7, 8, 9]]);
     }));
     return function sendFirebaseOtp(_x2) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   var verifyFirebaseOtp = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
       var result, _t3, _t4;
       return _regenerator().w(function (_context3) {
         while (1) switch (_context3.p = _context3.n) {
@@ -312,7 +384,7 @@ var PowrLogin = function PowrLogin(_ref) {
       }, _callee3, null, [[4, 6], [1, 8, 9, 10]]);
     }));
     return function verifyFirebaseOtp() {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
 
@@ -321,17 +393,14 @@ var PowrLogin = function PowrLogin(_ref) {
     var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     return emailRegex.test(email);
   };
-  var isValidPhone = function isValidPhone(phone) {
-    var cleanPhone = phone.replace(/\D/g, '');
-    return cleanPhone.length >= 7 && cleanPhone.length <= 15;
-  };
   var handleSubmit = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(e) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(e) {
       var skipPhoneValidation,
         errors,
         value,
         isEmail,
         endpoint,
+        normalizedPhone,
         payload,
         _yield$apiCall,
         data,
@@ -355,16 +424,16 @@ var PowrLogin = function PowrLogin(_ref) {
             }
 
             // Registration: Only allow phone numbers
-            if (!isLogin && !isValidPhone(value)) {
-              errors.phoneOrEmail = 'Please enter a valid phone number for registration';
+            if (!isLogin && !registerPhoneValid) {
+              errors.phoneOrEmail = international ? 'Please enter a valid phone number' : 'Please enter a valid mobile number';
             }
 
             // Login: Allow both phone and email
             if (isLogin) {
               if (isEmail && !isValidEmail(value)) {
                 errors.phoneOrEmail = 'Please enter a valid email address';
-              } else if (!isEmail && !isValidPhone(value)) {
-                errors.phoneOrEmail = 'Please enter a valid phone number';
+              } else if (!isEmail && !(0, _phone.isValidPhone)(value, resolvedDefaultCountry)) {
+                errors.phoneOrEmail = 'Please enter a valid phone number (include country code, e.g. +1…) or email';
               }
             }
             if (!formData.password.trim()) {
@@ -381,6 +450,9 @@ var PowrLogin = function PowrLogin(_ref) {
             if (!isLogin && requirePhoneVerification && !isPhoneVerified) {
               errors.phoneOrEmail = 'Please verify your phone number first';
             }
+            if (!isLogin && requireTerms && !termsAccepted) {
+              errors.terms = 'Please accept the terms to continue';
+            }
             if (!(Object.keys(errors).length > 0)) {
               _context4.n = 1;
               break;
@@ -391,12 +463,13 @@ var PowrLogin = function PowrLogin(_ref) {
           case 1:
             _context4.p = 1;
             endpoint = isLogin ? "/auth/login" : "/auth/register";
+            normalizedPhone = isLogin ? isEmail ? value : (0, _phone.normalizePhone)(value, resolvedDefaultCountry) : registerPhoneE164 || (0, _phone.normalizePhone)(value, phoneCountry);
             payload = isLogin ? {
-              phoneOrEmail: formData.phoneOrEmail,
+              phoneOrEmail: isEmail ? value : normalizedPhone,
               password: formData.password
             } : {
               fullName: formData.fullName,
-              phoneOrEmail: formData.phoneOrEmail,
+              phoneOrEmail: normalizedPhone,
               password: formData.password
             };
             _context4.n = 2;
@@ -408,55 +481,81 @@ var PowrLogin = function PowrLogin(_ref) {
             _yield$apiCall = _context4.v;
             data = _yield$apiCall.data;
             ok = _yield$apiCall.ok;
-            if (ok) {
-              setSuccess(isLogin ? 'Login successful!' : 'Registration successful!');
-              if (isLogin && onLogin) {
-                onLogin(data);
-              } else if (!isLogin && onRegister) {
-                onRegister(data);
-              }
-              setFormData({
-                phoneOrEmail: '',
-                password: '',
-                confirmPassword: '',
-                fullName: ''
-              });
-              // Reset OTP related states
-              setOtp('');
-              setFirebaseOtpSent(false);
-              setFirebaseConfirm(null);
-            } else {
-              if (data.message) {
-                setError(data.message);
-              } else if (data.error) {
-                setError(data.error);
-              } else if (data.errors) {
-                if (_typeof(data.errors) === 'object') {
-                  setFieldErrors(data.errors);
-                } else {
-                  setError(data.errors);
-                }
+            if (!ok) {
+              _context4.n = 6;
+              break;
+            }
+            setSuccess(isLogin ? 'Login successful!' : 'Registration successful!');
+            if (!isLogin) {
+              _context4.n = 4;
+              break;
+            }
+            if (!(completeProfileOnLogin && (0, _utils.needsPhone)(data.user))) {
+              _context4.n = 3;
+              break;
+            }
+            setPendingAuth({
+              user: data.user,
+              token: data.token
+            });
+            setAuthView('add-phone');
+            setLoading(false);
+            return _context4.a(2);
+          case 3:
+            if (onLogin) {
+              onLogin(data);
+            }
+            _context4.n = 5;
+            break;
+          case 4:
+            if (!isLogin && onRegister) {
+              onRegister(data);
+            }
+          case 5:
+            setFormData({
+              phoneOrEmail: '',
+              password: '',
+              confirmPassword: '',
+              fullName: ''
+            });
+            // Reset OTP related states
+            setOtp('');
+            setFirebaseOtpSent(false);
+            setFirebaseConfirm(null);
+            _context4.n = 7;
+            break;
+          case 6:
+            if (data.message) {
+              setError(data.message);
+            } else if (data.error) {
+              setError(data.error);
+            } else if (data.errors) {
+              if (_typeof(data.errors) === 'object') {
+                setFieldErrors(data.errors);
               } else {
-                setError("".concat(isLogin ? 'Login' : 'Registration', " failed. Please try again."));
+                setError(data.errors);
               }
+            } else {
+              setError("".concat(isLogin ? 'Login' : 'Registration', " failed. Please try again."));
             }
-            _context4.n = 4;
+          case 7:
+            _context4.n = 9;
             break;
-          case 3:
-            _context4.p = 3;
+          case 8:
+            _context4.p = 8;
             _t5 = _context4.v;
             setError('Network error. Please try again.');
-          case 4:
-            _context4.p = 4;
+          case 9:
+            _context4.p = 9;
             setLoading(false);
-            return _context4.f(4);
-          case 5:
+            return _context4.f(9);
+          case 10:
             return _context4.a(2);
         }
-      }, _callee4, null, [[1, 3, 4, 5]]);
+      }, _callee4, null, [[1, 8, 9, 10]]);
     }));
     return function handleSubmit(_x3) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   var toggleMode = function toggleMode() {
@@ -471,6 +570,12 @@ var PowrLogin = function PowrLogin(_ref) {
     setFirebaseConfirm(null);
     setShowOtpModal(false);
     setIsPhoneVerified(false);
+    setAuthView('form');
+    setPendingAuth(null);
+    setTermsAccepted(false);
+    setPhoneCountry(resolvedDefaultCountry);
+    setRegisterPhoneValid(false);
+    setRegisterPhoneE164('');
     setFormData({
       phoneOrEmail: '',
       password: '',
@@ -478,8 +583,27 @@ var PowrLogin = function PowrLogin(_ref) {
       fullName: ''
     });
   };
+  var handleAddPhoneComplete = function handleAddPhoneComplete(updatedUser) {
+    if (!pendingAuth) return;
+    var payload = {
+      success: true,
+      user: updatedUser,
+      token: pendingAuth.token
+    };
+    setAuthView('form');
+    setPendingAuth(null);
+    if (onLogin) {
+      onLogin(payload);
+    }
+  };
+  var handleAddPhoneBack = function handleAddPhoneBack() {
+    setAuthView('form');
+    setPendingAuth(null);
+    setError('');
+    setSuccess('');
+  };
   var handleGetOtp = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
       var _yield$apiCall2, data, ok, _t6;
       return _regenerator().w(function (_context5) {
         while (1) switch (_context5.p = _context5.n) {
@@ -531,7 +655,7 @@ var PowrLogin = function PowrLogin(_ref) {
       }, _callee5, null, [[2, 4, 5, 6]]);
     }));
     return function handleGetOtp() {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -562,7 +686,19 @@ var PowrLogin = function PowrLogin(_ref) {
     }
   }, "PowrAccount")), showTooltip && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.tooltip
-  }, "Secure authentication powered by Lawazia Tech"))), /*#__PURE__*/_react["default"].createElement("form", {
+  }, "Secure authentication powered by Lawazia Tech"))), authView === 'add-phone' && pendingAuth ? /*#__PURE__*/_react["default"].createElement(_AddPhonePanel["default"], {
+    apiUrl: apiUrl,
+    projectId: projectId,
+    pendingAuth: pendingAuth,
+    appName: appName,
+    onComplete: handleAddPhoneComplete,
+    onBack: handleAddPhoneBack,
+    requirePhoneVerification: requirePhoneVerification,
+    defaultCountry: resolvedDefaultCountry,
+    defaultCountryCode: defaultCountryCode,
+    international: international,
+    allowedCountries: allowedCountries
+  }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("form", {
     onSubmit: handleSubmit,
     style: styles.form
   }, !isLogin && /*#__PURE__*/_react["default"].createElement("div", {
@@ -586,23 +722,31 @@ var PowrLogin = function PowrLogin(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("label", {
     htmlFor: "phoneOrEmail",
     style: styles.label
-  }, isLogin ? 'Phone or Email' : 'Phone Number'), /*#__PURE__*/_react["default"].createElement("input", {
+  }, isLogin ? 'Phone or Email' : 'Phone Number'), !isLogin ? /*#__PURE__*/_react["default"].createElement(_PhoneInput["default"], {
+    value: formData.phoneOrEmail,
+    country: phoneCountry,
+    onChange: handleRegisterPhoneChange,
+    international: international,
+    allowedCountries: allowedCountries,
+    defaultCountry: resolvedDefaultCountry,
+    inputStyle: _objectSpread({}, fieldErrors.phoneOrEmail ? styles.inputError : {})
+  }) : /*#__PURE__*/_react["default"].createElement("input", {
     type: "text",
     id: "phoneOrEmail",
     name: "phoneOrEmail",
     value: formData.phoneOrEmail,
-    onChange: handleInputChange,
+    onChange: handlePhoneOrEmailChange,
     style: _objectSpread(_objectSpread({}, styles.input), fieldErrors.phoneOrEmail ? styles.inputError : {}),
-    placeholder: isLogin ? "Enter your phone or email" : "Enter your phone number",
+    placeholder: "Phone (+country code) or email",
     required: true
   }), fieldErrors.phoneOrEmail && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.fieldError
   }, fieldErrors.phoneOrEmail), !isLogin && requirePhoneVerification && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.helpText
-  }, "Registration requires phone verification for security"), !isLogin && requirePhoneVerification && isValidPhone(formData.phoneOrEmail) && !isPhoneVerified && /*#__PURE__*/_react["default"].createElement("button", {
+  }, "Registration requires phone verification for security"), !isLogin && requirePhoneVerification && registerPhoneValid && !isPhoneVerified && /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",
     onClick: function onClick() {
-      return sendFirebaseOtp(formatPhone(formData.phoneOrEmail));
+      return sendFirebaseOtp((0, _phone.formatPhoneForSms)(formData.phoneOrEmail, phoneCountry));
     },
     style: _objectSpread(_objectSpread({}, styles.otpButton), {}, {
       marginTop: '8px'
@@ -670,7 +814,29 @@ var PowrLogin = function PowrLogin(_ref) {
     style: styles.eyeIcon
   }, "\uD83D\uDC41\uFE0F\u200D\uD83D\uDDE8\uFE0F"))), fieldErrors.confirmPassword && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.fieldError
-  }, fieldErrors.confirmPassword)), isLogin && /*#__PURE__*/_react["default"].createElement("div", {
+  }, fieldErrors.confirmPassword)), !isLogin && requireTerms && /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.formGroup
+  }, /*#__PURE__*/_react["default"].createElement("label", {
+    style: styles.checkboxLabel
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    type: "checkbox",
+    checked: termsAccepted,
+    onChange: function onChange(e) {
+      setTermsAccepted(e.target.checked);
+      if (fieldErrors.terms) {
+        setFieldErrors(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), {}, {
+            terms: ''
+          });
+        });
+      }
+    },
+    style: styles.checkbox
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    style: styles.checkboxText
+  }, "I agree to the Terms of Service and Privacy Policy")), fieldErrors.terms && /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.fieldError
+  }, fieldErrors.terms)), isLogin && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.rememberSection
   }, /*#__PURE__*/_react["default"].createElement("label", {
     style: styles.checkboxLabel
@@ -726,7 +892,7 @@ var PowrLogin = function PowrLogin(_ref) {
   }, "Sign in here") : /*#__PURE__*/_react["default"].createElement("a", {
     href: "/login",
     style: styles.navigationLink
-  }, "Sign in here"))))), showOtpModal && /*#__PURE__*/_react["default"].createElement("div", {
+  }, "Sign in here")))))), showOtpModal && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.modalOverlay
   }, /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.modalContent
@@ -864,6 +1030,28 @@ var styles = {
     outline: 'none',
     height: '48px'
   },
+  phoneRow: {
+    display: 'flex',
+    gap: '8px',
+    alignItems: 'stretch',
+    width: '100%'
+  },
+  phonePrefix: {
+    display: 'flex',
+    alignItems: 'center',
+    padding: '0 14px',
+    background: '#fff7ed',
+    color: '#7c2d12',
+    border: '2px solid #ffedd5',
+    borderRadius: '8px',
+    fontWeight: '700',
+    fontSize: '16px',
+    whiteSpace: 'nowrap'
+  },
+  phoneInput: {
+    flex: 1,
+    minWidth: 0
+  },
   inputFocus: {
     borderColor: '#667eea',
     boxShadow: '0 0 0 3px rgba(102, 126, 234, 0.1)'