@workos-inc/widgets 1.4.1 → 1.4.2

package/dist/cjs/lib/use-security-settings.cjs

@@ -1,59 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_security_settings_exports = {};
-__export(use_security_settings_exports, {
-  useSecuritySettings: () => useSecuritySettings
-});
-module.exports = __toCommonJS(use_security_settings_exports);
-var import_endpoint = require("../api/endpoint.js");
-var import_react_query = require("@tanstack/react-query");
-function useSecuritySettings() {
-  const client = (0, import_react_query.useQueryClient)();
-  const update = (method, isSetUp) => {
-    const queryKey = (0, import_endpoint.getAuthenticationInformationQueryKey)();
-    client.setQueriesData(
-      { queryKey, exact: false },
-      (data) => {
-        if (!data) {
-          return data;
-        }
-        return {
-          ...data,
-          data: {
-            ...data.data,
-            verificationMethods: {
-              ...data.data.verificationMethods,
-              [method]: { ...data.data.verificationMethods[method], isSetUp }
-            }
-          }
-        };
-      }
-    );
-    client.invalidateQueries({
-      queryKey: (0, import_endpoint.getAuthenticationInformationQueryKey)(),
-      exact: false
-    });
-  };
-  return { update };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useSecuritySettings
-});
-//# sourceMappingURL=use-security-settings.cjs.map

package/dist/cjs/lib/use-security-settings.cjs.map

@@ -1 +0,0 @@
-{"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;AAAA;AAAA;AAAA;AAAA,sBAGO;AACP,yBAA+B;AASxB,SAAS,sBAAsB;AACpC,QAAM,aAAS,mCAAe;AAE9B,QAAM,SAAS,CAAC,QAAiB,YAAqB;AACpD,UAAM,eAAW,sDAAqC;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,cAAU,sDAAqC;AAAA,MAC/C,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAO,EAAE,OAAO;AAClB;","names":[]}

package/dist/cjs/lib/user-actions-dropdown.cjs

@@ -1,168 +0,0 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var user_actions_dropdown_exports = {};
-__export(user_actions_dropdown_exports, {
-  UserActionsDropdown: () => UserActionsDropdown
-});
-module.exports = __toCommonJS(user_actions_dropdown_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_themes = require("@radix-ui/themes");
-var React = __toESM(require("react"), 1);
-var import_endpoint = require("../api/endpoint.js");
-var import_delete_user_dialog = require("./delete-user-dialog.js");
-var import_edit_user_role_dialog = require("./edit-user-role-dialog.js");
-var import_elements = require("./elements.js");
-var import_resend_invite_dialog = require("./resend-invite-dialog.js");
-var import_revoke_invite_dialog = require("./revoke-invite-dialog.js");
-const UserActionsDropdown = ({
-  user,
-  children
-}) => {
-  const rolesAndConfigQuery = (0, import_endpoint.useRolesAndConfig)({
-    query: {
-      initialData: { roles: [], multipleRolesEnabled: false }
-    }
-  });
-  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__ */ (0, import_jsx_runtime.jsx)(
-          import_elements.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"
-        )
-      );
-    }
-    if (actions2.has("resend-invite")) {
-      items2.push(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_elements.PrimaryMenuItem,
-          {
-            onSelect: () => setOpenDialog("resend-invite"),
-            children: "Resend invitation"
-          },
-          "resend-invite"
-        )
-      );
-    }
-    if (actions2.has("revoke-invite")) {
-      items2.push(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_elements.DestructiveMenuItem,
-          {
-            onSelect: () => setOpenDialog("revoke-invite"),
-            children: "Revoke invitation"
-          },
-          "revoke-invite"
-        )
-      );
-    }
-    if (actions2.has("revoke-membership")) {
-      items2.push(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_elements.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DropdownMenu.Root, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DropdownMenu.Trigger, { children }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.DropdownMenuContent, { size: "2", align: "end", children: items })
-    ] }),
-    actions.has("edit-role") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_edit_user_role_dialog.EditUserRoleDialog,
-      {
-        user,
-        open: openDialog === "edit-role",
-        onOpenChange: (open) => !open && setOpenDialog(null)
-      },
-      getDialogKey("edit-role")
-    ),
-    actions.has("revoke-membership") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_delete_user_dialog.DeleteUserDialog,
-      {
-        user,
-        open: openDialog === "revoke-membership",
-        onOpenChange: (open) => !open && setOpenDialog(null)
-      },
-      getDialogKey("revoke-membership")
-    ),
-    actions.has("revoke-invite") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_revoke_invite_dialog.RevokeInviteDialog,
-      {
-        user,
-        open: openDialog === "revoke-invite",
-        onOpenChange: (open) => !open && setOpenDialog(null)
-      },
-      getDialogKey("revoke-invite")
-    ),
-    actions.has("resend-invite") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_resend_invite_dialog.ResendInviteDialog,
-      {
-        user,
-        open: openDialog === "resend-invite",
-        onOpenChange: (open) => !open && setOpenDialog(null)
-      },
-      getDialogKey("resend-invite")
-    )
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  UserActionsDropdown
-});
-//# sourceMappingURL=user-actions-dropdown.cjs.map

package/dist/cjs/lib/user-actions-dropdown.cjs.map

@@ -1 +0,0 @@
-{"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/cjs/lib/user-actions-dropdown.d.cts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { Member } from '../api/endpoint.cjs';
-import '@tanstack/react-query';
-import '../api/widgets-api-client.cjs';
-
-interface UserActionsDropdownProps {
-    user: Member;
-    children: React.ReactNode;
-}
-declare const UserActionsDropdown: ({ user, children, }: UserActionsDropdownProps) => react_jsx_runtime.JSX.Element | null;
-
-export { UserActionsDropdown };

package/dist/cjs/lib/user-profile.cjs

@@ -1,175 +0,0 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var user_profile_exports = {};
-__export(user_profile_exports, {
-  UserProfile: () => UserProfile,
-  UserProfileError: () => UserProfileError,
-  UserProfileLoading: () => UserProfileLoading
-});
-module.exports = __toCommonJS(user_profile_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_themes = require("@radix-ui/themes");
-var import_clsx = __toESM(require("clsx"), 1);
-var import_elements = require("./elements.js");
-var import_edit_user_profile_dialog = require("./edit-user-profile-dialog.js");
-var import_utils = require("./utils.js");
-var import_oauth_icons = require("./oauth-icons.js");
-var import_generic_error = require("./generic-error.js");
-const UserProfile = ({ userData: user }) => {
-  const oauthAccounts = Object.entries(user.oauthProfiles || {});
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_themes.Card,
-    {
-      className: (0, import_clsx.default)("woswidgets-widget"),
-      "data-woswidgets-widget-id": "user-profile",
-      size: "2",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DataList.Root, { children: [
-        user.profilePictureUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DataList.Item, { align: "center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Label, { minWidth: "220px", highContrast: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Strong, { children: "Profile picture" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Value, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_elements.Avatar,
-              {
-                size: "2",
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FallbackUserIcon, {}),
-                src: user.profilePictureUrl
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListSeparator, {})
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DataList.Item, { align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Label, { highContrast: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Strong, { children: "Full name" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Value, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_themes.Flex,
-            {
-              align: "center",
-              justify: "between",
-              width: "100%",
-              minHeight: "var(--space-6)",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", children: (0, import_utils.getBestName)(user) || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_themes.Text,
-                  {
-                    color: "gray",
-                    style: { color: "var(--gray-10)", cursor: "default" },
-                    children: "Not set"
-                  }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_edit_user_profile_dialog.EditUserProfileDialog, { user, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { children: "Edit" }) })
-              ]
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DataList.Item, { align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Label, { highContrast: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Strong, { children: "Email address" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Value, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { align: "center", minHeight: "var(--space-6)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", children: user.email }) }) })
-        ] }),
-        oauthAccounts.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListSeparator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DataList.Item, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Label, { highContrast: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Strong, { children: "Connected accounts" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Value, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { direction: "column", gap: "2", children: oauthAccounts.map(([account, data]) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              OAuthAccount,
-              {
-                account,
-                email: data?.email
-              },
-              account
-            )) }) })
-          ] })
-        ] })
-      ] })
-    }
-  );
-};
-const UserProfileLoading = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DataList.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DataList.Item, { align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Label, { minWidth: "220px", highContrast: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Strong, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: "Full name" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Value, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_themes.Flex,
-        {
-          align: "center",
-          justify: "between",
-          width: "100%",
-          minHeight: "var(--space-6)",
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: "Full name" }) })
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListSeparator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.DataList.Item, { align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Label, { highContrast: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Strong, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: "Email address" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.DataList.Value, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { align: "center", minHeight: "var(--space-6)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: "Email address" }) }) }) })
-    ] })
-  ] }) });
-};
-function UserProfileError({ error }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_generic_error.GenericError, { error }) });
-}
-const ListSeparator = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Box, { asChild: true, gridColumn: "span 2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Inset, { side: "x", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Separator, { size: "4" }) }) });
-const OAuthAccount = ({
-  account,
-  email
-}) => {
-  const Icon = (0, import_oauth_icons.getOAuthIcon)(account);
-  const name = (0, import_oauth_icons.getOAuthName)(account);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { align: "center", gap: "1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", ml: "1", children: name }),
-    email && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Box, { display: { initial: "none", sm: "contents" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "gray", children: "\u2219" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "gray", children: email })
-    ] })
-  ] });
-};
-const FallbackUserIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "20",
-    height: "20",
-    fill: "currentColor",
-    viewBox: "0 0 256 256",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "User icon" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.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" })
-    ]
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  UserProfile,
-  UserProfileError,
-  UserProfileLoading
-});
-//# sourceMappingURL=user-profile.cjs.map

package/dist/cjs/lib/user-profile.cjs.map

@@ -1 +0,0 @@
-{"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":["clsx"]}

package/dist/cjs/lib/user-profile.d.cts

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

package/dist/cjs/lib/user-security.cjs

@@ -1,135 +0,0 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var user_security_exports = {};
-__export(user_security_exports, {
-  UserSecurity: () => UserSecurity,
-  UserSecurityError: () => UserSecurityError,
-  UserSecurityLoading: () => UserSecurityLoading
-});
-module.exports = __toCommonJS(user_security_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_themes = require("@radix-ui/themes");
-var import_clsx = __toESM(require("clsx"), 1);
-var import_elements = require("./elements.js");
-var import_icon_panel = require("./icon-panel.js");
-var import_react_icons = require("@radix-ui/react-icons");
-var import_set_password_dialog = require("./set-password-dialog.js");
-var import_change_password_dialog = require("./change-password-dialog.js");
-var import_add_mfa_dialog = require("./add-mfa-dialog.js");
-var import_reset_mfa_dialog = require("./reset-mfa-dialog.js");
-var CardList = __toESM(require("../card-list.js"), 1);
-var import_generic_error = require("./generic-error.js");
-var import_utils = require("./utils.js");
-const UserSecurity = ({ settings }) => {
-  const passwordSettings = settings.verificationMethods.Password;
-  const mfaSettings = settings.verificationMethods.Mfa;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    CardList.Root,
-    {
-      className: (0, import_clsx.default)("woswidgets-widget"),
-      "data-woswidgets-widget-id": "user-security",
-      children: [
-        passwordSettings && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardList.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasswordSettings, { settings: passwordSettings }) }),
-        mfaSettings && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardList.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          MfaSettings,
-          {
-            settings: mfaSettings,
-            isPasswordSet: !!passwordSettings?.isSetUp
-          }
-        ) })
-      ]
-    }
-  );
-};
-function UserSecurityError({ error }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_generic_error.GenericError, { error }) });
-}
-const UserSecurityLoading = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon_panel.IconPanel, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: "Password" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { as: "p", size: "2", color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: "Set a password to access your account" }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_change_password_dialog.ChangePasswordDialog, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Skeleton, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { children: "Change" }) }) })
-  ] }) });
-};
-function PasswordSettings({
-  settings
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon_panel.IconPanel, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.LockClosedIcon, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: "Password" }),
-      settings.isSetUp ? settings.lastUsed && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Text, { size: "2", color: "gray", children: [
-        "Last used",
-        " ",
-        (0, import_utils.getComparativeReadableDate)(
-          /* @__PURE__ */ new Date(),
-          new Date(settings.lastUsed)
-        )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { as: "p", size: "2", color: "gray", children: "Set a password to access your account" })
-    ] }),
-    settings.isSetUp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_change_password_dialog.ChangePasswordDialog, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { children: "Change" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_set_password_dialog.SetPasswordDialog, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { children: "Set a password" }) })
-  ] });
-}
-function MfaSettings({
-  settings,
-  isPasswordSet
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Grid, { columns: "auto 1fr auto", align: "center", gap: "4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon_panel.IconPanel, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ButtonIcon, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", highContrast: true, weight: "bold", as: "p", mb: "-2px", children: "Multi-factor authentication" }),
-      settings.isSetUp ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Text, { size: "2", children: [
-        "Authenticator app",
-        settings.lastUsed && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "gray", mx: "1", children: "\u2219" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Text, { size: "2", color: "gray", children: [
-            "Last used",
-            " ",
-            (0, import_utils.getComparativeReadableDate)(
-              /* @__PURE__ */ new Date(),
-              new Date(settings.lastUsed)
-            )
-          ] })
-        ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { as: "p", size: "2", color: "gray", children: "Secure your account with an extra verification step" })
-    ] }),
-    settings.isSetUp ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_reset_mfa_dialog.ResetMfaDialog, { isPasswordSet, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { children: "Disable" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_add_mfa_dialog.AddMfaDialog, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { children: "Set up authenticator app" }) })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  UserSecurity,
-  UserSecurityError,
-  UserSecurityLoading
-});
-//# sourceMappingURL=user-security.cjs.map