@workos-inc/widgets 1.4.0 → 1.4.1

package/dist/esm/lib/api/user.d.ts

@@ -1,17 +1,26 @@
-import { useInviteMember, useUpdateMember } from "../../api/endpoint.js";
-import { type UsersManagementContextType } from "../users-management-context.js";
-export declare const useUsers: (context?: UsersManagementContextType) => import("@tanstack/react-query").UseQueryResult<import("../../api/endpoint.js").Members200, import("../../api/endpoint.js").Members403 | import("../../api/endpoint.js").Members404> & {
-    queryKey: import("@tanstack/react-query").DataTag<import("@tanstack/react-query").QueryKey, import("../../api/endpoint.js").Members200>;
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { Members200, Members403, Members404, useUpdateMember, useInviteMember, RemoveMember200, RemoveMember400, RemoveMember403, RemoveMember404, RevokeInvite200, RevokeInvite400, RevokeInvite403, RevokeInvite404, ResendInvite201, ResendInvite400, ResendInvite403, ResendInvite404 } from '../../api/endpoint.js';
+import { UsersManagementContextType } from '../users-management-context.js';
+import '../../api/widgets-api-client.js';
+import 'react';
+import '../users-management-state.js';
+
+declare const useUsers: (context?: UsersManagementContextType) => _tanstack_react_query.UseQueryResult<Members200, Members403 | Members404> & {
+    queryKey: readonly unknown[] & {
+        [dataTagSymbol]: Members200;
+        [dataTagErrorSymbol]: Members403 | Members404;
+    };
 };
-export declare const useUpdateUserRole: typeof useUpdateMember;
-export declare const useInviteUser: typeof useInviteMember;
-export declare const useDeleteUser: () => import("@tanstack/react-query").UseMutationResult<import("../../api/endpoint.js").RemoveMember200, import("../../api/endpoint.js").RemoveMember400 | import("../../api/endpoint.js").RemoveMember403 | import("../../api/endpoint.js").RemoveMember404, {
+declare const useUpdateUserRole: typeof useUpdateMember;
+declare const useInviteUser: typeof useInviteMember;
+declare const useDeleteUser: () => _tanstack_react_query.UseMutationResult<RemoveMember200, RemoveMember400 | RemoveMember403 | RemoveMember404, {
     userId: string;
 }, unknown>;
-export declare const useRevokeUserInvite: () => import("@tanstack/react-query").UseMutationResult<import("../../api/endpoint.js").RevokeInvite200, import("../../api/endpoint.js").RevokeInvite400 | import("../../api/endpoint.js").RevokeInvite403 | import("../../api/endpoint.js").RevokeInvite404, {
+declare const useRevokeUserInvite: () => _tanstack_react_query.UseMutationResult<RevokeInvite200, RevokeInvite400 | RevokeInvite403 | RevokeInvite404, {
     userId: string;
 }, unknown>;
-export declare const useResendUserInvite: () => import("@tanstack/react-query").UseMutationResult<import("../../api/endpoint.js").ResendInvite201, import("../../api/endpoint.js").ResendInvite400 | import("../../api/endpoint.js").ResendInvite403 | import("../../api/endpoint.js").ResendInvite404, {
+declare const useResendUserInvite: () => _tanstack_react_query.UseMutationResult<ResendInvite201, ResendInvite400 | ResendInvite403 | ResendInvite404, {
     userId: string;
 }, unknown>;
-//# sourceMappingURL=user.d.ts.map
+
+export { useDeleteUser, useInviteUser, useResendUserInvite, useRevokeUserInvite, useUpdateUserRole, useUsers };

package/dist/esm/lib/api/user.js

@@ -1,71 +1,94 @@
-import { getMembersQueryKey, useInviteMember, useMembers, useRemoveMember, useResendInvite, useRevokeInvite, useUpdateMember, } from "../../api/endpoint.js";
+import {
+  getMembersQueryKey,
+  useInviteMember,
+  useMembers,
+  useRemoveMember,
+  useResendInvite,
+  useRevokeInvite,
+  useUpdateMember
+} from "../../api/endpoint.js";
 import { keepPreviousData, useQueryClient } from "@tanstack/react-query";
 import { USER_ROW_LIMIT } from "../constants.js";
-import { useUsersManagementContext, } from "../users-management-context.js";
-export const useUsers = (context) => {
-    const { state: { pagination, role, searchQuery }, } = useUsersManagementContext(context);
-    const limit = USER_ROW_LIMIT;
-    const { before, after } = pagination || {};
-    return useMembers({
-        after: after ?? undefined,
-        before: before ?? undefined,
-        limit: limit.toString(),
-        role: role ?? undefined,
-        search: searchQuery ?? undefined,
-    }, {
-        query: {
-            placeholderData: keepPreviousData,
-        },
-    });
+import {
+  useUsersManagementContext
+} from "../users-management-context.js";
+const useUsers = (context) => {
+  const {
+    state: { pagination, role, searchQuery }
+  } = useUsersManagementContext(context);
+  const limit = USER_ROW_LIMIT;
+  const { before, after } = pagination || {};
+  return useMembers(
+    {
+      after: after ?? void 0,
+      before: before ?? void 0,
+      limit: limit.toString(),
+      role: role ?? void 0,
+      search: searchQuery ?? void 0
+    },
+    {
+      query: {
+        placeholderData: keepPreviousData
+      }
+    }
+  );
 };
-export const useUpdateUserRole = () => {
-    const queryClient = useQueryClient();
-    return useUpdateMember({
-        mutation: {
-            onSuccess: () => {
-                queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
-            },
-        },
-    });
+const useUpdateUserRole = () => {
+  const queryClient = useQueryClient();
+  return useUpdateMember({
+    mutation: {
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
+      }
+    }
+  });
 };
-export const useInviteUser = () => {
-    const queryClient = useQueryClient();
-    return useInviteMember({
-        mutation: {
-            onSuccess: () => {
-                queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
-            },
-        },
-    });
+const useInviteUser = () => {
+  const queryClient = useQueryClient();
+  return useInviteMember({
+    mutation: {
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
+      }
+    }
+  });
 };
-export const useDeleteUser = () => {
-    const queryClient = useQueryClient();
-    return useRemoveMember({
-        mutation: {
-            onSuccess: () => {
-                queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
-            },
-        },
-    });
+const useDeleteUser = () => {
+  const queryClient = useQueryClient();
+  return useRemoveMember({
+    mutation: {
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
+      }
+    }
+  });
 };
-export const useRevokeUserInvite = () => {
-    const queryClient = useQueryClient();
-    return useRevokeInvite({
-        mutation: {
-            onSuccess: () => {
-                queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
-            },
-        },
-    });
+const useRevokeUserInvite = () => {
+  const queryClient = useQueryClient();
+  return useRevokeInvite({
+    mutation: {
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
+      }
+    }
+  });
 };
-export const useResendUserInvite = () => {
-    const queryClient = useQueryClient();
-    return useResendInvite({
-        mutation: {
-            onSuccess: () => {
-                queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
-            },
-        },
-    });
+const useResendUserInvite = () => {
+  const queryClient = useQueryClient();
+  return useResendInvite({
+    mutation: {
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });
+      }
+    }
+  });
+};
+export {
+  useDeleteUser,
+  useInviteUser,
+  useResendUserInvite,
+  useRevokeUserInvite,
+  useUpdateUserRole,
+  useUsers
 };
 //# sourceMappingURL=user.js.map

package/dist/esm/lib/api/user.js.map

@@ -1 +1 @@
-{"version":3,"file":"user.js","sourceRoot":"","sources":["../../../../src/lib/api/user.ts"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/lib/api/user.ts"],"sourcesContent":["import {\n  getMembersQueryKey,\n  useInviteMember,\n  useMembers,\n  useRemoveMember,\n  useResendInvite,\n  useRevokeInvite,\n  useUpdateMember,\n} from \"../../api/endpoint.js\";\nimport { keepPreviousData, useQueryClient } from \"@tanstack/react-query\";\nimport { USER_ROW_LIMIT } from \"../constants.js\";\nimport {\n  useUsersManagementContext,\n  type UsersManagementContextType,\n} from \"../users-management-context.js\";\n\nexport const useUsers = (context?: UsersManagementContextType) => {\n  const {\n    state: { pagination, role, searchQuery },\n  } = useUsersManagementContext(context);\n  const limit = USER_ROW_LIMIT;\n  const { before, after } = pagination || {};\n\n  return useMembers(\n    {\n      after: after ?? undefined,\n      before: before ?? undefined,\n      limit: limit.toString(),\n      role: role ?? undefined,\n      search: searchQuery ?? undefined,\n    },\n    {\n      query: {\n        placeholderData: keepPreviousData,\n      },\n    },\n  );\n};\n\nexport const useUpdateUserRole: typeof useUpdateMember = () => {\n  const queryClient = useQueryClient();\n\n  return useUpdateMember({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });\n      },\n    },\n  });\n};\n\nexport const useInviteUser: typeof useInviteMember = () => {\n  const queryClient = useQueryClient();\n\n  return useInviteMember({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });\n      },\n    },\n  });\n};\n\nexport const useDeleteUser = () => {\n  const queryClient = useQueryClient();\n\n  return useRemoveMember({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });\n      },\n    },\n  });\n};\n\nexport const useRevokeUserInvite = () => {\n  const queryClient = useQueryClient();\n\n  return useRevokeInvite({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });\n      },\n    },\n  });\n};\n\nexport const useResendUserInvite = () => {\n  const queryClient = useQueryClient();\n\n  return useResendInvite({\n    mutation: {\n      onSuccess: () => {\n        queryClient.invalidateQueries({ queryKey: getMembersQueryKey() });\n      },\n    },\n  });\n};\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB,sBAAsB;AACjD,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,OAEK;AAEA,MAAM,WAAW,CAAC,YAAyC;AAChE,QAAM;AAAA,IACJ,OAAO,EAAE,YAAY,MAAM,YAAY;AAAA,EACzC,IAAI,0BAA0B,OAAO;AACrC,QAAM,QAAQ;AACd,QAAM,EAAE,QAAQ,MAAM,IAAI,cAAc,CAAC;AAEzC,SAAO;AAAA,IACL;AAAA,MACE,OAAO,SAAS;AAAA,MAChB,QAAQ,UAAU;AAAA,MAClB,OAAO,MAAM,SAAS;AAAA,MACtB,MAAM,QAAQ;AAAA,MACd,QAAQ,eAAe;AAAA,IACzB;AAAA,IACA;AAAA,MACE,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,oBAA4C,MAAM;AAC7D,QAAM,cAAc,eAAe;AAEnC,SAAO,gBAAgB;AAAA,IACrB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB,EAAE,UAAU,mBAAmB,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,gBAAwC,MAAM;AACzD,QAAM,cAAc,eAAe;AAEnC,SAAO,gBAAgB;AAAA,IACrB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB,EAAE,UAAU,mBAAmB,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,gBAAgB,MAAM;AACjC,QAAM,cAAc,eAAe;AAEnC,SAAO,gBAAgB;AAAA,IACrB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB,EAAE,UAAU,mBAAmB,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,sBAAsB,MAAM;AACvC,QAAM,cAAc,eAAe;AAEnC,SAAO,gBAAgB;AAAA,IACrB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB,EAAE,UAAU,mBAAmB,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,sBAAsB,MAAM;AACvC,QAAM,cAAc,eAAe;AAEnC,SAAO,gBAAgB;AAAA,IACrB,UAAU;AAAA,MACR,WAAW,MAAM;AACf,oBAAY,kBAAkB,EAAE,UAAU,mBAAmB,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/esm/lib/change-password-dialog.d.ts

@@ -1,8 +1,10 @@
-import { Dialog } from "@radix-ui/themes";
-import { type ReactNode } from "react";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog } from '@radix-ui/themes';
+import { ReactNode } from 'react';
+
 interface ChangePasswordDialogProps extends Dialog.RootProps {
     children?: ReactNode;
 }
-export declare function ChangePasswordDialog({ children, ...props }: ChangePasswordDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=change-password-dialog.d.ts.map
+declare function ChangePasswordDialog({ children, ...props }: ChangePasswordDialogProps): react_jsx_runtime.JSX.Element;
+
+export { ChangePasswordDialog };

package/dist/esm/lib/change-password-dialog.js

@@ -1,71 +1,210 @@
 "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 { Callout, Dialog, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
 import * as Form from "@radix-ui/react-form";
 import * as React from "react";
-import { DialogContent, Label, PasswordField, PrimaryButton, SecondaryButton, } from "./elements.js";
+import {
+  DialogContent,
+  Label,
+  PasswordField,
+  PrimaryButton,
+  SecondaryButton
+} from "./elements.js";
 import { useUpdatePassword } from "../api/endpoint.js";
 import { SaveButton } from "./save-button.js";
-export function ChangePasswordDialog({ children, ...props }) {
-    const [open, setOpen] = React.useState(false);
-    const handleClose = React.useCallback(() => {
-        setOpen(false);
-    }, []);
-    return (_jsxs(Dialog.Root, { ...props, open: props.open || open, onOpenChange: props.onOpenChange || setOpen, children: [_jsx(Dialog.Trigger, { children: children }), _jsx(DialogContent, { maxWidth: "480px", children: _jsx(Content, { onClose: handleClose }) })] }));
+function ChangePasswordDialog({
+  children,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(false);
+  const handleClose = React.useCallback(() => {
+    setOpen(false);
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    Dialog.Root,
+    {
+      ...props,
+      open: props.open || open,
+      onOpenChange: props.onOpenChange || setOpen,
+      children: [
+        /* @__PURE__ */ jsx(Dialog.Trigger, { children }),
+        /* @__PURE__ */ jsx(DialogContent, { maxWidth: "480px", children: /* @__PURE__ */ jsx(Content, { onClose: handleClose }) })
+      ]
+    }
+  );
 }
 function Content({ onClose }) {
-    const changePassword = useUpdatePassword({
-        mutation: {
-            onError: (error) => {
-                const errorMsg = getMutationErrorMessage(error);
-                if (errorMsg === "Invalid credentials") {
-                    setServerErrors({
-                        currentPassword: "Your current password is incorrect. Please, try again.",
-                    });
-                }
-            },
-        },
-    });
-    const [disableSubmit, setDisableSubmit] = React.useState(true);
-    const [serverErrors, setServerErrors] = React.useState({});
-    const errorMessage = React.useMemo(() => {
-        if (changePassword.error) {
-            return getMutationErrorMessage(changePassword.error);
+  const changePassword = useUpdatePassword({
+    mutation: {
+      onError: (error) => {
+        const errorMsg = getMutationErrorMessage(error);
+        if (errorMsg === "Invalid credentials") {
+          setServerErrors({
+            currentPassword: "Your current password is incorrect. Please, try again."
+          });
         }
-        return null;
-    }, [changePassword.error]);
-    const handleSubmit = async (event) => {
-        event.preventDefault();
-        const formData = new FormData(event.currentTarget);
-        const currentPassword = formData.get("oldPassword")?.toString() ?? "";
-        const newPassword = formData.get("password")?.toString() ?? "";
-        changePassword.mutate({
-            data: { currentPassword, newPassword },
-        });
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(Dialog.Title, { mb: "5", children: "Change Password" }), _jsx(VisuallyHidden, { children: _jsx(Dialog.Description, { children: "Change your account password" }) }), errorMessage && errorMessage !== "Invalid credentials" ? (_jsx(Callout.Root, { color: "red", my: "-2", children: _jsx(Callout.Text, { children: errorMessage }) })) : null, _jsxs(Form.Root, { onSubmit: handleSubmit, onChange: (event) => {
-                    const formData = new FormData(event.currentTarget);
-                    const currentPassword = formData.get("oldPassword")?.toString() ?? "";
-                    const newPassword = formData.get("password")?.toString() ?? "";
-                    const confirmPassword = formData.get("confirmPassword")?.toString() ?? "";
-                    setDisableSubmit(currentPassword === "" ||
-                        newPassword === "" ||
-                        confirmPassword === "");
-                    setServerErrors({});
-                }, onClearServerErrors: () => {
-                    setServerErrors({});
-                }, children: [_jsxs(Flex, { mt: "5", direction: "column", gap: "4", children: [_jsx(Form.Field, { name: "oldPassword", asChild: true, serverInvalid: !serverErrors.currentPassword, children: _jsxs(Flex, { direction: "column", gap: "2", children: [_jsx(Form.Label, { asChild: true, children: _jsx(Label, { children: "Enter your current password" }) }), _jsx(Form.Control, { asChild: true, children: _jsx(PasswordField, { autoFocus: true, required: true, disabled: changePassword.isPending || changePassword.isSuccess, autoComplete: "current-password", placeholder: "Current password" }) }), _jsx(Form.Message, { match: "valueMissing", asChild: true, children: _jsx(Text, { size: "2", color: "red", children: "Please enter your current password" }) }), serverErrors.currentPassword && (_jsx(Form.Message, { asChild: true, children: _jsx(Text, { size: "2", color: "red", children: serverErrors.currentPassword }) }))] }) }), _jsx(Form.Field, { name: "password", asChild: true, serverInvalid: !serverErrors.password, children: _jsxs(Flex, { direction: "column", gap: "2", children: [_jsx(Form.Label, { asChild: true, children: _jsx(Label, { children: "Enter your new password" }) }), _jsx(Form.Control, { asChild: true, children: _jsx(PasswordField, { autoComplete: "new-password", placeholder: "New password", required: true, disabled: changePassword.isPending || changePassword.isSuccess }) }), _jsx(Form.Message, { match: "valueMissing", asChild: true, children: _jsx(Text, { size: "2", color: "red", children: "Please enter your new password" }) }), _jsx(Form.Message, { match: (value) => value.length < 8, asChild: true, children: _jsx(Text, { size: "2", color: "red", children: "Password must be at least 8 characters" }) }), _jsx(Form.Message, { match: (value, formData) => value === formData.get("oldPassword"), asChild: true, children: _jsx(Text, { size: "2", color: "red", children: "You cannot reuse your current password" }) })] }) }), _jsx(Form.Field, { name: "confirmPassword", asChild: true, serverInvalid: !serverErrors.confirmPassword, children: _jsxs(Flex, { direction: "column", gap: "2", children: [_jsx(Form.Label, { asChild: true, children: _jsx(Label, { children: "Confirm your new password" }) }), _jsx(Form.Control, { asChild: true, children: _jsx(PasswordField, { autoComplete: "new-password", placeholder: "Confirm new password", required: true, disabled: changePassword.isPending || changePassword.isSuccess }) }), _jsx(Form.Message, { match: "valueMissing", asChild: true, children: _jsx(Text, { size: "2", color: "red", children: "Please confirm your new password" }) }), _jsx(Form.Message, { match: (value, formData) => value !== formData.get("password"), asChild: true, children: _jsx(Text, { size: "2", color: "red", children: "The new passwords you entered don\u2019t match." }) })] }) })] }), _jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [_jsx(Dialog.Close, { children: _jsx(SecondaryButton, { type: "button", disabled: changePassword.isPending || changePassword.isSuccess, children: "Cancel" }) }), _jsx(SaveButton, { asChild: true, loading: changePassword.isPending, done: changePassword.isSuccess, onDone: onClose, children: _jsx(PrimaryButton, { type: "submit", disabled: disableSubmit, children: "Change password" }) })] })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: errorMessage }) })] }));
-}
-function getMutationErrorMessage(error) {
-    if (error instanceof Error) {
-        return error.message;
+      }
     }
-    if (typeof error === "object" &&
-        error !== null &&
-        "message" in error &&
-        typeof error.message === "string") {
-        return error.message;
+  });
+  const [disableSubmit, setDisableSubmit] = React.useState(true);
+  const [serverErrors, setServerErrors] = React.useState({});
+  const errorMessage = React.useMemo(() => {
+    if (changePassword.error) {
+      return getMutationErrorMessage(changePassword.error);
     }
-    return "Something went wrong. Please try again.";
+    return null;
+  }, [changePassword.error]);
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    const formData = new FormData(event.currentTarget);
+    const currentPassword = formData.get("oldPassword")?.toString() ?? "";
+    const newPassword = formData.get("password")?.toString() ?? "";
+    changePassword.mutate({
+      data: { currentPassword, newPassword }
+    });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dialog.Title, { mb: "5", children: "Change Password" }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(Dialog.Description, { children: "Change your account password" }) }),
+    errorMessage && errorMessage !== "Invalid credentials" ? /* @__PURE__ */ jsx(Callout.Root, { color: "red", my: "-2", children: /* @__PURE__ */ jsx(Callout.Text, { children: errorMessage }) }) : null,
+    /* @__PURE__ */ jsxs(
+      Form.Root,
+      {
+        onSubmit: handleSubmit,
+        onChange: (event) => {
+          const formData = new FormData(event.currentTarget);
+          const currentPassword = formData.get("oldPassword")?.toString() ?? "";
+          const newPassword = formData.get("password")?.toString() ?? "";
+          const confirmPassword = formData.get("confirmPassword")?.toString() ?? "";
+          setDisableSubmit(
+            currentPassword === "" || newPassword === "" || confirmPassword === ""
+          );
+          setServerErrors({});
+        },
+        onClearServerErrors: () => {
+          setServerErrors({});
+        },
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { mt: "5", direction: "column", gap: "4", children: [
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                name: "oldPassword",
+                asChild: true,
+                serverInvalid: !serverErrors.currentPassword,
+                children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { asChild: true, children: /* @__PURE__ */ jsx(Label, { children: "Enter your current password" }) }),
+                  /* @__PURE__ */ jsx(Form.Control, { asChild: true, children: /* @__PURE__ */ jsx(
+                    PasswordField,
+                    {
+                      autoFocus: true,
+                      required: true,
+                      disabled: changePassword.isPending || changePassword.isSuccess,
+                      autoComplete: "current-password",
+                      placeholder: "Current password"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.Message, { match: "valueMissing", asChild: true, children: /* @__PURE__ */ jsx(Text, { size: "2", color: "red", children: "Please enter your current password" }) }),
+                  serverErrors.currentPassword && /* @__PURE__ */ jsx(Form.Message, { asChild: true, children: /* @__PURE__ */ jsx(Text, { size: "2", color: "red", children: serverErrors.currentPassword }) })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                name: "password",
+                asChild: true,
+                serverInvalid: !serverErrors.password,
+                children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { asChild: true, children: /* @__PURE__ */ jsx(Label, { children: "Enter your new password" }) }),
+                  /* @__PURE__ */ jsx(Form.Control, { asChild: true, children: /* @__PURE__ */ jsx(
+                    PasswordField,
+                    {
+                      autoComplete: "new-password",
+                      placeholder: "New password",
+                      required: true,
+                      disabled: changePassword.isPending || changePassword.isSuccess
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.Message, { match: "valueMissing", asChild: true, children: /* @__PURE__ */ jsx(Text, { size: "2", color: "red", children: "Please enter your new password" }) }),
+                  /* @__PURE__ */ jsx(Form.Message, { match: (value) => value.length < 8, asChild: true, children: /* @__PURE__ */ jsx(Text, { size: "2", color: "red", children: "Password must be at least 8 characters" }) }),
+                  /* @__PURE__ */ jsx(
+                    Form.Message,
+                    {
+                      match: (value, formData) => value === formData.get("oldPassword"),
+                      asChild: true,
+                      children: /* @__PURE__ */ jsx(Text, { size: "2", color: "red", children: "You cannot reuse your current password" })
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Field,
+              {
+                name: "confirmPassword",
+                asChild: true,
+                serverInvalid: !serverErrors.confirmPassword,
+                children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "2", children: [
+                  /* @__PURE__ */ jsx(Form.Label, { asChild: true, children: /* @__PURE__ */ jsx(Label, { children: "Confirm your new password" }) }),
+                  /* @__PURE__ */ jsx(Form.Control, { asChild: true, children: /* @__PURE__ */ jsx(
+                    PasswordField,
+                    {
+                      autoComplete: "new-password",
+                      placeholder: "Confirm new password",
+                      required: true,
+                      disabled: changePassword.isPending || changePassword.isSuccess
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.Message, { match: "valueMissing", asChild: true, children: /* @__PURE__ */ jsx(Text, { size: "2", color: "red", children: "Please confirm your new password" }) }),
+                  /* @__PURE__ */ jsx(
+                    Form.Message,
+                    {
+                      match: (value, formData) => value !== formData.get("password"),
+                      asChild: true,
+                      children: /* @__PURE__ */ jsx(Text, { size: "2", color: "red", children: "The new passwords you entered don\u2019t match." })
+                    }
+                  )
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [
+            /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(
+              SecondaryButton,
+              {
+                type: "button",
+                disabled: changePassword.isPending || changePassword.isSuccess,
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              SaveButton,
+              {
+                asChild: true,
+                loading: changePassword.isPending,
+                done: changePassword.isSuccess,
+                onDone: onClose,
+                children: /* @__PURE__ */ jsx(PrimaryButton, { type: "submit", disabled: disableSubmit, children: "Change password" })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("section", { "aria-live": "polite", children: errorMessage }) })
+  ] });
+}
+function getMutationErrorMessage(error) {
+  if (error instanceof Error) {
+    return error.message;
+  }
+  if (typeof error === "object" && error !== null && "message" in error && typeof error.message === "string") {
+    return error.message;
+  }
+  return "Something went wrong. Please try again.";
 }
+export {
+  ChangePasswordDialog
+};
 //# sourceMappingURL=change-password-dialog.js.map

package/dist/esm/lib/change-password-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"change-password-dialog.js","sourceRoot":"","sources":["../../../src/lib/change-password-dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/change-password-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Callout, Dialog, Flex, Text, VisuallyHidden } from \"@radix-ui/themes\";\nimport * as Form from \"@radix-ui/react-form\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport {\n  DialogContent,\n  Label,\n  PasswordField,\n  PrimaryButton,\n  SecondaryButton,\n} from \"./elements.js\";\nimport { useUpdatePassword } from \"../api/endpoint.js\";\nimport { SaveButton } from \"./save-button.js\";\n\ninterface ChangePasswordDialogProps extends Dialog.RootProps {\n  children?: ReactNode;\n}\n\nexport function ChangePasswordDialog({\n  children,\n  ...props\n}: ChangePasswordDialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <Dialog.Root\n      {...props}\n      open={props.open || open}\n      onOpenChange={props.onOpenChange || setOpen}\n    >\n      <Dialog.Trigger>{children}</Dialog.Trigger>\n\n      <DialogContent maxWidth=\"480px\">\n        <Content onClose={handleClose} />\n      </DialogContent>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps {\n  onClose: () => void;\n}\n\nfunction Content({ onClose }: ContentProps) {\n  const changePassword = useUpdatePassword({\n    mutation: {\n      onError: (error) => {\n        const errorMsg = getMutationErrorMessage(error);\n        if (errorMsg === \"Invalid credentials\") {\n          setServerErrors({\n            currentPassword:\n              \"Your current password is incorrect. Please, try again.\",\n          });\n        }\n      },\n    },\n  });\n  const [disableSubmit, setDisableSubmit] = React.useState(true);\n  const [serverErrors, setServerErrors] = React.useState<{\n    currentPassword?: string;\n    password?: string;\n    confirmPassword?: string;\n  }>({});\n\n  const errorMessage = React.useMemo(() => {\n    if (changePassword.error) {\n      return getMutationErrorMessage(changePassword.error);\n    }\n\n    return null;\n  }, [changePassword.error]);\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    const formData = new FormData(event.currentTarget);\n    const currentPassword = formData.get(\"oldPassword\")?.toString() ?? \"\";\n    const newPassword = formData.get(\"password\")?.toString() ?? \"\";\n\n    changePassword.mutate({\n      data: { currentPassword, newPassword },\n    });\n  };\n\n  return (\n    <>\n      <Dialog.Title mb=\"5\">Change Password</Dialog.Title>\n      <VisuallyHidden>\n        <Dialog.Description>Change your account password</Dialog.Description>\n      </VisuallyHidden>\n\n      {errorMessage && errorMessage !== \"Invalid credentials\" ? (\n        <Callout.Root color=\"red\" my=\"-2\">\n          <Callout.Text>{errorMessage}</Callout.Text>\n        </Callout.Root>\n      ) : null}\n\n      <Form.Root\n        onSubmit={handleSubmit}\n        onChange={(event) => {\n          const formData = new FormData(event.currentTarget);\n          const currentPassword = formData.get(\"oldPassword\")?.toString() ?? \"\";\n          const newPassword = formData.get(\"password\")?.toString() ?? \"\";\n          const confirmPassword =\n            formData.get(\"confirmPassword\")?.toString() ?? \"\";\n\n          setDisableSubmit(\n            currentPassword === \"\" ||\n              newPassword === \"\" ||\n              confirmPassword === \"\",\n          );\n          setServerErrors({});\n        }}\n        onClearServerErrors={() => {\n          setServerErrors({});\n        }}\n      >\n        <Flex mt=\"5\" direction=\"column\" gap=\"4\">\n          <Form.Field\n            name=\"oldPassword\"\n            asChild\n            serverInvalid={!serverErrors.currentPassword}\n          >\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>Enter your current password</Label>\n              </Form.Label>\n\n              <Form.Control asChild>\n                <PasswordField\n                  autoFocus\n                  required\n                  disabled={\n                    changePassword.isPending || changePassword.isSuccess\n                  }\n                  autoComplete=\"current-password\"\n                  placeholder=\"Current password\"\n                />\n              </Form.Control>\n\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  Please enter your current password\n                </Text>\n              </Form.Message>\n\n              {serverErrors.currentPassword && (\n                <Form.Message asChild>\n                  <Text size=\"2\" color=\"red\">\n                    {serverErrors.currentPassword}\n                  </Text>\n                </Form.Message>\n              )}\n            </Flex>\n          </Form.Field>\n\n          <Form.Field\n            name=\"password\"\n            asChild\n            serverInvalid={!serverErrors.password}\n          >\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>Enter your new password</Label>\n              </Form.Label>\n\n              <Form.Control asChild>\n                <PasswordField\n                  autoComplete=\"new-password\"\n                  placeholder=\"New password\"\n                  required\n                  disabled={\n                    changePassword.isPending || changePassword.isSuccess\n                  }\n                />\n              </Form.Control>\n\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  Please enter your new password\n                </Text>\n              </Form.Message>\n              <Form.Message match={(value) => value.length < 8} asChild>\n                <Text size=\"2\" color=\"red\">\n                  Password must be at least 8 characters\n                </Text>\n              </Form.Message>\n              <Form.Message\n                match={(value, formData) =>\n                  value === formData.get(\"oldPassword\")\n                }\n                asChild\n              >\n                <Text size=\"2\" color=\"red\">\n                  You cannot reuse your current password\n                </Text>\n              </Form.Message>\n            </Flex>\n          </Form.Field>\n\n          <Form.Field\n            name=\"confirmPassword\"\n            asChild\n            serverInvalid={!serverErrors.confirmPassword}\n          >\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>Confirm your new password</Label>\n              </Form.Label>\n\n              <Form.Control asChild>\n                <PasswordField\n                  autoComplete=\"new-password\"\n                  placeholder=\"Confirm new password\"\n                  required\n                  disabled={\n                    changePassword.isPending || changePassword.isSuccess\n                  }\n                />\n              </Form.Control>\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  Please confirm your new password\n                </Text>\n              </Form.Message>\n              <Form.Message\n                match={(value, formData) => value !== formData.get(\"password\")}\n                asChild\n              >\n                <Text size=\"2\" color=\"red\">\n                  The new passwords you entered don’t match.\n                </Text>\n              </Form.Message>\n            </Flex>\n          </Form.Field>\n        </Flex>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <SecondaryButton\n              type=\"button\"\n              disabled={changePassword.isPending || changePassword.isSuccess}\n            >\n              Cancel\n            </SecondaryButton>\n          </Dialog.Close>\n\n          <SaveButton\n            asChild\n            loading={changePassword.isPending}\n            done={changePassword.isSuccess}\n            onDone={onClose}\n          >\n            <PrimaryButton type=\"submit\" disabled={disableSubmit}>\n              Change password\n            </PrimaryButton>\n          </SaveButton>\n        </Flex>\n      </Form.Root>\n\n      {/* mirror errors in a live region */}\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">{errorMessage}</section>\n      </VisuallyHidden>\n    </>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (error instanceof Error) {\n    return error.message;\n  }\n\n  if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    return error.message;\n  }\n\n  return \"Something went wrong. Please try again.\";\n}\n"],"mappings":"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","names":[]}

package/dist/esm/lib/constants.d.ts

@@ -1,4 +1,5 @@
-export declare const USER_ROW_LIMIT = 10;
-export declare const WIDGETS_API_VERSION = "1";
-export declare const WIDGETS_CLASS_NAMESPACE = "woswidgets";
-//# sourceMappingURL=constants.d.ts.map
+declare const USER_ROW_LIMIT = 10;
+declare const WIDGETS_API_VERSION = "1";
+declare const WIDGETS_CLASS_NAMESPACE = "woswidgets";
+
+export { USER_ROW_LIMIT, WIDGETS_API_VERSION, WIDGETS_CLASS_NAMESPACE };

package/dist/esm/lib/constants.js

@@ -1,4 +1,9 @@
-export const USER_ROW_LIMIT = 10;
-export const WIDGETS_API_VERSION = "1";
-export const WIDGETS_CLASS_NAMESPACE = "woswidgets";
+const USER_ROW_LIMIT = 10;
+const WIDGETS_API_VERSION = "1";
+const WIDGETS_CLASS_NAMESPACE = "woswidgets";
+export {
+  USER_ROW_LIMIT,
+  WIDGETS_API_VERSION,
+  WIDGETS_CLASS_NAMESPACE
+};
 //# sourceMappingURL=constants.js.map

package/dist/esm/lib/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,uBAAuB,GAAG,YAAY,CAAC"}
+{"version":3,"sources":["../../../src/lib/constants.ts"],"sourcesContent":["export const USER_ROW_LIMIT = 10;\nexport const WIDGETS_API_VERSION = \"1\";\nexport const WIDGETS_CLASS_NAMESPACE = \"woswidgets\";\n"],"mappings":"AAAO,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,0BAA0B;","names":[]}

package/dist/esm/lib/copy-button.d.ts

@@ -1,8 +1,9 @@
-import * as React from "react";
+import * as React from 'react';
+
 interface CopyButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     value: string;
     asChild?: boolean;
 }
-export declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=copy-button.d.ts.map
+declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CopyButton };