@stytch/vanilla-js 5.3.0 → 5.4.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/CHANGELOG.md +29 -0
- package/dist/adminPortal/index.esm.js +2 -2
- package/dist/adminPortal/index.js +2 -2
- package/dist/adminPortal/utils/FeatureStateComponent.d.ts +10 -0
- package/dist/adminPortal/utils/getFeatureState.d.ts +9 -0
- package/dist/adminPortal/utils/useAdminPortalConfig.d.ts +4 -3
- package/dist/adminPortal/utils/useRbac.d.ts +2 -1
- package/dist/adminPortal/utils/useSelf.d.ts +1 -0
- package/dist/b2b/index.esm.js +976 -1133
- package/dist/b2b/index.headless.esm.js +3 -3
- package/dist/b2b/index.headless.js +2 -2
- package/dist/b2b/index.js +968 -1125
- package/dist/{extractErrorMessage-D9n5hS99.js → extractErrorMessage-CW4Nxx1B.js} +1 -1
- package/dist/{extractErrorMessage-CzsbznyB.js → extractErrorMessage-Ca4zQC5N.js} +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.headless.esm.js +520 -496
- package/dist/index.headless.js +520 -496
- package/dist/index.js +1 -1
- package/dist/{internal-CGC68iCI.js → internal-2fj7jjLQ.js} +938 -894
- package/dist/{internal-Bs2p7EMm.js → internal-C29Dtv6A.js} +938 -894
- package/dist/ui/b2b/clearStytchSearchParams.d.ts +1 -0
- package/package.json +15 -16
package/dist/b2b/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71;
|
|
2
2
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
3
3
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
4
4
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
@@ -9,28 +9,30 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
9
9
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
10
10
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
11
11
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
12
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
13
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
14
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
15
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
16
12
|
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
17
13
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
18
14
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
15
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
19
16
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
20
17
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
21
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
22
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
23
18
|
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; } }
|
|
24
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
25
|
-
function
|
|
20
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
21
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
22
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
23
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
24
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
25
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
26
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
27
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
26
28
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
29
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
28
30
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
29
31
|
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); }
|
|
30
32
|
import { StytchB2BHeadlessClient } from './index.headless.esm.js';
|
|
31
|
-
import { i as isTruthy, w as wn, q, F, m as merge, y,
|
|
32
|
-
import { B as B2BMFAProducts, A as AuthFlowType, a as B2BProducts, b as OTPMethods, W as Wallets, P as Products, S as StytchEventType, r as readB2BInternals, D as DEFAULT_SESSION_DURATION_MINUTES, _ as __awaiter, E as EMAIL_REGEX, c as StytchAPIError, d as B2BOAuthProviders, l as logger, e as OneTapPositions, i as isTestPublicToken, f as debounce, C as COUNTRIES_LIST, g as StytchSDKError, h as checkNotSSR } from '../internal-
|
|
33
|
-
export { j as BiometricsFailedError, k as BiometricsUnavailableError, m as ChallengeSigningFailedError, n as DeviceCredentialsNotAllowedError, F as FailedCodeChallengeError, o as FailedToDecryptDataError, I as InternalError, p as InvalidAuthorizationCredentialError, q as InvalidCredentialTypeError, s as InvalidRedirectSchemeError, t as InvalidStartUrlError, J as JSONDataNotConvertibleToStringError, K as KeyInvalidatedError, u as KeystoreUnavailableError, M as MissingAttestationObjectError, v as MissingAuthorizationCredentialIDTokenError, w as MissingGoogleClientIDError, x as MissingPKCEError, y as MissingPublicKeyError, z as MissingUrlError, N as NoBiometricsEnrolledError, G as NoBiometricsRegistrationError, H as NoCredentialsPresentError, L as NoCurrentSessionError, O as OAuthProviders, Q as PasskeysInvalidEncoding, R as PasskeysMisconfigured, T as PasskeysUnsupportedError, U as RNUIProducts, V as RandomNumberGenerationFailed, X as SDKAPIUnreachableError, Y as SDKNotConfiguredError, Z as SignInWithAppleMisconfigured, $ as StytchAPISchemaError, a0 as StytchAPIUnreachableError, a1 as StytchError, a2 as StytchSDKAPIError, a3 as StytchSDKSchemaError, a4 as StytchSDKUsageError, a5 as UNRECOVERABLE_ERROR_TYPES, a6 as UserCancellationError, a7 as UserLockedOutError, a8 as errorToStytchError } from '../internal-
|
|
33
|
+
import { i as isTruthy, w as wn, q, F as F$1, m as merge, a as w$1, y, g as g$1, p as p$1, T as T$1, h as h$2, H as He, b as withMiddleware, u as useSWR, c as useSWRConfig, _ as _$1, d as useStateWithDeps, s as serialize, e as mergeObjects, f as getTimestamp, U as UNDEFINED, j as useIsomorphicLayoutEffect, k as Ue, l as passwordManagerDisableAutofillProps, Z as Ze, n as extractErrorMessage, C as CreateSSRSafeWebComponent, o as Fe } from '../extractErrorMessage-CW4Nxx1B.js';
|
|
34
|
+
import { B as B2BMFAProducts, A as AuthFlowType, a as B2BProducts, b as OTPMethods, W as Wallets, P as Products, S as StytchEventType, r as readB2BInternals, D as DEFAULT_SESSION_DURATION_MINUTES, _ as __awaiter, E as EMAIL_REGEX, c as StytchAPIError, d as B2BOAuthProviders, l as logger, e as OneTapPositions, i as isTestPublicToken, f as debounce, C as COUNTRIES_LIST, g as StytchSDKError, h as checkNotSSR } from '../internal-2fj7jjLQ.js';
|
|
35
|
+
export { j as BiometricsFailedError, k as BiometricsUnavailableError, m as ChallengeSigningFailedError, n as DeviceCredentialsNotAllowedError, F as FailedCodeChallengeError, o as FailedToDecryptDataError, I as InternalError, p as InvalidAuthorizationCredentialError, q as InvalidCredentialTypeError, s as InvalidRedirectSchemeError, t as InvalidStartUrlError, J as JSONDataNotConvertibleToStringError, K as KeyInvalidatedError, u as KeystoreUnavailableError, M as MissingAttestationObjectError, v as MissingAuthorizationCredentialIDTokenError, w as MissingGoogleClientIDError, x as MissingPKCEError, y as MissingPublicKeyError, z as MissingUrlError, N as NoBiometricsEnrolledError, G as NoBiometricsRegistrationError, H as NoCredentialsPresentError, L as NoCurrentSessionError, O as OAuthProviders, Q as PasskeysInvalidEncoding, R as PasskeysMisconfigured, T as PasskeysUnsupportedError, U as RNUIProducts, V as RandomNumberGenerationFailed, X as SDKAPIUnreachableError, Y as SDKNotConfiguredError, Z as SignInWithAppleMisconfigured, $ as StytchAPISchemaError, a0 as StytchAPIUnreachableError, a1 as StytchError, a2 as StytchSDKAPIError, a3 as StytchSDKSchemaError, a4 as StytchSDKUsageError, a5 as UNRECOVERABLE_ERROR_TYPES, a6 as UserCancellationError, a7 as UserLockedOutError, a8 as errorToStytchError } from '../internal-2fj7jjLQ.js';
|
|
34
36
|
var DEFAULT_MFA_STATE = {
|
|
35
37
|
primaryInfo: null,
|
|
36
38
|
isEnrolling: false,
|
|
@@ -53,10 +55,10 @@ var getAuthMethodsForMember = function getAuthMethodsForMember(authMethods, memb
|
|
|
53
55
|
return method !== 'password';
|
|
54
56
|
});
|
|
55
57
|
};
|
|
56
|
-
var getEnabledMethods = function getEnabledMethods(
|
|
57
|
-
var allMethods =
|
|
58
|
-
orgSupportedMethods =
|
|
59
|
-
uiIncludedMethods =
|
|
58
|
+
var getEnabledMethods = function getEnabledMethods(_ref) {
|
|
59
|
+
var allMethods = _ref.allMethods,
|
|
60
|
+
orgSupportedMethods = _ref.orgSupportedMethods,
|
|
61
|
+
uiIncludedMethods = _ref.uiIncludedMethods;
|
|
60
62
|
if (orgSupportedMethods === null || orgSupportedMethods === void 0 ? void 0 : orgSupportedMethods.length) {
|
|
61
63
|
return new Set(orgSupportedMethods);
|
|
62
64
|
}
|
|
@@ -336,7 +338,7 @@ var mfaReducer = function mfaReducer(state, action) {
|
|
|
336
338
|
return state;
|
|
337
339
|
}
|
|
338
340
|
};
|
|
339
|
-
var reducer
|
|
341
|
+
var reducer = function reducer(state, action) {
|
|
340
342
|
var _a, _b, _c;
|
|
341
343
|
switch (action.type) {
|
|
342
344
|
case 'transition':
|
|
@@ -494,13 +496,13 @@ var GlobalContext = /*#__PURE__*/wn.createContext({
|
|
|
494
496
|
return null;
|
|
495
497
|
}]
|
|
496
498
|
});
|
|
497
|
-
var GlobalContextProvider = function GlobalContextProvider(
|
|
498
|
-
var children =
|
|
499
|
-
client =
|
|
500
|
-
config =
|
|
501
|
-
callbacks =
|
|
502
|
-
initialState =
|
|
503
|
-
var state = wn.useReducer(reducer
|
|
499
|
+
var GlobalContextProvider = function GlobalContextProvider(_ref2) {
|
|
500
|
+
var children = _ref2.children,
|
|
501
|
+
client = _ref2.client,
|
|
502
|
+
config = _ref2.config,
|
|
503
|
+
callbacks = _ref2.callbacks,
|
|
504
|
+
initialState = _ref2.initialState;
|
|
505
|
+
var state = wn.useReducer(reducer, initialState !== null && initialState !== void 0 ? initialState : DEFAULT_STATE);
|
|
504
506
|
return /*#__PURE__*/wn.createElement(GlobalContext.Provider, {
|
|
505
507
|
value: {
|
|
506
508
|
client: client,
|
|
@@ -708,10 +710,10 @@ var createTheme = function createTheme(styles) {
|
|
|
708
710
|
}
|
|
709
711
|
};
|
|
710
712
|
};
|
|
711
|
-
var useTheme = function useTheme(
|
|
712
|
-
var styles =
|
|
713
|
-
displayWatermark =
|
|
714
|
-
return F(function () {
|
|
713
|
+
var useTheme = function useTheme(_ref3) {
|
|
714
|
+
var styles = _ref3.styles,
|
|
715
|
+
displayWatermark = _ref3.displayWatermark;
|
|
716
|
+
return F$1(function () {
|
|
715
717
|
return createTheme(styles, displayWatermark);
|
|
716
718
|
}, [styles, displayWatermark]);
|
|
717
719
|
};
|
|
@@ -726,7 +728,7 @@ var e = {
|
|
|
726
728
|
},
|
|
727
729
|
l = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,
|
|
728
730
|
a = /\/\*[^]*?\*\/| +/g,
|
|
729
|
-
n = /\n+/g,
|
|
731
|
+
n$1 = /\n+/g,
|
|
730
732
|
o = function o(e, t) {
|
|
731
733
|
var r = "",
|
|
732
734
|
l = "",
|
|
@@ -766,7 +768,7 @@ var e = {
|
|
|
766
768
|
var t,
|
|
767
769
|
r,
|
|
768
770
|
o = [{}];
|
|
769
|
-
for (; t = l.exec(e.replace(a, ""));) t[4] ? o.shift() : t[3] ? (r = t[3].replace(n, " ").trim(), o.unshift(o[0][r] = o[0][r] || {})) : o[0][t[1]] = t[2].replace(n, " ").trim();
|
|
771
|
+
for (; t = l.exec(e.replace(a, ""));) t[4] ? o.shift() : t[3] ? (r = t[3].replace(n$1, " ").trim(), o.unshift(o[0][r] = o[0][r] || {})) : o[0][t[1]] = t[2].replace(n$1, " ").trim();
|
|
770
772
|
return o[0];
|
|
771
773
|
}(e);
|
|
772
774
|
c[d] = o(p ? _defineProperty({}, "@keyframes " + d, _t4) : _t4, r ? "" : "." + d);
|
|
@@ -787,7 +789,7 @@ var e = {
|
|
|
787
789
|
return e + l + (null == n ? "" : n);
|
|
788
790
|
}, "");
|
|
789
791
|
};
|
|
790
|
-
function u(e) {
|
|
792
|
+
function u$1(e) {
|
|
791
793
|
var r = this || {},
|
|
792
794
|
l = e.call ? e(r.p) : e;
|
|
793
795
|
return i(l.unshift ? l.raw ? p(l, [].slice.call(arguments, 1), r.p) : l.reduce(function (e, t) {
|
|
@@ -795,10 +797,10 @@ function u(e) {
|
|
|
795
797
|
}, {}) : l, t(r.target), r.g, r.o, r.k);
|
|
796
798
|
}
|
|
797
799
|
var d, f, g;
|
|
798
|
-
u.bind({
|
|
800
|
+
u$1.bind({
|
|
799
801
|
g: 1
|
|
800
802
|
});
|
|
801
|
-
var h = u.bind({
|
|
803
|
+
var h$1 = u$1.bind({
|
|
802
804
|
k: 1
|
|
803
805
|
});
|
|
804
806
|
function m(e, t, r, l) {
|
|
@@ -813,624 +815,452 @@ function j(e, t) {
|
|
|
813
815
|
s = c.className || a.className;
|
|
814
816
|
r.p = Object.assign({
|
|
815
817
|
theme: f && f()
|
|
816
|
-
}, c), r.o = / *go\d+/.test(s), c.className = u.apply(r, l) + (s ? " " + s : "")
|
|
818
|
+
}, c), r.o = / *go\d+/.test(s), c.className = u$1.apply(r, l) + (s ? " " + s : "");
|
|
817
819
|
var i = e;
|
|
818
820
|
return e[0] && (i = c.as || e, delete c.as), g && i[0] && g(c), d(i, c);
|
|
819
821
|
}
|
|
820
|
-
return
|
|
821
|
-
};
|
|
822
|
-
}
|
|
823
|
-
function _extends() {
|
|
824
|
-
_extends = Object.assign || function (target) {
|
|
825
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
826
|
-
var source = arguments[i];
|
|
827
|
-
for (var key in source) {
|
|
828
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
829
|
-
target[key] = source[key];
|
|
830
|
-
}
|
|
831
|
-
}
|
|
832
|
-
}
|
|
833
|
-
return target;
|
|
822
|
+
return a;
|
|
834
823
|
};
|
|
835
|
-
return _extends.apply(this, arguments);
|
|
836
|
-
}
|
|
837
|
-
function _taggedTemplateLiteralLoose(strings, raw) {
|
|
838
|
-
if (!raw) {
|
|
839
|
-
raw = strings.slice(0);
|
|
840
|
-
}
|
|
841
|
-
strings.raw = raw;
|
|
842
|
-
return strings;
|
|
843
824
|
}
|
|
844
|
-
var
|
|
845
|
-
|
|
846
|
-
}
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
};
|
|
850
|
-
var genId = /*#__PURE__*/function () {
|
|
851
|
-
var count = 0;
|
|
852
|
-
return function () {
|
|
853
|
-
return (++count).toString();
|
|
854
|
-
};
|
|
855
|
-
}();
|
|
856
|
-
var createRectRef = function createRectRef(onRect) {
|
|
857
|
-
return function (el) {
|
|
858
|
-
if (el) {
|
|
859
|
-
setTimeout(function () {
|
|
860
|
-
var boundingRect = el.getBoundingClientRect();
|
|
861
|
-
onRect(boundingRect);
|
|
862
|
-
});
|
|
863
|
-
}
|
|
864
|
-
};
|
|
865
|
-
};
|
|
866
|
-
var prefersReducedMotion = /*#__PURE__*/function () {
|
|
867
|
-
var shouldReduceMotion = undefined;
|
|
868
|
-
return function () {
|
|
869
|
-
if (shouldReduceMotion === undefined && typeof window !== 'undefined') {
|
|
870
|
-
var mediaQuery = matchMedia('(prefers-reduced-motion: reduce)');
|
|
871
|
-
shouldReduceMotion = !mediaQuery || mediaQuery.matches;
|
|
872
|
-
}
|
|
873
|
-
return shouldReduceMotion;
|
|
825
|
+
var W = function W(e) {
|
|
826
|
+
return typeof e == "function";
|
|
827
|
+
},
|
|
828
|
+
T = function T(e, t) {
|
|
829
|
+
return W(e) ? e(t) : e;
|
|
874
830
|
};
|
|
875
|
-
|
|
876
|
-
var
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
var toastTimeouts = /*#__PURE__*/new Map();
|
|
888
|
-
var addToRemoveQueue = function addToRemoveQueue(toastId) {
|
|
889
|
-
if (toastTimeouts.has(toastId)) {
|
|
890
|
-
return;
|
|
891
|
-
}
|
|
892
|
-
var timeout = setTimeout(function () {
|
|
893
|
-
toastTimeouts["delete"](toastId);
|
|
894
|
-
dispatch({
|
|
895
|
-
type: ActionType.REMOVE_TOAST,
|
|
896
|
-
toastId: toastId
|
|
897
|
-
});
|
|
898
|
-
}, 1000);
|
|
899
|
-
toastTimeouts.set(toastId, timeout);
|
|
900
|
-
};
|
|
901
|
-
var clearFromRemoveQueue = function clearFromRemoveQueue(toastId) {
|
|
902
|
-
var timeout = toastTimeouts.get(toastId);
|
|
903
|
-
if (timeout) {
|
|
904
|
-
clearTimeout(timeout);
|
|
905
|
-
}
|
|
906
|
-
};
|
|
907
|
-
var reducer = function reducer(state, action) {
|
|
908
|
-
switch (action.type) {
|
|
909
|
-
case ActionType.ADD_TOAST:
|
|
910
|
-
return _extends({}, state, {
|
|
911
|
-
toasts: [action.toast].concat(state.toasts).slice(0, TOAST_LIMIT)
|
|
912
|
-
});
|
|
913
|
-
case ActionType.UPDATE_TOAST:
|
|
914
|
-
if (action.toast.id) {
|
|
915
|
-
clearFromRemoveQueue(action.toast.id);
|
|
831
|
+
var U = function () {
|
|
832
|
+
var e = 0;
|
|
833
|
+
return function () {
|
|
834
|
+
return (++e).toString();
|
|
835
|
+
};
|
|
836
|
+
}(),
|
|
837
|
+
b = function () {
|
|
838
|
+
var e;
|
|
839
|
+
return function () {
|
|
840
|
+
if (e === void 0 && (typeof window === "undefined" ? "undefined" : _typeof(window)) < "u") {
|
|
841
|
+
var _t6 = matchMedia("(prefers-reduced-motion: reduce)");
|
|
842
|
+
e = !_t6 || _t6.matches;
|
|
916
843
|
}
|
|
917
|
-
return
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
type:
|
|
928
|
-
|
|
929
|
-
}) : reducer(state, {
|
|
930
|
-
type: ActionType.ADD_TOAST,
|
|
931
|
-
toast: toast
|
|
844
|
+
return e;
|
|
845
|
+
};
|
|
846
|
+
}();
|
|
847
|
+
var Q = 20;
|
|
848
|
+
var S = new Map(),
|
|
849
|
+
X = 1e3,
|
|
850
|
+
$ = function $(e) {
|
|
851
|
+
if (S.has(e)) return;
|
|
852
|
+
var t = setTimeout(function () {
|
|
853
|
+
S["delete"](e), u({
|
|
854
|
+
type: 4,
|
|
855
|
+
toastId: e
|
|
932
856
|
});
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
857
|
+
}, X);
|
|
858
|
+
S.set(e, t);
|
|
859
|
+
},
|
|
860
|
+
J = function J(e) {
|
|
861
|
+
var t = S.get(e);
|
|
862
|
+
t && clearTimeout(t);
|
|
863
|
+
},
|
|
864
|
+
v = function v(e, t) {
|
|
865
|
+
switch (t.type) {
|
|
866
|
+
case 0:
|
|
867
|
+
return _objectSpread(_objectSpread({}, e), {}, {
|
|
868
|
+
toasts: [t.toast].concat(_toConsumableArray(e.toasts)).slice(0, Q)
|
|
940
869
|
});
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
870
|
+
case 1:
|
|
871
|
+
return t.toast.id && J(t.toast.id), _objectSpread(_objectSpread({}, e), {}, {
|
|
872
|
+
toasts: e.toasts.map(function (r) {
|
|
873
|
+
return r.id === t.toast.id ? _objectSpread(_objectSpread({}, r), t.toast) : r;
|
|
874
|
+
})
|
|
875
|
+
});
|
|
876
|
+
case 2:
|
|
877
|
+
var _o2 = t.toast;
|
|
878
|
+
return e.toasts.find(function (r) {
|
|
879
|
+
return r.id === _o2.id;
|
|
880
|
+
}) ? v(e, {
|
|
881
|
+
type: 1,
|
|
882
|
+
toast: _o2
|
|
883
|
+
}) : v(e, {
|
|
884
|
+
type: 0,
|
|
885
|
+
toast: _o2
|
|
886
|
+
});
|
|
887
|
+
case 3:
|
|
888
|
+
var _s2 = t.toastId;
|
|
889
|
+
return _s2 ? $(_s2) : e.toasts.forEach(function (r) {
|
|
890
|
+
$(r.id);
|
|
891
|
+
}), _objectSpread(_objectSpread({}, e), {}, {
|
|
892
|
+
toasts: e.toasts.map(function (r) {
|
|
893
|
+
return r.id === _s2 || _s2 === void 0 ? _objectSpread(_objectSpread({}, r), {}, {
|
|
894
|
+
visible: !1
|
|
895
|
+
}) : r;
|
|
896
|
+
})
|
|
897
|
+
});
|
|
898
|
+
case 4:
|
|
899
|
+
return t.toastId === void 0 ? _objectSpread(_objectSpread({}, e), {}, {
|
|
952
900
|
toasts: []
|
|
901
|
+
}) : _objectSpread(_objectSpread({}, e), {}, {
|
|
902
|
+
toasts: e.toasts.filter(function (r) {
|
|
903
|
+
return r.id !== t.toastId;
|
|
904
|
+
})
|
|
953
905
|
});
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
906
|
+
case 5:
|
|
907
|
+
return _objectSpread(_objectSpread({}, e), {}, {
|
|
908
|
+
pausedAt: t.time
|
|
909
|
+
});
|
|
910
|
+
case 6:
|
|
911
|
+
var _a2 = t.time - (e.pausedAt || 0);
|
|
912
|
+
return _objectSpread(_objectSpread({}, e), {}, {
|
|
913
|
+
pausedAt: void 0,
|
|
914
|
+
toasts: e.toasts.map(function (r) {
|
|
915
|
+
return _objectSpread(_objectSpread({}, r), {}, {
|
|
916
|
+
pauseDuration: r.pauseDuration + _a2
|
|
917
|
+
});
|
|
918
|
+
})
|
|
919
|
+
});
|
|
920
|
+
}
|
|
921
|
+
},
|
|
922
|
+
A = [],
|
|
923
|
+
P = {
|
|
924
|
+
toasts: [],
|
|
925
|
+
pausedAt: void 0
|
|
926
|
+
},
|
|
927
|
+
u = function u(e) {
|
|
928
|
+
P = v(P, e), A.forEach(function (t) {
|
|
929
|
+
t(P);
|
|
930
|
+
});
|
|
931
|
+
},
|
|
932
|
+
Y = {
|
|
933
|
+
blank: 4e3,
|
|
934
|
+
error: 4e3,
|
|
935
|
+
success: 2e3,
|
|
936
|
+
loading: 1 / 0,
|
|
937
|
+
custom: 4e3
|
|
938
|
+
},
|
|
939
|
+
I = function I() {
|
|
940
|
+
var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
941
|
+
var _h$ = h$2(P),
|
|
942
|
+
_h$2 = _slicedToArray(_h$, 2),
|
|
943
|
+
t = _h$2[0],
|
|
944
|
+
o = _h$2[1];
|
|
945
|
+
p$1(function () {
|
|
946
|
+
return A.push(o), function () {
|
|
947
|
+
var a = A.indexOf(o);
|
|
948
|
+
a > -1 && A.splice(a, 1);
|
|
949
|
+
};
|
|
950
|
+
}, [t]);
|
|
951
|
+
var s = t.toasts.map(function (a) {
|
|
952
|
+
var r, c;
|
|
953
|
+
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, e), e[a.type]), a), {}, {
|
|
954
|
+
duration: a.duration || ((r = e[a.type]) == null ? void 0 : r.duration) || (e == null ? void 0 : e.duration) || Y[a.type],
|
|
955
|
+
style: _objectSpread(_objectSpread(_objectSpread({}, e.style), (c = e[a.type]) == null ? void 0 : c.style), a.style)
|
|
973
956
|
});
|
|
974
|
-
}
|
|
975
|
-
};
|
|
976
|
-
var listeners = [];
|
|
977
|
-
var memoryState = {
|
|
978
|
-
toasts: [],
|
|
979
|
-
pausedAt: undefined
|
|
980
|
-
};
|
|
981
|
-
var dispatch = function dispatch(action) {
|
|
982
|
-
memoryState = reducer(memoryState, action);
|
|
983
|
-
listeners.forEach(function (listener) {
|
|
984
|
-
listener(memoryState);
|
|
985
|
-
});
|
|
986
|
-
};
|
|
987
|
-
var defaultTimeouts = {
|
|
988
|
-
blank: 4000,
|
|
989
|
-
error: 4000,
|
|
990
|
-
success: 2000,
|
|
991
|
-
loading: Infinity,
|
|
992
|
-
custom: 4000
|
|
993
|
-
};
|
|
994
|
-
var useStore = function useStore(toastOptions) {
|
|
995
|
-
if (toastOptions === void 0) {
|
|
996
|
-
toastOptions = {};
|
|
997
|
-
}
|
|
998
|
-
var _useState = h$1(memoryState),
|
|
999
|
-
state = _useState[0],
|
|
1000
|
-
setState = _useState[1];
|
|
1001
|
-
p$1(function () {
|
|
1002
|
-
listeners.push(setState);
|
|
1003
|
-
return function () {
|
|
1004
|
-
var index = listeners.indexOf(setState);
|
|
1005
|
-
if (index > -1) {
|
|
1006
|
-
listeners.splice(index, 1);
|
|
1007
|
-
}
|
|
1008
|
-
};
|
|
1009
|
-
}, [state]);
|
|
1010
|
-
var mergedToasts = state.toasts.map(function (t) {
|
|
1011
|
-
var _toastOptions$t$type, _toastOptions, _toastOptions$t$type2;
|
|
1012
|
-
return _extends({}, toastOptions, toastOptions[t.type], t, {
|
|
1013
|
-
duration: t.duration || ((_toastOptions$t$type = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type.duration) || ((_toastOptions = toastOptions) == null ? void 0 : _toastOptions.duration) || defaultTimeouts[t.type],
|
|
1014
|
-
style: _extends({}, toastOptions.style, (_toastOptions$t$type2 = toastOptions[t.type]) == null ? void 0 : _toastOptions$t$type2.style, t.style)
|
|
1015
957
|
});
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
toasts: mergedToasts
|
|
1019
|
-
});
|
|
1020
|
-
};
|
|
1021
|
-
var createToast = function createToast(message, type, opts) {
|
|
1022
|
-
if (type === void 0) {
|
|
1023
|
-
type = 'blank';
|
|
1024
|
-
}
|
|
1025
|
-
return _extends({
|
|
1026
|
-
createdAt: Date.now(),
|
|
1027
|
-
visible: true,
|
|
1028
|
-
type: type,
|
|
1029
|
-
ariaProps: {
|
|
1030
|
-
role: 'status',
|
|
1031
|
-
'aria-live': 'polite'
|
|
1032
|
-
},
|
|
1033
|
-
message: message,
|
|
1034
|
-
pauseDuration: 0
|
|
1035
|
-
}, opts, {
|
|
1036
|
-
id: (opts == null ? void 0 : opts.id) || genId()
|
|
1037
|
-
});
|
|
1038
|
-
};
|
|
1039
|
-
var createHandler = function createHandler(type) {
|
|
1040
|
-
return function (message, options) {
|
|
1041
|
-
var toast = createToast(message, type, options);
|
|
1042
|
-
dispatch({
|
|
1043
|
-
type: ActionType.UPSERT_TOAST,
|
|
1044
|
-
toast: toast
|
|
958
|
+
return _objectSpread(_objectSpread({}, t), {}, {
|
|
959
|
+
toasts: s
|
|
1045
960
|
});
|
|
1046
|
-
return toast.id;
|
|
1047
961
|
};
|
|
1048
|
-
|
|
1049
|
-
var
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
}
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
962
|
+
var G = function G(e) {
|
|
963
|
+
var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "blank";
|
|
964
|
+
var o = arguments.length > 2 ? arguments[2] : undefined;
|
|
965
|
+
return _objectSpread(_objectSpread({
|
|
966
|
+
createdAt: Date.now(),
|
|
967
|
+
visible: !0,
|
|
968
|
+
type: t,
|
|
969
|
+
ariaProps: {
|
|
970
|
+
role: "status",
|
|
971
|
+
"aria-live": "polite"
|
|
972
|
+
},
|
|
973
|
+
message: e,
|
|
974
|
+
pauseDuration: 0
|
|
975
|
+
}, o), {}, {
|
|
976
|
+
id: (o == null ? void 0 : o.id) || U()
|
|
977
|
+
});
|
|
978
|
+
},
|
|
979
|
+
h = function h(e) {
|
|
980
|
+
return function (t, o) {
|
|
981
|
+
var s = G(t, e, o);
|
|
982
|
+
return u({
|
|
983
|
+
type: 2,
|
|
984
|
+
toast: s
|
|
985
|
+
}), s.id;
|
|
986
|
+
};
|
|
987
|
+
},
|
|
988
|
+
n = function n(e, t) {
|
|
989
|
+
return h("blank")(e, t);
|
|
990
|
+
};
|
|
991
|
+
n.error = h("error");
|
|
992
|
+
n.success = h("success");
|
|
993
|
+
n.loading = h("loading");
|
|
994
|
+
n.custom = h("custom");
|
|
995
|
+
n.dismiss = function (e) {
|
|
996
|
+
u({
|
|
997
|
+
type: 3,
|
|
998
|
+
toastId: e
|
|
1066
999
|
});
|
|
1067
1000
|
};
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
id: id
|
|
1073
|
-
}, opts, opts == null ? void 0 : opts.success));
|
|
1074
|
-
return p;
|
|
1075
|
-
})["catch"](function (e) {
|
|
1076
|
-
toast.error(resolveValue(msgs.error, e), _extends({
|
|
1077
|
-
id: id
|
|
1078
|
-
}, opts, opts == null ? void 0 : opts.error));
|
|
1001
|
+
n.remove = function (e) {
|
|
1002
|
+
return u({
|
|
1003
|
+
type: 4,
|
|
1004
|
+
toastId: e
|
|
1079
1005
|
});
|
|
1080
|
-
return promise;
|
|
1081
1006
|
};
|
|
1082
|
-
|
|
1083
|
-
var
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
return;
|
|
1007
|
+
n.promise = function (e, t, o) {
|
|
1008
|
+
var s = n.loading(t.loading, _objectSpread(_objectSpread({}, o), o == null ? void 0 : o.loading));
|
|
1009
|
+
return e.then(function (a) {
|
|
1010
|
+
return n.success(T(t.success, a), _objectSpread(_objectSpread({
|
|
1011
|
+
id: s
|
|
1012
|
+
}, o), o == null ? void 0 : o.success)), a;
|
|
1013
|
+
})["catch"](function (a) {
|
|
1014
|
+
n.error(T(t.error, a), _objectSpread(_objectSpread({
|
|
1015
|
+
id: s
|
|
1016
|
+
}, o), o == null ? void 0 : o.error));
|
|
1017
|
+
}), e;
|
|
1018
|
+
};
|
|
1019
|
+
var Z = function Z(e, t) {
|
|
1020
|
+
u({
|
|
1021
|
+
type: 1,
|
|
1022
|
+
toast: {
|
|
1023
|
+
id: e,
|
|
1024
|
+
height: t
|
|
1101
1025
|
}
|
|
1102
|
-
return setTimeout(function () {
|
|
1103
|
-
return toast.dismiss(t.id);
|
|
1104
|
-
}, durationLeft);
|
|
1105
1026
|
});
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
}
|
|
1127
|
-
},
|
|
1128
|
-
updateHeight: function updateHeight(toastId, height) {
|
|
1129
|
-
return dispatch({
|
|
1130
|
-
type: ActionType.UPDATE_TOAST,
|
|
1131
|
-
toast: {
|
|
1132
|
-
id: toastId,
|
|
1133
|
-
height: height
|
|
1027
|
+
},
|
|
1028
|
+
ee = function ee() {
|
|
1029
|
+
u({
|
|
1030
|
+
type: 5,
|
|
1031
|
+
time: Date.now()
|
|
1032
|
+
});
|
|
1033
|
+
},
|
|
1034
|
+
D = function D(e) {
|
|
1035
|
+
var _I = I(e),
|
|
1036
|
+
t = _I.toasts,
|
|
1037
|
+
o = _I.pausedAt;
|
|
1038
|
+
p$1(function () {
|
|
1039
|
+
if (o) return;
|
|
1040
|
+
var r = Date.now(),
|
|
1041
|
+
c = t.map(function (i) {
|
|
1042
|
+
if (i.duration === 1 / 0) return;
|
|
1043
|
+
var d = (i.duration || 0) + i.pauseDuration - (r - i.createdAt);
|
|
1044
|
+
if (d < 0) {
|
|
1045
|
+
i.visible && n.dismiss(i.id);
|
|
1046
|
+
return;
|
|
1134
1047
|
}
|
|
1048
|
+
return setTimeout(function () {
|
|
1049
|
+
return n.dismiss(i.id);
|
|
1050
|
+
}, d);
|
|
1135
1051
|
});
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
var _ref = opts || {},
|
|
1140
|
-
_ref$reverseOrder = _ref.reverseOrder,
|
|
1141
|
-
reverseOrder = _ref$reverseOrder === void 0 ? false : _ref$reverseOrder,
|
|
1142
|
-
_ref$gutter = _ref.gutter,
|
|
1143
|
-
gutter = _ref$gutter === void 0 ? 8 : _ref$gutter,
|
|
1144
|
-
defaultPosition = _ref.defaultPosition;
|
|
1145
|
-
var relevantToasts = toasts.filter(function (t) {
|
|
1146
|
-
return (t.position || defaultPosition) === (toast.position || defaultPosition) && t.height;
|
|
1052
|
+
return function () {
|
|
1053
|
+
c.forEach(function (i) {
|
|
1054
|
+
return i && clearTimeout(i);
|
|
1147
1055
|
});
|
|
1148
|
-
|
|
1149
|
-
|
|
1056
|
+
};
|
|
1057
|
+
}, [t, o]);
|
|
1058
|
+
var s = T$1(function () {
|
|
1059
|
+
o && u({
|
|
1060
|
+
type: 6,
|
|
1061
|
+
time: Date.now()
|
|
1150
1062
|
});
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
var
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1063
|
+
}, [o]),
|
|
1064
|
+
a = T$1(function (r, c) {
|
|
1065
|
+
var _g$filter;
|
|
1066
|
+
var _ref5 = c || {},
|
|
1067
|
+
_ref5$reverseOrder = _ref5.reverseOrder,
|
|
1068
|
+
i = _ref5$reverseOrder === void 0 ? !1 : _ref5$reverseOrder,
|
|
1069
|
+
_ref5$gutter = _ref5.gutter,
|
|
1070
|
+
d = _ref5$gutter === void 0 ? 8 : _ref5$gutter,
|
|
1071
|
+
p = _ref5.defaultPosition,
|
|
1072
|
+
g = t.filter(function (m) {
|
|
1073
|
+
return (m.position || p) === (r.position || p) && m.height;
|
|
1074
|
+
}),
|
|
1075
|
+
E = g.findIndex(function (m) {
|
|
1076
|
+
return m.id === r.id;
|
|
1077
|
+
}),
|
|
1078
|
+
x = g.filter(function (m, R) {
|
|
1079
|
+
return R < E && m.visible;
|
|
1080
|
+
}).length;
|
|
1081
|
+
return (_g$filter = g.filter(function (m) {
|
|
1082
|
+
return m.visible;
|
|
1083
|
+
})).slice.apply(_g$filter, _toConsumableArray(i ? [x + 1] : [0, x])).reduce(function (m, R) {
|
|
1084
|
+
return m + (R.height || 0) + d;
|
|
1158
1085
|
}, 0);
|
|
1159
|
-
|
|
1086
|
+
}, [t]);
|
|
1087
|
+
return {
|
|
1088
|
+
toasts: t,
|
|
1089
|
+
handlers: {
|
|
1090
|
+
updateHeight: Z,
|
|
1091
|
+
startPause: ee,
|
|
1092
|
+
endPause: s,
|
|
1093
|
+
calculateOffset: a
|
|
1160
1094
|
}
|
|
1161
1095
|
};
|
|
1162
|
-
}, [toasts, pausedAt]);
|
|
1163
|
-
return {
|
|
1164
|
-
toasts: toasts,
|
|
1165
|
-
handlers: handlers
|
|
1166
|
-
};
|
|
1167
|
-
};
|
|
1168
|
-
function _templateObject4() {
|
|
1169
|
-
var data = _taggedTemplateLiteralLoose(["\n width: 20px;\n opacity: 0;\n height: 20px;\n border-radius: 10px;\n background: ", ";\n position: relative;\n transform: rotate(45deg);\n\n animation: ", " 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n forwards;\n animation-delay: 100ms;\n\n &:after,\n &:before {\n content: '';\n animation: ", " 0.15s ease-out forwards;\n animation-delay: 150ms;\n position: absolute;\n border-radius: 3px;\n opacity: 0;\n background: ", ";\n bottom: 9px;\n left: 4px;\n height: 2px;\n width: 12px;\n }\n\n &:before {\n animation: ", " 0.15s ease-out forwards;\n animation-delay: 180ms;\n transform: rotate(90deg);\n }\n"]);
|
|
1170
|
-
_templateObject4 = function _templateObject4() {
|
|
1171
|
-
return data;
|
|
1172
|
-
};
|
|
1173
|
-
return data;
|
|
1174
|
-
}
|
|
1175
|
-
function _templateObject3() {
|
|
1176
|
-
var data = _taggedTemplateLiteralLoose(["\nfrom {\n transform: scale(0) rotate(90deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(90deg);\n\topacity: 1;\n}"]);
|
|
1177
|
-
_templateObject3 = function _templateObject3() {
|
|
1178
|
-
return data;
|
|
1179
|
-
};
|
|
1180
|
-
return data;
|
|
1181
|
-
}
|
|
1182
|
-
function _templateObject2() {
|
|
1183
|
-
var data = _taggedTemplateLiteralLoose(["\nfrom {\n transform: scale(0);\n opacity: 0;\n}\nto {\n transform: scale(1);\n opacity: 1;\n}"]);
|
|
1184
|
-
_templateObject2 = function _templateObject2() {
|
|
1185
|
-
return data;
|
|
1186
|
-
};
|
|
1187
|
-
return data;
|
|
1188
|
-
}
|
|
1189
|
-
function _templateObject() {
|
|
1190
|
-
var data = _taggedTemplateLiteralLoose(["\nfrom {\n transform: scale(0) rotate(45deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(45deg);\n opacity: 1;\n}"]);
|
|
1191
|
-
_templateObject = function _templateObject() {
|
|
1192
|
-
return data;
|
|
1193
|
-
};
|
|
1194
|
-
return data;
|
|
1195
|
-
}
|
|
1196
|
-
var circleAnimation = /*#__PURE__*/h( /*#__PURE__*/_templateObject());
|
|
1197
|
-
var firstLineAnimation = /*#__PURE__*/h( /*#__PURE__*/_templateObject2());
|
|
1198
|
-
var secondLineAnimation = /*#__PURE__*/h( /*#__PURE__*/_templateObject3());
|
|
1199
|
-
var ErrorIcon$1 = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject4(), function (p) {
|
|
1200
|
-
return p.primary || '#ff4b4b';
|
|
1201
|
-
}, circleAnimation, firstLineAnimation, function (p) {
|
|
1202
|
-
return p.secondary || '#fff';
|
|
1203
|
-
}, secondLineAnimation);
|
|
1204
|
-
function _templateObject2$1() {
|
|
1205
|
-
var data = _taggedTemplateLiteralLoose(["\n width: 12px;\n height: 12px;\n box-sizing: border-box;\n border: 2px solid;\n border-radius: 100%;\n border-color: ", ";\n border-right-color: ", ";\n animation: ", " 1s linear infinite;\n"]);
|
|
1206
|
-
_templateObject2$1 = function _templateObject2() {
|
|
1207
|
-
return data;
|
|
1208
|
-
};
|
|
1209
|
-
return data;
|
|
1210
|
-
}
|
|
1211
|
-
function _templateObject$1() {
|
|
1212
|
-
var data = _taggedTemplateLiteralLoose(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"]);
|
|
1213
|
-
_templateObject$1 = function _templateObject() {
|
|
1214
|
-
return data;
|
|
1215
1096
|
};
|
|
1216
|
-
|
|
1217
|
-
}
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
}, function (
|
|
1222
|
-
|
|
1223
|
-
},
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
}
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
return data;
|
|
1237
|
-
}
|
|
1238
|
-
function _templateObject$2() {
|
|
1239
|
-
var data = _taggedTemplateLiteralLoose(["\nfrom {\n transform: scale(0) rotate(45deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(45deg);\n\topacity: 1;\n}"]);
|
|
1240
|
-
_templateObject$2 = function _templateObject() {
|
|
1241
|
-
return data;
|
|
1242
|
-
};
|
|
1243
|
-
return data;
|
|
1244
|
-
}
|
|
1245
|
-
var circleAnimation$1 = /*#__PURE__*/h( /*#__PURE__*/_templateObject$2());
|
|
1246
|
-
var checkmarkAnimation = /*#__PURE__*/h( /*#__PURE__*/_templateObject2$2());
|
|
1247
|
-
var CheckmarkIcon = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject3$1(), function (p) {
|
|
1248
|
-
return p.primary || '#61d345';
|
|
1249
|
-
}, circleAnimation$1, checkmarkAnimation, function (p) {
|
|
1250
|
-
return p.secondary || '#fff';
|
|
1251
|
-
});
|
|
1252
|
-
function _templateObject4$1() {
|
|
1253
|
-
var data = _taggedTemplateLiteralLoose(["\n position: relative;\n transform: scale(0.6);\n opacity: 0.4;\n min-width: 20px;\n animation: ", " 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n forwards;\n"]);
|
|
1254
|
-
_templateObject4$1 = function _templateObject4() {
|
|
1255
|
-
return data;
|
|
1256
|
-
};
|
|
1257
|
-
return data;
|
|
1258
|
-
}
|
|
1259
|
-
function _templateObject3$2() {
|
|
1260
|
-
var data = _taggedTemplateLiteralLoose(["\nfrom {\n transform: scale(0.6);\n opacity: 0.4;\n}\nto {\n transform: scale(1);\n opacity: 1;\n}"]);
|
|
1261
|
-
_templateObject3$2 = function _templateObject3() {
|
|
1262
|
-
return data;
|
|
1263
|
-
};
|
|
1264
|
-
return data;
|
|
1265
|
-
}
|
|
1266
|
-
function _templateObject2$3() {
|
|
1267
|
-
var data = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 20px;\n min-height: 20px;\n"]);
|
|
1268
|
-
_templateObject2$3 = function _templateObject2() {
|
|
1269
|
-
return data;
|
|
1270
|
-
};
|
|
1271
|
-
return data;
|
|
1272
|
-
}
|
|
1273
|
-
function _templateObject$3() {
|
|
1274
|
-
var data = _taggedTemplateLiteralLoose(["\n position: absolute;\n"]);
|
|
1275
|
-
_templateObject$3 = function _templateObject() {
|
|
1276
|
-
return data;
|
|
1277
|
-
};
|
|
1278
|
-
return data;
|
|
1279
|
-
}
|
|
1280
|
-
var StatusWrapper = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject$3());
|
|
1281
|
-
var IndicatorWrapper = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject2$3());
|
|
1282
|
-
var enter = /*#__PURE__*/h( /*#__PURE__*/_templateObject3$2());
|
|
1283
|
-
var AnimatedIconWrapper = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject4$1(), enter);
|
|
1284
|
-
var ToastIcon = function ToastIcon(_ref) {
|
|
1285
|
-
var toast = _ref.toast;
|
|
1286
|
-
var icon = toast.icon,
|
|
1287
|
-
type = toast.type,
|
|
1288
|
-
iconTheme = toast.iconTheme;
|
|
1289
|
-
if (icon !== undefined) {
|
|
1290
|
-
if (typeof icon === 'string') {
|
|
1291
|
-
return /*#__PURE__*/y(AnimatedIconWrapper, null, icon);
|
|
1292
|
-
} else {
|
|
1293
|
-
return icon;
|
|
1294
|
-
}
|
|
1295
|
-
}
|
|
1296
|
-
if (type === 'blank') {
|
|
1297
|
-
return null;
|
|
1298
|
-
}
|
|
1299
|
-
return /*#__PURE__*/y(IndicatorWrapper, null, /*#__PURE__*/y(LoaderIcon, Object.assign({}, iconTheme)), type !== 'loading' && /*#__PURE__*/y(StatusWrapper, null, type === 'error' ? /*#__PURE__*/y(ErrorIcon$1, Object.assign({}, iconTheme)) : /*#__PURE__*/y(CheckmarkIcon, Object.assign({}, iconTheme))));
|
|
1300
|
-
};
|
|
1301
|
-
function _templateObject2$4() {
|
|
1302
|
-
var data = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n margin: 4px 10px;\n color: inherit;\n flex: 1 1 auto;\n white-space: pre-line;\n"]);
|
|
1303
|
-
_templateObject2$4 = function _templateObject2() {
|
|
1304
|
-
return data;
|
|
1305
|
-
};
|
|
1306
|
-
return data;
|
|
1307
|
-
}
|
|
1308
|
-
function _templateObject$4() {
|
|
1309
|
-
var data = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background: #fff;\n color: #363636;\n line-height: 1.3;\n will-change: transform;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);\n max-width: 350px;\n pointer-events: auto;\n padding: 8px 10px;\n border-radius: 8px;\n"]);
|
|
1310
|
-
_templateObject$4 = function _templateObject() {
|
|
1311
|
-
return data;
|
|
1312
|
-
};
|
|
1313
|
-
return data;
|
|
1314
|
-
}
|
|
1315
|
-
var enterAnimation = function enterAnimation(factor) {
|
|
1316
|
-
return "\n0% {transform: translate3d(0," + factor * -200 + "%,0) scale(.6); opacity:.5;}\n100% {transform: translate3d(0,0,0) scale(1); opacity:1;}\n";
|
|
1317
|
-
};
|
|
1318
|
-
var exitAnimation = function exitAnimation(factor) {
|
|
1319
|
-
return "\n0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}\n100% {transform: translate3d(0," + factor * -150 + "%,-1px) scale(.6); opacity:0;}\n";
|
|
1320
|
-
};
|
|
1321
|
-
var fadeInAnimation = "0%{opacity:0;} 100%{opacity:1;}";
|
|
1322
|
-
var fadeOutAnimation = "0%{opacity:1;} 100%{opacity:0;}";
|
|
1323
|
-
var ToastBarBase = /*#__PURE__*/j('div', N)( /*#__PURE__*/_templateObject$4());
|
|
1324
|
-
var Message = /*#__PURE__*/j('div')( /*#__PURE__*/_templateObject2$4());
|
|
1325
|
-
var getAnimationStyle = function getAnimationStyle(position, visible) {
|
|
1326
|
-
var top = position.includes('top');
|
|
1327
|
-
var factor = top ? 1 : -1;
|
|
1328
|
-
var _ref = prefersReducedMotion() ? [fadeInAnimation, fadeOutAnimation] : [enterAnimation(factor), exitAnimation(factor)],
|
|
1329
|
-
enter = _ref[0],
|
|
1330
|
-
exit = _ref[1];
|
|
1331
|
-
return {
|
|
1332
|
-
animation: visible ? h(enter) + " 0.35s cubic-bezier(.21,1.02,.73,1) forwards" : h(exit) + " 0.4s forwards cubic-bezier(.06,.71,.55,1)"
|
|
1333
|
-
};
|
|
1334
|
-
};
|
|
1335
|
-
var ToastBar = /*#__PURE__*/w(function (_ref2) {
|
|
1336
|
-
var toast = _ref2.toast,
|
|
1337
|
-
position = _ref2.position,
|
|
1338
|
-
style = _ref2.style,
|
|
1339
|
-
children = _ref2.children;
|
|
1340
|
-
var animationStyle = toast != null && toast.height ? getAnimationStyle(toast.position || position || 'top-center', toast.visible) : {
|
|
1341
|
-
opacity: 0
|
|
1342
|
-
};
|
|
1343
|
-
var icon = /*#__PURE__*/y(ToastIcon, {
|
|
1344
|
-
toast: toast
|
|
1097
|
+
var oe = h$1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0) rotate(45deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(45deg);\n opacity: 1;\n}"]))),
|
|
1098
|
+
re = h$1(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0);\n opacity: 0;\n}\nto {\n transform: scale(1);\n opacity: 1;\n}"]))),
|
|
1099
|
+
se = h$1(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0) rotate(90deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(90deg);\n\topacity: 1;\n}"]))),
|
|
1100
|
+
_ = j("div")(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 20px;\n opacity: 0;\n height: 20px;\n border-radius: 10px;\n background: ", ";\n position: relative;\n transform: rotate(45deg);\n\n animation: ", " 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n forwards;\n animation-delay: 100ms;\n\n &:after,\n &:before {\n content: '';\n animation: ", " 0.15s ease-out forwards;\n animation-delay: 150ms;\n position: absolute;\n border-radius: 3px;\n opacity: 0;\n background: ", ";\n bottom: 9px;\n left: 4px;\n height: 2px;\n width: 12px;\n }\n\n &:before {\n animation: ", " 0.15s ease-out forwards;\n animation-delay: 180ms;\n transform: rotate(90deg);\n }\n"])), function (e) {
|
|
1101
|
+
return e.primary || "#ff4b4b";
|
|
1102
|
+
}, oe, re, function (e) {
|
|
1103
|
+
return e.secondary || "#fff";
|
|
1104
|
+
}, se);
|
|
1105
|
+
var ne = h$1(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"]))),
|
|
1106
|
+
V = j("div")(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n width: 12px;\n height: 12px;\n box-sizing: border-box;\n border: 2px solid;\n border-radius: 100%;\n border-color: ", ";\n border-right-color: ", ";\n animation: ", " 1s linear infinite;\n"])), function (e) {
|
|
1107
|
+
return e.secondary || "#e0e0e0";
|
|
1108
|
+
}, function (e) {
|
|
1109
|
+
return e.primary || "#616161";
|
|
1110
|
+
}, ne);
|
|
1111
|
+
var pe = h$1(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0) rotate(45deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(45deg);\n\topacity: 1;\n}"]))),
|
|
1112
|
+
de = h$1(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n0% {\n\theight: 0;\n\twidth: 0;\n\topacity: 0;\n}\n40% {\n height: 0;\n\twidth: 6px;\n\topacity: 1;\n}\n100% {\n opacity: 1;\n height: 10px;\n}"]))),
|
|
1113
|
+
w = j("div")(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n width: 20px;\n opacity: 0;\n height: 20px;\n border-radius: 10px;\n background: ", ";\n position: relative;\n transform: rotate(45deg);\n\n animation: ", " 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n forwards;\n animation-delay: 100ms;\n &:after {\n content: '';\n box-sizing: border-box;\n animation: ", " 0.2s ease-out forwards;\n opacity: 0;\n animation-delay: 200ms;\n position: absolute;\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-color: ", ";\n bottom: 6px;\n left: 6px;\n height: 10px;\n width: 6px;\n }\n"])), function (e) {
|
|
1114
|
+
return e.primary || "#61d345";
|
|
1115
|
+
}, pe, de, function (e) {
|
|
1116
|
+
return e.secondary || "#fff";
|
|
1345
1117
|
});
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
var data = _taggedTemplateLiteralLoose(["\n z-index: 9999;\n > * {\n pointer-events: auto;\n }\n"]);
|
|
1357
|
-
_templateObject$5 = function _templateObject() {
|
|
1358
|
-
return data;
|
|
1118
|
+
var ue = j("div")(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n position: absolute;\n"]))),
|
|
1119
|
+
le = j("div")(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 20px;\n min-height: 20px;\n"]))),
|
|
1120
|
+
Te = h$1(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0.6);\n opacity: 0.4;\n}\nto {\n transform: scale(1);\n opacity: 1;\n}"]))),
|
|
1121
|
+
fe = j("div")(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n position: relative;\n transform: scale(0.6);\n opacity: 0.4;\n min-width: 20px;\n animation: ", " 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)\n forwards;\n"])), Te),
|
|
1122
|
+
M = function M(_ref6) {
|
|
1123
|
+
var e = _ref6.toast;
|
|
1124
|
+
var t = e.icon,
|
|
1125
|
+
o = e.type,
|
|
1126
|
+
s = e.iconTheme;
|
|
1127
|
+
return t !== void 0 ? typeof t == "string" ? y(fe, null, t) : t : o === "blank" ? null : y(le, null, y(V, _objectSpread({}, s)), o !== "loading" && y(ue, null, o === "error" ? y(_, _objectSpread({}, s)) : y(w, _objectSpread({}, s))));
|
|
1359
1128
|
};
|
|
1360
|
-
|
|
1361
|
-
}
|
|
1129
|
+
var ye = function ye(e) {
|
|
1130
|
+
return "\n0% {transform: translate3d(0,".concat(e * -200, "%,0) scale(.6); opacity:.5;}\n100% {transform: translate3d(0,0,0) scale(1); opacity:1;}\n");
|
|
1131
|
+
},
|
|
1132
|
+
ge = function ge(e) {
|
|
1133
|
+
return "\n0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}\n100% {transform: translate3d(0,".concat(e * -150, "%,-1px) scale(.6); opacity:0;}\n");
|
|
1134
|
+
},
|
|
1135
|
+
he = "0%{opacity:0;} 100%{opacity:1;}",
|
|
1136
|
+
xe = "0%{opacity:1;} 100%{opacity:0;}",
|
|
1137
|
+
be = j("div")(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: #fff;\n color: #363636;\n line-height: 1.3;\n will-change: transform;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);\n max-width: 350px;\n pointer-events: auto;\n padding: 8px 10px;\n border-radius: 8px;\n"]))),
|
|
1138
|
+
Se = j("div")(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n margin: 4px 10px;\n color: inherit;\n flex: 1 1 auto;\n white-space: pre-line;\n"]))),
|
|
1139
|
+
Ae = function Ae(e, t) {
|
|
1140
|
+
var s = e.includes("top") ? 1 : -1,
|
|
1141
|
+
_ref7 = b() ? [he, xe] : [ye(s), ge(s)],
|
|
1142
|
+
_ref8 = _slicedToArray(_ref7, 2),
|
|
1143
|
+
a = _ref8[0],
|
|
1144
|
+
r = _ref8[1];
|
|
1145
|
+
return {
|
|
1146
|
+
animation: t ? "".concat(h$1(a), " 0.35s cubic-bezier(.21,1.02,.73,1) forwards") : "".concat(h$1(r), " 0.4s forwards cubic-bezier(.06,.71,.55,1)")
|
|
1147
|
+
};
|
|
1148
|
+
},
|
|
1149
|
+
F = w$1(function (_ref9) {
|
|
1150
|
+
var e = _ref9.toast,
|
|
1151
|
+
t = _ref9.position,
|
|
1152
|
+
o = _ref9.style,
|
|
1153
|
+
s = _ref9.children;
|
|
1154
|
+
var a = e.height ? Ae(e.position || t || "top-center", e.visible) : {
|
|
1155
|
+
opacity: 0
|
|
1156
|
+
},
|
|
1157
|
+
r = y(M, {
|
|
1158
|
+
toast: e
|
|
1159
|
+
}),
|
|
1160
|
+
c = y(Se, _objectSpread({}, e.ariaProps), T(e.message, e));
|
|
1161
|
+
return y(be, {
|
|
1162
|
+
className: e.className,
|
|
1163
|
+
style: _objectSpread(_objectSpread(_objectSpread({}, a), o), e.style)
|
|
1164
|
+
}, typeof s == "function" ? s({
|
|
1165
|
+
icon: r,
|
|
1166
|
+
message: c
|
|
1167
|
+
}) : y(g$1, null, r, c));
|
|
1168
|
+
});
|
|
1362
1169
|
m(y);
|
|
1363
|
-
var
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
},
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
var
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1170
|
+
var Ee = function Ee(_ref10) {
|
|
1171
|
+
var e = _ref10.id,
|
|
1172
|
+
t = _ref10.className,
|
|
1173
|
+
o = _ref10.style,
|
|
1174
|
+
s = _ref10.onHeightUpdate,
|
|
1175
|
+
a = _ref10.children;
|
|
1176
|
+
var r = T$1(function (c) {
|
|
1177
|
+
if (c) {
|
|
1178
|
+
var _i2 = function _i2() {
|
|
1179
|
+
var d = c.getBoundingClientRect().height;
|
|
1180
|
+
s(e, d);
|
|
1181
|
+
};
|
|
1182
|
+
_i2(), new MutationObserver(_i2).observe(c, {
|
|
1183
|
+
subtree: !0,
|
|
1184
|
+
childList: !0,
|
|
1185
|
+
characterData: !0
|
|
1186
|
+
});
|
|
1187
|
+
}
|
|
1188
|
+
}, [e, s]);
|
|
1189
|
+
return y("div", {
|
|
1190
|
+
ref: r,
|
|
1191
|
+
className: t,
|
|
1192
|
+
style: o
|
|
1193
|
+
}, a);
|
|
1194
|
+
},
|
|
1195
|
+
Re = function Re(e, t) {
|
|
1196
|
+
var o = e.includes("top"),
|
|
1197
|
+
s = o ? {
|
|
1198
|
+
top: 0
|
|
1199
|
+
} : {
|
|
1200
|
+
bottom: 0
|
|
1201
|
+
},
|
|
1202
|
+
a = e.includes("center") ? {
|
|
1203
|
+
justifyContent: "center"
|
|
1204
|
+
} : e.includes("right") ? {
|
|
1205
|
+
justifyContent: "flex-end"
|
|
1206
|
+
} : {};
|
|
1207
|
+
return _objectSpread(_objectSpread({
|
|
1208
|
+
left: 0,
|
|
1209
|
+
right: 0,
|
|
1210
|
+
display: "flex",
|
|
1211
|
+
position: "absolute",
|
|
1212
|
+
transition: b() ? void 0 : "all 230ms cubic-bezier(.21,1.02,.73,1)",
|
|
1213
|
+
transform: "translateY(".concat(t * (o ? 1 : -1), "px)")
|
|
1214
|
+
}, s), a);
|
|
1215
|
+
},
|
|
1216
|
+
ve = u$1(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n z-index: 9999;\n > * {\n pointer-events: auto;\n }\n"]))),
|
|
1217
|
+
O = 16,
|
|
1218
|
+
Ie = function Ie(_ref11) {
|
|
1219
|
+
var e = _ref11.reverseOrder,
|
|
1220
|
+
_ref11$position = _ref11.position,
|
|
1221
|
+
t = _ref11$position === void 0 ? "top-center" : _ref11$position,
|
|
1222
|
+
o = _ref11.toastOptions,
|
|
1223
|
+
s = _ref11.gutter,
|
|
1224
|
+
a = _ref11.children,
|
|
1225
|
+
r = _ref11.containerStyle,
|
|
1226
|
+
c = _ref11.containerClassName;
|
|
1227
|
+
var _D = D(o),
|
|
1228
|
+
i = _D.toasts,
|
|
1229
|
+
d = _D.handlers;
|
|
1230
|
+
return y("div", {
|
|
1231
|
+
style: _objectSpread({
|
|
1232
|
+
position: "fixed",
|
|
1233
|
+
zIndex: 9999,
|
|
1234
|
+
top: O,
|
|
1235
|
+
left: O,
|
|
1236
|
+
right: O,
|
|
1237
|
+
bottom: O,
|
|
1238
|
+
pointerEvents: "none"
|
|
1239
|
+
}, r),
|
|
1240
|
+
className: c,
|
|
1241
|
+
onMouseEnter: d.startPause,
|
|
1242
|
+
onMouseLeave: d.endPause
|
|
1243
|
+
}, i.map(function (p) {
|
|
1244
|
+
var g = p.position || t,
|
|
1245
|
+
E = d.calculateOffset(p, {
|
|
1246
|
+
reverseOrder: e,
|
|
1247
|
+
gutter: s,
|
|
1248
|
+
defaultPosition: t
|
|
1249
|
+
}),
|
|
1250
|
+
x = Re(g, E);
|
|
1251
|
+
return y(Ee, {
|
|
1252
|
+
id: p.id,
|
|
1253
|
+
key: p.id,
|
|
1254
|
+
onHeightUpdate: d.updateHeight,
|
|
1255
|
+
className: p.visible ? ve : "",
|
|
1256
|
+
style: x
|
|
1257
|
+
}, p.type === "custom" ? T(p.message, p) : a ? a(p) : y(F, {
|
|
1258
|
+
toast: p,
|
|
1259
|
+
position: g
|
|
1260
|
+
}));
|
|
1430
1261
|
}));
|
|
1431
|
-
}
|
|
1432
|
-
|
|
1433
|
-
var toast$1 = toast;
|
|
1262
|
+
};
|
|
1263
|
+
var _t = n;
|
|
1434
1264
|
var SuccessIcon = function SuccessIcon() {
|
|
1435
1265
|
return /*#__PURE__*/y("svg", {
|
|
1436
1266
|
width: "20",
|
|
@@ -1473,7 +1303,7 @@ var errorStyles = Object.assign(Object.assign({}, baseStyles), {
|
|
|
1473
1303
|
color: '#590607'
|
|
1474
1304
|
});
|
|
1475
1305
|
var Snackbar = function Snackbar() {
|
|
1476
|
-
return /*#__PURE__*/wn.createElement(
|
|
1306
|
+
return /*#__PURE__*/wn.createElement(Ie, {
|
|
1477
1307
|
containerStyle: {
|
|
1478
1308
|
position: 'sticky',
|
|
1479
1309
|
marginTop: '4px',
|
|
@@ -1497,91 +1327,91 @@ var itemOrNone = function itemOrNone(item) {
|
|
|
1497
1327
|
var spaceOrNone = function spaceOrNone(space) {
|
|
1498
1328
|
return space ? "".concat(space, "px") : undefined;
|
|
1499
1329
|
};
|
|
1500
|
-
var Flex = He.div(
|
|
1501
|
-
var inline =
|
|
1330
|
+
var Flex = He.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n display: ", ";\n\n flex-direction: ", ";\n justify-content: ", ";\n align-items: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n order: ", ";\n align-self: ", ";\n flex-flow: ", ";\n flex-wrap: ", ";\n\n width: ", ";\n height: ", ";\n max-width: ", ";\n max-height: ", ";\n min-width: ", ";\n min-height: ", ";\n padding: ", ";\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n\n gap: ", ";\n"])), function (_ref12) {
|
|
1331
|
+
var inline = _ref12.inline;
|
|
1502
1332
|
return inline ? 'inline-flex' : 'flex';
|
|
1503
|
-
}, function (
|
|
1504
|
-
var direction =
|
|
1333
|
+
}, function (_ref13) {
|
|
1334
|
+
var direction = _ref13.direction;
|
|
1505
1335
|
return itemOrNone(direction);
|
|
1506
|
-
}, function (
|
|
1507
|
-
var justifyContent =
|
|
1508
|
-
center =
|
|
1336
|
+
}, function (_ref14) {
|
|
1337
|
+
var justifyContent = _ref14.justifyContent,
|
|
1338
|
+
center = _ref14.center;
|
|
1509
1339
|
return center ? 'center' : itemOrNone(justifyContent);
|
|
1510
|
-
}, function (
|
|
1511
|
-
var alignItems =
|
|
1512
|
-
center =
|
|
1340
|
+
}, function (_ref15) {
|
|
1341
|
+
var alignItems = _ref15.alignItems,
|
|
1342
|
+
center = _ref15.center;
|
|
1513
1343
|
return center ? 'center' : itemOrNone(alignItems);
|
|
1514
|
-
}, function (
|
|
1515
|
-
var grow =
|
|
1344
|
+
}, function (_ref16) {
|
|
1345
|
+
var grow = _ref16.grow;
|
|
1516
1346
|
return itemOrNone(grow);
|
|
1517
|
-
}, function (
|
|
1518
|
-
var shrink =
|
|
1347
|
+
}, function (_ref17) {
|
|
1348
|
+
var shrink = _ref17.shrink;
|
|
1519
1349
|
return itemOrNone(shrink);
|
|
1520
|
-
}, function (
|
|
1521
|
-
var order =
|
|
1350
|
+
}, function (_ref18) {
|
|
1351
|
+
var order = _ref18.order;
|
|
1522
1352
|
return itemOrNone(order);
|
|
1523
|
-
}, function (
|
|
1524
|
-
var alignSelf =
|
|
1353
|
+
}, function (_ref19) {
|
|
1354
|
+
var alignSelf = _ref19.alignSelf;
|
|
1525
1355
|
return itemOrNone(alignSelf);
|
|
1526
|
-
}, function (
|
|
1527
|
-
var flow =
|
|
1356
|
+
}, function (_ref20) {
|
|
1357
|
+
var flow = _ref20.flow;
|
|
1528
1358
|
return itemOrNone(flow);
|
|
1529
|
-
}, function (
|
|
1530
|
-
var wrap =
|
|
1359
|
+
}, function (_ref21) {
|
|
1360
|
+
var wrap = _ref21.wrap;
|
|
1531
1361
|
return itemOrNone(wrap);
|
|
1532
|
-
}, function (
|
|
1533
|
-
var width =
|
|
1362
|
+
}, function (_ref22) {
|
|
1363
|
+
var width = _ref22.width;
|
|
1534
1364
|
return typeof width === 'string' ? width : spaceOrNone(width);
|
|
1535
|
-
}, function (
|
|
1536
|
-
var height =
|
|
1365
|
+
}, function (_ref23) {
|
|
1366
|
+
var height = _ref23.height;
|
|
1537
1367
|
return typeof height === 'string' ? height : spaceOrNone(height);
|
|
1538
|
-
}, function (
|
|
1539
|
-
var maxWidth =
|
|
1368
|
+
}, function (_ref24) {
|
|
1369
|
+
var maxWidth = _ref24.maxWidth;
|
|
1540
1370
|
return typeof maxWidth === 'string' ? maxWidth : spaceOrNone(maxWidth);
|
|
1541
|
-
}, function (
|
|
1542
|
-
var maxHeight =
|
|
1371
|
+
}, function (_ref25) {
|
|
1372
|
+
var maxHeight = _ref25.maxHeight;
|
|
1543
1373
|
return typeof maxHeight === 'string' ? maxHeight : spaceOrNone(maxHeight);
|
|
1544
|
-
}, function (
|
|
1545
|
-
var minWidth =
|
|
1374
|
+
}, function (_ref26) {
|
|
1375
|
+
var minWidth = _ref26.minWidth;
|
|
1546
1376
|
return typeof minWidth === 'string' ? minWidth : spaceOrNone(minWidth);
|
|
1547
|
-
}, function (
|
|
1548
|
-
var minHeight =
|
|
1377
|
+
}, function (_ref27) {
|
|
1378
|
+
var minHeight = _ref27.minHeight;
|
|
1549
1379
|
return typeof minHeight === 'string' ? minHeight : spaceOrNone(minHeight);
|
|
1550
|
-
}, function (
|
|
1551
|
-
var padding =
|
|
1380
|
+
}, function (_ref28) {
|
|
1381
|
+
var padding = _ref28.padding;
|
|
1552
1382
|
return spaceOrNone(padding);
|
|
1553
|
-
}, function (
|
|
1554
|
-
var margin =
|
|
1383
|
+
}, function (_ref29) {
|
|
1384
|
+
var margin = _ref29.margin;
|
|
1555
1385
|
return spaceOrNone(margin);
|
|
1556
|
-
}, function (
|
|
1557
|
-
var marginTop =
|
|
1386
|
+
}, function (_ref30) {
|
|
1387
|
+
var marginTop = _ref30.marginTop;
|
|
1558
1388
|
return spaceOrNone(marginTop);
|
|
1559
|
-
}, function (
|
|
1560
|
-
var marginRight =
|
|
1389
|
+
}, function (_ref31) {
|
|
1390
|
+
var marginRight = _ref31.marginRight;
|
|
1561
1391
|
return spaceOrNone(marginRight);
|
|
1562
|
-
}, function (
|
|
1563
|
-
var marginBottom =
|
|
1392
|
+
}, function (_ref32) {
|
|
1393
|
+
var marginBottom = _ref32.marginBottom;
|
|
1564
1394
|
return spaceOrNone(marginBottom);
|
|
1565
|
-
}, function (
|
|
1566
|
-
var marginLeft =
|
|
1395
|
+
}, function (_ref33) {
|
|
1396
|
+
var marginLeft = _ref33.marginLeft;
|
|
1567
1397
|
return spaceOrNone(marginLeft);
|
|
1568
|
-
}, function (
|
|
1569
|
-
var paddingTop =
|
|
1398
|
+
}, function (_ref34) {
|
|
1399
|
+
var paddingTop = _ref34.paddingTop;
|
|
1570
1400
|
return spaceOrNone(paddingTop);
|
|
1571
|
-
}, function (
|
|
1572
|
-
var paddingRight =
|
|
1401
|
+
}, function (_ref35) {
|
|
1402
|
+
var paddingRight = _ref35.paddingRight;
|
|
1573
1403
|
return spaceOrNone(paddingRight);
|
|
1574
|
-
}, function (
|
|
1575
|
-
var paddingBottom =
|
|
1404
|
+
}, function (_ref36) {
|
|
1405
|
+
var paddingBottom = _ref36.paddingBottom;
|
|
1576
1406
|
return spaceOrNone(paddingBottom);
|
|
1577
|
-
}, function (
|
|
1578
|
-
var paddingLeft =
|
|
1407
|
+
}, function (_ref37) {
|
|
1408
|
+
var paddingLeft = _ref37.paddingLeft;
|
|
1579
1409
|
return spaceOrNone(paddingLeft);
|
|
1580
|
-
}, function (
|
|
1581
|
-
var gap =
|
|
1410
|
+
}, function (_ref38) {
|
|
1411
|
+
var gap = _ref38.gap;
|
|
1582
1412
|
return spaceOrNone(gap);
|
|
1583
1413
|
});
|
|
1584
|
-
var Text = He.div(
|
|
1414
|
+
var Text = He.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n color: ", ";\n text-align: ", ";\n ", ";\n"])), function (props) {
|
|
1585
1415
|
return props.color && props.theme.colors[props.color];
|
|
1586
1416
|
}, function (props) {
|
|
1587
1417
|
return props.align;
|
|
@@ -1663,7 +1493,7 @@ var ErrorSVG = function ErrorSVG() {
|
|
|
1663
1493
|
stopColor: "#E4C7C7"
|
|
1664
1494
|
}))));
|
|
1665
1495
|
};
|
|
1666
|
-
var ErrorHeader = He(Text)(
|
|
1496
|
+
var ErrorHeader = He(Text)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n text-align: center;\n"])));
|
|
1667
1497
|
var ErrorScreen = function ErrorScreen() {
|
|
1668
1498
|
var _a, _b;
|
|
1669
1499
|
var _useGlobalReducer = useGlobalReducer(),
|
|
@@ -1684,10 +1514,10 @@ var mutation = function mutation() {
|
|
|
1684
1514
|
var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
1685
1515
|
var _useSWRConfig = useSWRConfig(),
|
|
1686
1516
|
mutate = _useSWRConfig.mutate;
|
|
1687
|
-
var keyRef = _(key);
|
|
1688
|
-
var fetcherRef = _(fetcher);
|
|
1689
|
-
var configRef = _(config);
|
|
1690
|
-
var ditchMutationsUntilRef = _(0);
|
|
1517
|
+
var keyRef = _$1(key);
|
|
1518
|
+
var fetcherRef = _$1(fetcher);
|
|
1519
|
+
var configRef = _$1(config);
|
|
1520
|
+
var ditchMutationsUntilRef = _$1(0);
|
|
1691
1521
|
var _useStateWithDeps = useStateWithDeps({
|
|
1692
1522
|
data: UNDEFINED,
|
|
1693
1523
|
error: UNDEFINED,
|
|
@@ -1698,8 +1528,8 @@ var mutation = function mutation() {
|
|
|
1698
1528
|
stateDependencies = _useStateWithDeps2[1],
|
|
1699
1529
|
setState = _useStateWithDeps2[2];
|
|
1700
1530
|
var currentState = stateRef.current;
|
|
1701
|
-
var trigger = T( /*#__PURE__*/function () {
|
|
1702
|
-
var
|
|
1531
|
+
var trigger = T$1( /*#__PURE__*/function () {
|
|
1532
|
+
var _ref39 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(arg, opts) {
|
|
1703
1533
|
var _serialize, _serialize2, serializedKey, resolvedKey, options, mutationStartedAt, data;
|
|
1704
1534
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
1705
1535
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -1768,10 +1598,10 @@ var mutation = function mutation() {
|
|
|
1768
1598
|
}, _callee, null, [[9, 17]]);
|
|
1769
1599
|
}));
|
|
1770
1600
|
return function (_x, _x2) {
|
|
1771
|
-
return
|
|
1601
|
+
return _ref39.apply(this, arguments);
|
|
1772
1602
|
};
|
|
1773
1603
|
}(), []);
|
|
1774
|
-
var reset = T(function () {
|
|
1604
|
+
var reset = T$1(function () {
|
|
1775
1605
|
ditchMutationsUntilRef.current = getTimestamp();
|
|
1776
1606
|
setState({
|
|
1777
1607
|
data: UNDEFINED,
|
|
@@ -1845,20 +1675,20 @@ var useExtractSlug = function useExtractSlug() {
|
|
|
1845
1675
|
_useGlobalReducer4 = _slicedToArray(_useGlobalReducer3, 2),
|
|
1846
1676
|
state = _useGlobalReducer4[0],
|
|
1847
1677
|
dispatch = _useGlobalReducer4[1];
|
|
1848
|
-
var _h$ = h$
|
|
1849
|
-
_h$
|
|
1850
|
-
pattern = _h$
|
|
1851
|
-
setPattern = _h$
|
|
1678
|
+
var _h$3 = h$2(),
|
|
1679
|
+
_h$4 = _slicedToArray(_h$3, 2),
|
|
1680
|
+
pattern = _h$4[0],
|
|
1681
|
+
setPattern = _h$4[1];
|
|
1852
1682
|
var stytchClient = useStytch();
|
|
1853
1683
|
var slug = extractFromPattern(pattern || null);
|
|
1854
|
-
var _useMutate = useMutate('stytchClient.organization.getBySlug', function (_,
|
|
1855
|
-
var slug =
|
|
1684
|
+
var _useMutate = useMutate('stytchClient.organization.getBySlug', function (_, _ref40) {
|
|
1685
|
+
var slug = _ref40.arg.slug;
|
|
1856
1686
|
return stytchClient.organization.getBySlug({
|
|
1857
1687
|
organization_slug: slug
|
|
1858
1688
|
});
|
|
1859
1689
|
}, {
|
|
1860
|
-
onSuccess: function onSuccess(
|
|
1861
|
-
var organization =
|
|
1690
|
+
onSuccess: function onSuccess(_ref41) {
|
|
1691
|
+
var organization = _ref41.organization;
|
|
1862
1692
|
if (organization === null) {
|
|
1863
1693
|
dispatch({
|
|
1864
1694
|
type: 'set_error_message_and_transition',
|
|
@@ -1875,8 +1705,8 @@ var useExtractSlug = function useExtractSlug() {
|
|
|
1875
1705
|
trigger = _useMutate.trigger,
|
|
1876
1706
|
isSearching = _useMutate.isMutating;
|
|
1877
1707
|
p$1(function () {
|
|
1878
|
-
readB2BInternals(stytchClient).bootstrap.getAsync().then(function (
|
|
1879
|
-
var slugPattern =
|
|
1708
|
+
readB2BInternals(stytchClient).bootstrap.getAsync().then(function (_ref42) {
|
|
1709
|
+
var slugPattern = _ref42.slugPattern;
|
|
1880
1710
|
setPattern(slugPattern);
|
|
1881
1711
|
});
|
|
1882
1712
|
}, [stytchClient]);
|
|
@@ -1895,10 +1725,10 @@ var useExtractSlug = function useExtractSlug() {
|
|
|
1895
1725
|
};
|
|
1896
1726
|
var useBootstrap = function useBootstrap() {
|
|
1897
1727
|
var stytchClient = useStytch();
|
|
1898
|
-
var _h$
|
|
1899
|
-
_h$
|
|
1900
|
-
boostrap = _h$
|
|
1901
|
-
setBootstrap = _h$
|
|
1728
|
+
var _h$5 = h$2(readB2BInternals(stytchClient).bootstrap.getSync()),
|
|
1729
|
+
_h$6 = _slicedToArray(_h$5, 2),
|
|
1730
|
+
boostrap = _h$6[0],
|
|
1731
|
+
setBootstrap = _h$6[1];
|
|
1902
1732
|
p$1(function () {
|
|
1903
1733
|
readB2BInternals(stytchClient).bootstrap.getAsync().then(function (data) {
|
|
1904
1734
|
setBootstrap(data);
|
|
@@ -1922,22 +1752,22 @@ var usePasswordInput = function usePasswordInput() {
|
|
|
1922
1752
|
var stytch = useStytch();
|
|
1923
1753
|
var onEvent = useEventCallback();
|
|
1924
1754
|
var onError = useErrorCallback();
|
|
1925
|
-
var _h$
|
|
1926
|
-
_h$6 = _slicedToArray(_h$5, 2),
|
|
1927
|
-
email = _h$6[0],
|
|
1928
|
-
setEmail = _h$6[1];
|
|
1929
|
-
var _h$7 = h$1(''),
|
|
1755
|
+
var _h$7 = h$2(state.formState.passwordState.email),
|
|
1930
1756
|
_h$8 = _slicedToArray(_h$7, 2),
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
var _h$9 = h$
|
|
1757
|
+
email = _h$8[0],
|
|
1758
|
+
setEmail = _h$8[1];
|
|
1759
|
+
var _h$9 = h$2(''),
|
|
1934
1760
|
_h$10 = _slicedToArray(_h$9, 2),
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
var _h$11 = h$
|
|
1761
|
+
password = _h$10[0],
|
|
1762
|
+
setPassword = _h$10[1];
|
|
1763
|
+
var _h$11 = h$2(''),
|
|
1938
1764
|
_h$12 = _slicedToArray(_h$11, 2),
|
|
1939
|
-
|
|
1940
|
-
|
|
1765
|
+
errorMessage = _h$12[0],
|
|
1766
|
+
setErrorMessage = _h$12[1];
|
|
1767
|
+
var _h$13 = h$2(false),
|
|
1768
|
+
_h$14 = _slicedToArray(_h$13, 2),
|
|
1769
|
+
isSubmitting = _h$14[0],
|
|
1770
|
+
setIsSubmitting = _h$14[1];
|
|
1941
1771
|
var organization = state.flowState.organization;
|
|
1942
1772
|
var submitPassword = function submitPassword(organization_id) {
|
|
1943
1773
|
var _a, _b;
|
|
@@ -2027,7 +1857,7 @@ var extractFromPattern = function extractFromPattern(pattern) {
|
|
|
2027
1857
|
}
|
|
2028
1858
|
return null;
|
|
2029
1859
|
};
|
|
2030
|
-
var Button = He.button(
|
|
1860
|
+
var Button = He.button(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n all: unset;\n width: 100%;\n height: 45px;\n border-radius: 4px;\n cursor: pointer;\n font-size: 18px;\n text-transform: none;\n font-family: ", ";\n box-shadow: none;\n text-align: center;\n\n ", "\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n border: ", ";\n border-radius: ", ";\n cursor: not-allowed;\n }\n"])), function (props) {
|
|
2031
1861
|
return props.theme.typography.fontFamily;
|
|
2032
1862
|
}, function (props) {
|
|
2033
1863
|
switch (props.variant) {
|
|
@@ -2050,20 +1880,20 @@ var Button = He.button(_templateObject8 || (_templateObject8 = _taggedTemplateLi
|
|
|
2050
1880
|
Button.defaultProps = {
|
|
2051
1881
|
variant: 'primary'
|
|
2052
1882
|
};
|
|
2053
|
-
var circularRotateKeyframe = Ue(
|
|
2054
|
-
var circularDashKeyframe = Ue(
|
|
2055
|
-
var AnimatedCircle = He.circle(
|
|
1883
|
+
var circularRotateKeyframe = Ue(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
1884
|
+
var circularDashKeyframe = Ue(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n"])));
|
|
1885
|
+
var AnimatedCircle = He.circle(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n stroke-dasharray: 80px, 200px;\n stroke-dashoffset: 0;\n animation: ", " 1.4s ease-in-out infinite;\n stroke: ", ";\n fill: none;\n"])), circularDashKeyframe, function (props) {
|
|
2056
1886
|
return props.theme.colors.primary;
|
|
2057
1887
|
});
|
|
2058
|
-
var CircularProgressRoot = He.div(
|
|
1888
|
+
var CircularProgressRoot = He.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n width: ", "px;\n height: ", "px;\n animation: ", " 1.4s ease-in-out infinite;\n"])), function (props) {
|
|
2059
1889
|
return props.size;
|
|
2060
1890
|
}, function (props) {
|
|
2061
1891
|
return props.size;
|
|
2062
1892
|
}, circularRotateKeyframe);
|
|
2063
|
-
var CircularProgressSVG = He.svg(
|
|
2064
|
-
var CircularProgress = function CircularProgress(
|
|
2065
|
-
var size =
|
|
2066
|
-
thickness =
|
|
1893
|
+
var CircularProgressSVG = He.svg(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n display: block;\n"])));
|
|
1894
|
+
var CircularProgress = function CircularProgress(_ref43) {
|
|
1895
|
+
var size = _ref43.size,
|
|
1896
|
+
thickness = _ref43.thickness;
|
|
2067
1897
|
return /*#__PURE__*/wn.createElement(CircularProgressRoot, {
|
|
2068
1898
|
size: size
|
|
2069
1899
|
}, /*#__PURE__*/wn.createElement(CircularProgressSVG, {
|
|
@@ -2091,7 +1921,7 @@ var SubmitButton = function SubmitButton(props) {
|
|
|
2091
1921
|
"data-testid": "loading-icon"
|
|
2092
1922
|
}))) : props.text);
|
|
2093
1923
|
};
|
|
2094
|
-
var Input = He.input(
|
|
1924
|
+
var Input = He.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n background-color: ", ";\n height: 47px;\n padding: 0 8px;\n box-sizing: border-box;\n border: 1px solid ", ";\n border-radius: ", ";\n color: ", ";\n font-family: ", ";\n font-size: 18px;\n &::placeholder {\n color: ", ";\n }\n\n &:disabled {\n border: 1px solid ", ";\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
2095
1925
|
return props.theme.inputs.backgroundColor;
|
|
2096
1926
|
}, function (props) {
|
|
2097
1927
|
return props.theme.inputs.borderColor;
|
|
@@ -2110,13 +1940,13 @@ var Input = He.input(_templateObject14 || (_templateObject14 = _taggedTemplateLi
|
|
|
2110
1940
|
}, function (props) {
|
|
2111
1941
|
return props.theme.colors.disabled;
|
|
2112
1942
|
});
|
|
2113
|
-
var EmailInput = function EmailInput(
|
|
2114
|
-
var email =
|
|
2115
|
-
setEmail =
|
|
2116
|
-
|
|
2117
|
-
disableInput =
|
|
2118
|
-
|
|
2119
|
-
hasPasskeys =
|
|
1943
|
+
var EmailInput = function EmailInput(_ref44) {
|
|
1944
|
+
var email = _ref44.email,
|
|
1945
|
+
setEmail = _ref44.setEmail,
|
|
1946
|
+
_ref44$disableInput = _ref44.disableInput,
|
|
1947
|
+
disableInput = _ref44$disableInput === void 0 ? false : _ref44$disableInput,
|
|
1948
|
+
_ref44$hasPasskeys = _ref44.hasPasskeys,
|
|
1949
|
+
hasPasskeys = _ref44$hasPasskeys === void 0 ? false : _ref44$hasPasskeys;
|
|
2120
1950
|
return /*#__PURE__*/wn.createElement(Input, Object.assign({
|
|
2121
1951
|
placeholder: "example@email.com",
|
|
2122
1952
|
name: "email",
|
|
@@ -2154,9 +1984,9 @@ var mapURLsToLinks = function mapURLsToLinks(str) {
|
|
|
2154
1984
|
}
|
|
2155
1985
|
return chunkResults;
|
|
2156
1986
|
};
|
|
2157
|
-
var ErrorText = function ErrorText(
|
|
2158
|
-
var errorMessage =
|
|
2159
|
-
var tokens = F(function () {
|
|
1987
|
+
var ErrorText = function ErrorText(_ref45) {
|
|
1988
|
+
var errorMessage = _ref45.errorMessage;
|
|
1989
|
+
var tokens = F$1(function () {
|
|
2160
1990
|
return mapURLsToLinks(errorMessage);
|
|
2161
1991
|
}, [errorMessage]);
|
|
2162
1992
|
return /*#__PURE__*/wn.createElement(Text, {
|
|
@@ -2165,9 +1995,9 @@ var ErrorText = function ErrorText(_ref40) {
|
|
|
2165
1995
|
}, tokens);
|
|
2166
1996
|
};
|
|
2167
1997
|
var JIT_PROVISIONING_ERRORS = ['email_jit_provisioning_not_allowed', 'invalid_email_for_jit_provisioning'];
|
|
2168
|
-
var parseErrorMessage = function parseErrorMessage(error,
|
|
2169
|
-
var email =
|
|
2170
|
-
org =
|
|
1998
|
+
var parseErrorMessage = function parseErrorMessage(error, _ref46) {
|
|
1999
|
+
var email = _ref46.email,
|
|
2000
|
+
org = _ref46.org;
|
|
2171
2001
|
if (JIT_PROVISIONING_ERRORS.includes(error.error_type)) {
|
|
2172
2002
|
return "".concat(email, " does not have access to ").concat(org, ". If you think this is a mistake, contact your admin");
|
|
2173
2003
|
} else {
|
|
@@ -2181,14 +2011,14 @@ var MagicLinkEmailForm = function MagicLinkEmailForm() {
|
|
|
2181
2011
|
dispatch = _useGlobalReducer8[1];
|
|
2182
2012
|
var stytchClient = useStytch();
|
|
2183
2013
|
var config = useConfig();
|
|
2184
|
-
var _h$
|
|
2185
|
-
_h$
|
|
2186
|
-
emailInput = _h$
|
|
2187
|
-
setEmailInput = _h$
|
|
2014
|
+
var _h$15 = h$2(''),
|
|
2015
|
+
_h$16 = _slicedToArray(_h$15, 2),
|
|
2016
|
+
emailInput = _h$16[0],
|
|
2017
|
+
setEmailInput = _h$16[1];
|
|
2188
2018
|
var providedEmail = state.primary.email;
|
|
2189
2019
|
var email = providedEmail || emailInput;
|
|
2190
|
-
var _useMutate2 = useMutate('stytch.magicLinks.email.loginOrSignup', function (_,
|
|
2191
|
-
var organization_id =
|
|
2020
|
+
var _useMutate2 = useMutate('stytch.magicLinks.email.loginOrSignup', function (_, _ref47) {
|
|
2021
|
+
var organization_id = _ref47.arg.organization_id;
|
|
2192
2022
|
var _a, _b, _c, _d;
|
|
2193
2023
|
return stytchClient.magicLinks.email.loginOrSignup({
|
|
2194
2024
|
email_address: email,
|
|
@@ -2262,10 +2092,10 @@ var MagicLinkEmailDiscoveryForm = function MagicLinkEmailDiscoveryForm() {
|
|
|
2262
2092
|
dispatch = _useGlobalReducer10[1];
|
|
2263
2093
|
var stytchClient = useStytch();
|
|
2264
2094
|
var config = useConfig();
|
|
2265
|
-
var _h$
|
|
2266
|
-
_h$
|
|
2267
|
-
email = _h$
|
|
2268
|
-
setEmail = _h$
|
|
2095
|
+
var _h$17 = h$2(''),
|
|
2096
|
+
_h$18 = _slicedToArray(_h$17, 2),
|
|
2097
|
+
email = _h$18[0],
|
|
2098
|
+
setEmail = _h$18[1];
|
|
2269
2099
|
var _useMutate3 = useMutate('stytch.magicLinks.discovery.send', function () {
|
|
2270
2100
|
var _a, _b;
|
|
2271
2101
|
return stytchClient.magicLinks.email.discovery.send({
|
|
@@ -2320,9 +2150,9 @@ var MagicLinkEmailDiscoveryForm = function MagicLinkEmailDiscoveryForm() {
|
|
|
2320
2150
|
text: 'Continue with email'
|
|
2321
2151
|
})));
|
|
2322
2152
|
};
|
|
2323
|
-
var SSOButton = function SSOButton(
|
|
2324
|
-
var display_name =
|
|
2325
|
-
connection_id =
|
|
2153
|
+
var SSOButton = function SSOButton(_ref48) {
|
|
2154
|
+
var display_name = _ref48.display_name,
|
|
2155
|
+
connection_id = _ref48.connection_id;
|
|
2326
2156
|
var stytchClient = useStytch();
|
|
2327
2157
|
var config = useConfig();
|
|
2328
2158
|
var onButtonClick = function onButtonClick() {
|
|
@@ -2365,17 +2195,17 @@ var SSOButtons = function SSOButtons() {
|
|
|
2365
2195
|
});
|
|
2366
2196
|
}));
|
|
2367
2197
|
};
|
|
2368
|
-
var DividerContainer = He(Flex)(
|
|
2198
|
+
var DividerContainer = He(Flex)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n color: ", ";\n"])), function (props) {
|
|
2369
2199
|
return props.theme.colors.secondary;
|
|
2370
2200
|
});
|
|
2371
|
-
var DividerBar = He.div(
|
|
2201
|
+
var DividerBar = He.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n ", "\n ", "\n border-bottom: 1px solid ", ";\n flex-grow: 1;\n"])), function (props) {
|
|
2372
2202
|
return props.$placement === 'left' && 'margin-right: 6px;';
|
|
2373
2203
|
}, function (props) {
|
|
2374
2204
|
return props.$placement === 'right' && 'margin-left: 6px;';
|
|
2375
2205
|
}, function (props) {
|
|
2376
2206
|
return props.theme.colors.secondary;
|
|
2377
2207
|
});
|
|
2378
|
-
var StyledText = He(Text)(
|
|
2208
|
+
var StyledText = He(Text)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n color: ", ";\n"])), function (props) {
|
|
2379
2209
|
return props.theme.colors.secondary;
|
|
2380
2210
|
});
|
|
2381
2211
|
var Divider = function Divider() {
|
|
@@ -2387,9 +2217,9 @@ var Divider = function Divider() {
|
|
|
2387
2217
|
"$placement": "right"
|
|
2388
2218
|
}));
|
|
2389
2219
|
};
|
|
2390
|
-
var PasswordIconSvg = function PasswordIconSvg(
|
|
2391
|
-
var
|
|
2392
|
-
enabled =
|
|
2220
|
+
var PasswordIconSvg = function PasswordIconSvg(_ref49) {
|
|
2221
|
+
var _ref49$enabled = _ref49.enabled,
|
|
2222
|
+
enabled = _ref49$enabled === void 0 ? false : _ref49$enabled;
|
|
2393
2223
|
return /*#__PURE__*/wn.createElement("svg", {
|
|
2394
2224
|
width: "20",
|
|
2395
2225
|
height: "14",
|
|
@@ -2413,7 +2243,7 @@ var PasswordIconVisibleSvg = function PasswordIconVisibleSvg() {
|
|
|
2413
2243
|
fill: "#19303D"
|
|
2414
2244
|
}));
|
|
2415
2245
|
};
|
|
2416
|
-
var BaseInput = He.input(
|
|
2246
|
+
var BaseInput = He.input(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n border: 0;\n padding: 0;\n width: 100%;\n\n background-color: transparent;\n height: 45px;\n color: ", ";\n font-family: ", ";\n font-size: 18px;\n\n &::placeholder: {\n color: ", ";\n }\n\n &:disabled {\n color: ", ";\n background-color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n"])), function (props) {
|
|
2417
2247
|
return props.theme.inputs.textColor;
|
|
2418
2248
|
}, function (props) {
|
|
2419
2249
|
return props.theme.typography.fontFamily;
|
|
@@ -2424,7 +2254,7 @@ var BaseInput = He.input(_templateObject18 || (_templateObject18 = _taggedTempla
|
|
|
2424
2254
|
}, function (props) {
|
|
2425
2255
|
return props.theme.colors.disabled;
|
|
2426
2256
|
});
|
|
2427
|
-
var InputContainer = He(Flex)(
|
|
2257
|
+
var InputContainer = He(Flex)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n background-color: ", ";\n height: 45px;\n padding-left: 8px;\n padding-right: 8px;\n border: 1px solid ", ";\n border-radius: ", ";\n color: ", ";\n font-family: ", ";\n font-size: 18px;\n width: calc(100% - 18px);\n & input::placeholder: {\n color: ", ";\n }\n"])), function (props) {
|
|
2428
2258
|
return props.theme.inputs.backgroundColor;
|
|
2429
2259
|
}, function (props) {
|
|
2430
2260
|
return props.theme.inputs.borderColor;
|
|
@@ -2437,11 +2267,11 @@ var InputContainer = He(Flex)(_templateObject19 || (_templateObject19 = _taggedT
|
|
|
2437
2267
|
}, function (props) {
|
|
2438
2268
|
return props.theme.inputs.placeholderColor;
|
|
2439
2269
|
});
|
|
2440
|
-
var PasswordIconButton = He.button(
|
|
2441
|
-
var PasswordIcon = function PasswordIcon(
|
|
2442
|
-
var onClick =
|
|
2443
|
-
enabled =
|
|
2444
|
-
visible =
|
|
2270
|
+
var PasswordIconButton = He.button(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n all: unset;\n cursor: pointer;\n"])));
|
|
2271
|
+
var PasswordIcon = function PasswordIcon(_ref50) {
|
|
2272
|
+
var onClick = _ref50.onClick,
|
|
2273
|
+
enabled = _ref50.enabled,
|
|
2274
|
+
visible = _ref50.visible;
|
|
2445
2275
|
return /*#__PURE__*/wn.createElement(PasswordIconButton, {
|
|
2446
2276
|
onClick: onClick,
|
|
2447
2277
|
type: "button"
|
|
@@ -2449,14 +2279,14 @@ var PasswordIcon = function PasswordIcon(_ref45) {
|
|
|
2449
2279
|
enabled: enabled
|
|
2450
2280
|
}));
|
|
2451
2281
|
};
|
|
2452
|
-
var PasswordInput = function PasswordInput(
|
|
2453
|
-
var password =
|
|
2454
|
-
setPassword =
|
|
2455
|
-
type =
|
|
2456
|
-
var _h$
|
|
2457
|
-
_h$
|
|
2458
|
-
visible = _h$
|
|
2459
|
-
setVisible = _h$
|
|
2282
|
+
var PasswordInput = function PasswordInput(_ref51) {
|
|
2283
|
+
var password = _ref51.password,
|
|
2284
|
+
setPassword = _ref51.setPassword,
|
|
2285
|
+
type = _ref51.type;
|
|
2286
|
+
var _h$19 = h$2(false),
|
|
2287
|
+
_h$20 = _slicedToArray(_h$19, 2),
|
|
2288
|
+
visible = _h$20[0],
|
|
2289
|
+
setVisible = _h$20[1];
|
|
2460
2290
|
return /*#__PURE__*/wn.createElement(InputContainer, {
|
|
2461
2291
|
gap: 2,
|
|
2462
2292
|
alignItems: "center"
|
|
@@ -2481,9 +2311,9 @@ var PasswordInput = function PasswordInput(_ref46) {
|
|
|
2481
2311
|
visible: visible
|
|
2482
2312
|
}));
|
|
2483
2313
|
};
|
|
2484
|
-
var BackButton = He.button(
|
|
2485
|
-
var BackArrowSvg = function BackArrowSvg(
|
|
2486
|
-
var color =
|
|
2314
|
+
var BackButton = He.button(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n all: unset;\n cursor: pointer;\n"])));
|
|
2315
|
+
var BackArrowSvg = function BackArrowSvg(_ref52) {
|
|
2316
|
+
var color = _ref52.color;
|
|
2487
2317
|
return /*#__PURE__*/wn.createElement("svg", {
|
|
2488
2318
|
width: "24",
|
|
2489
2319
|
height: "24",
|
|
@@ -2495,8 +2325,8 @@ var BackArrowSvg = function BackArrowSvg(_ref47) {
|
|
|
2495
2325
|
fill: color
|
|
2496
2326
|
}));
|
|
2497
2327
|
};
|
|
2498
|
-
var BackArrow = function BackArrow(
|
|
2499
|
-
var onClick =
|
|
2328
|
+
var BackArrow = function BackArrow(_ref53) {
|
|
2329
|
+
var onClick = _ref53.onClick;
|
|
2500
2330
|
var theme = Ze();
|
|
2501
2331
|
return /*#__PURE__*/wn.createElement(BackButton, {
|
|
2502
2332
|
type: "button",
|
|
@@ -2506,7 +2336,7 @@ var BackArrow = function BackArrow(_ref48) {
|
|
|
2506
2336
|
color: theme.colors.primary
|
|
2507
2337
|
}));
|
|
2508
2338
|
};
|
|
2509
|
-
var GetHelpText = He(Text)(
|
|
2339
|
+
var GetHelpText = He(Text)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n font-weight: bold !important;\n cursor: pointer;\n"])));
|
|
2510
2340
|
var PasswordsAuthenticate = function PasswordsAuthenticate() {
|
|
2511
2341
|
var _useGlobalReducer13 = useGlobalReducer(),
|
|
2512
2342
|
_useGlobalReducer14 = _slicedToArray(_useGlobalReducer13, 2),
|
|
@@ -2628,10 +2458,10 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
|
|
|
2628
2458
|
setIsSubmitting = _usePasswordInput2.setIsSubmitting,
|
|
2629
2459
|
submitPassword = _usePasswordInput2.submitPassword,
|
|
2630
2460
|
handleNonMemberReset = _usePasswordInput2.handleNonMemberReset;
|
|
2631
|
-
var _h$
|
|
2632
|
-
_h$
|
|
2633
|
-
hideInput = _h$
|
|
2634
|
-
setHideInput = _h$
|
|
2461
|
+
var _h$21 = h$2(!email),
|
|
2462
|
+
_h$22 = _slicedToArray(_h$21, 2),
|
|
2463
|
+
hideInput = _h$22[0],
|
|
2464
|
+
setHideInput = _h$22[1];
|
|
2635
2465
|
if (!passwordOptions) return /*#__PURE__*/wn.createElement(wn.Fragment, null);
|
|
2636
2466
|
if (!organization) return /*#__PURE__*/wn.createElement(wn.Fragment, null);
|
|
2637
2467
|
var handleSubmit = function handleSubmit(e) {
|
|
@@ -2658,8 +2488,8 @@ var PasswordsEmailForm = function PasswordsEmailForm() {
|
|
|
2658
2488
|
case 8:
|
|
2659
2489
|
setErrorMessage('');
|
|
2660
2490
|
setIsSubmitting(true);
|
|
2661
|
-
readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (
|
|
2662
|
-
var member =
|
|
2491
|
+
readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref54) {
|
|
2492
|
+
var member = _ref54.member;
|
|
2663
2493
|
if (member === null || member === void 0 ? void 0 : member.member_password_id) {
|
|
2664
2494
|
setHideInput(false);
|
|
2665
2495
|
setIsSubmitting(false);
|
|
@@ -2858,7 +2688,7 @@ var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProvider
|
|
|
2858
2688
|
};
|
|
2859
2689
|
var useIsOnlyFloatingOneTap = function useIsOnlyFloatingOneTap() {
|
|
2860
2690
|
var config = useConfig();
|
|
2861
|
-
var isOnlyFloatingOneTap = F(function () {
|
|
2691
|
+
var isOnlyFloatingOneTap = F$1(function () {
|
|
2862
2692
|
var _a, _b;
|
|
2863
2693
|
var oauthProvider = config.oauthOptions ? getParamsFromB2BOAuthProviderConfig((_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers[0]) : undefined;
|
|
2864
2694
|
var isGoogleOneTap = (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.type) === B2BOAuthProviders.Google && (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.oneTap) === true;
|
|
@@ -2867,7 +2697,7 @@ var useIsOnlyFloatingOneTap = function useIsOnlyFloatingOneTap() {
|
|
|
2867
2697
|
return isOnlyFloatingOneTap;
|
|
2868
2698
|
};
|
|
2869
2699
|
var useIsUnmounted = function useIsUnmounted() {
|
|
2870
|
-
var isUnmounted = _(false);
|
|
2700
|
+
var isUnmounted = _$1(false);
|
|
2871
2701
|
p$1(function () {
|
|
2872
2702
|
return function () {
|
|
2873
2703
|
isUnmounted.current = true;
|
|
@@ -2911,8 +2741,8 @@ var OAuthB2BButton = function OAuthB2BButton(props) {
|
|
|
2911
2741
|
}
|
|
2912
2742
|
}, "Continue with ", props.providerTypeTitle)));
|
|
2913
2743
|
};
|
|
2914
|
-
var OAuthErrorMessage = function OAuthErrorMessage(
|
|
2915
|
-
var children =
|
|
2744
|
+
var OAuthErrorMessage = function OAuthErrorMessage(_ref55) {
|
|
2745
|
+
var children = _ref55.children;
|
|
2916
2746
|
return /*#__PURE__*/wn.createElement("div", {
|
|
2917
2747
|
key: "oauth-error-message"
|
|
2918
2748
|
}, /*#__PURE__*/wn.createElement(Text, {
|
|
@@ -2924,9 +2754,9 @@ var OneTapNoConfiguredClientsErrorMessage = function OneTapNoConfiguredClientsEr
|
|
|
2924
2754
|
href: "https://stytch.com/dashboard/oauth"
|
|
2925
2755
|
}, "dashboard."));
|
|
2926
2756
|
};
|
|
2927
|
-
var RedirectUrlsErrorMessage = function RedirectUrlsErrorMessage(
|
|
2928
|
-
var niceName =
|
|
2929
|
-
variableName =
|
|
2757
|
+
var RedirectUrlsErrorMessage = function RedirectUrlsErrorMessage(_ref56) {
|
|
2758
|
+
var niceName = _ref56.niceName,
|
|
2759
|
+
variableName = _ref56.variableName;
|
|
2930
2760
|
return /*#__PURE__*/wn.createElement(OAuthErrorMessage, null, "One Tap cannot render because there are no ", niceName, " set for this project so we are unable to verify the", ' ', /*#__PURE__*/wn.createElement("code", null, variableName), "\xA0 provided in the configuration. To set ", niceName, " for this project please visit\xA0", /*#__PURE__*/wn.createElement("a", {
|
|
2931
2761
|
href: "https://stytch.com/docs/javascript-sdk"
|
|
2932
2762
|
}, "the Stytch dashboard."), "\xA0 For more information on why this validation is necessary please visit\xA0", /*#__PURE__*/wn.createElement("a", {
|
|
@@ -2971,7 +2801,7 @@ var OneTapErrors;
|
|
|
2971
2801
|
OneTapErrors["DefaultProviderNotAllowed"] = "default_provider_not_allowed";
|
|
2972
2802
|
})(OneTapErrors || (OneTapErrors = {}));
|
|
2973
2803
|
var ErrorMessages = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, OneTapErrors.None, /*#__PURE__*/wn.createElement(wn.Fragment, null)), OneTapErrors.OriginNotAllowedForClient, /*#__PURE__*/wn.createElement(OneTapJSOriginErrorMessage, null)), OneTapErrors.InvalidOAuthClient, /*#__PURE__*/wn.createElement(OneTapInvalidOAuthClient, null)), OneTapErrors.NoConfiguredOAuthClient, /*#__PURE__*/wn.createElement(OneTapNoConfiguredClientsErrorMessage, null)), OneTapErrors.NoConfiguredLoginRedirectUrls, /*#__PURE__*/wn.createElement(OneTapNoConfiguredLoginRedirectUrlsErrorMessage, null)), OneTapErrors.NoConfiguredSignupRedirectUrls, /*#__PURE__*/wn.createElement(OneTapNoConfiguredSignupRedirectUrlsErrorMessage, null)), OneTapErrors.DefaultProviderNotAllowed, /*#__PURE__*/wn.createElement(OneTapNoDefaultProviderAllowedErrorMessage, null));
|
|
2974
|
-
He.div(
|
|
2804
|
+
He.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n height: ", ";\n display: ", ";\n transition: all 0.5s ease-out;\n justify-content: center;\n align-items: center;\n"])), function (props) {
|
|
2975
2805
|
return "".concat(props.$height, "px");
|
|
2976
2806
|
}, function (props) {
|
|
2977
2807
|
return props.pending ? 'flex' : 'block';
|
|
@@ -2981,16 +2811,16 @@ var B2BGoogleOneTap = function B2BGoogleOneTap() {
|
|
|
2981
2811
|
var stytch = useStytch();
|
|
2982
2812
|
var config = useConfig();
|
|
2983
2813
|
var isOnlyFloatingOneTap = useIsOnlyFloatingOneTap();
|
|
2984
|
-
var _h$
|
|
2985
|
-
_h$
|
|
2986
|
-
oneTapError = _h$
|
|
2987
|
-
setOneTapError = _h$
|
|
2814
|
+
var _h$23 = h$2(OneTapErrors.None),
|
|
2815
|
+
_h$24 = _slicedToArray(_h$23, 2),
|
|
2816
|
+
oneTapError = _h$24[0],
|
|
2817
|
+
setOneTapError = _h$24[1];
|
|
2988
2818
|
var isUnmounted = useIsUnmounted();
|
|
2989
2819
|
var _useGlobalReducer19 = useGlobalReducer(),
|
|
2990
2820
|
_useGlobalReducer20 = _slicedToArray(_useGlobalReducer19, 2),
|
|
2991
2821
|
state = _useGlobalReducer20[0],
|
|
2992
2822
|
dispatch = _useGlobalReducer20[1];
|
|
2993
|
-
var attemptToLoadOneTap = T(function () {
|
|
2823
|
+
var attemptToLoadOneTap = T$1(function () {
|
|
2994
2824
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
|
|
2995
2825
|
var _g, _h, _j, _readB2BInternals, oneTap, clientResult, client, oneTapCallback, renderResult;
|
|
2996
2826
|
return _regeneratorRuntime().wrap(function _callee6$(_context6) {
|
|
@@ -3111,19 +2941,19 @@ var B2BGoogleOneTap = function B2BGoogleOneTap() {
|
|
|
3111
2941
|
};
|
|
3112
2942
|
var productsToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, B2BProducts.oauth, undefined), B2BProducts.sso, 'sso'), B2BProducts.emailMagicLinks, 'magic_link'), B2BProducts.passwords, 'password');
|
|
3113
2943
|
var oauthProvidersToAuthMethods = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, B2BOAuthProviders.Google, 'google_oauth'), B2BOAuthProviders.Microsoft, 'microsoft_oauth'), B2BOAuthProviders.HubSpot, 'hubspot_oauth'), B2BOAuthProviders.Slack, 'slack_oauth');
|
|
3114
|
-
var authMethodsToProducts = Object.entries(productsToAuthMethods).reduce(function (acc,
|
|
3115
|
-
var
|
|
3116
|
-
product =
|
|
3117
|
-
method =
|
|
2944
|
+
var authMethodsToProducts = Object.entries(productsToAuthMethods).reduce(function (acc, _ref57) {
|
|
2945
|
+
var _ref58 = _slicedToArray(_ref57, 2),
|
|
2946
|
+
product = _ref58[0],
|
|
2947
|
+
method = _ref58[1];
|
|
3118
2948
|
if (method) {
|
|
3119
2949
|
acc[method] = product;
|
|
3120
2950
|
}
|
|
3121
2951
|
return acc;
|
|
3122
2952
|
}, {});
|
|
3123
|
-
var oauthMethodsToOauthProviders = Object.entries(oauthProvidersToAuthMethods).reduce(function (acc,
|
|
3124
|
-
var
|
|
3125
|
-
provider =
|
|
3126
|
-
method =
|
|
2953
|
+
var oauthMethodsToOauthProviders = Object.entries(oauthProvidersToAuthMethods).reduce(function (acc, _ref59) {
|
|
2954
|
+
var _ref60 = _slicedToArray(_ref59, 2),
|
|
2955
|
+
provider = _ref60[0],
|
|
2956
|
+
method = _ref60[1];
|
|
3127
2957
|
acc[method] = provider;
|
|
3128
2958
|
return acc;
|
|
3129
2959
|
}, {});
|
|
@@ -3165,7 +2995,7 @@ var flattenConfigToAuthMethods = function flattenConfigToAuthMethods(products, o
|
|
|
3165
2995
|
var useOAuthProviderConfigs = function useOAuthProviderConfigs() {
|
|
3166
2996
|
var _a;
|
|
3167
2997
|
var config = useConfig();
|
|
3168
|
-
return F(function () {
|
|
2998
|
+
return F$1(function () {
|
|
3169
2999
|
var _a;
|
|
3170
3000
|
if (!((_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers)) {
|
|
3171
3001
|
return [];
|
|
@@ -3180,7 +3010,7 @@ var useRestrictedAuthMethods = function useRestrictedAuthMethods() {
|
|
|
3180
3010
|
state = _useGlobalReducer22[0];
|
|
3181
3011
|
var primaryAuthMethods = state.primary.primaryAuthMethods;
|
|
3182
3012
|
var hasPrimaryAuthMethods = !!primaryAuthMethods;
|
|
3183
|
-
var restrictedAuthMethods = F(function () {
|
|
3013
|
+
var restrictedAuthMethods = F$1(function () {
|
|
3184
3014
|
var _a, _b, _c;
|
|
3185
3015
|
if (state.primary.primaryAuthMethods) {
|
|
3186
3016
|
return new Set(state.primary.primaryAuthMethods);
|
|
@@ -3204,10 +3034,10 @@ var useEffectiveAuthConfig = function useEffectiveAuthConfig() {
|
|
|
3204
3034
|
restrictedAuthMethods = _useRestrictedAuthMet.restrictedAuthMethods,
|
|
3205
3035
|
hasPrimaryAuthMethods = _useRestrictedAuthMet.hasPrimaryAuthMethods;
|
|
3206
3036
|
var oauthProviderConfigs = useOAuthProviderConfigs();
|
|
3207
|
-
var flattenedConfiguredAuthMethods = F(function () {
|
|
3037
|
+
var flattenedConfiguredAuthMethods = F$1(function () {
|
|
3208
3038
|
return flattenConfigToAuthMethods(config.products, oauthProviderConfigs);
|
|
3209
3039
|
}, [config.products, oauthProviderConfigs]);
|
|
3210
|
-
var authMethodsToShow = F(function () {
|
|
3040
|
+
var authMethodsToShow = F$1(function () {
|
|
3211
3041
|
var _a;
|
|
3212
3042
|
if (!restrictedAuthMethods) {
|
|
3213
3043
|
return flattenedConfiguredAuthMethods;
|
|
@@ -3225,10 +3055,10 @@ var useEffectiveAuthConfig = function useEffectiveAuthConfig() {
|
|
|
3225
3055
|
}
|
|
3226
3056
|
return ['magic_link'];
|
|
3227
3057
|
}, [flattenedConfiguredAuthMethods, hasPrimaryAuthMethods, restrictedAuthMethods, (_a = state.flowState.organization) === null || _a === void 0 ? void 0 : _a.auth_methods]);
|
|
3228
|
-
var products = F(function () {
|
|
3058
|
+
var products = F$1(function () {
|
|
3229
3059
|
return _toConsumableArray(new Set(authMethodsToShow.map(authMethodToProduct).filter(isTruthy)));
|
|
3230
3060
|
}, [authMethodsToShow]);
|
|
3231
|
-
var oauthProviderSettings = F(function () {
|
|
3061
|
+
var oauthProviderSettings = F$1(function () {
|
|
3232
3062
|
return authMethodsToShow.map(function (authMethod) {
|
|
3233
3063
|
var _a;
|
|
3234
3064
|
var provider = oauthMethodToOauthProvider(authMethod);
|
|
@@ -3300,12 +3130,12 @@ var OAuthButtons = function OAuthButtons() {
|
|
|
3300
3130
|
var _useEffectiveAuthConf = useEffectiveAuthConfig(),
|
|
3301
3131
|
oauthProviderSettings = _useEffectiveAuthConf.oauthProviderSettings;
|
|
3302
3132
|
var config = useConfig();
|
|
3303
|
-
var
|
|
3304
|
-
loginRedirectURL =
|
|
3305
|
-
signupRedirectURL =
|
|
3306
|
-
discoveryRedirectURL =
|
|
3307
|
-
customScopes =
|
|
3308
|
-
providerParams =
|
|
3133
|
+
var _ref61 = (_a = config.oauthOptions) !== null && _a !== void 0 ? _a : {},
|
|
3134
|
+
loginRedirectURL = _ref61.loginRedirectURL,
|
|
3135
|
+
signupRedirectURL = _ref61.signupRedirectURL,
|
|
3136
|
+
discoveryRedirectURL = _ref61.discoveryRedirectURL,
|
|
3137
|
+
customScopes = _ref61.customScopes,
|
|
3138
|
+
providerParams = _ref61.providerParams;
|
|
3309
3139
|
var mappedProviders = oauthProviderSettings.map(function (provider) {
|
|
3310
3140
|
var oauthProvider = getParamsFromB2BOAuthProviderConfig(provider);
|
|
3311
3141
|
var _getProviderInfo = getProviderInfo(oauthProvider.type),
|
|
@@ -3334,7 +3164,7 @@ var OAuthButtons = function OAuthButtons() {
|
|
|
3334
3164
|
className: "oauth-buttons"
|
|
3335
3165
|
}, mappedProviders);
|
|
3336
3166
|
};
|
|
3337
|
-
var UsePasswordText = He(Text)(
|
|
3167
|
+
var UsePasswordText = He(Text)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n font-weight: bold !important;\n cursor: pointer;\n"])));
|
|
3338
3168
|
var PasswordUseButton = function PasswordUseButton() {
|
|
3339
3169
|
var _useGlobalReducer27 = useGlobalReducer(),
|
|
3340
3170
|
_useGlobalReducer28 = _slicedToArray(_useGlobalReducer27, 2),
|
|
@@ -3397,12 +3227,12 @@ var generateProductComponentsOrdering = function generateProductComponentsOrderi
|
|
|
3397
3227
|
}
|
|
3398
3228
|
return ProductComponents;
|
|
3399
3229
|
};
|
|
3400
|
-
var Container$1 = He(Flex)(
|
|
3401
|
-
var LogoImage$1 = He.img(
|
|
3402
|
-
var Header = He(Text)(
|
|
3403
|
-
var Logo$1 = function Logo$1(
|
|
3404
|
-
var orgLogo =
|
|
3405
|
-
appLogo =
|
|
3230
|
+
var Container$1 = He(Flex)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n > * + * {\n margin-top: 24px;\n }\n"])));
|
|
3231
|
+
var LogoImage$1 = He.img(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n max-height: 50px;\n max-width: 100px;\n"])));
|
|
3232
|
+
var Header = He(Text)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n text-align: center;\n"])));
|
|
3233
|
+
var Logo$1 = function Logo$1(_ref62) {
|
|
3234
|
+
var orgLogo = _ref62.orgLogo,
|
|
3235
|
+
appLogo = _ref62.appLogo;
|
|
3406
3236
|
if (orgLogo !== '' && appLogo !== '') return /*#__PURE__*/wn.createElement(wn.Fragment, null);
|
|
3407
3237
|
return /*#__PURE__*/wn.createElement(Flex, {
|
|
3408
3238
|
justifyContent: "center",
|
|
@@ -3413,8 +3243,8 @@ var Logo$1 = function Logo$1(_ref57) {
|
|
|
3413
3243
|
src: appLogo
|
|
3414
3244
|
}));
|
|
3415
3245
|
};
|
|
3416
|
-
var ProductComponents = function ProductComponents(
|
|
3417
|
-
var components =
|
|
3246
|
+
var ProductComponents = function ProductComponents(_ref63) {
|
|
3247
|
+
var components = _ref63.components;
|
|
3418
3248
|
var renderedComponents = components.map(function (component) {
|
|
3419
3249
|
switch (component) {
|
|
3420
3250
|
case Component.MagicLinkEmailForm:
|
|
@@ -3602,13 +3432,13 @@ var inboxLinks$1 = function inboxLinks$1(emailDomain) {
|
|
|
3602
3432
|
YAHOO: "https://mail.yahoo.com/d/search/keyword=".concat(emailDomain)
|
|
3603
3433
|
};
|
|
3604
3434
|
};
|
|
3605
|
-
var Link$1 = He.a(
|
|
3435
|
+
var Link$1 = He.a(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n all: unset;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n text-decoration-color: ", ";\n }\n"])), function (props) {
|
|
3606
3436
|
return props.theme.colors.primary;
|
|
3607
3437
|
});
|
|
3608
|
-
var EmailProviderLink$1 = function EmailProviderLink$1(
|
|
3609
|
-
var label =
|
|
3610
|
-
href =
|
|
3611
|
-
Icon =
|
|
3438
|
+
var EmailProviderLink$1 = function EmailProviderLink$1(_ref64) {
|
|
3439
|
+
var label = _ref64.label,
|
|
3440
|
+
href = _ref64.href,
|
|
3441
|
+
Icon = _ref64.Icon;
|
|
3612
3442
|
return /*#__PURE__*/wn.createElement(Flex, {
|
|
3613
3443
|
gap: 4
|
|
3614
3444
|
}, Icon, /*#__PURE__*/wn.createElement(Link$1, {
|
|
@@ -3617,10 +3447,10 @@ var EmailProviderLink$1 = function EmailProviderLink$1(_ref59) {
|
|
|
3617
3447
|
rel: "noopener noreferrer"
|
|
3618
3448
|
}, /*#__PURE__*/wn.createElement(Text, null, "Open in ", label)));
|
|
3619
3449
|
};
|
|
3620
|
-
var EmailConfirmation$1 = function EmailConfirmation$1(
|
|
3621
|
-
var emailDomain =
|
|
3622
|
-
reset =
|
|
3623
|
-
email =
|
|
3450
|
+
var EmailConfirmation$1 = function EmailConfirmation$1(_ref65) {
|
|
3451
|
+
var emailDomain = _ref65.emailDomain,
|
|
3452
|
+
reset = _ref65.reset,
|
|
3453
|
+
email = _ref65.email;
|
|
3624
3454
|
var _inboxLinks$ = inboxLinks$1(emailDomain),
|
|
3625
3455
|
GMAIL = _inboxLinks$.GMAIL,
|
|
3626
3456
|
YAHOO = _inboxLinks$.YAHOO,
|
|
@@ -3657,17 +3487,17 @@ var useEmailDomain$1 = function useEmailDomain$1() {
|
|
|
3657
3487
|
var _a, _b;
|
|
3658
3488
|
var stytch = useStytch();
|
|
3659
3489
|
var config = useConfig();
|
|
3660
|
-
var _h$
|
|
3490
|
+
var _h$25 = h$2(function () {
|
|
3661
3491
|
var _readB2BInternals$boo = readB2BInternals(stytch).bootstrap.getSync(),
|
|
3662
3492
|
emailDomains = _readB2BInternals$boo.emailDomains;
|
|
3663
3493
|
return emailDomains;
|
|
3664
3494
|
}),
|
|
3665
|
-
_h$
|
|
3666
|
-
emailDomains = _h$
|
|
3667
|
-
setEmailDomains = _h$
|
|
3495
|
+
_h$26 = _slicedToArray(_h$25, 2),
|
|
3496
|
+
emailDomains = _h$26[0],
|
|
3497
|
+
setEmailDomains = _h$26[1];
|
|
3668
3498
|
p$1(function () {
|
|
3669
|
-
readB2BInternals(stytch).bootstrap.getAsync().then(function (
|
|
3670
|
-
var emailDomains =
|
|
3499
|
+
readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref66) {
|
|
3500
|
+
var emailDomains = _ref66.emailDomains;
|
|
3671
3501
|
setEmailDomains(emailDomains);
|
|
3672
3502
|
});
|
|
3673
3503
|
}, [stytch]);
|
|
@@ -3726,27 +3556,28 @@ var LoadingScreen = function LoadingScreen() {
|
|
|
3726
3556
|
var isJoinViaJitType = function isJoinViaJitType(type) {
|
|
3727
3557
|
return type === 'eligible_to_join_by_email_domain' || type === 'eligible_to_join_by_oauth_tenant';
|
|
3728
3558
|
};
|
|
3729
|
-
var OrganizationsContainer = He(Flex)(
|
|
3730
|
-
var theme =
|
|
3559
|
+
var OrganizationsContainer = He(Flex)(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n border: ", ";\n border-radius: ", ";\n > div + div {\n border-top: ", ";\n }\n"])), function (_ref67) {
|
|
3560
|
+
var theme = _ref67.theme;
|
|
3731
3561
|
return theme.container.border;
|
|
3732
|
-
}, function (
|
|
3733
|
-
var theme =
|
|
3562
|
+
}, function (_ref68) {
|
|
3563
|
+
var theme = _ref68.theme;
|
|
3734
3564
|
return theme.container.borderRadius;
|
|
3735
|
-
}, function (
|
|
3736
|
-
var theme =
|
|
3565
|
+
}, function (_ref69) {
|
|
3566
|
+
var theme = _ref69.theme;
|
|
3737
3567
|
return theme.container.border;
|
|
3738
3568
|
});
|
|
3739
|
-
var OrganizationsRow = He(Flex)(
|
|
3740
|
-
var LogoImage = He.img(
|
|
3741
|
-
var LogoText = He(Flex)(
|
|
3742
|
-
var theme =
|
|
3569
|
+
var OrganizationsRow = He(Flex)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n cursor: pointer;\n gap: 8px;\n"])));
|
|
3570
|
+
var LogoImage = He.img(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n height: 40px;\n width: 40px;\n flex-shrink: 0;\n border-radius: 4px;\n"])));
|
|
3571
|
+
var LogoText = He(Flex)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n height: 40px;\n width: 40px;\n flex-shrink: 0;\n background-color: ", ";\n color: ", ";\n border-radius: 4px;\n\n font-style: normal;\n font-weight: 400;\n font-size: 18px;\n line-height: 25px;\n"])), function (_ref70) {
|
|
3572
|
+
var theme = _ref70.theme;
|
|
3743
3573
|
return theme.buttons.primary.backgroundColor;
|
|
3744
|
-
}, function (
|
|
3745
|
-
var theme =
|
|
3574
|
+
}, function (_ref71) {
|
|
3575
|
+
var theme = _ref71.theme;
|
|
3746
3576
|
return theme.buttons.primary.textColor;
|
|
3747
3577
|
});
|
|
3578
|
+
var SvgNoShrink = He.svg(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n"])));
|
|
3748
3579
|
var RightArrowSVG = function RightArrowSVG() {
|
|
3749
|
-
return /*#__PURE__*/y(
|
|
3580
|
+
return /*#__PURE__*/y(SvgNoShrink, {
|
|
3750
3581
|
width: "14",
|
|
3751
3582
|
height: "14",
|
|
3752
3583
|
viewBox: "0 0 14 14",
|
|
@@ -3757,9 +3588,9 @@ var RightArrowSVG = function RightArrowSVG() {
|
|
|
3757
3588
|
fill: "#19303D"
|
|
3758
3589
|
}));
|
|
3759
3590
|
};
|
|
3760
|
-
var Logo = function Logo(
|
|
3761
|
-
var name =
|
|
3762
|
-
logo =
|
|
3591
|
+
var Logo = function Logo(_ref72) {
|
|
3592
|
+
var name = _ref72.name,
|
|
3593
|
+
logo = _ref72.logo;
|
|
3763
3594
|
if (logo !== '') {
|
|
3764
3595
|
return /*#__PURE__*/y(LogoImage, {
|
|
3765
3596
|
src: logo
|
|
@@ -3770,10 +3601,14 @@ var Logo = function Logo(_ref67) {
|
|
|
3770
3601
|
justifyContent: "center"
|
|
3771
3602
|
}, name[0]);
|
|
3772
3603
|
};
|
|
3773
|
-
var ArrowText = function ArrowText(
|
|
3774
|
-
var type =
|
|
3775
|
-
if (isJoinViaJitType(type) || type === 'pending_member') return /*#__PURE__*/y(Text,
|
|
3776
|
-
|
|
3604
|
+
var ArrowText = function ArrowText(_ref73) {
|
|
3605
|
+
var type = _ref73.type;
|
|
3606
|
+
if (isJoinViaJitType(type) || type === 'pending_member') return /*#__PURE__*/y(Text, {
|
|
3607
|
+
align: "right"
|
|
3608
|
+
}, "Join");
|
|
3609
|
+
if (type === 'invited_member') return /*#__PURE__*/y(Text, {
|
|
3610
|
+
align: "right"
|
|
3611
|
+
}, "Accept Invite");
|
|
3777
3612
|
return /*#__PURE__*/y(g$1, null);
|
|
3778
3613
|
};
|
|
3779
3614
|
var DiscoverNoOrganizations = function DiscoverNoOrganizations() {
|
|
@@ -3886,13 +3721,13 @@ var Discovery = function Discovery() {
|
|
|
3886
3721
|
});
|
|
3887
3722
|
}
|
|
3888
3723
|
};
|
|
3889
|
-
var startSso = T(function (connectionId) {
|
|
3724
|
+
var startSso = T$1(function (connectionId) {
|
|
3890
3725
|
stytchClient.sso.start({
|
|
3891
3726
|
connection_id: connectionId
|
|
3892
3727
|
});
|
|
3893
3728
|
}, [stytchClient]);
|
|
3894
|
-
var _useMutate5 = useMutate("stytch.discovery.intermediateSessions.exchange", function (_,
|
|
3895
|
-
var organizationId =
|
|
3729
|
+
var _useMutate5 = useMutate("stytch.discovery.intermediateSessions.exchange", function (_, _ref74) {
|
|
3730
|
+
var organizationId = _ref74.arg.organizationId;
|
|
3896
3731
|
return stytchClient.discovery.intermediateSessions.exchange({
|
|
3897
3732
|
organization_id: organizationId,
|
|
3898
3733
|
session_duration_minutes: config.sessionOptions.sessionDurationMinutes
|
|
@@ -4083,7 +3918,7 @@ var Confirmation = function Confirmation() {
|
|
|
4083
3918
|
}, "Success!"), /*#__PURE__*/y(Text, null, "You have successfully logged in."), /*#__PURE__*/y(ConfirmationSVG, null));
|
|
4084
3919
|
};
|
|
4085
3920
|
var useMountEffect = function useMountEffect(effect) {
|
|
4086
|
-
var effectRef = _(effect);
|
|
3921
|
+
var effectRef = _$1(effect);
|
|
4087
3922
|
p$1(function () {
|
|
4088
3923
|
return effectRef.current();
|
|
4089
3924
|
}, []);
|
|
@@ -4112,14 +3947,14 @@ var Chevron = function Chevron() {
|
|
|
4112
3947
|
}));
|
|
4113
3948
|
};
|
|
4114
3949
|
var Chevron$1 = CreateIcon(Chevron);
|
|
4115
|
-
var StyledButton = He.button(
|
|
3950
|
+
var StyledButton = He.button(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n all: unset;\n color: ", ";\n cursor: pointer;\n padding: 20px 0;\n border-bottom: 1px solid #e5e8eb;\n font-weight: 500;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])), function (props) {
|
|
4116
3951
|
return props.theme.colors.primary;
|
|
4117
3952
|
});
|
|
4118
|
-
var MenuText = He.div(
|
|
4119
|
-
var ChevronContainer = He.span(
|
|
4120
|
-
var MenuButton = function MenuButton(
|
|
4121
|
-
var children =
|
|
4122
|
-
onClick =
|
|
3953
|
+
var MenuText = He.div(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n flex: 1 1 auto;\n"])));
|
|
3954
|
+
var ChevronContainer = He.span(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n flex: 0 0 auto;\n"])));
|
|
3955
|
+
var MenuButton = function MenuButton(_ref75) {
|
|
3956
|
+
var children = _ref75.children,
|
|
3957
|
+
onClick = _ref75.onClick;
|
|
4123
3958
|
return /*#__PURE__*/wn.createElement(StyledButton, {
|
|
4124
3959
|
type: "button",
|
|
4125
3960
|
onClick: onClick
|
|
@@ -4147,7 +3982,7 @@ var MFAEnrollmentSelectionScreen = function MFAEnrollmentSelectionScreen() {
|
|
|
4147
3982
|
method: method
|
|
4148
3983
|
});
|
|
4149
3984
|
};
|
|
4150
|
-
var displayOptions = F(function () {
|
|
3985
|
+
var displayOptions = F$1(function () {
|
|
4151
3986
|
var optionsToDisplay = getEnabledMethods({
|
|
4152
3987
|
allMethods: B2B_MFA_METHODS,
|
|
4153
3988
|
orgSupportedMethods: organizationMfaOptionsSupported,
|
|
@@ -4178,9 +4013,9 @@ var MFAEnrollmentSelectionScreen = function MFAEnrollmentSelectionScreen() {
|
|
|
4178
4013
|
size: "header"
|
|
4179
4014
|
}, "Set up Multi-Factor Authentication"), /*#__PURE__*/wn.createElement(Text, null, "Your organization requires an additional form of verification to make your account more secure."), /*#__PURE__*/wn.createElement(Flex, {
|
|
4180
4015
|
direction: "column"
|
|
4181
|
-
}, displayOptions.map(function (
|
|
4182
|
-
var option =
|
|
4183
|
-
label =
|
|
4016
|
+
}, displayOptions.map(function (_ref76) {
|
|
4017
|
+
var option = _ref76.option,
|
|
4018
|
+
label = _ref76.label;
|
|
4184
4019
|
return /*#__PURE__*/wn.createElement(MenuButton, {
|
|
4185
4020
|
key: option,
|
|
4186
4021
|
onClick: function onClick() {
|
|
@@ -4202,13 +4037,13 @@ var inboxLinks = function inboxLinks(emailDomain) {
|
|
|
4202
4037
|
OUTLOOK: 'https://outlook.office.com/mail/0/inbox'
|
|
4203
4038
|
};
|
|
4204
4039
|
};
|
|
4205
|
-
var Link = He.a(
|
|
4040
|
+
var Link = He.a(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n all: unset;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n text-decoration-color: ", ";\n }\n"])), function (props) {
|
|
4206
4041
|
return props.theme.colors.primary;
|
|
4207
4042
|
});
|
|
4208
|
-
var EmailProviderLink = function EmailProviderLink(
|
|
4209
|
-
var label =
|
|
4210
|
-
href =
|
|
4211
|
-
Icon =
|
|
4043
|
+
var EmailProviderLink = function EmailProviderLink(_ref77) {
|
|
4044
|
+
var label = _ref77.label,
|
|
4045
|
+
href = _ref77.href,
|
|
4046
|
+
Icon = _ref77.Icon;
|
|
4212
4047
|
return /*#__PURE__*/wn.createElement(Flex, {
|
|
4213
4048
|
gap: 4
|
|
4214
4049
|
}, Icon, /*#__PURE__*/wn.createElement(Link, {
|
|
@@ -4217,10 +4052,10 @@ var EmailProviderLink = function EmailProviderLink(_ref72) {
|
|
|
4217
4052
|
rel: "noopener noreferrer"
|
|
4218
4053
|
}, /*#__PURE__*/wn.createElement(Text, null, "Open in ", label)));
|
|
4219
4054
|
};
|
|
4220
|
-
var VerifyEmailConfirmation = function VerifyEmailConfirmation(
|
|
4221
|
-
var emailDomain =
|
|
4222
|
-
reset =
|
|
4223
|
-
email =
|
|
4055
|
+
var VerifyEmailConfirmation = function VerifyEmailConfirmation(_ref78) {
|
|
4056
|
+
var emailDomain = _ref78.emailDomain,
|
|
4057
|
+
reset = _ref78.reset,
|
|
4058
|
+
email = _ref78.email;
|
|
4224
4059
|
var _inboxLinks = inboxLinks(emailDomain),
|
|
4225
4060
|
GMAIL = _inboxLinks.GMAIL,
|
|
4226
4061
|
OUTLOOK = _inboxLinks.OUTLOOK;
|
|
@@ -4266,17 +4101,17 @@ var useEmailDomain = function useEmailDomain() {
|
|
|
4266
4101
|
var _a, _b;
|
|
4267
4102
|
var stytch = useStytch();
|
|
4268
4103
|
var config = useConfig();
|
|
4269
|
-
var _h$
|
|
4104
|
+
var _h$27 = h$2(function () {
|
|
4270
4105
|
var _readB2BInternals$boo2 = readB2BInternals(stytch).bootstrap.getSync(),
|
|
4271
4106
|
emailDomains = _readB2BInternals$boo2.emailDomains;
|
|
4272
4107
|
return emailDomains;
|
|
4273
4108
|
}),
|
|
4274
|
-
_h$
|
|
4275
|
-
emailDomains = _h$
|
|
4276
|
-
setEmailDomains = _h$
|
|
4109
|
+
_h$28 = _slicedToArray(_h$27, 2),
|
|
4110
|
+
emailDomains = _h$28[0],
|
|
4111
|
+
setEmailDomains = _h$28[1];
|
|
4277
4112
|
p$1(function () {
|
|
4278
|
-
readB2BInternals(stytch).bootstrap.getAsync().then(function (
|
|
4279
|
-
var emailDomains =
|
|
4113
|
+
readB2BInternals(stytch).bootstrap.getAsync().then(function (_ref79) {
|
|
4114
|
+
var emailDomains = _ref79.emailDomains;
|
|
4280
4115
|
setEmailDomains(emailDomains);
|
|
4281
4116
|
});
|
|
4282
4117
|
}, [stytch]);
|
|
@@ -4310,11 +4145,11 @@ var PasswordResetConfirmation = function PasswordResetConfirmation() {
|
|
|
4310
4145
|
email: state.formState.passwordState.email
|
|
4311
4146
|
});
|
|
4312
4147
|
};
|
|
4313
|
-
var Block = He.div(
|
|
4148
|
+
var Block = He.div(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n height: 4px;\n width: 25%;\n background-color: ", ";\n"])), function (props) {
|
|
4314
4149
|
return props.$bgColor;
|
|
4315
4150
|
});
|
|
4316
|
-
var PasswordStrengthCheck = function PasswordStrengthCheck(
|
|
4317
|
-
var score =
|
|
4151
|
+
var PasswordStrengthCheck = function PasswordStrengthCheck(_ref80) {
|
|
4152
|
+
var score = _ref80.score;
|
|
4318
4153
|
var blocks = [];
|
|
4319
4154
|
switch (score) {
|
|
4320
4155
|
case 0:
|
|
@@ -4409,9 +4244,17 @@ var PasswordB2BError = function PasswordB2BError(props) {
|
|
|
4409
4244
|
}, "This password may have been used on a different site that experienced a security issue. Please choose another password."))));
|
|
4410
4245
|
};
|
|
4411
4246
|
var clearStytchSearchParams = function clearStytchSearchParams() {
|
|
4412
|
-
|
|
4247
|
+
var url = removeStytchParams(window.location.toString());
|
|
4248
|
+
window.history.replaceState(null, document.title, url);
|
|
4249
|
+
};
|
|
4250
|
+
var removeStytchParams = function removeStytchParams(value) {
|
|
4251
|
+
var url = new URL(value);
|
|
4252
|
+
var params = url.searchParams;
|
|
4253
|
+
params["delete"]('token');
|
|
4254
|
+
params["delete"]('stytch_token_type');
|
|
4255
|
+
return url;
|
|
4413
4256
|
};
|
|
4414
|
-
var Form = He.form(
|
|
4257
|
+
var Form = He.form(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
4415
4258
|
var PasswordResetForm = function PasswordResetForm() {
|
|
4416
4259
|
var stytchClient = useStytch();
|
|
4417
4260
|
var config = useConfig();
|
|
@@ -4420,67 +4263,67 @@ var PasswordResetForm = function PasswordResetForm() {
|
|
|
4420
4263
|
dispatch = _useGlobalReducer44[1];
|
|
4421
4264
|
var onEvent = useEventCallback();
|
|
4422
4265
|
var onError = useErrorCallback();
|
|
4423
|
-
var _h$
|
|
4424
|
-
_h$28 = _slicedToArray(_h$27, 2),
|
|
4425
|
-
resetTokenType = _h$28[0],
|
|
4426
|
-
setResetTokenType = _h$28[1];
|
|
4427
|
-
var _h$29 = h$1(''),
|
|
4266
|
+
var _h$29 = h$2(''),
|
|
4428
4267
|
_h$30 = _slicedToArray(_h$29, 2),
|
|
4429
|
-
|
|
4430
|
-
|
|
4268
|
+
resetTokenType = _h$30[0],
|
|
4269
|
+
setResetTokenType = _h$30[1];
|
|
4270
|
+
var _h$31 = h$2(''),
|
|
4271
|
+
_h$32 = _slicedToArray(_h$31, 2),
|
|
4272
|
+
resetToken = _h$32[0],
|
|
4273
|
+
setResetToken = _h$32[1];
|
|
4431
4274
|
var dataLayer = readB2BInternals(stytchClient).dataLayer;
|
|
4432
4275
|
var email = dataLayer.getItem('reset-email-value');
|
|
4433
|
-
var _h$
|
|
4434
|
-
_h$32 = _slicedToArray(_h$31, 2),
|
|
4435
|
-
password = _h$32[0],
|
|
4436
|
-
setPassword = _h$32[1];
|
|
4437
|
-
var _h$33 = h$1(''),
|
|
4276
|
+
var _h$33 = h$2(''),
|
|
4438
4277
|
_h$34 = _slicedToArray(_h$33, 2),
|
|
4439
|
-
|
|
4440
|
-
|
|
4441
|
-
var _h$35 = h$
|
|
4278
|
+
password = _h$34[0],
|
|
4279
|
+
setPassword = _h$34[1];
|
|
4280
|
+
var _h$35 = h$2(''),
|
|
4442
4281
|
_h$36 = _slicedToArray(_h$35, 2),
|
|
4443
|
-
|
|
4444
|
-
|
|
4445
|
-
var _h$37 = h$
|
|
4282
|
+
errorMessage = _h$36[0],
|
|
4283
|
+
setErrorMessage = _h$36[1];
|
|
4284
|
+
var _h$37 = h$2(0),
|
|
4446
4285
|
_h$38 = _slicedToArray(_h$37, 2),
|
|
4447
|
-
|
|
4448
|
-
|
|
4449
|
-
var _h$39 = h$
|
|
4286
|
+
passwordScore = _h$38[0],
|
|
4287
|
+
setPasswordScore = _h$38[1];
|
|
4288
|
+
var _h$39 = h$2(''),
|
|
4450
4289
|
_h$40 = _slicedToArray(_h$39, 2),
|
|
4451
|
-
|
|
4452
|
-
|
|
4453
|
-
var _h$41 = h$
|
|
4290
|
+
passwordFeedback = _h$40[0],
|
|
4291
|
+
setPasswordFeedback = _h$40[1];
|
|
4292
|
+
var _h$41 = h$2(true),
|
|
4454
4293
|
_h$42 = _slicedToArray(_h$41, 2),
|
|
4455
|
-
|
|
4456
|
-
|
|
4457
|
-
var _h$43 = h$
|
|
4294
|
+
invalidPassword = _h$42[0],
|
|
4295
|
+
setInvalidPassword = _h$42[1];
|
|
4296
|
+
var _h$43 = h$2(false),
|
|
4458
4297
|
_h$44 = _slicedToArray(_h$43, 2),
|
|
4459
|
-
|
|
4460
|
-
|
|
4461
|
-
var _h$45 = h$
|
|
4298
|
+
isSubmitting = _h$44[0],
|
|
4299
|
+
setIsSubmitting = _h$44[1];
|
|
4300
|
+
var _h$45 = h$2('none'),
|
|
4462
4301
|
_h$46 = _slicedToArray(_h$45, 2),
|
|
4463
|
-
|
|
4464
|
-
|
|
4465
|
-
var _h$47 = h$
|
|
4302
|
+
strengthPolicy = _h$46[0],
|
|
4303
|
+
setStrengthPolicy = _h$46[1];
|
|
4304
|
+
var _h$47 = h$2(0),
|
|
4466
4305
|
_h$48 = _slicedToArray(_h$47, 2),
|
|
4467
|
-
|
|
4468
|
-
|
|
4469
|
-
var _h$49 = h$
|
|
4306
|
+
missingCharacters = _h$48[0],
|
|
4307
|
+
setMissingCharacters = _h$48[1];
|
|
4308
|
+
var _h$49 = h$2(0),
|
|
4470
4309
|
_h$50 = _slicedToArray(_h$49, 2),
|
|
4471
|
-
|
|
4472
|
-
|
|
4473
|
-
var
|
|
4310
|
+
missingComplexity = _h$50[0],
|
|
4311
|
+
setMissingComplexity = _h$50[1];
|
|
4312
|
+
var _h$51 = h$2(false),
|
|
4313
|
+
_h$52 = _slicedToArray(_h$51, 2),
|
|
4314
|
+
isPasswordBreached = _h$52[0],
|
|
4315
|
+
setIsPasswordBreached = _h$52[1];
|
|
4316
|
+
var updateStrengthCheck = F$1(function () {
|
|
4474
4317
|
return debounce(function (password) {
|
|
4475
4318
|
return stytchClient.passwords.strengthCheck({
|
|
4476
4319
|
password: password
|
|
4477
|
-
}).then(function (
|
|
4478
|
-
var score =
|
|
4479
|
-
valid_password =
|
|
4480
|
-
zxcvbn_feedback =
|
|
4481
|
-
luds_feedback =
|
|
4482
|
-
strength_policy =
|
|
4483
|
-
breached_password =
|
|
4320
|
+
}).then(function (_ref81) {
|
|
4321
|
+
var score = _ref81.score,
|
|
4322
|
+
valid_password = _ref81.valid_password,
|
|
4323
|
+
zxcvbn_feedback = _ref81.zxcvbn_feedback,
|
|
4324
|
+
luds_feedback = _ref81.luds_feedback,
|
|
4325
|
+
strength_policy = _ref81.strength_policy,
|
|
4326
|
+
breached_password = _ref81.breached_password;
|
|
4484
4327
|
setStrengthPolicy(strength_policy);
|
|
4485
4328
|
setInvalidPassword(!valid_password);
|
|
4486
4329
|
if (strength_policy === 'zxcvbn') {
|
|
@@ -4648,7 +4491,7 @@ var PasswordSetNew = function PasswordSetNew() {
|
|
|
4648
4491
|
reset_password_expiration_minutes: (_c = config.passwordOptions) === null || _c === void 0 ? void 0 : _c.resetPasswordExpirationMinutes,
|
|
4649
4492
|
reset_password_template_id: (_d = config.passwordOptions) === null || _d === void 0 ? void 0 : _d.resetPasswordTemplateId
|
|
4650
4493
|
}).then(function (data) {
|
|
4651
|
-
|
|
4494
|
+
_t.success('Email resent');
|
|
4652
4495
|
setIsSubmitting(false);
|
|
4653
4496
|
onEvent({
|
|
4654
4497
|
type: StytchEventType.B2BPasswordResetByEmailStart,
|
|
@@ -4715,8 +4558,8 @@ var PasswordsForgotForm = function PasswordsForgotForm() {
|
|
|
4715
4558
|
case 4:
|
|
4716
4559
|
setErrorMessage('');
|
|
4717
4560
|
setIsSubmitting(true);
|
|
4718
|
-
readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (
|
|
4719
|
-
var member =
|
|
4561
|
+
readB2BInternals(stytch).searchManager.searchMember(email, organization.organization_id).then(function (_ref82) {
|
|
4562
|
+
var member = _ref82.member;
|
|
4720
4563
|
var _a, _b, _c, _d;
|
|
4721
4564
|
if (!(member === null || member === void 0 ? void 0 : member.member_password_id)) {
|
|
4722
4565
|
handleNonMemberReset();
|
|
@@ -4803,16 +4646,16 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
|
|
|
4803
4646
|
var _state$mfa$primaryInf = state.mfa.primaryInfo,
|
|
4804
4647
|
memberId = _state$mfa$primaryInf.memberId,
|
|
4805
4648
|
organizationId = _state$mfa$primaryInf.organizationId;
|
|
4806
|
-
var _h$
|
|
4807
|
-
_h$
|
|
4808
|
-
recoveryCode = _h$
|
|
4809
|
-
setRecoveryCode = _h$
|
|
4810
|
-
var _useMutate7 = useMutate('stytch.recoveryCodes.recover', function (_,
|
|
4811
|
-
var
|
|
4812
|
-
recoveryCode =
|
|
4813
|
-
memberId =
|
|
4814
|
-
organizationId =
|
|
4815
|
-
sessionDurationMinutes =
|
|
4649
|
+
var _h$53 = h$2(''),
|
|
4650
|
+
_h$54 = _slicedToArray(_h$53, 2),
|
|
4651
|
+
recoveryCode = _h$54[0],
|
|
4652
|
+
setRecoveryCode = _h$54[1];
|
|
4653
|
+
var _useMutate7 = useMutate('stytch.recoveryCodes.recover', function (_, _ref83) {
|
|
4654
|
+
var _ref83$arg = _ref83.arg,
|
|
4655
|
+
recoveryCode = _ref83$arg.recoveryCode,
|
|
4656
|
+
memberId = _ref83$arg.memberId,
|
|
4657
|
+
organizationId = _ref83$arg.organizationId,
|
|
4658
|
+
sessionDurationMinutes = _ref83$arg.sessionDurationMinutes;
|
|
4816
4659
|
return stytchClient.recoveryCodes.recover({
|
|
4817
4660
|
recovery_code: recoveryCode,
|
|
4818
4661
|
member_id: memberId,
|
|
@@ -4882,8 +4725,8 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
|
|
|
4882
4725
|
isSubmitting: isSubmitting
|
|
4883
4726
|
})));
|
|
4884
4727
|
};
|
|
4885
|
-
var InsetContainer = He.div(
|
|
4886
|
-
var CodeList = He.ul(
|
|
4728
|
+
var InsetContainer = He.div(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n background-color: #f3f5f6;\n color: #000;\n font-size: 16px;\n line-height: 28px;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n gap: 8px;\n padding: 16px 8px;\n"])));
|
|
4729
|
+
var CodeList = He.ul(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n list-style: none;\n padding: 0;\n margin: 0;\n"])));
|
|
4887
4730
|
var downloadFile = function downloadFile(content, filename) {
|
|
4888
4731
|
var blob = new Blob([content], {
|
|
4889
4732
|
type: 'text/plain'
|
|
@@ -4920,13 +4763,13 @@ var RecoveryCodeSaveScreen = function RecoveryCodeSaveScreen() {
|
|
|
4920
4763
|
_context9.next = 3;
|
|
4921
4764
|
return navigator.clipboard.writeText(recoveryCodes.join('\n'));
|
|
4922
4765
|
case 3:
|
|
4923
|
-
|
|
4766
|
+
_t.success('Copied');
|
|
4924
4767
|
_context9.next = 9;
|
|
4925
4768
|
break;
|
|
4926
4769
|
case 6:
|
|
4927
4770
|
_context9.prev = 6;
|
|
4928
4771
|
_context9.t0 = _context9["catch"](0);
|
|
4929
|
-
|
|
4772
|
+
_t.error("Couldn't copy codes to clipboard");
|
|
4930
4773
|
case 9:
|
|
4931
4774
|
case "end":
|
|
4932
4775
|
return _context9.stop();
|
|
@@ -4957,7 +4800,7 @@ var RecoveryCodeSaveScreen = function RecoveryCodeSaveScreen() {
|
|
|
4957
4800
|
onClick: handleContinue
|
|
4958
4801
|
}, "Done"));
|
|
4959
4802
|
};
|
|
4960
|
-
var Select = He.select(
|
|
4803
|
+
var Select = He.select(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n height: 47px;\n box-sizing: border-box;\n padding: 0 8px;\n color: ", ";\n font-family: ", ";\n width: 80px;\n font-size: 18px;\n"])), function (props) {
|
|
4961
4804
|
return props.theme.inputs.backgroundColor;
|
|
4962
4805
|
}, function (props) {
|
|
4963
4806
|
return props.theme.inputs.borderColor;
|
|
@@ -4968,9 +4811,9 @@ var Select = He.select(_templateObject41 || (_templateObject41 = _taggedTemplate
|
|
|
4968
4811
|
}, function (props) {
|
|
4969
4812
|
return props.theme.typography.fontFamily;
|
|
4970
4813
|
});
|
|
4971
|
-
var CountrySelector = function CountrySelector(
|
|
4972
|
-
var country =
|
|
4973
|
-
setCountry =
|
|
4814
|
+
var CountrySelector = function CountrySelector(_ref84) {
|
|
4815
|
+
var country = _ref84.country,
|
|
4816
|
+
setCountry = _ref84.setCountry;
|
|
4974
4817
|
var countryFormatter = new Intl.DisplayNames(['en'], {
|
|
4975
4818
|
type: 'region'
|
|
4976
4819
|
});
|
|
@@ -4981,24 +4824,24 @@ var CountrySelector = function CountrySelector(_ref79) {
|
|
|
4981
4824
|
onChange: function onChange(e) {
|
|
4982
4825
|
setCountry(e.target.value);
|
|
4983
4826
|
}
|
|
4984
|
-
}, Object.entries(COUNTRIES_LIST).map(function (
|
|
4985
|
-
var
|
|
4986
|
-
countryCode =
|
|
4987
|
-
countryNumber =
|
|
4827
|
+
}, Object.entries(COUNTRIES_LIST).map(function (_ref85) {
|
|
4828
|
+
var _ref86 = _slicedToArray(_ref85, 2),
|
|
4829
|
+
countryCode = _ref86[0],
|
|
4830
|
+
countryNumber = _ref86[1];
|
|
4988
4831
|
return /*#__PURE__*/wn.createElement("option", {
|
|
4989
4832
|
key: countryCode,
|
|
4990
4833
|
value: countryCode
|
|
4991
4834
|
}, countryCode !== country ? "+".concat(countryNumber, " ").concat(countryFormatter.of(countryCode)) : "+".concat(countryNumber));
|
|
4992
4835
|
}));
|
|
4993
4836
|
};
|
|
4994
|
-
var PhoneStyledInput = He(Input)(
|
|
4995
|
-
var PhoneInput = function PhoneInput(
|
|
4996
|
-
var phone =
|
|
4997
|
-
setPhone =
|
|
4998
|
-
country =
|
|
4999
|
-
setCountry =
|
|
5000
|
-
parsePhoneNumber =
|
|
5001
|
-
hasPasskeys =
|
|
4837
|
+
var PhoneStyledInput = He(Input)(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n flex-grow: 1;\n min-width: 100px;\n"])));
|
|
4838
|
+
var PhoneInput = function PhoneInput(_ref87) {
|
|
4839
|
+
var phone = _ref87.phone,
|
|
4840
|
+
setPhone = _ref87.setPhone,
|
|
4841
|
+
country = _ref87.country,
|
|
4842
|
+
setCountry = _ref87.setCountry,
|
|
4843
|
+
parsePhoneNumber = _ref87.parsePhoneNumber,
|
|
4844
|
+
hasPasskeys = _ref87.hasPasskeys;
|
|
5002
4845
|
return /*#__PURE__*/wn.createElement(Flex, {
|
|
5003
4846
|
direction: "row",
|
|
5004
4847
|
wrap: "nowrap",
|
|
@@ -5053,8 +4896,8 @@ var InvalidPhoneNumberError = /*#__PURE__*/function (_StytchSDKError) {
|
|
|
5053
4896
|
}
|
|
5054
4897
|
return _createClass(InvalidPhoneNumberError);
|
|
5055
4898
|
}(StytchSDKError);
|
|
5056
|
-
var findErrorTypeFrom = function findErrorTypeFrom(
|
|
5057
|
-
var error =
|
|
4899
|
+
var findErrorTypeFrom = function findErrorTypeFrom(_ref88) {
|
|
4900
|
+
var error = _ref88.error;
|
|
5058
4901
|
var errorType = extractErrorType(error);
|
|
5059
4902
|
return !!errorType && errorType in supportedErrorTypeMap ? errorType : 'default';
|
|
5060
4903
|
};
|
|
@@ -5094,8 +4937,8 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
|
|
|
5094
4937
|
regionCode: countryCode
|
|
5095
4938
|
});
|
|
5096
4939
|
};
|
|
5097
|
-
var _useMutate8 = useMutate('stytch.otps.sms.send', function (_,
|
|
5098
|
-
var parsedNumber =
|
|
4940
|
+
var _useMutate8 = useMutate('stytch.otps.sms.send', function (_, _ref89) {
|
|
4941
|
+
var parsedNumber = _ref89.arg.parsedNumber;
|
|
5099
4942
|
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
|
|
5100
4943
|
return _regeneratorRuntime().wrap(function _callee11$(_context11) {
|
|
5101
4944
|
while (1) switch (_context11.prev = _context11.next) {
|
|
@@ -5194,9 +5037,9 @@ var SMSOTPEnrollScreen = function SMSOTPEnrollScreen() {
|
|
|
5194
5037
|
disabled: !phoneNumber
|
|
5195
5038
|
})));
|
|
5196
5039
|
};
|
|
5197
|
-
var InlineButton = function InlineButton(
|
|
5198
|
-
var onClick =
|
|
5199
|
-
children =
|
|
5040
|
+
var InlineButton = function InlineButton(_ref90) {
|
|
5041
|
+
var onClick = _ref90.onClick,
|
|
5042
|
+
children = _ref90.children;
|
|
5200
5043
|
return /*#__PURE__*/wn.createElement("button", {
|
|
5201
5044
|
onClick: onClick,
|
|
5202
5045
|
style: {
|
|
@@ -5208,45 +5051,45 @@ var InlineButton = function InlineButton(_ref85) {
|
|
|
5208
5051
|
}
|
|
5209
5052
|
}, children));
|
|
5210
5053
|
};
|
|
5211
|
-
var Wrapper = He.div(
|
|
5212
|
-
var isOpen =
|
|
5054
|
+
var Wrapper = He.div(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n display: grid;\n grid-template-rows: ", ";\n transition: grid-template-rows 0.15s ease-out;\n"])), function (_ref91) {
|
|
5055
|
+
var isOpen = _ref91.isOpen;
|
|
5213
5056
|
return isOpen ? '1fr' : '0fr';
|
|
5214
5057
|
});
|
|
5215
|
-
var Inner = He.div(
|
|
5216
|
-
var AnimatedContainer = function AnimatedContainer(
|
|
5217
|
-
var isOpen =
|
|
5218
|
-
children =
|
|
5058
|
+
var Inner = He.div(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n overflow: hidden;\n"])));
|
|
5059
|
+
var AnimatedContainer = function AnimatedContainer(_ref92) {
|
|
5060
|
+
var isOpen = _ref92.isOpen,
|
|
5061
|
+
children = _ref92.children;
|
|
5219
5062
|
return /*#__PURE__*/wn.createElement(Wrapper, {
|
|
5220
5063
|
isOpen: isOpen
|
|
5221
5064
|
}, /*#__PURE__*/wn.createElement(Inner, null, children));
|
|
5222
5065
|
};
|
|
5223
|
-
var Container = He.div(
|
|
5224
|
-
var theme =
|
|
5066
|
+
var Container = He.div(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n height: 4px;\n background-color: ", ";\n border-radius: 3px;\n overflow: hidden;\n"])), function (_ref93) {
|
|
5067
|
+
var theme = _ref93.theme;
|
|
5225
5068
|
return theme.colors.disabled;
|
|
5226
5069
|
});
|
|
5227
|
-
var loading = Ue(
|
|
5228
|
-
var Progress = He.div(
|
|
5229
|
-
var theme =
|
|
5070
|
+
var loading = Ue(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(-1%);\n }\n"])));
|
|
5071
|
+
var Progress = He.div(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n background-color: ", ";\n animation: ", " 10s cubic-bezier(0.22, 1, 0.36, 1);\n"])), function (_ref94) {
|
|
5072
|
+
var theme = _ref94.theme;
|
|
5230
5073
|
return theme.colors.primary;
|
|
5231
5074
|
}, loading);
|
|
5232
|
-
var LoadingBar = function LoadingBar(
|
|
5233
|
-
var isLoading =
|
|
5075
|
+
var LoadingBar = function LoadingBar(_ref95) {
|
|
5076
|
+
var isLoading = _ref95.isLoading;
|
|
5234
5077
|
return /*#__PURE__*/wn.createElement(Container, null, isLoading && /*#__PURE__*/wn.createElement(Progress, null));
|
|
5235
5078
|
};
|
|
5236
5079
|
var GAP = '8px';
|
|
5237
5080
|
var WIDTH = '46px';
|
|
5238
5081
|
var INPUT_HEIGHT = '46px';
|
|
5239
|
-
var Digit = He.div(
|
|
5240
|
-
var disabled =
|
|
5241
|
-
theme =
|
|
5082
|
+
var Digit = He.div(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n align-items: center;\n display: flex;\n font-size: 18px;\n justify-content: center;\n height: ", ";\n width: ", ";\n background: ", ";\n color: ", ";\n"])), function (_ref96) {
|
|
5083
|
+
var disabled = _ref96.disabled,
|
|
5084
|
+
theme = _ref96.theme;
|
|
5242
5085
|
return disabled ? theme.colors.disabled : '#ADBCC5';
|
|
5243
|
-
}, INPUT_HEIGHT, WIDTH, function (
|
|
5244
|
-
var disabled =
|
|
5245
|
-
theme =
|
|
5086
|
+
}, INPUT_HEIGHT, WIDTH, function (_ref97) {
|
|
5087
|
+
var disabled = _ref97.disabled,
|
|
5088
|
+
theme = _ref97.theme;
|
|
5246
5089
|
return disabled ? theme.colors.disabled : theme.inputs.backgroundColor;
|
|
5247
|
-
}, function (
|
|
5248
|
-
var disabled =
|
|
5249
|
-
theme =
|
|
5090
|
+
}, function (_ref98) {
|
|
5091
|
+
var disabled = _ref98.disabled,
|
|
5092
|
+
theme = _ref98.theme;
|
|
5250
5093
|
return disabled ? theme.colors.disabledText : theme.inputs.textColor;
|
|
5251
5094
|
});
|
|
5252
5095
|
var digitsContainerStyles = {
|
|
@@ -5276,20 +5119,20 @@ var invisibleInputStyles = {
|
|
|
5276
5119
|
paddingLeft: "calc(0.5 * ".concat(WIDTH, ")"),
|
|
5277
5120
|
zIndex: 10
|
|
5278
5121
|
};
|
|
5279
|
-
var DigitAtIndex = function DigitAtIndex(
|
|
5280
|
-
var index =
|
|
5281
|
-
disabled =
|
|
5282
|
-
otp =
|
|
5122
|
+
var DigitAtIndex = function DigitAtIndex(_ref99) {
|
|
5123
|
+
var index = _ref99.index,
|
|
5124
|
+
disabled = _ref99.disabled,
|
|
5125
|
+
otp = _ref99.otp;
|
|
5283
5126
|
var fill = otp ? otp[index] : '';
|
|
5284
5127
|
return /*#__PURE__*/wn.createElement(Digit, {
|
|
5285
5128
|
disabled: disabled,
|
|
5286
5129
|
"data-testid": "otp-".concat(index)
|
|
5287
5130
|
}, fill);
|
|
5288
5131
|
};
|
|
5289
|
-
var OTPInput = function OTPInput(
|
|
5290
|
-
var otp =
|
|
5291
|
-
setOtp =
|
|
5292
|
-
disabled =
|
|
5132
|
+
var OTPInput = function OTPInput(_ref100) {
|
|
5133
|
+
var otp = _ref100.otp,
|
|
5134
|
+
setOtp = _ref100.setOtp,
|
|
5135
|
+
disabled = _ref100.disabled;
|
|
5293
5136
|
var onPasscodeChange = function onPasscodeChange(e) {
|
|
5294
5137
|
if (!/^\d*$/.test(e.target.value)) {
|
|
5295
5138
|
return;
|
|
@@ -5321,14 +5164,14 @@ var OTPInput = function OTPInput(_ref95) {
|
|
|
5321
5164
|
})));
|
|
5322
5165
|
};
|
|
5323
5166
|
var OTP_CODE_LENGTH = 6;
|
|
5324
|
-
var OTPControl = function OTPControl(
|
|
5325
|
-
var isSubmitting =
|
|
5326
|
-
onSubmit =
|
|
5327
|
-
errorMessage =
|
|
5328
|
-
var _h$
|
|
5329
|
-
_h$
|
|
5330
|
-
otp = _h$
|
|
5331
|
-
setOtp = _h$
|
|
5167
|
+
var OTPControl = function OTPControl(_ref101) {
|
|
5168
|
+
var isSubmitting = _ref101.isSubmitting,
|
|
5169
|
+
onSubmit = _ref101.onSubmit,
|
|
5170
|
+
errorMessage = _ref101.errorMessage;
|
|
5171
|
+
var _h$55 = h$2(''),
|
|
5172
|
+
_h$56 = _slicedToArray(_h$55, 2),
|
|
5173
|
+
otp = _h$56[0],
|
|
5174
|
+
setOtp = _h$56[1];
|
|
5332
5175
|
var handleOtpChange = function handleOtpChange(otp) {
|
|
5333
5176
|
setOtp(otp);
|
|
5334
5177
|
if (otp.length === OTP_CODE_LENGTH) {
|
|
@@ -5357,13 +5200,13 @@ var OTPControl = function OTPControl(_ref96) {
|
|
|
5357
5200
|
errorMessage: errorMessage !== null && errorMessage !== void 0 ? errorMessage : ''
|
|
5358
5201
|
}));
|
|
5359
5202
|
};
|
|
5360
|
-
var OTPEntry = function OTPEntry(
|
|
5361
|
-
var header =
|
|
5362
|
-
helperContent =
|
|
5363
|
-
instruction =
|
|
5364
|
-
isSubmitting =
|
|
5365
|
-
onSubmit =
|
|
5366
|
-
errorMessage =
|
|
5203
|
+
var OTPEntry = function OTPEntry(_ref102) {
|
|
5204
|
+
var header = _ref102.header,
|
|
5205
|
+
helperContent = _ref102.helperContent,
|
|
5206
|
+
instruction = _ref102.instruction,
|
|
5207
|
+
isSubmitting = _ref102.isSubmitting,
|
|
5208
|
+
onSubmit = _ref102.onSubmit,
|
|
5209
|
+
errorMessage = _ref102.errorMessage;
|
|
5367
5210
|
return /*#__PURE__*/wn.createElement(Flex, {
|
|
5368
5211
|
direction: "column",
|
|
5369
5212
|
gap: 24
|
|
@@ -5382,15 +5225,15 @@ var getSecondsRemaining = function getSecondsRemaining(expiration) {
|
|
|
5382
5225
|
var now = new Date();
|
|
5383
5226
|
return Math.ceil((expiration.getTime() - now.getTime()) / 1000);
|
|
5384
5227
|
};
|
|
5385
|
-
var ExpirationMessage = function ExpirationMessage(
|
|
5386
|
-
var expiration =
|
|
5387
|
-
resendOTP =
|
|
5388
|
-
var _h$
|
|
5228
|
+
var ExpirationMessage = function ExpirationMessage(_ref103) {
|
|
5229
|
+
var expiration = _ref103.expiration,
|
|
5230
|
+
resendOTP = _ref103.resendOTP;
|
|
5231
|
+
var _h$57 = h$2(function () {
|
|
5389
5232
|
return getSecondsRemaining(expiration);
|
|
5390
5233
|
}),
|
|
5391
|
-
_h$
|
|
5392
|
-
seconds = _h$
|
|
5393
|
-
setSeconds = _h$
|
|
5234
|
+
_h$58 = _slicedToArray(_h$57, 2),
|
|
5235
|
+
seconds = _h$58[0],
|
|
5236
|
+
setSeconds = _h$58[1];
|
|
5394
5237
|
var codeExpired = seconds <= 0;
|
|
5395
5238
|
p$1(function () {
|
|
5396
5239
|
if (!codeExpired) {
|
|
@@ -5412,13 +5255,13 @@ var ExpirationMessage = function ExpirationMessage(_ref98) {
|
|
|
5412
5255
|
onClick: resendOTP
|
|
5413
5256
|
}, "Resend code"));
|
|
5414
5257
|
};
|
|
5415
|
-
var SentOTPEntry = function SentOTPEntry(
|
|
5416
|
-
var expiration =
|
|
5417
|
-
formattedDestination =
|
|
5418
|
-
isSubmitting =
|
|
5419
|
-
onSubmit =
|
|
5420
|
-
errorMessage =
|
|
5421
|
-
resendOTP =
|
|
5258
|
+
var SentOTPEntry = function SentOTPEntry(_ref104) {
|
|
5259
|
+
var expiration = _ref104.expiration,
|
|
5260
|
+
formattedDestination = _ref104.formattedDestination,
|
|
5261
|
+
isSubmitting = _ref104.isSubmitting,
|
|
5262
|
+
onSubmit = _ref104.onSubmit,
|
|
5263
|
+
errorMessage = _ref104.errorMessage,
|
|
5264
|
+
resendOTP = _ref104.resendOTP;
|
|
5422
5265
|
return /*#__PURE__*/wn.createElement(OTPEntry, {
|
|
5423
5266
|
header: "Enter passcode",
|
|
5424
5267
|
helperContent: /*#__PURE__*/wn.createElement(ExpirationMessage, {
|
|
@@ -5451,10 +5294,10 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
|
|
|
5451
5294
|
memberPhoneNumber = _state$mfa$primaryInf3.memberPhoneNumber,
|
|
5452
5295
|
organizationId = _state$mfa$primaryInf3.organizationId,
|
|
5453
5296
|
organizationMfaOptionsSupported = _state$mfa$primaryInf3.organizationMfaOptionsSupported;
|
|
5454
|
-
var _useMutate9 = useMutate('stytch.otps.sms.send', function (_,
|
|
5455
|
-
var
|
|
5456
|
-
memberId =
|
|
5457
|
-
organizationId =
|
|
5297
|
+
var _useMutate9 = useMutate('stytch.otps.sms.send', function (_, _ref105) {
|
|
5298
|
+
var _ref105$arg = _ref105.arg,
|
|
5299
|
+
memberId = _ref105$arg.memberId,
|
|
5300
|
+
organizationId = _ref105$arg.organizationId;
|
|
5458
5301
|
dispatch({
|
|
5459
5302
|
type: 'sms_otp/send'
|
|
5460
5303
|
});
|
|
@@ -5472,7 +5315,7 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
|
|
|
5472
5315
|
onError: function onError(error) {
|
|
5473
5316
|
var message = extractErrorMessage(error);
|
|
5474
5317
|
if (message) {
|
|
5475
|
-
|
|
5318
|
+
_t.error(message);
|
|
5476
5319
|
}
|
|
5477
5320
|
dispatch({
|
|
5478
5321
|
type: 'sms_otp/send_error',
|
|
@@ -5483,12 +5326,12 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
|
|
|
5483
5326
|
sendSms = _useMutate9.trigger,
|
|
5484
5327
|
isSending = _useMutate9.isMutating,
|
|
5485
5328
|
sendError = _useMutate9.error;
|
|
5486
|
-
var _useMutate10 = useMutate('stytch.otps.sms.authenticate', function (_,
|
|
5487
|
-
var
|
|
5488
|
-
otp =
|
|
5489
|
-
memberId =
|
|
5490
|
-
organizationId =
|
|
5491
|
-
sessionDurationMinutes =
|
|
5329
|
+
var _useMutate10 = useMutate('stytch.otps.sms.authenticate', function (_, _ref106) {
|
|
5330
|
+
var _ref106$arg = _ref106.arg,
|
|
5331
|
+
otp = _ref106$arg.otp,
|
|
5332
|
+
memberId = _ref106$arg.memberId,
|
|
5333
|
+
organizationId = _ref106$arg.organizationId,
|
|
5334
|
+
sessionDurationMinutes = _ref106$arg.sessionDurationMinutes;
|
|
5492
5335
|
return stytchClient.otps.sms.authenticate({
|
|
5493
5336
|
code: otp,
|
|
5494
5337
|
member_id: memberId,
|
|
@@ -5547,11 +5390,11 @@ var SMSOTPEntryScreen = function SMSOTPEntryScreen() {
|
|
|
5547
5390
|
formatNumber();
|
|
5548
5391
|
}
|
|
5549
5392
|
}, [dispatch, formattedDestination, stytchClient, memberPhoneNumber]);
|
|
5550
|
-
var isTotpAvailable = F(function () {
|
|
5393
|
+
var isTotpAvailable = F$1(function () {
|
|
5551
5394
|
return !isEnrolling && enrolledMfaMethods.includes(B2BMFAProducts.totp) && (organizationMfaOptionsSupported.length === 0 || organizationMfaOptionsSupported.includes(B2BMFAProducts.totp));
|
|
5552
5395
|
}, [enrolledMfaMethods, isEnrolling, organizationMfaOptionsSupported]);
|
|
5553
5396
|
var errorMessage = authenticateError ? 'Invalid passcode, please try again.' : undefined;
|
|
5554
|
-
var canGoBack = F(function () {
|
|
5397
|
+
var canGoBack = F$1(function () {
|
|
5555
5398
|
return isEnrolling || enrolledMfaMethods.length === 0 || organizationMfaOptionsSupported.length > 0 && !enrolledMfaMethods.some(function (enrolledMethod) {
|
|
5556
5399
|
return organizationMfaOptionsSupported.includes(enrolledMethod);
|
|
5557
5400
|
});
|
|
@@ -5612,10 +5455,10 @@ var CopyIcon = function CopyIcon() {
|
|
|
5612
5455
|
}));
|
|
5613
5456
|
};
|
|
5614
5457
|
var Copy = CreateIcon(CopyIcon);
|
|
5615
|
-
var CopyButton = He.button(
|
|
5616
|
-
var CodeContainer = He(InsetContainer)(
|
|
5617
|
-
var Spacer = He.div(
|
|
5618
|
-
var Code = He.code(
|
|
5458
|
+
var CopyButton = He.button(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["\n all: unset;\n flex: 0 0 24px;\n height: 28px;\n opacity: 0;\n :focus {\n opacity: 1;\n }\n"])));
|
|
5459
|
+
var CodeContainer = He(InsetContainer)(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["\n cursor: pointer;\n :hover ", " {\n opacity: 1;\n }\n"])), CopyButton);
|
|
5460
|
+
var Spacer = He.div(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n flex: 0 1 24px;\n"])));
|
|
5461
|
+
var Code = He.code(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n white-space: pre-wrap;\n align-self: center;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1ch;\n"])));
|
|
5619
5462
|
var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
|
|
5620
5463
|
var _useGlobalReducer57 = useGlobalReducer(),
|
|
5621
5464
|
_useGlobalReducer58 = _slicedToArray(_useGlobalReducer57, 2),
|
|
@@ -5645,13 +5488,13 @@ var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
|
|
|
5645
5488
|
_context14.next = 4;
|
|
5646
5489
|
return navigator.clipboard.writeText(displaySecret);
|
|
5647
5490
|
case 4:
|
|
5648
|
-
|
|
5491
|
+
_t.success('Code copied');
|
|
5649
5492
|
_context14.next = 10;
|
|
5650
5493
|
break;
|
|
5651
5494
|
case 7:
|
|
5652
5495
|
_context14.prev = 7;
|
|
5653
5496
|
_context14.t0 = _context14["catch"](1);
|
|
5654
|
-
|
|
5497
|
+
_t.error("Couldn't copy code to clipboard");
|
|
5655
5498
|
case 10:
|
|
5656
5499
|
case "end":
|
|
5657
5500
|
return _context14.stop();
|
|
@@ -5685,7 +5528,7 @@ var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
|
|
|
5685
5528
|
onClick: handleShowQRCode
|
|
5686
5529
|
}, "Try to scan the QR code again"));
|
|
5687
5530
|
};
|
|
5688
|
-
var QRCodeImg = He.img(
|
|
5531
|
+
var QRCodeImg = He.img(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n margin: 0 auto;\n"])));
|
|
5689
5532
|
var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
|
|
5690
5533
|
var stytchClient = useStytch();
|
|
5691
5534
|
var _useGlobalReducer59 = useGlobalReducer(),
|
|
@@ -5699,10 +5542,10 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
|
|
|
5699
5542
|
var _state$mfa$primaryInf4 = state.mfa.primaryInfo,
|
|
5700
5543
|
memberId = _state$mfa$primaryInf4.memberId,
|
|
5701
5544
|
organizationId = _state$mfa$primaryInf4.organizationId;
|
|
5702
|
-
var _useMutate11 = useMutate('stytch.totp.create', function (_,
|
|
5703
|
-
var
|
|
5704
|
-
memberId =
|
|
5705
|
-
organizationId =
|
|
5545
|
+
var _useMutate11 = useMutate('stytch.totp.create', function (_, _ref107) {
|
|
5546
|
+
var _ref107$arg = _ref107.arg,
|
|
5547
|
+
memberId = _ref107$arg.memberId,
|
|
5548
|
+
organizationId = _ref107$arg.organizationId;
|
|
5706
5549
|
dispatch({
|
|
5707
5550
|
type: 'totp/create'
|
|
5708
5551
|
});
|
|
@@ -5722,7 +5565,7 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
|
|
|
5722
5565
|
onError: function onError(error) {
|
|
5723
5566
|
var message = extractErrorMessage(error);
|
|
5724
5567
|
if (message) {
|
|
5725
|
-
|
|
5568
|
+
_t.error(message);
|
|
5726
5569
|
}
|
|
5727
5570
|
dispatch({
|
|
5728
5571
|
type: 'totp/create_error',
|
|
@@ -5768,11 +5611,11 @@ var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
|
|
|
5768
5611
|
onClick: handleContinue
|
|
5769
5612
|
}, "Continue"))) : ( /*#__PURE__*/wn.createElement(LoadingScreen, null)));
|
|
5770
5613
|
};
|
|
5771
|
-
var TOTPEntry = function TOTPEntry(
|
|
5772
|
-
var helperContent =
|
|
5773
|
-
isSubmitting =
|
|
5774
|
-
onSubmit =
|
|
5775
|
-
errorMessage =
|
|
5614
|
+
var TOTPEntry = function TOTPEntry(_ref108) {
|
|
5615
|
+
var helperContent = _ref108.helperContent,
|
|
5616
|
+
isSubmitting = _ref108.isSubmitting,
|
|
5617
|
+
onSubmit = _ref108.onSubmit,
|
|
5618
|
+
errorMessage = _ref108.errorMessage;
|
|
5776
5619
|
return /*#__PURE__*/wn.createElement(OTPEntry, {
|
|
5777
5620
|
header: "Enter verification code",
|
|
5778
5621
|
instruction: "Enter the 6-digit code from your authenticator app.",
|
|
@@ -5796,12 +5639,12 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
|
|
|
5796
5639
|
memberId = _state$mfa$primaryInf5.memberId,
|
|
5797
5640
|
organizationId = _state$mfa$primaryInf5.organizationId,
|
|
5798
5641
|
organizationMfaOptionsSupported = _state$mfa$primaryInf5.organizationMfaOptionsSupported;
|
|
5799
|
-
var _useMutate12 = useMutate('stytch.totp.authenticate', function (_,
|
|
5800
|
-
var
|
|
5801
|
-
memberId =
|
|
5802
|
-
organizationId =
|
|
5803
|
-
otp =
|
|
5804
|
-
sessionDurationMinutes =
|
|
5642
|
+
var _useMutate12 = useMutate('stytch.totp.authenticate', function (_, _ref109) {
|
|
5643
|
+
var _ref109$arg = _ref109.arg,
|
|
5644
|
+
memberId = _ref109$arg.memberId,
|
|
5645
|
+
organizationId = _ref109$arg.organizationId,
|
|
5646
|
+
otp = _ref109$arg.otp,
|
|
5647
|
+
sessionDurationMinutes = _ref109$arg.sessionDurationMinutes;
|
|
5805
5648
|
return stytchClient.totp.authenticate({
|
|
5806
5649
|
code: otp,
|
|
5807
5650
|
member_id: memberId,
|
|
@@ -5818,7 +5661,7 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
|
|
|
5818
5661
|
authenticate = _useMutate12.trigger,
|
|
5819
5662
|
isAuthenticating = _useMutate12.isMutating,
|
|
5820
5663
|
authenticateError = _useMutate12.error;
|
|
5821
|
-
var isSmsOtpAvailable = F(function () {
|
|
5664
|
+
var isSmsOtpAvailable = F$1(function () {
|
|
5822
5665
|
return !isEnrolling && enrolledMfaMethods.includes(B2BMFAProducts.smsOtp) && (organizationMfaOptionsSupported.length === 0 || organizationMfaOptionsSupported.includes(B2BMFAProducts.smsOtp));
|
|
5823
5666
|
}, [enrolledMfaMethods, isEnrolling, organizationMfaOptionsSupported]);
|
|
5824
5667
|
var errorMessage = authenticateError ? 'Invalid passcode, please try again.' : undefined;
|
|
@@ -5874,53 +5717,53 @@ var TOTPEntryScreen = function TOTPEntryScreen() {
|
|
|
5874
5717
|
onClick: handleSwitchToSms
|
|
5875
5718
|
}, "Text me a code instead"))));
|
|
5876
5719
|
};
|
|
5877
|
-
var MainContainer = He.div(
|
|
5878
|
-
var theme =
|
|
5720
|
+
var MainContainer = He.div(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n width: ", ";\n font-family: ", ";\n box-sizing: border-box;\n * {\n box-sizing: content-box;\n }\n background-color: ", ";\n border: ", ";\n border-radius: ", ";\n border-bottom-left-radius: ", ";\n border-bottom-right-radius: ", ";\n border-bottom: ", ";\n"])), function (_ref110) {
|
|
5721
|
+
var theme = _ref110.theme;
|
|
5879
5722
|
return theme.container.width;
|
|
5880
|
-
}, function (
|
|
5881
|
-
var theme =
|
|
5723
|
+
}, function (_ref111) {
|
|
5724
|
+
var theme = _ref111.theme;
|
|
5882
5725
|
return theme.typography.fontFamily;
|
|
5883
|
-
}, function (
|
|
5884
|
-
var theme =
|
|
5726
|
+
}, function (_ref112) {
|
|
5727
|
+
var theme = _ref112.theme;
|
|
5885
5728
|
return theme.container.backgroundColor;
|
|
5886
|
-
}, function (
|
|
5887
|
-
var theme =
|
|
5729
|
+
}, function (_ref113) {
|
|
5730
|
+
var theme = _ref113.theme;
|
|
5888
5731
|
return theme.container.border;
|
|
5889
|
-
}, function (
|
|
5890
|
-
var theme =
|
|
5732
|
+
}, function (_ref114) {
|
|
5733
|
+
var theme = _ref114.theme;
|
|
5891
5734
|
return theme.container.borderRadius;
|
|
5892
|
-
}, function (
|
|
5893
|
-
var theme =
|
|
5894
|
-
displayWatermark =
|
|
5735
|
+
}, function (_ref115) {
|
|
5736
|
+
var theme = _ref115.theme,
|
|
5737
|
+
displayWatermark = _ref115.displayWatermark;
|
|
5895
5738
|
return displayWatermark ? '0' : theme.container.borderRadius;
|
|
5896
|
-
}, function (
|
|
5897
|
-
var theme =
|
|
5898
|
-
displayWatermark =
|
|
5739
|
+
}, function (_ref116) {
|
|
5740
|
+
var theme = _ref116.theme,
|
|
5741
|
+
displayWatermark = _ref116.displayWatermark;
|
|
5899
5742
|
return displayWatermark ? '0' : theme.container.borderRadius;
|
|
5900
|
-
}, function (
|
|
5901
|
-
var theme =
|
|
5902
|
-
displayWatermark =
|
|
5743
|
+
}, function (_ref117) {
|
|
5744
|
+
var theme = _ref117.theme,
|
|
5745
|
+
displayWatermark = _ref117.displayWatermark;
|
|
5903
5746
|
return displayWatermark ? 'none' : theme.container.border;
|
|
5904
5747
|
});
|
|
5905
|
-
var ChildrenContainer = He.div(
|
|
5906
|
-
var WatermarkContainer = He.div(
|
|
5907
|
-
var theme =
|
|
5748
|
+
var ChildrenContainer = He.div(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n padding: 24px 32px;\n"])));
|
|
5749
|
+
var WatermarkContainer = He.div(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["\n box-sizing: border-box;\n width: ", ";\n background-color: ", ";\n border: ", ";\n border-top: none;\n border-bottom-left-radius: ", ";\n border-bottom-right-radius: ", ";\n overflow: hidden;\n"])), function (_ref118) {
|
|
5750
|
+
var theme = _ref118.theme;
|
|
5908
5751
|
return theme.container.width;
|
|
5909
|
-
}, function (
|
|
5910
|
-
var theme =
|
|
5752
|
+
}, function (_ref119) {
|
|
5753
|
+
var theme = _ref119.theme;
|
|
5911
5754
|
return theme.container.backgroundColor;
|
|
5912
|
-
}, function (
|
|
5913
|
-
var theme =
|
|
5755
|
+
}, function (_ref120) {
|
|
5756
|
+
var theme = _ref120.theme;
|
|
5914
5757
|
return theme.container.border;
|
|
5915
|
-
}, function (
|
|
5916
|
-
var theme =
|
|
5758
|
+
}, function (_ref121) {
|
|
5759
|
+
var theme = _ref121.theme;
|
|
5917
5760
|
return theme.container.borderRadius;
|
|
5918
|
-
}, function (
|
|
5919
|
-
var theme =
|
|
5761
|
+
}, function (_ref122) {
|
|
5762
|
+
var theme = _ref122.theme;
|
|
5920
5763
|
return theme.container.borderRadius;
|
|
5921
5764
|
});
|
|
5922
|
-
var InnerContainer = He.div(
|
|
5923
|
-
var Image = He.img(
|
|
5765
|
+
var InnerContainer = He.div(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["\n background-color: #19303d;\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0.5;\n"])));
|
|
5766
|
+
var Image = He.img(_templateObject71 || (_templateObject71 = _taggedTemplateLiteral(["\n width: 150px;\n"])));
|
|
5924
5767
|
var POWERED_BY_STYTCH_IMG_URL = 'https://public-assets.stytch.com/et_powered_by_stytch_logo.png';
|
|
5925
5768
|
var getTokenFromUrl = function getTokenFromUrl() {
|
|
5926
5769
|
var url = new URL(window.location.href);
|
|
@@ -5962,8 +5805,8 @@ var AppContainer$1 = function AppContainer$1() {
|
|
|
5962
5805
|
intermediateSessionToken: data.intermediate_session_token
|
|
5963
5806
|
});
|
|
5964
5807
|
};
|
|
5965
|
-
var onError = function onError(
|
|
5966
|
-
var errorType =
|
|
5808
|
+
var onError = function onError(_ref123) {
|
|
5809
|
+
var errorType = _ref123.errorType;
|
|
5967
5810
|
return function () {
|
|
5968
5811
|
clearStytchSearchParams();
|
|
5969
5812
|
dispatch({
|
|
@@ -5972,8 +5815,8 @@ var AppContainer$1 = function AppContainer$1() {
|
|
|
5972
5815
|
});
|
|
5973
5816
|
};
|
|
5974
5817
|
};
|
|
5975
|
-
var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_,
|
|
5976
|
-
var token =
|
|
5818
|
+
var _useMutate13 = useMutate("stytch.magicLinks.authenticate", function (_, _ref124) {
|
|
5819
|
+
var token = _ref124.arg.token;
|
|
5977
5820
|
return stytchClient.magicLinks.authenticate({
|
|
5978
5821
|
magic_links_token: token,
|
|
5979
5822
|
session_duration_minutes: config.sessionOptions.sessionDurationMinutes
|
|
@@ -5986,8 +5829,8 @@ var AppContainer$1 = function AppContainer$1() {
|
|
|
5986
5829
|
}),
|
|
5987
5830
|
stytchMagicLinkAuthenticate = _useMutate13.trigger,
|
|
5988
5831
|
isMagicLinkLoading = _useMutate13.isMutating;
|
|
5989
|
-
var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_,
|
|
5990
|
-
var token =
|
|
5832
|
+
var _useMutate14 = useMutate("stytch.oauth.authenticate", function (_, _ref125) {
|
|
5833
|
+
var token = _ref125.arg.token;
|
|
5991
5834
|
return stytchClient.oauth.authenticate({
|
|
5992
5835
|
oauth_token: token,
|
|
5993
5836
|
session_duration_minutes: config.sessionOptions.sessionDurationMinutes
|
|
@@ -6000,8 +5843,8 @@ var AppContainer$1 = function AppContainer$1() {
|
|
|
6000
5843
|
}),
|
|
6001
5844
|
stytchOAuthAuthenticate = _useMutate14.trigger,
|
|
6002
5845
|
isOAuthLoading = _useMutate14.isMutating;
|
|
6003
|
-
var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_,
|
|
6004
|
-
var token =
|
|
5846
|
+
var _useMutate15 = useMutate("stytch.oauth.discovery.authenticate", function (_, _ref126) {
|
|
5847
|
+
var token = _ref126.arg.token;
|
|
6005
5848
|
return stytchClient.oauth.discovery.authenticate({
|
|
6006
5849
|
discovery_oauth_token: token
|
|
6007
5850
|
});
|
|
@@ -6013,8 +5856,8 @@ var AppContainer$1 = function AppContainer$1() {
|
|
|
6013
5856
|
}),
|
|
6014
5857
|
stytchOAuthDiscoveryAuthenticate = _useMutate15.trigger,
|
|
6015
5858
|
isDiscoveryOAuthLoading = _useMutate15.isMutating;
|
|
6016
|
-
var _useMutate16 = useMutate("stytch.sso.authenticate", function (_,
|
|
6017
|
-
var token =
|
|
5859
|
+
var _useMutate16 = useMutate("stytch.sso.authenticate", function (_, _ref127) {
|
|
5860
|
+
var token = _ref127.arg.token;
|
|
6018
5861
|
return stytchClient.sso.authenticate({
|
|
6019
5862
|
sso_token: token,
|
|
6020
5863
|
session_duration_minutes: config.sessionOptions.sessionDurationMinutes
|
|
@@ -6027,8 +5870,8 @@ var AppContainer$1 = function AppContainer$1() {
|
|
|
6027
5870
|
}),
|
|
6028
5871
|
stytchSSOAuthenticate = _useMutate16.trigger,
|
|
6029
5872
|
isSSOLoading = _useMutate16.isMutating;
|
|
6030
|
-
var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_,
|
|
6031
|
-
var token =
|
|
5873
|
+
var _useMutate17 = useMutate("stytch.magicLinks.discovery.authenticate", function (_, _ref128) {
|
|
5874
|
+
var token = _ref128.arg.token;
|
|
6032
5875
|
return stytchClient.magicLinks.discovery.authenticate({
|
|
6033
5876
|
discovery_magic_links_token: token
|
|
6034
5877
|
});
|
|
@@ -6139,19 +5982,19 @@ var AppContainer$1 = function AppContainer$1() {
|
|
|
6139
5982
|
src: POWERED_BY_STYTCH_IMG_URL
|
|
6140
5983
|
}))))));
|
|
6141
5984
|
};
|
|
6142
|
-
var AppContainer = function AppContainer(
|
|
6143
|
-
var client =
|
|
6144
|
-
styles =
|
|
6145
|
-
callbacks =
|
|
6146
|
-
config =
|
|
6147
|
-
var _h$
|
|
5985
|
+
var AppContainer = function AppContainer(_ref129) {
|
|
5986
|
+
var client = _ref129.client,
|
|
5987
|
+
styles = _ref129.styles,
|
|
5988
|
+
callbacks = _ref129.callbacks,
|
|
5989
|
+
config = _ref129.config;
|
|
5990
|
+
var _h$59 = h$2(function () {
|
|
6148
5991
|
var _readB2BInternals$boo3 = readB2BInternals(client).bootstrap.getSync(),
|
|
6149
5992
|
displayWatermark = _readB2BInternals$boo3.displayWatermark;
|
|
6150
5993
|
return displayWatermark;
|
|
6151
5994
|
}),
|
|
6152
|
-
_h$
|
|
6153
|
-
displayWatermark = _h$
|
|
6154
|
-
setDisplayWatermark = _h$
|
|
5995
|
+
_h$60 = _slicedToArray(_h$59, 2),
|
|
5996
|
+
displayWatermark = _h$60[0],
|
|
5997
|
+
setDisplayWatermark = _h$60[1];
|
|
6155
5998
|
p$1(function () {
|
|
6156
5999
|
readB2BInternals(client).networkClient.logEvent({
|
|
6157
6000
|
name: 'render_b2b_login_screen',
|
|
@@ -6159,8 +6002,8 @@ var AppContainer = function AppContainer(_ref124) {
|
|
|
6159
6002
|
options: config
|
|
6160
6003
|
}
|
|
6161
6004
|
});
|
|
6162
|
-
readB2BInternals(client).bootstrap.getAsync().then(function (
|
|
6163
|
-
var displayWatermark =
|
|
6005
|
+
readB2BInternals(client).bootstrap.getAsync().then(function (_ref130) {
|
|
6006
|
+
var displayWatermark = _ref130.displayWatermark;
|
|
6164
6007
|
setDisplayWatermark(displayWatermark);
|
|
6165
6008
|
});
|
|
6166
6009
|
}, [client]);
|
|
@@ -6197,11 +6040,11 @@ var StytchB2BUIClient = /*#__PURE__*/function (_StytchB2BHeadlessCli) {
|
|
|
6197
6040
|
}
|
|
6198
6041
|
_createClass(StytchB2BUIClient, [{
|
|
6199
6042
|
key: "mount",
|
|
6200
|
-
value: function mount(
|
|
6201
|
-
var elementId =
|
|
6202
|
-
styles =
|
|
6203
|
-
callbacks =
|
|
6204
|
-
config =
|
|
6043
|
+
value: function mount(_ref131) {
|
|
6044
|
+
var elementId = _ref131.elementId,
|
|
6045
|
+
styles = _ref131.styles,
|
|
6046
|
+
callbacks = _ref131.callbacks,
|
|
6047
|
+
config = _ref131.config;
|
|
6205
6048
|
var _a;
|
|
6206
6049
|
var targetParentDomNode = document.querySelector(elementId);
|
|
6207
6050
|
if (!targetParentDomNode) {
|