@workos-inc/widgets 1.3.1 → 1.4.1

package/dist/esm/lib/use-security-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-security-settings.js","sourceRoot":"","sources":["../../../src/lib/use-security-settings.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,oCAAoC,GACrC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD;;;;GAIG;AACH,MAAM,UAAU,mBAAmB;IACjC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAEhC,MAAM,MAAM,GAAG,CAAC,MAAe,EAAE,OAAgB,EAAE,EAAE;QACnD,MAAM,QAAQ,GAAG,oCAAoC,EAAE,CAAC;QAExD,oBAAoB;QACpB,MAAM,CAAC,cAAc,CACnB,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAC1B,CAAC,IAAI,EAAE,EAAE;YACP,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO;gBACL,GAAG,IAAI;gBACP,IAAI,EAAE;oBACJ,GAAG,IAAI,CAAC,IAAI;oBACZ,mBAAmB,EAAE;wBACnB,GAAG,IAAI,CAAC,IAAI,CAAC,mBAAmB;wBAChC,CAAC,MAAM,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE;qBAChE;iBACF;aACF,CAAC;QACJ,CAAC,CACF,CAAC;QAEF,mCAAmC;QACnC,MAAM,CAAC,iBAAiB,CAAC;YACvB,QAAQ,EAAE,oCAAoC,EAAE;YAChD,KAAK,EAAE,KAAK;SACb,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AACpB,CAAC"}
+{"version":3,"sources":["../../../src/lib/use-security-settings.tsx"],"sourcesContent":["import {\n  AuthenticationInformationResponse,\n  getAuthenticationInformationQueryKey,\n} from \"../api/endpoint.js\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\ntype Methods = \"Password\" | \"Mfa\" | \"Passkey\";\n\n/**\n * A hook that provides utilities for managing security settings.\n * Allows optimistically updating verification method status (password, MFA, passkey)\n * while also triggering a server revalidation.\n */\nexport function useSecuritySettings() {\n  const client = useQueryClient();\n\n  const update = (method: Methods, isSetUp: boolean) => {\n    const queryKey = getAuthenticationInformationQueryKey();\n\n    // Optimistic update\n    client.setQueriesData<AuthenticationInformationResponse>(\n      { queryKey, exact: false },\n      (data) => {\n        if (!data) {\n          return data;\n        }\n\n        return {\n          ...data,\n          data: {\n            ...data.data,\n            verificationMethods: {\n              ...data.data.verificationMethods,\n              [method]: { ...data.data.verificationMethods[method], isSetUp },\n            },\n          },\n        };\n      },\n    );\n\n    // Also validate it with the server\n    client.invalidateQueries({\n      queryKey: getAuthenticationInformationQueryKey(),\n      exact: false,\n    });\n  };\n\n  return { update };\n}\n"],"mappings":"AAAA;AAAA,EAEE;AAAA,OACK;AACP,SAAS,sBAAsB;AASxB,SAAS,sBAAsB;AACpC,QAAM,SAAS,eAAe;AAE9B,QAAM,SAAS,CAAC,QAAiB,YAAqB;AACpD,UAAM,WAAW,qCAAqC;AAGtD,WAAO;AAAA,MACL,EAAE,UAAU,OAAO,MAAM;AAAA,MACzB,CAAC,SAAS;AACR,YAAI,CAAC,MAAM;AACT,iBAAO;AAAA,QACT;AAEA,eAAO;AAAA,UACL,GAAG;AAAA,UACH,MAAM;AAAA,YACJ,GAAG,KAAK;AAAA,YACR,qBAAqB;AAAA,cACnB,GAAG,KAAK,KAAK;AAAA,cACb,CAAC,MAAM,GAAG,EAAE,GAAG,KAAK,KAAK,oBAAoB,MAAM,GAAG,QAAQ;AAAA,YAChE;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAGA,WAAO,kBAAkB;AAAA,MACvB,UAAU,qCAAqC;AAAA,MAC/C,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAO,EAAE,OAAO;AAClB;","names":[]}

package/dist/esm/lib/user-actions-dropdown.d.ts

@@ -1,9 +1,13 @@
-import * as React from "react";
-import { Member } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Member } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface UserActionsDropdownProps {
     user: Member;
     children: React.ReactNode;
 }
-export declare const UserActionsDropdown: ({ user, children, }: UserActionsDropdownProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=user-actions-dropdown.d.ts.map
+declare const UserActionsDropdown: ({ user, children, }: UserActionsDropdownProps) => react_jsx_runtime.JSX.Element | null;
+
+export { UserActionsDropdown };

package/dist/esm/lib/user-actions-dropdown.js

@@ -1,53 +1,138 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DropdownMenu } from "@radix-ui/themes";
 import * as React from "react";
+import { useRolesAndConfig } from "../api/endpoint.js";
 import { DeleteUserDialog } from "./delete-user-dialog.js";
 import { EditUserRoleDialog } from "./edit-user-role-dialog.js";
-import { DestructiveMenuItem, DropdownMenuContent, PrimaryMenuItem, } from "./elements.js";
+import {
+  DestructiveMenuItem,
+  DropdownMenuContent,
+  PrimaryMenuItem
+} from "./elements.js";
 import { ResendInviteDialog } from "./resend-invite-dialog.js";
 import { RevokeInviteDialog } from "./revoke-invite-dialog.js";
-import { useRoles } from "../api/endpoint.js";
-export const UserActionsDropdown = ({ user, children, }) => {
-    const rolesQuery = useRoles({
-        query: {
-            initialData: [],
-        },
-    });
-    const [openDialog, setOpenDialog] = React.useState(null);
-    /**
-     * Assigns a key for each dialog based on its open state to ensure its
-     * internal state is cleared when it is closed.
-     */
-    function getDialogKey(dialog) {
-        return `${dialog}-${openDialog === dialog}-${user.id}`;
+const UserActionsDropdown = ({
+  user,
+  children
+}) => {
+  const rolesAndConfigQuery = useRolesAndConfig({
+    query: {
+      initialData: { roles: [], multipleRolesEnabled: false }
     }
-    const { actions, items } = React.useMemo(() => {
-        const actions = new Set(user.actions);
-        const items = [];
-        if (actions.has("edit-role")) {
-            items.push(_jsx(PrimaryMenuItem, { onSelect: () => setOpenDialog("edit-role"), disabled: rolesQuery.isLoading ||
-                    (rolesQuery.isSuccess && rolesQuery.data.length <= 1), title: rolesQuery.isSuccess && rolesQuery.data.length <= 1
-                    ? "You cannot update the role for this user as there is only one role available."
-                    : undefined, children: "Edit role" }, "edit-role"));
-        }
-        if (actions.has("resend-invite")) {
-            items.push(_jsx(PrimaryMenuItem, { onSelect: () => setOpenDialog("resend-invite"), children: "Resend invitation" }, "resend-invite"));
-        }
-        if (actions.has("revoke-invite")) {
-            items.push(_jsx(DestructiveMenuItem, { onSelect: () => setOpenDialog("revoke-invite"), children: "Revoke invitation" }, "revoke-invite"));
-        }
-        if (actions.has("revoke-membership")) {
-            items.push(_jsx(DestructiveMenuItem, { onSelect: () => setOpenDialog("revoke-membership"), children: "Remove user" }, "revoke-membership"));
-        }
-        return {
-            actions,
-            items,
-        };
-    }, [rolesQuery, user.actions]);
-    if (user.isLoggedInUser || items.length === 0) {
-        return null;
+  });
+  const { roles, multipleRolesEnabled: isMultipleRolesEnabled } = rolesAndConfigQuery.data;
+  const [openDialog, setOpenDialog] = React.useState(
+    null
+  );
+  function getDialogKey(dialog) {
+    return `${dialog}-${openDialog === dialog}-${user.id}`;
+  }
+  const { actions, items } = React.useMemo(() => {
+    const actions2 = new Set(user.actions);
+    const items2 = [];
+    if (actions2.has("edit-role")) {
+      items2.push(
+        /* @__PURE__ */ jsx(
+          PrimaryMenuItem,
+          {
+            onSelect: () => setOpenDialog("edit-role"),
+            disabled: rolesAndConfigQuery.isLoading || rolesAndConfigQuery.isSuccess && roles.length <= 1,
+            title: rolesAndConfigQuery.isSuccess && roles.length <= 1 ? "You cannot update the role for this user as there is only one role available." : void 0,
+            children: `Edit role${isMultipleRolesEnabled ? "s" : ""}`
+          },
+          "edit-role"
+        )
+      );
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { children: children }), _jsx(DropdownMenuContent, { size: "2", align: "end", children: items })] }), actions.has("edit-role") && (_jsx(EditUserRoleDialog, { user: user, open: openDialog === "edit-role", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("edit-role"))), actions.has("revoke-membership") && (_jsx(DeleteUserDialog, { user: user, open: openDialog === "revoke-membership", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("revoke-membership"))), actions.has("revoke-invite") && (_jsx(RevokeInviteDialog, { user: user, open: openDialog === "revoke-invite", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("revoke-invite"))), actions.has("resend-invite") && (_jsx(ResendInviteDialog, { user: user, open: openDialog === "resend-invite", onOpenChange: (open) => !open && setOpenDialog(null) }, getDialogKey("resend-invite")))] }));
+    if (actions2.has("resend-invite")) {
+      items2.push(
+        /* @__PURE__ */ jsx(
+          PrimaryMenuItem,
+          {
+            onSelect: () => setOpenDialog("resend-invite"),
+            children: "Resend invitation"
+          },
+          "resend-invite"
+        )
+      );
+    }
+    if (actions2.has("revoke-invite")) {
+      items2.push(
+        /* @__PURE__ */ jsx(
+          DestructiveMenuItem,
+          {
+            onSelect: () => setOpenDialog("revoke-invite"),
+            children: "Revoke invitation"
+          },
+          "revoke-invite"
+        )
+      );
+    }
+    if (actions2.has("revoke-membership")) {
+      items2.push(
+        /* @__PURE__ */ jsx(
+          DestructiveMenuItem,
+          {
+            onSelect: () => setOpenDialog("revoke-membership"),
+            children: "Remove user"
+          },
+          "revoke-membership"
+        )
+      );
+    }
+    return {
+      actions: actions2,
+      items: items2
+    };
+  }, [rolesAndConfigQuery, user.actions, isMultipleRolesEnabled, roles]);
+  if (user.isLoggedInUser || items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { size: "2", align: "end", children: items })
+    ] }),
+    actions.has("edit-role") && /* @__PURE__ */ jsx(
+      EditUserRoleDialog,
+      {
+        user,
+        open: openDialog === "edit-role",
+        onOpenChange: (open) => !open && setOpenDialog(null)
+      },
+      getDialogKey("edit-role")
+    ),
+    actions.has("revoke-membership") && /* @__PURE__ */ jsx(
+      DeleteUserDialog,
+      {
+        user,
+        open: openDialog === "revoke-membership",
+        onOpenChange: (open) => !open && setOpenDialog(null)
+      },
+      getDialogKey("revoke-membership")
+    ),
+    actions.has("revoke-invite") && /* @__PURE__ */ jsx(
+      RevokeInviteDialog,
+      {
+        user,
+        open: openDialog === "revoke-invite",
+        onOpenChange: (open) => !open && setOpenDialog(null)
+      },
+      getDialogKey("revoke-invite")
+    ),
+    actions.has("resend-invite") && /* @__PURE__ */ jsx(
+      ResendInviteDialog,
+      {
+        user,
+        open: openDialog === "resend-invite",
+        onOpenChange: (open) => !open && setOpenDialog(null)
+      },
+      getDialogKey("resend-invite")
+    )
+  ] });
+};
+export {
+  UserActionsDropdown
 };
 //# sourceMappingURL=user-actions-dropdown.js.map

package/dist/esm/lib/user-actions-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-actions-dropdown.js","sourceRoot":"","sources":["../../../src/lib/user-actions-dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/user-actions-dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { DropdownMenu } from \"@radix-ui/themes\";\nimport * as React from \"react\";\nimport { Member, useRolesAndConfig } from \"../api/endpoint.js\";\nimport { DeleteUserDialog } from \"./delete-user-dialog.js\";\nimport { EditUserRoleDialog } from \"./edit-user-role-dialog.js\";\nimport {\n  DestructiveMenuItem,\n  DropdownMenuContent,\n  PrimaryMenuItem,\n} from \"./elements.js\";\nimport { ResendInviteDialog } from \"./resend-invite-dialog.js\";\nimport { RevokeInviteDialog } from \"./revoke-invite-dialog.js\";\n\ninterface UserActionsDropdownProps {\n  user: Member;\n  children: React.ReactNode;\n}\n\ntype UserActionDialog =\n  | \"revoke-membership\"\n  | \"revoke-invite\"\n  | \"resend-invite\"\n  | \"edit-role\";\n\nexport const UserActionsDropdown = ({\n  user,\n  children,\n}: UserActionsDropdownProps) => {\n  const rolesAndConfigQuery = useRolesAndConfig({\n    query: {\n      initialData: { roles: [], multipleRolesEnabled: false },\n    },\n  });\n  const { roles, multipleRolesEnabled: isMultipleRolesEnabled } =\n    rolesAndConfigQuery.data;\n  const [openDialog, setOpenDialog] = React.useState<UserActionDialog | null>(\n    null,\n  );\n\n  /**\n   * Assigns a key for each dialog based on its open state to ensure its\n   * internal state is cleared when it is closed.\n   */\n  function getDialogKey(dialog: UserActionDialog) {\n    return `${dialog}-${openDialog === dialog}-${user.id}`;\n  }\n\n  const { actions, items } = React.useMemo(() => {\n    const actions = new Set(user.actions);\n    const items: React.ReactElement[] = [];\n    if (actions.has(\"edit-role\")) {\n      items.push(\n        <PrimaryMenuItem\n          key=\"edit-role\"\n          onSelect={() => setOpenDialog(\"edit-role\")}\n          disabled={\n            rolesAndConfigQuery.isLoading ||\n            (rolesAndConfigQuery.isSuccess && roles.length <= 1)\n          }\n          title={\n            rolesAndConfigQuery.isSuccess && roles.length <= 1\n              ? \"You cannot update the role for this user as there is only one role available.\"\n              : undefined\n          }\n        >\n          {`Edit role${isMultipleRolesEnabled ? \"s\" : \"\"}`}\n        </PrimaryMenuItem>,\n      );\n    }\n    if (actions.has(\"resend-invite\")) {\n      items.push(\n        <PrimaryMenuItem\n          key=\"resend-invite\"\n          onSelect={() => setOpenDialog(\"resend-invite\")}\n        >\n          Resend invitation\n        </PrimaryMenuItem>,\n      );\n    }\n    if (actions.has(\"revoke-invite\")) {\n      items.push(\n        <DestructiveMenuItem\n          key=\"revoke-invite\"\n          onSelect={() => setOpenDialog(\"revoke-invite\")}\n        >\n          Revoke invitation\n        </DestructiveMenuItem>,\n      );\n    }\n    if (actions.has(\"revoke-membership\")) {\n      items.push(\n        <DestructiveMenuItem\n          key=\"revoke-membership\"\n          onSelect={() => setOpenDialog(\"revoke-membership\")}\n        >\n          Remove user\n        </DestructiveMenuItem>,\n      );\n    }\n    return {\n      actions,\n      items,\n    };\n  }, [rolesAndConfigQuery, user.actions, isMultipleRolesEnabled, roles]);\n\n  if (user.isLoggedInUser || items.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger>{children}</DropdownMenu.Trigger>\n        <DropdownMenuContent size=\"2\" align=\"end\">\n          {items}\n        </DropdownMenuContent>\n      </DropdownMenu.Root>\n\n      {actions.has(\"edit-role\") && (\n        <EditUserRoleDialog\n          key={getDialogKey(\"edit-role\")}\n          user={user}\n          open={openDialog === \"edit-role\"}\n          onOpenChange={(open) => !open && setOpenDialog(null)}\n        />\n      )}\n\n      {actions.has(\"revoke-membership\") && (\n        <DeleteUserDialog\n          key={getDialogKey(\"revoke-membership\")}\n          user={user}\n          open={openDialog === \"revoke-membership\"}\n          onOpenChange={(open) => !open && setOpenDialog(null)}\n        />\n      )}\n\n      {actions.has(\"revoke-invite\") && (\n        <RevokeInviteDialog\n          key={getDialogKey(\"revoke-invite\")}\n          user={user}\n          open={openDialog === \"revoke-invite\"}\n          onOpenChange={(open) => !open && setOpenDialog(null)}\n        />\n      )}\n\n      {actions.has(\"resend-invite\") && (\n        <ResendInviteDialog\n          key={getDialogKey(\"resend-invite\")}\n          user={user}\n          open={openDialog === \"resend-invite\"}\n          onOpenChange={(open) => !open && setOpenDialog(null)}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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","names":["actions","items"]}

package/dist/esm/lib/user-profile.d.ts

@@ -1,11 +1,15 @@
-import { Me } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Me } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface UserProfileProps {
     userData: Me;
 }
-export declare const UserProfile: ({ userData: user }: UserProfileProps) => import("react/jsx-runtime").JSX.Element;
-export declare function UserProfileLoading(): import("react/jsx-runtime").JSX.Element;
-export declare function UserProfileError({ error }: {
+declare const UserProfile: ({ userData: user }: UserProfileProps) => react_jsx_runtime.JSX.Element;
+declare const UserProfileLoading: React.FC;
+declare function UserProfileError({ error }: {
     error: unknown;
-}): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=user-profile.d.ts.map
+}): react_jsx_runtime.JSX.Element;
+
+export { UserProfile, UserProfileError, UserProfileLoading };

package/dist/esm/lib/user-profile.js

@@ -1,27 +1,148 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Card, DataList, Flex, Inset, Separator, Strong, Text, } from "@radix-ui/themes";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Box,
+  Card,
+  DataList,
+  Flex,
+  Inset,
+  Separator,
+  Strong,
+  Text
+} from "@radix-ui/themes";
 import clsx from "clsx";
 import { Avatar, SecondaryButton, Skeleton } from "./elements.js";
 import { EditUserProfileDialog } from "./edit-user-profile-dialog.js";
 import { getBestName } from "./utils.js";
 import { getOAuthIcon, getOAuthName } from "./oauth-icons.js";
 import { GenericError } from "./generic-error.js";
-export const UserProfile = ({ userData: user }) => {
-    const oauthAccounts = Object.entries(user.oauthProfiles || {});
-    return (_jsx(Card, { className: clsx("woswidgets-widget"), "data-woswidgets-widget-id": "user-profile", size: "2", children: _jsxs(DataList.Root, { children: [user.profilePictureUrl && (_jsxs(_Fragment, { children: [_jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { minWidth: "220px", highContrast: true, children: _jsx(Strong, { children: "Profile picture" }) }), _jsx(DataList.Value, { children: _jsx(Avatar, { size: "2", fallback: _jsx(FallbackUserIcon, {}), src: user.profilePictureUrl }) })] }), _jsx(ListSeparator, {})] })), _jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { highContrast: true, children: _jsx(Strong, { children: "Full name" }) }), _jsx(DataList.Value, { children: _jsxs(Flex, { align: "center", justify: "between", width: "100%", minHeight: "var(--space-6)", children: [_jsx(Text, { size: "2", children: getBestName(user) || (_jsx(Text, { color: "gray", style: { color: "var(--gray-10)", cursor: "default" }, children: "Not set" })) }), _jsx(EditUserProfileDialog, { user: user, children: _jsx(SecondaryButton, { children: "Edit" }) })] }) })] }), _jsx(ListSeparator, {}), _jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { highContrast: true, children: _jsx(Strong, { children: "Email address" }) }), _jsx(DataList.Value, { children: _jsx(Flex, { align: "center", minHeight: "var(--space-6)", children: _jsx(Text, { size: "2", children: user.email }) }) })] }), oauthAccounts.length > 0 && (_jsxs(_Fragment, { children: [_jsx(ListSeparator, {}), _jsxs(DataList.Item, { children: [_jsx(DataList.Label, { highContrast: true, children: _jsx(Strong, { children: "Connected accounts" }) }), _jsx(DataList.Value, { children: _jsx(Flex, { direction: "column", gap: "2", children: oauthAccounts.map(([account, data]) => (_jsx(OAuthAccount, { account: account, email: data?.email }, account))) }) })] })] }))] }) }));
+const UserProfile = ({ userData: user }) => {
+  const oauthAccounts = Object.entries(user.oauthProfiles || {});
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      className: clsx("woswidgets-widget"),
+      "data-woswidgets-widget-id": "user-profile",
+      size: "2",
+      children: /* @__PURE__ */ jsxs(DataList.Root, { children: [
+        user.profilePictureUrl && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(DataList.Item, { align: "center", children: [
+            /* @__PURE__ */ jsx(DataList.Label, { minWidth: "220px", highContrast: true, children: /* @__PURE__ */ jsx(Strong, { children: "Profile picture" }) }),
+            /* @__PURE__ */ jsx(DataList.Value, { children: /* @__PURE__ */ jsx(
+              Avatar,
+              {
+                size: "2",
+                fallback: /* @__PURE__ */ jsx(FallbackUserIcon, {}),
+                src: user.profilePictureUrl
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(ListSeparator, {})
+        ] }),
+        /* @__PURE__ */ jsxs(DataList.Item, { align: "center", children: [
+          /* @__PURE__ */ jsx(DataList.Label, { highContrast: true, children: /* @__PURE__ */ jsx(Strong, { children: "Full name" }) }),
+          /* @__PURE__ */ jsx(DataList.Value, { children: /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              align: "center",
+              justify: "between",
+              width: "100%",
+              minHeight: "var(--space-6)",
+              children: [
+                /* @__PURE__ */ jsx(Text, { size: "2", children: getBestName(user) || /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    color: "gray",
+                    style: { color: "var(--gray-10)", cursor: "default" },
+                    children: "Not set"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(EditUserProfileDialog, { user, children: /* @__PURE__ */ jsx(SecondaryButton, { children: "Edit" }) })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(ListSeparator, {}),
+        /* @__PURE__ */ jsxs(DataList.Item, { align: "center", children: [
+          /* @__PURE__ */ jsx(DataList.Label, { highContrast: true, children: /* @__PURE__ */ jsx(Strong, { children: "Email address" }) }),
+          /* @__PURE__ */ jsx(DataList.Value, { children: /* @__PURE__ */ jsx(Flex, { align: "center", minHeight: "var(--space-6)", children: /* @__PURE__ */ jsx(Text, { size: "2", children: user.email }) }) })
+        ] }),
+        oauthAccounts.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ListSeparator, {}),
+          /* @__PURE__ */ jsxs(DataList.Item, { children: [
+            /* @__PURE__ */ jsx(DataList.Label, { highContrast: true, children: /* @__PURE__ */ jsx(Strong, { children: "Connected accounts" }) }),
+            /* @__PURE__ */ jsx(DataList.Value, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", children: oauthAccounts.map(([account, data]) => /* @__PURE__ */ jsx(
+              OAuthAccount,
+              {
+                account,
+                email: data?.email
+              },
+              account
+            )) }) })
+          ] })
+        ] })
+      ] })
+    }
+  );
 };
-export function UserProfileLoading() {
-    return (_jsx(Card, { size: "2", children: _jsxs(DataList.Root, { children: [_jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { minWidth: "220px", highContrast: true, children: _jsx(Strong, { children: _jsx(Skeleton, { children: "Full name" }) }) }), _jsx(DataList.Value, { children: _jsx(Flex, { align: "center", justify: "between", width: "100%", minHeight: "var(--space-6)", children: _jsx(Text, { size: "2", children: _jsx(Skeleton, { children: "Full name" }) }) }) })] }), _jsx(ListSeparator, {}), _jsxs(DataList.Item, { align: "center", children: [_jsx(DataList.Label, { highContrast: true, children: _jsx(Strong, { children: _jsx(Skeleton, { children: "Email address" }) }) }), _jsx(DataList.Value, { children: _jsx(Flex, { align: "center", minHeight: "var(--space-6)", children: _jsx(Text, { size: "2", children: _jsx(Skeleton, { children: "Email address" }) }) }) })] })] }) }));
-}
-export function UserProfileError({ error }) {
-    return (_jsx(Card, { size: "2", children: _jsx(GenericError, { error: error }) }));
+const UserProfileLoading = () => {
+  return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsxs(DataList.Root, { children: [
+    /* @__PURE__ */ jsxs(DataList.Item, { align: "center", children: [
+      /* @__PURE__ */ jsx(DataList.Label, { minWidth: "220px", highContrast: true, children: /* @__PURE__ */ jsx(Strong, { children: /* @__PURE__ */ jsx(Skeleton, { children: "Full name" }) }) }),
+      /* @__PURE__ */ jsx(DataList.Value, { children: /* @__PURE__ */ jsx(
+        Flex,
+        {
+          align: "center",
+          justify: "between",
+          width: "100%",
+          minHeight: "var(--space-6)",
+          children: /* @__PURE__ */ jsx(Text, { size: "2", children: /* @__PURE__ */ jsx(Skeleton, { children: "Full name" }) })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(ListSeparator, {}),
+    /* @__PURE__ */ jsxs(DataList.Item, { align: "center", children: [
+      /* @__PURE__ */ jsx(DataList.Label, { highContrast: true, children: /* @__PURE__ */ jsx(Strong, { children: /* @__PURE__ */ jsx(Skeleton, { children: "Email address" }) }) }),
+      /* @__PURE__ */ jsx(DataList.Value, { children: /* @__PURE__ */ jsx(Flex, { align: "center", minHeight: "var(--space-6)", children: /* @__PURE__ */ jsx(Text, { size: "2", children: /* @__PURE__ */ jsx(Skeleton, { children: "Email address" }) }) }) })
+    ] })
+  ] }) });
+};
+function UserProfileError({ error }) {
+  return /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(GenericError, { error }) });
 }
-const ListSeparator = () => (_jsx(Box, { asChild: true, gridColumn: "span 2", children: _jsx(Inset, { side: "x", children: _jsx(Separator, { size: "4" }) }) }));
-const OAuthAccount = ({ account, email, }) => {
-    const Icon = getOAuthIcon(account);
-    const name = getOAuthName(account);
-    return (_jsxs(Flex, { align: "center", gap: "1", children: [_jsx(Icon, {}), _jsx(Text, { size: "2", ml: "1", children: name }), email && (_jsxs(Box, { display: { initial: "none", sm: "contents" }, children: [_jsx(Text, { size: "2", color: "gray", children: "\u2219" }), _jsx(Text, { size: "2", color: "gray", children: email })] }))] }));
+const ListSeparator = () => /* @__PURE__ */ jsx(Box, { asChild: true, gridColumn: "span 2", children: /* @__PURE__ */ jsx(Inset, { side: "x", children: /* @__PURE__ */ jsx(Separator, { size: "4" }) }) });
+const OAuthAccount = ({
+  account,
+  email
+}) => {
+  const Icon = getOAuthIcon(account);
+  const name = getOAuthName(account);
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
+    /* @__PURE__ */ jsx(Icon, {}),
+    /* @__PURE__ */ jsx(Text, { size: "2", ml: "1", children: name }),
+    email && /* @__PURE__ */ jsxs(Box, { display: { initial: "none", sm: "contents" }, children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: "\u2219" }),
+      /* @__PURE__ */ jsx(Text, { size: "2", color: "gray", children: email })
+    ] })
+  ] });
+};
+const FallbackUserIcon = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    fill: "currentColor",
+    viewBox: "0 0 256 256",
+    children: [
+      /* @__PURE__ */ jsx("title", { children: "User icon" }),
+      /* @__PURE__ */ jsx("path", { d: "M229.19,213c-15.81-27.32-40.63-46.49-69.47-54.62a70,70,0,1,0-63.44,0C67.44,166.5,42.62,185.67,26.81,213a6,6,0,1,0,10.38,6C56.4,185.81,90.34,166,128,166s71.6,19.81,90.81,53a6,6,0,1,0,10.38-6ZM70,96a58,58,0,1,1,58,58A58.07,58.07,0,0,1,70,96Z" })
+    ]
+  }
+);
+export {
+  UserProfile,
+  UserProfileError,
+  UserProfileLoading
 };
-const FallbackUserIcon = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", viewBox: "0 0 256 256", children: [_jsx("title", { children: "User icon" }), _jsx("path", { d: "M229.19,213c-15.81-27.32-40.63-46.49-69.47-54.62a70,70,0,1,0-63.44,0C67.44,166.5,42.62,185.67,26.81,213a6,6,0,1,0,10.38,6C56.4,185.81,90.34,166,128,166s71.6,19.81,90.81,53a6,6,0,1,0,10.38-6ZM70,96a58,58,0,1,1,58,58A58.07,58.07,0,0,1,70,96Z" })] }));
 //# sourceMappingURL=user-profile.js.map

package/dist/esm/lib/user-profile.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-profile.js","sourceRoot":"","sources":["../../../src/lib/user-profile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/user-profile.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Box,\n  Card,\n  DataList,\n  Flex,\n  Inset,\n  Separator,\n  Strong,\n  Text,\n} from \"@radix-ui/themes\";\nimport clsx from \"clsx\";\nimport { Avatar, SecondaryButton, Skeleton } from \"./elements.js\";\nimport { Me } from \"../api/endpoint.js\";\nimport { EditUserProfileDialog } from \"./edit-user-profile-dialog.js\";\nimport { getBestName } from \"./utils.js\";\nimport { getOAuthIcon, getOAuthName } from \"./oauth-icons.js\";\nimport { GenericError } from \"./generic-error.js\";\n\ninterface UserProfileProps {\n  userData: Me;\n}\n\nexport const UserProfile = ({ userData: user }: UserProfileProps) => {\n  const oauthAccounts = Object.entries(user.oauthProfiles || {});\n\n  return (\n    <Card\n      className={clsx(\"woswidgets-widget\")}\n      data-woswidgets-widget-id=\"user-profile\"\n      size=\"2\"\n    >\n      <DataList.Root>\n        {user.profilePictureUrl && (\n          <>\n            <DataList.Item align=\"center\">\n              <DataList.Label minWidth=\"220px\" highContrast>\n                <Strong>Profile picture</Strong>\n              </DataList.Label>\n              <DataList.Value>\n                <Avatar\n                  size=\"2\"\n                  fallback={<FallbackUserIcon />}\n                  src={user.profilePictureUrl}\n                />\n              </DataList.Value>\n            </DataList.Item>\n\n            <ListSeparator />\n          </>\n        )}\n\n        <DataList.Item align=\"center\">\n          <DataList.Label highContrast>\n            <Strong>Full name</Strong>\n          </DataList.Label>\n          <DataList.Value>\n            <Flex\n              align=\"center\"\n              justify=\"between\"\n              width=\"100%\"\n              minHeight=\"var(--space-6)\"\n            >\n              <Text size=\"2\">\n                {getBestName(user) || (\n                  <Text\n                    color=\"gray\"\n                    style={{ color: \"var(--gray-10)\", cursor: \"default\" }}\n                  >\n                    Not set\n                  </Text>\n                )}\n              </Text>\n\n              <EditUserProfileDialog user={user}>\n                <SecondaryButton>Edit</SecondaryButton>\n              </EditUserProfileDialog>\n            </Flex>\n          </DataList.Value>\n        </DataList.Item>\n\n        <ListSeparator />\n\n        <DataList.Item align=\"center\">\n          <DataList.Label highContrast>\n            <Strong>Email address</Strong>\n          </DataList.Label>\n          <DataList.Value>\n            <Flex align=\"center\" minHeight=\"var(--space-6)\">\n              <Text size=\"2\">{user.email}</Text>\n            </Flex>\n          </DataList.Value>\n        </DataList.Item>\n\n        {oauthAccounts.length > 0 && (\n          <>\n            <ListSeparator />\n\n            <DataList.Item>\n              <DataList.Label highContrast>\n                <Strong>Connected accounts</Strong>\n              </DataList.Label>\n              <DataList.Value>\n                <Flex direction=\"column\" gap=\"2\">\n                  {oauthAccounts.map(([account, data]) => (\n                    <OAuthAccount\n                      key={account}\n                      account={account}\n                      email={data?.email}\n                    />\n                  ))}\n                </Flex>\n              </DataList.Value>\n            </DataList.Item>\n          </>\n        )}\n      </DataList.Root>\n    </Card>\n  );\n};\n\nexport const UserProfileLoading: React.FC = () => {\n  return (\n    <Card size=\"2\">\n      <DataList.Root>\n        <DataList.Item align=\"center\">\n          <DataList.Label minWidth=\"220px\" highContrast>\n            <Strong>\n              <Skeleton>Full name</Skeleton>\n            </Strong>\n          </DataList.Label>\n          <DataList.Value>\n            <Flex\n              align=\"center\"\n              justify=\"between\"\n              width=\"100%\"\n              minHeight=\"var(--space-6)\"\n            >\n              <Text size=\"2\">\n                <Skeleton>Full name</Skeleton>\n              </Text>\n            </Flex>\n          </DataList.Value>\n        </DataList.Item>\n\n        <ListSeparator />\n\n        <DataList.Item align=\"center\">\n          <DataList.Label highContrast>\n            <Strong>\n              <Skeleton>Email address</Skeleton>\n            </Strong>\n          </DataList.Label>\n          <DataList.Value>\n            <Flex align=\"center\" minHeight=\"var(--space-6)\">\n              <Text size=\"2\">\n                <Skeleton>Email address</Skeleton>\n              </Text>\n            </Flex>\n          </DataList.Value>\n        </DataList.Item>\n      </DataList.Root>\n    </Card>\n  );\n};\n\nexport function UserProfileError({ error }: { error: unknown }) {\n  return (\n    <Card size=\"2\">\n      <GenericError error={error} />\n    </Card>\n  );\n}\n\nconst ListSeparator = () => (\n  <Box asChild gridColumn=\"span 2\">\n    <Inset side=\"x\">\n      <Separator size=\"4\" />\n    </Inset>\n  </Box>\n);\n\nconst OAuthAccount = ({\n  account,\n  email,\n}: {\n  account: string;\n  email?: string | null;\n}) => {\n  const Icon = getOAuthIcon(account);\n  const name = getOAuthName(account);\n\n  return (\n    <Flex align=\"center\" gap=\"1\">\n      <Icon />\n\n      <Text size=\"2\" ml=\"1\">\n        {name}\n      </Text>\n\n      {email && (\n        <Box display={{ initial: \"none\", sm: \"contents\" }}>\n          <Text size=\"2\" color=\"gray\">\n            ∙\n          </Text>\n          <Text size=\"2\" color=\"gray\">\n            {email}\n          </Text>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n\nconst FallbackUserIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"20\"\n    height=\"20\"\n    fill=\"currentColor\"\n    viewBox=\"0 0 256 256\"\n  >\n    <title>User icon</title>\n    <path d=\"M229.19,213c-15.81-27.32-40.63-46.49-69.47-54.62a70,70,0,1,0-63.44,0C67.44,166.5,42.62,185.67,26.81,213a6,6,0,1,0,10.38,6C56.4,185.81,90.34,166,128,166s71.6,19.81,90.81,53a6,6,0,1,0,10.38-6ZM70,96a58,58,0,1,1,58,58A58.07,58.07,0,0,1,70,96Z\" />\n  </svg>\n);\n"],"mappings":"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","names":[]}

package/dist/esm/lib/user-security.d.ts

@@ -1,11 +1,15 @@
-import type { AuthenticationInformationResponseData as AuthenticationSettings } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AuthenticationInformationResponseData } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface UserSecurityProps {
-    settings: AuthenticationSettings;
+    settings: AuthenticationInformationResponseData;
 }
-export declare const UserSecurity: ({ settings }: UserSecurityProps) => import("react/jsx-runtime").JSX.Element;
-export declare function UserSecurityError({ error }: {
+declare const UserSecurity: ({ settings }: UserSecurityProps) => react_jsx_runtime.JSX.Element;
+declare function UserSecurityError({ error }: {
     error: unknown;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function UserSecurityLoading(): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=user-security.d.ts.map
+}): react_jsx_runtime.JSX.Element;
+declare const UserSecurityLoading: React.FC;
+
+export { UserSecurity, UserSecurityError, UserSecurityLoading };