@workos-inc/widgets 1.1.1 → 1.1.2

package/src/api/endpoint.ts

@@ -251,35 +251,75 @@ export interface VerifyTotpFactorRequest {
   authenticationChallengeId: string;
 }
 
-export interface MfaVerificationMethod {
+export type AuthenticationInformationResponseDataVerificationMethodsMfaProvider =
+  (typeof AuthenticationInformationResponseDataVerificationMethodsMfaProvider)[keyof typeof AuthenticationInformationResponseDataVerificationMethodsMfaProvider];
+
+export const AuthenticationInformationResponseDataVerificationMethodsMfaProvider =
+  {
+    MFA: "MFA",
+  } as const;
+
+/**
+ * @nullable
+ */
+export type AuthenticationInformationResponseDataVerificationMethodsMfa = {
+  provider: AuthenticationInformationResponseDataVerificationMethodsMfaProvider;
   isSetUp: boolean;
   /** @nullable */
   lastUsed?: string | null;
-}
+} | null;
 
-export interface PasswordVerificationMethod {
+export type AuthenticationInformationResponseDataVerificationMethodsPasswordProvider =
+  (typeof AuthenticationInformationResponseDataVerificationMethodsPasswordProvider)[keyof typeof AuthenticationInformationResponseDataVerificationMethodsPasswordProvider];
+
+export const AuthenticationInformationResponseDataVerificationMethodsPasswordProvider =
+  {
+    Password: "Password",
+  } as const;
+
+/**
+ * @nullable
+ */
+export type AuthenticationInformationResponseDataVerificationMethodsPassword = {
+  provider: AuthenticationInformationResponseDataVerificationMethodsPasswordProvider;
   isSetUp: boolean;
   /** @nullable */
   lastUsed?: string | null;
   isCurrentSession: boolean;
-}
+} | null;
 
-export type PasskeyVerificationMethodPassKeysItem = {
-  id: string;
-};
+export type AuthenticationInformationResponseDataVerificationMethodsPasskeyProvider =
+  (typeof AuthenticationInformationResponseDataVerificationMethodsPasskeyProvider)[keyof typeof AuthenticationInformationResponseDataVerificationMethodsPasskeyProvider];
 
-export interface PasskeyVerificationMethod {
+export const AuthenticationInformationResponseDataVerificationMethodsPasskeyProvider =
+  {
+    Passkey: "Passkey",
+  } as const;
+
+export type AuthenticationInformationResponseDataVerificationMethodsPasskeyPassKeysItem =
+  {
+    id: string;
+  };
+
+/**
+ * @nullable
+ */
+export type AuthenticationInformationResponseDataVerificationMethodsPasskey = {
+  provider: AuthenticationInformationResponseDataVerificationMethodsPasskeyProvider;
   isSetUp: boolean;
   /** @nullable */
   lastUsed?: string | null;
+  passKeys: AuthenticationInformationResponseDataVerificationMethodsPasskeyPassKeysItem[];
   isCurrentSession: boolean;
-  passKeys: PasskeyVerificationMethodPassKeysItem[];
-}
+} | null;
 
 export type AuthenticationInformationResponseDataVerificationMethods = {
-  Mfa?: MfaVerificationMethod;
-  Password?: PasswordVerificationMethod;
-  Passkey?: PasskeyVerificationMethod;
+  /** @nullable */
+  Mfa?: AuthenticationInformationResponseDataVerificationMethodsMfa;
+  /** @nullable */
+  Password?: AuthenticationInformationResponseDataVerificationMethodsPassword;
+  /** @nullable */
+  Passkey?: AuthenticationInformationResponseDataVerificationMethodsPasskey;
 };
 
 export type AuthenticationInformationResponseDataPasswordSettings = {

package/src/index.ts

@@ -2,6 +2,7 @@ export {
   WorkOsWidgets,
   type WorkOsWidgetsProps,
 } from "./workos-widgets.client";
+export { OrganizationSwitcher } from "./organization-switcher.client";
 export { UserProfile } from "./user-profile.client";
 export { UserSecurity } from "./user-security.client";
 export { UserSessions } from "./user-sessions.client";

package/src/lib/user-profile.tsx

@@ -126,20 +126,9 @@ export function UserProfileLoading() {
       <DataList.Root>
         <DataList.Item align="center">
           <DataList.Label minWidth="220px" highContrast>
-            <Strong>Profile picture</Strong>
-          </DataList.Label>
-          <DataList.Value>
-            <Skeleton>
-              <Avatar size="2" fallback={<FallbackUserIcon />} />
-            </Skeleton>
-          </DataList.Value>
-        </DataList.Item>
-
-        <ListSeparator />
-
-        <DataList.Item align="center">
-          <DataList.Label highContrast>
-            <Strong>Full name</Strong>
+            <Strong>
+              <Skeleton>Full name</Skeleton>
+            </Strong>
           </DataList.Label>
           <DataList.Value>
             <Flex
@@ -159,7 +148,9 @@ export function UserProfileLoading() {
 
         <DataList.Item align="center">
           <DataList.Label highContrast>
-            <Strong>Email address</Strong>
+            <Strong>
+              <Skeleton>Email address</Skeleton>
+            </Strong>
           </DataList.Label>
           <DataList.Value>
             <Flex align="center" minHeight="var(--space-6)">
@@ -169,17 +160,6 @@ export function UserProfileLoading() {
             </Flex>
           </DataList.Value>
         </DataList.Item>
-
-        <ListSeparator />
-
-        <DataList.Item>
-          <DataList.Label highContrast>
-            <Strong>Connected accounts</Strong>
-          </DataList.Label>
-          <DataList.Value>
-            <Skeleton>Connected accounts</Skeleton>
-          </DataList.Value>
-        </DataList.Item>
       </DataList.Root>
     </Card>
   );

package/src/lib/user-security.tsx

@@ -10,8 +10,8 @@ import { ChangePasswordDialog } from "./change-password-dialog";
 import { AddMfaDialog } from "./add-mfa-dialog";
 import type {
   AuthenticationInformationResponseData as AuthenticationSettings,
-  PasswordVerificationMethod,
-  MfaVerificationMethod,
+  AuthenticationInformationResponseDataVerificationMethodsPassword as PasswordVerificationMethod,
+  AuthenticationInformationResponseDataVerificationMethodsMfa as MfaVerificationMethod,
 } from "../api";
 import { ResetMfaDialog } from "./reset-mfa-dialog";
 import * as CardList from "../card-list";
@@ -87,7 +87,7 @@ export function UserSecurityLoading() {
 function PasswordSettings({
   settings,
 }: {
-  settings: PasswordVerificationMethod;
+  settings: NonNullable<PasswordVerificationMethod>;
 }) {
   return (
     <Grid columns="auto 1fr auto" align="center" gap="4">
@@ -134,7 +134,7 @@ function MfaSettings({
   settings,
   isPasswordSet,
 }: {
-  settings: MfaVerificationMethod;
+  settings: NonNullable<MfaVerificationMethod>;
   isPasswordSet: boolean;
 }) {
   return (

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 WorkOS
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.