powr-sdk-web 4.2.9 → 4.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/auth/index.js +114 -276
- package/package.json +1 -1
package/dist/auth/index.js
CHANGED
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports["default"] = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _auth = require("../utils/auth");
|
|
9
|
-
var
|
|
10
|
-
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 _t6 in e) "default" !== _t6 && {}.hasOwnProperty.call(e, _t6) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t6)) && (i.get || i.set) ? o(f, _t6, i) : f[_t6] = e[_t6]); return f; })(e, t); }
|
|
9
|
+
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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
11
10
|
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); }
|
|
12
11
|
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 }; })(); }
|
|
13
12
|
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
|
|
@@ -24,6 +23,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
24
23
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
25
24
|
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; } }
|
|
26
25
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
26
|
+
// import { auth, RecaptchaVerifier, signInWithPhoneNumber } from '../utils/firebase';
|
|
27
|
+
|
|
27
28
|
var PowrLogin = function PowrLogin(_ref) {
|
|
28
29
|
var apiUrl = _ref.apiUrl,
|
|
29
30
|
onLogin = _ref.onLogin,
|
|
@@ -84,37 +85,20 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
84
85
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
85
86
|
showTooltip = _useState16[0],
|
|
86
87
|
setShowTooltip = _useState16[1];
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
setOtpSent = _useState20[1];
|
|
102
|
-
var _useState21 = (0, _react.useState)(false),
|
|
103
|
-
_useState22 = _slicedToArray(_useState21, 2),
|
|
104
|
-
otpLoading = _useState22[0],
|
|
105
|
-
setOtpLoading = _useState22[1];
|
|
106
|
-
var _useState23 = (0, _react.useState)(''),
|
|
107
|
-
_useState24 = _slicedToArray(_useState23, 2),
|
|
108
|
-
otp = _useState24[0],
|
|
109
|
-
setOtp = _useState24[1];
|
|
110
|
-
var _useState25 = (0, _react.useState)(false),
|
|
111
|
-
_useState26 = _slicedToArray(_useState25, 2),
|
|
112
|
-
firebaseOtpSent = _useState26[0],
|
|
113
|
-
setFirebaseOtpSent = _useState26[1];
|
|
114
|
-
var _useState27 = (0, _react.useState)(null),
|
|
115
|
-
_useState28 = _slicedToArray(_useState27, 2),
|
|
116
|
-
firebaseConfirm = _useState28[0],
|
|
117
|
-
setFirebaseConfirm = _useState28[1];
|
|
88
|
+
// const formatPhone = (phone) => {
|
|
89
|
+
// let clean = phone.replace(/\D/g, '');
|
|
90
|
+
// if (!clean.startsWith('91')) {
|
|
91
|
+
// clean = '91' + clean;
|
|
92
|
+
// }
|
|
93
|
+
// return '+' + clean;
|
|
94
|
+
// };
|
|
95
|
+
// const [showOtpOption, setShowOtpOption] = useState(false);
|
|
96
|
+
// const [otpSent, setOtpSent] = useState(false);
|
|
97
|
+
// const [otpLoading, setOtpLoading] = useState(false);
|
|
98
|
+
// const [otp, setOtp] = useState('');
|
|
99
|
+
// const [firebaseOtpSent, setFirebaseOtpSent] = useState(false);
|
|
100
|
+
// const [firebaseConfirm, setFirebaseConfirm] = useState(null);
|
|
101
|
+
|
|
118
102
|
var shouldShowToggle = mode === 'toggle';
|
|
119
103
|
var handleInputChange = /*#__PURE__*/function () {
|
|
120
104
|
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(e) {
|
|
@@ -141,88 +125,41 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
141
125
|
return _ref2.apply(this, arguments);
|
|
142
126
|
};
|
|
143
127
|
}();
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
}));
|
|
180
|
-
return function sendFirebaseOtp(_x2) {
|
|
181
|
-
return _ref3.apply(this, arguments);
|
|
182
|
-
};
|
|
183
|
-
}();
|
|
184
|
-
var verifyFirebaseOtp = /*#__PURE__*/function () {
|
|
185
|
-
var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
|
|
186
|
-
var result, _t2;
|
|
187
|
-
return _regenerator().w(function (_context3) {
|
|
188
|
-
while (1) switch (_context3.p = _context3.n) {
|
|
189
|
-
case 0:
|
|
190
|
-
setLoading(true);
|
|
191
|
-
setError('');
|
|
192
|
-
_context3.p = 1;
|
|
193
|
-
if (firebaseConfirm) {
|
|
194
|
-
_context3.n = 2;
|
|
195
|
-
break;
|
|
196
|
-
}
|
|
197
|
-
setError('OTP not sent yet.');
|
|
198
|
-
return _context3.a(2);
|
|
199
|
-
case 2:
|
|
200
|
-
_context3.n = 3;
|
|
201
|
-
return firebaseConfirm.confirm(otp);
|
|
202
|
-
case 3:
|
|
203
|
-
result = _context3.v;
|
|
204
|
-
_context3.n = 4;
|
|
205
|
-
return handleSubmit(null, true);
|
|
206
|
-
case 4:
|
|
207
|
-
_context3.n = 6;
|
|
208
|
-
break;
|
|
209
|
-
case 5:
|
|
210
|
-
_context3.p = 5;
|
|
211
|
-
_t2 = _context3.v;
|
|
212
|
-
setError('Invalid OTP. Please try again.');
|
|
213
|
-
case 6:
|
|
214
|
-
_context3.p = 6;
|
|
215
|
-
setLoading(false);
|
|
216
|
-
return _context3.f(6);
|
|
217
|
-
case 7:
|
|
218
|
-
return _context3.a(2);
|
|
219
|
-
}
|
|
220
|
-
}, _callee3, null, [[1, 5, 6, 7]]);
|
|
221
|
-
}));
|
|
222
|
-
return function verifyFirebaseOtp() {
|
|
223
|
-
return _ref4.apply(this, arguments);
|
|
224
|
-
};
|
|
225
|
-
}();
|
|
128
|
+
|
|
129
|
+
// const sendFirebaseOtp = async (phone) => {
|
|
130
|
+
// setOtpLoading(true);
|
|
131
|
+
// setError('');
|
|
132
|
+
// try {
|
|
133
|
+
// if (!window.recaptchaVerifier) {
|
|
134
|
+
// window.recaptchaVerifier = new RecaptchaVerifier(auth, 'recaptcha-container', { size: 'invisible' });
|
|
135
|
+
// }
|
|
136
|
+
// const appVerifier = window.recaptchaVerifier;
|
|
137
|
+
// const confirmationResult = await signInWithPhoneNumber(auth, phone, appVerifier);
|
|
138
|
+
// setFirebaseConfirm(confirmationResult);
|
|
139
|
+
// setFirebaseOtpSent(true);
|
|
140
|
+
// setSuccess('OTP sent to your phone!');
|
|
141
|
+
// } catch (err) {
|
|
142
|
+
// } finally {
|
|
143
|
+
// setOtpLoading(false);
|
|
144
|
+
// }
|
|
145
|
+
// };
|
|
146
|
+
|
|
147
|
+
// const verifyFirebaseOtp = async () => {
|
|
148
|
+
// setLoading(true);
|
|
149
|
+
// setError('');
|
|
150
|
+
// try {
|
|
151
|
+
// if (!firebaseConfirm) {
|
|
152
|
+
// setError('OTP not sent yet.');
|
|
153
|
+
// return;
|
|
154
|
+
// }
|
|
155
|
+
// const result = await firebaseConfirm.confirm(otp);
|
|
156
|
+
// await handleSubmit(null, true);
|
|
157
|
+
// } catch (err) {
|
|
158
|
+
// setError('Invalid OTP. Please try again.');
|
|
159
|
+
// } finally {
|
|
160
|
+
// setLoading(false);
|
|
161
|
+
// }
|
|
162
|
+
// };
|
|
226
163
|
|
|
227
164
|
// Validation functions
|
|
228
165
|
var isValidEmail = function isValidEmail(email) {
|
|
@@ -236,7 +173,7 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
236
173
|
return cleanPhone.length >= 7 && cleanPhone.length <= 15;
|
|
237
174
|
};
|
|
238
175
|
var handleSubmit = /*#__PURE__*/function () {
|
|
239
|
-
var
|
|
176
|
+
var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(e) {
|
|
240
177
|
var skipPhoneValidation,
|
|
241
178
|
errors,
|
|
242
179
|
value,
|
|
@@ -246,13 +183,12 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
246
183
|
_yield$apiCall,
|
|
247
184
|
data,
|
|
248
185
|
ok,
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
while (1) switch (_context4.p = _context4.n) {
|
|
186
|
+
_args2 = arguments,
|
|
187
|
+
_t;
|
|
188
|
+
return _regenerator().w(function (_context2) {
|
|
189
|
+
while (1) switch (_context2.p = _context2.n) {
|
|
254
190
|
case 0:
|
|
255
|
-
skipPhoneValidation =
|
|
191
|
+
skipPhoneValidation = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : false;
|
|
256
192
|
if (e) e.preventDefault();
|
|
257
193
|
setLoading(true);
|
|
258
194
|
setError('');
|
|
@@ -280,46 +216,18 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
280
216
|
if (!isLogin && formData.password !== formData.confirmPassword) {
|
|
281
217
|
errors.confirmPassword = 'Passwords do not match';
|
|
282
218
|
}
|
|
283
|
-
if (!isLogin && (!otp || !firebaseConfirm)) {
|
|
284
|
-
|
|
285
|
-
}
|
|
219
|
+
// if (!isLogin && (!otp || !firebaseConfirm)) {
|
|
220
|
+
// errors.otp = 'Please verify OTP before signing up';
|
|
221
|
+
// }
|
|
286
222
|
if (!(Object.keys(errors).length > 0)) {
|
|
287
|
-
|
|
223
|
+
_context2.n = 1;
|
|
288
224
|
break;
|
|
289
225
|
}
|
|
290
226
|
setFieldErrors(errors);
|
|
291
227
|
setLoading(false);
|
|
292
|
-
return
|
|
228
|
+
return _context2.a(2);
|
|
293
229
|
case 1:
|
|
294
|
-
|
|
295
|
-
_context4.n = 7;
|
|
296
|
-
break;
|
|
297
|
-
}
|
|
298
|
-
_context4.p = 2;
|
|
299
|
-
if (!(firebaseConfirm && otp)) {
|
|
300
|
-
_context4.n = 4;
|
|
301
|
-
break;
|
|
302
|
-
}
|
|
303
|
-
_context4.n = 3;
|
|
304
|
-
return firebaseConfirm.confirm(otp);
|
|
305
|
-
case 3:
|
|
306
|
-
_context4.n = 5;
|
|
307
|
-
break;
|
|
308
|
-
case 4:
|
|
309
|
-
setError('Please verify OTP before signing up');
|
|
310
|
-
setLoading(false);
|
|
311
|
-
return _context4.a(2);
|
|
312
|
-
case 5:
|
|
313
|
-
_context4.n = 7;
|
|
314
|
-
break;
|
|
315
|
-
case 6:
|
|
316
|
-
_context4.p = 6;
|
|
317
|
-
_t3 = _context4.v;
|
|
318
|
-
setError('Invalid OTP. Please try again.');
|
|
319
|
-
setLoading(false);
|
|
320
|
-
return _context4.a(2);
|
|
321
|
-
case 7:
|
|
322
|
-
_context4.p = 7;
|
|
230
|
+
_context2.p = 1;
|
|
323
231
|
endpoint = isLogin ? "/auth/login" : "/auth/register";
|
|
324
232
|
payload = isLogin ? {
|
|
325
233
|
phoneOrEmail: formData.phoneOrEmail,
|
|
@@ -329,13 +237,13 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
329
237
|
phoneOrEmail: formData.phoneOrEmail,
|
|
330
238
|
password: formData.password
|
|
331
239
|
};
|
|
332
|
-
|
|
240
|
+
_context2.n = 2;
|
|
333
241
|
return (0, _auth.apiCall)(apiUrl, endpoint, projectId, {
|
|
334
242
|
method: 'POST',
|
|
335
243
|
body: payload
|
|
336
244
|
});
|
|
337
|
-
case
|
|
338
|
-
_yield$apiCall =
|
|
245
|
+
case 2:
|
|
246
|
+
_yield$apiCall = _context2.v;
|
|
339
247
|
data = _yield$apiCall.data;
|
|
340
248
|
ok = _yield$apiCall.ok;
|
|
341
249
|
if (ok) {
|
|
@@ -366,23 +274,23 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
366
274
|
setError("".concat(isLogin ? 'Login' : 'Registration', " failed. Please try again."));
|
|
367
275
|
}
|
|
368
276
|
}
|
|
369
|
-
|
|
277
|
+
_context2.n = 4;
|
|
370
278
|
break;
|
|
371
|
-
case
|
|
372
|
-
|
|
373
|
-
|
|
279
|
+
case 3:
|
|
280
|
+
_context2.p = 3;
|
|
281
|
+
_t = _context2.v;
|
|
374
282
|
setError('Network error. Please try again.');
|
|
375
|
-
case
|
|
376
|
-
|
|
283
|
+
case 4:
|
|
284
|
+
_context2.p = 4;
|
|
377
285
|
setLoading(false);
|
|
378
|
-
return
|
|
379
|
-
case
|
|
380
|
-
return
|
|
286
|
+
return _context2.f(4);
|
|
287
|
+
case 5:
|
|
288
|
+
return _context2.a(2);
|
|
381
289
|
}
|
|
382
|
-
},
|
|
290
|
+
}, _callee2, null, [[1, 3, 4, 5]]);
|
|
383
291
|
}));
|
|
384
|
-
return function handleSubmit(
|
|
385
|
-
return
|
|
292
|
+
return function handleSubmit(_x2) {
|
|
293
|
+
return _ref3.apply(this, arguments);
|
|
386
294
|
};
|
|
387
295
|
}();
|
|
388
296
|
var toggleMode = function toggleMode() {
|
|
@@ -390,8 +298,8 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
390
298
|
setError('');
|
|
391
299
|
setSuccess('');
|
|
392
300
|
setFieldErrors({});
|
|
393
|
-
setShowOtpOption(false);
|
|
394
|
-
setOtpSent(false);
|
|
301
|
+
// setShowOtpOption(false);
|
|
302
|
+
// setOtpSent(false);
|
|
395
303
|
setFormData({
|
|
396
304
|
phoneOrEmail: '',
|
|
397
305
|
password: '',
|
|
@@ -399,62 +307,37 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
399
307
|
fullName: ''
|
|
400
308
|
});
|
|
401
309
|
};
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
setOtpSent(true);
|
|
434
|
-
setSuccess('OTP sent successfully! Check your phone/email.');
|
|
435
|
-
setShowOtpOption(false);
|
|
436
|
-
} else {
|
|
437
|
-
setError(data.message || 'Failed to send OTP. Please try again.');
|
|
438
|
-
}
|
|
439
|
-
_context5.n = 5;
|
|
440
|
-
break;
|
|
441
|
-
case 4:
|
|
442
|
-
_context5.p = 4;
|
|
443
|
-
_t5 = _context5.v;
|
|
444
|
-
setError('Network error. Please try again.');
|
|
445
|
-
case 5:
|
|
446
|
-
_context5.p = 5;
|
|
447
|
-
setOtpLoading(false);
|
|
448
|
-
return _context5.f(5);
|
|
449
|
-
case 6:
|
|
450
|
-
return _context5.a(2);
|
|
451
|
-
}
|
|
452
|
-
}, _callee5, null, [[2, 4, 5, 6]]);
|
|
453
|
-
}));
|
|
454
|
-
return function handleGetOtp() {
|
|
455
|
-
return _ref6.apply(this, arguments);
|
|
456
|
-
};
|
|
457
|
-
}();
|
|
310
|
+
|
|
311
|
+
// const handleGetOtp = async () => {
|
|
312
|
+
// if (!formData.phoneOrEmail.trim()) {
|
|
313
|
+
// setFieldErrors({ phoneOrEmail: 'Phone or email is required for OTP' });
|
|
314
|
+
// return;
|
|
315
|
+
// }
|
|
316
|
+
|
|
317
|
+
// setOtpLoading(true);
|
|
318
|
+
// setError('');
|
|
319
|
+
// setFieldErrors({});
|
|
320
|
+
|
|
321
|
+
// try {
|
|
322
|
+
// const { data, ok } = await apiCall(apiUrl, `/auth/send-otp`, projectId, {
|
|
323
|
+
// method: 'POST',
|
|
324
|
+
// body: { phoneOrEmail: formData.phoneOrEmail }
|
|
325
|
+
// });
|
|
326
|
+
|
|
327
|
+
// if (ok) {
|
|
328
|
+
// setOtpSent(true);
|
|
329
|
+
// setSuccess('OTP sent successfully! Check your phone/email.');
|
|
330
|
+
// setShowOtpOption(false);
|
|
331
|
+
// } else {
|
|
332
|
+
// setError(data.message || 'Failed to send OTP. Please try again.');
|
|
333
|
+
// }
|
|
334
|
+
// } catch (err) {
|
|
335
|
+
// setError('Network error. Please try again.');
|
|
336
|
+
// } finally {
|
|
337
|
+
// setOtpLoading(false);
|
|
338
|
+
// }
|
|
339
|
+
// };
|
|
340
|
+
|
|
458
341
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
459
342
|
style: styles.container
|
|
460
343
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -518,35 +401,7 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
518
401
|
required: true
|
|
519
402
|
}), fieldErrors.phoneOrEmail && /*#__PURE__*/_react["default"].createElement("div", {
|
|
520
403
|
style: styles.fieldError
|
|
521
|
-
}, fieldErrors.phoneOrEmail)
|
|
522
|
-
type: "button",
|
|
523
|
-
onClick: function onClick() {
|
|
524
|
-
return sendFirebaseOtp(formatPhone(formData.phoneOrEmail));
|
|
525
|
-
},
|
|
526
|
-
style: styles.otpButton,
|
|
527
|
-
disabled: otpLoading
|
|
528
|
-
}, otpLoading ? 'Sending OTP...' : 'Send OTP to Phone'), /*#__PURE__*/_react["default"].createElement("div", {
|
|
529
|
-
id: "recaptcha-container"
|
|
530
|
-
})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("label", {
|
|
531
|
-
htmlFor: "otp",
|
|
532
|
-
style: styles.label
|
|
533
|
-
}, "Enter OTP"), /*#__PURE__*/_react["default"].createElement("input", {
|
|
534
|
-
type: "text",
|
|
535
|
-
id: "otp",
|
|
536
|
-
name: "otp",
|
|
537
|
-
value: otp,
|
|
538
|
-
onChange: function onChange(e) {
|
|
539
|
-
return setOtp(e.target.value);
|
|
540
|
-
},
|
|
541
|
-
style: styles.input,
|
|
542
|
-
placeholder: "Enter OTP received",
|
|
543
|
-
required: true
|
|
544
|
-
}), /*#__PURE__*/_react["default"].createElement("button", {
|
|
545
|
-
type: "button",
|
|
546
|
-
onClick: verifyFirebaseOtp,
|
|
547
|
-
style: styles.otpButton,
|
|
548
|
-
disabled: loading || !otp
|
|
549
|
-
}, loading ? 'Verifying...' : 'Verify OTP & Sign Up')))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
404
|
+
}, fieldErrors.phoneOrEmail)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
550
405
|
style: styles.formGroup
|
|
551
406
|
}, /*#__PURE__*/_react["default"].createElement("label", {
|
|
552
407
|
htmlFor: "password",
|
|
@@ -613,24 +468,7 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
613
468
|
style: styles.checkbox
|
|
614
469
|
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
615
470
|
style: styles.checkboxText
|
|
616
|
-
}, "Remember me")), /*#__PURE__*/_react["default"].createElement("
|
|
617
|
-
type: "button",
|
|
618
|
-
onClick: function onClick() {
|
|
619
|
-
return setShowOtpOption(!showOtpOption);
|
|
620
|
-
},
|
|
621
|
-
style: styles.forgotPasswordLink
|
|
622
|
-
}, "Forgot password?")), isLogin && showOtpOption && /*#__PURE__*/_react["default"].createElement("div", {
|
|
623
|
-
style: styles.otpSection
|
|
624
|
-
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
625
|
-
style: styles.otpText
|
|
626
|
-
}, "Having trouble signing in? Get a one-time password sent to your phone or email."), /*#__PURE__*/_react["default"].createElement("button", {
|
|
627
|
-
type: "button",
|
|
628
|
-
onClick: handleGetOtp,
|
|
629
|
-
disabled: otpLoading,
|
|
630
|
-
style: _objectSpread(_objectSpread({}, styles.otpButton), otpLoading ? styles.buttonDisabled : {})
|
|
631
|
-
}, otpLoading ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
632
|
-
style: styles.spinner
|
|
633
|
-
}) : 'Get OTP')), error && /*#__PURE__*/_react["default"].createElement("div", {
|
|
471
|
+
}, "Remember me"))), error && /*#__PURE__*/_react["default"].createElement("div", {
|
|
634
472
|
style: styles.errorMessage
|
|
635
473
|
}, error), success && /*#__PURE__*/_react["default"].createElement("div", {
|
|
636
474
|
style: styles.successMessage
|