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.
Files changed (2) hide show
  1. package/dist/auth/index.js +114 -276
  2. package/package.json +1 -1
@@ -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 _firebase = require("../utils/firebase");
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
- var formatPhone = function formatPhone(phone) {
88
- var clean = phone.replace(/\D/g, '');
89
- if (!clean.startsWith('91')) {
90
- clean = '91' + clean;
91
- }
92
- return '+' + clean;
93
- };
94
- var _useState17 = (0, _react.useState)(false),
95
- _useState18 = _slicedToArray(_useState17, 2),
96
- showOtpOption = _useState18[0],
97
- setShowOtpOption = _useState18[1];
98
- var _useState19 = (0, _react.useState)(false),
99
- _useState20 = _slicedToArray(_useState19, 2),
100
- otpSent = _useState20[0],
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
- var sendFirebaseOtp = /*#__PURE__*/function () {
145
- var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(phone) {
146
- var appVerifier, confirmationResult, _t;
147
- return _regenerator().w(function (_context2) {
148
- while (1) switch (_context2.p = _context2.n) {
149
- case 0:
150
- setOtpLoading(true);
151
- setError('');
152
- _context2.p = 1;
153
- if (!window.recaptchaVerifier) {
154
- window.recaptchaVerifier = new _firebase.RecaptchaVerifier(_firebase.auth, 'recaptcha-container', {
155
- size: 'invisible'
156
- });
157
- }
158
- appVerifier = window.recaptchaVerifier;
159
- _context2.n = 2;
160
- return (0, _firebase.signInWithPhoneNumber)(_firebase.auth, phone, appVerifier);
161
- case 2:
162
- confirmationResult = _context2.v;
163
- setFirebaseConfirm(confirmationResult);
164
- setFirebaseOtpSent(true);
165
- setSuccess('OTP sent to your phone!');
166
- _context2.n = 4;
167
- break;
168
- case 3:
169
- _context2.p = 3;
170
- _t = _context2.v;
171
- case 4:
172
- _context2.p = 4;
173
- setOtpLoading(false);
174
- return _context2.f(4);
175
- case 5:
176
- return _context2.a(2);
177
- }
178
- }, _callee2, null, [[1, 3, 4, 5]]);
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 _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(e) {
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
- _args4 = arguments,
250
- _t3,
251
- _t4;
252
- return _regenerator().w(function (_context4) {
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 = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : false;
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
- errors.otp = 'Please verify OTP before signing up';
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
- _context4.n = 1;
223
+ _context2.n = 1;
288
224
  break;
289
225
  }
290
226
  setFieldErrors(errors);
291
227
  setLoading(false);
292
- return _context4.a(2);
228
+ return _context2.a(2);
293
229
  case 1:
294
- if (isLogin) {
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
- _context4.n = 8;
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 8:
338
- _yield$apiCall = _context4.v;
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
- _context4.n = 10;
277
+ _context2.n = 4;
370
278
  break;
371
- case 9:
372
- _context4.p = 9;
373
- _t4 = _context4.v;
279
+ case 3:
280
+ _context2.p = 3;
281
+ _t = _context2.v;
374
282
  setError('Network error. Please try again.');
375
- case 10:
376
- _context4.p = 10;
283
+ case 4:
284
+ _context2.p = 4;
377
285
  setLoading(false);
378
- return _context4.f(10);
379
- case 11:
380
- return _context4.a(2);
286
+ return _context2.f(4);
287
+ case 5:
288
+ return _context2.a(2);
381
289
  }
382
- }, _callee4, null, [[7, 9, 10, 11], [2, 6]]);
290
+ }, _callee2, null, [[1, 3, 4, 5]]);
383
291
  }));
384
- return function handleSubmit(_x3) {
385
- return _ref5.apply(this, arguments);
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
- var handleGetOtp = /*#__PURE__*/function () {
403
- var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
404
- var _yield$apiCall2, data, ok, _t5;
405
- return _regenerator().w(function (_context5) {
406
- while (1) switch (_context5.p = _context5.n) {
407
- case 0:
408
- if (formData.phoneOrEmail.trim()) {
409
- _context5.n = 1;
410
- break;
411
- }
412
- setFieldErrors({
413
- phoneOrEmail: 'Phone or email is required for OTP'
414
- });
415
- return _context5.a(2);
416
- case 1:
417
- setOtpLoading(true);
418
- setError('');
419
- setFieldErrors({});
420
- _context5.p = 2;
421
- _context5.n = 3;
422
- return (0, _auth.apiCall)(apiUrl, "/auth/send-otp", projectId, {
423
- method: 'POST',
424
- body: {
425
- phoneOrEmail: formData.phoneOrEmail
426
- }
427
- });
428
- case 3:
429
- _yield$apiCall2 = _context5.v;
430
- data = _yield$apiCall2.data;
431
- ok = _yield$apiCall2.ok;
432
- if (ok) {
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), !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", {
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("button", {
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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "powr-sdk-web",
3
- "version": "4.2.9",
3
+ "version": "4.3.0",
4
4
  "main": "dist/index.js",
5
5
  "scripts": {
6
6
  "build": "babel src -d dist --copy-files",