@workos-inc/widgets 1.7.2 → 1.8.0

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

@@ -3,6 +3,7 @@ import * as React from "react";
 import { IconButton, Button } from "./elements.js";
 import { CheckIcon, CopyIcon } from "@radix-ui/react-icons";
 import { Slot, Slottable } from "@radix-ui/themes";
+import { useTranslation } from "./i18n/use-translation.js";
 const CopyButton = React.forwardRef(
   function CopyButton2({ value, asChild, children, style, withIcon = false, ...props }, ref) {
     const Comp = asChild ? Slot : Button;
@@ -15,14 +16,25 @@ const CopyButton = React.forwardRef(
 );
 const CopyIconButton = React.forwardRef(function CopyIconButton2({ value, style, ...props }, ref) {
   const [hasCopied, copy] = useCopy(value);
+  const translate = useTranslation();
+  const copiedText = translate({
+    defaultMessage: "Copied",
+    id: "xgUx3Z",
+    description: "Text shown after content has been copied"
+  });
+  const copyToClipboardText = translate({
+    defaultMessage: "Copy to clipboard",
+    id: "h9d9dv",
+    description: "Button text to copy content to clipboard"
+  });
   return /* @__PURE__ */ jsx(
     IconButton,
     {
       type: "button",
       onPointerUp: copy,
       ref,
-      title: hasCopied ? "Copied" : "Copy to clipboard",
-      "aria-label": "Copy to clipboard",
+      title: hasCopied ? copiedText : copyToClipboardText,
+      "aria-label": copyToClipboardText,
       ...props,
       children: hasCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/copy-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IconButton, Button } from \"./elements.js\";\nimport { CheckIcon, CopyIcon } from \"@radix-ui/react-icons\";\nimport { Slot, Slottable } from \"@radix-ui/themes\";\n\ninterface CopyButtonOwnProps {\n  value: string;\n  withIcon?: boolean;\n}\n\ninterface CopyButtonProps\n  extends CopyButtonOwnProps,\n    Omit<React.ComponentProps<typeof Button>, keyof CopyButtonOwnProps> {}\n\nexport const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(\n  function CopyButton(\n    { value, asChild, children, style, withIcon = false, ...props },\n    ref,\n  ) {\n    const Comp = asChild ? Slot : Button;\n    const [hasCopied, copy] = useCopy(value);\n    return (\n      <Comp type=\"button\" onPointerUp={copy} ref={ref} {...props}>\n        {withIcon &&\n          (hasCopied ? <CheckIcon aria-hidden /> : <CopyIcon aria-hidden />)}\n        <Slottable>{children}</Slottable>\n      </Comp>\n    );\n  },\n);\n\ninterface CopyIconButtonOwnProps {\n  value: string;\n}\n\ninterface CopyIconButtonProps\n  extends CopyIconButtonOwnProps,\n    Omit<\n      React.ComponentProps<typeof IconButton>,\n      \"asChild\" | \"children\" | keyof CopyIconButtonOwnProps\n    > {}\n\nexport const CopyIconButton = React.forwardRef<\n  HTMLButtonElement,\n  CopyIconButtonProps\n>(function CopyIconButton({ value, style, ...props }, ref) {\n  const [hasCopied, copy] = useCopy(value);\n  return (\n    <IconButton\n      type=\"button\"\n      onPointerUp={copy}\n      ref={ref}\n      title={hasCopied ? \"Copied\" : \"Copy to clipboard\"}\n      aria-label=\"Copy to clipboard\"\n      {...props}\n    >\n      {hasCopied ? <CheckIcon /> : <CopyIcon />}\n    </IconButton>\n  );\n});\n\nfunction useCopy(value: string) {\n  const [hasCopied, setHasCopied] = React.useState(false);\n  const timeoutRef = React.useRef<number | undefined>(undefined);\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(value);\n      setHasCopied(true);\n\n      // Clear any existing timeout\n      if (timeoutRef.current) {\n        window.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 [hasCopied, copy] as const;\n}\n"],"mappings":"AAsBM,SAEiB,KAFjB;AAtBN,YAAY,WAAW;AACvB,SAAS,YAAY,cAAc;AACnC,SAAS,WAAW,gBAAgB;AACpC,SAAS,MAAM,iBAAiB;AAWzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YACP,EAAE,OAAO,SAAS,UAAU,OAAO,WAAW,OAAO,GAAG,MAAM,GAC9D,KACA;AACA,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,CAAC,WAAW,IAAI,IAAI,QAAQ,KAAK;AACvC,WACE,qBAAC,QAAK,MAAK,UAAS,aAAa,MAAM,KAAW,GAAG,OAClD;AAAA,mBACE,YAAY,oBAAC,aAAU,eAAW,MAAC,IAAK,oBAAC,YAAS,eAAW,MAAC;AAAA,MACjE,oBAAC,aAAW,UAAS;AAAA,OACvB;AAAA,EAEJ;AACF;AAaO,MAAM,iBAAiB,MAAM,WAGlC,SAASC,gBAAe,EAAE,OAAO,OAAO,GAAG,MAAM,GAAG,KAAK;AACzD,QAAM,CAAC,WAAW,IAAI,IAAI,QAAQ,KAAK;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAa;AAAA,MACb;AAAA,MACA,OAAO,YAAY,WAAW;AAAA,MAC9B,cAAW;AAAA,MACV,GAAG;AAAA,MAEH,sBAAY,oBAAC,aAAU,IAAK,oBAAC,YAAS;AAAA;AAAA,EACzC;AAEJ,CAAC;AAED,SAAS,QAAQ,OAAe;AAC9B,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AACtD,QAAM,aAAa,MAAM,OAA2B,MAAS;AAE7D,QAAM,OAAO,YAAY;AACvB,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,KAAK;AACzC,mBAAa,IAAI;AAGjB,UAAI,WAAW,SAAS;AACtB,eAAO,aAAa,WAAW,OAAO;AAAA,MACxC;AAGA,iBAAW,UAAU,OAAO,WAAW,MAAM;AAC3C,qBAAa,KAAK;AAAA,MACpB,GAAG,GAAI;AAAA,IACT,SAAS,KAAK;AACZ,cAAQ,MAAM,wBAAwB,GAAG;AAAA,IAC3C;AAAA,EACF;AAGA,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,UAAI,WAAW,SAAS;AACtB,eAAO,aAAa,WAAW,OAAO;AAAA,MACxC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,WAAW,IAAI;AACzB;","names":["CopyButton","CopyIconButton"]}
+{"version":3,"sources":["../../../src/lib/copy-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IconButton, Button } from \"./elements.js\";\nimport { CheckIcon, CopyIcon } from \"@radix-ui/react-icons\";\nimport { Slot, Slottable } from \"@radix-ui/themes\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\n\ninterface CopyButtonOwnProps {\n  value: string;\n  withIcon?: boolean;\n}\n\ninterface CopyButtonProps\n  extends CopyButtonOwnProps,\n    Omit<React.ComponentProps<typeof Button>, keyof CopyButtonOwnProps> {}\n\nexport const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(\n  function CopyButton(\n    { value, asChild, children, style, withIcon = false, ...props },\n    ref,\n  ) {\n    const Comp = asChild ? Slot : Button;\n    const [hasCopied, copy] = useCopy(value);\n    return (\n      <Comp type=\"button\" onPointerUp={copy} ref={ref} {...props}>\n        {withIcon &&\n          (hasCopied ? <CheckIcon aria-hidden /> : <CopyIcon aria-hidden />)}\n        <Slottable>{children}</Slottable>\n      </Comp>\n    );\n  },\n);\n\ninterface CopyIconButtonOwnProps {\n  value: string;\n}\n\ninterface CopyIconButtonProps\n  extends CopyIconButtonOwnProps,\n    Omit<\n      React.ComponentProps<typeof IconButton>,\n      \"asChild\" | \"children\" | \"title\" | keyof CopyIconButtonOwnProps\n    > {\n  title?: string;\n}\n\nexport const CopyIconButton = React.forwardRef<\n  HTMLButtonElement,\n  CopyIconButtonProps\n>(function CopyIconButton({ value, style, ...props }, ref) {\n  const [hasCopied, copy] = useCopy(value);\n  const translate = useTranslation();\n  const copiedText = translate({\n    defaultMessage: \"Copied\",\n    id: \"xgUx3Z\",\n    description: \"Text shown after content has been copied\",\n  });\n  const copyToClipboardText = translate({\n    defaultMessage: \"Copy to clipboard\",\n    id: \"h9d9dv\",\n    description: \"Button text to copy content to clipboard\",\n  });\n  return (\n    <IconButton\n      type=\"button\"\n      onPointerUp={copy}\n      ref={ref}\n      title={hasCopied ? copiedText : copyToClipboardText}\n      aria-label={copyToClipboardText}\n      {...props}\n    >\n      {hasCopied ? <CheckIcon /> : <CopyIcon />}\n    </IconButton>\n  );\n});\n\nfunction useCopy(value: string) {\n  const [hasCopied, setHasCopied] = React.useState(false);\n  const timeoutRef = React.useRef<number | undefined>(undefined);\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(value);\n      setHasCopied(true);\n\n      // Clear any existing timeout\n      if (timeoutRef.current) {\n        window.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 [hasCopied, copy] as const;\n}\n"],"mappings":"AAuBM,SAEiB,KAFjB;AAvBN,YAAY,WAAW;AACvB,SAAS,YAAY,cAAc;AACnC,SAAS,WAAW,gBAAgB;AACpC,SAAS,MAAM,iBAAiB;AAChC,SAAS,sBAAsB;AAWxB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YACP,EAAE,OAAO,SAAS,UAAU,OAAO,WAAW,OAAO,GAAG,MAAM,GAC9D,KACA;AACA,UAAM,OAAO,UAAU,OAAO;AAC9B,UAAM,CAAC,WAAW,IAAI,IAAI,QAAQ,KAAK;AACvC,WACE,qBAAC,QAAK,MAAK,UAAS,aAAa,MAAM,KAAW,GAAG,OAClD;AAAA,mBACE,YAAY,oBAAC,aAAU,eAAW,MAAC,IAAK,oBAAC,YAAS,eAAW,MAAC;AAAA,MACjE,oBAAC,aAAW,UAAS;AAAA,OACvB;AAAA,EAEJ;AACF;AAeO,MAAM,iBAAiB,MAAM,WAGlC,SAASC,gBAAe,EAAE,OAAO,OAAO,GAAG,MAAM,GAAG,KAAK;AACzD,QAAM,CAAC,WAAW,IAAI,IAAI,QAAQ,KAAK;AACvC,QAAM,YAAY,eAAe;AACjC,QAAM,aAAa,UAAU;AAAA,IAC3B,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,sBAAsB,UAAU;AAAA,IACpC,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAa;AAAA,MACb;AAAA,MACA,OAAO,YAAY,aAAa;AAAA,MAChC,cAAY;AAAA,MACX,GAAG;AAAA,MAEH,sBAAY,oBAAC,aAAU,IAAK,oBAAC,YAAS;AAAA;AAAA,EACzC;AAEJ,CAAC;AAED,SAAS,QAAQ,OAAe;AAC9B,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AACtD,QAAM,aAAa,MAAM,OAA2B,MAAS;AAE7D,QAAM,OAAO,YAAY;AACvB,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,KAAK;AACzC,mBAAa,IAAI;AAGjB,UAAI,WAAW,SAAS;AACtB,eAAO,aAAa,WAAW,OAAO;AAAA,MACxC;AAGA,iBAAW,UAAU,OAAO,WAAW,MAAM;AAC3C,qBAAa,KAAK;AAAA,MACpB,GAAG,GAAI;AAAA,IACT,SAAS,KAAK;AACZ,cAAQ,MAAM,wBAAwB,GAAG;AAAA,IAC3C;AAAA,EACF;AAGA,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,UAAI,WAAW,SAAS;AACtB,eAAO,aAAa,WAAW,OAAO;AAAA,MACxC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,WAAW,IAAI;AACzB;","names":["CopyButton","CopyIconButton"]}

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

@@ -2,29 +2,41 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Flex, Text } from "@radix-ui/themes";
 import { AlertDialog, Button } from "./elements.js";
+import { Translation } from "./i18n/translation.js";
 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."
-        ] }) });
+        return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Text, { size: "2", children: /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Users with the email domain {domain} will no longer be considered verified. This action is immediate and cannot be undone.",
+            id: "HPEjJe",
+            description: "Warning message for removing a verified domain",
+            values: { domain: /* @__PURE__ */ jsx("b", { children: props.domain.domain }) }
+          }
+        ) }) });
       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."
-        ] }) });
+        return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Are you sure you want to remove the domain {domain}? This action is immediate and cannot be undone.",
+            id: "ig3G/s",
+            description: "Warning message for removing a failed domain",
+            values: { domain: /* @__PURE__ */ jsx("b", { children: props.domain.domain }) }
+          }
+        ) }) });
       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."
-        ] }) });
+        return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Removing {domain} will cancel the DNS record verification process. This action is immediate and cannot be undone.",
+            id: "zx2oPb",
+            description: "Warning message for removing a domain in verification",
+            values: { domain: /* @__PURE__ */ jsx("b", { children: props.domain.domain }) }
+          }
+        ) }) });
     }
   })();
   const handleDeleteDomain = () => {
@@ -34,11 +46,32 @@ const DeleteDomainDialog = (props) => {
   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.Title, { mb: "2", children: /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "Remove domain",
+          id: "0stiTP",
+          description: "Dialog title for removing a 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: "secondary", children: "Cancel" }) }),
-        /* @__PURE__ */ jsx(Button, { variant: "destructive", onClick: handleDeleteDomain, children: "Remove domain" })
+        /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "secondary", children: /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Cancel",
+            id: "hHNj31",
+            description: "Cancel button text"
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "destructive", onClick: handleDeleteDomain, children: /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Remove domain",
+            id: "OkjVyP",
+            description: "Confirm button text to remove domain"
+          }
+        ) })
       ] })
     ] })
   ] });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/delete-domain-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Flex, Text } from \"@radix-ui/themes\";\nimport { OrganizationDomain } from \"../api/endpoint.js\";\nimport { AlertDialog, Button } from \"./elements.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=\"secondary\">Cancel</Button>\n          </AlertDialog.Cancel>\n          <Button variant=\"destructive\" onClick={handleDeleteDomain}>\n            Remove domain\n          </Button>\n        </Flex>\n      </AlertDialog.Content>\n    </AlertDialog.Root>\n  );\n};\n"],"mappings":";AAqBU,mBAEgC,KAD9B,YADF;AAlBV,SAAS,MAAM,YAAY;AAE3B,SAAS,aAAa,cAAc;AAU7B,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,aAAY,oBAAM,GACpC;AAAA,QACA,oBAAC,UAAO,SAAQ,eAAc,SAAS,oBAAoB,2BAE3D;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/lib/delete-domain-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Flex, Text } from \"@radix-ui/themes\";\nimport { OrganizationDomain } from \"../api/endpoint.js\";\nimport { AlertDialog, Button } from \"./elements.js\";\nimport { Translation } from \"./i18n/translation.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              <Translation\n                defaultMessage=\"Users with the email domain {domain} will no longer be considered verified. This action is immediate and cannot be undone.\"\n                id=\"HPEjJe\"\n                description=\"Warning message for removing a verified domain\"\n                values={{ domain: <b>{props.domain.domain}</b> }}\n              />\n            </Text>\n          </>\n        );\n      case \"Failed\":\n        return (\n          <>\n            <Text>\n              <Translation\n                defaultMessage=\"Are you sure you want to remove the domain {domain}? This action is immediate and cannot be undone.\"\n                id=\"ig3G/s\"\n                description=\"Warning message for removing a failed domain\"\n                values={{ domain: <b>{props.domain.domain}</b> }}\n              />\n            </Text>\n          </>\n        );\n      default:\n        return (\n          <>\n            <Text>\n              <Translation\n                defaultMessage=\"Removing {domain} will cancel the DNS record verification process. This action is immediate and cannot be undone.\"\n                id=\"zx2oPb\"\n                description=\"Warning message for removing a domain in verification\"\n                values={{ domain: <b>{props.domain.domain}</b> }}\n              />\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\">\n          <Translation\n            defaultMessage=\"Remove domain\"\n            id=\"0stiTP\"\n            description=\"Dialog title for removing a domain\"\n          />\n        </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=\"secondary\">\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"hHNj31\"\n                description=\"Cancel button text\"\n              />\n            </Button>\n          </AlertDialog.Cancel>\n          <Button variant=\"destructive\" onClick={handleDeleteDomain}>\n            <Translation\n              defaultMessage=\"Remove domain\"\n              id=\"OkjVyP\"\n              description=\"Confirm button text to remove domain\"\n            />\n          </Button>\n        </Flex>\n      </AlertDialog.Content>\n    </AlertDialog.Root>\n  );\n};\n"],"mappings":";AAsBU,mBAMwB,KA0D1B,YAhEE;AAnBV,SAAS,MAAM,YAAY;AAE3B,SAAS,aAAa,cAAc;AACpC,SAAS,mBAAmB;AAUrB,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,WAAW,MAAM;AACrB,YAAQ,MAAM,OAAO,OAAO;AAAA,MAC1B,KAAK;AAAA,MACL,KAAK;AACH,eACE,gCACE,8BAAC,QAAK,MAAK,KACT;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA,YACZ,QAAQ,EAAE,QAAQ,oBAAC,OAAG,gBAAM,OAAO,QAAO,EAAK;AAAA;AAAA,QACjD,GACF,GACF;AAAA,MAEJ,KAAK;AACH,eACE,gCACE,8BAAC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA,YACZ,QAAQ,EAAE,QAAQ,oBAAC,OAAG,gBAAM,OAAO,QAAO,EAAK;AAAA;AAAA,QACjD,GACF,GACF;AAAA,MAEJ;AACE,eACE,gCACE,8BAAC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA,YACZ,QAAQ,EAAE,QAAQ,oBAAC,OAAG,gBAAM,OAAO,QAAO,EAAK;AAAA;AAAA,QACjD,GACF,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,KACpB;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,IAAG;AAAA,UACH,aAAY;AAAA;AAAA,MACd,GACF;AAAA,MACA,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,aACd;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd,GACF,GACF;AAAA,QACA,oBAAC,UAAO,SAAQ,eAAc,SAAS,oBACrC;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd,GACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import * as React from 'react';
 import { RootProps } from '@radix-ui/themes/components/alert-dialog';
 import { Member } from '../api/endpoint.js';
 import '@tanstack/react-query';
@@ -9,7 +9,7 @@ interface DeleteUserDialogProps extends RootProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     user: Member;
-    children?: ReactNode;
+    children?: React.ReactNode;
 }
 declare function DeleteUserDialog({ children, user, ...props }: DeleteUserDialogProps): react_jsx_runtime.JSX.Element;
 

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

@@ -1,16 +1,17 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Callout, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
-import { useRef } from "react";
 import { useDeleteUser } from "./api/user.js";
 import { AlertDialog, Button } from "./elements.js";
+import { Translation } from "./i18n/translation.js";
 function DeleteUserDialog({
   children,
   user,
   ...props
 }) {
   const deleteUser = useDeleteUser();
-  const inputRef = useRef(null);
+  const inputRef = React.useRef(null);
   const onSubmitForm = () => {
     deleteUser.mutate(
       { userId: user.id },
@@ -33,13 +34,23 @@ function DeleteUserDialog({
           });
         },
         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."
-          ] }) }),
+          /* @__PURE__ */ jsx(AlertDialog.Title, { children: /* @__PURE__ */ jsx(
+            Translation,
+            {
+              defaultMessage: "Remove user",
+              id: "N8aD60",
+              description: "Dialog title for removing a user"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "3", children: /* @__PURE__ */ jsx(AlertDialog.Description, { children: /* @__PURE__ */ jsx(
+            Translation,
+            {
+              defaultMessage: "Are you sure you want to remove {email}? This action is immediate and cannot be undone.",
+              id: "4zDwGl",
+              description: "Warning message for removing a user",
+              values: { email: /* @__PURE__ */ jsx(Text, { weight: "bold", children: user.email }) }
+            }
+          ) }) }),
           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",
@@ -49,14 +60,28 @@ function DeleteUserDialog({
                 onSubmitForm();
               },
               children: [
-                /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "secondary", disabled: deleteUser.isPending, children: "Cancel" }) }),
+                /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "secondary", disabled: deleteUser.isPending, children: /* @__PURE__ */ jsx(
+                  Translation,
+                  {
+                    defaultMessage: "Cancel",
+                    id: "hHNj31",
+                    description: "Cancel button text"
+                  }
+                ) }) }),
                 /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "destructive",
                     type: "submit",
                     loading: deleteUser.isPending,
-                    children: "Remove"
+                    children: /* @__PURE__ */ jsx(
+                      Translation,
+                      {
+                        defaultMessage: "Remove",
+                        id: "DJXWAJ",
+                        description: "Confirm button text to remove user"
+                      }
+                    )
                   }
                 )
               ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/delete-user-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Callout, Flex, Text, VisuallyHidden } from \"@radix-ui/themes\";\nimport { type ReactNode, useRef } from \"react\";\nimport { useDeleteUser } from \"./api/user.js\";\nimport { AlertDialog, Button } 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      <AlertDialog.Content\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              <Button variant=\"secondary\" disabled={deleteUser.isPending}>\n                Cancel\n              </Button>\n            </AlertDialog.Cancel>\n\n            <Button\n              variant=\"destructive\"\n              type=\"submit\"\n              loading={deleteUser.isPending}\n            >\n              Remove\n            </Button>\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      </AlertDialog.Content>\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":";AAqCmB,cAYT,YAZS;AAlCnB,SAAS,SAAS,MAAM,MAAM,sBAAsB;AACpD,SAAyB,cAAc;AACvC,SAAS,qBAAqB;AAC9B,SAAS,aAAa,cAAc;AAU7B,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,YAAY;AAAA,MAAZ;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,UAAO,SAAQ,aAAY,UAAU,WAAW,WAAW,oBAE5D,GACF;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,SAAS,WAAW;AAAA,oBACrB;AAAA;AAAA,gBAED;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":[]}
+{"version":3,"sources":["../../../src/lib/delete-user-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Callout, Flex, Text, VisuallyHidden } from \"@radix-ui/themes\";\nimport { useDeleteUser } from \"./api/user.js\";\nimport { AlertDialog, Button } from \"./elements.js\";\nimport { Member } from \"../api/endpoint.js\";\nimport { Translation } from \"./i18n/translation.js\";\n\ninterface DeleteUserDialogProps extends AlertDialog.RootProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  user: Member;\n  children?: React.ReactNode;\n}\n\nexport function DeleteUserDialog({\n  children,\n  user,\n  ...props\n}: DeleteUserDialogProps) {\n  const deleteUser = useDeleteUser();\n  const inputRef = React.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      <AlertDialog.Content\n        maxWidth=\"480px\"\n        onOpenAutoFocus={() => {\n          requestAnimationFrame(() => {\n            inputRef.current?.focus();\n          });\n        }}\n      >\n        <AlertDialog.Title>\n          <Translation\n            defaultMessage=\"Remove user\"\n            id=\"N8aD60\"\n            description=\"Dialog title for removing a user\"\n          />\n        </AlertDialog.Title>\n        <Flex direction=\"column\" gap=\"3\">\n          <AlertDialog.Description>\n            <Translation\n              defaultMessage=\"Are you sure you want to remove {email}? This action is immediate and cannot be undone.\"\n              id=\"4zDwGl\"\n              description=\"Warning message for removing a user\"\n              values={{ email: <Text weight=\"bold\">{user.email}</Text> }}\n            />\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              <Button variant=\"secondary\" disabled={deleteUser.isPending}>\n                <Translation\n                  defaultMessage=\"Cancel\"\n                  id=\"hHNj31\"\n                  description=\"Cancel button text\"\n                />\n              </Button>\n            </AlertDialog.Cancel>\n\n            <Button\n              variant=\"destructive\"\n              type=\"submit\"\n              loading={deleteUser.isPending}\n            >\n              <Translation\n                defaultMessage=\"Remove\"\n                id=\"DJXWAJ\"\n                description=\"Confirm button text to remove user\"\n              />\n            </Button>\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      </AlertDialog.Content>\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\n// Note: Error messages in getMutationErrorMessage are kept as plain strings\n// since they are displayed dynamically\n"],"mappings":";AAqCmB,cAqCT,YArCS;AAnCnB,YAAY,WAAW;AACvB,SAAS,SAAS,MAAM,MAAM,sBAAsB;AACpD,SAAS,qBAAqB;AAC9B,SAAS,aAAa,cAAc;AAEpC,SAAS,mBAAmB;AASrB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,MAAM,OAAyB,IAAI;AAEpD,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,YAAY;AAAA,MAAZ;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,EACC;AAAA,YAAC;AAAA;AAAA,cACC,gBAAe;AAAA,cACf,IAAG;AAAA,cACH,aAAY;AAAA;AAAA,UACd,GACF;AAAA,UACA,oBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B,8BAAC,YAAY,aAAZ,EACC;AAAA,YAAC;AAAA;AAAA,cACC,gBAAe;AAAA,cACf,IAAG;AAAA,cACH,aAAY;AAAA,cACZ,QAAQ,EAAE,OAAO,oBAAC,QAAK,QAAO,QAAQ,eAAK,OAAM,EAAQ;AAAA;AAAA,UAC3D,GACF,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,UAAO,SAAQ,aAAY,UAAU,WAAW,WAC/C;AAAA,kBAAC;AAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,IAAG;AAAA,oBACH,aAAY;AAAA;AAAA,gBACd,GACF,GACF;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,SAAS,WAAW;AAAA,oBAEpB;AAAA,sBAAC;AAAA;AAAA,wBACC,gBAAe;AAAA,wBACf,IAAG;AAAA,wBACH,aAAY;AAAA;AAAA,oBACd;AAAA;AAAA,gBACF;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.js

@@ -1,17 +1,30 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import * as React from "react";
 import { DotsHorizontalIcon, TrashIcon } from "@radix-ui/react-icons";
 import { ViewDnsRecordDialog } from "./view-dns-record-dialog.js";
 import { DeleteDomainDialog } from "./delete-domain-dialog.js";
 import { DropdownMenu, IconButton } from "./elements.js";
+import { Translation } from "./i18n/translation.js";
+import { useTranslation } from "./i18n/use-translation.js";
 const DomainActions = ({
   domain,
   onDeleteDomain,
   onReverifyDomain
 }) => {
-  const [viewDnsDialogOpen, setViewDnsDialogOpen] = useState(false);
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+  const [viewDnsDialogOpen, setViewDnsDialogOpen] = React.useState(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = React.useState(false);
+  const translate = useTranslation();
+  const removeDomainTitle = translate({
+    defaultMessage: "Remove domain",
+    id: "Cf+uSR",
+    description: "Title for remove domain button"
+  });
+  const domainActionsTitle = translate({
+    defaultMessage: "Domain actions",
+    id: "l1mz5q",
+    description: "Title for domain actions dropdown button"
+  });
   if (domain.state === "Verified") {
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       DeleteDomainDialog,
@@ -20,21 +33,42 @@ const DomainActions = ({
         onDeleteDomain,
         open: deleteDialogOpen,
         onOpenChange: setDeleteDialogOpen,
-        children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "Remove domain", title: "Remove domain", children: /* @__PURE__ */ jsx(TrashIcon, {}) })
+        children: /* @__PURE__ */ jsx(IconButton, { title: removeDomainTitle, children: /* @__PURE__ */ jsx(TrashIcon, {}) })
       }
     ) });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
-      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "Domain actions", title: "Domain actions", children: /* @__PURE__ */ jsx(DotsHorizontalIcon, {}) }) }),
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { children: /* @__PURE__ */ jsx(IconButton, { title: domainActionsTitle, 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, { onClick: () => setViewDnsDialogOpen(true), children: domain.state === "Failed" ? /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "Restart verification",
+            id: "ZJYAji",
+            description: "Menu option to restart domain verification"
+          }
+        ) : /* @__PURE__ */ jsx(
+          Translation,
+          {
+            defaultMessage: "View DNS record",
+            id: "74JScV",
+            description: "Menu option to view DNS record"
+          }
+        ) }),
         /* @__PURE__ */ jsx(
           DropdownMenu.Item,
           {
             variant: "destructive",
             onClick: () => setDeleteDialogOpen(true),
-            children: "Remove domain"
+            children: /* @__PURE__ */ jsx(
+              Translation,
+              {
+                defaultMessage: "Remove domain",
+                id: "cO5+D2",
+                description: "Menu option to remove a domain"
+              }
+            )
           }
         )
       ] })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/domain-actions.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useState } from \"react\";\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\";\nimport { DropdownMenu, IconButton } from \"./elements.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 aria-label=\"Remove domain\" title=\"Remove domain\">\n            <TrashIcon />\n          </IconButton>\n        </DeleteDomainDialog>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger>\n          <IconButton aria-label=\"Domain actions\" title=\"Domain actions\">\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            variant=\"destructive\"\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,oBAAoB,iBAAiB;AAE9C,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,cAAc,kBAAkB;AAQlC,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,cAAW,iBAAgB,OAAM,iBAC3C,8BAAC,aAAU,GACb;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AAEA,SACE,iCACE;AAAA,yBAAC,aAAa,MAAb,EACC;AAAA,0BAAC,aAAa,SAAb,EACC,8BAAC,cAAW,cAAW,kBAAiB,OAAM,kBAC5C,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,SAAQ;AAAA,YACR,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":[]}
+{"version":3,"sources":["../../../src/lib/domain-actions.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\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\";\nimport { DropdownMenu, IconButton } from \"./elements.js\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.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] = React.useState(false);\n  const [deleteDialogOpen, setDeleteDialogOpen] = React.useState(false);\n  const translate = useTranslation();\n\n  const removeDomainTitle = translate({\n    defaultMessage: \"Remove domain\",\n    id: \"Cf+uSR\",\n    description: \"Title for remove domain button\",\n  });\n\n  const domainActionsTitle = translate({\n    defaultMessage: \"Domain actions\",\n    id: \"l1mz5q\",\n    description: \"Title for domain actions dropdown button\",\n  });\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 title={removeDomainTitle}>\n            <TrashIcon />\n          </IconButton>\n        </DeleteDomainDialog>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger>\n          <IconButton title={domainActionsTitle}>\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              <Translation\n                defaultMessage=\"Restart verification\"\n                id=\"ZJYAji\"\n                description=\"Menu option to restart domain verification\"\n              />\n            ) : (\n              <Translation\n                defaultMessage=\"View DNS record\"\n                id=\"74JScV\"\n                description=\"Menu option to view DNS record\"\n              />\n            )}\n          </DropdownMenu.Item>\n          <DropdownMenu.Item\n            variant=\"destructive\"\n            onClick={() => setDeleteDialogOpen(true)}\n          >\n            <Translation\n              defaultMessage=\"Remove domain\"\n              id=\"cO5+D2\"\n              description=\"Menu option to remove a domain\"\n            />\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":";AAwCM,mBAQM,KAeJ,YAvBF;AAtCN,YAAY,WAAW;AACvB,SAAS,oBAAoB,iBAAiB;AAE9C,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,cAAc,kBAAkB;AACzC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAQxB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,KAAK;AACtE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,KAAK;AACpE,QAAM,YAAY,eAAe;AAEjC,QAAM,oBAAoB,UAAU;AAAA,IAClC,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AAED,QAAM,qBAAqB,UAAU;AAAA,IACnC,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AAED,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,OAAO,mBACjB,8BAAC,aAAU,GACb;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AAEA,SACE,iCACE;AAAA,yBAAC,aAAa,MAAb,EACC;AAAA,0BAAC,aAAa,SAAb,EACC,8BAAC,cAAW,OAAO,oBACjB,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,WAChB;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd,IAEA;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd,GAEJ;AAAA,QACA;AAAA,UAAC,aAAa;AAAA,UAAb;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM,oBAAoB,IAAI;AAAA,YAEvC;AAAA,cAAC;AAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,IAAG;AAAA,gBACH,aAAY;AAAA;AAAA,YACd;AAAA;AAAA,QACF;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.js

@@ -6,20 +6,33 @@ import { getComparativeReadableDate } from "./utils.js";
 import { Status } from "./status.js";
 import { NameServerIcon } from "./name-server-icon.js";
 import { DomainActions } from "./domain-actions.js";
+import { Translation } from "./i18n/translation.js";
+import { useLocale } from "./i18n/use-locale.js";
 const DomainItem = ({
   domain,
   onDeleteDomain,
   onReverifyDomain
 }) => {
+  const locale = useLocale();
   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__ */ jsx(Text, { size: "2", color: "gray", as: "p", children: /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "Added {timeAgo}",
+          id: "DtZ2fb",
+          description: "Label showing when the domain was added",
+          values: {
+            timeAgo: getComparativeReadableDate(
+              /* @__PURE__ */ new Date(),
+              new Date(domain.createdAt),
+              { locale }
+            )
+          }
+        }
+      ) })
     ] }),
     /* @__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) }) }),
@@ -38,11 +51,32 @@ const domainStateToLabel = (domain) => {
   switch (domain.state) {
     case "Verified":
     case "LegacyVerified":
-      return "Verified";
+      return /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "Verified",
+          id: "T7rpHw",
+          description: "Domain verification status indicating the domain is verified"
+        }
+      );
     case "Pending":
-      return "Verification pending";
+      return /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "Verification pending",
+          id: "gc1yge",
+          description: "Domain verification status indicating verification is in progress"
+        }
+      );
     case "Failed":
-      return "Verification failed";
+      return /* @__PURE__ */ jsx(
+        Translation,
+        {
+          defaultMessage: "Verification failed",
+          id: "cbbwqK",
+          description: "Domain verification status indicating verification has failed"
+        }
+      );
   }
 };
 const getDomainStatus = (domain) => {

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

@@ -1 +1 @@
-{"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":[]}
+{"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\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useLocale } from \"./i18n/use-locale.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  const locale = useLocale();\n\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          <Translation\n            defaultMessage=\"Added {timeAgo}\"\n            id=\"DtZ2fb\"\n            description=\"Label showing when the domain was added\"\n            values={{\n              timeAgo: getComparativeReadableDate(\n                new Date(),\n                new Date(domain.createdAt),\n                { locale },\n              ),\n            }}\n          />\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 (\n        <Translation\n          defaultMessage=\"Verified\"\n          id=\"T7rpHw\"\n          description=\"Domain verification status indicating the domain is verified\"\n        />\n      );\n    case \"Pending\":\n      return (\n        <Translation\n          defaultMessage=\"Verification pending\"\n          id=\"gc1yge\"\n          description=\"Domain verification status indicating verification is in progress\"\n        />\n      );\n    case \"Failed\":\n      return (\n        <Translation\n          defaultMessage=\"Verification failed\"\n          id=\"cbbwqK\"\n          description=\"Domain verification status indicating verification has failed\"\n        />\n      );\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":";AA4BQ,cAGF,YAHE;AA1BR,SAAS,MAAM,YAAY;AAE3B,SAAS,iBAAiB;AAC1B,SAAS,kCAAkC;AAC3C,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAQnB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,QAAM,SAAS,UAAU;AAEzB,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,oBAAC,QAAK,MAAK,KAAI,OAAM,QAAO,IAAG,KAC7B;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,IAAG;AAAA,UACH,aAAY;AAAA,UACZ,QAAQ;AAAA,YACN,SAAS;AAAA,cACP,oBAAI,KAAK;AAAA,cACT,IAAI,KAAK,OAAO,SAAS;AAAA,cACzB,EAAE,OAAO;AAAA,YACX;AAAA,UACF;AAAA;AAAA,MACF,GACF;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,aACE;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,IAAG;AAAA,UACH,aAAY;AAAA;AAAA,MACd;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,IAAG;AAAA,UACH,aAAY;AAAA;AAAA,MACd;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,IAAG;AAAA,UACH,aAAY;AAAA;AAAA,MACd;AAAA,EAEN;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":[]}