@stytch/vanilla-js 5.22.0 → 5.22.2
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 +13 -0
- package/dist/b2b/index.esm.js +56 -55
- package/dist/b2b/index.headless.esm.js +1 -1
- package/dist/b2b/index.headless.js +1 -1
- package/dist/b2b/index.js +56 -55
- package/dist/index.esm.js +1 -1
- package/dist/index.headless.esm.js +1 -1
- package/dist/index.headless.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
package/dist/b2b/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
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, _templateObject72, _templateObject73, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79, _templateObject80, _templateObject81;
|
|
3
|
+
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, _templateObject72, _templateObject73, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79, _templateObject80, _templateObject81, _templateObject82;
|
|
4
4
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e3) { throw _e3; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e4) { didErr = true; err = _e4; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
5
5
|
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); } }
|
|
6
6
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
@@ -3504,11 +3504,12 @@ var LogoText = extractErrorMessage.He(Flex)(_templateObject28 || (_templateObjec
|
|
|
3504
3504
|
var theme = _ref75.theme;
|
|
3505
3505
|
return theme.buttons.secondary.backgroundColor;
|
|
3506
3506
|
});
|
|
3507
|
-
var
|
|
3507
|
+
var OrganizationName = extractErrorMessage.He.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n overflow-wrap: break-word;\n word-break: break-word;\n hyphens: auto;\n"])));
|
|
3508
|
+
var ArrowText = extractErrorMessage.He.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n ", ";\n text-align: right;\n"])), function (_ref76) {
|
|
3508
3509
|
var theme = _ref76.theme;
|
|
3509
3510
|
return theme.typography.body;
|
|
3510
3511
|
});
|
|
3511
|
-
var SvgNoShrink = extractErrorMessage.He.svg(
|
|
3512
|
+
var SvgNoShrink = extractErrorMessage.He.svg(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n"])));
|
|
3512
3513
|
var RightArrowSVG = function RightArrowSVG() {
|
|
3513
3514
|
return /*#__PURE__*/extractErrorMessage.y(SvgNoShrink, {
|
|
3514
3515
|
width: "14",
|
|
@@ -3744,7 +3745,7 @@ var Discovery = function Discovery() {
|
|
|
3744
3745
|
}, /*#__PURE__*/extractErrorMessage.y(Logo, {
|
|
3745
3746
|
name: organization.organization_name,
|
|
3746
3747
|
logo: organization.organization_logo_url
|
|
3747
|
-
}), /*#__PURE__*/extractErrorMessage.y(
|
|
3748
|
+
}), /*#__PURE__*/extractErrorMessage.y(OrganizationName, null, organization.organization_name)), /*#__PURE__*/extractErrorMessage.y(Flex, {
|
|
3748
3749
|
gap: 8,
|
|
3749
3750
|
alignItems: "center"
|
|
3750
3751
|
}, /*#__PURE__*/extractErrorMessage.y(ActionText, {
|
|
@@ -3899,11 +3900,11 @@ var Chevron = function Chevron() {
|
|
|
3899
3900
|
}));
|
|
3900
3901
|
};
|
|
3901
3902
|
var Chevron$1 = CreateIcon(Chevron);
|
|
3902
|
-
var StyledButton = extractErrorMessage.He.button(
|
|
3903
|
+
var StyledButton = extractErrorMessage.He.button(_templateObject32 || (_templateObject32 = _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) {
|
|
3903
3904
|
return props.theme.colors.primary;
|
|
3904
3905
|
});
|
|
3905
|
-
var MenuText = extractErrorMessage.He.div(
|
|
3906
|
-
var ChevronContainer = extractErrorMessage.He.span(
|
|
3906
|
+
var MenuText = extractErrorMessage.He.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n flex: 1 1 auto;\n"])));
|
|
3907
|
+
var ChevronContainer = extractErrorMessage.He.span(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n flex: 0 0 auto;\n"])));
|
|
3907
3908
|
var MenuButton = function MenuButton(_ref81) {
|
|
3908
3909
|
var children = _ref81.children,
|
|
3909
3910
|
disabled = _ref81.disabled,
|
|
@@ -4036,11 +4037,11 @@ var InlineButton = function InlineButton(_ref83) {
|
|
|
4036
4037
|
}
|
|
4037
4038
|
}, children));
|
|
4038
4039
|
};
|
|
4039
|
-
var Wrapper = extractErrorMessage.He.div(
|
|
4040
|
+
var Wrapper = extractErrorMessage.He.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n display: grid;\n grid-template-rows: ", ";\n transition: grid-template-rows 0.15s ease-out;\n"])), function (_ref84) {
|
|
4040
4041
|
var isOpen = _ref84.isOpen;
|
|
4041
4042
|
return isOpen ? '1fr' : '0fr';
|
|
4042
4043
|
});
|
|
4043
|
-
var Inner = extractErrorMessage.He.div(
|
|
4044
|
+
var Inner = extractErrorMessage.He.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n overflow: hidden;\n"])));
|
|
4044
4045
|
var AnimatedContainer = function AnimatedContainer(_ref85) {
|
|
4045
4046
|
var isOpen = _ref85.isOpen,
|
|
4046
4047
|
children = _ref85.children;
|
|
@@ -4048,12 +4049,12 @@ var AnimatedContainer = function AnimatedContainer(_ref85) {
|
|
|
4048
4049
|
isOpen: isOpen
|
|
4049
4050
|
}, /*#__PURE__*/extractErrorMessage.wn.createElement(Inner, null, children));
|
|
4050
4051
|
};
|
|
4051
|
-
var Container = extractErrorMessage.He.div(
|
|
4052
|
+
var Container = extractErrorMessage.He.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n height: 4px;\n background-color: ", ";\n border-radius: 3px;\n overflow: hidden;\n"])), function (_ref86) {
|
|
4052
4053
|
var theme = _ref86.theme;
|
|
4053
4054
|
return theme.colors.disabled;
|
|
4054
4055
|
});
|
|
4055
|
-
var loading = extractErrorMessage.Ue(
|
|
4056
|
-
var Progress = extractErrorMessage.He.div(
|
|
4056
|
+
var loading = extractErrorMessage.Ue(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(-1%);\n }\n"])));
|
|
4057
|
+
var Progress = extractErrorMessage.He.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n background-color: ", ";\n animation: ", " 10s cubic-bezier(0.22, 1, 0.36, 1);\n"])), function (_ref87) {
|
|
4057
4058
|
var theme = _ref87.theme;
|
|
4058
4059
|
return theme.colors.primary;
|
|
4059
4060
|
}, loading);
|
|
@@ -4065,7 +4066,7 @@ var OTP_LENGTH = 6;
|
|
|
4065
4066
|
var GAP = '8px';
|
|
4066
4067
|
var WIDTH = '46px';
|
|
4067
4068
|
var INPUT_HEIGHT = '46px';
|
|
4068
|
-
var Digit = extractErrorMessage.He.div(
|
|
4069
|
+
var Digit = extractErrorMessage.He.div(_templateObject40 || (_templateObject40 = _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 (_ref89) {
|
|
4069
4070
|
var disabled = _ref89.disabled,
|
|
4070
4071
|
theme = _ref89.theme;
|
|
4071
4072
|
return disabled ? theme.colors.disabled : '#ADBCC5';
|
|
@@ -4460,7 +4461,7 @@ var inboxLinks = function inboxLinks(emailDomain) {
|
|
|
4460
4461
|
OUTLOOK: 'https://outlook.office.com/mail/0/inbox'
|
|
4461
4462
|
};
|
|
4462
4463
|
};
|
|
4463
|
-
var Link = extractErrorMessage.He.a(
|
|
4464
|
+
var Link = extractErrorMessage.He.a(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n all: unset;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n text-decoration-color: ", ";\n }\n"])), function (props) {
|
|
4464
4465
|
return props.theme.colors.primary;
|
|
4465
4466
|
});
|
|
4466
4467
|
var EmailProviderLink = function EmailProviderLink(_ref101) {
|
|
@@ -4568,7 +4569,7 @@ var PasswordResetConfirmation = function PasswordResetConfirmation() {
|
|
|
4568
4569
|
email: state.formState.passwordState.email
|
|
4569
4570
|
});
|
|
4570
4571
|
};
|
|
4571
|
-
var Block = extractErrorMessage.He.div(
|
|
4572
|
+
var Block = extractErrorMessage.He.div(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n height: 4px;\n width: 25%;\n background-color: ", ";\n"])), function (props) {
|
|
4572
4573
|
return props.$bgColor;
|
|
4573
4574
|
});
|
|
4574
4575
|
var PasswordStrengthCheck = function PasswordStrengthCheck(_ref104) {
|
|
@@ -4677,7 +4678,7 @@ var removeStytchParams = function removeStytchParams(value) {
|
|
|
4677
4678
|
params["delete"]('stytch_token_type');
|
|
4678
4679
|
return url;
|
|
4679
4680
|
};
|
|
4680
|
-
var Form = extractErrorMessage.He.form(
|
|
4681
|
+
var Form = extractErrorMessage.He.form(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
4681
4682
|
var PasswordResetForm = function PasswordResetForm() {
|
|
4682
4683
|
var stytchClient = useStytch();
|
|
4683
4684
|
var config = useConfig();
|
|
@@ -5294,31 +5295,31 @@ var Z = function Z(e, t) {
|
|
|
5294
5295
|
}
|
|
5295
5296
|
};
|
|
5296
5297
|
};
|
|
5297
|
-
var oe = h$1(
|
|
5298
|
-
re = h$1(
|
|
5299
|
-
se = h$1(
|
|
5300
|
-
_ = j("div")(
|
|
5298
|
+
var oe = h$1(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0) rotate(45deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(45deg);\n opacity: 1;\n}"]))),
|
|
5299
|
+
re = h$1(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0);\n opacity: 0;\n}\nto {\n transform: scale(1);\n opacity: 1;\n}"]))),
|
|
5300
|
+
se = h$1(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0) rotate(90deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(90deg);\n\topacity: 1;\n}"]))),
|
|
5301
|
+
_ = j("div")(_templateObject47 || (_templateObject47 = _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) {
|
|
5301
5302
|
return e.primary || "#ff4b4b";
|
|
5302
5303
|
}, oe, re, function (e) {
|
|
5303
5304
|
return e.secondary || "#fff";
|
|
5304
5305
|
}, se);
|
|
5305
|
-
var ne = h$1(
|
|
5306
|
-
V = j("div")(
|
|
5306
|
+
var ne = h$1(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"]))),
|
|
5307
|
+
V = j("div")(_templateObject49 || (_templateObject49 = _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) {
|
|
5307
5308
|
return e.secondary || "#e0e0e0";
|
|
5308
5309
|
}, function (e) {
|
|
5309
5310
|
return e.primary || "#616161";
|
|
5310
5311
|
}, ne);
|
|
5311
|
-
var pe = h$1(
|
|
5312
|
-
de = h$1(
|
|
5313
|
-
w = j("div")(
|
|
5312
|
+
var pe = h$1(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0) rotate(45deg);\n\topacity: 0;\n}\nto {\n transform: scale(1) rotate(45deg);\n\topacity: 1;\n}"]))),
|
|
5313
|
+
de = h$1(_templateObject51 || (_templateObject51 = _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}"]))),
|
|
5314
|
+
w = j("div")(_templateObject52 || (_templateObject52 = _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) {
|
|
5314
5315
|
return e.primary || "#61d345";
|
|
5315
5316
|
}, pe, de, function (e) {
|
|
5316
5317
|
return e.secondary || "#fff";
|
|
5317
5318
|
});
|
|
5318
|
-
var ue = j("div")(
|
|
5319
|
-
le = j("div")(
|
|
5320
|
-
Te = h$1(
|
|
5321
|
-
fe = j("div")(
|
|
5319
|
+
var ue = j("div")(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n position: absolute;\n"]))),
|
|
5320
|
+
le = j("div")(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 20px;\n min-height: 20px;\n"]))),
|
|
5321
|
+
Te = h$1(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0.6);\n opacity: 0.4;\n}\nto {\n transform: scale(1);\n opacity: 1;\n}"]))),
|
|
5322
|
+
fe = j("div")(_templateObject56 || (_templateObject56 = _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),
|
|
5322
5323
|
M = function M(_ref108) {
|
|
5323
5324
|
var e = _ref108.toast;
|
|
5324
5325
|
var t = e.icon,
|
|
@@ -5334,8 +5335,8 @@ var ye = function ye(e) {
|
|
|
5334
5335
|
},
|
|
5335
5336
|
he = "0%{opacity:0;} 100%{opacity:1;}",
|
|
5336
5337
|
xe = "0%{opacity:1;} 100%{opacity:0;}",
|
|
5337
|
-
be = j("div")(
|
|
5338
|
-
Se = j("div")(
|
|
5338
|
+
be = j("div")(_templateObject57 || (_templateObject57 = _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"]))),
|
|
5339
|
+
Se = j("div")(_templateObject58 || (_templateObject58 = _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"]))),
|
|
5339
5340
|
Ae = function Ae(e, t) {
|
|
5340
5341
|
var s = e.includes("top") ? 1 : -1,
|
|
5341
5342
|
_ref109 = b() ? [he, xe] : [ye(s), ge(s)],
|
|
@@ -5413,7 +5414,7 @@ var Ee = function Ee(_ref112) {
|
|
|
5413
5414
|
transform: "translateY(".concat(t * (o ? 1 : -1), "px)")
|
|
5414
5415
|
}, s), a);
|
|
5415
5416
|
},
|
|
5416
|
-
ve = u$1(
|
|
5417
|
+
ve = u$1(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n z-index: 9999;\n > * {\n pointer-events: auto;\n }\n"]))),
|
|
5417
5418
|
O = 16,
|
|
5418
5419
|
Ie = function Ie(_ref113) {
|
|
5419
5420
|
var e = _ref113.reverseOrder,
|
|
@@ -5759,8 +5760,8 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
|
|
|
5759
5760
|
isSubmitting: isSubmitting
|
|
5760
5761
|
})));
|
|
5761
5762
|
};
|
|
5762
|
-
var InsetContainer = extractErrorMessage.He.div(
|
|
5763
|
-
var CodeList = extractErrorMessage.He.ul(
|
|
5763
|
+
var InsetContainer = extractErrorMessage.He.div(_templateObject60 || (_templateObject60 = _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"])));
|
|
5764
|
+
var CodeList = extractErrorMessage.He.ul(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n list-style: none;\n padding: 0;\n margin: 0;\n"])));
|
|
5764
5765
|
var downloadFile = function downloadFile(content, filename) {
|
|
5765
5766
|
var blob = new Blob([content], {
|
|
5766
5767
|
type: 'text/plain'
|
|
@@ -5834,7 +5835,7 @@ var RecoveryCodeSaveScreen = function RecoveryCodeSaveScreen() {
|
|
|
5834
5835
|
onClick: handleContinue
|
|
5835
5836
|
}, "Done"));
|
|
5836
5837
|
};
|
|
5837
|
-
var Select = extractErrorMessage.He.select(
|
|
5838
|
+
var Select = extractErrorMessage.He.select(_templateObject62 || (_templateObject62 = _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) {
|
|
5838
5839
|
return props.theme.inputs.backgroundColor;
|
|
5839
5840
|
}, function (props) {
|
|
5840
5841
|
return props.theme.inputs.borderColor;
|
|
@@ -5946,7 +5947,7 @@ var formatNumberToIncludeCountryCode = function formatNumberToIncludeCountryCode
|
|
|
5946
5947
|
}, _callee11, null, [[3, 12]]);
|
|
5947
5948
|
}));
|
|
5948
5949
|
};
|
|
5949
|
-
var PhoneStyledInput = extractErrorMessage.He(Input)(
|
|
5950
|
+
var PhoneStyledInput = extractErrorMessage.He(Input)(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["\n flex-grow: 1;\n min-width: 100px;\n"])));
|
|
5950
5951
|
var PhoneInput = function PhoneInput(_ref121) {
|
|
5951
5952
|
var phone = _ref121.phone,
|
|
5952
5953
|
setPhone = _ref121.setPhone,
|
|
@@ -6665,10 +6666,10 @@ var CopyIcon = function CopyIcon() {
|
|
|
6665
6666
|
}));
|
|
6666
6667
|
};
|
|
6667
6668
|
var Copy = CreateIcon(CopyIcon);
|
|
6668
|
-
var CopyButton = extractErrorMessage.He.button(
|
|
6669
|
-
var CodeContainer = extractErrorMessage.He(InsetContainer)(
|
|
6670
|
-
var Spacer = extractErrorMessage.He.div(
|
|
6671
|
-
var Code = extractErrorMessage.He.code(
|
|
6669
|
+
var CopyButton = extractErrorMessage.He.button(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n all: unset;\n flex: 0 0 24px;\n height: 28px;\n opacity: 0;\n :focus {\n opacity: 1;\n }\n"])));
|
|
6670
|
+
var CodeContainer = extractErrorMessage.He(InsetContainer)(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n cursor: pointer;\n :hover ", " {\n opacity: 1;\n }\n"])), CopyButton);
|
|
6671
|
+
var Spacer = extractErrorMessage.He.div(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n flex: 0 1 24px;\n"])));
|
|
6672
|
+
var Code = extractErrorMessage.He.code(_templateObject67 || (_templateObject67 = _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"])));
|
|
6672
6673
|
var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
|
|
6673
6674
|
var _useGlobalReducer75 = useGlobalReducer(),
|
|
6674
6675
|
_useGlobalReducer76 = _slicedToArray(_useGlobalReducer75, 2),
|
|
@@ -6738,7 +6739,7 @@ var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
|
|
|
6738
6739
|
onClick: handleShowQRCode
|
|
6739
6740
|
}, "Try to scan the QR code again"));
|
|
6740
6741
|
};
|
|
6741
|
-
var QRCodeImg = extractErrorMessage.He.img(
|
|
6742
|
+
var QRCodeImg = extractErrorMessage.He.img(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n margin: 0 auto;\n"])));
|
|
6742
6743
|
var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
|
|
6743
6744
|
var stytchClient = useStytch();
|
|
6744
6745
|
var _useGlobalReducer77 = useGlobalReducer(),
|
|
@@ -6987,7 +6988,7 @@ var Snackbar = function Snackbar() {
|
|
|
6987
6988
|
}
|
|
6988
6989
|
});
|
|
6989
6990
|
};
|
|
6990
|
-
var OuterContainer = extractErrorMessage.He.div(
|
|
6991
|
+
var OuterContainer = extractErrorMessage.He.div(_templateObject69 || (_templateObject69 = _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 (_ref131) {
|
|
6991
6992
|
var theme = _ref131.theme;
|
|
6992
6993
|
return theme.container.width;
|
|
6993
6994
|
}, function (_ref132) {
|
|
@@ -7015,8 +7016,8 @@ var OuterContainer = extractErrorMessage.He.div(_templateObject68 || (_templateO
|
|
|
7015
7016
|
displayWatermark = _ref138.displayWatermark;
|
|
7016
7017
|
return displayWatermark ? 'none' : theme.container.border;
|
|
7017
7018
|
});
|
|
7018
|
-
var ChildrenContainer = extractErrorMessage.He.div(
|
|
7019
|
-
var WatermarkContainer = extractErrorMessage.He.div(
|
|
7019
|
+
var ChildrenContainer = extractErrorMessage.He.div(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["\n padding: 24px 32px;\n"])));
|
|
7020
|
+
var WatermarkContainer = extractErrorMessage.He.div(_templateObject71 || (_templateObject71 = _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 (_ref139) {
|
|
7020
7021
|
var theme = _ref139.theme;
|
|
7021
7022
|
return theme.container.width;
|
|
7022
7023
|
}, function (_ref140) {
|
|
@@ -7032,8 +7033,8 @@ var WatermarkContainer = extractErrorMessage.He.div(_templateObject70 || (_templ
|
|
|
7032
7033
|
var theme = _ref143.theme;
|
|
7033
7034
|
return theme.container.borderRadius;
|
|
7034
7035
|
});
|
|
7035
|
-
var InnerContainer = extractErrorMessage.He.div(
|
|
7036
|
-
var Image = extractErrorMessage.He.img(
|
|
7036
|
+
var InnerContainer = extractErrorMessage.He.div(_templateObject72 || (_templateObject72 = _taggedTemplateLiteral(["\n background-color: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0.5;\n"])));
|
|
7037
|
+
var Image = extractErrorMessage.He.img(_templateObject73 || (_templateObject73 = _taggedTemplateLiteral(["\n width: 150px;\n"])));
|
|
7037
7038
|
var POWERED_BY_STYTCH_IMG_URL = 'https://public-assets.stytch.com/powered_by_stytch_logo_dark.svg';
|
|
7038
7039
|
var LoadingContainer = function LoadingContainer(_ref144) {
|
|
7039
7040
|
var children = _ref144.children;
|
|
@@ -7508,16 +7509,16 @@ var ConsentManifestGeneratorProvider = function ConsentManifestGeneratorProvider
|
|
|
7508
7509
|
var useConsentManifestGenerator = function useConsentManifestGenerator() {
|
|
7509
7510
|
return extractErrorMessage.q(ConsentManifestGeneratorContext);
|
|
7510
7511
|
};
|
|
7511
|
-
var ScopeList = extractErrorMessage.He.ul(
|
|
7512
|
-
var ScopeListItem = extractErrorMessage.He.li(
|
|
7512
|
+
var ScopeList = extractErrorMessage.He.ul(_templateObject74 || (_templateObject74 = _taggedTemplateLiteral(["\n padding: 0;\n"])));
|
|
7513
|
+
var ScopeListItem = extractErrorMessage.He.li(_templateObject75 || (_templateObject75 = _taggedTemplateLiteral(["\n padding: 4px;\n box-sizing: border-box;\n position: relative;\n list-style: none;\n\n &:not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n"])), function (_ref154) {
|
|
7513
7514
|
var theme = _ref154.theme;
|
|
7514
7515
|
return theme.colors.secondary;
|
|
7515
7516
|
});
|
|
7516
|
-
var ItemSummary = extractErrorMessage.He.summary(
|
|
7517
|
+
var ItemSummary = extractErrorMessage.He.summary(_templateObject76 || (_templateObject76 = _taggedTemplateLiteral(["\n list-style: none;\n display: flex;\n justify-content: space-between;\n cursor: ", ";\n"])), function (props) {
|
|
7517
7518
|
return props.expandable ? 'pointer' : 'default';
|
|
7518
7519
|
});
|
|
7519
|
-
var DropdownArrowSvg = extractErrorMessage.He.svg(
|
|
7520
|
-
var ItemNestedDetailsList = extractErrorMessage.He.ul(
|
|
7520
|
+
var DropdownArrowSvg = extractErrorMessage.He.svg(_templateObject77 || (_templateObject77 = _taggedTemplateLiteral(["\n width: 32px;\n height: 32px;\n margin-left: 10px;\n margin-top: -5px;\n vertical-align: top;\n flex-shrink: 0;\n transition: transform 0.3s ease;\n details[open] & {\n transform: rotate(90deg);\n }\n"])));
|
|
7521
|
+
var ItemNestedDetailsList = extractErrorMessage.He.ul(_templateObject78 || (_templateObject78 = _taggedTemplateLiteral(["\n padding: 4px 24px;\n list-style: none;\n"])));
|
|
7521
7522
|
var DropdownArrow = function DropdownArrow() {
|
|
7522
7523
|
return /*#__PURE__*/extractErrorMessage.wn.createElement(DropdownArrowSvg, {
|
|
7523
7524
|
width: "33",
|
|
@@ -7551,7 +7552,7 @@ var Item = function Item(_ref155) {
|
|
|
7551
7552
|
}, "\u2022\xA0", details));
|
|
7552
7553
|
})))));
|
|
7553
7554
|
};
|
|
7554
|
-
var SectionHeader = extractErrorMessage.He(Text)(
|
|
7555
|
+
var SectionHeader = extractErrorMessage.He(Text)(_templateObject79 || (_templateObject79 = _taggedTemplateLiteral(["\n font-weight: 600;\n"])));
|
|
7555
7556
|
var Section = function Section(_ref156) {
|
|
7556
7557
|
var section = _ref156.section;
|
|
7557
7558
|
return /*#__PURE__*/extractErrorMessage.wn.createElement("div", null, /*#__PURE__*/extractErrorMessage.wn.createElement(SectionHeader, {
|
|
@@ -7581,18 +7582,18 @@ var ConsentManifest = function ConsentManifest(_ref157) {
|
|
|
7581
7582
|
}
|
|
7582
7583
|
});
|
|
7583
7584
|
};
|
|
7584
|
-
var UngrantableSection = extractErrorMessage.He.details(
|
|
7585
|
+
var UngrantableSection = extractErrorMessage.He.details(_templateObject80 || (_templateObject80 = _taggedTemplateLiteral(["\n border: ", ";\n border-radius: ", ";\n padding: 16px;\n margin-bottom: 36px;\n"])), function (_ref158) {
|
|
7585
7586
|
var theme = _ref158.theme;
|
|
7586
7587
|
return theme.container.border;
|
|
7587
7588
|
}, function (_ref159) {
|
|
7588
7589
|
var theme = _ref159.theme;
|
|
7589
7590
|
return theme.container.borderRadius;
|
|
7590
7591
|
});
|
|
7591
|
-
var UngrantableSummary = extractErrorMessage.He.summary(
|
|
7592
|
+
var UngrantableSummary = extractErrorMessage.He.summary(_templateObject81 || (_templateObject81 = _taggedTemplateLiteral(["\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n\n details[open] > & {\n padding-bottom: 8px;\n margin-bottom: 8px;\n border-bottom: 1px solid ", ";\n }\n"])), function (_ref160) {
|
|
7592
7593
|
var theme = _ref160.theme;
|
|
7593
7594
|
return theme.colors.secondary;
|
|
7594
7595
|
});
|
|
7595
|
-
var UngrantableNestedDetailsList = extractErrorMessage.He.ul(
|
|
7596
|
+
var UngrantableNestedDetailsList = extractErrorMessage.He.ul(_templateObject82 || (_templateObject82 = _taggedTemplateLiteral(["\n padding: 4px;\n margin: 0;\n list-style: none;\n"])));
|
|
7596
7597
|
var UngrantableScopes = function UngrantableScopes(_ref161) {
|
|
7597
7598
|
var clientName = _ref161.clientName,
|
|
7598
7599
|
ungrantableScopeDescriptions = _ref161.ungrantableScopeDescriptions;
|