@workos-inc/widgets 1.4.2 → 1.5.0

package/dist/esm/lib/delete-user-dialog.js

@@ -1,33 +1,82 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertDialog, Callout, Flex, Text, VisuallyHidden, } from "@radix-ui/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  AlertDialog,
+  Callout,
+  Flex,
+  Text,
+  VisuallyHidden
+} from "@radix-ui/themes";
 import { useRef } from "react";
 import { useDeleteUser } from "./api/user.js";
-import { AlertDialogContent, DestructiveButton, SecondaryButton, } from "./elements.js";
-export function DeleteUserDialog({ children, user, ...props }) {
-    const deleteUser = useDeleteUser();
-    const inputRef = useRef(null);
-    const onSubmitForm = () => {
-        deleteUser.mutate({ userId: user.id }, {
-            onSuccess: () => {
-                props.onOpenChange(false);
-            },
-        });
-    };
-    return (_jsxs(AlertDialog.Root, { ...props, children: [children && _jsx(AlertDialog.Trigger, { children: children }), _jsxs(AlertDialogContent, { maxWidth: "480px", onOpenAutoFocus: () => {
-                    requestAnimationFrame(() => {
-                        inputRef.current?.focus();
-                    });
-                }, children: [_jsx(AlertDialog.Title, { children: "Remove user" }), _jsx(Flex, { direction: "column", gap: "3", children: _jsxs(AlertDialog.Description, { children: ["Are you sure you want to remove", " ", _jsx(Text, { weight: "bold", children: user.email }), "? This action is immediate and cannot be undone."] }) }), deleteUser.error ? (_jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: _jsx(Callout.Text, { children: getMutationErrorMessage(deleteUser.error) }) })) : null, _jsx(Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: _jsxs("form", { onSubmit: (event) => {
-                                event.preventDefault();
-                                onSubmitForm();
-                            }, children: [_jsx(AlertDialog.Cancel, { children: _jsx(SecondaryButton, { disabled: deleteUser.isPending, children: "Cancel" }) }), _jsx(DestructiveButton, { type: "submit", loading: deleteUser.isPending, children: "Remove" })] }) }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(deleteUser.error) }) })] })] }));
+import {
+  AlertDialogContent,
+  DestructiveButton,
+  SecondaryButton
+} from "./elements.js";
+function DeleteUserDialog({
+  children,
+  user,
+  ...props
+}) {
+  const deleteUser = useDeleteUser();
+  const inputRef = useRef(null);
+  const onSubmitForm = () => {
+    deleteUser.mutate(
+      { userId: user.id },
+      {
+        onSuccess: () => {
+          props.onOpenChange(false);
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(AlertDialog.Root, { ...props, children: [
+    children && /* @__PURE__ */ jsx(AlertDialog.Trigger, { children }),
+    /* @__PURE__ */ jsxs(
+      AlertDialogContent,
+      {
+        maxWidth: "480px",
+        onOpenAutoFocus: () => {
+          requestAnimationFrame(() => {
+            inputRef.current?.focus();
+          });
+        },
+        children: [
+          /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Remove user" }),
+          /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "3", children: /* @__PURE__ */ jsxs(AlertDialog.Description, { children: [
+            "Are you sure you want to remove",
+            " ",
+            /* @__PURE__ */ jsx(Text, { weight: "bold", children: user.email }),
+            "? This action is immediate and cannot be undone."
+          ] }) }),
+          deleteUser.error ? /* @__PURE__ */ jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: /* @__PURE__ */ jsx(Callout.Text, { children: getMutationErrorMessage(deleteUser.error) }) }) : null,
+          /* @__PURE__ */ jsx(Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: /* @__PURE__ */ jsxs(
+            "form",
+            {
+              onSubmit: (event) => {
+                event.preventDefault();
+                onSubmitForm();
+              },
+              children: [
+                /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: /* @__PURE__ */ jsx(SecondaryButton, { disabled: deleteUser.isPending, children: "Cancel" }) }),
+                /* @__PURE__ */ jsx(DestructiveButton, { type: "submit", loading: deleteUser.isPending, children: "Remove" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(deleteUser.error) }) })
+        ]
+      }
+    )
+  ] });
 }
 function getMutationErrorMessage(error) {
-    if (!error) {
-        return null;
-    }
-    // TODO Handle server errors
-    return "There was an error removing the user. Please try again.";
+  if (!error) {
+    return null;
+  }
+  return "There was an error removing the user. Please try again.";
 }
+export {
+  DeleteUserDialog
+};
 //# sourceMappingURL=delete-user-dialog.js.map

package/dist/esm/lib/delete-user-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-user-dialog.js","sourceRoot":"","sources":["../../../src/lib/delete-user-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,WAAW,EACX,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,GAChB,MAAM,eAAe,CAAC;AAUvB,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACc;IACtB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,UAAU,CAAC,MAAM,CACf,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,EACnB;YACE,SAAS,EAAE,GAAG,EAAE;gBACd,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;SACF,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,OAAK,KAAK,aACxB,QAAQ,IAAI,KAAC,WAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAElE,MAAC,kBAAkB,IACjB,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oBAC5B,CAAC,CAAC,CAAC;gBACL,CAAC,aAED,KAAC,WAAW,CAAC,KAAK,8BAAgC,EAClD,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YAC9B,MAAC,WAAW,CAAC,WAAW,kDACU,GAAG,EACnC,KAAC,IAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,wDAEf,GACrB,EAEN,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB,KAAC,OAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,YACtC,KAAC,OAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,GAC7B,GACF,CAChB,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,gBACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,YAAY,EAAE,CAAC;4BACjB,CAAC,aAED,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,CAAC,SAAS,uBAE7B,GACC,EAErB,KAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,CAAC,SAAS,uBAE1C,IACf,GACF,EAEP,KAAC,cAAc,IAAC,OAAO,kBACrB,+BAAmB,QAAQ,YACxB,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,GAClC,GACK,IACE,IACJ,CACpB,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,4BAA4B;IAC5B,OAAO,yDAAyD,CAAC;AACnE,CAAC"}
+{"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":";AA+CmB,cAYT,YAZS;AA5CnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAyB,cAAc;AACvC,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAUA,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,OAAyB,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,qBAAC,YAAY,MAAZ,EAAkB,GAAG,OACnB;AAAA,gBAAY,oBAAC,YAAY,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,8BAAC,YAAY,OAAZ,EAAkB,yBAAW;AAAA,UAC9B,oBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B,+BAAC,YAAY,aAAZ,EAAwB;AAAA;AAAA,YACS;AAAA,YAChC,oBAAC,QAAK,QAAO,QAAQ,eAAK,OAAM;AAAA,YAAO;AAAA,aAEzC,GACF;AAAA,UAEC,WAAW,QACV,oBAAC,QAAQ,MAAR,EAAa,OAAM,OAAM,IAAG,KAAI,IAAG,MAClC,8BAAC,QAAQ,MAAR,EACE,kCAAwB,WAAW,KAAK,GAC3C,GACF,IACE;AAAA,UAEJ,oBAAC,QAAK,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,oCAAC,YAAY,QAAZ,EACC,8BAAC,mBAAgB,UAAU,WAAW,WAAW,oBAEjD,GACF;AAAA,gBAEA,oBAAC,qBAAkB,MAAK,UAAS,SAAS,WAAW,WAAW,oBAEhE;AAAA;AAAA;AAAA,UACF,GACF;AAAA,UAEA,oBAAC,kBAAe,SAAO,MACrB,8BAAC,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":[]}

package/dist/esm/lib/domain-actions.d.ts

@@ -1,9 +1,13 @@
-import { OrganizationDomain } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { OrganizationDomain } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface DomainActionsProps {
     domain: OrganizationDomain;
     onDeleteDomain: (domainId: string) => void;
     onReverifyDomain: (domainId: string) => void;
 }
-export declare const DomainActions: ({ domain, onDeleteDomain, onReverifyDomain, }: DomainActionsProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=domain-actions.d.ts.map
+declare const DomainActions: ({ domain, onDeleteDomain, onReverifyDomain, }: DomainActionsProps) => react_jsx_runtime.JSX.Element;
+
+export { DomainActions };

package/dist/esm/lib/domain-actions.js

@@ -1,18 +1,65 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { DropdownMenu, IconButton } from "@radix-ui/themes";
 import { DotsHorizontalIcon, TrashIcon } from "@radix-ui/react-icons";
 import { ViewDnsRecordDialog } from "./view-dns-record-dialog.js";
 import { DeleteDomainDialog } from "./delete-domain-dialog.js";
-export const DomainActions = ({ domain, onDeleteDomain, onReverifyDomain, }) => {
-    const [viewDnsDialogOpen, setViewDnsDialogOpen] = useState(false);
-    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
-    if (domain.state === "Verified") {
-        return (_jsx(_Fragment, { children: _jsx(DeleteDomainDialog, { domain: domain, onDeleteDomain: onDeleteDomain, open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: _jsx(IconButton, { variant: "ghost", size: "2", color: "gray", children: _jsx(TrashIcon, {}) }) }) }));
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { children: _jsx(IconButton, { variant: "ghost", size: "2", color: "gray", children: _jsx(DotsHorizontalIcon, {}) }) }), _jsxs(DropdownMenu.Content, { side: "bottom", align: "end", children: [_jsx(DropdownMenu.Item, { onClick: () => setViewDnsDialogOpen(true), children: domain.state === "Failed"
-                                    ? "Restart verification"
-                                    : "View DNS record" }), _jsx(DropdownMenu.Item, { color: "red", onClick: () => setDeleteDialogOpen(true), children: "Remove domain" })] })] }), _jsx(ViewDnsRecordDialog, { domain: domain, onReverifyDomain: onReverifyDomain, open: viewDnsDialogOpen, onOpenChange: setViewDnsDialogOpen }), _jsx(DeleteDomainDialog, { domain: domain, onDeleteDomain: onDeleteDomain, open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen })] }));
+const DomainActions = ({
+  domain,
+  onDeleteDomain,
+  onReverifyDomain
+}) => {
+  const [viewDnsDialogOpen, setViewDnsDialogOpen] = useState(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+  if (domain.state === "Verified") {
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      DeleteDomainDialog,
+      {
+        domain,
+        onDeleteDomain,
+        open: deleteDialogOpen,
+        onOpenChange: setDeleteDialogOpen,
+        children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", size: "2", color: "gray", children: /* @__PURE__ */ jsx(TrashIcon, {}) })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", size: "2", color: "gray", children: /* @__PURE__ */ jsx(DotsHorizontalIcon, {}) }) }),
+      /* @__PURE__ */ jsxs(DropdownMenu.Content, { side: "bottom", align: "end", children: [
+        /* @__PURE__ */ jsx(DropdownMenu.Item, { onClick: () => setViewDnsDialogOpen(true), children: domain.state === "Failed" ? "Restart verification" : "View DNS record" }),
+        /* @__PURE__ */ jsx(
+          DropdownMenu.Item,
+          {
+            color: "red",
+            onClick: () => setDeleteDialogOpen(true),
+            children: "Remove domain"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ViewDnsRecordDialog,
+      {
+        domain,
+        onReverifyDomain,
+        open: viewDnsDialogOpen,
+        onOpenChange: setViewDnsDialogOpen
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DeleteDomainDialog,
+      {
+        domain,
+        onDeleteDomain,
+        open: deleteDialogOpen,
+        onOpenChange: setDeleteDialogOpen
+      }
+    )
+  ] });
+};
+export {
+  DomainActions
 };
 //# sourceMappingURL=domain-actions.js.map

package/dist/esm/lib/domain-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"domain-actions.js","sourceRoot":"","sources":["../../../src/lib/domain-actions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAQ/D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM,EACN,cAAc,EACd,gBAAgB,GACG,EAAE,EAAE;IACvB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,IAAI,MAAM,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;QAChC,OAAO,CACL,4BACE,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,gBAAgB,EACtB,YAAY,EAAE,mBAAmB,YAEjC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,YAC/C,KAAC,SAAS,KAAG,GACF,GACM,GACpB,CACJ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BACE,MAAC,YAAY,CAAC,IAAI,eAChB,KAAC,YAAY,CAAC,OAAO,cACnB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,YAC/C,KAAC,kBAAkB,KAAG,GACX,GACQ,EACvB,MAAC,YAAY,CAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,aAC7C,KAAC,YAAY,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,YACzD,MAAM,CAAC,KAAK,KAAK,QAAQ;oCACxB,CAAC,CAAC,sBAAsB;oCACxB,CAAC,CAAC,iBAAiB,GACH,EACpB,KAAC,YAAY,CAAC,IAAI,IAChB,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,8BAGtB,IACC,IACL,EAEpB,KAAC,mBAAmB,IAClB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,iBAAiB,EACvB,YAAY,EAAE,oBAAoB,GAClC,EAEF,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,gBAAgB,EACtB,YAAY,EAAE,mBAAmB,GACjC,IACD,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/lib/domain-actions.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useState } from \"react\";\nimport { DropdownMenu, IconButton } from \"@radix-ui/themes\";\nimport { DotsHorizontalIcon, TrashIcon } from \"@radix-ui/react-icons\";\nimport { OrganizationDomain } from \"../api/endpoint.js\";\nimport { ViewDnsRecordDialog } from \"./view-dns-record-dialog.js\";\nimport { DeleteDomainDialog } from \"./delete-domain-dialog.js\";\n\ninterface DomainActionsProps {\n  domain: OrganizationDomain;\n  onDeleteDomain: (domainId: string) => void;\n  onReverifyDomain: (domainId: string) => void;\n}\n\nexport const DomainActions = ({\n  domain,\n  onDeleteDomain,\n  onReverifyDomain,\n}: DomainActionsProps) => {\n  const [viewDnsDialogOpen, setViewDnsDialogOpen] = useState(false);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n\n  if (domain.state === \"Verified\") {\n    return (\n      <>\n        <DeleteDomainDialog\n          domain={domain}\n          onDeleteDomain={onDeleteDomain}\n          open={deleteDialogOpen}\n          onOpenChange={setDeleteDialogOpen}\n        >\n          <IconButton variant=\"ghost\" size=\"2\" color=\"gray\">\n            <TrashIcon />\n          </IconButton>\n        </DeleteDomainDialog>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger>\n          <IconButton variant=\"ghost\" size=\"2\" color=\"gray\">\n            <DotsHorizontalIcon />\n          </IconButton>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content side=\"bottom\" align=\"end\">\n          <DropdownMenu.Item onClick={() => setViewDnsDialogOpen(true)}>\n            {domain.state === \"Failed\"\n              ? \"Restart verification\"\n              : \"View DNS record\"}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item\n            color=\"red\"\n            onClick={() => setDeleteDialogOpen(true)}\n          >\n            Remove domain\n          </DropdownMenu.Item>\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n\n      <ViewDnsRecordDialog\n        domain={domain}\n        onReverifyDomain={onReverifyDomain}\n        open={viewDnsDialogOpen}\n        onOpenChange={setViewDnsDialogOpen}\n      />\n\n      <DeleteDomainDialog\n        domain={domain}\n        onDeleteDomain={onDeleteDomain}\n        open={deleteDialogOpen}\n        onOpenChange={setDeleteDialogOpen}\n      />\n    </>\n  );\n};\n"],"mappings":";AA0BM,mBAQM,KAeJ,YAvBF;AAvBN,SAAS,gBAAgB;AACzB,SAAS,cAAc,kBAAkB;AACzC,SAAS,oBAAoB,iBAAiB;AAE9C,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AAQ5B,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAChE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,MAAI,OAAO,UAAU,YAAY;AAC/B,WACE,gCACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,cAAc;AAAA,QAEd,8BAAC,cAAW,SAAQ,SAAQ,MAAK,KAAI,OAAM,QACzC,8BAAC,aAAU,GACb;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AAEA,SACE,iCACE;AAAA,yBAAC,aAAa,MAAb,EACC;AAAA,0BAAC,aAAa,SAAb,EACC,8BAAC,cAAW,SAAQ,SAAQ,MAAK,KAAI,OAAM,QACzC,8BAAC,sBAAmB,GACtB,GACF;AAAA,MACA,qBAAC,aAAa,SAAb,EAAqB,MAAK,UAAS,OAAM,OACxC;AAAA,4BAAC,aAAa,MAAb,EAAkB,SAAS,MAAM,qBAAqB,IAAI,GACxD,iBAAO,UAAU,WACd,yBACA,mBACN;AAAA,QACA;AAAA,UAAC,aAAa;AAAA,UAAb;AAAA,YACC,OAAM;AAAA,YACN,SAAS,MAAM,oBAAoB,IAAI;AAAA,YACxC;AAAA;AAAA,QAED;AAAA,SACF;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,cAAc;AAAA;AAAA,IAChB;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,cAAc;AAAA;AAAA,IAChB;AAAA,KACF;AAEJ;","names":[]}

package/dist/esm/lib/domain-item.d.ts

@@ -1,9 +1,13 @@
-import { OrganizationDomain } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { OrganizationDomain } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface DomainItemProps {
     domain: OrganizationDomain;
     onDeleteDomain: (domainId: string) => void;
     onReverifyDomain: (domainId: string) => void;
 }
-export declare const DomainItem: ({ domain, onDeleteDomain, onReverifyDomain, }: DomainItemProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=domain-item.d.ts.map
+declare const DomainItem: ({ domain, onDeleteDomain, onReverifyDomain, }: DomainItemProps) => react_jsx_runtime.JSX.Element;
+
+export { DomainItem };

package/dist/esm/lib/domain-item.js

@@ -1,34 +1,62 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Flex, Text } from "@radix-ui/themes";
 import { IconPanel } from "./icon-panel.js";
 import { getComparativeReadableDate } from "./utils.js";
 import { Status } from "./status.js";
 import { NameServerIcon } from "./name-server-icon.js";
 import { DomainActions } from "./domain-actions.js";
-export const DomainItem = ({ domain, onDeleteDomain, onReverifyDomain, }) => {
-    return (_jsxs(Flex, { gap: "4", align: "center", children: [_jsx(IconPanel, { color: domain.nameServer === "Other" ? "gray" : "panel", children: _jsx(NameServerIcon, { provider: domain.nameServer }) }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", children: domain.domain }), _jsxs(Text, { size: "2", color: "gray", as: "p", children: ["Added", " ", getComparativeReadableDate(new Date(), new Date(domain.createdAt))] })] }), _jsxs(Flex, { ml: "auto", mr: "2", gap: "4", align: "center", children: [_jsx(Flex, { gap: "1", align: "center", children: _jsx(Status, { state: getDomainStatus(domain), children: domainStateToLabel(domain) }) }), _jsx(DomainActions, { domain: domain, onDeleteDomain: onDeleteDomain, onReverifyDomain: onReverifyDomain })] })] }));
+const DomainItem = ({
+  domain,
+  onDeleteDomain,
+  onReverifyDomain
+}) => {
+  return /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
+    /* @__PURE__ */ jsx(IconPanel, { color: domain.nameServer === "Other" ? "gray" : "panel", children: /* @__PURE__ */ jsx(NameServerIcon, { provider: domain.nameServer }) }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+      /* @__PURE__ */ jsx(Text, { size: "2", highContrast: true, weight: "bold", as: "p", children: domain.domain }),
+      /* @__PURE__ */ jsxs(Text, { size: "2", color: "gray", as: "p", children: [
+        "Added",
+        " ",
+        getComparativeReadableDate(/* @__PURE__ */ new Date(), new Date(domain.createdAt))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { ml: "auto", mr: "2", gap: "4", align: "center", children: [
+      /* @__PURE__ */ jsx(Flex, { gap: "1", align: "center", children: /* @__PURE__ */ jsx(Status, { state: getDomainStatus(domain), children: domainStateToLabel(domain) }) }),
+      /* @__PURE__ */ jsx(
+        DomainActions,
+        {
+          domain,
+          onDeleteDomain,
+          onReverifyDomain
+        }
+      )
+    ] })
+  ] });
 };
 const domainStateToLabel = (domain) => {
-    switch (domain.state) {
-        case "Verified":
-        case "LegacyVerified":
-            return "Verified";
-        case "Pending":
-            return "Verification pending";
-        case "Failed":
-            return "Verification failed";
-    }
+  switch (domain.state) {
+    case "Verified":
+    case "LegacyVerified":
+      return "Verified";
+    case "Pending":
+      return "Verification pending";
+    case "Failed":
+      return "Verification failed";
+  }
 };
 const getDomainStatus = (domain) => {
-    switch (domain.state) {
-        case "Verified":
-        case "LegacyVerified":
-            return "success";
-        case "Pending":
-            return "waiting";
-        case "Failed":
-            return "error";
-    }
+  switch (domain.state) {
+    case "Verified":
+    case "LegacyVerified":
+      return "success";
+    case "Pending":
+      return "waiting";
+    case "Failed":
+      return "error";
+  }
+};
+export {
+  DomainItem
 };
 //# sourceMappingURL=domain-item.js.map

package/dist/esm/lib/domain-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"domain-item.js","sourceRoot":"","sources":["../../../src/lib/domain-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAQpD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,cAAc,EACd,gBAAgB,GACA,EAAE,EAAE;IACpB,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,aAC1B,KAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YAChE,KAAC,cAAc,IAAC,QAAQ,EAAE,MAAM,CAAC,UAAU,GAAI,GACrC,EAEZ,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,aACtB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,YAAY,QAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,YAC7C,MAAM,CAAC,MAAM,GACT,EAEP,MAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,sBAC1B,GAAG,EACR,0BAA0B,CAAC,IAAI,IAAI,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAC9D,IACF,EAEP,MAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,aAC3C,KAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,YAC1B,KAAC,MAAM,IAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,YACnC,kBAAkB,CAAC,MAAM,CAAC,GACpB,GACJ,EAEP,KAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,GAClC,IACG,IACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,MAA0B,EAAE,EAAE;IACxD,QAAQ,MAAM,CAAC,KAAK,EAAE,CAAC;QACrB,KAAK,UAAU,CAAC;QAChB,KAAK,gBAAgB;YACnB,OAAO,UAAU,CAAC;QACpB,KAAK,SAAS;YACZ,OAAO,sBAAsB,CAAC;QAChC,KAAK,QAAQ;YACX,OAAO,qBAAqB,CAAC;IACjC,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,MAA0B,EAAE,EAAE;IACrD,QAAQ,MAAM,CAAC,KAAK,EAAE,CAAC;QACrB,KAAK,UAAU,CAAC;QAChB,KAAK,gBAAgB;YACnB,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,OAAO,CAAC;IACnB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/lib/domain-item.tsx"],"sourcesContent":["\"use client\";\n\nimport { Flex, Text } from \"@radix-ui/themes\";\nimport { OrganizationDomain } from \"../api/endpoint.js\";\nimport { IconPanel } from \"./icon-panel.js\";\nimport { getComparativeReadableDate } from \"./utils.js\";\nimport { Status } from \"./status.js\";\nimport { NameServerIcon } from \"./name-server-icon.js\";\nimport { DomainActions } from \"./domain-actions.js\";\n\ninterface DomainItemProps {\n  domain: OrganizationDomain;\n  onDeleteDomain: (domainId: string) => void;\n  onReverifyDomain: (domainId: string) => void;\n}\n\nexport const DomainItem = ({\n  domain,\n  onDeleteDomain,\n  onReverifyDomain,\n}: DomainItemProps) => {\n  return (\n    <Flex gap=\"4\" align=\"center\">\n      <IconPanel color={domain.nameServer === \"Other\" ? \"gray\" : \"panel\"}>\n        <NameServerIcon provider={domain.nameServer} />\n      </IconPanel>\n\n      <Flex direction=\"column\">\n        <Text size=\"2\" highContrast weight=\"bold\" as=\"p\">\n          {domain.domain}\n        </Text>\n\n        <Text size=\"2\" color=\"gray\" as=\"p\">\n          Added{\" \"}\n          {getComparativeReadableDate(new Date(), new Date(domain.createdAt))}\n        </Text>\n      </Flex>\n\n      <Flex ml=\"auto\" mr=\"2\" gap=\"4\" align=\"center\">\n        <Flex gap=\"1\" align=\"center\">\n          <Status state={getDomainStatus(domain)}>\n            {domainStateToLabel(domain)}\n          </Status>\n        </Flex>\n\n        <DomainActions\n          domain={domain}\n          onDeleteDomain={onDeleteDomain}\n          onReverifyDomain={onReverifyDomain}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n\nconst domainStateToLabel = (domain: OrganizationDomain) => {\n  switch (domain.state) {\n    case \"Verified\":\n    case \"LegacyVerified\":\n      return \"Verified\";\n    case \"Pending\":\n      return \"Verification pending\";\n    case \"Failed\":\n      return \"Verification failed\";\n  }\n};\n\nconst getDomainStatus = (domain: OrganizationDomain) => {\n  switch (domain.state) {\n    case \"Verified\":\n    case \"LegacyVerified\":\n      return \"success\";\n    case \"Pending\":\n      return \"waiting\";\n    case \"Failed\":\n      return \"error\";\n  }\n};\n"],"mappings":";AAwBQ,cAQA,YARA;AAtBR,SAAS,MAAM,YAAY;AAE3B,SAAS,iBAAiB;AAC1B,SAAS,kCAAkC;AAC3C,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAQvB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,SACE,qBAAC,QAAK,KAAI,KAAI,OAAM,UAClB;AAAA,wBAAC,aAAU,OAAO,OAAO,eAAe,UAAU,SAAS,SACzD,8BAAC,kBAAe,UAAU,OAAO,YAAY,GAC/C;AAAA,IAEA,qBAAC,QAAK,WAAU,UACd;AAAA,0BAAC,QAAK,MAAK,KAAI,cAAY,MAAC,QAAO,QAAO,IAAG,KAC1C,iBAAO,QACV;AAAA,MAEA,qBAAC,QAAK,MAAK,KAAI,OAAM,QAAO,IAAG,KAAI;AAAA;AAAA,QAC3B;AAAA,QACL,2BAA2B,oBAAI,KAAK,GAAG,IAAI,KAAK,OAAO,SAAS,CAAC;AAAA,SACpE;AAAA,OACF;AAAA,IAEA,qBAAC,QAAK,IAAG,QAAO,IAAG,KAAI,KAAI,KAAI,OAAM,UACnC;AAAA,0BAAC,QAAK,KAAI,KAAI,OAAM,UAClB,8BAAC,UAAO,OAAO,gBAAgB,MAAM,GAClC,6BAAmB,MAAM,GAC5B,GACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,MAAM,qBAAqB,CAAC,WAA+B;AACzD,UAAQ,OAAO,OAAO;AAAA,IACpB,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EACX;AACF;AAEA,MAAM,kBAAkB,CAAC,WAA+B;AACtD,UAAQ,OAAO,OAAO;AAAA,IACpB,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EACX;AACF;","names":[]}

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