powr-sdk-web 5.6.13 → 5.7.1

package/dist/auth/index.js

@@ -7,6 +7,9 @@ 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 _utils = require("../onboarding/utils");
+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 +39,11 @@ 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;
   var _useState = (0, _react.useState)(function () {
       switch (mode) {
         case 'login':
@@ -127,6 +134,18 @@ 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 shouldShowToggle = mode === 'toggle';
   var handleInputChange = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
@@ -381,6 +400,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;
@@ -408,52 +430,78 @@ 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);
@@ -471,6 +519,9 @@ var PowrLogin = function PowrLogin(_ref) {
     setFirebaseConfirm(null);
     setShowOtpModal(false);
     setIsPhoneVerified(false);
+    setAuthView('form');
+    setPendingAuth(null);
+    setTermsAccepted(false);
     setFormData({
       phoneOrEmail: '',
       password: '',
@@ -478,6 +529,25 @@ 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 _yield$apiCall2, data, ok, _t6;
@@ -562,7 +632,15 @@ 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
+  }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("form", {
     onSubmit: handleSubmit,
     style: styles.form
   }, !isLogin && /*#__PURE__*/_react["default"].createElement("div", {
@@ -670,7 +748,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 +826,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

package/dist/index.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AddPhonePanel", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.AddPhonePanel;
+  }
+});
+Object.defineProperty(exports, "OnboardingShell", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.OnboardingShell;
+  }
+});
 Object.defineProperty(exports, "PowrBaseActivities", {
   enumerable: true,
   get: function get() {
@@ -117,12 +129,78 @@ Object.defineProperty(exports, "PowrCalendarStrip", {
     return _calendar["default"];
   }
 });
+Object.defineProperty(exports, "PowrOnboardingProvider", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.PowrOnboardingProvider;
+  }
+});
 Object.defineProperty(exports, "PowrTable", {
   enumerable: true,
   get: function get() {
     return _table["default"];
   }
 });
+Object.defineProperty(exports, "addPhoneStep", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.addPhoneStep;
+  }
+});
+Object.defineProperty(exports, "defineAppStep", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.defineAppStep;
+  }
+});
+Object.defineProperty(exports, "defineOptionalAppStep", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.defineOptionalAppStep;
+  }
+});
+Object.defineProperty(exports, "evaluateSteps", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.evaluateSteps;
+  }
+});
+Object.defineProperty(exports, "getUserId", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.getUserId;
+  }
+});
+Object.defineProperty(exports, "hasValidPhone", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.hasValidPhone;
+  }
+});
+Object.defineProperty(exports, "mergePowrSteps", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.mergePowrSteps;
+  }
+});
+Object.defineProperty(exports, "needsOnboarding", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.needsOnboarding;
+  }
+});
+Object.defineProperty(exports, "needsPhone", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.needsPhone;
+  }
+});
+Object.defineProperty(exports, "profileNameStep", {
+  enumerable: true,
+  get: function get() {
+    return _onboarding.profileNameStep;
+  }
+});
 var _table = _interopRequireDefault(require("./table"));
 var _swiper = _interopRequireDefault(require("./swiper"));
 var _reviews = _interopRequireDefault(require("./reviews"));
@@ -143,4 +221,5 @@ var _admin = _interopRequireDefault(require("./admin"));
 var _tools = _interopRequireDefault(require("./tools"));
 var _tasks = _interopRequireDefault(require("./tasks"));
 var _powrVerify = _interopRequireDefault(require("./powrVerify"));
+var _onboarding = require("./onboarding");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }