@workos-inc/widgets 1.3.1 → 1.4.1

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

@@ -1,10 +1,14 @@
-import { Dialog } from "@radix-ui/themes";
-import { Me } from "../api/endpoint.js";
-import { type ReactNode } from "react";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog } from '@radix-ui/themes';
+import { Me } from '../api/endpoint.js';
+import { ReactNode } from 'react';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface EditUserProfileDialogProps extends Dialog.RootProps {
     user: Me;
     children?: ReactNode;
 }
-export declare function EditUserProfileDialog({ children, user, ...props }: EditUserProfileDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=edit-user-profile-dialog.d.ts.map
+declare function EditUserProfileDialog({ children, user, ...props }: EditUserProfileDialogProps): react_jsx_runtime.JSX.Element;
+
+export { EditUserProfileDialog };

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

@@ -1,59 +1,142 @@
 "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 { getMeQueryKey, useUpdateMe } from "../api/endpoint.js";
 import { useQueryClient } from "@tanstack/react-query";
 import * as React from "react";
 import * as Form from "@radix-ui/react-form";
-import { DialogContent, Label, PrimaryButton, SecondaryButton, TextField, } from "./elements.js";
+import {
+  DialogContent,
+  Label,
+  PrimaryButton,
+  SecondaryButton,
+  TextField
+} from "./elements.js";
 import { SaveButton } from "./save-button.js";
-export function EditUserProfileDialog({ children, user, ...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, { user: user, onClose: handleClose }) })] }));
+function EditUserProfileDialog({
+  children,
+  user,
+  ...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, { user, onClose: handleClose }) })
+      ]
+    }
+  );
 }
 function Content({ user, onClose }) {
-    const client = useQueryClient();
-    const updateMe = useUpdateMe({
-        mutation: {
-            onSettled: () => {
-                client.invalidateQueries({ queryKey: getMeQueryKey() });
-            },
-            onSuccess: (newProfile) => {
-                client.setQueryData(getMeQueryKey(), {
-                    ...user,
-                    firstName: newProfile.firstName || user.firstName,
-                    lastName: newProfile.lastName || user.lastName,
-                });
-            },
+  const client = useQueryClient();
+  const updateMe = useUpdateMe({
+    mutation: {
+      onSettled: () => {
+        client.invalidateQueries({ queryKey: getMeQueryKey() });
+      },
+      onSuccess: (newProfile) => {
+        client.setQueryData(getMeQueryKey(), {
+          ...user,
+          firstName: newProfile.firstName || user.firstName,
+          lastName: newProfile.lastName || user.lastName
+        });
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dialog.Title, { mb: "5", children: "Edit name" }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsxs(Dialog.Description, { children: [
+      "Edit the details of ",
+      /* @__PURE__ */ jsx(Text, { weight: "bold", children: user.email })
+    ] }) }),
+    updateMe.error ? /* @__PURE__ */ jsx(Callout.Root, { color: "red", my: "-2", children: /* @__PURE__ */ jsx(Callout.Text, { children: getMutationErrorMessage(updateMe.error) }) }) : null,
+    /* @__PURE__ */ jsxs(
+      Form.Root,
+      {
+        onSubmit: async (event) => {
+          event.preventDefault();
+          const formData = new FormData(event.currentTarget);
+          const firstName = formData.get("firstName")?.toString();
+          const lastName = formData.get("lastName")?.toString();
+          updateMe.mutate({
+            data: {
+              firstName: firstName ?? void 0,
+              lastName: lastName ?? void 0
+            }
+          });
         },
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(Dialog.Title, { mb: "5", children: "Edit name" }), _jsx(VisuallyHidden, { children: _jsxs(Dialog.Description, { children: ["Edit the details of ", _jsx(Text, { weight: "bold", children: user.email })] }) }), updateMe.error ? (_jsx(Callout.Root, { color: "red", my: "-2", children: _jsx(Callout.Text, { children: getMutationErrorMessage(updateMe.error) }) })) : null, _jsxs(Form.Root, { onSubmit: async (event) => {
-                    event.preventDefault();
-                    const formData = new FormData(event.currentTarget);
-                    const firstName = formData.get("firstName")?.toString();
-                    const lastName = formData.get("lastName")?.toString();
-                    updateMe.mutate({
-                        data: {
-                            firstName: firstName ?? undefined,
-                            lastName: lastName ?? undefined,
-                        },
-                    });
-                }, children: [_jsxs(Flex, { my: "5", direction: "column", gap: "4", children: [_jsx(Form.Field, { name: "firstName", asChild: true, children: _jsxs(Flex, { direction: "column", gap: "1", children: [_jsx(Form.Label, { asChild: true, children: _jsx(Label, { children: "First name" }) }), _jsx(Form.Control, { asChild: true, children: _jsx(TextField, { "data-1p-ignore": true, autoComplete: "given-name", defaultValue: user.firstName ?? "", placeholder: "Your first name", disabled: updateMe.isPending || updateMe.isSuccess }) })] }) }), _jsx(Form.Field, { name: "lastName", asChild: true, children: _jsxs(Flex, { direction: "column", gap: "1", children: [_jsx(Form.Label, { asChild: true, children: _jsx(Label, { children: "Last name" }) }), _jsx(Form.Control, { asChild: true, children: _jsx(TextField, { "data-1p-ignore": true, autoComplete: "family-name", defaultValue: user.lastName ?? "", placeholder: "Your last name", disabled: updateMe.isPending || updateMe.isSuccess }) })] }) })] }), _jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [_jsx(Dialog.Close, { children: _jsx(SecondaryButton, { disabled: updateMe.isPending || updateMe.isSuccess, children: "Cancel" }) }), _jsx(SaveButton, { asChild: true, loading: updateMe.isPending, done: updateMe.isSuccess, onDone: onClose, children: _jsx(PrimaryButton, { children: "Save" }) })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(updateMe.error) }) })] })] }));
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { my: "5", direction: "column", gap: "4", children: [
+            /* @__PURE__ */ jsx(Form.Field, { name: "firstName", asChild: true, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
+              /* @__PURE__ */ jsx(Form.Label, { asChild: true, children: /* @__PURE__ */ jsx(Label, { children: "First name" }) }),
+              /* @__PURE__ */ jsx(Form.Control, { asChild: true, children: /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  "data-1p-ignore": true,
+                  autoComplete: "given-name",
+                  defaultValue: user.firstName ?? "",
+                  placeholder: "Your first name",
+                  disabled: updateMe.isPending || updateMe.isSuccess
+                }
+              ) })
+            ] }) }),
+            /* @__PURE__ */ jsx(Form.Field, { name: "lastName", asChild: true, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
+              /* @__PURE__ */ jsx(Form.Label, { asChild: true, children: /* @__PURE__ */ jsx(Label, { children: "Last name" }) }),
+              /* @__PURE__ */ jsx(Form.Control, { asChild: true, children: /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  "data-1p-ignore": true,
+                  autoComplete: "family-name",
+                  defaultValue: user.lastName ?? "",
+                  placeholder: "Your last name",
+                  disabled: updateMe.isPending || updateMe.isSuccess
+                }
+              ) })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [
+            /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(
+              SecondaryButton,
+              {
+                disabled: updateMe.isPending || updateMe.isSuccess,
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              SaveButton,
+              {
+                asChild: true,
+                loading: updateMe.isPending,
+                done: updateMe.isSuccess,
+                onDone: onClose,
+                children: /* @__PURE__ */ jsx(PrimaryButton, { children: "Save" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(updateMe.error) }) })
+        ]
+      }
+    )
+  ] });
 }
 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;
-    }
-    // TODO Handle server errors
-    return "Something went wrong. Please try again.";
+  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 {
+  EditUserProfileDialog
+};
 //# sourceMappingURL=edit-user-profile-dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"edit-user-profile-dialog.js","sourceRoot":"","sources":["../../../src/lib/edit-user-profile-dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/lib/edit-user-profile-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Callout, Dialog, Flex, Text, VisuallyHidden } from \"@radix-ui/themes\";\nimport { getMeQueryKey, Me, useUpdateMe } from \"../api/endpoint.js\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport * as Form from \"@radix-ui/react-form\";\nimport {\n  DialogContent,\n  Label,\n  PrimaryButton,\n  SecondaryButton,\n  TextField,\n} from \"./elements.js\";\nimport { SaveButton } from \"./save-button.js\";\n\ninterface EditUserProfileDialogProps extends Dialog.RootProps {\n  user: Me;\n  children?: ReactNode;\n}\n\nexport function EditUserProfileDialog({\n  children,\n  user,\n  ...props\n}: EditUserProfileDialogProps) {\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 user={user} onClose={handleClose} />\n      </DialogContent>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps extends Pick<EditUserProfileDialogProps, \"user\"> {\n  onClose: () => void;\n}\n\nfunction Content({ user, onClose }: ContentProps) {\n  const client = useQueryClient();\n  const updateMe = useUpdateMe({\n    mutation: {\n      onSettled: () => {\n        client.invalidateQueries({ queryKey: getMeQueryKey() });\n      },\n      onSuccess: (newProfile) => {\n        client.setQueryData(getMeQueryKey(), {\n          ...user,\n          firstName: newProfile.firstName || user.firstName,\n          lastName: newProfile.lastName || user.lastName,\n        });\n      },\n    },\n  });\n\n  return (\n    <>\n      <Dialog.Title mb=\"5\">Edit name</Dialog.Title>\n      <VisuallyHidden>\n        <Dialog.Description>\n          Edit the details of <Text weight=\"bold\">{user.email}</Text>\n        </Dialog.Description>\n      </VisuallyHidden>\n\n      {updateMe.error ? (\n        <Callout.Root color=\"red\" my=\"-2\">\n          <Callout.Text>{getMutationErrorMessage(updateMe.error)}</Callout.Text>\n        </Callout.Root>\n      ) : null}\n\n      <Form.Root\n        onSubmit={async (event) => {\n          event.preventDefault();\n          const formData = new FormData(event.currentTarget);\n          const firstName = formData.get(\"firstName\")?.toString();\n          const lastName = formData.get(\"lastName\")?.toString();\n          updateMe.mutate({\n            data: {\n              firstName: firstName ?? undefined,\n              lastName: lastName ?? undefined,\n            },\n          });\n        }}\n      >\n        <Flex my=\"5\" direction=\"column\" gap=\"4\">\n          <Form.Field name=\"firstName\" asChild>\n            <Flex direction=\"column\" gap=\"1\">\n              <Form.Label asChild>\n                <Label>First name</Label>\n              </Form.Label>\n              <Form.Control asChild>\n                <TextField\n                  data-1p-ignore\n                  autoComplete=\"given-name\"\n                  defaultValue={user.firstName ?? \"\"}\n                  placeholder=\"Your first name\"\n                  disabled={updateMe.isPending || updateMe.isSuccess}\n                />\n              </Form.Control>\n            </Flex>\n          </Form.Field>\n\n          <Form.Field name=\"lastName\" asChild>\n            <Flex direction=\"column\" gap=\"1\">\n              <Form.Label asChild>\n                <Label>Last name</Label>\n              </Form.Label>\n              <Form.Control asChild>\n                <TextField\n                  data-1p-ignore\n                  autoComplete=\"family-name\"\n                  defaultValue={user.lastName ?? \"\"}\n                  placeholder=\"Your last name\"\n                  disabled={updateMe.isPending || updateMe.isSuccess}\n                />\n              </Form.Control>\n            </Flex>\n          </Form.Field>\n        </Flex>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <SecondaryButton\n              disabled={updateMe.isPending || updateMe.isSuccess}\n            >\n              Cancel\n            </SecondaryButton>\n          </Dialog.Close>\n\n          <SaveButton\n            asChild\n            loading={updateMe.isPending}\n            done={updateMe.isSuccess}\n            onDone={onClose}\n          >\n            <PrimaryButton>Save</PrimaryButton>\n          </SaveButton>\n        </Flex>\n\n        {/* mirror errors in a live region */}\n        <VisuallyHidden asChild>\n          <section aria-live=\"polite\">\n            {getMutationErrorMessage(updateMe.error)}\n          </section>\n        </VisuallyHidden>\n      </Form.Root>\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  // TODO Handle server errors\n  return \"Something went wrong. Please try again.\";\n}\n"],"mappings":"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","names":[]}

package/dist/esm/lib/edit-user-role-dialog.d.ts

@@ -1,12 +1,27 @@
-import { Dialog } from "@radix-ui/themes";
-import { type ReactNode } from "react";
-import { Member } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog } from '@radix-ui/themes';
+import { ReactNode } from 'react';
+import { Member, MemberRole, RolesAndConfig403, RolesAndConfig404 } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface EditUserRoleDialogProps extends Dialog.RootProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     user: Member;
     children?: ReactNode;
 }
-export declare function EditUserRoleDialog({ children, user, ...props }: EditUserRoleDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=edit-user-role-dialog.d.ts.map
+declare function EditUserRoleDialog({ children, user, ...props }: EditUserRoleDialogProps): react_jsx_runtime.JSX.Element;
+interface EditSingleUserRoleDialogContentProps {
+    user: Member;
+    roles: MemberRole[];
+    queryState: {
+        error: RolesAndConfig403 | RolesAndConfig404 | null;
+        isLoading: boolean;
+        isSuccess: boolean;
+    };
+    onFormSubmitSuccess: () => void;
+}
+declare function EditSingleUserRoleDialogContent({ user, roles, queryState, onFormSubmitSuccess, }: EditSingleUserRoleDialogContentProps): react_jsx_runtime.JSX.Element;
+
+export { EditSingleUserRoleDialogContent, EditUserRoleDialog };