powr-sdk-web 6.17.2 → 6.18.0

package/dist/auth/index.js

@@ -32,6 +32,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var config = require('../config');
+var DEFAULT_WHATSAPP_HELP_URL = 'https://wa.me/919833189399';
 var PowrLogin = function PowrLogin(_ref) {
   var apiUrl = _ref.apiUrl,
     onLogin = _ref.onLogin,
@@ -46,7 +47,7 @@ var PowrLogin = function PowrLogin(_ref) {
     _ref$showForgotPasswo = _ref.showForgotPassword,
     showForgotPassword = _ref$showForgotPasswo === void 0 ? true : _ref$showForgotPasswo,
     _ref$passwordResetHel = _ref.passwordResetHelpUrl,
-    passwordResetHelpUrl = _ref$passwordResetHel === void 0 ? null : _ref$passwordResetHel,
+    passwordResetHelpUrl = _ref$passwordResetHel === void 0 ? DEFAULT_WHATSAPP_HELP_URL : _ref$passwordResetHel,
     _ref$passwordResetHel2 = _ref.passwordResetHelpLabel,
     passwordResetHelpLabel = _ref$passwordResetHel2 === void 0 ? 'Forgot password? WhatsApp us' : _ref$passwordResetHel2,
     _ref$forgotPasswordCh = _ref.forgotPasswordChannel,
@@ -73,6 +74,7 @@ var PowrLogin = function PowrLogin(_ref) {
   var projectId = projectIdProp || config.projectId;
   var resolvedDefaultCountry = (0, _phone.resolveCountry)(defaultCountry, defaultCountryCode);
   var resetChannel = forgotPasswordChannel || (otpReset ? 'otp' : 'whatsapp');
+  var helpUrl = passwordResetHelpUrl || DEFAULT_WHATSAPP_HELP_URL;
   var _useState = (0, _react.useState)(function () {
       switch (mode) {
         case 'login':
@@ -544,28 +546,37 @@ var PowrLogin = function PowrLogin(_ref) {
             setLoginGate('password');
             return _context4.a(2);
           case 8:
-            if (!(ok && (!data.exists || !data.hasPassword))) {
+            if (!(ok && !data.exists)) {
               _context4.n = 9;
               break;
             }
-            setLoginGate('help');
+            setIsLogin(false);
+            setLoginGate('password');
+            setSuccess('New number. Set a password to create your PowrAccount.');
             return _context4.a(2);
           case 9:
-            setLoginGate('password');
-            _context4.n = 11;
-            break;
+            if (!(ok && data.exists && !data.hasPassword)) {
+              _context4.n = 10;
+              break;
+            }
+            setLoginGate('help');
+            return _context4.a(2);
           case 10:
-            _context4.p = 10;
-            _t5 = _context4.v;
             setLoginGate('password');
+            _context4.n = 12;
+            break;
           case 11:
             _context4.p = 11;
-            setLoading(false);
-            return _context4.f(11);
+            _t5 = _context4.v;
+            setLoginGate('password');
           case 12:
+            _context4.p = 12;
+            setLoading(false);
+            return _context4.f(12);
+          case 13:
             return _context4.a(2);
         }
-      }, _callee4, null, [[2, 10, 11, 12]]);
+      }, _callee4, null, [[2, 11, 12, 13]]);
     }));
     return function continuePhone() {
       return _ref6.apply(this, arguments);
@@ -1174,7 +1185,7 @@ var PowrLogin = function PowrLogin(_ref) {
       fontSize: 14,
       fontWeight: 400
     })
-  }, loginGate === 'password' ? 'Enter your password.' : smsResetStep === 'otp' ? 'Enter the code we sent.' : loginGate === 'help' ? 'WhatsApp us to get in.' : smsResetStep === 'password' ? 'Set a password for next time.' : 'Enter your mobile number.') : null, showTooltip && /*#__PURE__*/_react["default"].createElement("div", {
+  }, loginGate === 'password' ? 'Enter your password.' : smsResetStep === 'otp' ? 'Enter the code we sent.' : loginGate === 'help' ? 'WhatsApp us to reset.' : smsResetStep === 'password' ? 'Set a password for next time.' : 'Enter your mobile number.') : null, showTooltip && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.tooltip
   }, "Secure authentication powered by Lawazia Tech"))), authView === 'add-name' && pendingAuth ? /*#__PURE__*/_react["default"].createElement(_profileNameStep.profileNameStep.Component, {
     ctx: {
@@ -1229,7 +1240,7 @@ var PowrLogin = function PowrLogin(_ref) {
     value: formData.phoneOrEmail,
     country: phoneCountry,
     onChange: handleRegisterPhoneChange,
-    international: true,
+    international: international,
     allowedCountries: allowedCountries,
     defaultCountry: resolvedDefaultCountry,
     inputStyle: _objectSpread({}, fieldErrors.phoneOrEmail ? styles.inputError : {})
@@ -1334,8 +1345,8 @@ var PowrLogin = function PowrLogin(_ref) {
     style: styles.otpSection
   }, /*#__PURE__*/_react["default"].createElement("p", {
     style: styles.otpText
-  }, "No password on this number yet. WhatsApp us to create an account or reset."), passwordResetHelpUrl ? /*#__PURE__*/_react["default"].createElement("a", {
-    href: passwordResetHelpUrl,
+  }, "This number already has a PowrAccount but no password yet. WhatsApp us to reset."), /*#__PURE__*/_react["default"].createElement("a", {
+    href: helpUrl,
     target: "_blank",
     rel: "noopener noreferrer",
     style: _objectSpread(_objectSpread({}, styles.otpButton), {}, {
@@ -1343,9 +1354,7 @@ var PowrLogin = function PowrLogin(_ref) {
       textAlign: 'center',
       textDecoration: 'none'
     })
-  }, passwordResetHelpLabel) : /*#__PURE__*/_react["default"].createElement("p", {
-    style: styles.otpText
-  }, "WhatsApp the app\u2019s support number."), /*#__PURE__*/_react["default"].createElement("button", {
+  }, "WhatsApp us"), /*#__PURE__*/_react["default"].createElement("button", {
     type: "button",
     onClick: function onClick() {
       setLoginGate('password');
@@ -1424,7 +1433,21 @@ var PowrLogin = function PowrLogin(_ref) {
     style: _objectSpread(_objectSpread({}, styles.spinner), {}, {
       animation: 'spin 1s linear infinite'
     })
-  }) : isLogin ? loginGate === 'password' ? 'Sign In' : 'Continue' : 'Sign Up'), isLogin && loginGate === 'password' && !smsResetStep && /*#__PURE__*/_react["default"].createElement("div", {
+  }) : isLogin ? loginGate === 'password' ? 'Sign In' : 'Continue' : 'Sign Up'), !isLogin && !smsResetStep && /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      textAlign: 'center',
+      marginTop: 12
+    }
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      setIsLogin(true);
+      setLoginGate('phone');
+      setError('');
+      setSuccess('');
+    },
+    style: styles.forgotPasswordLink
+  }, "I already have a password")), isLogin && loginGate === 'password' && !smsResetStep && /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       textAlign: 'center',
       marginTop: 12
@@ -1434,14 +1457,12 @@ var PowrLogin = function PowrLogin(_ref) {
     onClick: handleSmsForgotStart,
     disabled: otpLoading,
     style: styles.forgotPasswordLink
-  }, otpLoading ? 'Sending a code…' : 'Forgot password? Get a code') : passwordResetHelpUrl ? /*#__PURE__*/_react["default"].createElement("a", {
-    href: passwordResetHelpUrl,
+  }, otpLoading ? 'Sending a code…' : 'Forgot password? Get a code') : /*#__PURE__*/_react["default"].createElement("a", {
+    href: helpUrl,
     target: "_blank",
     rel: "noopener noreferrer",
     style: styles.forgotPasswordLink
-  }, passwordResetHelpLabel) : /*#__PURE__*/_react["default"].createElement("span", {
-    style: styles.forgotPasswordLink
-  }, "Forgot password? WhatsApp us"))))), showOtpModal && /*#__PURE__*/_react["default"].createElement("div", {
+  }, passwordResetHelpLabel))))), showOtpModal && /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.modalOverlay
   }, /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.modalContent

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "powr-sdk-web",
-    "version": "6.17.2",
+    "version": "6.18.0",
     "main": "dist/index.js",
     "files": [
         "dist"