@stytch/vanilla-js 5.4.0 → 5.5.1

package/dist/adminPortal/scim/AdminPortalSCIM.d.ts

@@ -1,7 +1,17 @@
 import React from 'react';
 import { MappedPropsFromRouteMap } from '../Router';
 import { AdminPortalComponentMountOptions } from '../makeAdminPortalComponentMountFn';
-export type AdminPortalSCIMMountOptions = AdminPortalComponentMountOptions;
+import { AdminPortalUIConfigRoleDisplayProvider } from '../utils/AdminPortalUIConfigRoleDisplayProvider';
+/**
+ * The UI configuration object for SCIM used in the Admin Portal.
+ */
+export type AdminPortalSCIMUIConfig = AdminPortalUIConfigRoleDisplayProvider;
+export interface AdminPortalSCIMMountOptions extends AdminPortalComponentMountOptions {
+    /**
+     * An {@link AdminPortalSCIMUIConfig} object containing custom configuration.
+     */
+    config?: AdminPortalSCIMUIConfig;
+}
 declare const routeMap: {
     scimConnection: () => React.JSX.Element;
     newConnection: () => React.JSX.Element;

package/dist/adminPortal/scim/SCIMConnectionDangerZoneSection.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SCIMConnection } from '@stytch/core/public';
+export declare const DangerZoneSection: ({ connection }: {
+    connection: SCIMConnection;
+}) => React.JSX.Element | null;

package/dist/adminPortal/scim/SCIMConnectionDetailsSection.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SCIMConnection } from '@stytch/core/public';
+export declare const DetailsSection: ({ connection }: {
+    connection: SCIMConnection;
+}) => React.JSX.Element;

package/dist/adminPortal/scim/SCIMConnectionRoleAssignmentsSection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SCIMConnection } from '@stytch/core/public';
+import { UseBlockNavigation } from '../Router';
+export declare const RoleAssignmentsSection: ({ connection, useBlockNavigation, }: {
+    connection: SCIMConnection;
+    useBlockNavigation: UseBlockNavigation;
+}) => React.JSX.Element;

package/dist/adminPortal/scim/SCIMConnectionTokenRotationSection.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SCIMConnection } from '@stytch/core/public';
+export declare const TokenRotationSection: ({ connection }: {
+    connection: SCIMConnection;
+}) => React.JSX.Element;

package/dist/adminPortal/scim/mountAdminPortalSCIM.d.ts

@@ -12,4 +12,4 @@ export type { AdminPortalSCIMMountOptions } from './AdminPortalSCIM';
  *
  * @throws An error when the element specified by element cannot be found.
  */
-export declare const mountAdminPortalSCIM: (options: import("../makeAdminPortalComponentMountFn").AdminPortalComponentMountOptions) => void;
+export declare const mountAdminPortalSCIM: (options: import("./AdminPortalSCIM").AdminPortalSCIMMountOptions) => void;

package/dist/adminPortal/sso/AdminPortalSSO.d.ts

@@ -18,8 +18,8 @@ declare const routeMap: {
     }) => React.JSX.Element;
     connectionsList: () => React.JSX.Element;
     newConnection: () => React.JSX.Element;
-    newConnectionConfigure: ({ connection: connectionProp }: {
-        connection: import("./TaggedConnection").TaggedConnection;
+    newConnectionConfigure: ({ connection: connectionProp, }: {
+        connection: import("./TaggedConnection").OIDCTaggedConnection | import("./TaggedConnection").SAMLTaggedConnection;
     }) => React.JSX.Element;
 };
 export type SsoRouterMappedProps = MappedPropsFromRouteMap<typeof routeMap>;

package/dist/adminPortal/sso/IdpInfo.d.ts

@@ -1,6 +1,6 @@
 import { RequireAllOrNone } from 'type-fest';
 import { ConnectionType } from '../utils/ConnectionType';
-import { OIDCTaggedConnection, SAMLTaggedConnection, TaggedConnection } from './TaggedConnection';
+import { ExternalTaggedConnection, OIDCTaggedConnection, SAMLTaggedConnection, TaggedConnection } from './TaggedConnection';
 export type SamlKnownIdp = 'generic' | 'okta' | 'microsoft-entra' | 'google-workspace';
 export type OidcKnownIdp = 'generic' | 'okta' | 'microsoft-entra';
 export type KnownIdp = SamlKnownIdp | OidcKnownIdp;
@@ -138,7 +138,11 @@ type IdpAndConnectionInfoReturnType<TConnectionType extends ConnectionType> = ((
     connection: SAMLTaggedConnection;
 }) | (OidcTaggedIdpInfo & {
     connection: OIDCTaggedConnection;
-})) & {
+}) | {
+    idp: undefined;
+    type: 'external';
+    connection: ExternalTaggedConnection;
+}) & {
     type: TConnectionType;
 };
 export declare const getIdpAndConnectionInfo: <TConnectionType extends ConnectionType>(connection: TaggedConnection & {

package/dist/adminPortal/sso/RoleAssignmentsSection.d.ts

@@ -1,6 +1,6 @@
-import { SAMLConnection } from '@stytch/core/public';
 import React from 'react';
+import { ExternalTaggedConnection, SAMLTaggedConnection } from './TaggedConnection';
 export declare const RoleAssignmentsSection: ({ canUpdateConnection, connection, }: {
     canUpdateConnection: boolean;
-    connection: SAMLConnection;
+    connection: SAMLTaggedConnection | ExternalTaggedConnection;
 }) => React.JSX.Element;

package/dist/adminPortal/sso/SSONewConnectionConfigureScreen.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TaggedConnection } from './TaggedConnection';
-export declare const SSONewConnectionConfigureScreen: ({ connection: connectionProp }: {
-    connection: TaggedConnection;
+import { OIDCTaggedConnection, SAMLTaggedConnection } from './TaggedConnection';
+export declare const SSONewConnectionConfigureScreen: ({ connection: connectionProp, }: {
+    connection: SAMLTaggedConnection | OIDCTaggedConnection;
 }) => React.JSX.Element;

package/dist/adminPortal/sso/SSORouter.d.ts

@@ -7,8 +7,8 @@ export declare const SsoRouterProvider: ({ children, initialRoute, }: {
         }) => import("react").JSX.Element;
         connectionsList: () => import("react").JSX.Element;
         newConnection: () => import("react").JSX.Element;
-        newConnectionConfigure: ({ connection: connectionProp }: {
-            connection: import("./TaggedConnection").TaggedConnection;
+        newConnectionConfigure: ({ connection: connectionProp, }: {
+            connection: import("./TaggedConnection").OIDCTaggedConnection | import("./TaggedConnection").SAMLTaggedConnection;
         }) => import("react").JSX.Element;
     }>>;
 }) => import("react").JSX.Element, SsoRouter: ({ routeMap }: {
@@ -19,7 +19,7 @@ export declare const SsoRouterProvider: ({ children, initialRoute, }: {
         connectionsList: import("react").ComponentType<never>;
         newConnection: import("react").ComponentType<never>;
         newConnectionConfigure: import("react").ComponentType<{
-            connection: import("./TaggedConnection").TaggedConnection;
+            connection: import("./TaggedConnection").OIDCTaggedConnection | import("./TaggedConnection").SAMLTaggedConnection;
         }>;
     };
 }) => import("react").JSX.Element | null, useSsoRouterController: () => import("../Router").RouterController<import("../Router").MappedPropsFromRouteMap<{
@@ -28,8 +28,8 @@ export declare const SsoRouterProvider: ({ children, initialRoute, }: {
     }) => import("react").JSX.Element;
     connectionsList: () => import("react").JSX.Element;
     newConnection: () => import("react").JSX.Element;
-    newConnectionConfigure: ({ connection: connectionProp }: {
-        connection: import("./TaggedConnection").TaggedConnection;
+    newConnectionConfigure: ({ connection: connectionProp, }: {
+        connection: import("./TaggedConnection").OIDCTaggedConnection | import("./TaggedConnection").SAMLTaggedConnection;
     }) => import("react").JSX.Element;
 }>>, useSsoRouterState: () => {
     currentRoute: import("../Router").RouterStateEntry<import("../Router").MappedPropsFromRouteMap<{
@@ -38,8 +38,8 @@ export declare const SsoRouterProvider: ({ children, initialRoute, }: {
         }) => import("react").JSX.Element;
         connectionsList: () => import("react").JSX.Element;
         newConnection: () => import("react").JSX.Element;
-        newConnectionConfigure: ({ connection: connectionProp }: {
-            connection: import("./TaggedConnection").TaggedConnection;
+        newConnectionConfigure: ({ connection: connectionProp, }: {
+            connection: import("./TaggedConnection").OIDCTaggedConnection | import("./TaggedConnection").SAMLTaggedConnection;
         }) => import("react").JSX.Element;
     }>>;
 };

package/dist/adminPortal/sso/TaggedConnection.d.ts

@@ -1,8 +1,11 @@
-import { OIDCConnection, SAMLConnection } from '@stytch/core/public';
+import { ExternalConnection, OIDCConnection, SAMLConnection } from '@stytch/core/public';
 export type OIDCTaggedConnection = OIDCConnection & {
     connectionType: 'oidc';
 };
 export type SAMLTaggedConnection = SAMLConnection & {
     connectionType: 'saml';
 };
-export type TaggedConnection = OIDCTaggedConnection | SAMLTaggedConnection;
+export type ExternalTaggedConnection = ExternalConnection & {
+    connectionType: 'external';
+};
+export type TaggedConnection = OIDCTaggedConnection | SAMLTaggedConnection | ExternalTaggedConnection;

package/dist/adminPortal/utils/Connection.d.ts

@@ -3,7 +3,7 @@ export type Connection = {
     id: string;
     displayName: string;
     connectionType: ConnectionType;
-    idp: string;
+    idp: string | undefined;
     status: string;
     isDefault: boolean;
 };

package/dist/adminPortal/utils/ConnectionType.d.ts

@@ -1 +1 @@
-export type ConnectionType = 'saml' | 'oidc';
+export type ConnectionType = 'saml' | 'oidc' | 'external';

package/dist/adminPortal/utils/getSsoRoleAssignments.d.ts

@@ -0,0 +1,8 @@
+import { ExternalTaggedConnection, SAMLTaggedConnection } from '../sso/TaggedConnection';
+export declare const getSsoConnectionRoleAssignments: (connection: SAMLTaggedConnection | ExternalTaggedConnection) => {
+    role_id: string;
+}[];
+export declare const getSsoGroupRoleAssignments: (connection: SAMLTaggedConnection | ExternalTaggedConnection) => {
+    role_id: string;
+    group: string;
+}[];

package/dist/adminPortal/utils/prependAsterisks.d.ts

@@ -0,0 +1 @@
+export declare const prependAsterisks: (value: string) => string;

package/dist/adminPortal/utils/useMutateScimConnection.d.ts

@@ -1,4 +1,4 @@
 import { B2BSCIMUpdateConnectionOptions } from '@stytch/core/public';
 export declare const useMutateScimConnectionRoleAssignments: () => {
-    mutate: import("./useMutateWithToast").MutationFn<B2BSCIMUpdateConnectionOptions, void>;
+    mutate: import("./useMutateWithToast").MutationFn<Pick<B2BSCIMUpdateConnectionOptions, "connection_id" | "scim_group_implicit_role_assignments">, void>;
 };

package/dist/adminPortal/utils/useMutateSsoConnection.d.ts

@@ -1,4 +1,4 @@
-import { B2BSSOOIDCUpdateConnectionOptions, B2BSSOSAMLDeleteVerificationCertificateOptions, B2BSSOSAMLUpdateConnectionByURLOptions, B2BSSOSAMLUpdateConnectionOptions } from '@stytch/core/public';
+import { B2BSSOOIDCUpdateConnectionOptions, B2BSSOSAMLDeleteVerificationCertificateOptions, B2BSSOSAMLUpdateConnectionByURLOptions, B2BSSOSAMLUpdateConnectionOptions, B2BSSOUpdateExternalConnectionOptions } from '@stytch/core/public';
 import { ConnectionType } from './ConnectionType';
 export declare const useMutateSsoConnectionByUrl: () => {
     mutate: import("./useMutateWithToast").MutationFn<B2BSSOSAMLUpdateConnectionByURLOptions, void>;
@@ -12,8 +12,5 @@ export declare const useDeleteSsoConnectionCert: () => {
     mutate: import("./useMutateWithToast").MutationFn<B2BSSOSAMLDeleteVerificationCertificateOptions, void>;
 };
 export declare const useMutateSsoConnection: <TConnectionType extends ConnectionType>(connectionType: TConnectionType) => {
-    mutate: import("./useMutateWithToast").MutationFn<TConnectionType extends "saml" ? B2BSSOSAMLUpdateConnectionOptions : B2BSSOOIDCUpdateConnectionOptions, void>;
-};
-export declare const useMutateSamlConnection: () => {
-    mutate: import("./useMutateWithToast").MutationFn<B2BSSOSAMLUpdateConnectionOptions, void>;
+    mutate: import("./useMutateWithToast").MutationFn<TConnectionType extends "saml" ? B2BSSOSAMLUpdateConnectionOptions : TConnectionType extends "oidc" ? B2BSSOOIDCUpdateConnectionOptions : B2BSSOUpdateExternalConnectionOptions, void>;
 };

package/dist/b2b/index.esm.js

@@ -2681,7 +2681,7 @@ var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProvider
   var oauthProvider = providerType;
   return {
     type: oauthProvider,
-    oneTap: oneTap,
+    one_tap: oneTap,
     customScopes: customScopes,
     providerParams: providerParams
   };
@@ -2691,7 +2691,7 @@ var useIsOnlyFloatingOneTap = function useIsOnlyFloatingOneTap() {
   var isOnlyFloatingOneTap = F$1(function () {
     var _a, _b;
     var oauthProvider = config.oauthOptions ? getParamsFromB2BOAuthProviderConfig((_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers[0]) : undefined;
-    var isGoogleOneTap = (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.type) === B2BOAuthProviders.Google && (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.oneTap) === true;
+    var isGoogleOneTap = (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.type) === B2BOAuthProviders.Google && (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.one_tap) === true;
     return config.products.length === 1 && config.products.includes(B2BProducts.oauth) && ((_b = config.oauthOptions) === null || _b === void 0 ? void 0 : _b.providers.length) === 1 && isGoogleOneTap;
   }, [config]);
   return isOnlyFloatingOneTap;
@@ -3065,7 +3065,7 @@ var useEffectiveAuthConfig = function useEffectiveAuthConfig() {
       if (provider) {
         return (_a = oauthProviderConfigs.find(function (oauthProvider) {
           return oauthProvider.type === provider;
-        })) !== null && _a !== void 0 ? _a : provider;
+        })) !== null && _a !== void 0 ? _a : getParamsFromB2BOAuthProviderConfig(provider);
       }
     }).filter(isTruthy);
   }, [authMethodsToShow, oauthProviderConfigs]);
@@ -3136,12 +3136,11 @@ var OAuthButtons = function OAuthButtons() {
     discoveryRedirectURL = _ref61.discoveryRedirectURL,
     customScopes = _ref61.customScopes,
     providerParams = _ref61.providerParams;
-  var mappedProviders = oauthProviderSettings.map(function (provider) {
-    var oauthProvider = getParamsFromB2BOAuthProviderConfig(provider);
+  var mappedProviders = oauthProviderSettings.map(function (oauthProvider) {
     var _getProviderInfo = getProviderInfo(oauthProvider.type),
       icon = _getProviderInfo.icon,
       providerTypeTitle = _getProviderInfo.providerTypeTitle;
-    if (oauthProvider.oneTap) {
+    if (oauthProvider.one_tap) {
       return /*#__PURE__*/y(B2BGoogleOneTap, {
         key: "oauth-".concat(oauthProvider.type)
       });
@@ -4861,16 +4860,23 @@ var PhoneInput = function PhoneInput(_ref87) {
     type: 'text',
     onChange: function onChange(e) {
       return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
-        var parsedPhoneNumber;
+        var userInput, parsedPhoneNumber;
         return _regeneratorRuntime().wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _context10.next = 2;
-              return parsePhoneNumber(e.target.value, country);
-            case 2:
+              userInput = e.target.value;
+              _context10.next = 3;
+              return parsePhoneNumber(userInput, country);
+            case 3:
               parsedPhoneNumber = _context10.sent;
+              if (!(userInput !== e.target.value)) {
+                _context10.next = 6;
+                break;
+              }
+              return _context10.abrupt("return");
+            case 6:
               setPhone(parsedPhoneNumber.national);
-            case 4:
+            case 7:
             case "end":
               return _context10.stop();
           }

package/dist/b2b/index.headless.esm.js

@@ -1433,7 +1433,7 @@ var B2BOneTapProvider = /*#__PURE__*/function () {
   }]);
   return B2BOneTapProvider;
 }();
-var version = "5.4.0";
+var version = "5.5.1";
 var NetworkClient = /*#__PURE__*/function () {
   function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
     _classCallCheck(this, NetworkClient);

package/dist/b2b/index.headless.js

@@ -1434,7 +1434,7 @@ var B2BOneTapProvider = /*#__PURE__*/function () {
   }]);
   return B2BOneTapProvider;
 }();
-var version = "5.4.0";
+var version = "5.5.1";
 var NetworkClient = /*#__PURE__*/function () {
   function NetworkClient(_publicToken, _subscriptionDataLayer, _liveAPIURL, _testAPIURL, additionalTelemetryDataFn) {
     _classCallCheck(this, NetworkClient);

package/dist/b2b/index.js

@@ -2682,7 +2682,7 @@ var getParamsFromB2BOAuthProviderConfig = function getParamsFromB2BOAuthProvider
   var oauthProvider = providerType;
   return {
     type: oauthProvider,
-    oneTap: oneTap,
+    one_tap: oneTap,
     customScopes: customScopes,
     providerParams: providerParams
   };
@@ -2692,7 +2692,7 @@ var useIsOnlyFloatingOneTap = function useIsOnlyFloatingOneTap() {
   var isOnlyFloatingOneTap = extractErrorMessage.F(function () {
     var _a, _b;
     var oauthProvider = config.oauthOptions ? getParamsFromB2BOAuthProviderConfig((_a = config.oauthOptions) === null || _a === void 0 ? void 0 : _a.providers[0]) : undefined;
-    var isGoogleOneTap = (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.type) === internal.B2BOAuthProviders.Google && (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.oneTap) === true;
+    var isGoogleOneTap = (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.type) === internal.B2BOAuthProviders.Google && (oauthProvider === null || oauthProvider === void 0 ? void 0 : oauthProvider.one_tap) === true;
     return config.products.length === 1 && config.products.includes(internal.B2BProducts.oauth) && ((_b = config.oauthOptions) === null || _b === void 0 ? void 0 : _b.providers.length) === 1 && isGoogleOneTap;
   }, [config]);
   return isOnlyFloatingOneTap;
@@ -3066,7 +3066,7 @@ var useEffectiveAuthConfig = function useEffectiveAuthConfig() {
       if (provider) {
         return (_a = oauthProviderConfigs.find(function (oauthProvider) {
           return oauthProvider.type === provider;
-        })) !== null && _a !== void 0 ? _a : provider;
+        })) !== null && _a !== void 0 ? _a : getParamsFromB2BOAuthProviderConfig(provider);
       }
     }).filter(extractErrorMessage.isTruthy);
   }, [authMethodsToShow, oauthProviderConfigs]);
@@ -3137,12 +3137,11 @@ var OAuthButtons = function OAuthButtons() {
     discoveryRedirectURL = _ref61.discoveryRedirectURL,
     customScopes = _ref61.customScopes,
     providerParams = _ref61.providerParams;
-  var mappedProviders = oauthProviderSettings.map(function (provider) {
-    var oauthProvider = getParamsFromB2BOAuthProviderConfig(provider);
+  var mappedProviders = oauthProviderSettings.map(function (oauthProvider) {
     var _getProviderInfo = getProviderInfo(oauthProvider.type),
       icon = _getProviderInfo.icon,
       providerTypeTitle = _getProviderInfo.providerTypeTitle;
-    if (oauthProvider.oneTap) {
+    if (oauthProvider.one_tap) {
       return /*#__PURE__*/extractErrorMessage.y(B2BGoogleOneTap, {
         key: "oauth-".concat(oauthProvider.type)
       });
@@ -4862,16 +4861,23 @@ var PhoneInput = function PhoneInput(_ref87) {
     type: 'text',
     onChange: function onChange(e) {
       return internal.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
-        var parsedPhoneNumber;
+        var userInput, parsedPhoneNumber;
         return _regeneratorRuntime().wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _context10.next = 2;
-              return parsePhoneNumber(e.target.value, country);
-            case 2:
+              userInput = e.target.value;
+              _context10.next = 3;
+              return parsePhoneNumber(userInput, country);
+            case 3:
               parsedPhoneNumber = _context10.sent;
+              if (!(userInput !== e.target.value)) {
+                _context10.next = 6;
+                break;
+              }
+              return _context10.abrupt("return");
+            case 6:
               setPhone(parsedPhoneNumber.national);
-            case 4:
+            case 7:
             case "end":
               return _context10.stop();
           }