@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.
Files changed (48) hide show
  1. package/CHANGELOG.md +25 -14
  2. package/dist/cjs/adminPortal/index.cjs +4 -2
  3. package/dist/cjs/adminPortal/index.cjs.map +1 -1
  4. package/dist/cjs/b2b/index.cjs +21 -29
  5. package/dist/cjs/b2b/index.cjs.map +1 -1
  6. package/dist/cjs/index.cjs +1 -1
  7. package/dist/cjs/{shadcn-Du-ZeW8t.js → shadcn-CLGNjm4Z.js} +6 -37
  8. package/dist/cjs/shadcn-CLGNjm4Z.js.map +1 -0
  9. package/dist/cjs-dev/adminPortal/index.cjs +4 -2
  10. package/dist/cjs-dev/adminPortal/index.cjs.map +1 -1
  11. package/dist/cjs-dev/b2b/index.cjs +21 -29
  12. package/dist/cjs-dev/b2b/index.cjs.map +1 -1
  13. package/dist/cjs-dev/index.cjs +1 -1
  14. package/dist/cjs-dev/{shadcn-BZDGkwFh.js → shadcn-BDx_oy_4.js} +6 -37
  15. package/dist/cjs-dev/shadcn-BDx_oy_4.js.map +1 -0
  16. package/dist/esm/packages/web/src/adminPortal/components/Autocomplete.mjs +4 -2
  17. package/dist/esm/packages/web/src/adminPortal/components/Autocomplete.mjs.map +1 -1
  18. package/dist/esm/packages/web/src/ui/b2b/MfaState.mjs +0 -2
  19. package/dist/esm/packages/web/src/ui/b2b/MfaState.mjs.map +1 -1
  20. package/dist/esm/packages/web/src/ui/b2b/reducer/mfa.mjs +0 -29
  21. package/dist/esm/packages/web/src/ui/b2b/reducer/mfa.mjs.map +1 -1
  22. package/dist/esm/packages/web/src/ui/b2b/screens/Discovery.mjs +1 -0
  23. package/dist/esm/packages/web/src/ui/b2b/screens/Discovery.mjs.map +1 -1
  24. package/dist/esm/packages/web/src/ui/b2b/screens/TOTPEnrollQRScreen.mjs +23 -31
  25. package/dist/esm/packages/web/src/ui/b2b/screens/TOTPEnrollQRScreen.mjs.map +1 -1
  26. package/dist/esm/packages/web/src/ui/components/atoms/Watermark.mjs +1 -1
  27. package/dist/esm/packages/web/src/ui/components/atoms/Watermark.mjs.map +1 -1
  28. package/dist/esm/packages/web/src/ui/components/atoms/Watermark.module.css.mjs +2 -2
  29. package/dist/esm/packages/web/src/ui/components/mixins/Root.module.css.mjs +1 -1
  30. package/dist/esm/packages/web/src/ui/components/molecules/MainContainer.module.css.mjs +1 -1
  31. package/dist/esm-dev/packages/web/src/adminPortal/components/Autocomplete.mjs +4 -2
  32. package/dist/esm-dev/packages/web/src/adminPortal/components/Autocomplete.mjs.map +1 -1
  33. package/dist/esm-dev/packages/web/src/ui/b2b/MfaState.mjs +0 -2
  34. package/dist/esm-dev/packages/web/src/ui/b2b/MfaState.mjs.map +1 -1
  35. package/dist/esm-dev/packages/web/src/ui/b2b/reducer/mfa.mjs +0 -29
  36. package/dist/esm-dev/packages/web/src/ui/b2b/reducer/mfa.mjs.map +1 -1
  37. package/dist/esm-dev/packages/web/src/ui/b2b/screens/Discovery.mjs +1 -0
  38. package/dist/esm-dev/packages/web/src/ui/b2b/screens/Discovery.mjs.map +1 -1
  39. package/dist/esm-dev/packages/web/src/ui/b2b/screens/TOTPEnrollQRScreen.mjs +23 -31
  40. package/dist/esm-dev/packages/web/src/ui/b2b/screens/TOTPEnrollQRScreen.mjs.map +1 -1
  41. package/dist/esm-dev/packages/web/src/ui/components/atoms/Watermark.mjs +1 -1
  42. package/dist/esm-dev/packages/web/src/ui/components/atoms/Watermark.mjs.map +1 -1
  43. package/dist/esm-dev/packages/web/src/ui/components/atoms/Watermark.module.css.mjs +2 -2
  44. package/dist/esm-dev/packages/web/src/ui/components/mixins/Root.module.css.mjs +1 -1
  45. package/dist/esm-dev/packages/web/src/ui/components/molecules/MainContainer.module.css.mjs +1 -1
  46. package/package.json +1 -1
  47. package/dist/cjs/shadcn-Du-ZeW8t.js.map +0 -1
  48. package/dist/cjs-dev/shadcn-BZDGkwFh.js.map +0 -1
@@ -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-Du-ZeW8t.js');
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 = ".Root_module_root__5a8e6e98{color-scheme:var(--st-color-scheme);font-family:var(--st-font-family);isolation:isolate}:where(.Root_module_root__5a8e6e98),:where(.Root_module_root__5a8e6e98) *{box-sizing:border-box;margin:0;padding:0}.Root_module_root__5a8e6e98 a{-webkit-text-decoration:none;text-decoration:none}.Root_module_root__5a8e6e98 :is(span,strong,em,p,a){font-feature-settings:inherit;font-size:inherit;font-variant:inherit;line-height:inherit}.Root_module_root__5a8e6e98 :is(span,strong,em,p){color:inherit}.Root_module_root__5a8e6e98 :is(span,em,p){font-weight:inherit}:where(.Root_module_root__5a8e6e98) :is(b,strong){font-weight:var(--st-font-weight-bold)}:where(.Root_module_root__5a8e6e98) :is(img,svg){display:block}.Root_module_root__5a8e6e98{--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)}";
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.Watermark_module_watermark__ef279c61{align-items:center;border-radius:var(--st-rounded-md);color:var(--st-muted-foreground);display:flex;gap:var(--st-spacing);padding:var(--st-spacing-2) var(--st-spacing-3);transition:background var(--st-transition-duration),color var(--st-transition-duration)}a.Watermark_module_watermark__ef279c61:hover{background:var(--st-accent);color:var(--st-accent-foreground)}a.Watermark_module_watermark__ef279c61 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__ef279c61 svg{height:24px}a.Watermark_module_watermark__ef279c61 path{fill:hsl(218.92,100%,calc(7.25%*(1 + var(--st-dark-mode, 0)*100)))}";
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":"Watermark_module_watermark__ef279c61"};
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, " "), /*#__PURE__*/ React__namespace.default.createElement("svg", {
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 Root_module_root__5a8e6e98","watermarkContainer":"MainContainer_module_watermarkContainer__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-Du-ZeW8t.js.map
4495
+ //# sourceMappingURL=shadcn-CLGNjm4Z.js.map