@stytch/react 20.0.1 → 20.0.3
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 +25 -14
- package/dist/cjs/adminPortal/index.cjs +4 -2
- package/dist/cjs/adminPortal/index.cjs.map +1 -1
- package/dist/cjs/b2b/index.cjs +21 -29
- package/dist/cjs/b2b/index.cjs.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/{shadcn-Du-ZeW8t.js → shadcn-CLGNjm4Z.js} +6 -37
- package/dist/cjs/shadcn-CLGNjm4Z.js.map +1 -0
- package/dist/cjs-dev/adminPortal/index.cjs +4 -2
- package/dist/cjs-dev/adminPortal/index.cjs.map +1 -1
- package/dist/cjs-dev/b2b/index.cjs +21 -29
- package/dist/cjs-dev/b2b/index.cjs.map +1 -1
- package/dist/cjs-dev/index.cjs +1 -1
- package/dist/cjs-dev/{shadcn-BZDGkwFh.js → shadcn-BDx_oy_4.js} +6 -37
- package/dist/cjs-dev/shadcn-BDx_oy_4.js.map +1 -0
- package/dist/esm/packages/web/src/adminPortal/components/Autocomplete.mjs +4 -2
- package/dist/esm/packages/web/src/adminPortal/components/Autocomplete.mjs.map +1 -1
- package/dist/esm/packages/web/src/ui/b2b/MfaState.mjs +0 -2
- package/dist/esm/packages/web/src/ui/b2b/MfaState.mjs.map +1 -1
- package/dist/esm/packages/web/src/ui/b2b/reducer/mfa.mjs +0 -29
- package/dist/esm/packages/web/src/ui/b2b/reducer/mfa.mjs.map +1 -1
- package/dist/esm/packages/web/src/ui/b2b/screens/Discovery.mjs +1 -0
- package/dist/esm/packages/web/src/ui/b2b/screens/Discovery.mjs.map +1 -1
- package/dist/esm/packages/web/src/ui/b2b/screens/TOTPEnrollQRScreen.mjs +23 -31
- package/dist/esm/packages/web/src/ui/b2b/screens/TOTPEnrollQRScreen.mjs.map +1 -1
- package/dist/esm/packages/web/src/ui/components/atoms/Watermark.mjs +1 -1
- package/dist/esm/packages/web/src/ui/components/atoms/Watermark.mjs.map +1 -1
- package/dist/esm/packages/web/src/ui/components/atoms/Watermark.module.css.mjs +2 -2
- package/dist/esm/packages/web/src/ui/components/mixins/Root.module.css.mjs +1 -1
- package/dist/esm/packages/web/src/ui/components/molecules/MainContainer.module.css.mjs +1 -1
- package/dist/esm-dev/packages/web/src/adminPortal/components/Autocomplete.mjs +4 -2
- package/dist/esm-dev/packages/web/src/adminPortal/components/Autocomplete.mjs.map +1 -1
- package/dist/esm-dev/packages/web/src/ui/b2b/MfaState.mjs +0 -2
- package/dist/esm-dev/packages/web/src/ui/b2b/MfaState.mjs.map +1 -1
- package/dist/esm-dev/packages/web/src/ui/b2b/reducer/mfa.mjs +0 -29
- package/dist/esm-dev/packages/web/src/ui/b2b/reducer/mfa.mjs.map +1 -1
- package/dist/esm-dev/packages/web/src/ui/b2b/screens/Discovery.mjs +1 -0
- package/dist/esm-dev/packages/web/src/ui/b2b/screens/Discovery.mjs.map +1 -1
- package/dist/esm-dev/packages/web/src/ui/b2b/screens/TOTPEnrollQRScreen.mjs +23 -31
- package/dist/esm-dev/packages/web/src/ui/b2b/screens/TOTPEnrollQRScreen.mjs.map +1 -1
- package/dist/esm-dev/packages/web/src/ui/components/atoms/Watermark.mjs +1 -1
- package/dist/esm-dev/packages/web/src/ui/components/atoms/Watermark.mjs.map +1 -1
- package/dist/esm-dev/packages/web/src/ui/components/atoms/Watermark.module.css.mjs +2 -2
- package/dist/esm-dev/packages/web/src/ui/components/mixins/Root.module.css.mjs +1 -1
- package/dist/esm-dev/packages/web/src/ui/components/molecules/MainContainer.module.css.mjs +1 -1
- package/package.json +1 -1
- package/dist/cjs/shadcn-Du-ZeW8t.js.map +0 -1
- package/dist/cjs-dev/shadcn-BZDGkwFh.js.map +0 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -4,7 +4,7 @@ var index_headless = require('./index.headless.cjs');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var StytchSSRProxy = require('./StytchSSRProxy-9SPT89Z8.js');
|
|
6
6
|
var uniqueId = require('./uniqueId-C-3bPIDs.js');
|
|
7
|
-
var shadcn = require('./shadcn-
|
|
7
|
+
var shadcn = require('./shadcn-CLGNjm4Z.js');
|
|
8
8
|
var idpHelpers = require('./idpHelpers-ChdktIkr.js');
|
|
9
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
var ReactDOM = require('react-dom');
|
|
@@ -373,8 +373,6 @@ const DEFAULT_MFA_STATE = {
|
|
|
373
373
|
enrolledNumber: null
|
|
374
374
|
},
|
|
375
375
|
totp: {
|
|
376
|
-
isCreating: false,
|
|
377
|
-
createError: null,
|
|
378
376
|
enrollment: null
|
|
379
377
|
}
|
|
380
378
|
};
|
|
@@ -698,21 +696,6 @@ const mfaReducer = (state, action)=>{
|
|
|
698
696
|
mfa: state.mfa.isEnrolling ? state.mfa : DEFAULT_MFA_STATE
|
|
699
697
|
});
|
|
700
698
|
}
|
|
701
|
-
case 'totp/create':
|
|
702
|
-
if (state.mfa.totp.isCreating) {
|
|
703
|
-
return state;
|
|
704
|
-
}
|
|
705
|
-
return {
|
|
706
|
-
...state,
|
|
707
|
-
mfa: {
|
|
708
|
-
...state.mfa,
|
|
709
|
-
totp: {
|
|
710
|
-
...state.mfa.totp,
|
|
711
|
-
isCreating: true,
|
|
712
|
-
createError: null
|
|
713
|
-
}
|
|
714
|
-
}
|
|
715
|
-
};
|
|
716
699
|
case 'totp/create_success':
|
|
717
700
|
if (!state.mfa.isEnrolling || state.mfa.primaryInfo?.memberId !== action.memberId || state.mfa.primaryInfo?.organizationId !== action.organizationId) {
|
|
718
701
|
return state;
|
|
@@ -723,8 +706,6 @@ const mfaReducer = (state, action)=>{
|
|
|
723
706
|
...state.mfa,
|
|
724
707
|
totp: {
|
|
725
708
|
...state.mfa.totp,
|
|
726
|
-
createError: null,
|
|
727
|
-
isCreating: false,
|
|
728
709
|
enrollment: {
|
|
729
710
|
secret: action.response.secret,
|
|
730
711
|
qrCode: action.response.qr_code,
|
|
@@ -734,18 +715,6 @@ const mfaReducer = (state, action)=>{
|
|
|
734
715
|
}
|
|
735
716
|
}
|
|
736
717
|
};
|
|
737
|
-
case 'totp/create_error':
|
|
738
|
-
return {
|
|
739
|
-
...state,
|
|
740
|
-
mfa: {
|
|
741
|
-
...state.mfa,
|
|
742
|
-
totp: {
|
|
743
|
-
...state.mfa.totp,
|
|
744
|
-
isCreating: false,
|
|
745
|
-
createError: action.error
|
|
746
|
-
}
|
|
747
|
-
}
|
|
748
|
-
};
|
|
749
718
|
case 'totp/show_code':
|
|
750
719
|
{
|
|
751
720
|
if (!state.mfa.isEnrolling || !state.mfa.totp.enrollment) {
|
|
@@ -1340,7 +1309,7 @@ const LoadingScreen = ()=>/*#__PURE__*/ React__namespace.createElement("div", {
|
|
|
1340
1309
|
size: 32
|
|
1341
1310
|
}));
|
|
1342
1311
|
|
|
1343
|
-
var css$l = ".
|
|
1312
|
+
var css$l = ".Root_module_root__870c11a1{color-scheme:var(--st-color-scheme);font-family:var(--st-font-family);isolation:isolate}:where(.Root_module_root__870c11a1),:where(.Root_module_root__870c11a1) *{box-sizing:border-box;margin:0;padding:0}:where(.Root_module_root__870c11a1) :is(span,strong,em,p,a){font-feature-settings:inherit;font-size:inherit;font-variant:inherit;line-height:inherit}:where(.Root_module_root__870c11a1) :is(span,strong,em,p){color:inherit}:where(.Root_module_root__870c11a1) :is(span,em,p){font-weight:inherit}:where(.Root_module_root__870c11a1) :is(img,svg){display:block}.Root_module_root__870c11a1 a{-webkit-text-decoration:none;text-decoration:none}.Root_module_root__870c11a1 :is(b,strong){font-weight:var(--st-font-weight-bold)}.Root_module_root__870c11a1{--st-font-weight-normal:400;--st-font-weight-medium:500;--st-font-weight-semibold:600;--st-font-weight-bold:700;--st-rounded-md:calc(var(--st-rounded-base)*2);--st-rounded-2xl:calc(var(--st-rounded-base)*6);--st-rounded-full:calc(var(--st-rounded-base)*9999);--st-text-xs:calc(var(--st-text-base)*0.75);--st-text-sm:calc(var(--st-text-base)*0.875);--st-text-2xl:calc(var(--st-text-base)*1.5);--st-line-height-xs:1.33333;--st-line-height-sm:1.42857;--st-line-height-base:1.5;--st-line-height-2xl:1.33333;--st-spacing-0_5:calc(var(--st-spacing)*0.5);--st-spacing-2:calc(var(--st-spacing)*2);--st-spacing-3:calc(var(--st-spacing)*3);--st-spacing-4:calc(var(--st-spacing)*4);--st-spacing-5:calc(var(--st-spacing)*5);--st-spacing-6:calc(var(--st-spacing)*6);--st-spacing-7:calc(var(--st-spacing)*7);--st-spacing-8:calc(var(--st-spacing)*8);--st-spacing-9:calc(var(--st-spacing)*9);--st-spacing-10:calc(var(--st-spacing)*10);--st-tab-background:color-mix(in oklab,var(--st-accent) 80%,transparent);--st-primary-button-hover:color-mix(in oklab,var(--st-primary) 90%,transparent);--st-secondary-button-hover:color-mix(in oklab,var(--st-secondary) 80%,transparent);--st-destructive-button-hover:color-mix(in oklab,var(--st-destructive) 80%,transparent);--st-divider-color:color-mix(in oklab,var(--st-border) 50%,transparent);--st-focus-ring-shadow:0 0 0 3px color-mix(in oklab,var(--st-ring) 50%,transparent);--st-shadow:0 0;--st-shadow-input:var(--st-shadow);--st-shadow-button:var(--st-shadow);--st-button-radius:var(--st-rounded-md);--st-input-radius:var(--st-rounded-md);--st-container-radius:var(--st-rounded-2xl);--st-container-border:var(--st-border);--st-header-font:var(--st-font-family)}";
|
|
1344
1313
|
collectCss(css$l);
|
|
1345
1314
|
|
|
1346
1315
|
var css$k = ".inputBase_module_inputBase__06c14ae4{background-color:var(--st-background);border:1px solid var(--st-input);border-radius:var(--st-input-radius);box-shadow:var(--st-shadow-input);color:var(--st-foreground);font-family:var(--st-font-family);font-size:var(--st-text-sm);line-height:var(--st-line-height-sm)}.inputBase_module_forceFocusRing__06c14ae4,:is(.inputBase_module_focusRing__06c14ae4,.inputBase_module_inputBase__06c14ae4):focus-visible{border-color:var(--st-ring);box-shadow:var(--st-shadow-input),var(--st-focus-ring-shadow);outline:0}";
|
|
@@ -1440,16 +1409,16 @@ const ToastContainer = ()=>{
|
|
|
1440
1409
|
});
|
|
1441
1410
|
};
|
|
1442
1411
|
|
|
1443
|
-
var css$h = "a.
|
|
1412
|
+
var css$h = "a.Watermark_module_watermark__6a046c31{align-items:center;border-radius:var(--st-rounded-md);color:var(--st-muted-foreground);display:flex;padding:var(--st-spacing-2) var(--st-spacing-3);transition:background var(--st-transition-duration),color var(--st-transition-duration)}a.Watermark_module_watermark__6a046c31:hover{background:var(--st-accent);color:var(--st-accent-foreground)}a.Watermark_module_watermark__6a046c31 span{font-size:var(--st-text-sm);font-weight:var(--st-font-weight-medium);line-height:var(--st-line-height-sm)}a.Watermark_module_watermark__6a046c31 svg{height:24px}a.Watermark_module_watermark__6a046c31 path{fill:hsl(218.92,100%,calc(7.25%*(1 + var(--st-dark-mode, 0)*100)))}";
|
|
1444
1413
|
collectCss(css$h);
|
|
1445
|
-
var modules_b8928cee = {"watermark":"
|
|
1414
|
+
var modules_b8928cee = {"watermark":"Watermark_module_watermark__6a046c31"};
|
|
1446
1415
|
|
|
1447
1416
|
const Watermark = ({ poweredBy, label })=>/*#__PURE__*/ React__namespace.default.createElement("a", {
|
|
1448
1417
|
className: classNames(modules_b8928cee.watermark, modules_c9b13a37.focusRing),
|
|
1449
1418
|
href: "https://stytch.com/",
|
|
1450
1419
|
target: "_blank",
|
|
1451
1420
|
rel: "noreferrer"
|
|
1452
|
-
}, /*#__PURE__*/ React__namespace.default.createElement("span", null, poweredBy, "
|
|
1421
|
+
}, /*#__PURE__*/ React__namespace.default.createElement("span", null, poweredBy, "\xa0"), /*#__PURE__*/ React__namespace.default.createElement("svg", {
|
|
1453
1422
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1454
1423
|
fill: "none",
|
|
1455
1424
|
viewBox: "0 0 47 24",
|
|
@@ -1463,7 +1432,7 @@ const Watermark = ({ poweredBy, label })=>/*#__PURE__*/ React__namespace.default
|
|
|
1463
1432
|
|
|
1464
1433
|
var css$g = ".MainContainer_module_container__d1278a0c{background-color:var(--st-background);border:1px solid var(--st-container-border);border-radius:var(--st-container-radius);color:var(--st-foreground);max-width:var(--st-container-width);padding:var(--st-spacing-10) var(--st-spacing-9);width:100%}.MainContainer_module_watermarkContainer__d1278a0c{display:flex;justify-content:center}";
|
|
1465
1434
|
collectCss(css$g);
|
|
1466
|
-
var modules_852c89cd = {"container":"MainContainer_module_container__d1278a0c
|
|
1435
|
+
var modules_852c89cd = {"container":"MainContainer_module_container__d1278a0c Root_module_root__870c11a1","watermarkContainer":"MainContainer_module_watermarkContainer__d1278a0c"};
|
|
1467
1436
|
|
|
1468
1437
|
// This order is important - we need mixins to appear first so later styles can override them
|
|
1469
1438
|
const MainContainer = ({ children, displayWatermark, theme })=>{
|
|
@@ -4523,4 +4492,4 @@ exports.usePresentationWithDefault = usePresentationWithDefault;
|
|
|
4523
4492
|
exports.useStytch = useStytch;
|
|
4524
4493
|
exports.useTimedBoolean = useTimedBoolean;
|
|
4525
4494
|
exports.useTrustedAuthTokenParams = useTrustedAuthTokenParams;
|
|
4526
|
-
//# sourceMappingURL=shadcn-
|
|
4495
|
+
//# sourceMappingURL=shadcn-CLGNjm4Z.js.map
|