@workos-inc/widgets 1.4.0 → 1.4.1

package/dist/cjs/lib/change-password-dialog.cjs

@@ -0,0 +1,238 @@
+"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 change_password_dialog_exports = {};
+__export(change_password_dialog_exports, {
+  ChangePasswordDialog: () => ChangePasswordDialog
+});
+module.exports = __toCommonJS(change_password_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_themes = require("@radix-ui/themes");
+var Form = __toESM(require("@radix-ui/react-form"), 1);
+var React = __toESM(require("react"), 1);
+var import_elements = require("./elements.js");
+var import_endpoint = require("../api/endpoint.js");
+var import_save_button = require("./save-button.js");
+function ChangePasswordDialog({
+  children,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(false);
+  const handleClose = React.useCallback(() => {
+    setOpen(false);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_themes.Dialog.Root,
+    {
+      ...props,
+      open: props.open || open,
+      onOpenChange: props.onOpenChange || setOpen,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Trigger, { children }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.DialogContent, { maxWidth: "480px", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content, { onClose: handleClose }) })
+      ]
+    }
+  );
+}
+function Content({ onClose }) {
+  const changePassword = (0, import_endpoint.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);
+    }
+    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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Title, { mb: "5", children: "Change Password" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Description, { children: "Change your account password" }) }),
+    errorMessage && errorMessage !== "Invalid credentials" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Root, { color: "red", my: "-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Text, { children: errorMessage }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { mt: "5", direction: "column", gap: "4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              Form.Field,
+              {
+                name: "oldPassword",
+                asChild: true,
+                serverInvalid: !serverErrors.currentPassword,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Label, { children: "Enter your current password" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Control, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_elements.PasswordField,
+                    {
+                      autoFocus: true,
+                      required: true,
+                      disabled: changePassword.isPending || changePassword.isSuccess,
+                      autoComplete: "current-password",
+                      placeholder: "Current password"
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Message, { match: "valueMissing", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: "Please enter your current password" }) }),
+                  serverErrors.currentPassword && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Message, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: serverErrors.currentPassword }) })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              Form.Field,
+              {
+                name: "password",
+                asChild: true,
+                serverInvalid: !serverErrors.password,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Label, { children: "Enter your new password" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Control, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_elements.PasswordField,
+                    {
+                      autoComplete: "new-password",
+                      placeholder: "New password",
+                      required: true,
+                      disabled: changePassword.isPending || changePassword.isSuccess
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Message, { match: "valueMissing", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: "Please enter your new password" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Message, { match: (value) => value.length < 8, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: "Password must be at least 8 characters" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    Form.Message,
+                    {
+                      match: (value, formData) => value === formData.get("oldPassword"),
+                      asChild: true,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: "You cannot reuse your current password" })
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              Form.Field,
+              {
+                name: "confirmPassword",
+                asChild: true,
+                serverInvalid: !serverErrors.confirmPassword,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Label, { children: "Confirm your new password" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Control, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_elements.PasswordField,
+                    {
+                      autoComplete: "new-password",
+                      placeholder: "Confirm new password",
+                      required: true,
+                      disabled: changePassword.isPending || changePassword.isSuccess
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Message, { match: "valueMissing", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: "Please confirm your new password" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    Form.Message,
+                    {
+                      match: (value, formData) => value !== formData.get("password"),
+                      asChild: true,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", color: "red", children: "The new passwords you entered don\u2019t match." })
+                    }
+                  )
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { mt: "5", gap: "3", justify: "end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_elements.SecondaryButton,
+              {
+                type: "button",
+                disabled: changePassword.isPending || changePassword.isSuccess,
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_save_button.SaveButton,
+              {
+                asChild: true,
+                loading: changePassword.isPending,
+                done: changePassword.isSuccess,
+                onDone: onClose,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.PrimaryButton, { type: "submit", disabled: disableSubmit, children: "Change password" })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.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.";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChangePasswordDialog
+});
+//# sourceMappingURL=change-password-dialog.cjs.map

package/dist/cjs/lib/change-password-dialog.cjs.map

@@ -0,0 +1 @@
+{"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/cjs/lib/change-password-dialog.d.cts

@@ -0,0 +1,10 @@
+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;
+}
+declare function ChangePasswordDialog({ children, ...props }: ChangePasswordDialogProps): react_jsx_runtime.JSX.Element;
+
+export { ChangePasswordDialog };

package/dist/cjs/lib/constants.cjs

@@ -0,0 +1,35 @@
+"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 constants_exports = {};
+__export(constants_exports, {
+  USER_ROW_LIMIT: () => USER_ROW_LIMIT,
+  WIDGETS_API_VERSION: () => WIDGETS_API_VERSION,
+  WIDGETS_CLASS_NAMESPACE: () => WIDGETS_CLASS_NAMESPACE
+});
+module.exports = __toCommonJS(constants_exports);
+const USER_ROW_LIMIT = 10;
+const WIDGETS_API_VERSION = "1";
+const WIDGETS_CLASS_NAMESPACE = "woswidgets";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  USER_ROW_LIMIT,
+  WIDGETS_API_VERSION,
+  WIDGETS_CLASS_NAMESPACE
+});
+//# sourceMappingURL=constants.cjs.map

package/dist/cjs/lib/constants.cjs.map

@@ -0,0 +1 @@
+{"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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,0BAA0B;","names":[]}

package/dist/cjs/lib/constants.d.cts

@@ -0,0 +1,5 @@
+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/cjs/lib/copy-button.cjs

@@ -0,0 +1,74 @@
+"use strict";
+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 copy_button_exports = {};
+__export(copy_button_exports, {
+  CopyButton: () => CopyButton
+});
+module.exports = __toCommonJS(copy_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_react_icons = require("@radix-ui/react-icons");
+var import_themes = require("@radix-ui/themes");
+const CopyButton = React.forwardRef(
+  function CopyButton2({ value, asChild, children, style, ...props }, ref) {
+    const [hasCopied, setHasCopied] = React.useState(false);
+    const Comp = asChild ? import_themes.Slot : "button";
+    const timeoutRef = React.useRef(null);
+    const handleClick = async () => {
+      try {
+        await navigator.clipboard.writeText(value);
+        setHasCopied(true);
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = window.setTimeout(() => {
+          setHasCopied(false);
+        }, 3e3);
+      } catch (err) {
+        console.error("Failed to copy text:", err);
+      }
+    };
+    React.useEffect(() => {
+      return () => {
+        if (timeoutRef.current) {
+          window.clearTimeout(timeoutRef.current);
+        }
+      };
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Comp, { onPointerUp: handleClick, ref, ...props, children: [
+      hasCopied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.CopyIcon, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Slottable, { children })
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopyButton
+});
+//# sourceMappingURL=copy-button.cjs.map

package/dist/cjs/lib/copy-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/copy-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CheckIcon, CopyIcon } from \"@radix-ui/react-icons\";\nimport { Slot, Slottable } from \"@radix-ui/themes\";\n\ninterface CopyButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n  asChild?: boolean;\n}\n\nexport const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(\n  function CopyButton({ value, asChild, children, style, ...props }, ref) {\n    const [hasCopied, setHasCopied] = React.useState(false);\n    const Comp = asChild ? Slot : \"button\";\n    const timeoutRef = React.useRef<number | null>(null);\n\n    const handleClick = async () => {\n      try {\n        await navigator.clipboard.writeText(value);\n        setHasCopied(true);\n\n        // Clear any existing timeout\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n\n        // Set new timeout\n        timeoutRef.current = window.setTimeout(() => {\n          setHasCopied(false);\n        }, 3000);\n      } catch (err) {\n        console.error(\"Failed to copy text:\", err);\n      }\n    };\n\n    // Cleanup timeout on unmount\n    React.useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          window.clearTimeout(timeoutRef.current);\n        }\n      };\n    }, []);\n\n    return (\n      <Comp onPointerUp={handleClick} ref={ref} {...props}>\n        {hasCopied ? <CheckIcon /> : <CopyIcon />}\n        <Slottable>{children}</Slottable>\n      </Comp>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CM;AA7CN,YAAuB;AACvB,yBAAoC;AACpC,oBAAgC;AAQzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,OAAO,SAAS,UAAU,OAAO,GAAG,MAAM,GAAG,KAAK;AACtE,UAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AACtD,UAAM,OAAO,UAAU,qBAAO;AAC9B,UAAM,aAAa,MAAM,OAAsB,IAAI;AAEnD,UAAM,cAAc,YAAY;AAC9B,UAAI;AACF,cAAM,UAAU,UAAU,UAAU,KAAK;AACzC,qBAAa,IAAI;AAGjB,YAAI,WAAW,SAAS;AACtB,uBAAa,WAAW,OAAO;AAAA,QACjC;AAGA,mBAAW,UAAU,OAAO,WAAW,MAAM;AAC3C,uBAAa,KAAK;AAAA,QACpB,GAAG,GAAI;AAAA,MACT,SAAS,KAAK;AACZ,gBAAQ,MAAM,wBAAwB,GAAG;AAAA,MAC3C;AAAA,IACF;AAGA,UAAM,UAAU,MAAM;AACpB,aAAO,MAAM;AACX,YAAI,WAAW,SAAS;AACtB,iBAAO,aAAa,WAAW,OAAO;AAAA,QACxC;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,WACE,6CAAC,QAAK,aAAa,aAAa,KAAW,GAAG,OAC3C;AAAA,kBAAY,4CAAC,gCAAU,IAAK,4CAAC,+BAAS;AAAA,MACvC,4CAAC,2BAAW,UAAS;AAAA,OACvB;AAAA,EAEJ;AACF;","names":["CopyButton"]}

package/dist/cjs/lib/copy-button.d.cts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface CopyButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    asChild?: boolean;
+}
+declare const CopyButton: React.ForwardRefExoticComponent<CopyButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { CopyButton };

package/dist/cjs/lib/delete-domain-dialog.cjs

@@ -0,0 +1,72 @@
+"use strict";
+"use client";
+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 delete_domain_dialog_exports = {};
+__export(delete_domain_dialog_exports, {
+  DeleteDomainDialog: () => DeleteDomainDialog
+});
+module.exports = __toCommonJS(delete_domain_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_themes = require("@radix-ui/themes");
+const DeleteDomainDialog = (props) => {
+  const message = (() => {
+    switch (props.domain.state) {
+      case "Verified":
+      case "LegacyVerified":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Text, { size: "2", children: [
+          "Users with the email domain ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: props.domain.domain }),
+          " will no longer be considered verified. This action is immediate and cannot be undone."
+        ] }) });
+      case "Failed":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Text, { children: [
+          "Are you sure you want to remove the domain",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: props.domain.domain }),
+          "? This action is immediate and cannot be undone."
+        ] }) });
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Text, { children: [
+          "Removing ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: props.domain.domain }),
+          " will cancel the DNS record verification process. This action is immediate and cannot be undone."
+        ] }) });
+    }
+  })();
+  const handleDeleteDomain = () => {
+    props.onDeleteDomain(props.domain.id);
+    props.onOpenChange(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.AlertDialog.Root, { open: props.open, onOpenChange: props.onOpenChange, children: [
+    props.children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Trigger, { children: props.children }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.AlertDialog.Content, { style: { maxWidth: "488px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Title, { mb: "2", children: "Remove domain" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { size: "2", highContrast: true, children: message }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { justify: "end", gap: "2", mt: "5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Button, { variant: "outline", color: "gray", children: "Cancel" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Button, { variant: "solid", color: "red", onClick: handleDeleteDomain, children: "Remove domain" })
+      ] })
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DeleteDomainDialog
+});
+//# sourceMappingURL=delete-domain-dialog.cjs.map

package/dist/cjs/lib/delete-domain-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/delete-domain-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { AlertDialog, Button, Flex, Text } from \"@radix-ui/themes\";\nimport { OrganizationDomain } from \"../api/endpoint.js\";\n\ninterface DeleteDomainDialogProps {\n  children?: React.ReactNode;\n  domain: OrganizationDomain;\n  onDeleteDomain: (domainId: string) => void;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const DeleteDomainDialog = (props: DeleteDomainDialogProps) => {\n  const message = (() => {\n    switch (props.domain.state) {\n      case \"Verified\":\n      case \"LegacyVerified\":\n        return (\n          <>\n            <Text size=\"2\">\n              Users with the email domain <b>{props.domain.domain}</b> will no\n              longer be considered verified. This action is immediate and cannot\n              be undone.\n            </Text>\n          </>\n        );\n      case \"Failed\":\n        return (\n          <>\n            <Text>\n              Are you sure you want to remove the domain{\" \"}\n              <b>{props.domain.domain}</b>? This action is immediate and cannot\n              be undone.\n            </Text>\n          </>\n        );\n      default:\n        return (\n          <>\n            <Text>\n              Removing <b>{props.domain.domain}</b> will cancel the DNS record\n              verification process. This action is immediate and cannot be\n              undone.\n            </Text>\n          </>\n        );\n    }\n  })();\n\n  const handleDeleteDomain = () => {\n    props.onDeleteDomain(props.domain.id);\n    props.onOpenChange(false);\n  };\n\n  return (\n    <AlertDialog.Root open={props.open} onOpenChange={props.onOpenChange}>\n      {props.children && (\n        <AlertDialog.Trigger>{props.children}</AlertDialog.Trigger>\n      )}\n\n      <AlertDialog.Content style={{ maxWidth: \"488px\" }}>\n        <AlertDialog.Title mb=\"2\">Remove domain</AlertDialog.Title>\n        <AlertDialog.Description>\n          <Text size=\"2\" highContrast>\n            {message}\n          </Text>\n        </AlertDialog.Description>\n        <Flex justify=\"end\" gap=\"2\" mt=\"5\">\n          <AlertDialog.Cancel>\n            <Button variant=\"outline\" color=\"gray\">\n              Cancel\n            </Button>\n          </AlertDialog.Cancel>\n          <Button variant=\"solid\" color=\"red\" onClick={handleDeleteDomain}>\n            Remove domain\n          </Button>\n        </Flex>\n      </AlertDialog.Content>\n    </AlertDialog.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBU;AAjBV,oBAAgD;AAWzC,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,WAAW,MAAM;AACrB,YAAQ,MAAM,OAAO,OAAO;AAAA,MAC1B,KAAK;AAAA,MACL,KAAK;AACH,eACE,2EACE,uDAAC,sBAAK,MAAK,KAAI;AAAA;AAAA,UACe,4CAAC,OAAG,gBAAM,OAAO,QAAO;AAAA,UAAI;AAAA,WAG1D,GACF;AAAA,MAEJ,KAAK;AACH,eACE,2EACE,uDAAC,sBAAK;AAAA;AAAA,UACuC;AAAA,UAC3C,4CAAC,OAAG,gBAAM,OAAO,QAAO;AAAA,UAAI;AAAA,WAE9B,GACF;AAAA,MAEJ;AACE,eACE,2EACE,uDAAC,sBAAK;AAAA;AAAA,UACK,4CAAC,OAAG,gBAAM,OAAO,QAAO;AAAA,UAAI;AAAA,WAGvC,GACF;AAAA,IAEN;AAAA,EACF,GAAG;AAEH,QAAM,qBAAqB,MAAM;AAC/B,UAAM,eAAe,MAAM,OAAO,EAAE;AACpC,UAAM,aAAa,KAAK;AAAA,EAC1B;AAEA,SACE,6CAAC,0BAAY,MAAZ,EAAiB,MAAM,MAAM,MAAM,cAAc,MAAM,cACrD;AAAA,UAAM,YACL,4CAAC,0BAAY,SAAZ,EAAqB,gBAAM,UAAS;AAAA,IAGvC,6CAAC,0BAAY,SAAZ,EAAoB,OAAO,EAAE,UAAU,QAAQ,GAC9C;AAAA,kDAAC,0BAAY,OAAZ,EAAkB,IAAG,KAAI,2BAAa;AAAA,MACvC,4CAAC,0BAAY,aAAZ,EACC,sDAAC,sBAAK,MAAK,KAAI,cAAY,MACxB,mBACH,GACF;AAAA,MACA,6CAAC,sBAAK,SAAQ,OAAM,KAAI,KAAI,IAAG,KAC7B;AAAA,oDAAC,0BAAY,QAAZ,EACC,sDAAC,wBAAO,SAAQ,WAAU,OAAM,QAAO,oBAEvC,GACF;AAAA,QACA,4CAAC,wBAAO,SAAQ,SAAQ,OAAM,OAAM,SAAS,oBAAoB,2BAEjE;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/cjs/lib/delete-domain-dialog.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { OrganizationDomain } from '../api/endpoint.cjs';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.cjs';
+
+interface DeleteDomainDialogProps {
+    children?: React.ReactNode;
+    domain: OrganizationDomain;
+    onDeleteDomain: (domainId: string) => void;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+declare const DeleteDomainDialog: (props: DeleteDomainDialogProps) => react_jsx_runtime.JSX.Element;
+
+export { DeleteDomainDialog };

package/dist/cjs/lib/delete-user-dialog.cjs

@@ -0,0 +1,96 @@
+"use strict";
+"use client";
+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 delete_user_dialog_exports = {};
+__export(delete_user_dialog_exports, {
+  DeleteUserDialog: () => DeleteUserDialog
+});
+module.exports = __toCommonJS(delete_user_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_themes = require("@radix-ui/themes");
+var import_react = require("react");
+var import_user = require("./api/user.js");
+var import_elements = require("./elements.js");
+function DeleteUserDialog({
+  children,
+  user,
+  ...props
+}) {
+  const deleteUser = (0, import_user.useDeleteUser)();
+  const inputRef = (0, import_react.useRef)(null);
+  const onSubmitForm = () => {
+    deleteUser.mutate(
+      { userId: user.id },
+      {
+        onSuccess: () => {
+          props.onOpenChange(false);
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.AlertDialog.Root, { ...props, children: [
+    children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Trigger, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_elements.AlertDialogContent,
+      {
+        maxWidth: "480px",
+        onOpenAutoFocus: () => {
+          requestAnimationFrame(() => {
+            inputRef.current?.focus();
+          });
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Title, { children: "Remove user" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { direction: "column", gap: "3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.AlertDialog.Description, { children: [
+            "Are you sure you want to remove",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", children: user.email }),
+            "? This action is immediate and cannot be undone."
+          ] }) }),
+          deleteUser.error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Root, { color: "red", mt: "4", mb: "-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Text, { children: getMutationErrorMessage(deleteUser.error) }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "form",
+            {
+              onSubmit: (event) => {
+                event.preventDefault();
+                onSubmitForm();
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.SecondaryButton, { disabled: deleteUser.isPending, children: "Cancel" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.DestructiveButton, { type: "submit", loading: deleteUser.isPending, children: "Remove" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { "aria-live": "polite", children: getMutationErrorMessage(deleteUser.error) }) })
+        ]
+      }
+    )
+  ] });
+}
+function getMutationErrorMessage(error) {
+  if (!error) {
+    return null;
+  }
+  return "There was an error removing the user. Please try again.";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DeleteUserDialog
+});
+//# sourceMappingURL=delete-user-dialog.cjs.map

package/dist/cjs/lib/delete-user-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/delete-user-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AlertDialog,\n  Callout,\n  Flex,\n  Text,\n  VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport { type ReactNode, useRef } from \"react\";\nimport { useDeleteUser } from \"./api/user.js\";\nimport {\n  AlertDialogContent,\n  DestructiveButton,\n  SecondaryButton,\n} from \"./elements.js\";\nimport { Member } from \"../api/endpoint.js\";\n\ninterface DeleteUserDialogProps extends AlertDialog.RootProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  user: Member;\n  children?: ReactNode;\n}\n\nexport function DeleteUserDialog({\n  children,\n  user,\n  ...props\n}: DeleteUserDialogProps) {\n  const deleteUser = useDeleteUser();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const onSubmitForm = () => {\n    deleteUser.mutate(\n      { userId: user.id },\n      {\n        onSuccess: () => {\n          props.onOpenChange(false);\n        },\n      },\n    );\n  };\n\n  return (\n    <AlertDialog.Root {...props}>\n      {children && <AlertDialog.Trigger>{children}</AlertDialog.Trigger>}\n\n      <AlertDialogContent\n        maxWidth=\"480px\"\n        onOpenAutoFocus={() => {\n          requestAnimationFrame(() => {\n            inputRef.current?.focus();\n          });\n        }}\n      >\n        <AlertDialog.Title>Remove user</AlertDialog.Title>\n        <Flex direction=\"column\" gap=\"3\">\n          <AlertDialog.Description>\n            Are you sure you want to remove{\" \"}\n            <Text weight=\"bold\">{user.email}</Text>? This action is immediate\n            and cannot be undone.\n          </AlertDialog.Description>\n        </Flex>\n\n        {deleteUser.error ? (\n          <Callout.Root color=\"red\" mt=\"4\" mb=\"-2\">\n            <Callout.Text>\n              {getMutationErrorMessage(deleteUser.error)}\n            </Callout.Text>\n          </Callout.Root>\n        ) : null}\n\n        <Flex gap=\"3\" justify=\"end\" mt=\"5\" asChild>\n          <form\n            onSubmit={(event) => {\n              event.preventDefault();\n              onSubmitForm();\n            }}\n          >\n            <AlertDialog.Cancel>\n              <SecondaryButton disabled={deleteUser.isPending}>\n                Cancel\n              </SecondaryButton>\n            </AlertDialog.Cancel>\n\n            <DestructiveButton type=\"submit\" loading={deleteUser.isPending}>\n              Remove\n            </DestructiveButton>\n          </form>\n        </Flex>\n        {/* mirror errors in a live region */}\n        <VisuallyHidden asChild>\n          <section aria-live=\"polite\">\n            {getMutationErrorMessage(deleteUser.error)}\n          </section>\n        </VisuallyHidden>\n      </AlertDialogContent>\n    </AlertDialog.Root>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (!error) {\n    return null;\n  }\n  // TODO Handle server errors\n  return \"There was an error removing the user. Please try again.\";\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CmB;AA5CnB,oBAMO;AACP,mBAAuC;AACvC,kBAA8B;AAC9B,sBAIO;AAUA,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,iBAAa,2BAAc;AACjC,QAAM,eAAW,qBAAyB,IAAI;AAE9C,QAAM,eAAe,MAAM;AACzB,eAAW;AAAA,MACT,EAAE,QAAQ,KAAK,GAAG;AAAA,MAClB;AAAA,QACE,WAAW,MAAM;AACf,gBAAM,aAAa,KAAK;AAAA,QAC1B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SACE,6CAAC,0BAAY,MAAZ,EAAkB,GAAG,OACnB;AAAA,gBAAY,4CAAC,0BAAY,SAAZ,EAAqB,UAAS;AAAA,IAE5C;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,iBAAiB,MAAM;AACrB,gCAAsB,MAAM;AAC1B,qBAAS,SAAS,MAAM;AAAA,UAC1B,CAAC;AAAA,QACH;AAAA,QAEA;AAAA,sDAAC,0BAAY,OAAZ,EAAkB,yBAAW;AAAA,UAC9B,4CAAC,sBAAK,WAAU,UAAS,KAAI,KAC3B,uDAAC,0BAAY,aAAZ,EAAwB;AAAA;AAAA,YACS;AAAA,YAChC,4CAAC,sBAAK,QAAO,QAAQ,eAAK,OAAM;AAAA,YAAO;AAAA,aAEzC,GACF;AAAA,UAEC,WAAW,QACV,4CAAC,sBAAQ,MAAR,EAAa,OAAM,OAAM,IAAG,KAAI,IAAG,MAClC,sDAAC,sBAAQ,MAAR,EACE,kCAAwB,WAAW,KAAK,GAC3C,GACF,IACE;AAAA,UAEJ,4CAAC,sBAAK,KAAI,KAAI,SAAQ,OAAM,IAAG,KAAI,SAAO,MACxC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,CAAC,UAAU;AACnB,sBAAM,eAAe;AACrB,6BAAa;AAAA,cACf;AAAA,cAEA;AAAA,4DAAC,0BAAY,QAAZ,EACC,sDAAC,mCAAgB,UAAU,WAAW,WAAW,oBAEjD,GACF;AAAA,gBAEA,4CAAC,qCAAkB,MAAK,UAAS,SAAS,WAAW,WAAW,oBAEhE;AAAA;AAAA;AAAA,UACF,GACF;AAAA,UAEA,4CAAC,gCAAe,SAAO,MACrB,sDAAC,aAAQ,aAAU,UAChB,kCAAwB,WAAW,KAAK,GAC3C,GACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,SAAS,wBAAwB,OAAgB;AAC/C,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SAAO;AACT;","names":[]}