@workos-inc/widgets 1.7.1 → 1.8.0

package/dist/cjs/lib/elevated-access.cjs

@@ -39,6 +39,7 @@ var import_api_provider = require("../api/api-provider.js");
 var import_react = require("react");
 var import_elements = require("./elements.js");
 var Otp = __toESM(require("./otp-input.js"), 1);
+var import_translation = require("./i18n/translation.js");
 function ElevatedAccess({
   type = "dialog",
   children,
@@ -98,13 +99,32 @@ function SendVerificationEmailForm({
     sendVerification.mutate();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: handleSubmit, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { children: hasTokenExpired ? "Your verification token has expired" : "Verify your identity" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Description, { color: "gray", mb: "5", children: [
-      "To continue, we need to confirm your identity. We'll send a temporary verification code to",
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", highContrast: true, children: me?.email }),
-      "."
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { children: hasTokenExpired ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_translation.Translation,
+      {
+        defaultMessage: "Your verification token has expired",
+        id: "lb/AsC",
+        description: "Dialog title when verification token has expired"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_translation.Translation,
+      {
+        defaultMessage: "Verify your identity",
+        id: "7tGCOh",
+        description: "Dialog title for identity verification"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, { color: "gray", mb: "5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_translation.Translation,
+      {
+        defaultMessage: "To continue, we need to confirm your identity. We'll send a temporary verification code to {email}.",
+        id: "FTUSRM",
+        description: "Description explaining verification code will be sent",
+        values: {
+          email: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", highContrast: true, children: me?.email })
+        }
+      }
+    ) }),
     sendVerification.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Root, { color: "red", mt: "-2", mb: "0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Callout.Text, { children: getMutationErrorMessage(sendVerification.error) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -113,10 +133,24 @@ function SendVerificationEmailForm({
           variant: "secondary",
           type: "button",
           disabled: sendVerification.isPending,
-          children: "Cancel"
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_translation.Translation,
+            {
+              defaultMessage: "Cancel",
+              id: "hHNj31",
+              description: "Cancel button text"
+            }
+          )
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Button, { type: "submit", loading: sendVerification.isPending, children: "Send verification code" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Button, { type: "submit", loading: sendVerification.isPending, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_translation.Translation,
+        {
+          defaultMessage: "Send verification code",
+          id: "XsTeXJ",
+          description: "Button text to send verification code"
+        }
+      ) })
     ] })
   ] });
 }
@@ -160,13 +194,25 @@ function VerificationIdentityForm({
     setIsSubmitting(false);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Form.Root, { onSubmit: handleSubmit, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { children: "Verify your identity" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Description, { color: "gray", children: [
-      "A verification code was sent to",
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", highContrast: true, children: me?.email }),
-      ". Please enter it below."
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_translation.Translation,
+      {
+        defaultMessage: "Verify your identity",
+        id: "7tGCOh",
+        description: "Dialog title for identity verification"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, { color: "gray", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_translation.Translation,
+      {
+        defaultMessage: "A verification code was sent to {email}. Please enter it below.",
+        id: "kvxE0S",
+        description: "Description explaining where verification code was sent",
+        values: {
+          email: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { weight: "bold", highContrast: true, children: me?.email })
+        }
+      }
+    ) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "2", mt: "5", mx: "auto", width: "fit-content", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         Otp.Root,
@@ -192,8 +238,22 @@ function VerificationIdentityForm({
       verifyIdentity.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { color: "red", size: "2", as: "p", children: getMutationErrorMessage(verifyIdentity.error) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { justify: "end", align: "center", gap: "3", mt: "5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Button, { variant: "secondary", type: "button", children: "Cancel" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Button, { type: "submit", loading: isSubmitting, children: "Confirm" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Button, { variant: "secondary", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_translation.Translation,
+        {
+          defaultMessage: "Cancel",
+          id: "hHNj31",
+          description: "Cancel button text"
+        }
+      ) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.Button, { type: "submit", loading: isSubmitting, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_translation.Translation,
+        {
+          defaultMessage: "Confirm",
+          id: "EmYENK",
+          description: "Confirm button text for verification"
+        }
+      ) })
     ] })
   ] });
 }

package/dist/cjs/lib/elevated-access.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/elevated-access.tsx"],"sourcesContent":["import * as Form from \"@radix-ui/react-form\";\nimport { Callout, Flex, Text } from \"@radix-ui/themes\";\nimport { useMe, useSendVerification, useVerify } from \"../api/endpoint.js\";\nimport { useElevatedAccessToken } from \"../api/api-provider.js\";\nimport { PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport { AlertDialog, Dialog, Button } from \"./elements.js\";\nimport * as Otp from \"./otp-input.js\";\n\ninterface ElevatedAccessProps extends PropsWithChildren {\n  onVerified?: () => Promise<unknown>;\n  type?: \"dialog\" | \"alert\";\n}\n\nexport function ElevatedAccess({\n  type = \"dialog\",\n  children,\n  onVerified,\n}: ElevatedAccessProps) {\n  const { elevatedAccess } = useElevatedAccessToken();\n  const [authenticationChallengeId, setAuthenticationChallengeId] =\n    useState<string>();\n\n  const prevAccessToken = useRef(elevatedAccess);\n\n  useEffect(() => {\n    prevAccessToken.current = elevatedAccess;\n  }, [elevatedAccess]);\n\n  if (elevatedAccess) {\n    return <>{children}</>;\n  }\n\n  if (!authenticationChallengeId) {\n    // FIXME: This should be refactored\n    // eslint-disable-next-line react-hooks/refs\n    const hasTokenExpired = !!prevAccessToken.current;\n\n    return (\n      <SendVerificationEmailForm\n        type={type}\n        hasTokenExpired={hasTokenExpired}\n        onSuccess={(challengeId) => {\n          setAuthenticationChallengeId(challengeId);\n        }}\n      />\n    );\n  }\n\n  if (authenticationChallengeId) {\n    return (\n      <VerificationIdentityForm\n        type={type}\n        authenticationChallengeId={authenticationChallengeId}\n        onSuccess={() => {\n          // Reset the challenge id\n          setAuthenticationChallengeId(undefined);\n\n          return onVerified?.();\n        }}\n      />\n    );\n  }\n\n  return null;\n}\n\ninterface SendVerificationEmailFormProps {\n  onSuccess: (challengeId: string) => unknown | Promise<unknown>;\n  type: \"dialog\" | \"alert\";\n  hasTokenExpired: boolean;\n}\n\nfunction SendVerificationEmailForm({\n  onSuccess,\n  type,\n  hasTokenExpired,\n}: SendVerificationEmailFormProps) {\n  const { data: me } = useMe();\n  const sendVerification = useSendVerification({\n    mutation: { onSuccess: (data) => onSuccess(data.authenticationChallenge) },\n  });\n\n  const Title = type === \"dialog\" ? Dialog.Title : AlertDialog.Title;\n  const Description =\n    type === \"dialog\" ? Dialog.Description : AlertDialog.Description;\n  const Close = type === \"dialog\" ? Dialog.Close : AlertDialog.Cancel;\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    sendVerification.mutate();\n  };\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <Title>\n        {hasTokenExpired\n          ? \"Your verification token has expired\"\n          : \"Verify your identity\"}\n      </Title>\n\n      <Description color=\"gray\" mb=\"5\">\n        To continue, we need to confirm your identity. We'll send a temporary\n        verification code to{\" \"}\n        <Text weight=\"bold\" highContrast>\n          {me?.email}\n        </Text>\n        .\n      </Description>\n\n      {sendVerification.error && (\n        <Callout.Root color=\"red\" mt=\"-2\" mb=\"0\">\n          <Callout.Text>\n            {getMutationErrorMessage(sendVerification.error)}\n          </Callout.Text>\n        </Callout.Root>\n      )}\n\n      <Flex justify=\"end\" align=\"center\" gap=\"3\" mt=\"5\">\n        <Close>\n          <Button\n            variant=\"secondary\"\n            type=\"button\"\n            disabled={sendVerification.isPending}\n          >\n            Cancel\n          </Button>\n        </Close>\n        <Button type=\"submit\" loading={sendVerification.isPending}>\n          Send verification code\n        </Button>\n      </Flex>\n    </form>\n  );\n}\n\ninterface VerificationIdentityFormProps {\n  onSuccess?: () => unknown | Promise<unknown>;\n  authenticationChallengeId: string;\n  type: \"dialog\" | \"alert\";\n}\n\nfunction VerificationIdentityForm({\n  onSuccess,\n  authenticationChallengeId,\n  type,\n}: VerificationIdentityFormProps) {\n  const { data: me } = useMe();\n  const { setElevatedAccess } = useElevatedAccessToken();\n  const verifyIdentity = useVerify();\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const Title = type === \"dialog\" ? Dialog.Title : AlertDialog.Title;\n  const Description =\n    type === \"dialog\" ? Dialog.Description : AlertDialog.Description;\n  const Close = type === \"dialog\" ? Dialog.Close : AlertDialog.Cancel;\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    const formData = new FormData(event.currentTarget);\n    const code = formData.get(\"otp-code\")?.toString() ?? \"\";\n\n    setIsSubmitting(true);\n\n    try {\n      // Mutate async so we can wait for the onSuccess callback as well\n      const newAuthState = await verifyIdentity.mutateAsync({\n        data: {\n          code,\n          authenticationChallengeId,\n        },\n      });\n\n      const in10Seconds = new Date(Date.now() + 5 * 1000);\n\n      setElevatedAccess({\n        token: newAuthState.elevatedAccessToken,\n        // expiresAt: newAuthState.expiresAt,\n        expiresAt: in10Seconds.toISOString(),\n      });\n\n      if (onSuccess) {\n        await new Promise((resolve) => setTimeout(resolve, 200));\n        await onSuccess();\n      }\n    } catch (error) {\n      console.error(error);\n    }\n\n    setIsSubmitting(false);\n  };\n\n  return (\n    <Form.Root onSubmit={handleSubmit}>\n      <Title>Verify your identity</Title>\n\n      <Description color=\"gray\">\n        A verification code was sent to{\" \"}\n        <Text weight=\"bold\" highContrast>\n          {me?.email}\n        </Text>\n        . Please enter it below.\n      </Description>\n\n      <Flex direction=\"column\" gap=\"2\" mt=\"5\" mx=\"auto\" width=\"fit-content\">\n        <Otp.Root\n          autoSubmit\n          gap=\"2\"\n          justify=\"center\"\n          columns=\"repeat(6, 48px)\"\n          width=\"fit-content\"\n          rows=\"48px\"\n          name=\"otp-code\"\n          readOnly={isSubmitting}\n        >\n          <Otp.Input required autoFocus autoComplete=\"off\" />\n          <Otp.Input required />\n          <Otp.Input required />\n          <Otp.Input required />\n          <Otp.Input required />\n          <Otp.Input required />\n        </Otp.Root>\n\n        {verifyIdentity.error && (\n          <Text color=\"red\" size=\"2\" as=\"p\">\n            {getMutationErrorMessage(verifyIdentity.error)}\n          </Text>\n        )}\n      </Flex>\n\n      <Flex justify=\"end\" align=\"center\" gap=\"3\" mt=\"5\">\n        <Close>\n          <Button variant=\"secondary\" type=\"button\">\n            Cancel\n          </Button>\n        </Close>\n        <Button type=\"submit\" loading={isSubmitting}>\n          Confirm\n        </Button>\n      </Flex>\n    </Form.Root>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  let message = typeof error === \"string\" ? error : \"\";\n\n  if (error instanceof Error) {\n    message = error.message;\n  } else if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    message = error.message;\n  }\n\n  if (!message || message === \"Bad Request\") {\n    message = \"Invalid code, please try again.\";\n  }\n\n  return message;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BW;AA7BX,WAAsB;AACtB,oBAAoC;AACpC,sBAAsD;AACtD,0BAAuC;AACvC,mBAA+D;AAC/D,sBAA4C;AAC5C,UAAqB;AAOd,SAAS,eAAe;AAAA,EAC7B,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,eAAe,QAAI,4CAAuB;AAClD,QAAM,CAAC,2BAA2B,4BAA4B,QAC5D,uBAAiB;AAEnB,QAAM,sBAAkB,qBAAO,cAAc;AAE7C,8BAAU,MAAM;AACd,oBAAgB,UAAU;AAAA,EAC5B,GAAG,CAAC,cAAc,CAAC;AAEnB,MAAI,gBAAgB;AAClB,WAAO,2EAAG,UAAS;AAAA,EACrB;AAEA,MAAI,CAAC,2BAA2B;AAG9B,UAAM,kBAAkB,CAAC,CAAC,gBAAgB;AAE1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,CAAC,gBAAgB;AAC1B,uCAA6B,WAAW;AAAA,QAC1C;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,2BAA2B;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,MAAM;AAEf,uCAA6B,MAAS;AAEtC,iBAAO,aAAa;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SAAO;AACT;AAQA,SAAS,0BAA0B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,EAAE,MAAM,GAAG,QAAI,uBAAM;AAC3B,QAAM,uBAAmB,qCAAoB;AAAA,IAC3C,UAAU,EAAE,WAAW,CAAC,SAAS,UAAU,KAAK,uBAAuB,EAAE;AAAA,EAC3E,CAAC;AAED,QAAM,QAAQ,SAAS,WAAW,uBAAO,QAAQ,4BAAY;AAC7D,QAAM,cACJ,SAAS,WAAW,uBAAO,cAAc,4BAAY;AACvD,QAAM,QAAQ,SAAS,WAAW,uBAAO,QAAQ,4BAAY;AAE7D,QAAM,eAAe,OAAO,UAA4C;AACtE,UAAM,eAAe;AAErB,qBAAiB,OAAO;AAAA,EAC1B;AAEA,SACE,6CAAC,UAAK,UAAU,cACd;AAAA,gDAAC,SACE,4BACG,wCACA,wBACN;AAAA,IAEA,6CAAC,eAAY,OAAM,QAAO,IAAG,KAAI;AAAA;AAAA,MAEV;AAAA,MACrB,4CAAC,sBAAK,QAAO,QAAO,cAAY,MAC7B,cAAI,OACP;AAAA,MAAO;AAAA,OAET;AAAA,IAEC,iBAAiB,SAChB,4CAAC,sBAAQ,MAAR,EAAa,OAAM,OAAM,IAAG,MAAK,IAAG,KACnC,sDAAC,sBAAQ,MAAR,EACE,kCAAwB,iBAAiB,KAAK,GACjD,GACF;AAAA,IAGF,6CAAC,sBAAK,SAAQ,OAAM,OAAM,UAAS,KAAI,KAAI,IAAG,KAC5C;AAAA,kDAAC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,iBAAiB;AAAA,UAC5B;AAAA;AAAA,MAED,GACF;AAAA,MACA,4CAAC,0BAAO,MAAK,UAAS,SAAS,iBAAiB,WAAW,oCAE3D;AAAA,OACF;AAAA,KACF;AAEJ;AAQA,SAAS,yBAAyB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,QAAM,EAAE,MAAM,GAAG,QAAI,uBAAM;AAC3B,QAAM,EAAE,kBAAkB,QAAI,4CAAuB;AACrD,QAAM,qBAAiB,2BAAU;AACjC,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,QAAM,QAAQ,SAAS,WAAW,uBAAO,QAAQ,4BAAY;AAC7D,QAAM,cACJ,SAAS,WAAW,uBAAO,cAAc,4BAAY;AACvD,QAAM,QAAQ,SAAS,WAAW,uBAAO,QAAQ,4BAAY;AAC7D,QAAM,eAAe,OAAO,UAA4C;AACtE,UAAM,eAAe;AAErB,UAAM,WAAW,IAAI,SAAS,MAAM,aAAa;AACjD,UAAM,OAAO,SAAS,IAAI,UAAU,GAAG,SAAS,KAAK;AAErD,oBAAgB,IAAI;AAEpB,QAAI;AAEF,YAAM,eAAe,MAAM,eAAe,YAAY;AAAA,QACpD,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAED,YAAM,cAAc,IAAI,KAAK,KAAK,IAAI,IAAI,IAAI,GAAI;AAElD,wBAAkB;AAAA,QAChB,OAAO,aAAa;AAAA;AAAA,QAEpB,WAAW,YAAY,YAAY;AAAA,MACrC,CAAC;AAED,UAAI,WAAW;AACb,cAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAG,CAAC;AACvD,cAAM,UAAU;AAAA,MAClB;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,KAAK;AAAA,IACrB;AAEA,oBAAgB,KAAK;AAAA,EACvB;AAEA,SACE,6CAAC,KAAK,MAAL,EAAU,UAAU,cACnB;AAAA,gDAAC,SAAM,kCAAoB;AAAA,IAE3B,6CAAC,eAAY,OAAM,QAAO;AAAA;AAAA,MACQ;AAAA,MAChC,4CAAC,sBAAK,QAAO,QAAO,cAAY,MAC7B,cAAI,OACP;AAAA,MAAO;AAAA,OAET;AAAA,IAEA,6CAAC,sBAAK,WAAU,UAAS,KAAI,KAAI,IAAG,KAAI,IAAG,QAAO,OAAM,eACtD;AAAA;AAAA,QAAC,IAAI;AAAA,QAAJ;AAAA,UACC,YAAU;AAAA,UACV,KAAI;AAAA,UACJ,SAAQ;AAAA,UACR,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UAAU;AAAA,UAEV;AAAA,wDAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC,WAAS,MAAC,cAAa,OAAM;AAAA,YACjD,4CAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC;AAAA,YACpB,4CAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC;AAAA,YACpB,4CAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC;AAAA,YACpB,4CAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC;AAAA,YACpB,4CAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC;AAAA;AAAA;AAAA,MACtB;AAAA,MAEC,eAAe,SACd,4CAAC,sBAAK,OAAM,OAAM,MAAK,KAAI,IAAG,KAC3B,kCAAwB,eAAe,KAAK,GAC/C;AAAA,OAEJ;AAAA,IAEA,6CAAC,sBAAK,SAAQ,OAAM,OAAM,UAAS,KAAI,KAAI,IAAG,KAC5C;AAAA,kDAAC,SACC,sDAAC,0BAAO,SAAQ,aAAY,MAAK,UAAS,oBAE1C,GACF;AAAA,MACA,4CAAC,0BAAO,MAAK,UAAS,SAAS,cAAc,qBAE7C;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,wBAAwB,OAAgB;AAC/C,MAAI,UAAU,OAAO,UAAU,WAAW,QAAQ;AAElD,MAAI,iBAAiB,OAAO;AAC1B,cAAU,MAAM;AAAA,EAClB,WACE,OAAO,UAAU,YACjB,UAAU,QACV,aAAa,SACb,OAAO,MAAM,YAAY,UACzB;AACA,cAAU,MAAM;AAAA,EAClB;AAEA,MAAI,CAAC,WAAW,YAAY,eAAe;AACzC,cAAU;AAAA,EACZ;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/lib/elevated-access.tsx"],"sourcesContent":["import * as Form from \"@radix-ui/react-form\";\nimport { Callout, Flex, Text } from \"@radix-ui/themes\";\nimport { useMe, useSendVerification, useVerify } from \"../api/endpoint.js\";\nimport { useElevatedAccessToken } from \"../api/api-provider.js\";\nimport { PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport { AlertDialog, Dialog, Button } from \"./elements.js\";\nimport * as Otp from \"./otp-input.js\";\nimport { Translation } from \"./i18n/translation.js\";\n\ninterface ElevatedAccessProps extends PropsWithChildren {\n  onVerified?: () => Promise<unknown>;\n  type?: \"dialog\" | \"alert\";\n}\n\nexport function ElevatedAccess({\n  type = \"dialog\",\n  children,\n  onVerified,\n}: ElevatedAccessProps) {\n  const { elevatedAccess } = useElevatedAccessToken();\n  const [authenticationChallengeId, setAuthenticationChallengeId] =\n    useState<string>();\n\n  const prevAccessToken = useRef(elevatedAccess);\n\n  useEffect(() => {\n    prevAccessToken.current = elevatedAccess;\n  }, [elevatedAccess]);\n\n  if (elevatedAccess) {\n    return <>{children}</>;\n  }\n\n  if (!authenticationChallengeId) {\n    // FIXME: This should be refactored\n    // eslint-disable-next-line react-hooks/refs\n    const hasTokenExpired = !!prevAccessToken.current;\n\n    return (\n      <SendVerificationEmailForm\n        type={type}\n        hasTokenExpired={hasTokenExpired}\n        onSuccess={(challengeId) => {\n          setAuthenticationChallengeId(challengeId);\n        }}\n      />\n    );\n  }\n\n  if (authenticationChallengeId) {\n    return (\n      <VerificationIdentityForm\n        type={type}\n        authenticationChallengeId={authenticationChallengeId}\n        onSuccess={() => {\n          // Reset the challenge id\n          setAuthenticationChallengeId(undefined);\n\n          return onVerified?.();\n        }}\n      />\n    );\n  }\n\n  return null;\n}\n\ninterface SendVerificationEmailFormProps {\n  onSuccess: (challengeId: string) => unknown | Promise<unknown>;\n  type: \"dialog\" | \"alert\";\n  hasTokenExpired: boolean;\n}\n\nfunction SendVerificationEmailForm({\n  onSuccess,\n  type,\n  hasTokenExpired,\n}: SendVerificationEmailFormProps) {\n  const { data: me } = useMe();\n  const sendVerification = useSendVerification({\n    mutation: { onSuccess: (data) => onSuccess(data.authenticationChallenge) },\n  });\n\n  const Title = type === \"dialog\" ? Dialog.Title : AlertDialog.Title;\n  const Description =\n    type === \"dialog\" ? Dialog.Description : AlertDialog.Description;\n  const Close = type === \"dialog\" ? Dialog.Close : AlertDialog.Cancel;\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    sendVerification.mutate();\n  };\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <Title>\n        {hasTokenExpired ? (\n          <Translation\n            defaultMessage=\"Your verification token has expired\"\n            id=\"lb/AsC\"\n            description=\"Dialog title when verification token has expired\"\n          />\n        ) : (\n          <Translation\n            defaultMessage=\"Verify your identity\"\n            id=\"7tGCOh\"\n            description=\"Dialog title for identity verification\"\n          />\n        )}\n      </Title>\n\n      <Description color=\"gray\" mb=\"5\">\n        <Translation\n          defaultMessage=\"To continue, we need to confirm your identity. We'll send a temporary verification code to {email}.\"\n          id=\"FTUSRM\"\n          description=\"Description explaining verification code will be sent\"\n          values={{\n            email: (\n              <Text weight=\"bold\" highContrast>\n                {me?.email}\n              </Text>\n            ),\n          }}\n        />\n      </Description>\n\n      {sendVerification.error && (\n        <Callout.Root color=\"red\" mt=\"-2\" mb=\"0\">\n          <Callout.Text>\n            {getMutationErrorMessage(sendVerification.error)}\n          </Callout.Text>\n        </Callout.Root>\n      )}\n\n      <Flex justify=\"end\" align=\"center\" gap=\"3\" mt=\"5\">\n        <Close>\n          <Button\n            variant=\"secondary\"\n            type=\"button\"\n            disabled={sendVerification.isPending}\n          >\n            <Translation\n              defaultMessage=\"Cancel\"\n              id=\"hHNj31\"\n              description=\"Cancel button text\"\n            />\n          </Button>\n        </Close>\n        <Button type=\"submit\" loading={sendVerification.isPending}>\n          <Translation\n            defaultMessage=\"Send verification code\"\n            id=\"XsTeXJ\"\n            description=\"Button text to send verification code\"\n          />\n        </Button>\n      </Flex>\n    </form>\n  );\n}\n\ninterface VerificationIdentityFormProps {\n  onSuccess?: () => unknown | Promise<unknown>;\n  authenticationChallengeId: string;\n  type: \"dialog\" | \"alert\";\n}\n\nfunction VerificationIdentityForm({\n  onSuccess,\n  authenticationChallengeId,\n  type,\n}: VerificationIdentityFormProps) {\n  const { data: me } = useMe();\n  const { setElevatedAccess } = useElevatedAccessToken();\n  const verifyIdentity = useVerify();\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const Title = type === \"dialog\" ? Dialog.Title : AlertDialog.Title;\n  const Description =\n    type === \"dialog\" ? Dialog.Description : AlertDialog.Description;\n  const Close = type === \"dialog\" ? Dialog.Close : AlertDialog.Cancel;\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    const formData = new FormData(event.currentTarget);\n    const code = formData.get(\"otp-code\")?.toString() ?? \"\";\n\n    setIsSubmitting(true);\n\n    try {\n      // Mutate async so we can wait for the onSuccess callback as well\n      const newAuthState = await verifyIdentity.mutateAsync({\n        data: {\n          code,\n          authenticationChallengeId,\n        },\n      });\n\n      const in10Seconds = new Date(Date.now() + 5 * 1000);\n\n      setElevatedAccess({\n        token: newAuthState.elevatedAccessToken,\n        // expiresAt: newAuthState.expiresAt,\n        expiresAt: in10Seconds.toISOString(),\n      });\n\n      if (onSuccess) {\n        await new Promise((resolve) => setTimeout(resolve, 200));\n        await onSuccess();\n      }\n    } catch (error) {\n      console.error(error);\n    }\n\n    setIsSubmitting(false);\n  };\n\n  return (\n    <Form.Root onSubmit={handleSubmit}>\n      <Title>\n        <Translation\n          defaultMessage=\"Verify your identity\"\n          id=\"7tGCOh\"\n          description=\"Dialog title for identity verification\"\n        />\n      </Title>\n\n      <Description color=\"gray\">\n        <Translation\n          defaultMessage=\"A verification code was sent to {email}. Please enter it below.\"\n          id=\"kvxE0S\"\n          description=\"Description explaining where verification code was sent\"\n          values={{\n            email: (\n              <Text weight=\"bold\" highContrast>\n                {me?.email}\n              </Text>\n            ),\n          }}\n        />\n      </Description>\n\n      <Flex direction=\"column\" gap=\"2\" mt=\"5\" mx=\"auto\" width=\"fit-content\">\n        <Otp.Root\n          autoSubmit\n          gap=\"2\"\n          justify=\"center\"\n          columns=\"repeat(6, 48px)\"\n          width=\"fit-content\"\n          rows=\"48px\"\n          name=\"otp-code\"\n          readOnly={isSubmitting}\n        >\n          <Otp.Input required autoFocus autoComplete=\"off\" />\n          <Otp.Input required />\n          <Otp.Input required />\n          <Otp.Input required />\n          <Otp.Input required />\n          <Otp.Input required />\n        </Otp.Root>\n\n        {verifyIdentity.error && (\n          <Text color=\"red\" size=\"2\" as=\"p\">\n            {getMutationErrorMessage(verifyIdentity.error)}\n          </Text>\n        )}\n      </Flex>\n\n      <Flex justify=\"end\" align=\"center\" gap=\"3\" mt=\"5\">\n        <Close>\n          <Button variant=\"secondary\" type=\"button\">\n            <Translation\n              defaultMessage=\"Cancel\"\n              id=\"hHNj31\"\n              description=\"Cancel button text\"\n            />\n          </Button>\n        </Close>\n        <Button type=\"submit\" loading={isSubmitting}>\n          <Translation\n            defaultMessage=\"Confirm\"\n            id=\"EmYENK\"\n            description=\"Confirm button text for verification\"\n          />\n        </Button>\n      </Flex>\n    </Form.Root>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  let message = typeof error === \"string\" ? error : \"\";\n\n  if (error instanceof Error) {\n    message = error.message;\n  } else if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    message = error.message;\n  }\n\n  if (!message || message === \"Bad Request\") {\n    message = \"Invalid code, please try again.\";\n  }\n\n  return message;\n}\n\n// Note: Error messages in getMutationErrorMessage are kept as plain strings\n// since they are displayed dynamically\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BW;AA9BX,WAAsB;AACtB,oBAAoC;AACpC,sBAAsD;AACtD,0BAAuC;AACvC,mBAA+D;AAC/D,sBAA4C;AAC5C,UAAqB;AACrB,yBAA4B;AAOrB,SAAS,eAAe;AAAA,EAC7B,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,eAAe,QAAI,4CAAuB;AAClD,QAAM,CAAC,2BAA2B,4BAA4B,QAC5D,uBAAiB;AAEnB,QAAM,sBAAkB,qBAAO,cAAc;AAE7C,8BAAU,MAAM;AACd,oBAAgB,UAAU;AAAA,EAC5B,GAAG,CAAC,cAAc,CAAC;AAEnB,MAAI,gBAAgB;AAClB,WAAO,2EAAG,UAAS;AAAA,EACrB;AAEA,MAAI,CAAC,2BAA2B;AAG9B,UAAM,kBAAkB,CAAC,CAAC,gBAAgB;AAE1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,CAAC,gBAAgB;AAC1B,uCAA6B,WAAW;AAAA,QAC1C;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,2BAA2B;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,MAAM;AAEf,uCAA6B,MAAS;AAEtC,iBAAO,aAAa;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SAAO;AACT;AAQA,SAAS,0BAA0B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,EAAE,MAAM,GAAG,QAAI,uBAAM;AAC3B,QAAM,uBAAmB,qCAAoB;AAAA,IAC3C,UAAU,EAAE,WAAW,CAAC,SAAS,UAAU,KAAK,uBAAuB,EAAE;AAAA,EAC3E,CAAC;AAED,QAAM,QAAQ,SAAS,WAAW,uBAAO,QAAQ,4BAAY;AAC7D,QAAM,cACJ,SAAS,WAAW,uBAAO,cAAc,4BAAY;AACvD,QAAM,QAAQ,SAAS,WAAW,uBAAO,QAAQ,4BAAY;AAE7D,QAAM,eAAe,OAAO,UAA4C;AACtE,UAAM,eAAe;AAErB,qBAAiB,OAAO;AAAA,EAC1B;AAEA,SACE,6CAAC,UAAK,UAAU,cACd;AAAA,gDAAC,SACE,4BACC;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd,GAEJ;AAAA,IAEA,4CAAC,eAAY,OAAM,QAAO,IAAG,KAC3B;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA,QACZ,QAAQ;AAAA,UACN,OACE,4CAAC,sBAAK,QAAO,QAAO,cAAY,MAC7B,cAAI,OACP;AAAA,QAEJ;AAAA;AAAA,IACF,GACF;AAAA,IAEC,iBAAiB,SAChB,4CAAC,sBAAQ,MAAR,EAAa,OAAM,OAAM,IAAG,MAAK,IAAG,KACnC,sDAAC,sBAAQ,MAAR,EACE,kCAAwB,iBAAiB,KAAK,GACjD,GACF;AAAA,IAGF,6CAAC,sBAAK,SAAQ,OAAM,OAAM,UAAS,KAAI,KAAI,IAAG,KAC5C;AAAA,kDAAC,SACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,iBAAiB;AAAA,UAE3B;AAAA,YAAC;AAAA;AAAA,cACC,gBAAe;AAAA,cACf,IAAG;AAAA,cACH,aAAY;AAAA;AAAA,UACd;AAAA;AAAA,MACF,GACF;AAAA,MACA,4CAAC,0BAAO,MAAK,UAAS,SAAS,iBAAiB,WAC9C;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,IAAG;AAAA,UACH,aAAY;AAAA;AAAA,MACd,GACF;AAAA,OACF;AAAA,KACF;AAEJ;AAQA,SAAS,yBAAyB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,QAAM,EAAE,MAAM,GAAG,QAAI,uBAAM;AAC3B,QAAM,EAAE,kBAAkB,QAAI,4CAAuB;AACrD,QAAM,qBAAiB,2BAAU;AACjC,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,QAAM,QAAQ,SAAS,WAAW,uBAAO,QAAQ,4BAAY;AAC7D,QAAM,cACJ,SAAS,WAAW,uBAAO,cAAc,4BAAY;AACvD,QAAM,QAAQ,SAAS,WAAW,uBAAO,QAAQ,4BAAY;AAC7D,QAAM,eAAe,OAAO,UAA4C;AACtE,UAAM,eAAe;AAErB,UAAM,WAAW,IAAI,SAAS,MAAM,aAAa;AACjD,UAAM,OAAO,SAAS,IAAI,UAAU,GAAG,SAAS,KAAK;AAErD,oBAAgB,IAAI;AAEpB,QAAI;AAEF,YAAM,eAAe,MAAM,eAAe,YAAY;AAAA,QACpD,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAED,YAAM,cAAc,IAAI,KAAK,KAAK,IAAI,IAAI,IAAI,GAAI;AAElD,wBAAkB;AAAA,QAChB,OAAO,aAAa;AAAA;AAAA,QAEpB,WAAW,YAAY,YAAY;AAAA,MACrC,CAAC;AAED,UAAI,WAAW;AACb,cAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAG,CAAC;AACvD,cAAM,UAAU;AAAA,MAClB;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,KAAK;AAAA,IACrB;AAEA,oBAAgB,KAAK;AAAA,EACvB;AAEA,SACE,6CAAC,KAAK,MAAL,EAAU,UAAU,cACnB;AAAA,gDAAC,SACC;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd,GACF;AAAA,IAEA,4CAAC,eAAY,OAAM,QACjB;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA,QACZ,QAAQ;AAAA,UACN,OACE,4CAAC,sBAAK,QAAO,QAAO,cAAY,MAC7B,cAAI,OACP;AAAA,QAEJ;AAAA;AAAA,IACF,GACF;AAAA,IAEA,6CAAC,sBAAK,WAAU,UAAS,KAAI,KAAI,IAAG,KAAI,IAAG,QAAO,OAAM,eACtD;AAAA;AAAA,QAAC,IAAI;AAAA,QAAJ;AAAA,UACC,YAAU;AAAA,UACV,KAAI;AAAA,UACJ,SAAQ;AAAA,UACR,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,MAAK;AAAA,UACL,MAAK;AAAA,UACL,UAAU;AAAA,UAEV;AAAA,wDAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC,WAAS,MAAC,cAAa,OAAM;AAAA,YACjD,4CAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC;AAAA,YACpB,4CAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC;AAAA,YACpB,4CAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC;AAAA,YACpB,4CAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC;AAAA,YACpB,4CAAC,IAAI,OAAJ,EAAU,UAAQ,MAAC;AAAA;AAAA;AAAA,MACtB;AAAA,MAEC,eAAe,SACd,4CAAC,sBAAK,OAAM,OAAM,MAAK,KAAI,IAAG,KAC3B,kCAAwB,eAAe,KAAK,GAC/C;AAAA,OAEJ;AAAA,IAEA,6CAAC,sBAAK,SAAQ,OAAM,OAAM,UAAS,KAAI,KAAI,IAAG,KAC5C;AAAA,kDAAC,SACC,sDAAC,0BAAO,SAAQ,aAAY,MAAK,UAC/B;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,IAAG;AAAA,UACH,aAAY;AAAA;AAAA,MACd,GACF,GACF;AAAA,MACA,4CAAC,0BAAO,MAAK,UAAS,SAAS,cAC7B;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,IAAG;AAAA,UACH,aAAY;AAAA;AAAA,MACd,GACF;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,wBAAwB,OAAgB;AAC/C,MAAI,UAAU,OAAO,UAAU,WAAW,QAAQ;AAElD,MAAI,iBAAiB,OAAO;AAC1B,cAAU,MAAM;AAAA,EAClB,WACE,OAAO,UAAU,YACjB,UAAU,QACV,aAAa,SACb,OAAO,MAAM,YAAY,UACzB;AACA,cAAU,MAAM;AAAA,EAClB;AAEA,MAAI,CAAC,WAAW,YAAY,eAAe;AACzC,cAAU;AAAA,EACZ;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/lib/generic-error.cjs

@@ -37,11 +37,14 @@ var React = __toESM(require("react"), 1);
 var import_themes = require("@radix-ui/themes");
 var import_errors = require("./errors.js");
 var import_react_icons = require("@radix-ui/react-icons");
+var import_translation = require("./i18n/translation.js");
+var import_use_translation = require("./i18n/use-translation.js");
 function GenericError({ error, ...domProps }) {
+  const translate = (0, import_use_translation.useTranslation)();
   React.useEffect(() => {
     console.error(error);
   }, [error]);
-  const { heading, message } = getErrorMessage(error);
+  const { message } = getErrorMessage(error, translate);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_themes.Flex,
     {
@@ -68,35 +71,74 @@ function GenericError({ error, ...domProps }) {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Flex, { direction: "column", gap: "1", maxWidth: "420px", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Heading, { size: "5", align: "center", mb: "1", wrap: "balance", as: "h3", children: heading }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Heading, { size: "5", align: "center", mb: "1", wrap: "balance", as: "h3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_translation.Translation,
+            {
+              defaultMessage: "Error fetching data",
+              id: "mjZ9vq",
+              description: "Error heading shown when there is a network or authorization error"
+            }
+          ) }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Text, { as: "p", align: "center", wrap: "balance", color: "gray", children: message })
         ] })
       ]
     }
   );
 }
-function getErrorMessage(error) {
+function getErrorMessage(error, translate) {
   if (error instanceof import_errors.FetchError) {
     return {
-      heading: "Error fetching data",
-      message: "An error occurred. You may need to configure CORS in the WorkOS Dashboard."
+      heading: translate({
+        defaultMessage: "Error fetching data",
+        description: "Error message heading",
+        id: "5QzKdW"
+      }),
+      message: translate({
+        defaultMessage: "An error occurred. You may need to configure CORS in the WorkOS Dashboard.",
+        description: "Error message details",
+        id: "63rRud"
+      })
     };
   }
   if (error instanceof import_errors.NoAuthTokenError) {
     return {
-      heading: "Authorization error",
-      message: "You likely forgot to provide an authorization token to the widget."
+      heading: translate({
+        defaultMessage: "Authorization error",
+        description: "Error message heading",
+        id: "s/dQVI"
+      }),
+      message: translate({
+        defaultMessage: "You likely forgot to provide an authorization token to the widget.",
+        description: "Error message details",
+        id: "d7mvgq"
+      })
     };
   }
   if (error instanceof import_errors.IncorrectPermissionsError) {
     return {
-      heading: "Incorrect permissions",
-      message: "Check that the correct permissions have been assigned."
+      heading: translate({
+        defaultMessage: "Incorrect permissions",
+        description: "Error message heading",
+        id: "dFmPj3"
+      }),
+      message: translate({
+        defaultMessage: "Check that the correct permissions have been assigned.",
+        description: "Error message details",
+        id: "hd/Llp"
+      })
     };
   }
   return {
-    heading: "Error fetching data",
-    message: "An unexpected error occurred. Check your network connection or try refreshing the page."
+    heading: translate({
+      defaultMessage: "Error fetching data",
+      description: "Error message heading",
+      id: "5QzKdW"
+    }),
+    message: translate({
+      defaultMessage: "An unexpected error occurred. Check your network connection or try refreshing the page.",
+      description: "Error message details",
+      id: "t+CDVJ"
+    })
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/lib/generic-error.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/generic-error.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Flex, Heading, Text } from \"@radix-ui/themes\";\nimport {\n  FetchError,\n  IncorrectPermissionsError,\n  NoAuthTokenError,\n} from \"./errors.js\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\n\ntype GenericErrorProps = React.ComponentProps<typeof Flex> & {\n  error: unknown;\n};\n\nexport function GenericError({ error, ...domProps }: GenericErrorProps) {\n  React.useEffect(() => {\n    console.error(error);\n  }, [error]);\n\n  const { heading, message } = getErrorMessage(error);\n  return (\n    <Flex\n      p=\"6\"\n      justify=\"center\"\n      align=\"center\"\n      direction=\"column\"\n      {...domProps}\n    >\n      <Flex\n        align=\"center\"\n        justify=\"center\"\n        width=\"32px\"\n        height=\"32px\"\n        mb=\"2\"\n        style={{\n          borderRadius: \"9999px\",\n          backgroundColor: \"var(--red-a4)\",\n          color: \"var(--red-a11)\",\n        }}\n      >\n        <Cross2Icon width=\"24px\" height=\"24px\" />\n      </Flex>\n\n      <Flex direction=\"column\" gap=\"1\" maxWidth=\"420px\">\n        <Heading size=\"5\" align=\"center\" mb=\"1\" wrap=\"balance\" as=\"h3\">\n          {heading}\n        </Heading>\n        <Text as=\"p\" align=\"center\" wrap=\"balance\" color=\"gray\">\n          {message}\n        </Text>\n      </Flex>\n    </Flex>\n  );\n}\n\nexport function getErrorMessage(error: unknown) {\n  if (error instanceof FetchError) {\n    return {\n      heading: \"Error fetching data\",\n      message:\n        \"An error occurred. You may need to configure CORS in the WorkOS Dashboard.\",\n    };\n  }\n\n  if (error instanceof NoAuthTokenError) {\n    return {\n      heading: \"Authorization error\",\n      message:\n        \"You likely forgot to provide an authorization token to the widget.\",\n    };\n  }\n\n  if (error instanceof IncorrectPermissionsError) {\n    return {\n      heading: \"Incorrect permissions\",\n      message: \"Check that the correct permissions have been assigned.\",\n    };\n  }\n\n  return {\n    heading: \"Error fetching data\",\n    message:\n      \"An unexpected error occurred. Check your network connection or try refreshing the page.\",\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCQ;AAvCR,YAAuB;AACvB,oBAAoC;AACpC,oBAIO;AACP,yBAA2B;AAMpB,SAAS,aAAa,EAAE,OAAO,GAAG,SAAS,GAAsB;AACtE,QAAM,UAAU,MAAM;AACpB,YAAQ,MAAM,KAAK;AAAA,EACrB,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,EAAE,SAAS,QAAQ,IAAI,gBAAgB,KAAK;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAG;AAAA,YACH,OAAO;AAAA,cACL,cAAc;AAAA,cACd,iBAAiB;AAAA,cACjB,OAAO;AAAA,YACT;AAAA,YAEA,sDAAC,iCAAW,OAAM,QAAO,QAAO,QAAO;AAAA;AAAA,QACzC;AAAA,QAEA,6CAAC,sBAAK,WAAU,UAAS,KAAI,KAAI,UAAS,SACxC;AAAA,sDAAC,yBAAQ,MAAK,KAAI,OAAM,UAAS,IAAG,KAAI,MAAK,WAAU,IAAG,MACvD,mBACH;AAAA,UACA,4CAAC,sBAAK,IAAG,KAAI,OAAM,UAAS,MAAK,WAAU,OAAM,QAC9C,mBACH;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,gBAAgB,OAAgB;AAC9C,MAAI,iBAAiB,0BAAY;AAC/B,WAAO;AAAA,MACL,SAAS;AAAA,MACT,SACE;AAAA,IACJ;AAAA,EACF;AAEA,MAAI,iBAAiB,gCAAkB;AACrC,WAAO;AAAA,MACL,SAAS;AAAA,MACT,SACE;AAAA,IACJ;AAAA,EACF;AAEA,MAAI,iBAAiB,yCAA2B;AAC9C,WAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL,SAAS;AAAA,IACT,SACE;AAAA,EACJ;AACF;","names":[]}
+{"version":3,"sources":["../../../src/lib/generic-error.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Flex, Heading, Text } from \"@radix-ui/themes\";\nimport {\n  FetchError,\n  IncorrectPermissionsError,\n  NoAuthTokenError,\n} from \"./errors.js\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\n\ntype GenericErrorProps = React.ComponentProps<typeof Flex> & {\n  error: unknown;\n};\n\nexport function GenericError({ error, ...domProps }: GenericErrorProps) {\n  const translate = useTranslation();\n  React.useEffect(() => {\n    console.error(error);\n  }, [error]);\n\n  const { message } = getErrorMessage(error, translate);\n  return (\n    <Flex\n      p=\"6\"\n      justify=\"center\"\n      align=\"center\"\n      direction=\"column\"\n      {...domProps}\n    >\n      <Flex\n        align=\"center\"\n        justify=\"center\"\n        width=\"32px\"\n        height=\"32px\"\n        mb=\"2\"\n        style={{\n          borderRadius: \"9999px\",\n          backgroundColor: \"var(--red-a4)\",\n          color: \"var(--red-a11)\",\n        }}\n      >\n        <Cross2Icon width=\"24px\" height=\"24px\" />\n      </Flex>\n\n      <Flex direction=\"column\" gap=\"1\" maxWidth=\"420px\">\n        <Heading size=\"5\" align=\"center\" mb=\"1\" wrap=\"balance\" as=\"h3\">\n          <Translation\n            defaultMessage=\"Error fetching data\"\n            id=\"mjZ9vq\"\n            description=\"Error heading shown when there is a network or authorization error\"\n          />\n        </Heading>\n        <Text as=\"p\" align=\"center\" wrap=\"balance\" color=\"gray\">\n          {message}\n        </Text>\n      </Flex>\n    </Flex>\n  );\n}\n\nexport function getErrorMessage(\n  error: unknown,\n  translate: ({\n    defaultMessage,\n    description,\n    id,\n  }: {\n    defaultMessage: string;\n    description: string;\n    id: string;\n  }) => string,\n) {\n  if (error instanceof FetchError) {\n    return {\n      heading: translate({\n        defaultMessage: \"Error fetching data\",\n        description: \"Error message heading\",\n        id: \"5QzKdW\",\n      }),\n      message: translate({\n        defaultMessage:\n          \"An error occurred. You may need to configure CORS in the WorkOS Dashboard.\",\n        description: \"Error message details\",\n        id: \"63rRud\",\n      }),\n    };\n  }\n\n  if (error instanceof NoAuthTokenError) {\n    return {\n      heading: translate({\n        defaultMessage: \"Authorization error\",\n        description: \"Error message heading\",\n        id: \"s/dQVI\",\n      }),\n      message: translate({\n        defaultMessage:\n          \"You likely forgot to provide an authorization token to the widget.\",\n        description: \"Error message details\",\n        id: \"d7mvgq\",\n      }),\n    };\n  }\n\n  if (error instanceof IncorrectPermissionsError) {\n    return {\n      heading: translate({\n        defaultMessage: \"Incorrect permissions\",\n        description: \"Error message heading\",\n        id: \"dFmPj3\",\n      }),\n      message: translate({\n        defaultMessage:\n          \"Check that the correct permissions have been assigned.\",\n        description: \"Error message details\",\n        id: \"hd/Llp\",\n      }),\n    };\n  }\n\n  return {\n    heading: translate({\n      defaultMessage: \"Error fetching data\",\n      description: \"Error message heading\",\n      id: \"5QzKdW\",\n    }),\n    message: translate({\n      defaultMessage:\n        \"An unexpected error occurred. Check your network connection or try refreshing the page.\",\n      description: \"Error message details\",\n      id: \"t+CDVJ\",\n    }),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CQ;AA1CR,YAAuB;AACvB,oBAAoC;AACpC,oBAIO;AACP,yBAA2B;AAC3B,yBAA4B;AAC5B,6BAA+B;AAMxB,SAAS,aAAa,EAAE,OAAO,GAAG,SAAS,GAAsB;AACtE,QAAM,gBAAY,uCAAe;AACjC,QAAM,UAAU,MAAM;AACpB,YAAQ,MAAM,KAAK;AAAA,EACrB,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,EAAE,QAAQ,IAAI,gBAAgB,OAAO,SAAS;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAG;AAAA,YACH,OAAO;AAAA,cACL,cAAc;AAAA,cACd,iBAAiB;AAAA,cACjB,OAAO;AAAA,YACT;AAAA,YAEA,sDAAC,iCAAW,OAAM,QAAO,QAAO,QAAO;AAAA;AAAA,QACzC;AAAA,QAEA,6CAAC,sBAAK,WAAU,UAAS,KAAI,KAAI,UAAS,SACxC;AAAA,sDAAC,yBAAQ,MAAK,KAAI,OAAM,UAAS,IAAG,KAAI,MAAK,WAAU,IAAG,MACxD;AAAA,YAAC;AAAA;AAAA,cACC,gBAAe;AAAA,cACf,IAAG;AAAA,cACH,aAAY;AAAA;AAAA,UACd,GACF;AAAA,UACA,4CAAC,sBAAK,IAAG,KAAI,OAAM,UAAS,MAAK,WAAU,OAAM,QAC9C,mBACH;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,gBACd,OACA,WASA;AACA,MAAI,iBAAiB,0BAAY;AAC/B,WAAO;AAAA,MACL,SAAS,UAAU;AAAA,QACjB,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,IAAI;AAAA,MACN,CAAC;AAAA,MACD,SAAS,UAAU;AAAA,QACjB,gBACE;AAAA,QACF,aAAa;AAAA,QACb,IAAI;AAAA,MACN,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,iBAAiB,gCAAkB;AACrC,WAAO;AAAA,MACL,SAAS,UAAU;AAAA,QACjB,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,IAAI;AAAA,MACN,CAAC;AAAA,MACD,SAAS,UAAU;AAAA,QACjB,gBACE;AAAA,QACF,aAAa;AAAA,QACb,IAAI;AAAA,MACN,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,iBAAiB,yCAA2B;AAC9C,WAAO;AAAA,MACL,SAAS,UAAU;AAAA,QACjB,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,IAAI;AAAA,MACN,CAAC;AAAA,MACD,SAAS,UAAU;AAAA,QACjB,gBACE;AAAA,QACF,aAAa;AAAA,QACb,IAAI;AAAA,MACN,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AAAA,IACL,SAAS,UAAU;AAAA,MACjB,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,IAAI;AAAA,IACN,CAAC;AAAA,IACD,SAAS,UAAU;AAAA,MACjB,gBACE;AAAA,MACF,aAAa;AAAA,MACb,IAAI;AAAA,IACN,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/cjs/lib/generic-error.d.cts

@@ -6,7 +6,11 @@ type GenericErrorProps = React.ComponentProps<typeof Flex> & {
     error: unknown;
 };
 declare function GenericError({ error, ...domProps }: GenericErrorProps): react_jsx_runtime.JSX.Element;
-declare function getErrorMessage(error: unknown): {
+declare function getErrorMessage(error: unknown, translate: ({ defaultMessage, description, id, }: {
+    defaultMessage: string;
+    description: string;
+    id: string;
+}) => string): {
     heading: string;
     message: string;
 };

package/dist/cjs/lib/i18n/intl-context.cjs

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var intl_context_exports = {};
+__export(intl_context_exports, {
+  IntlContext: () => IntlContext,
+  useIntl: () => useIntl
+});
+module.exports = __toCommonJS(intl_context_exports);
+var React = __toESM(require("react"), 1);
+const IntlContext = React.createContext(null);
+IntlContext.displayName = "IntlContext";
+function useIntl() {
+  return React.useContext(IntlContext);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IntlContext,
+  useIntl
+});
+//# sourceMappingURL=intl-context.cjs.map

package/dist/cjs/lib/i18n/intl-context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/i18n/intl-context.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport type MessageDescriptor = {\n  id: string;\n  defaultMessage: string;\n  description: string;\n};\n\nexport type MessageValues = Record<string, string | React.ReactNode>;\n\n/**\n * Shape of the i18n context value.\n * This mirrors the essential parts of react-intl's IntlShape without importing it.\n */\nexport interface IntlContextValue {\n  locale: string;\n  formatMessage(\n    descriptor: MessageDescriptor,\n    values?: MessageValues,\n  ): string | React.ReactNode[];\n}\n\n/**\n * Context for optional i18n support.\n * When this context has a value, translations will use react-intl.\n * When this context is null/undefined, translations will fall back to defaultMessage.\n */\nexport const IntlContext = React.createContext<IntlContextValue | null>(null);\nIntlContext.displayName = \"IntlContext\";\n\n/**\n * Hook to access the i18n context.\n * Returns null if no IntlProvider is present in the component tree.\n */\nexport function useIntl(): IntlContextValue | null {\n  return React.useContext(IntlContext);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AA2BhB,MAAM,cAAc,MAAM,cAAuC,IAAI;AAC5E,YAAY,cAAc;AAMnB,SAAS,UAAmC;AACjD,SAAO,MAAM,WAAW,WAAW;AACrC;","names":[]}

package/dist/cjs/lib/i18n/intl-context.d.cts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+type MessageDescriptor = {
+    id: string;
+    defaultMessage: string;
+    description: string;
+};
+type MessageValues = Record<string, string | React.ReactNode>;
+/**
+ * Shape of the i18n context value.
+ * This mirrors the essential parts of react-intl's IntlShape without importing it.
+ */
+interface IntlContextValue {
+    locale: string;
+    formatMessage(descriptor: MessageDescriptor, values?: MessageValues): string | React.ReactNode[];
+}
+/**
+ * Context for optional i18n support.
+ * When this context has a value, translations will use react-intl.
+ * When this context is null/undefined, translations will fall back to defaultMessage.
+ */
+declare const IntlContext: React.Context<IntlContextValue | null>;
+/**
+ * Hook to access the i18n context.
+ * Returns null if no IntlProvider is present in the component tree.
+ */
+declare function useIntl(): IntlContextValue | null;
+
+export { IntlContext, type IntlContextValue, type MessageDescriptor, type MessageValues, useIntl };

package/dist/cjs/lib/i18n/translation.cjs

@@ -0,0 +1,67 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var translation_exports = {};
+__export(translation_exports, {
+  Translation: () => Translation
+});
+module.exports = __toCommonJS(translation_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_intl_context = require("./intl-context.js");
+const Translation = (props) => {
+  const { defaultMessage, id, description, trailingSpace, values } = props;
+  const i18n = (0, import_intl_context.useIntl)();
+  if (i18n) {
+    const str = i18n.formatMessage({ id, defaultMessage, description }, values);
+    return trailingSpace ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      str,
+      " "
+    ] }) : str;
+  }
+  if (!values) {
+    return trailingSpace ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      defaultMessage,
+      " "
+    ] }) : defaultMessage;
+  }
+  const parts = [];
+  let lastIndex = 0;
+  const regex = /\{(\w+)\}/g;
+  let match;
+  while ((match = regex.exec(defaultMessage)) !== null) {
+    const [placeholder, key] = match;
+    if (match.index > lastIndex) {
+      parts.push(defaultMessage.substring(lastIndex, match.index));
+    }
+    parts.push(values[key] ?? placeholder);
+    lastIndex = match.index + placeholder.length;
+  }
+  if (lastIndex < defaultMessage.length) {
+    parts.push(defaultMessage.substring(lastIndex));
+  }
+  return trailingSpace ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    parts,
+    " "
+  ] }) : parts;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Translation
+});
+//# sourceMappingURL=translation.cjs.map

package/dist/cjs/lib/i18n/translation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/i18n/translation.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  useIntl,\n  type MessageDescriptor,\n  type MessageValues,\n} from \"./intl-context.js\";\n\ntype TranslationProps = MessageDescriptor & {\n  trailingSpace?: boolean;\n  values?: MessageValues;\n};\n\n/**\n * Translation component that gracefully degrades when no I18nProvider is present.\n *\n * - With I18nProvider: Uses react-intl for full i18n support (react-intl will be bundled)\n * - Without I18nProvider: Renders the defaultMessage with simple value interpolation (no react-intl bundled)\n */\nexport const Translation: React.FC<TranslationProps> = (props) => {\n  const { defaultMessage, id, description, trailingSpace, values } = props;\n  const i18n = useIntl();\n\n  // If I18nProvider is present, use react-intl's formatting\n  if (i18n) {\n    const str = i18n.formatMessage({ id, defaultMessage, description }, values);\n    return trailingSpace ? <>{str} </> : str;\n  }\n\n  // If no I18nProvider is present, render the defaultMessage with simple interpolation\n  if (!values) {\n    return trailingSpace ? <>{defaultMessage} </> : defaultMessage;\n  }\n\n  // Simple interpolation: split by placeholders and interleave with values\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  const regex = /\\{(\\w+)\\}/g;\n  let match;\n\n  while ((match = regex.exec(defaultMessage)) !== null) {\n    const [placeholder, key] = match;\n\n    // Add text before the placeholder\n    if (match.index > lastIndex) {\n      parts.push(defaultMessage.substring(lastIndex, match.index));\n    }\n\n    // Add the interpolated value or placeholder if not found\n    parts.push(values[key] ?? placeholder);\n    lastIndex = match.index + placeholder.length;\n  }\n\n  // Add remaining text\n  if (lastIndex < defaultMessage.length) {\n    parts.push(defaultMessage.substring(lastIndex));\n  }\n\n  return trailingSpace ? <>{parts} </> : parts;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2B2B;AAxB3B,0BAIO;AAaA,MAAM,cAA0C,CAAC,UAAU;AAChE,QAAM,EAAE,gBAAgB,IAAI,aAAa,eAAe,OAAO,IAAI;AACnE,QAAM,WAAO,6BAAQ;AAGrB,MAAI,MAAM;AACR,UAAM,MAAM,KAAK,cAAc,EAAE,IAAI,gBAAgB,YAAY,GAAG,MAAM;AAC1E,WAAO,gBAAgB,4EAAG;AAAA;AAAA,MAAI;AAAA,OAAC,IAAM;AAAA,EACvC;AAGA,MAAI,CAAC,QAAQ;AACX,WAAO,gBAAgB,4EAAG;AAAA;AAAA,MAAe;AAAA,OAAC,IAAM;AAAA,EAClD;AAGA,QAAM,QAA2B,CAAC;AAClC,MAAI,YAAY;AAChB,QAAM,QAAQ;AACd,MAAI;AAEJ,UAAQ,QAAQ,MAAM,KAAK,cAAc,OAAO,MAAM;AACpD,UAAM,CAAC,aAAa,GAAG,IAAI;AAG3B,QAAI,MAAM,QAAQ,WAAW;AAC3B,YAAM,KAAK,eAAe,UAAU,WAAW,MAAM,KAAK,CAAC;AAAA,IAC7D;AAGA,UAAM,KAAK,OAAO,GAAG,KAAK,WAAW;AACrC,gBAAY,MAAM,QAAQ,YAAY;AAAA,EACxC;AAGA,MAAI,YAAY,eAAe,QAAQ;AACrC,UAAM,KAAK,eAAe,UAAU,SAAS,CAAC;AAAA,EAChD;AAEA,SAAO,gBAAgB,4EAAG;AAAA;AAAA,IAAM;AAAA,KAAC,IAAM;AACzC;","names":[]}

package/dist/cjs/lib/i18n/translation.d.cts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { MessageDescriptor, MessageValues } from './intl-context.cjs';
+
+type TranslationProps = MessageDescriptor & {
+    trailingSpace?: boolean;
+    values?: MessageValues;
+};
+/**
+ * Translation component that gracefully degrades when no I18nProvider is present.
+ *
+ * - With I18nProvider: Uses react-intl for full i18n support (react-intl will be bundled)
+ * - Without I18nProvider: Renders the defaultMessage with simple value interpolation (no react-intl bundled)
+ */
+declare const Translation: React.FC<TranslationProps>;
+
+export { Translation };

package/dist/cjs/lib/i18n/use-locale.cjs

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_locale_exports = {};
+__export(use_locale_exports, {
+  useLocale: () => useLocale
+});
+module.exports = __toCommonJS(use_locale_exports);
+var import_intl_context = require("./intl-context.js");
+function useLocale() {
+  const intl = (0, import_intl_context.useIntl)();
+  return intl?.locale ?? "en-US";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useLocale
+});
+//# sourceMappingURL=use-locale.cjs.map

package/dist/cjs/lib/i18n/use-locale.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/i18n/use-locale.ts"],"sourcesContent":["import { useIntl } from \"./intl-context.js\";\n\n/**\n * Hook to get the current locale.\n * Returns the locale from IntlContext if available, otherwise falls back to \"en-US\".\n */\nexport function useLocale(): string {\n  const intl = useIntl();\n  return intl?.locale ?? \"en-US\";\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAwB;AAMjB,SAAS,YAAoB;AAClC,QAAM,WAAO,6BAAQ;AACrB,SAAO,MAAM,UAAU;AACzB;","names":[]}

package/dist/cjs/lib/i18n/use-locale.d.cts

@@ -0,0 +1,7 @@
+/**
+ * Hook to get the current locale.
+ * Returns the locale from IntlContext if available, otherwise falls back to "en-US".
+ */
+declare function useLocale(): string;
+
+export { useLocale };

package/dist/cjs/lib/i18n/use-translation.cjs

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_translation_exports = {};
+__export(use_translation_exports, {
+  useTranslation: () => useTranslation
+});
+module.exports = __toCommonJS(use_translation_exports);
+var import_intl_context = require("./intl-context.js");
+function useTranslation() {
+  const i18n = (0, import_intl_context.useIntl)();
+  return (params) => {
+    const { defaultMessage, description, id, values } = params;
+    if (i18n) {
+      return String(
+        i18n.formatMessage({ id, defaultMessage, description }, values)
+      );
+    }
+    if (!values) {
+      return defaultMessage;
+    }
+    return defaultMessage.replace(/\{(\w+)\}/g, (match, key) => {
+      return key in values ? String(values[key]) : match;
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTranslation
+});
+//# sourceMappingURL=use-translation.cjs.map

package/dist/cjs/lib/i18n/use-translation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/i18n/use-translation.ts"],"sourcesContent":["\"use client\";\n\nimport { useIntl, type MessageDescriptor } from \"./intl-context.js\";\n\ntype TranslationParams = MessageDescriptor & {\n  values?: Record<string, string>;\n};\n\n/**\n * Translation hook that gracefully degrades when no I18nProvider is present.\n *\n * - With I18nProvider: Uses react-intl's formatMessage for full i18n support (react-intl will be bundled)\n * - Without I18nProvider: Returns the defaultMessage with simple string interpolation (no react-intl bundled)\n */\nexport function useTranslation() {\n  const i18n = useIntl();\n\n  return (params: TranslationParams): string => {\n    const { defaultMessage, description, id, values } = params;\n\n    // If I18nProvider is present, use react-intl's formatMessage\n    if (i18n) {\n      // TODO: Do we really want to cast this to a string?\n      return String(\n        i18n.formatMessage({ id, defaultMessage, description }, values),\n      );\n    }\n\n    // If no I18nProvider is present, return defaultMessage with simple interpolation\n    if (!values) {\n      return defaultMessage;\n    }\n\n    // Simple string interpolation for values\n    return defaultMessage.replace(/\\{(\\w+)\\}/g, (match, key) => {\n      return key in values ? String(values[key]) : match;\n    });\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAAgD;AAYzC,SAAS,iBAAiB;AAC/B,QAAM,WAAO,6BAAQ;AAErB,SAAO,CAAC,WAAsC;AAC5C,UAAM,EAAE,gBAAgB,aAAa,IAAI,OAAO,IAAI;AAGpD,QAAI,MAAM;AAER,aAAO;AAAA,QACL,KAAK,cAAc,EAAE,IAAI,gBAAgB,YAAY,GAAG,MAAM;AAAA,MAChE;AAAA,IACF;AAGA,QAAI,CAAC,QAAQ;AACX,aAAO;AAAA,IACT;AAGA,WAAO,eAAe,QAAQ,cAAc,CAAC,OAAO,QAAQ;AAC1D,aAAO,OAAO,SAAS,OAAO,OAAO,GAAG,CAAC,IAAI;AAAA,IAC/C,CAAC;AAAA,EACH;AACF;","names":[]}