@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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @stytch/vanilla-js
|
|
2
2
|
|
|
3
|
+
## 5.22.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 96dcc21: Wrap long organization names without spaces in B2B discovery menu
|
|
8
|
+
|
|
9
|
+
## 5.22.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies [1f12065]
|
|
14
|
+
- @stytch/core@2.47.1
|
|
15
|
+
|
|
3
16
|
## 5.22.0
|
|
4
17
|
|
|
5
18
|
### Minor Changes
|
package/dist/b2b/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
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, _templateObject72, _templateObject73, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79, _templateObject80, _templateObject81;
|
|
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, _templateObject72, _templateObject73, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79, _templateObject80, _templateObject81, _templateObject82;
|
|
2
2
|
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; } } }; }
|
|
3
3
|
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); } }
|
|
4
4
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
@@ -3503,11 +3503,12 @@ var LogoText = He(Flex)(_templateObject28 || (_templateObject28 = _taggedTemplat
|
|
|
3503
3503
|
var theme = _ref75.theme;
|
|
3504
3504
|
return theme.buttons.secondary.backgroundColor;
|
|
3505
3505
|
});
|
|
3506
|
-
var
|
|
3506
|
+
var OrganizationName = He.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n overflow-wrap: break-word;\n word-break: break-word;\n hyphens: auto;\n"])));
|
|
3507
|
+
var ArrowText = He.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n ", ";\n text-align: right;\n"])), function (_ref76) {
|
|
3507
3508
|
var theme = _ref76.theme;
|
|
3508
3509
|
return theme.typography.body;
|
|
3509
3510
|
});
|
|
3510
|
-
var SvgNoShrink = He.svg(
|
|
3511
|
+
var SvgNoShrink = He.svg(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n"])));
|
|
3511
3512
|
var RightArrowSVG = function RightArrowSVG() {
|
|
3512
3513
|
return /*#__PURE__*/y(SvgNoShrink, {
|
|
3513
3514
|
width: "14",
|
|
@@ -3743,7 +3744,7 @@ var Discovery = function Discovery() {
|
|
|
3743
3744
|
}, /*#__PURE__*/y(Logo, {
|
|
3744
3745
|
name: organization.organization_name,
|
|
3745
3746
|
logo: organization.organization_logo_url
|
|
3746
|
-
}), /*#__PURE__*/y(
|
|
3747
|
+
}), /*#__PURE__*/y(OrganizationName, null, organization.organization_name)), /*#__PURE__*/y(Flex, {
|
|
3747
3748
|
gap: 8,
|
|
3748
3749
|
alignItems: "center"
|
|
3749
3750
|
}, /*#__PURE__*/y(ActionText, {
|
|
@@ -3898,11 +3899,11 @@ var Chevron = function Chevron() {
|
|
|
3898
3899
|
}));
|
|
3899
3900
|
};
|
|
3900
3901
|
var Chevron$1 = CreateIcon(Chevron);
|
|
3901
|
-
var StyledButton = He.button(
|
|
3902
|
+
var StyledButton = 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) {
|
|
3902
3903
|
return props.theme.colors.primary;
|
|
3903
3904
|
});
|
|
3904
|
-
var MenuText = He.div(
|
|
3905
|
-
var ChevronContainer = He.span(
|
|
3905
|
+
var MenuText = He.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n flex: 1 1 auto;\n"])));
|
|
3906
|
+
var ChevronContainer = He.span(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n flex: 0 0 auto;\n"])));
|
|
3906
3907
|
var MenuButton = function MenuButton(_ref81) {
|
|
3907
3908
|
var children = _ref81.children,
|
|
3908
3909
|
disabled = _ref81.disabled,
|
|
@@ -4035,11 +4036,11 @@ var InlineButton = function InlineButton(_ref83) {
|
|
|
4035
4036
|
}
|
|
4036
4037
|
}, children));
|
|
4037
4038
|
};
|
|
4038
|
-
var Wrapper = He.div(
|
|
4039
|
+
var Wrapper = He.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n display: grid;\n grid-template-rows: ", ";\n transition: grid-template-rows 0.15s ease-out;\n"])), function (_ref84) {
|
|
4039
4040
|
var isOpen = _ref84.isOpen;
|
|
4040
4041
|
return isOpen ? '1fr' : '0fr';
|
|
4041
4042
|
});
|
|
4042
|
-
var Inner = He.div(
|
|
4043
|
+
var Inner = He.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n overflow: hidden;\n"])));
|
|
4043
4044
|
var AnimatedContainer = function AnimatedContainer(_ref85) {
|
|
4044
4045
|
var isOpen = _ref85.isOpen,
|
|
4045
4046
|
children = _ref85.children;
|
|
@@ -4047,12 +4048,12 @@ var AnimatedContainer = function AnimatedContainer(_ref85) {
|
|
|
4047
4048
|
isOpen: isOpen
|
|
4048
4049
|
}, /*#__PURE__*/wn.createElement(Inner, null, children));
|
|
4049
4050
|
};
|
|
4050
|
-
var Container = He.div(
|
|
4051
|
+
var Container = He.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n height: 4px;\n background-color: ", ";\n border-radius: 3px;\n overflow: hidden;\n"])), function (_ref86) {
|
|
4051
4052
|
var theme = _ref86.theme;
|
|
4052
4053
|
return theme.colors.disabled;
|
|
4053
4054
|
});
|
|
4054
|
-
var loading = Ue(
|
|
4055
|
-
var Progress = He.div(
|
|
4055
|
+
var loading = Ue(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(-1%);\n }\n"])));
|
|
4056
|
+
var Progress = 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) {
|
|
4056
4057
|
var theme = _ref87.theme;
|
|
4057
4058
|
return theme.colors.primary;
|
|
4058
4059
|
}, loading);
|
|
@@ -4064,7 +4065,7 @@ var OTP_LENGTH = 6;
|
|
|
4064
4065
|
var GAP = '8px';
|
|
4065
4066
|
var WIDTH = '46px';
|
|
4066
4067
|
var INPUT_HEIGHT = '46px';
|
|
4067
|
-
var Digit = He.div(
|
|
4068
|
+
var Digit = 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) {
|
|
4068
4069
|
var disabled = _ref89.disabled,
|
|
4069
4070
|
theme = _ref89.theme;
|
|
4070
4071
|
return disabled ? theme.colors.disabled : '#ADBCC5';
|
|
@@ -4459,7 +4460,7 @@ var inboxLinks = function inboxLinks(emailDomain) {
|
|
|
4459
4460
|
OUTLOOK: 'https://outlook.office.com/mail/0/inbox'
|
|
4460
4461
|
};
|
|
4461
4462
|
};
|
|
4462
|
-
var Link = He.a(
|
|
4463
|
+
var Link = 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) {
|
|
4463
4464
|
return props.theme.colors.primary;
|
|
4464
4465
|
});
|
|
4465
4466
|
var EmailProviderLink = function EmailProviderLink(_ref101) {
|
|
@@ -4567,7 +4568,7 @@ var PasswordResetConfirmation = function PasswordResetConfirmation() {
|
|
|
4567
4568
|
email: state.formState.passwordState.email
|
|
4568
4569
|
});
|
|
4569
4570
|
};
|
|
4570
|
-
var Block = He.div(
|
|
4571
|
+
var Block = He.div(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n height: 4px;\n width: 25%;\n background-color: ", ";\n"])), function (props) {
|
|
4571
4572
|
return props.$bgColor;
|
|
4572
4573
|
});
|
|
4573
4574
|
var PasswordStrengthCheck = function PasswordStrengthCheck(_ref104) {
|
|
@@ -4676,7 +4677,7 @@ var removeStytchParams = function removeStytchParams(value) {
|
|
|
4676
4677
|
params["delete"]('stytch_token_type');
|
|
4677
4678
|
return url;
|
|
4678
4679
|
};
|
|
4679
|
-
var Form = He.form(
|
|
4680
|
+
var Form = He.form(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
4680
4681
|
var PasswordResetForm = function PasswordResetForm() {
|
|
4681
4682
|
var stytchClient = useStytch();
|
|
4682
4683
|
var config = useConfig();
|
|
@@ -5293,31 +5294,31 @@ var Z = function Z(e, t) {
|
|
|
5293
5294
|
}
|
|
5294
5295
|
};
|
|
5295
5296
|
};
|
|
5296
|
-
var oe = h$1(
|
|
5297
|
-
re = h$1(
|
|
5298
|
-
se = h$1(
|
|
5299
|
-
_ = j("div")(
|
|
5297
|
+
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}"]))),
|
|
5298
|
+
re = h$1(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\nfrom {\n transform: scale(0);\n opacity: 0;\n}\nto {\n transform: scale(1);\n opacity: 1;\n}"]))),
|
|
5299
|
+
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}"]))),
|
|
5300
|
+
_ = 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) {
|
|
5300
5301
|
return e.primary || "#ff4b4b";
|
|
5301
5302
|
}, oe, re, function (e) {
|
|
5302
5303
|
return e.secondary || "#fff";
|
|
5303
5304
|
}, se);
|
|
5304
|
-
var ne = h$1(
|
|
5305
|
-
V = j("div")(
|
|
5305
|
+
var ne = h$1(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n"]))),
|
|
5306
|
+
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) {
|
|
5306
5307
|
return e.secondary || "#e0e0e0";
|
|
5307
5308
|
}, function (e) {
|
|
5308
5309
|
return e.primary || "#616161";
|
|
5309
5310
|
}, ne);
|
|
5310
|
-
var pe = h$1(
|
|
5311
|
-
de = h$1(
|
|
5312
|
-
w = j("div")(
|
|
5311
|
+
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}"]))),
|
|
5312
|
+
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}"]))),
|
|
5313
|
+
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) {
|
|
5313
5314
|
return e.primary || "#61d345";
|
|
5314
5315
|
}, pe, de, function (e) {
|
|
5315
5316
|
return e.secondary || "#fff";
|
|
5316
5317
|
});
|
|
5317
|
-
var ue = j("div")(
|
|
5318
|
-
le = j("div")(
|
|
5319
|
-
Te = h$1(
|
|
5320
|
-
fe = j("div")(
|
|
5318
|
+
var ue = j("div")(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n position: absolute;\n"]))),
|
|
5319
|
+
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"]))),
|
|
5320
|
+
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}"]))),
|
|
5321
|
+
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),
|
|
5321
5322
|
M = function M(_ref108) {
|
|
5322
5323
|
var e = _ref108.toast;
|
|
5323
5324
|
var t = e.icon,
|
|
@@ -5333,8 +5334,8 @@ var ye = function ye(e) {
|
|
|
5333
5334
|
},
|
|
5334
5335
|
he = "0%{opacity:0;} 100%{opacity:1;}",
|
|
5335
5336
|
xe = "0%{opacity:1;} 100%{opacity:0;}",
|
|
5336
|
-
be = j("div")(
|
|
5337
|
-
Se = j("div")(
|
|
5337
|
+
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"]))),
|
|
5338
|
+
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"]))),
|
|
5338
5339
|
Ae = function Ae(e, t) {
|
|
5339
5340
|
var s = e.includes("top") ? 1 : -1,
|
|
5340
5341
|
_ref109 = b() ? [he, xe] : [ye(s), ge(s)],
|
|
@@ -5412,7 +5413,7 @@ var Ee = function Ee(_ref112) {
|
|
|
5412
5413
|
transform: "translateY(".concat(t * (o ? 1 : -1), "px)")
|
|
5413
5414
|
}, s), a);
|
|
5414
5415
|
},
|
|
5415
|
-
ve = u$1(
|
|
5416
|
+
ve = u$1(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n z-index: 9999;\n > * {\n pointer-events: auto;\n }\n"]))),
|
|
5416
5417
|
O = 16,
|
|
5417
5418
|
Ie = function Ie(_ref113) {
|
|
5418
5419
|
var e = _ref113.reverseOrder,
|
|
@@ -5758,8 +5759,8 @@ var RecoveryCodeEntryScreen = function RecoveryCodeEntryScreen() {
|
|
|
5758
5759
|
isSubmitting: isSubmitting
|
|
5759
5760
|
})));
|
|
5760
5761
|
};
|
|
5761
|
-
var InsetContainer = He.div(
|
|
5762
|
-
var CodeList = He.ul(
|
|
5762
|
+
var InsetContainer = 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"])));
|
|
5763
|
+
var CodeList = He.ul(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n list-style: none;\n padding: 0;\n margin: 0;\n"])));
|
|
5763
5764
|
var downloadFile = function downloadFile(content, filename) {
|
|
5764
5765
|
var blob = new Blob([content], {
|
|
5765
5766
|
type: 'text/plain'
|
|
@@ -5833,7 +5834,7 @@ var RecoveryCodeSaveScreen = function RecoveryCodeSaveScreen() {
|
|
|
5833
5834
|
onClick: handleContinue
|
|
5834
5835
|
}, "Done"));
|
|
5835
5836
|
};
|
|
5836
|
-
var Select = He.select(
|
|
5837
|
+
var Select = 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) {
|
|
5837
5838
|
return props.theme.inputs.backgroundColor;
|
|
5838
5839
|
}, function (props) {
|
|
5839
5840
|
return props.theme.inputs.borderColor;
|
|
@@ -5945,7 +5946,7 @@ var formatNumberToIncludeCountryCode = function formatNumberToIncludeCountryCode
|
|
|
5945
5946
|
}, _callee11, null, [[3, 12]]);
|
|
5946
5947
|
}));
|
|
5947
5948
|
};
|
|
5948
|
-
var PhoneStyledInput = He(Input)(
|
|
5949
|
+
var PhoneStyledInput = He(Input)(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["\n flex-grow: 1;\n min-width: 100px;\n"])));
|
|
5949
5950
|
var PhoneInput = function PhoneInput(_ref121) {
|
|
5950
5951
|
var phone = _ref121.phone,
|
|
5951
5952
|
setPhone = _ref121.setPhone,
|
|
@@ -6664,10 +6665,10 @@ var CopyIcon = function CopyIcon() {
|
|
|
6664
6665
|
}));
|
|
6665
6666
|
};
|
|
6666
6667
|
var Copy = CreateIcon(CopyIcon);
|
|
6667
|
-
var CopyButton = He.button(
|
|
6668
|
-
var CodeContainer = He(InsetContainer)(
|
|
6669
|
-
var Spacer = He.div(
|
|
6670
|
-
var Code = He.code(
|
|
6668
|
+
var CopyButton = 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"])));
|
|
6669
|
+
var CodeContainer = He(InsetContainer)(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n cursor: pointer;\n :hover ", " {\n opacity: 1;\n }\n"])), CopyButton);
|
|
6670
|
+
var Spacer = He.div(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n flex: 0 1 24px;\n"])));
|
|
6671
|
+
var Code = 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"])));
|
|
6671
6672
|
var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
|
|
6672
6673
|
var _useGlobalReducer75 = useGlobalReducer(),
|
|
6673
6674
|
_useGlobalReducer76 = _slicedToArray(_useGlobalReducer75, 2),
|
|
@@ -6737,7 +6738,7 @@ var TOTPEnrollManualScreen = function TOTPEnrollManualScreen() {
|
|
|
6737
6738
|
onClick: handleShowQRCode
|
|
6738
6739
|
}, "Try to scan the QR code again"));
|
|
6739
6740
|
};
|
|
6740
|
-
var QRCodeImg = He.img(
|
|
6741
|
+
var QRCodeImg = He.img(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n margin: 0 auto;\n"])));
|
|
6741
6742
|
var TOTPEnrollQRScreen = function TOTPEnrollQRScreen() {
|
|
6742
6743
|
var stytchClient = useStytch();
|
|
6743
6744
|
var _useGlobalReducer77 = useGlobalReducer(),
|
|
@@ -6986,7 +6987,7 @@ var Snackbar = function Snackbar() {
|
|
|
6986
6987
|
}
|
|
6987
6988
|
});
|
|
6988
6989
|
};
|
|
6989
|
-
var OuterContainer = He.div(
|
|
6990
|
+
var OuterContainer = 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) {
|
|
6990
6991
|
var theme = _ref131.theme;
|
|
6991
6992
|
return theme.container.width;
|
|
6992
6993
|
}, function (_ref132) {
|
|
@@ -7014,8 +7015,8 @@ var OuterContainer = He.div(_templateObject68 || (_templateObject68 = _taggedTem
|
|
|
7014
7015
|
displayWatermark = _ref138.displayWatermark;
|
|
7015
7016
|
return displayWatermark ? 'none' : theme.container.border;
|
|
7016
7017
|
});
|
|
7017
|
-
var ChildrenContainer = He.div(
|
|
7018
|
-
var WatermarkContainer = He.div(
|
|
7018
|
+
var ChildrenContainer = He.div(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["\n padding: 24px 32px;\n"])));
|
|
7019
|
+
var WatermarkContainer = 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) {
|
|
7019
7020
|
var theme = _ref139.theme;
|
|
7020
7021
|
return theme.container.width;
|
|
7021
7022
|
}, function (_ref140) {
|
|
@@ -7031,8 +7032,8 @@ var WatermarkContainer = He.div(_templateObject70 || (_templateObject70 = _tagge
|
|
|
7031
7032
|
var theme = _ref143.theme;
|
|
7032
7033
|
return theme.container.borderRadius;
|
|
7033
7034
|
});
|
|
7034
|
-
var InnerContainer = He.div(
|
|
7035
|
-
var Image = He.img(
|
|
7035
|
+
var InnerContainer = 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"])));
|
|
7036
|
+
var Image = He.img(_templateObject73 || (_templateObject73 = _taggedTemplateLiteral(["\n width: 150px;\n"])));
|
|
7036
7037
|
var POWERED_BY_STYTCH_IMG_URL = 'https://public-assets.stytch.com/powered_by_stytch_logo_dark.svg';
|
|
7037
7038
|
var LoadingContainer = function LoadingContainer(_ref144) {
|
|
7038
7039
|
var children = _ref144.children;
|
|
@@ -7507,16 +7508,16 @@ var ConsentManifestGeneratorProvider = function ConsentManifestGeneratorProvider
|
|
|
7507
7508
|
var useConsentManifestGenerator = function useConsentManifestGenerator() {
|
|
7508
7509
|
return q(ConsentManifestGeneratorContext);
|
|
7509
7510
|
};
|
|
7510
|
-
var ScopeList = He.ul(
|
|
7511
|
-
var ScopeListItem = He.li(
|
|
7511
|
+
var ScopeList = He.ul(_templateObject74 || (_templateObject74 = _taggedTemplateLiteral(["\n padding: 0;\n"])));
|
|
7512
|
+
var ScopeListItem = 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) {
|
|
7512
7513
|
var theme = _ref154.theme;
|
|
7513
7514
|
return theme.colors.secondary;
|
|
7514
7515
|
});
|
|
7515
|
-
var ItemSummary = He.summary(
|
|
7516
|
+
var ItemSummary = He.summary(_templateObject76 || (_templateObject76 = _taggedTemplateLiteral(["\n list-style: none;\n display: flex;\n justify-content: space-between;\n cursor: ", ";\n"])), function (props) {
|
|
7516
7517
|
return props.expandable ? 'pointer' : 'default';
|
|
7517
7518
|
});
|
|
7518
|
-
var DropdownArrowSvg = He.svg(
|
|
7519
|
-
var ItemNestedDetailsList = He.ul(
|
|
7519
|
+
var DropdownArrowSvg = 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"])));
|
|
7520
|
+
var ItemNestedDetailsList = He.ul(_templateObject78 || (_templateObject78 = _taggedTemplateLiteral(["\n padding: 4px 24px;\n list-style: none;\n"])));
|
|
7520
7521
|
var DropdownArrow = function DropdownArrow() {
|
|
7521
7522
|
return /*#__PURE__*/wn.createElement(DropdownArrowSvg, {
|
|
7522
7523
|
width: "33",
|
|
@@ -7550,7 +7551,7 @@ var Item = function Item(_ref155) {
|
|
|
7550
7551
|
}, "\u2022\xA0", details));
|
|
7551
7552
|
})))));
|
|
7552
7553
|
};
|
|
7553
|
-
var SectionHeader = He(Text)(
|
|
7554
|
+
var SectionHeader = He(Text)(_templateObject79 || (_templateObject79 = _taggedTemplateLiteral(["\n font-weight: 600;\n"])));
|
|
7554
7555
|
var Section = function Section(_ref156) {
|
|
7555
7556
|
var section = _ref156.section;
|
|
7556
7557
|
return /*#__PURE__*/wn.createElement("div", null, /*#__PURE__*/wn.createElement(SectionHeader, {
|
|
@@ -7580,18 +7581,18 @@ var ConsentManifest = function ConsentManifest(_ref157) {
|
|
|
7580
7581
|
}
|
|
7581
7582
|
});
|
|
7582
7583
|
};
|
|
7583
|
-
var UngrantableSection = He.details(
|
|
7584
|
+
var UngrantableSection = He.details(_templateObject80 || (_templateObject80 = _taggedTemplateLiteral(["\n border: ", ";\n border-radius: ", ";\n padding: 16px;\n margin-bottom: 36px;\n"])), function (_ref158) {
|
|
7584
7585
|
var theme = _ref158.theme;
|
|
7585
7586
|
return theme.container.border;
|
|
7586
7587
|
}, function (_ref159) {
|
|
7587
7588
|
var theme = _ref159.theme;
|
|
7588
7589
|
return theme.container.borderRadius;
|
|
7589
7590
|
});
|
|
7590
|
-
var UngrantableSummary = He.summary(
|
|
7591
|
+
var UngrantableSummary = 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) {
|
|
7591
7592
|
var theme = _ref160.theme;
|
|
7592
7593
|
return theme.colors.secondary;
|
|
7593
7594
|
});
|
|
7594
|
-
var UngrantableNestedDetailsList = He.ul(
|
|
7595
|
+
var UngrantableNestedDetailsList = He.ul(_templateObject82 || (_templateObject82 = _taggedTemplateLiteral(["\n padding: 4px;\n margin: 0;\n list-style: none;\n"])));
|
|
7595
7596
|
var UngrantableScopes = function UngrantableScopes(_ref161) {
|
|
7596
7597
|
var clientName = _ref161.clientName,
|
|
7597
7598
|
ungrantableScopeDescriptions = _ref161.ungrantableScopeDescriptions;
|
|
@@ -216,7 +216,7 @@ var ClientsideServicesProvider = /*#__PURE__*/function () {
|
|
|
216
216
|
}
|
|
217
217
|
}]);
|
|
218
218
|
}();
|
|
219
|
-
var version = "5.22.
|
|
219
|
+
var version = "5.22.2";
|
|
220
220
|
var NetworkClient = /*#__PURE__*/function () {
|
|
221
221
|
function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
|
|
222
222
|
_classCallCheck(this, NetworkClient);
|
|
@@ -217,7 +217,7 @@ var ClientsideServicesProvider = /*#__PURE__*/function () {
|
|
|
217
217
|
}
|
|
218
218
|
}]);
|
|
219
219
|
}();
|
|
220
|
-
var version = "5.22.
|
|
220
|
+
var version = "5.22.2";
|
|
221
221
|
var NetworkClient = /*#__PURE__*/function () {
|
|
222
222
|
function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
|
|
223
223
|
_classCallCheck(this, NetworkClient);
|