@workos-inc/widgets 1.4.0 → 1.4.1

package/dist/esm/lib/copy-button.js

@@ -1,36 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CheckIcon, CopyIcon } from "@radix-ui/react-icons";
 import { Slot, Slottable } from "@radix-ui/themes";
-export const CopyButton = React.forwardRef(function CopyButton({ value, asChild, children, style, ...props }, ref) {
+const CopyButton = React.forwardRef(
+  function CopyButton2({ value, asChild, children, style, ...props }, ref) {
     const [hasCopied, setHasCopied] = React.useState(false);
     const Comp = asChild ? Slot : "button";
-    const timeoutRef = React.useRef();
+    const timeoutRef = React.useRef(null);
     const handleClick = async () => {
-        try {
-            await navigator.clipboard.writeText(value);
-            setHasCopied(true);
-            // Clear any existing timeout
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-            // Set new timeout
-            timeoutRef.current = setTimeout(() => {
-                setHasCopied(false);
-            }, 3000);
-        }
-        catch (err) {
-            console.error("Failed to copy text:", err);
+      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);
+      }
     };
-    // Cleanup timeout on unmount
     React.useEffect(() => {
-        return () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-        };
+      return () => {
+        if (timeoutRef.current) {
+          window.clearTimeout(timeoutRef.current);
+        }
+      };
     }, []);
-    return (_jsxs(Comp, { onPointerUp: handleClick, ref: ref, ...props, children: [hasCopied ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}), _jsx(Slottable, { children: children })] }));
-});
+    return /* @__PURE__ */ jsxs(Comp, { onPointerUp: handleClick, ref, ...props, children: [
+      hasCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}),
+      /* @__PURE__ */ jsx(Slottable, { children })
+    ] });
+  }
+);
+export {
+  CopyButton
+};
 //# sourceMappingURL=copy-button.js.map

package/dist/esm/lib/copy-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.js","sourceRoot":"","sources":["../../../src/lib/copy-button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQnD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,SAAS,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAElD,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC3C,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,6BAA6B;YAC7B,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;YAED,kBAAkB;YAClB,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACnC,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,CAAC;IAEF,6BAA6B;IAC7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,IAAI,IAAC,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,aAChD,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,EACzC,KAAC,SAAS,cAAE,QAAQ,GAAa,IAC5B,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"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":"AA6CM,SACe,KADf;AA7CN,YAAY,WAAW;AACvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,MAAM,iBAAiB;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,OAAO;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,qBAAC,QAAK,aAAa,aAAa,KAAW,GAAG,OAC3C;AAAA,kBAAY,oBAAC,aAAU,IAAK,oBAAC,YAAS;AAAA,MACvC,oBAAC,aAAW,UAAS;AAAA,OACvB;AAAA,EAEJ;AACF;","names":["CopyButton"]}

package/dist/esm/lib/delete-domain-dialog.d.ts

@@ -1,5 +1,9 @@
-import * as React from "react";
-import { OrganizationDomain } from "../api/endpoint.js";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { OrganizationDomain } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface DeleteDomainDialogProps {
     children?: React.ReactNode;
     domain: OrganizationDomain;
@@ -7,6 +11,6 @@ interface DeleteDomainDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
 }
-export declare const DeleteDomainDialog: (props: DeleteDomainDialogProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=delete-domain-dialog.d.ts.map
+declare const DeleteDomainDialog: (props: DeleteDomainDialogProps) => react_jsx_runtime.JSX.Element;
+
+export { DeleteDomainDialog };

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

@@ -1,22 +1,48 @@
 "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 { AlertDialog, Button, Flex, Text } from "@radix-ui/themes";
-export const DeleteDomainDialog = (props) => {
-    const message = (() => {
-        switch (props.domain.state) {
-            case "Verified":
-            case "LegacyVerified":
-                return (_jsx(_Fragment, { children: _jsxs(Text, { size: "2", children: ["Users with the email domain ", _jsx("b", { children: props.domain.domain }), " will no longer be considered verified. This action is immediate and cannot be undone."] }) }));
-            case "Failed":
-                return (_jsx(_Fragment, { children: _jsxs(Text, { children: ["Are you sure you want to remove the domain", " ", _jsx("b", { children: props.domain.domain }), "? This action is immediate and cannot be undone."] }) }));
-            default:
-                return (_jsx(_Fragment, { children: _jsxs(Text, { children: ["Removing ", _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 (_jsxs(AlertDialog.Root, { open: props.open, onOpenChange: props.onOpenChange, children: [props.children && (_jsx(AlertDialog.Trigger, { children: props.children })), _jsxs(AlertDialog.Content, { style: { maxWidth: "488px" }, children: [_jsx(AlertDialog.Title, { mb: "2", children: "Remove domain" }), _jsx(AlertDialog.Description, { children: _jsx(Text, { size: "2", highContrast: true, children: message }) }), _jsxs(Flex, { justify: "end", gap: "2", mt: "5", children: [_jsx(AlertDialog.Cancel, { children: _jsx(Button, { variant: "outline", color: "gray", children: "Cancel" }) }), _jsx(Button, { variant: "solid", color: "red", onClick: handleDeleteDomain, children: "Remove domain" })] })] })] }));
+const DeleteDomainDialog = (props) => {
+  const message = (() => {
+    switch (props.domain.state) {
+      case "Verified":
+      case "LegacyVerified":
+        return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Text, { size: "2", children: [
+          "Users with the email domain ",
+          /* @__PURE__ */ jsx("b", { children: props.domain.domain }),
+          " will no longer be considered verified. This action is immediate and cannot be undone."
+        ] }) });
+      case "Failed":
+        return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Text, { children: [
+          "Are you sure you want to remove the domain",
+          " ",
+          /* @__PURE__ */ jsx("b", { children: props.domain.domain }),
+          "? This action is immediate and cannot be undone."
+        ] }) });
+      default:
+        return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Text, { children: [
+          "Removing ",
+          /* @__PURE__ */ 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__ */ jsxs(AlertDialog.Root, { open: props.open, onOpenChange: props.onOpenChange, children: [
+    props.children && /* @__PURE__ */ jsx(AlertDialog.Trigger, { children: props.children }),
+    /* @__PURE__ */ jsxs(AlertDialog.Content, { style: { maxWidth: "488px" }, children: [
+      /* @__PURE__ */ jsx(AlertDialog.Title, { mb: "2", children: "Remove domain" }),
+      /* @__PURE__ */ jsx(AlertDialog.Description, { children: /* @__PURE__ */ jsx(Text, { size: "2", highContrast: true, children: message }) }),
+      /* @__PURE__ */ jsxs(Flex, { justify: "end", gap: "2", mt: "5", children: [
+        /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", color: "gray", children: "Cancel" }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "solid", color: "red", onClick: handleDeleteDomain, children: "Remove domain" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  DeleteDomainDialog
 };
 //# sourceMappingURL=delete-domain-dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"delete-domain-dialog.js","sourceRoot":"","sources":["../../../src/lib/delete-domain-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAWnE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE;QACpB,QAAQ,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAC3B,KAAK,UAAU,CAAC;YAChB,KAAK,gBAAgB;gBACnB,OAAO,CACL,4BACE,MAAC,IAAI,IAAC,IAAI,EAAC,GAAG,6CACgB,sBAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAK,8FAGnD,GACN,CACJ,CAAC;YACJ,KAAK,QAAQ;gBACX,OAAO,CACL,4BACE,MAAC,IAAI,6DACwC,GAAG,EAC9C,sBAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAK,wDAEvB,GACN,CACJ,CAAC;YACJ;gBACE,OAAO,CACL,4BACE,MAAC,IAAI,4BACM,sBAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAK,wGAGhC,GACN,CACJ,CAAC;QACN,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACtC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,aACjE,KAAK,CAAC,QAAQ,IAAI,CACjB,KAAC,WAAW,CAAC,OAAO,cAAE,KAAK,CAAC,QAAQ,GAAuB,CAC5D,EAED,MAAC,WAAW,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,aAC/C,KAAC,WAAW,CAAC,KAAK,IAAC,EAAE,EAAC,GAAG,8BAAkC,EAC3D,KAAC,WAAW,CAAC,WAAW,cACtB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,YAAY,kBACxB,OAAO,GACH,GACiB,EAC1B,MAAC,IAAI,IAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aAChC,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,uBAE7B,GACU,EACrB,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAE,kBAAkB,8BAEtD,IACJ,IACa,IACL,CACpB,CAAC;AACJ,CAAC,CAAC"}
+{"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":";AAoBU,mBAEgC,KAD9B,YADF;AAjBV,SAAS,aAAa,QAAQ,MAAM,YAAY;AAWzC,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,WAAW,MAAM;AACrB,YAAQ,MAAM,OAAO,OAAO;AAAA,MAC1B,KAAK;AAAA,MACL,KAAK;AACH,eACE,gCACE,+BAAC,QAAK,MAAK,KAAI;AAAA;AAAA,UACe,oBAAC,OAAG,gBAAM,OAAO,QAAO;AAAA,UAAI;AAAA,WAG1D,GACF;AAAA,MAEJ,KAAK;AACH,eACE,gCACE,+BAAC,QAAK;AAAA;AAAA,UACuC;AAAA,UAC3C,oBAAC,OAAG,gBAAM,OAAO,QAAO;AAAA,UAAI;AAAA,WAE9B,GACF;AAAA,MAEJ;AACE,eACE,gCACE,+BAAC,QAAK;AAAA;AAAA,UACK,oBAAC,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,qBAAC,YAAY,MAAZ,EAAiB,MAAM,MAAM,MAAM,cAAc,MAAM,cACrD;AAAA,UAAM,YACL,oBAAC,YAAY,SAAZ,EAAqB,gBAAM,UAAS;AAAA,IAGvC,qBAAC,YAAY,SAAZ,EAAoB,OAAO,EAAE,UAAU,QAAQ,GAC9C;AAAA,0BAAC,YAAY,OAAZ,EAAkB,IAAG,KAAI,2BAAa;AAAA,MACvC,oBAAC,YAAY,aAAZ,EACC,8BAAC,QAAK,MAAK,KAAI,cAAY,MACxB,mBACH,GACF;AAAA,MACA,qBAAC,QAAK,SAAQ,OAAM,KAAI,KAAI,IAAG,KAC7B;AAAA,4BAAC,YAAY,QAAZ,EACC,8BAAC,UAAO,SAAQ,WAAU,OAAM,QAAO,oBAEvC,GACF;AAAA,QACA,oBAAC,UAAO,SAAQ,SAAQ,OAAM,OAAM,SAAS,oBAAoB,2BAEjE;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/esm/lib/delete-user-dialog.d.ts

@@ -1,12 +1,16 @@
-import { AlertDialog } 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 { AlertDialog } from '@radix-ui/themes';
+import { ReactNode } from 'react';
+import { Member } from '../api/endpoint.js';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.js';
+
 interface DeleteUserDialogProps extends AlertDialog.RootProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     user: Member;
     children?: ReactNode;
 }
-export declare function DeleteUserDialog({ children, user, ...props }: DeleteUserDialogProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=delete-user-dialog.d.ts.map
+declare function DeleteUserDialog({ children, user, ...props }: DeleteUserDialogProps): react_jsx_runtime.JSX.Element;
+
+export { DeleteUserDialog };

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":[]}