@workos-inc/widgets 1.18.0 → 1.19.0-next.1790102694835

package/dist/esm/lib/api-keys/revoke-api-key-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/api-keys/revoke-api-key-dialog.tsx"],"sourcesContent":["import { Flex, Callout } from \"@radix-ui/themes\";\nimport { ApiKeyDetailsCard } from \"./api-key-details-card.js\";\nimport {\n  getListOrganizationApiKeysQueryKey,\n  ListOrganizationApiKeysResponseData,\n} from \"../../api/endpoint.js\";\nimport { useDeleteOrganizationApiKey } from \"../../api/endpoint.js\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { ExclamationTriangleIcon } from \"@radix-ui/react-icons\";\nimport { AlertDialog, Button } from \"../elements.js\";\nimport { Translation } from \"../i18n/translation.js\";\nimport { useApiKeysContext } from \"./api-keys-context.js\";\n\nexport function RevokeApiKeyDialog({\n  apiKey,\n  open,\n  onOpenChange,\n}: {\n  apiKey: ListOrganizationApiKeysResponseData;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const queryClient = useQueryClient();\n  const { dispatch } = useApiKeysContext();\n  const {\n    mutate: deleteOrganizationApiKey,\n    isPending,\n    error,\n    isSuccess,\n  } = useDeleteOrganizationApiKey({\n    mutation: {\n      onSuccess: () => {\n        dispatch({ type: \"RESET_PAGINATION\" });\n        queryClient.invalidateQueries({\n          queryKey: getListOrganizationApiKeysQueryKey(),\n        });\n        onOpenChange(false);\n      },\n    },\n  });\n\n  return (\n    <AlertDialog.Root open={open} onOpenChange={onOpenChange}>\n      <AlertDialog.Content maxWidth=\"529px\">\n        <AlertDialog.Title mb=\"2\">\n          <Translation\n            defaultMessage=\"Revoke API key?\"\n            id=\"e18ZsK\"\n            description=\"Dialog title for confirming API key revocation\"\n          />\n        </AlertDialog.Title>\n        <Flex direction=\"column\" gap=\"5\">\n          <AlertDialog.Description>\n            <Translation\n              defaultMessage=\"This API key will be immediately disabled. API request made using this key will be rejected, which could cause any systems still depending on it to break.\"\n              id=\"GLPUiU\"\n              description=\"Warning about revoking API key\"\n            />\n            <strong>\n              <Translation\n                defaultMessage=\"This action cannot be undone.\"\n                id=\"PTbRJT\"\n                description=\"Warning that API key revocation is permanent\"\n              />\n            </strong>\n          </AlertDialog.Description>\n          {error && (\n            <Callout.Root color=\"red\" role=\"alert\">\n              <Callout.Icon>\n                <ExclamationTriangleIcon />\n              </Callout.Icon>\n              <Callout.Text>\n                <Translation\n                  defaultMessage=\"An error occurred while revoking the API key.\"\n                  id=\"edrdLd\"\n                  description=\"Error message when API key revocation fails\"\n                />\n              </Callout.Text>\n            </Callout.Root>\n          )}\n          <ApiKeyDetailsCard apiKey={apiKey} />\n          <Flex justify=\"end\" gap=\"2\">\n            <AlertDialog.Cancel>\n              <Button variant=\"secondary\">\n                <Translation\n                  defaultMessage=\"Cancel\"\n                  id=\"EKf0ES\"\n                  description=\"Button to cancel API key revocation\"\n                />\n              </Button>\n            </AlertDialog.Cancel>\n            <Button\n              variant=\"destructive\"\n              disabled={isPending || isSuccess}\n              loading={isPending || isSuccess}\n              onClick={() => deleteOrganizationApiKey({ apiKeyId: apiKey.id })}\n            >\n              <Translation\n                defaultMessage=\"Revoke key\"\n                id=\"KSosDD\"\n                description=\"Button to confirm API key revocation\"\n              />\n            </Button>\n          </Flex>\n        </Flex>\n      </AlertDialog.Content>\n    </AlertDialog.Root>\n  );\n}\n"],"mappings":"AA6CU,cAOA,YAPA;AA7CV,SAAS,MAAM,eAAe;AAC9B,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,mCAAmC;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AACxC,SAAS,aAAa,cAAc;AACpC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAE3B,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,SAAS,IAAI,kBAAkB;AACvC,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,4BAA4B;AAAA,IAC9B,UAAU;AAAA,MACR,WAAW,MAAM;AACf,iBAAS,EAAE,MAAM,mBAAmB,CAAC;AACrC,oBAAY,kBAAkB;AAAA,UAC5B,UAAU,mCAAmC;AAAA,QAC/C,CAAC;AACD,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE,oBAAC,YAAY,MAAZ,EAAiB,MAAY,cAC5B,+BAAC,YAAY,SAAZ,EAAoB,UAAS,SAC5B;AAAA,wBAAC,YAAY,OAAZ,EAAkB,IAAG,KACpB;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd,GACF;AAAA,IACA,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,2BAAC,YAAY,aAAZ,EACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd;AAAA,QACA,oBAAC,YACC;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd,GACF;AAAA,SACF;AAAA,MACC,SACC,qBAAC,QAAQ,MAAR,EAAa,OAAM,OAAM,MAAK,SAC7B;AAAA,4BAAC,QAAQ,MAAR,EACC,8BAAC,2BAAwB,GAC3B;AAAA,QACA,oBAAC,QAAQ,MAAR,EACC;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd,GACF;AAAA,SACF;AAAA,MAEF,oBAAC,qBAAkB,QAAgB;AAAA,MACnC,qBAAC,QAAK,SAAQ,OAAM,KAAI,KACtB;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;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU,aAAa;AAAA,YACvB,SAAS,aAAa;AAAA,YACtB,SAAS,MAAM,yBAAyB,EAAE,UAAU,OAAO,GAAG,CAAC;AAAA,YAE/D;AAAA,cAAC;AAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,IAAG;AAAA,gBACH,aAAY;AAAA;AAAA,YACd;AAAA;AAAA,QACF;AAAA,SACF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/lib/api-keys/revoke-api-key-dialog.tsx"],"sourcesContent":["import { Flex, Callout } from \"@radix-ui/themes\";\nimport { ApiKeyDetailsCard } from \"./api-key-details-card.js\";\nimport type { ListOrganizationApiKeysResponseData } from \"../../api/endpoint.js\";\nimport { useDeleteApiKey } from \"../api/api-key.js\";\nimport { ExclamationTriangleIcon } from \"@radix-ui/react-icons\";\nimport { AlertDialog, Button } from \"../elements.js\";\nimport { Translation } from \"../i18n/translation.js\";\nimport { useApiKeysContext } from \"./api-keys-context.js\";\n\nexport function RevokeApiKeyDialog({\n  apiKey,\n  open,\n  onOpenChange,\n}: {\n  apiKey: ListOrganizationApiKeysResponseData;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const { dispatch } = useApiKeysContext();\n  const {\n    mutate: deleteOrganizationApiKey,\n    isPending,\n    error,\n    isSuccess,\n  } = useDeleteApiKey({\n    onSuccess: () => {\n      dispatch({ type: \"RESET_PAGINATION\" });\n      onOpenChange(false);\n    },\n  });\n\n  return (\n    <AlertDialog.Root open={open} onOpenChange={onOpenChange}>\n      <AlertDialog.Content maxWidth=\"529px\">\n        <AlertDialog.Title mb=\"2\">\n          <Translation\n            defaultMessage=\"Revoke API key?\"\n            id=\"e18ZsK\"\n            description=\"Dialog title for confirming API key revocation\"\n          />\n        </AlertDialog.Title>\n        <Flex direction=\"column\" gap=\"5\">\n          <AlertDialog.Description>\n            <Translation\n              defaultMessage=\"This API key will be immediately disabled. API request made using this key will be rejected, which could cause any systems still depending on it to break.\"\n              id=\"GLPUiU\"\n              description=\"Warning about revoking API key\"\n            />\n            <strong>\n              <Translation\n                defaultMessage=\"This action cannot be undone.\"\n                id=\"PTbRJT\"\n                description=\"Warning that API key revocation is permanent\"\n              />\n            </strong>\n          </AlertDialog.Description>\n          {error && (\n            <Callout.Root color=\"red\" role=\"alert\">\n              <Callout.Icon>\n                <ExclamationTriangleIcon />\n              </Callout.Icon>\n              <Callout.Text>\n                <Translation\n                  defaultMessage=\"An error occurred while revoking the API key.\"\n                  id=\"edrdLd\"\n                  description=\"Error message when API key revocation fails\"\n                />\n              </Callout.Text>\n            </Callout.Root>\n          )}\n          <ApiKeyDetailsCard apiKey={apiKey} />\n          <Flex justify=\"end\" gap=\"2\">\n            <AlertDialog.Cancel>\n              <Button variant=\"secondary\">\n                <Translation\n                  defaultMessage=\"Cancel\"\n                  id=\"EKf0ES\"\n                  description=\"Button to cancel API key revocation\"\n                />\n              </Button>\n            </AlertDialog.Cancel>\n            <Button\n              variant=\"destructive\"\n              disabled={isPending || isSuccess}\n              loading={isPending || isSuccess}\n              onClick={() => deleteOrganizationApiKey({ apiKeyId: apiKey.id })}\n            >\n              <Translation\n                defaultMessage=\"Revoke key\"\n                id=\"KSosDD\"\n                description=\"Button to confirm API key revocation\"\n              />\n            </Button>\n          </Flex>\n        </Flex>\n      </AlertDialog.Content>\n    </AlertDialog.Root>\n  );\n}\n"],"mappings":"AAmCU,cAOA,YAPA;AAnCV,SAAS,MAAM,eAAe;AAC9B,SAAS,yBAAyB;AAElC,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,aAAa,cAAc;AACpC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAE3B,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,SAAS,IAAI,kBAAkB;AACvC,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,gBAAgB;AAAA,IAClB,WAAW,MAAM;AACf,eAAS,EAAE,MAAM,mBAAmB,CAAC;AACrC,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,CAAC;AAED,SACE,oBAAC,YAAY,MAAZ,EAAiB,MAAY,cAC5B,+BAAC,YAAY,SAAZ,EAAoB,UAAS,SAC5B;AAAA,wBAAC,YAAY,OAAZ,EAAkB,IAAG,KACpB;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,IAAG;AAAA,QACH,aAAY;AAAA;AAAA,IACd,GACF;AAAA,IACA,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,2BAAC,YAAY,aAAZ,EACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd;AAAA,QACA,oBAAC,YACC;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd,GACF;AAAA,SACF;AAAA,MACC,SACC,qBAAC,QAAQ,MAAR,EAAa,OAAM,OAAM,MAAK,SAC7B;AAAA,4BAAC,QAAQ,MAAR,EACC,8BAAC,2BAAwB,GAC3B;AAAA,QACA,oBAAC,QAAQ,MAAR,EACC;AAAA,UAAC;AAAA;AAAA,YACC,gBAAe;AAAA,YACf,IAAG;AAAA,YACH,aAAY;AAAA;AAAA,QACd,GACF;AAAA,SACF;AAAA,MAEF,oBAAC,qBAAkB,QAAgB;AAAA,MACnC,qBAAC,QAAK,SAAQ,OAAM,KAAI,KACtB;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;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAU,aAAa;AAAA,YACvB,SAAS,aAAa;AAAA,YACtB,SAAS,MAAM,yBAAyB,EAAE,UAAU,OAAO,GAAG,CAAC;AAAA,YAE/D;AAAA,cAAC;AAAA;AAAA,gBACC,gBAAe;AAAA,gBACf,IAAG;AAAA,gBACH,aAAY;AAAA;AAAA,YACd;AAAA;AAAA,QACF;AAAA,SACF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/esm/lib/change-email-dialog.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { Me } from '../api/endpoint.js';
+import { CurrentUser } from './api/me.js';
 import '@tanstack/react-query';
-import '../api/widgets-api-client.js';
+import '../api/client-graphql/generated.js';
+import 'graphql-request';
 
 interface ChangeEmailDialogProps {
-    user: Me;
+    user: CurrentUser;
     children?: ReactNode;
 }
 declare function ChangeEmailDialog({ children, user }: ChangeEmailDialogProps): React.JSX.Element;

package/dist/esm/lib/change-email-dialog.js

@@ -1,16 +1,12 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Callout, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
-import { useQueryClient } from "@tanstack/react-query";
 import * as Form from "./form.js";
 import * as React from "react";
-import {
-  getMeQueryKey,
-  useAuthenticationInformation,
-  useSendEmailChange,
-  useVerifyEmailChange
-} from "../api/endpoint.js";
+import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
 import { useElevatedAccessToken } from "../api/api-provider.js";
+import { useMe, useMeCache } from "./api/me.js";
+import { expectResultMember } from "./client-graphql-result.js";
 import { Button, Dialog, Label, TextField } from "./elements.js";
 import { ElevatedAccess } from "./elevated-access.js";
 import { Translation } from "./i18n/translation.js";
@@ -30,8 +26,8 @@ function ChangeEmailDialog({ children, user }) {
 }
 function Content({ user, onClose }) {
   const [step, setStep] = React.useState({ name: "send" });
-  const authInfo = useAuthenticationInformation();
-  const passwordIsSetUp = authInfo.data?.data.verificationMethods.Password?.isSetUp;
+  const me = useMe();
+  const passwordIsSetUp = me.data?.passwordSet;
   const handleVerified = React.useCallback(
     (newEmail) => {
       if (passwordIsSetUp === false) {
@@ -67,11 +63,19 @@ function Content({ user, onClose }) {
 function SendEmailChangeForm({ user, onSuccess }) {
   const translate = useTranslation();
   const [newEmail, setNewEmail] = React.useState("");
-  const sendEmailChange = useSendEmailChange({
-    mutation: {
-      onSuccess: (_response, variables) => {
-        onSuccess(variables.data.newEmail);
-      }
+  const { elevatedAccess } = useElevatedAccessToken();
+  const sendEmailChange = useClientGraphqlMutation({
+    mutationFn: async (sdk, newEmail2) => expectResultMember(
+      (await sdk.SendEmailChange({
+        input: {
+          newEmail: newEmail2,
+          elevatedAccessToken: elevatedAccess?.token ?? ""
+        }
+      })).sendEmailChange,
+      "EmailChangeSent"
+    ),
+    onSuccess: (_response, newEmail2) => {
+      onSuccess(newEmail2);
     }
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -102,7 +106,7 @@ function SendEmailChangeForm({ user, onSuccess }) {
           event.preventDefault();
           const trimmed = newEmail.trim();
           if (!trimmed) return;
-          sendEmailChange.mutate({ data: { newEmail: trimmed } });
+          sendEmailChange.mutate(trimmed);
         },
         children: [
           /* @__PURE__ */ jsx(Flex, { my: "5", direction: "column", gap: "4", children: /* @__PURE__ */ jsx(Form.Field, { name: "newEmail", asChild: true, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
@@ -177,21 +181,25 @@ function VerifyEmailChangeForm({
   onSuccess
 }) {
   const [otpValue, setOtpValue] = React.useState("");
-  const client = useQueryClient();
-  const { setElevatedAccess } = useElevatedAccessToken();
-  const verifyEmailChange = useVerifyEmailChange({
-    mutation: {
-      onSuccess: (response) => {
-        setElevatedAccess({
-          token: response.elevatedAccessToken,
-          expiresAt: response.expiresAt
-        });
-        client.setQueryData(
-          getMeQueryKey(),
-          (old) => old ? { ...old, ...response.user } : response.user
-        );
-        void client.invalidateQueries({ queryKey: getMeQueryKey() });
-      }
+  const meCache = useMeCache();
+  const { elevatedAccess, setElevatedAccess } = useElevatedAccessToken();
+  const verifyEmailChange = useClientGraphqlMutation({
+    mutationFn: async (sdk, code) => expectResultMember(
+      (await sdk.ConfirmEmailChange({
+        input: {
+          code,
+          elevatedAccessToken: elevatedAccess?.token ?? ""
+        }
+      })).confirmEmailChange,
+      "EmailChangeConfirmed"
+    ),
+    onSuccess: (response) => {
+      setElevatedAccess({
+        token: response.elevatedAccessToken,
+        expiresAt: response.expiresAt
+      });
+      meCache.update(response.user);
+      void meCache.invalidate();
     }
   });
   const isSubmitting = verifyEmailChange.isPending || verifyEmailChange.isSuccess;
@@ -201,7 +209,7 @@ function VerifyEmailChangeForm({
     const formData = new FormData(event.currentTarget);
     const code = formData.get("otp-code")?.toString() ?? "";
     if (!code) return;
-    verifyEmailChange.mutate({ data: { code } });
+    verifyEmailChange.mutate(code);
   };
   return /* @__PURE__ */ jsxs(Form.Root, { onSubmit: handleSubmit, children: [
     /* @__PURE__ */ jsx(Dialog.Title, { mb: "2", children: /* @__PURE__ */ jsx(

package/dist/esm/lib/change-email-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/change-email-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Callout, Flex, Text, VisuallyHidden } from \"@radix-ui/themes\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport * as Form from \"./form.js\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport {\n  getMeQueryKey,\n  Me,\n  useAuthenticationInformation,\n  useSendEmailChange,\n  useVerifyEmailChange,\n} from \"../api/endpoint.js\";\nimport { useElevatedAccessToken } from \"../api/api-provider.js\";\nimport { Button, Dialog, Label, TextField } from \"./elements.js\";\nimport { ElevatedAccess } from \"./elevated-access.js\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\nimport * as Otp from \"./otp-input.js\";\nimport { SaveButton } from \"./save-button.js\";\nimport { SetPasswordForm } from \"./set-password-dialog.js\";\n\ninterface ChangeEmailDialogProps {\n  user: Me;\n  children?: ReactNode;\n}\n\nexport function ChangeEmailDialog({ children, user }: ChangeEmailDialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Trigger>{children}</Dialog.Trigger>\n\n      <Dialog.Content maxWidth=\"480px\">\n        <ElevatedAccess>\n          <Content user={user} onClose={handleClose} />\n        </ElevatedAccess>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps {\n  user: Me;\n  onClose: () => void;\n}\n\ntype Step =\n  | { name: \"send\" }\n  | { name: \"verify\"; newEmail: string }\n  | { name: \"set-password\"; newEmail: string };\n\nfunction Content({ user, onClose }: ContentProps) {\n  const [step, setStep] = React.useState<Step>({ name: \"send\" });\n  const authInfo = useAuthenticationInformation();\n\n  const passwordIsSetUp =\n    authInfo.data?.data.verificationMethods.Password?.isSetUp;\n\n  const handleVerified = React.useCallback(\n    (newEmail: string) => {\n      if (passwordIsSetUp === false) {\n        setStep({ name: \"set-password\", newEmail });\n      } else {\n        onClose();\n      }\n    },\n    [passwordIsSetUp, onClose],\n  );\n\n  switch (step.name) {\n    case \"send\":\n      return (\n        <SendEmailChangeForm\n          user={user}\n          onSuccess={(newEmail) => setStep({ name: \"verify\", newEmail })}\n        />\n      );\n    case \"verify\":\n      return (\n        <VerifyEmailChangeForm\n          newEmail={step.newEmail}\n          onBack={() => setStep({ name: \"send\" })}\n          onSuccess={() => handleVerified(step.newEmail)}\n        />\n      );\n    case \"set-password\":\n      return <SetPasswordStep newEmail={step.newEmail} onDone={onClose} />;\n  }\n}\n\ninterface SendEmailChangeFormProps {\n  user: Me;\n  onSuccess: (newEmail: string) => void;\n}\n\nfunction SendEmailChangeForm({ user, onSuccess }: SendEmailChangeFormProps) {\n  const translate = useTranslation();\n  const [newEmail, setNewEmail] = React.useState(\"\");\n  const sendEmailChange = useSendEmailChange({\n    mutation: {\n      onSuccess: (_response, variables) => {\n        onSuccess(variables.data.newEmail);\n      },\n    },\n  });\n\n  return (\n    <>\n      <Dialog.Title mb=\"2\">\n        <Translation\n          defaultMessage=\"Change email address\"\n          id=\"KdUdX9\"\n          description=\"Dialog title for changing the user's email address\"\n        />\n      </Dialog.Title>\n\n      <Dialog.Description mb=\"5\">\n        <Translation\n          defaultMessage=\"We'll send a verification code to your new email address to confirm the change. Your current email is {email}.\"\n          id=\"K6x8v6\"\n          description=\"Description explaining that a verification code will be sent to the new email, including the user's current email\"\n          values={{\n            email: (\n              <Text weight=\"bold\" highContrast>\n                {user.email}\n              </Text>\n            ),\n          }}\n        />\n      </Dialog.Description>\n\n      {sendEmailChange.error ? (\n        <Callout.Root color=\"red\" mt=\"-2\" mb=\"0\">\n          <Callout.Text>\n            {getMutationErrorMessage(sendEmailChange.error)}\n          </Callout.Text>\n        </Callout.Root>\n      ) : null}\n\n      <Form.Root\n        onSubmit={(event) => {\n          event.preventDefault();\n          const trimmed = newEmail.trim();\n          if (!trimmed) return;\n          sendEmailChange.mutate({ data: { newEmail: trimmed } });\n        }}\n      >\n        <Flex my=\"5\" direction=\"column\" gap=\"4\">\n          <Form.Field name=\"newEmail\" asChild>\n            <Flex direction=\"column\" gap=\"1\">\n              <Form.Label asChild>\n                <Label>\n                  <Translation\n                    defaultMessage=\"New email address\"\n                    id=\"dbgchn\"\n                    description=\"Label for the new email input\"\n                  />\n                </Label>\n              </Form.Label>\n              <Form.Control asChild>\n                <TextField\n                  type=\"email\"\n                  autoComplete=\"email\"\n                  autoFocus\n                  required\n                  value={newEmail}\n                  onChange={(event) => setNewEmail(event.target.value)}\n                  placeholder={translate({\n                    defaultMessage: \"name@example.com\",\n                    id: \"QyYabV\",\n                    description: \"Placeholder for the new email input\",\n                  })}\n                  disabled={sendEmailChange.isPending}\n                />\n              </Form.Control>\n            </Flex>\n          </Form.Field>\n        </Flex>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button\n              variant=\"secondary\"\n              type=\"button\"\n              disabled={sendEmailChange.isPending}\n            >\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"hHNj31\"\n                description=\"Cancel button text\"\n              />\n            </Button>\n          </Dialog.Close>\n          <Button\n            type=\"submit\"\n            loading={sendEmailChange.isPending}\n            disabled={!newEmail.trim()}\n          >\n            <Translation\n              defaultMessage=\"Send verification code\"\n              id=\"1bX9l4\"\n              description=\"Button text to send the email change verification code\"\n            />\n          </Button>\n        </Flex>\n      </Form.Root>\n    </>\n  );\n}\n\ninterface VerifyEmailChangeFormProps {\n  newEmail: string;\n  onBack: () => void;\n  onSuccess: () => void;\n}\n\nfunction VerifyEmailChangeForm({\n  newEmail,\n  onBack,\n  onSuccess,\n}: VerifyEmailChangeFormProps) {\n  const [otpValue, setOtpValue] = React.useState<string>(\"\");\n  const client = useQueryClient();\n  const { setElevatedAccess } = useElevatedAccessToken();\n  const verifyEmailChange = useVerifyEmailChange({\n    mutation: {\n      onSuccess: (response) => {\n        setElevatedAccess({\n          token: response.elevatedAccessToken,\n          expiresAt: response.expiresAt,\n        });\n        client.setQueryData<Me>(getMeQueryKey(), (old) =>\n          old ? { ...old, ...response.user } : response.user,\n        );\n        void client.invalidateQueries({ queryKey: getMeQueryKey() });\n      },\n    },\n  });\n\n  const isSubmitting =\n    verifyEmailChange.isPending || verifyEmailChange.isSuccess;\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (verifyEmailChange.isPending || verifyEmailChange.isSuccess) return;\n    const formData = new FormData(event.currentTarget);\n    const code = formData.get(\"otp-code\")?.toString() ?? \"\";\n    if (!code) return;\n    verifyEmailChange.mutate({ data: { code } });\n  };\n\n  return (\n    <Form.Root onSubmit={handleSubmit}>\n      <Dialog.Title mb=\"2\">\n        <Translation\n          defaultMessage=\"Enter verification code\"\n          id=\"upvyOt\"\n          description=\"Dialog title for entering the email change verification code\"\n        />\n      </Dialog.Title>\n\n      <Dialog.Description>\n        <Translation\n          defaultMessage=\"A verification code was sent to {email}. Please enter it below.\"\n          id=\"9OH/qs\"\n          description=\"Description explaining where the email change code was sent\"\n          values={{\n            email: (\n              <Text weight=\"bold\" highContrast>\n                {newEmail}\n              </Text>\n            ),\n          }}\n        />\n      </Dialog.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          value={otpValue}\n          onValueChange={setOtpValue}\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        {verifyEmailChange.error ? (\n          <Text color=\"red\" size=\"2\" as=\"p\">\n            {getMutationErrorMessage(verifyEmailChange.error)}\n          </Text>\n        ) : null}\n      </Flex>\n\n      <Flex mt=\"5\" gap=\"3\" justify=\"between\" align=\"center\">\n        <Button\n          variant=\"secondary\"\n          type=\"button\"\n          onClick={onBack}\n          disabled={isSubmitting}\n        >\n          <Translation\n            defaultMessage=\"Use a different email\"\n            id=\"HVuco9\"\n            description=\"Button text to go back and change the new email address\"\n          />\n        </Button>\n        <Flex gap=\"3\">\n          <Dialog.Close>\n            <Button variant=\"secondary\" type=\"button\" disabled={isSubmitting}>\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"hHNj31\"\n                description=\"Cancel button text\"\n              />\n            </Button>\n          </Dialog.Close>\n          <SaveButton\n            type=\"submit\"\n            loading={verifyEmailChange.isPending}\n            done={verifyEmailChange.isSuccess}\n            onDone={onSuccess}\n          >\n            <Translation\n              defaultMessage=\"Confirm\"\n              id=\"EmYENK\"\n              description=\"Confirm button text for verification\"\n            />\n          </SaveButton>\n        </Flex>\n      </Flex>\n\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">\n          {verifyEmailChange.error\n            ? getMutationErrorMessage(verifyEmailChange.error)\n            : null}\n        </section>\n      </VisuallyHidden>\n    </Form.Root>\n  );\n}\n\ninterface SetPasswordStepProps {\n  newEmail: string;\n  onDone: () => void;\n}\n\nfunction SetPasswordStep({ newEmail, onDone }: SetPasswordStepProps) {\n  return (\n    <SetPasswordForm\n      description={\n        <Dialog.Description>\n          <Translation\n            defaultMessage=\"Your email has been successfully updated to {email}. You can also set a password now if you'd like to be able to sign in with email and password.\"\n            id=\"U7k/vL\"\n            description=\"Description for the set-password step after a successful email change\"\n            values={{\n              email: (\n                <Text weight=\"bold\" highContrast>\n                  {newEmail}\n                </Text>\n              ),\n            }}\n          />\n        </Dialog.Description>\n      }\n      onSuccess={onDone}\n      cancel={\n        <Button variant=\"secondary\" type=\"button\" onClick={onDone}>\n          <Translation\n            defaultMessage=\"Not now\"\n            id=\"/7/PVX\"\n            description=\"Button to dismiss the set-password step and close the dialog\"\n          />\n        </Button>\n      }\n    />\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (error instanceof Error) {\n    return error.message;\n  }\n\n  if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    return error.message;\n  }\n\n  return (\n    <Translation\n      defaultMessage=\"Something went wrong. Please try again.\"\n      id=\"Dn/G2O\"\n      description=\"Generic error message for email change failure\"\n    />\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/lib/change-email-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Callout, Flex, Text, VisuallyHidden } from \"@radix-ui/themes\";\nimport * as Form from \"./form.js\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport { useClientGraphqlMutation } from \"../api/client-graphql/hooks.js\";\nimport { useElevatedAccessToken } from \"../api/api-provider.js\";\nimport { useMe, useMeCache, type CurrentUser } from \"./api/me.js\";\nimport { expectResultMember } from \"./client-graphql-result.js\";\nimport { Button, Dialog, Label, TextField } from \"./elements.js\";\nimport { ElevatedAccess } from \"./elevated-access.js\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\nimport * as Otp from \"./otp-input.js\";\nimport { SaveButton } from \"./save-button.js\";\nimport { SetPasswordForm } from \"./set-password-dialog.js\";\n\ninterface ChangeEmailDialogProps {\n  user: CurrentUser;\n  children?: ReactNode;\n}\n\nexport function ChangeEmailDialog({ children, user }: ChangeEmailDialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Trigger>{children}</Dialog.Trigger>\n\n      <Dialog.Content maxWidth=\"480px\">\n        <ElevatedAccess>\n          <Content user={user} onClose={handleClose} />\n        </ElevatedAccess>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps {\n  user: CurrentUser;\n  onClose: () => void;\n}\n\ntype Step =\n  | { name: \"send\" }\n  | { name: \"verify\"; newEmail: string }\n  | { name: \"set-password\"; newEmail: string };\n\nfunction Content({ user, onClose }: ContentProps) {\n  const [step, setStep] = React.useState<Step>({ name: \"send\" });\n  const me = useMe();\n\n  const passwordIsSetUp = me.data?.passwordSet;\n\n  const handleVerified = React.useCallback(\n    (newEmail: string) => {\n      if (passwordIsSetUp === false) {\n        setStep({ name: \"set-password\", newEmail });\n      } else {\n        onClose();\n      }\n    },\n    [passwordIsSetUp, onClose],\n  );\n\n  switch (step.name) {\n    case \"send\":\n      return (\n        <SendEmailChangeForm\n          user={user}\n          onSuccess={(newEmail) => setStep({ name: \"verify\", newEmail })}\n        />\n      );\n    case \"verify\":\n      return (\n        <VerifyEmailChangeForm\n          newEmail={step.newEmail}\n          onBack={() => setStep({ name: \"send\" })}\n          onSuccess={() => handleVerified(step.newEmail)}\n        />\n      );\n    case \"set-password\":\n      return <SetPasswordStep newEmail={step.newEmail} onDone={onClose} />;\n  }\n}\n\ninterface SendEmailChangeFormProps {\n  user: CurrentUser;\n  onSuccess: (newEmail: string) => void;\n}\n\nfunction SendEmailChangeForm({ user, onSuccess }: SendEmailChangeFormProps) {\n  const translate = useTranslation();\n  const [newEmail, setNewEmail] = React.useState(\"\");\n  const { elevatedAccess } = useElevatedAccessToken();\n  const sendEmailChange = useClientGraphqlMutation({\n    mutationFn: async (sdk, newEmail: string) =>\n      expectResultMember(\n        (\n          await sdk.SendEmailChange({\n            input: {\n              newEmail,\n              elevatedAccessToken: elevatedAccess?.token ?? \"\",\n            },\n          })\n        ).sendEmailChange,\n        \"EmailChangeSent\",\n      ),\n    onSuccess: (_response, newEmail) => {\n      onSuccess(newEmail);\n    },\n  });\n\n  return (\n    <>\n      <Dialog.Title mb=\"2\">\n        <Translation\n          defaultMessage=\"Change email address\"\n          id=\"KdUdX9\"\n          description=\"Dialog title for changing the user's email address\"\n        />\n      </Dialog.Title>\n\n      <Dialog.Description mb=\"5\">\n        <Translation\n          defaultMessage=\"We'll send a verification code to your new email address to confirm the change. Your current email is {email}.\"\n          id=\"K6x8v6\"\n          description=\"Description explaining that a verification code will be sent to the new email, including the user's current email\"\n          values={{\n            email: (\n              <Text weight=\"bold\" highContrast>\n                {user.email}\n              </Text>\n            ),\n          }}\n        />\n      </Dialog.Description>\n\n      {sendEmailChange.error ? (\n        <Callout.Root color=\"red\" mt=\"-2\" mb=\"0\">\n          <Callout.Text>\n            {getMutationErrorMessage(sendEmailChange.error)}\n          </Callout.Text>\n        </Callout.Root>\n      ) : null}\n\n      <Form.Root\n        onSubmit={(event) => {\n          event.preventDefault();\n          const trimmed = newEmail.trim();\n          if (!trimmed) return;\n          sendEmailChange.mutate(trimmed);\n        }}\n      >\n        <Flex my=\"5\" direction=\"column\" gap=\"4\">\n          <Form.Field name=\"newEmail\" asChild>\n            <Flex direction=\"column\" gap=\"1\">\n              <Form.Label asChild>\n                <Label>\n                  <Translation\n                    defaultMessage=\"New email address\"\n                    id=\"dbgchn\"\n                    description=\"Label for the new email input\"\n                  />\n                </Label>\n              </Form.Label>\n              <Form.Control asChild>\n                <TextField\n                  type=\"email\"\n                  autoComplete=\"email\"\n                  autoFocus\n                  required\n                  value={newEmail}\n                  onChange={(event) => setNewEmail(event.target.value)}\n                  placeholder={translate({\n                    defaultMessage: \"name@example.com\",\n                    id: \"QyYabV\",\n                    description: \"Placeholder for the new email input\",\n                  })}\n                  disabled={sendEmailChange.isPending}\n                />\n              </Form.Control>\n            </Flex>\n          </Form.Field>\n        </Flex>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button\n              variant=\"secondary\"\n              type=\"button\"\n              disabled={sendEmailChange.isPending}\n            >\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"hHNj31\"\n                description=\"Cancel button text\"\n              />\n            </Button>\n          </Dialog.Close>\n          <Button\n            type=\"submit\"\n            loading={sendEmailChange.isPending}\n            disabled={!newEmail.trim()}\n          >\n            <Translation\n              defaultMessage=\"Send verification code\"\n              id=\"1bX9l4\"\n              description=\"Button text to send the email change verification code\"\n            />\n          </Button>\n        </Flex>\n      </Form.Root>\n    </>\n  );\n}\n\ninterface VerifyEmailChangeFormProps {\n  newEmail: string;\n  onBack: () => void;\n  onSuccess: () => void;\n}\n\nfunction VerifyEmailChangeForm({\n  newEmail,\n  onBack,\n  onSuccess,\n}: VerifyEmailChangeFormProps) {\n  const [otpValue, setOtpValue] = React.useState<string>(\"\");\n  const meCache = useMeCache();\n  const { elevatedAccess, setElevatedAccess } = useElevatedAccessToken();\n  const verifyEmailChange = useClientGraphqlMutation({\n    mutationFn: async (sdk, code: string) =>\n      expectResultMember(\n        (\n          await sdk.ConfirmEmailChange({\n            input: {\n              code,\n              elevatedAccessToken: elevatedAccess?.token ?? \"\",\n            },\n          })\n        ).confirmEmailChange,\n        \"EmailChangeConfirmed\",\n      ),\n    onSuccess: (response) => {\n      setElevatedAccess({\n        token: response.elevatedAccessToken,\n        expiresAt: response.expiresAt,\n      });\n      meCache.update(response.user);\n      void meCache.invalidate();\n    },\n  });\n\n  const isSubmitting =\n    verifyEmailChange.isPending || verifyEmailChange.isSuccess;\n\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (verifyEmailChange.isPending || verifyEmailChange.isSuccess) return;\n    const formData = new FormData(event.currentTarget);\n    const code = formData.get(\"otp-code\")?.toString() ?? \"\";\n    if (!code) return;\n    verifyEmailChange.mutate(code);\n  };\n\n  return (\n    <Form.Root onSubmit={handleSubmit}>\n      <Dialog.Title mb=\"2\">\n        <Translation\n          defaultMessage=\"Enter verification code\"\n          id=\"upvyOt\"\n          description=\"Dialog title for entering the email change verification code\"\n        />\n      </Dialog.Title>\n\n      <Dialog.Description>\n        <Translation\n          defaultMessage=\"A verification code was sent to {email}. Please enter it below.\"\n          id=\"9OH/qs\"\n          description=\"Description explaining where the email change code was sent\"\n          values={{\n            email: (\n              <Text weight=\"bold\" highContrast>\n                {newEmail}\n              </Text>\n            ),\n          }}\n        />\n      </Dialog.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          value={otpValue}\n          onValueChange={setOtpValue}\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        {verifyEmailChange.error ? (\n          <Text color=\"red\" size=\"2\" as=\"p\">\n            {getMutationErrorMessage(verifyEmailChange.error)}\n          </Text>\n        ) : null}\n      </Flex>\n\n      <Flex mt=\"5\" gap=\"3\" justify=\"between\" align=\"center\">\n        <Button\n          variant=\"secondary\"\n          type=\"button\"\n          onClick={onBack}\n          disabled={isSubmitting}\n        >\n          <Translation\n            defaultMessage=\"Use a different email\"\n            id=\"HVuco9\"\n            description=\"Button text to go back and change the new email address\"\n          />\n        </Button>\n        <Flex gap=\"3\">\n          <Dialog.Close>\n            <Button variant=\"secondary\" type=\"button\" disabled={isSubmitting}>\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"hHNj31\"\n                description=\"Cancel button text\"\n              />\n            </Button>\n          </Dialog.Close>\n          <SaveButton\n            type=\"submit\"\n            loading={verifyEmailChange.isPending}\n            done={verifyEmailChange.isSuccess}\n            onDone={onSuccess}\n          >\n            <Translation\n              defaultMessage=\"Confirm\"\n              id=\"EmYENK\"\n              description=\"Confirm button text for verification\"\n            />\n          </SaveButton>\n        </Flex>\n      </Flex>\n\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">\n          {verifyEmailChange.error\n            ? getMutationErrorMessage(verifyEmailChange.error)\n            : null}\n        </section>\n      </VisuallyHidden>\n    </Form.Root>\n  );\n}\n\ninterface SetPasswordStepProps {\n  newEmail: string;\n  onDone: () => void;\n}\n\nfunction SetPasswordStep({ newEmail, onDone }: SetPasswordStepProps) {\n  return (\n    <SetPasswordForm\n      description={\n        <Dialog.Description>\n          <Translation\n            defaultMessage=\"Your email has been successfully updated to {email}. You can also set a password now if you'd like to be able to sign in with email and password.\"\n            id=\"U7k/vL\"\n            description=\"Description for the set-password step after a successful email change\"\n            values={{\n              email: (\n                <Text weight=\"bold\" highContrast>\n                  {newEmail}\n                </Text>\n              ),\n            }}\n          />\n        </Dialog.Description>\n      }\n      onSuccess={onDone}\n      cancel={\n        <Button variant=\"secondary\" type=\"button\" onClick={onDone}>\n          <Translation\n            defaultMessage=\"Not now\"\n            id=\"/7/PVX\"\n            description=\"Button to dismiss the set-password step and close the dialog\"\n          />\n        </Button>\n      }\n    />\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (error instanceof Error) {\n    return error.message;\n  }\n\n  if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    return error.message;\n  }\n\n  return (\n    <Translation\n      defaultMessage=\"Something went wrong. Please try again.\"\n      id=\"Dn/G2O\"\n      description=\"Generic error message for email change failure\"\n    />\n  );\n}\n"],"mappings":"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","names":["newEmail"]}

package/dist/esm/lib/change-password-dialog.js

@@ -4,7 +4,8 @@ import { Callout, Flex, Text, VisuallyHidden } from "@radix-ui/themes";
 import * as Form from "./form.js";
 import * as React from "react";
 import { Button, Dialog, Label, PasswordField } from "./elements.js";
-import { useUpdatePassword } from "../api/endpoint.js";
+import { useClientGraphqlMutation } from "../api/client-graphql/hooks.js";
+import { expectResultMember } from "./client-graphql-result.js";
 import {
   getPasswordValidationErrors,
   getPasswordValidationAriaTexts,
@@ -36,15 +37,17 @@ function ChangePasswordDialog({
 }
 function Content({ onClose }) {
   const translate = useTranslation();
-  const changePassword = useUpdatePassword({
-    mutation: {
-      onError: (error) => {
-        const errorMsg = getMutationErrorMessage(error);
-        if (errorMsg === "Invalid credentials") {
-          setServerErrors({
-            currentPassword: "Your current password is incorrect. Please, try again."
-          });
-        }
+  const changePassword = useClientGraphqlMutation({
+    mutationFn: async (sdk, input) => expectResultMember(
+      (await sdk.UpdatePassword({ input })).updatePassword,
+      "PasswordUpdated"
+    ),
+    onError: (error) => {
+      const errorMsg = getMutationErrorMessage(error);
+      if (errorMsg === "Invalid credentials") {
+        setServerErrors({
+          currentPassword: "Your current password is incorrect. Please, try again."
+        });
       }
     }
   });
@@ -73,9 +76,7 @@ function Content({ onClose }) {
     const formData = new FormData(event.currentTarget);
     const currentPassword = formData.get("oldPassword")?.toString() ?? "";
     const newPassword = formData.get("password")?.toString() ?? "";
-    changePassword.mutate({
-      data: { currentPassword, newPassword }
-    });
+    changePassword.mutate({ currentPassword, newPassword });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Dialog.Title, { mb: "5", children: /* @__PURE__ */ jsx(

package/dist/esm/lib/change-password-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/change-password-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Callout, Flex, Text, VisuallyHidden } from \"@radix-ui/themes\";\nimport * as Form from \"./form.js\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport { Button, Dialog, Label, PasswordField } from \"./elements.js\";\nimport { useUpdatePassword } from \"../api/endpoint.js\";\nimport {\n  getPasswordValidationErrors,\n  getPasswordValidationAriaTexts,\n  PasswordValidationErrorList,\n} from \"./password-error-utils.js\";\nimport { SaveButton } from \"./save-button.js\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\n\ninterface ChangePasswordDialogProps extends Dialog.RootProps {\n  children?: ReactNode;\n}\n\nexport function ChangePasswordDialog({\n  children,\n  ...props\n}: ChangePasswordDialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <Dialog.Root\n      {...props}\n      open={props.open || open}\n      onOpenChange={props.onOpenChange || setOpen}\n    >\n      <Dialog.Trigger>{children}</Dialog.Trigger>\n\n      <Dialog.Content maxWidth=\"480px\">\n        <Content onClose={handleClose} />\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps {\n  onClose: () => void;\n}\n\nfunction Content({ onClose }: ContentProps) {\n  const translate = useTranslation();\n  const changePassword = useUpdatePassword({\n    mutation: {\n      onError: (error) => {\n        const errorMsg = getMutationErrorMessage(error);\n        if (errorMsg === \"Invalid credentials\") {\n          setServerErrors({\n            currentPassword:\n              \"Your current password is incorrect. Please, try again.\",\n          });\n        }\n      },\n    },\n  });\n  const [disableSubmit, setDisableSubmit] = React.useState(true);\n  const [serverErrors, setServerErrors] = React.useState<{\n    currentPassword?: string;\n    password?: string;\n    confirmPassword?: string;\n  }>({});\n\n  const errorMessage = React.useMemo(() => {\n    if (changePassword.error) {\n      return getMutationErrorMessage(changePassword.error);\n    }\n\n    return null;\n  }, [changePassword.error]);\n\n  const validationErrors = React.useMemo(\n    () =>\n      changePassword.error\n        ? getPasswordValidationErrors(changePassword.error)\n        : [],\n    [changePassword.error],\n  );\n\n  const ariaErrorText = React.useMemo(() => {\n    const parts: string[] = [];\n    if (errorMessage && errorMessage !== \"Invalid credentials\") {\n      parts.push(errorMessage);\n    }\n    parts.push(...getPasswordValidationAriaTexts(validationErrors, translate));\n    return parts.join(\". \") || undefined;\n  }, [errorMessage, validationErrors, translate]);\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    const formData = new FormData(event.currentTarget);\n    const currentPassword = formData.get(\"oldPassword\")?.toString() ?? \"\";\n    const newPassword = formData.get(\"password\")?.toString() ?? \"\";\n\n    changePassword.mutate({\n      data: { currentPassword, newPassword },\n    });\n  };\n\n  return (\n    <>\n      <Dialog.Title mb=\"5\">\n        <Translation\n          defaultMessage=\"Change Password\"\n          id=\"kAYx7z\"\n          description=\"Dialog title for changing password\"\n        />\n      </Dialog.Title>\n      <VisuallyHidden>\n        <Dialog.Description>\n          <Translation\n            defaultMessage=\"Change your account password\"\n            id=\"R5rXuR\"\n            description=\"Dialog description for changing password\"\n          />\n        </Dialog.Description>\n      </VisuallyHidden>\n\n      {errorMessage && errorMessage !== \"Invalid credentials\" ? (\n        <Callout.Root color=\"red\" my=\"-2\">\n          <Callout.Text>{errorMessage}</Callout.Text>\n          <PasswordValidationErrorList errors={validationErrors} />\n        </Callout.Root>\n      ) : null}\n\n      <Form.Root\n        onSubmit={handleSubmit}\n        onChange={(event) => {\n          const formData = new FormData(event.currentTarget);\n          const currentPassword = formData.get(\"oldPassword\")?.toString() ?? \"\";\n          const newPassword = formData.get(\"password\")?.toString() ?? \"\";\n          const confirmPassword =\n            formData.get(\"confirmPassword\")?.toString() ?? \"\";\n\n          setDisableSubmit(\n            currentPassword === \"\" ||\n              newPassword === \"\" ||\n              confirmPassword === \"\",\n          );\n          setServerErrors({});\n        }}\n        onClearServerErrors={() => {\n          setServerErrors({});\n        }}\n      >\n        <Flex mt=\"5\" direction=\"column\" gap=\"4\">\n          <Form.Field\n            name=\"oldPassword\"\n            asChild\n            serverInvalid={!serverErrors.currentPassword}\n          >\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>\n                  <Translation\n                    defaultMessage=\"Enter your current password\"\n                    id=\"uqn8py\"\n                    description=\"Label for current password field\"\n                  />\n                </Label>\n              </Form.Label>\n\n              <Form.Control asChild>\n                <PasswordField\n                  autoFocus\n                  required\n                  disabled={\n                    changePassword.isPending || changePassword.isSuccess\n                  }\n                  autoComplete=\"current-password\"\n                  placeholder={translate({\n                    defaultMessage: \"Current password\",\n                    id: \"P2oB4G\",\n                    description: \"Placeholder for current password field\",\n                  })}\n                />\n              </Form.Control>\n\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"Please enter your current password\"\n                    id=\"QKO3st\"\n                    description=\"Error message when current password is missing\"\n                  />\n                </Text>\n              </Form.Message>\n\n              {serverErrors.currentPassword && (\n                <Form.Message asChild>\n                  <Text size=\"2\" color=\"red\">\n                    {serverErrors.currentPassword}\n                  </Text>\n                </Form.Message>\n              )}\n            </Flex>\n          </Form.Field>\n\n          <Form.Field\n            name=\"password\"\n            asChild\n            serverInvalid={!serverErrors.password}\n          >\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>\n                  <Translation\n                    defaultMessage=\"Enter your new password\"\n                    id=\"b/+TBS\"\n                    description=\"Label for new password field\"\n                  />\n                </Label>\n              </Form.Label>\n\n              <Form.Control asChild>\n                <PasswordField\n                  autoComplete=\"new-password\"\n                  placeholder={translate({\n                    defaultMessage: \"New password\",\n                    id: \"8d23GS\",\n                    description: \"Placeholder for new password field\",\n                  })}\n                  required\n                  disabled={\n                    changePassword.isPending || changePassword.isSuccess\n                  }\n                />\n              </Form.Control>\n\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"Please enter your new password\"\n                    id=\"L4yLAf\"\n                    description=\"Error message when new password is missing\"\n                  />\n                </Text>\n              </Form.Message>\n              <Form.Message match={(value) => value.length < 8} asChild>\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"Password must be at least 8 characters\"\n                    id=\"WRjyrh\"\n                    description=\"Error message when password is too short\"\n                  />\n                </Text>\n              </Form.Message>\n              <Form.Message\n                match={(value, formData) =>\n                  value === formData.get(\"oldPassword\")\n                }\n                asChild\n              >\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"You cannot reuse your current password\"\n                    id=\"mEkhOO\"\n                    description=\"Error message when user tries to reuse current password\"\n                  />\n                </Text>\n              </Form.Message>\n            </Flex>\n          </Form.Field>\n\n          <Form.Field\n            name=\"confirmPassword\"\n            asChild\n            serverInvalid={!serverErrors.confirmPassword}\n          >\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>\n                  <Translation\n                    defaultMessage=\"Confirm your new password\"\n                    id=\"K83lBn\"\n                    description=\"Label for password confirmation field\"\n                  />\n                </Label>\n              </Form.Label>\n\n              <Form.Control asChild>\n                <PasswordField\n                  autoComplete=\"new-password\"\n                  placeholder={translate({\n                    defaultMessage: \"Confirm new password\",\n                    id: \"cubpBN\",\n                    description: \"Placeholder for password confirmation field\",\n                  })}\n                  required\n                  disabled={\n                    changePassword.isPending || changePassword.isSuccess\n                  }\n                />\n              </Form.Control>\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"Please confirm your new password\"\n                    id=\"fXZhqG\"\n                    description=\"Error message when password confirmation is missing\"\n                  />\n                </Text>\n              </Form.Message>\n              <Form.Message\n                match={(value, formData) => value !== formData.get(\"password\")}\n                asChild\n              >\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"The new passwords you entered don't match.\"\n                    id=\"Zdq2Hr\"\n                    description=\"Error message when passwords don't match\"\n                  />\n                </Text>\n              </Form.Message>\n            </Flex>\n          </Form.Field>\n        </Flex>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button\n              variant=\"secondary\"\n              type=\"button\"\n              disabled={changePassword.isPending || changePassword.isSuccess}\n            >\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"hHNj31\"\n                description=\"Cancel button text\"\n              />\n            </Button>\n          </Dialog.Close>\n\n          <SaveButton\n            type=\"submit\"\n            loading={changePassword.isPending}\n            done={changePassword.isSuccess}\n            onDone={onClose}\n            disabled={disableSubmit || undefined}\n          >\n            <Translation\n              defaultMessage=\"Change password\"\n              id=\"8GDtZu\"\n              description=\"Submit button text to change password\"\n            />\n          </SaveButton>\n        </Flex>\n      </Form.Root>\n\n      {/* mirror errors in a live region */}\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">{ariaErrorText}</section>\n      </VisuallyHidden>\n    </>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (error instanceof Error) {\n    return error.message;\n  }\n\n  if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    return error.message;\n  }\n\n  return \"Something went wrong. Please try again.\";\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/lib/change-password-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Callout, Flex, Text, VisuallyHidden } from \"@radix-ui/themes\";\nimport * as Form from \"./form.js\";\nimport * as React from \"react\";\nimport { type ReactNode } from \"react\";\nimport { Button, Dialog, Label, PasswordField } from \"./elements.js\";\nimport { useClientGraphqlMutation } from \"../api/client-graphql/hooks.js\";\nimport { expectResultMember } from \"./client-graphql-result.js\";\nimport {\n  getPasswordValidationErrors,\n  getPasswordValidationAriaTexts,\n  PasswordValidationErrorList,\n} from \"./password-error-utils.js\";\nimport { SaveButton } from \"./save-button.js\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\n\ninterface ChangePasswordDialogProps extends Dialog.RootProps {\n  children?: ReactNode;\n}\n\nexport function ChangePasswordDialog({\n  children,\n  ...props\n}: ChangePasswordDialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleClose = React.useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  return (\n    <Dialog.Root\n      {...props}\n      open={props.open || open}\n      onOpenChange={props.onOpenChange || setOpen}\n    >\n      <Dialog.Trigger>{children}</Dialog.Trigger>\n\n      <Dialog.Content maxWidth=\"480px\">\n        <Content onClose={handleClose} />\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\ninterface ContentProps {\n  onClose: () => void;\n}\n\nfunction Content({ onClose }: ContentProps) {\n  const translate = useTranslation();\n  const changePassword = useClientGraphqlMutation({\n    mutationFn: async (\n      sdk,\n      input: { currentPassword: string; newPassword: string },\n    ) =>\n      expectResultMember(\n        (await sdk.UpdatePassword({ input })).updatePassword,\n        \"PasswordUpdated\",\n      ),\n    onError: (error) => {\n      const errorMsg = getMutationErrorMessage(error);\n      if (errorMsg === \"Invalid credentials\") {\n        setServerErrors({\n          currentPassword:\n            \"Your current password is incorrect. Please, try again.\",\n        });\n      }\n    },\n  });\n  const [disableSubmit, setDisableSubmit] = React.useState(true);\n  const [serverErrors, setServerErrors] = React.useState<{\n    currentPassword?: string;\n    password?: string;\n    confirmPassword?: string;\n  }>({});\n\n  const errorMessage = React.useMemo(() => {\n    if (changePassword.error) {\n      return getMutationErrorMessage(changePassword.error);\n    }\n\n    return null;\n  }, [changePassword.error]);\n\n  const validationErrors = React.useMemo(\n    () =>\n      changePassword.error\n        ? getPasswordValidationErrors(changePassword.error)\n        : [],\n    [changePassword.error],\n  );\n\n  const ariaErrorText = React.useMemo(() => {\n    const parts: string[] = [];\n    if (errorMessage && errorMessage !== \"Invalid credentials\") {\n      parts.push(errorMessage);\n    }\n    parts.push(...getPasswordValidationAriaTexts(validationErrors, translate));\n    return parts.join(\". \") || undefined;\n  }, [errorMessage, validationErrors, translate]);\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    const formData = new FormData(event.currentTarget);\n    const currentPassword = formData.get(\"oldPassword\")?.toString() ?? \"\";\n    const newPassword = formData.get(\"password\")?.toString() ?? \"\";\n\n    changePassword.mutate({ currentPassword, newPassword });\n  };\n\n  return (\n    <>\n      <Dialog.Title mb=\"5\">\n        <Translation\n          defaultMessage=\"Change Password\"\n          id=\"kAYx7z\"\n          description=\"Dialog title for changing password\"\n        />\n      </Dialog.Title>\n      <VisuallyHidden>\n        <Dialog.Description>\n          <Translation\n            defaultMessage=\"Change your account password\"\n            id=\"R5rXuR\"\n            description=\"Dialog description for changing password\"\n          />\n        </Dialog.Description>\n      </VisuallyHidden>\n\n      {errorMessage && errorMessage !== \"Invalid credentials\" ? (\n        <Callout.Root color=\"red\" my=\"-2\">\n          <Callout.Text>{errorMessage}</Callout.Text>\n          <PasswordValidationErrorList errors={validationErrors} />\n        </Callout.Root>\n      ) : null}\n\n      <Form.Root\n        onSubmit={handleSubmit}\n        onChange={(event) => {\n          const formData = new FormData(event.currentTarget);\n          const currentPassword = formData.get(\"oldPassword\")?.toString() ?? \"\";\n          const newPassword = formData.get(\"password\")?.toString() ?? \"\";\n          const confirmPassword =\n            formData.get(\"confirmPassword\")?.toString() ?? \"\";\n\n          setDisableSubmit(\n            currentPassword === \"\" ||\n              newPassword === \"\" ||\n              confirmPassword === \"\",\n          );\n          setServerErrors({});\n        }}\n        onClearServerErrors={() => {\n          setServerErrors({});\n        }}\n      >\n        <Flex mt=\"5\" direction=\"column\" gap=\"4\">\n          <Form.Field\n            name=\"oldPassword\"\n            asChild\n            serverInvalid={!serverErrors.currentPassword}\n          >\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>\n                  <Translation\n                    defaultMessage=\"Enter your current password\"\n                    id=\"uqn8py\"\n                    description=\"Label for current password field\"\n                  />\n                </Label>\n              </Form.Label>\n\n              <Form.Control asChild>\n                <PasswordField\n                  autoFocus\n                  required\n                  disabled={\n                    changePassword.isPending || changePassword.isSuccess\n                  }\n                  autoComplete=\"current-password\"\n                  placeholder={translate({\n                    defaultMessage: \"Current password\",\n                    id: \"P2oB4G\",\n                    description: \"Placeholder for current password field\",\n                  })}\n                />\n              </Form.Control>\n\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"Please enter your current password\"\n                    id=\"QKO3st\"\n                    description=\"Error message when current password is missing\"\n                  />\n                </Text>\n              </Form.Message>\n\n              {serverErrors.currentPassword && (\n                <Form.Message asChild>\n                  <Text size=\"2\" color=\"red\">\n                    {serverErrors.currentPassword}\n                  </Text>\n                </Form.Message>\n              )}\n            </Flex>\n          </Form.Field>\n\n          <Form.Field\n            name=\"password\"\n            asChild\n            serverInvalid={!serverErrors.password}\n          >\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>\n                  <Translation\n                    defaultMessage=\"Enter your new password\"\n                    id=\"b/+TBS\"\n                    description=\"Label for new password field\"\n                  />\n                </Label>\n              </Form.Label>\n\n              <Form.Control asChild>\n                <PasswordField\n                  autoComplete=\"new-password\"\n                  placeholder={translate({\n                    defaultMessage: \"New password\",\n                    id: \"8d23GS\",\n                    description: \"Placeholder for new password field\",\n                  })}\n                  required\n                  disabled={\n                    changePassword.isPending || changePassword.isSuccess\n                  }\n                />\n              </Form.Control>\n\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"Please enter your new password\"\n                    id=\"L4yLAf\"\n                    description=\"Error message when new password is missing\"\n                  />\n                </Text>\n              </Form.Message>\n              <Form.Message match={(value) => value.length < 8} asChild>\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"Password must be at least 8 characters\"\n                    id=\"WRjyrh\"\n                    description=\"Error message when password is too short\"\n                  />\n                </Text>\n              </Form.Message>\n              <Form.Message\n                match={(value, formData) =>\n                  value === formData.get(\"oldPassword\")\n                }\n                asChild\n              >\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"You cannot reuse your current password\"\n                    id=\"mEkhOO\"\n                    description=\"Error message when user tries to reuse current password\"\n                  />\n                </Text>\n              </Form.Message>\n            </Flex>\n          </Form.Field>\n\n          <Form.Field\n            name=\"confirmPassword\"\n            asChild\n            serverInvalid={!serverErrors.confirmPassword}\n          >\n            <Flex direction=\"column\" gap=\"2\">\n              <Form.Label asChild>\n                <Label>\n                  <Translation\n                    defaultMessage=\"Confirm your new password\"\n                    id=\"K83lBn\"\n                    description=\"Label for password confirmation field\"\n                  />\n                </Label>\n              </Form.Label>\n\n              <Form.Control asChild>\n                <PasswordField\n                  autoComplete=\"new-password\"\n                  placeholder={translate({\n                    defaultMessage: \"Confirm new password\",\n                    id: \"cubpBN\",\n                    description: \"Placeholder for password confirmation field\",\n                  })}\n                  required\n                  disabled={\n                    changePassword.isPending || changePassword.isSuccess\n                  }\n                />\n              </Form.Control>\n              <Form.Message match=\"valueMissing\" asChild>\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"Please confirm your new password\"\n                    id=\"fXZhqG\"\n                    description=\"Error message when password confirmation is missing\"\n                  />\n                </Text>\n              </Form.Message>\n              <Form.Message\n                match={(value, formData) => value !== formData.get(\"password\")}\n                asChild\n              >\n                <Text size=\"2\" color=\"red\">\n                  <Translation\n                    defaultMessage=\"The new passwords you entered don't match.\"\n                    id=\"Zdq2Hr\"\n                    description=\"Error message when passwords don't match\"\n                  />\n                </Text>\n              </Form.Message>\n            </Flex>\n          </Form.Field>\n        </Flex>\n\n        <Flex mt=\"5\" gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button\n              variant=\"secondary\"\n              type=\"button\"\n              disabled={changePassword.isPending || changePassword.isSuccess}\n            >\n              <Translation\n                defaultMessage=\"Cancel\"\n                id=\"hHNj31\"\n                description=\"Cancel button text\"\n              />\n            </Button>\n          </Dialog.Close>\n\n          <SaveButton\n            type=\"submit\"\n            loading={changePassword.isPending}\n            done={changePassword.isSuccess}\n            onDone={onClose}\n            disabled={disableSubmit || undefined}\n          >\n            <Translation\n              defaultMessage=\"Change password\"\n              id=\"8GDtZu\"\n              description=\"Submit button text to change password\"\n            />\n          </SaveButton>\n        </Flex>\n      </Form.Root>\n\n      {/* mirror errors in a live region */}\n      <VisuallyHidden asChild>\n        <section aria-live=\"polite\">{ariaErrorText}</section>\n      </VisuallyHidden>\n    </>\n  );\n}\n\nfunction getMutationErrorMessage(error: unknown) {\n  if (error instanceof Error) {\n    return error.message;\n  }\n\n  if (\n    typeof error === \"object\" &&\n    error !== null &&\n    \"message\" in error &&\n    typeof error.message === \"string\"\n  ) {\n    return error.message;\n  }\n\n  return \"Something went wrong. Please try again.\";\n}\n"],"mappings":"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","names":[]}

package/dist/esm/lib/client-graphql-result.d.ts

@@ -0,0 +1,32 @@
+import { PasswordViolationFieldsFragment } from '../api/client-graphql/generated.js';
+import 'graphql-request';
+
+interface ResultMember {
+    __typename: string;
+}
+interface PasswordPolicyViolationResult extends ResultMember {
+    __typename: "PasswordPolicyViolation";
+    message: string;
+    violations: PasswordViolationFieldsFragment[];
+}
+declare class ClientGraphqlResultError extends Error {
+    readonly typename: string;
+    constructor(typename: string, message: string);
+}
+declare class PasswordPolicyViolationError extends ClientGraphqlResultError {
+    readonly violations: PasswordViolationFieldsFragment[];
+    constructor(result: PasswordPolicyViolationResult);
+}
+declare function isResultMember<TResult extends ResultMember, TTypename extends TResult["__typename"]>(result: TResult, typename: TTypename): result is Extract<TResult, {
+    __typename: TTypename;
+}>;
+/**
+ * Narrows a Client GraphQL result union to its success member, throwing a
+ * `ClientGraphqlResultError` for any other member so React Query surfaces it
+ * through the mutation's `error` state like the REST client did.
+ */
+declare function expectResultMember<TResult extends ResultMember, TTypename extends TResult["__typename"]>(result: TResult, typename: TTypename): Extract<TResult, {
+    __typename: TTypename;
+}>;
+
+export { ClientGraphqlResultError, PasswordPolicyViolationError, expectResultMember, isResultMember };

package/dist/esm/lib/client-graphql-result.js

@@ -0,0 +1,89 @@
+class ClientGraphqlResultError extends Error {
+  constructor(typename, message) {
+    super(message);
+    this.name = "ClientGraphqlResultError";
+    this.typename = typename;
+  }
+}
+class PasswordPolicyViolationError extends ClientGraphqlResultError {
+  constructor(result) {
+    super(result.__typename, result.message);
+    this.name = "PasswordPolicyViolationError";
+    this.violations = result.violations;
+  }
+}
+function isResultMember(result, typename) {
+  return result.__typename === typename;
+}
+function isPasswordPolicyViolation(result) {
+  return result.__typename === "PasswordPolicyViolation";
+}
+function expectResultMember(result, typename) {
+  if (isResultMember(result, typename)) {
+    return result;
+  }
+  if (isPasswordPolicyViolation(result)) {
+    throw new PasswordPolicyViolationError(result);
+  }
+  throw new ClientGraphqlResultError(
+    result.__typename,
+    getResultFailureMessage(result.__typename)
+  );
+}
+function getResultFailureMessage(typename) {
+  switch (typename) {
+    case "ElevatedAccessTokenExpired":
+    case "IdentityVerificationExpired":
+      return "Your verification has expired. Please verify your identity again.";
+    case "ElevatedAccessTokenInvalid":
+    case "IdentityVerificationInvalid":
+      return "Your verification is no longer valid. Please verify your identity again.";
+    case "IncorrectPassword":
+      return "Invalid credentials";
+    case "UserAlreadyHasPassword":
+      return "A password is already set for this account.";
+    case "TotpAlreadyEnrolled":
+      return "An authenticator app is already set up for this account.";
+    case "TotpVerificationFailed":
+      return "Invalid passcode";
+    case "NoMfaFactorsEnrolled":
+      return "No authenticator app is set up for this account.";
+    case "VerificationCodeIncorrect":
+    case "EmailChangeCodeIncorrect":
+      return "Invalid code, please try again.";
+    case "VerificationCodeExpired":
+    case "EmailChangeCodeExpired":
+      return "This code has expired. Please request a new one.";
+    case "VerificationCodePreviouslyUsed":
+    case "EmailChangeCodePreviouslyUsed":
+      return "This code has already been used. Please request a new one.";
+    case "VerificationTooManyAttempts":
+    case "EmailChangeTooManyAttempts":
+      return "Too many attempts. Please request a new code.";
+    case "DailyEmailQuotaExceeded":
+      return "Too many verification emails have been sent today. Please try again later.";
+    case "EmailChangeNotAvailable":
+      return "Email change is not available for this account.";
+    case "EmailManagedByProvider":
+      return "Your email address is managed by your identity provider and cannot be changed.";
+    case "EmailNotAvailable":
+      return "This email address is not available.";
+    case "InvalidEmail":
+      return "Please enter a valid email address.";
+    case "NoPendingEmailChange":
+      return "There is no pending email change to confirm.";
+    case "InvalidLocale":
+      return "The provided locale is invalid.";
+    case "SessionNotFound":
+      return "This session could not be found.";
+    default:
+      return "Something went wrong. Please try again.";
+  }
+}
+export {
+  ClientGraphqlResultError,
+  PasswordPolicyViolationError,
+  expectResultMember,
+  isResultMember
+};
+//# sourceMappingURL=client-graphql-result.js.map

package/dist/esm/lib/client-graphql-result.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/client-graphql-result.ts"],"sourcesContent":["import type { PasswordViolationFieldsFragment } from \"../api/client-graphql/generated.js\";\n\ninterface ResultMember {\n  __typename: string;\n}\n\ninterface PasswordPolicyViolationResult extends ResultMember {\n  __typename: \"PasswordPolicyViolation\";\n  message: string;\n  violations: PasswordViolationFieldsFragment[];\n}\n\nexport class ClientGraphqlResultError extends Error {\n  readonly typename: string;\n\n  constructor(typename: string, message: string) {\n    super(message);\n    this.name = \"ClientGraphqlResultError\";\n    this.typename = typename;\n  }\n}\n\nexport class PasswordPolicyViolationError extends ClientGraphqlResultError {\n  readonly violations: PasswordViolationFieldsFragment[];\n\n  constructor(result: PasswordPolicyViolationResult) {\n    super(result.__typename, result.message);\n    this.name = \"PasswordPolicyViolationError\";\n    this.violations = result.violations;\n  }\n}\n\nexport function isResultMember<\n  TResult extends ResultMember,\n  TTypename extends TResult[\"__typename\"],\n>(\n  result: TResult,\n  typename: TTypename,\n): result is Extract<TResult, { __typename: TTypename }> {\n  return result.__typename === typename;\n}\n\nfunction isPasswordPolicyViolation(\n  result: ResultMember,\n): result is PasswordPolicyViolationResult {\n  return result.__typename === \"PasswordPolicyViolation\";\n}\n\n/**\n * Narrows a Client GraphQL result union to its success member, throwing a\n * `ClientGraphqlResultError` for any other member so React Query surfaces it\n * through the mutation's `error` state like the REST client did.\n */\nexport function expectResultMember<\n  TResult extends ResultMember,\n  TTypename extends TResult[\"__typename\"],\n>(\n  result: TResult,\n  typename: TTypename,\n): Extract<TResult, { __typename: TTypename }> {\n  if (isResultMember(result, typename)) {\n    return result;\n  }\n\n  if (isPasswordPolicyViolation(result)) {\n    throw new PasswordPolicyViolationError(result);\n  }\n\n  throw new ClientGraphqlResultError(\n    result.__typename,\n    getResultFailureMessage(result.__typename),\n  );\n}\n\n// Failure members are surfaced as plain strings, matching the untranslated\n// server messages the REST endpoints returned.\nfunction getResultFailureMessage(typename: string): string {\n  switch (typename) {\n    case \"ElevatedAccessTokenExpired\":\n    case \"IdentityVerificationExpired\":\n      return \"Your verification has expired. Please verify your identity again.\";\n    case \"ElevatedAccessTokenInvalid\":\n    case \"IdentityVerificationInvalid\":\n      return \"Your verification is no longer valid. Please verify your identity again.\";\n    case \"IncorrectPassword\":\n      return \"Invalid credentials\";\n    case \"UserAlreadyHasPassword\":\n      return \"A password is already set for this account.\";\n    case \"TotpAlreadyEnrolled\":\n      return \"An authenticator app is already set up for this account.\";\n    case \"TotpVerificationFailed\":\n      return \"Invalid passcode\";\n    case \"NoMfaFactorsEnrolled\":\n      return \"No authenticator app is set up for this account.\";\n    case \"VerificationCodeIncorrect\":\n    case \"EmailChangeCodeIncorrect\":\n      return \"Invalid code, please try again.\";\n    case \"VerificationCodeExpired\":\n    case \"EmailChangeCodeExpired\":\n      return \"This code has expired. Please request a new one.\";\n    case \"VerificationCodePreviouslyUsed\":\n    case \"EmailChangeCodePreviouslyUsed\":\n      return \"This code has already been used. Please request a new one.\";\n    case \"VerificationTooManyAttempts\":\n    case \"EmailChangeTooManyAttempts\":\n      return \"Too many attempts. Please request a new code.\";\n    case \"DailyEmailQuotaExceeded\":\n      return \"Too many verification emails have been sent today. Please try again later.\";\n    case \"EmailChangeNotAvailable\":\n      return \"Email change is not available for this account.\";\n    case \"EmailManagedByProvider\":\n      return \"Your email address is managed by your identity provider and cannot be changed.\";\n    case \"EmailNotAvailable\":\n      return \"This email address is not available.\";\n    case \"InvalidEmail\":\n      return \"Please enter a valid email address.\";\n    case \"NoPendingEmailChange\":\n      return \"There is no pending email change to confirm.\";\n    case \"InvalidLocale\":\n      return \"The provided locale is invalid.\";\n    case \"SessionNotFound\":\n      return \"This session could not be found.\";\n    default:\n      return \"Something went wrong. Please try again.\";\n  }\n}\n"],"mappings":"AAYO,MAAM,iCAAiC,MAAM;AAAA,EAGlD,YAAY,UAAkB,SAAiB;AAC7C,UAAM,OAAO;AACb,SAAK,OAAO;AACZ,SAAK,WAAW;AAAA,EAClB;AACF;AAEO,MAAM,qCAAqC,yBAAyB;AAAA,EAGzE,YAAY,QAAuC;AACjD,UAAM,OAAO,YAAY,OAAO,OAAO;AACvC,SAAK,OAAO;AACZ,SAAK,aAAa,OAAO;AAAA,EAC3B;AACF;AAEO,SAAS,eAId,QACA,UACuD;AACvD,SAAO,OAAO,eAAe;AAC/B;AAEA,SAAS,0BACP,QACyC;AACzC,SAAO,OAAO,eAAe;AAC/B;AAOO,SAAS,mBAId,QACA,UAC6C;AAC7C,MAAI,eAAe,QAAQ,QAAQ,GAAG;AACpC,WAAO;AAAA,EACT;AAEA,MAAI,0BAA0B,MAAM,GAAG;AACrC,UAAM,IAAI,6BAA6B,MAAM;AAAA,EAC/C;AAEA,QAAM,IAAI;AAAA,IACR,OAAO;AAAA,IACP,wBAAwB,OAAO,UAAU;AAAA,EAC3C;AACF;AAIA,SAAS,wBAAwB,UAA0B;AACzD,UAAQ,UAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { OrganizationDomain } from '../api/endpoint.js';
-import '@tanstack/react-query';
-import '../api/widgets-api-client.js';
+import { OrganizationDomainFieldsFragment } from '../api/client-graphql/generated.js';
+import 'graphql-request';
 
 interface DeleteDomainDialogProps {
     children?: React.ReactNode;
-    domain: OrganizationDomain;
+    domain: OrganizationDomainFieldsFragment;
     onDeleteDomain: (domainId: string) => void;
     open: boolean;
     onOpenChange: (open: boolean) => void;

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 } 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          <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        );\n      case \"Failed\":\n        return (\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        );\n      default:\n        return (\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        );\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>{message}</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":";AA0B8B,cA4CtB,YA5CsB;AAvB9B,SAAS,YAAY;AAErB,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;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;AAAA,MAEJ,KAAK;AACH,eACE;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;AAAA,MAEJ;AACE,eACE;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;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,EAAyB,mBAAQ;AAAA,MAClC,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":[]}
+{"version":3,"sources":["../../../src/lib/delete-domain-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Flex } from \"@radix-ui/themes\";\nimport type { OrganizationDomainFieldsFragment } from \"../api/client-graphql/generated.js\";\nimport { AlertDialog, Button } from \"./elements.js\";\nimport { Translation } from \"./i18n/translation.js\";\n\ninterface DeleteDomainDialogProps {\n  children?: React.ReactNode;\n  domain: OrganizationDomainFieldsFragment;\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          <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        );\n      case \"Failed\":\n        return (\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        );\n      default:\n        return (\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        );\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>{message}</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":";AA0B8B,cA4CtB,YA5CsB;AAvB9B,SAAS,YAAY;AAErB,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;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;AAAA,MAEJ,KAAK;AACH,eACE;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;AAAA,MAEJ;AACE,eACE;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;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,EAAyB,mBAAQ;AAAA,MAClC,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,8 +1,9 @@
 import * as React from 'react';
+import { a as Member } from '../user-BE5sIud6.js';
 import { RootProps } from '@radix-ui/themes/components/alert-dialog';
-import { Member } from '../api/endpoint.js';
+import '../api/client-graphql/generated.js';
+import 'graphql-request';
 import '@tanstack/react-query';
-import '../api/widgets-api-client.js';
 
 interface DeleteUserDialogProps extends RootProps {
     open: boolean;