@contember/react-client-tenant 1.3.0-alpha.26 → 2.0.0-alpha.1

package/dist/development/components/forms/InviteForm.js

@@ -0,0 +1,62 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { TenantForm } from "./TenantForm.js";
+import { useForm } from "../../contexts.js";
+import { useInviteMutation } from "../../hooks/mutations/invite/useInviteMutation.js";
+const useInviteForm = useForm;
+const InviteForm = ({ children, onSuccess, projectSlug, initialMemberships, inviteOptions }) => {
+  const invite = useInviteMutation();
+  return /* @__PURE__ */ jsxDEV(
+    TenantForm,
+    {
+      onSuccess,
+      initialValues: {
+        email: "",
+        name: "",
+        memberships: initialMemberships || []
+      },
+      validate: ({ values }) => {
+        const errors = [];
+        if (!values.email) {
+          errors.push({ code: "FIELD_REQUIRED", field: "email" });
+        }
+        if (values.memberships.length === 0) {
+          errors.push({ code: "FIELD_REQUIRED", field: "memberships" });
+        }
+        return errors;
+      },
+      execute: async ({ values }) => {
+        return await invite({
+          email: values.email,
+          name: values.name,
+          projectSlug,
+          options: inviteOptions,
+          memberships: values.memberships
+        });
+      },
+      errorMapping: errorToField,
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/InviteForm.tsx",
+      lineNumber: 38,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  ALREADY_MEMBER: "email",
+  INVALID_EMAIL_FORMAT: "email",
+  INVALID_MEMBERSHIP: "memberships",
+  PROJECT_NOT_FOUND: void 0,
+  ROLE_NOT_FOUND: "memberships",
+  VARIABLE_EMPTY: "memberships",
+  VARIABLE_NOT_FOUND: "memberships"
+};
+export {
+  InviteForm,
+  useInviteForm
+};
+//# sourceMappingURL=InviteForm.js.map

package/dist/development/components/forms/InviteForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InviteForm.js","sources":["../../../../src/components/forms/InviteForm.tsx"],"sourcesContent":["import { ReactElement } from 'react'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm } from '../../contexts'\nimport { InviteErrorCode, InviteOptions, MembershipInput } from '@contember/graphql-client-tenant'\nimport { InviteMutationResult, useInviteMutation } from '../../hooks'\n\nexport type InviteFormValues = {\n\temail: string\n\tname: string\n\tmemberships: readonly MembershipInput[]\n}\n\nexport type InviteFormErrorCode =\n\t| InviteErrorCode\n\t| 'UNKNOWN_ERROR'\n\t| 'FIELD_REQUIRED'\n\nexport type InviteFormState = FormState\n\nexport type InviteFormError = FormError<InviteFormValues, InviteFormErrorCode>\n\nexport type InviteFormContextValue = FormContextValue<InviteFormValues, InviteFormErrorCode>\n\nexport interface InviteFormProps {\n\tchildren: ReactElement\n\tprojectSlug: string\n\tinviteOptions?: InviteOptions\n\tinitialMemberships?: readonly MembershipInput[]\n\tonSuccess?: (args: { result: InviteMutationResult }) => void\n}\n\nexport const useInviteForm = useForm as () => InviteFormContextValue\n\nexport const InviteForm = ({ children, onSuccess, projectSlug, initialMemberships, inviteOptions }: InviteFormProps) => {\n\tconst invite = useInviteMutation()\n\treturn (\n\t\t<TenantForm<InviteFormContextValue, InviteMutationResult>\n\t\t\tonSuccess={onSuccess}\n\t\t\tinitialValues={{\n\t\t\t\temail: '',\n\t\t\t\tname: '',\n\t\t\t\tmemberships: initialMemberships || [],\n\t\t\t}}\n\t\t\tvalidate={({ values }) => {\n\t\t\t\tconst errors: InviteFormError[] = []\n\t\t\t\tif (!values.email) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'email' })\n\t\t\t\t}\n\t\t\t\tif (values.memberships.length === 0) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'memberships' })\n\t\t\t\t}\n\t\t\t\treturn errors\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\treturn await invite({\n\t\t\t\t\temail: values.email,\n\t\t\t\t\tname: values.name,\n\t\t\t\t\tprojectSlug,\n\t\t\t\t\toptions: inviteOptions,\n\t\t\t\t\tmemberships: values.memberships,\n\t\t\t\t})\n\t\t\t}}\n\t\t\terrorMapping={errorToField}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n}\n\nconst errorToField: Record<InviteErrorCode, keyof InviteFormValues | undefined> = {\n\tALREADY_MEMBER: 'email',\n\tINVALID_EMAIL_FORMAT: 'email',\n\tINVALID_MEMBERSHIP: 'memberships',\n\tPROJECT_NOT_FOUND: undefined,\n\tROLE_NOT_FOUND: 'memberships',\n\tVARIABLE_EMPTY: 'memberships',\n\tVARIABLE_NOT_FOUND: 'memberships',\n}\n"],"names":["this"],"mappings":";;;;AAgCO,MAAM,gBAAgB;AAEhB,MAAA,aAAa,CAAC,EAAE,UAAU,WAAW,aAAa,oBAAoB,oBAAqC;AACvH,QAAM,SAAS;AAEd,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,QACd,OAAO;AAAA,QACP,MAAM;AAAA,QACN,aAAa,sBAAsB,CAAC;AAAA,MACrC;AAAA,MACA,UAAU,CAAC,EAAE,aAAa;AACzB,cAAM,SAA4B,CAAA;AAC9B,YAAA,CAAC,OAAO,OAAO;AAClB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QACvD;AACI,YAAA,OAAO,YAAY,WAAW,GAAG;AACpC,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,eAAe;AAAA,QAC7D;AACO,eAAA;AAAA,MACR;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AAC9B,eAAO,MAAM,OAAO;AAAA,UACnB,OAAO,OAAO;AAAA,UACd,MAAM,OAAO;AAAA,UACb;AAAA,UACA,SAAS;AAAA,UACT,aAAa,OAAO;AAAA,QAAA,CACpB;AAAA,MACF;AAAA,MACA,cAAc;AAAA,MAEb;AAAA,IAAA;AAAA,IA5BF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AA+BF;AAEA,MAAM,eAA4E;AAAA,EACjF,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AACrB;"}

package/dist/development/components/forms/LoginForm.cjs

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const TenantForm = require("./TenantForm.cjs");
+const contexts = require("../../contexts.cjs");
+const reactClient = require("@contember/react-client");
+const useRedirectToBacklink = require("../../internal/hooks/useRedirectToBacklink.cjs");
+const useSignInMutation = require("../../hooks/mutations/auth/useSignInMutation.cjs");
+const useLoginForm = contexts.useForm;
+const headers = {
+  "X-Contember-Token-Path": "data.mutation.result.token"
+};
+const DEFAULT_LOGIN_EXPIRATION = 14 * 24 * 3600;
+const LoginForm = ({ children, expiration = DEFAULT_LOGIN_EXPIRATION, onSuccess }) => {
+  const login = useSignInMutation.useSignInMutation({ headers });
+  const redirectToBacklink = useRedirectToBacklink.useRedirectToBacklinkCallback();
+  const setSessionToken = reactClient.useSetSessionToken();
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    TenantForm.TenantForm,
+    {
+      onSuccess: (args) => {
+        onSuccess?.();
+        setSessionToken(args.result.token);
+        redirectToBacklink();
+      },
+      errorMapping: errorToField,
+      initialValues: {
+        email: "",
+        password: "",
+        otpToken: ""
+      },
+      validate: ({ values, state }) => {
+        const errors = [];
+        if (!values.email) {
+          errors.push({ code: "FIELD_REQUIRED", field: "email" });
+        } else if (!values.email.match(/^.+@.+$/)) {
+          errors.push({ code: "INVALID_VALUE", field: "email" });
+        }
+        if (!values.password) {
+          errors.push({ code: "FIELD_REQUIRED", field: "password" });
+        } else if (values.password.length < 6) {
+          errors.push({ code: "INVALID_VALUE", field: "password" });
+        }
+        if (!values.otpToken && state === "otp-required") {
+          errors.push({ code: "FIELD_REQUIRED", field: "otpToken" });
+        } else if (values.otpToken && !values.otpToken.match(/^\d{6}$/)) {
+          errors.push({ code: "INVALID_VALUE", field: "otpToken" });
+        }
+        return errors;
+      },
+      execute: async ({ values }) => {
+        const result = await login({
+          email: values.email,
+          password: values.password,
+          otpToken: values.otpToken || void 0,
+          expiration
+        });
+        if (!result.ok && result.error === "OTP_REQUIRED") {
+          return { ...result, state: "otp-required" };
+        }
+        return result;
+      },
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/LoginForm.tsx",
+      lineNumber: 51,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  "INVALID_PASSWORD": "password",
+  "NO_PASSWORD_SET": "password",
+  "UNKNOWN_EMAIL": "email",
+  "PERSON_DISABLED": "email",
+  "INVALID_OTP_TOKEN": "otpToken",
+  "OTP_REQUIRED": void 0
+};
+exports.LoginForm = LoginForm;
+exports.useLoginForm = useLoginForm;
+//# sourceMappingURL=LoginForm.cjs.map

package/dist/development/components/forms/LoginForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.cjs","sources":["../../../../src/components/forms/LoginForm.tsx"],"sourcesContent":["import { ReactElement, useCallback, useMemo } from 'react'\nimport * as TenantApi from '@contember/graphql-client-tenant'\nimport { TenantForm } from './TenantForm'\nimport { SignInErrorCode } from '@contember/graphql-client-tenant'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm } from '../../contexts'\nimport { useSetSessionToken } from '@contember/react-client'\nimport { SignInMutationResult, useSignInMutation } from '../../hooks'\nimport { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink'\n\n\nexport type LoginFormValues = {\n\temail: string\n\tpassword: string\n\totpToken: string\n}\n\nexport type LoginFormErrorCode =\n\t| SignInErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'INVALID_VALUE'\n\t| 'UNKNOWN_ERROR'\n\nexport type LoginFormState =\n\t| FormState\n\t| 'otp-required'\n\nexport type LoginFormError = FormError<LoginFormValues, LoginFormErrorCode>\n\nexport type LoginFormContextValue = FormContextValue<LoginFormValues, LoginFormErrorCode, LoginFormState>\n\nexport interface LoginFormProps {\n\texpiration?: number\n\tchildren: ReactElement\n\tonSuccess?: () => void\n}\n\nexport const useLoginForm = useForm as () => LoginFormContextValue\n\nconst headers = {\n\t'X-Contember-Token-Path': 'data.mutation.result.token',\n}\n\nconst DEFAULT_LOGIN_EXPIRATION = 14 * 24 * 3600 // 14 days\n\nexport const LoginForm = ({ children, expiration = DEFAULT_LOGIN_EXPIRATION, onSuccess }: LoginFormProps) => {\n\tconst login = useSignInMutation({ headers })\n\tconst redirectToBacklink = useRedirectToBacklinkCallback()\n\tconst setSessionToken = useSetSessionToken()\n\treturn (\n\t\t<TenantForm<LoginFormContextValue, SignInMutationResult>\n\t\t\tonSuccess={args => {\n\t\t\t\tonSuccess?.()\n\t\t\t\tsetSessionToken(args.result.token)\n\t\t\t\tredirectToBacklink()\n\t\t\t}}\n\t\t\terrorMapping={errorToField}\n\t\t\tinitialValues={{\n\t\t\t\temail: '',\n\t\t\t\tpassword: '',\n\t\t\t\totpToken: '',\n\t\t\t}}\n\t\t\tvalidate={({ values, state }) => {\n\t\t\t\tconst errors: LoginFormError[] = []\n\t\t\t\tif (!values.email) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'email' })\n\t\t\t\t} else if (!values.email.match(/^.+@.+$/)) {\n\t\t\t\t\terrors.push({ code: 'INVALID_VALUE', field: 'email' })\n\t\t\t\t}\n\n\t\t\t\tif (!values.password) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'password' })\n\t\t\t\t} else if (values.password.length < 6) {\n\t\t\t\t\terrors.push({ code: 'INVALID_VALUE', field: 'password' })\n\t\t\t\t}\n\t\t\t\tif (!values.otpToken && state === 'otp-required') {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'otpToken' })\n\t\t\t\t} else if (values.otpToken && !values.otpToken.match(/^\\d{6}$/)) {\n\t\t\t\t\terrors.push({ code: 'INVALID_VALUE', field: 'otpToken' })\n\t\t\t\t}\n\t\t\t\treturn errors\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\tconst result = await login({\n\t\t\t\t\temail: values.email!,\n\t\t\t\t\tpassword: values.password!,\n\t\t\t\t\totpToken: values.otpToken || undefined,\n\t\t\t\t\texpiration: expiration,\n\t\t\t\t})\n\n\t\t\t\tif (!result.ok && result.error === 'OTP_REQUIRED') {\n\t\t\t\t\treturn { ...result, state: 'otp-required' }\n\t\t\t\t}\n\n\t\t\t\treturn result\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n\n}\nconst errorToField: Record<TenantApi.SignInErrorCode, keyof LoginFormValues | undefined> = {\n\t'INVALID_PASSWORD': 'password',\n\t'NO_PASSWORD_SET': 'password',\n\t'UNKNOWN_EMAIL': 'email',\n\t'PERSON_DISABLED': 'email',\n\t'INVALID_OTP_TOKEN': 'otpToken',\n\t'OTP_REQUIRED': undefined,\n}\n"],"names":["useForm","useSignInMutation","useRedirectToBacklinkCallback","useSetSessionToken","jsxDEV","TenantForm","this"],"mappings":";;;;;;;;AAqCO,MAAM,eAAeA,SAAA;AAE5B,MAAM,UAAU;AAAA,EACf,0BAA0B;AAC3B;AAEA,MAAM,2BAA2B,KAAK,KAAK;AAEpC,MAAM,YAAY,CAAC,EAAE,UAAU,aAAa,0BAA0B,gBAAgC;AAC5G,QAAM,QAAQC,kBAAAA,kBAAkB,EAAE,QAAS,CAAA;AAC3C,QAAM,qBAAqBC,sBAAAA;AAC3B,QAAM,kBAAkBC,YAAAA;AAEvB,SAAAC,8BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACA,WAAW,CAAQ,SAAA;AACN;AACI,wBAAA,KAAK,OAAO,KAAK;AACd;MACpB;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,QACd,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,MACX;AAAA,MACA,UAAU,CAAC,EAAE,QAAQ,YAAY;AAChC,cAAM,SAA2B,CAAA;AAC7B,YAAA,CAAC,OAAO,OAAO;AAClB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,mBAC5C,CAAC,OAAO,MAAM,MAAM,SAAS,GAAG;AAC1C,iBAAO,KAAK,EAAE,MAAM,iBAAiB,OAAO,SAAS;AAAA,QACtD;AAEI,YAAA,CAAC,OAAO,UAAU;AACrB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,YAAY;AAAA,QAC/C,WAAA,OAAO,SAAS,SAAS,GAAG;AACtC,iBAAO,KAAK,EAAE,MAAM,iBAAiB,OAAO,YAAY;AAAA,QACzD;AACA,YAAI,CAAC,OAAO,YAAY,UAAU,gBAAgB;AACjD,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,YAAY;AAAA,QAAA,WAC/C,OAAO,YAAY,CAAC,OAAO,SAAS,MAAM,SAAS,GAAG;AAChE,iBAAO,KAAK,EAAE,MAAM,iBAAiB,OAAO,YAAY;AAAA,QACzD;AACO,eAAA;AAAA,MACR;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AACxB,cAAA,SAAS,MAAM,MAAM;AAAA,UAC1B,OAAO,OAAO;AAAA,UACd,UAAU,OAAO;AAAA,UACjB,UAAU,OAAO,YAAY;AAAA,UAC7B;AAAA,QAAA,CACA;AAED,YAAI,CAAC,OAAO,MAAM,OAAO,UAAU,gBAAgB;AAClD,iBAAO,EAAE,GAAG,QAAQ,OAAO,eAAe;AAAA,QAC3C;AAEO,eAAA;AAAA,MACR;AAAA,MAEC;AAAA,IAAA;AAAA,IA/CF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAC;AAAAA,EAAA;AAmDF;AACA,MAAM,eAAqF;AAAA,EAC1F,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,gBAAgB;AACjB;;;"}

package/dist/development/components/forms/LoginForm.js

@@ -0,0 +1,85 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { TenantForm } from "./TenantForm.js";
+import { useForm } from "../../contexts.js";
+import { useSetSessionToken } from "@contember/react-client";
+import { useRedirectToBacklinkCallback } from "../../internal/hooks/useRedirectToBacklink.js";
+import { useSignInMutation } from "../../hooks/mutations/auth/useSignInMutation.js";
+const useLoginForm = useForm;
+const headers = {
+  "X-Contember-Token-Path": "data.mutation.result.token"
+};
+const DEFAULT_LOGIN_EXPIRATION = 14 * 24 * 3600;
+const LoginForm = ({ children, expiration = DEFAULT_LOGIN_EXPIRATION, onSuccess }) => {
+  const login = useSignInMutation({ headers });
+  const redirectToBacklink = useRedirectToBacklinkCallback();
+  const setSessionToken = useSetSessionToken();
+  return /* @__PURE__ */ jsxDEV(
+    TenantForm,
+    {
+      onSuccess: (args) => {
+        onSuccess?.();
+        setSessionToken(args.result.token);
+        redirectToBacklink();
+      },
+      errorMapping: errorToField,
+      initialValues: {
+        email: "",
+        password: "",
+        otpToken: ""
+      },
+      validate: ({ values, state }) => {
+        const errors = [];
+        if (!values.email) {
+          errors.push({ code: "FIELD_REQUIRED", field: "email" });
+        } else if (!values.email.match(/^.+@.+$/)) {
+          errors.push({ code: "INVALID_VALUE", field: "email" });
+        }
+        if (!values.password) {
+          errors.push({ code: "FIELD_REQUIRED", field: "password" });
+        } else if (values.password.length < 6) {
+          errors.push({ code: "INVALID_VALUE", field: "password" });
+        }
+        if (!values.otpToken && state === "otp-required") {
+          errors.push({ code: "FIELD_REQUIRED", field: "otpToken" });
+        } else if (values.otpToken && !values.otpToken.match(/^\d{6}$/)) {
+          errors.push({ code: "INVALID_VALUE", field: "otpToken" });
+        }
+        return errors;
+      },
+      execute: async ({ values }) => {
+        const result = await login({
+          email: values.email,
+          password: values.password,
+          otpToken: values.otpToken || void 0,
+          expiration
+        });
+        if (!result.ok && result.error === "OTP_REQUIRED") {
+          return { ...result, state: "otp-required" };
+        }
+        return result;
+      },
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/LoginForm.tsx",
+      lineNumber: 51,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  "INVALID_PASSWORD": "password",
+  "NO_PASSWORD_SET": "password",
+  "UNKNOWN_EMAIL": "email",
+  "PERSON_DISABLED": "email",
+  "INVALID_OTP_TOKEN": "otpToken",
+  "OTP_REQUIRED": void 0
+};
+export {
+  LoginForm,
+  useLoginForm
+};
+//# sourceMappingURL=LoginForm.js.map

package/dist/development/components/forms/LoginForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.js","sources":["../../../../src/components/forms/LoginForm.tsx"],"sourcesContent":["import { ReactElement, useCallback, useMemo } from 'react'\nimport * as TenantApi from '@contember/graphql-client-tenant'\nimport { TenantForm } from './TenantForm'\nimport { SignInErrorCode } from '@contember/graphql-client-tenant'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm } from '../../contexts'\nimport { useSetSessionToken } from '@contember/react-client'\nimport { SignInMutationResult, useSignInMutation } from '../../hooks'\nimport { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink'\n\n\nexport type LoginFormValues = {\n\temail: string\n\tpassword: string\n\totpToken: string\n}\n\nexport type LoginFormErrorCode =\n\t| SignInErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'INVALID_VALUE'\n\t| 'UNKNOWN_ERROR'\n\nexport type LoginFormState =\n\t| FormState\n\t| 'otp-required'\n\nexport type LoginFormError = FormError<LoginFormValues, LoginFormErrorCode>\n\nexport type LoginFormContextValue = FormContextValue<LoginFormValues, LoginFormErrorCode, LoginFormState>\n\nexport interface LoginFormProps {\n\texpiration?: number\n\tchildren: ReactElement\n\tonSuccess?: () => void\n}\n\nexport const useLoginForm = useForm as () => LoginFormContextValue\n\nconst headers = {\n\t'X-Contember-Token-Path': 'data.mutation.result.token',\n}\n\nconst DEFAULT_LOGIN_EXPIRATION = 14 * 24 * 3600 // 14 days\n\nexport const LoginForm = ({ children, expiration = DEFAULT_LOGIN_EXPIRATION, onSuccess }: LoginFormProps) => {\n\tconst login = useSignInMutation({ headers })\n\tconst redirectToBacklink = useRedirectToBacklinkCallback()\n\tconst setSessionToken = useSetSessionToken()\n\treturn (\n\t\t<TenantForm<LoginFormContextValue, SignInMutationResult>\n\t\t\tonSuccess={args => {\n\t\t\t\tonSuccess?.()\n\t\t\t\tsetSessionToken(args.result.token)\n\t\t\t\tredirectToBacklink()\n\t\t\t}}\n\t\t\terrorMapping={errorToField}\n\t\t\tinitialValues={{\n\t\t\t\temail: '',\n\t\t\t\tpassword: '',\n\t\t\t\totpToken: '',\n\t\t\t}}\n\t\t\tvalidate={({ values, state }) => {\n\t\t\t\tconst errors: LoginFormError[] = []\n\t\t\t\tif (!values.email) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'email' })\n\t\t\t\t} else if (!values.email.match(/^.+@.+$/)) {\n\t\t\t\t\terrors.push({ code: 'INVALID_VALUE', field: 'email' })\n\t\t\t\t}\n\n\t\t\t\tif (!values.password) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'password' })\n\t\t\t\t} else if (values.password.length < 6) {\n\t\t\t\t\terrors.push({ code: 'INVALID_VALUE', field: 'password' })\n\t\t\t\t}\n\t\t\t\tif (!values.otpToken && state === 'otp-required') {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'otpToken' })\n\t\t\t\t} else if (values.otpToken && !values.otpToken.match(/^\\d{6}$/)) {\n\t\t\t\t\terrors.push({ code: 'INVALID_VALUE', field: 'otpToken' })\n\t\t\t\t}\n\t\t\t\treturn errors\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\tconst result = await login({\n\t\t\t\t\temail: values.email!,\n\t\t\t\t\tpassword: values.password!,\n\t\t\t\t\totpToken: values.otpToken || undefined,\n\t\t\t\t\texpiration: expiration,\n\t\t\t\t})\n\n\t\t\t\tif (!result.ok && result.error === 'OTP_REQUIRED') {\n\t\t\t\t\treturn { ...result, state: 'otp-required' }\n\t\t\t\t}\n\n\t\t\t\treturn result\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n\n}\nconst errorToField: Record<TenantApi.SignInErrorCode, keyof LoginFormValues | undefined> = {\n\t'INVALID_PASSWORD': 'password',\n\t'NO_PASSWORD_SET': 'password',\n\t'UNKNOWN_EMAIL': 'email',\n\t'PERSON_DISABLED': 'email',\n\t'INVALID_OTP_TOKEN': 'otpToken',\n\t'OTP_REQUIRED': undefined,\n}\n"],"names":["this"],"mappings":";;;;;;AAqCO,MAAM,eAAe;AAE5B,MAAM,UAAU;AAAA,EACf,0BAA0B;AAC3B;AAEA,MAAM,2BAA2B,KAAK,KAAK;AAEpC,MAAM,YAAY,CAAC,EAAE,UAAU,aAAa,0BAA0B,gBAAgC;AAC5G,QAAM,QAAQ,kBAAkB,EAAE,QAAS,CAAA;AAC3C,QAAM,qBAAqB;AAC3B,QAAM,kBAAkB;AAEvB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,CAAQ,SAAA;AACN;AACI,wBAAA,KAAK,OAAO,KAAK;AACd;MACpB;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,QACd,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,MACX;AAAA,MACA,UAAU,CAAC,EAAE,QAAQ,YAAY;AAChC,cAAM,SAA2B,CAAA;AAC7B,YAAA,CAAC,OAAO,OAAO;AAClB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,mBAC5C,CAAC,OAAO,MAAM,MAAM,SAAS,GAAG;AAC1C,iBAAO,KAAK,EAAE,MAAM,iBAAiB,OAAO,SAAS;AAAA,QACtD;AAEI,YAAA,CAAC,OAAO,UAAU;AACrB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,YAAY;AAAA,QAC/C,WAAA,OAAO,SAAS,SAAS,GAAG;AACtC,iBAAO,KAAK,EAAE,MAAM,iBAAiB,OAAO,YAAY;AAAA,QACzD;AACA,YAAI,CAAC,OAAO,YAAY,UAAU,gBAAgB;AACjD,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,YAAY;AAAA,QAAA,WAC/C,OAAO,YAAY,CAAC,OAAO,SAAS,MAAM,SAAS,GAAG;AAChE,iBAAO,KAAK,EAAE,MAAM,iBAAiB,OAAO,YAAY;AAAA,QACzD;AACO,eAAA;AAAA,MACR;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AACxB,cAAA,SAAS,MAAM,MAAM;AAAA,UAC1B,OAAO,OAAO;AAAA,UACd,UAAU,OAAO;AAAA,UACjB,UAAU,OAAO,YAAY;AAAA,UAC7B;AAAA,QAAA,CACA;AAED,YAAI,CAAC,OAAO,MAAM,OAAO,UAAU,gBAAgB;AAClD,iBAAO,EAAE,GAAG,QAAQ,OAAO,eAAe;AAAA,QAC3C;AAEO,eAAA;AAAA,MACR;AAAA,MAEC;AAAA,IAAA;AAAA,IA/CF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AAmDF;AACA,MAAM,eAAqF;AAAA,EAC1F,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,gBAAgB;AACjB;"}

package/dist/development/components/forms/OtpConfirmForm.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const TenantForm = require("./TenantForm.cjs");
+const contexts = require("../../contexts.cjs");
+const useConfirmOtpMutation = require("../../hooks/mutations/otp/useConfirmOtpMutation.cjs");
+const useOtpConfirmForm = contexts.useForm;
+const OtpConfirmForm = ({ children, onSuccess }) => {
+  const confirmOtp = useConfirmOtpMutation.useConfirmOtpMutation();
+  const { refreshIdentity } = contexts.useIdentityMethods();
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    TenantForm.TenantForm,
+    {
+      onSuccess: async (args) => {
+        await refreshIdentity();
+        onSuccess?.();
+      },
+      initialValues: {
+        otpToken: ""
+      },
+      validate: ({ values }) => {
+        if (!values.otpToken) {
+          return [{ code: "FIELD_REQUIRED", field: "otpToken" }];
+        }
+      },
+      execute: async ({ values }) => {
+        return await confirmOtp({
+          otpToken: values.otpToken
+        });
+      },
+      errorMapping: {
+        INVALID_OTP_TOKEN: "otpToken",
+        NOT_PREPARED: "otpToken"
+      },
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/OtpConfirmForm.tsx",
+      lineNumber: 34,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+exports.OtpConfirmForm = OtpConfirmForm;
+exports.useOtpConfirmForm = useOtpConfirmForm;
+//# sourceMappingURL=OtpConfirmForm.cjs.map

package/dist/development/components/forms/OtpConfirmForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpConfirmForm.cjs","sources":["../../../../src/components/forms/OtpConfirmForm.tsx"],"sourcesContent":["import { ReactElement } from 'react'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm, useIdentityMethods } from '../../contexts'\nimport { ConfirmOtpErrorCode } from '@contember/graphql-client-tenant'\nimport { useConfirmOtpMutation } from '../../hooks'\n\nexport type OtpConfirmFormValues = {\n\totpToken: string\n}\n\nexport type OtpConfirmFormErrorCode =\n\t| ConfirmOtpErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'UNKNOWN_ERROR'\n\nexport type OtpConfirmFormState = FormState\n\nexport type OtpConfirmFormError = FormError<OtpConfirmFormValues, OtpConfirmFormErrorCode>\n\nexport type OtpConfirmFormContextValue = FormContextValue<OtpConfirmFormValues, OtpConfirmFormErrorCode>\n\nexport interface OtpConfirmFormProps {\n\tchildren: ReactElement\n\tonSuccess?: () => void\n}\n\nexport const useOtpConfirmForm = useForm as () => OtpConfirmFormContextValue\n\nexport const OtpConfirmForm = ({ children, onSuccess }: OtpConfirmFormProps) => {\n\tconst confirmOtp = useConfirmOtpMutation()\n\tconst { refreshIdentity } = useIdentityMethods()\n\treturn (\n\t\t<TenantForm<OtpConfirmFormContextValue>\n\t\t\tonSuccess={async args => {\n\t\t\t\tawait refreshIdentity()\n\t\t\t\tonSuccess?.()\n\t\t\t}}\n\t\t\tinitialValues={{\n\t\t\t\totpToken: '',\n\t\t\t}}\n\t\t\tvalidate={({ values }) => {\n\t\t\t\tif (!values.otpToken) {\n\t\t\t\t\treturn [{ code: 'FIELD_REQUIRED', field: 'otpToken' }]\n\t\t\t\t}\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\treturn await confirmOtp({\n\t\t\t\t\t otpToken: values.otpToken,\n\t\t\t\t})\n\t\t\t}}\n\t\t\terrorMapping={{\n\t\t\t\tINVALID_OTP_TOKEN: 'otpToken',\n\t\t\t\tNOT_PREPARED: 'otpToken',\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n}\n\n"],"names":["useForm","useConfirmOtpMutation","useIdentityMethods","jsxDEV","TenantForm","this"],"mappings":";;;;;;AA2BO,MAAM,oBAAoBA,SAAA;AAE1B,MAAM,iBAAiB,CAAC,EAAE,UAAU,gBAAqC;AAC/E,QAAM,aAAaC,sBAAAA;AACb,QAAA,EAAE,oBAAoBC,SAAAA;AAE3B,SAAAC,8BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACA,WAAW,OAAM,SAAQ;AACxB,cAAM,gBAAgB;AACV;MACb;AAAA,MACA,eAAe;AAAA,QACd,UAAU;AAAA,MACX;AAAA,MACA,UAAU,CAAC,EAAE,aAAa;AACrB,YAAA,CAAC,OAAO,UAAU;AACrB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,WAAY,CAAA;AAAA,QACtD;AAAA,MACD;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AAC9B,eAAO,MAAM,WAAW;AAAA,UACtB,UAAU,OAAO;AAAA,QAAA,CAClB;AAAA,MACF;AAAA,MACA,cAAc;AAAA,QACb,mBAAmB;AAAA,QACnB,cAAc;AAAA,MACf;AAAA,MAEC;AAAA,IAAA;AAAA,IAvBF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAC;AAAAA,EAAA;AA0BF;;;"}

package/dist/development/components/forms/OtpConfirmForm.js

@@ -0,0 +1,49 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { TenantForm } from "./TenantForm.js";
+import { useForm, useIdentityMethods } from "../../contexts.js";
+import { useConfirmOtpMutation } from "../../hooks/mutations/otp/useConfirmOtpMutation.js";
+const useOtpConfirmForm = useForm;
+const OtpConfirmForm = ({ children, onSuccess }) => {
+  const confirmOtp = useConfirmOtpMutation();
+  const { refreshIdentity } = useIdentityMethods();
+  return /* @__PURE__ */ jsxDEV(
+    TenantForm,
+    {
+      onSuccess: async (args) => {
+        await refreshIdentity();
+        onSuccess?.();
+      },
+      initialValues: {
+        otpToken: ""
+      },
+      validate: ({ values }) => {
+        if (!values.otpToken) {
+          return [{ code: "FIELD_REQUIRED", field: "otpToken" }];
+        }
+      },
+      execute: async ({ values }) => {
+        return await confirmOtp({
+          otpToken: values.otpToken
+        });
+      },
+      errorMapping: {
+        INVALID_OTP_TOKEN: "otpToken",
+        NOT_PREPARED: "otpToken"
+      },
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/OtpConfirmForm.tsx",
+      lineNumber: 34,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+export {
+  OtpConfirmForm,
+  useOtpConfirmForm
+};
+//# sourceMappingURL=OtpConfirmForm.js.map

package/dist/development/components/forms/OtpConfirmForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpConfirmForm.js","sources":["../../../../src/components/forms/OtpConfirmForm.tsx"],"sourcesContent":["import { ReactElement } from 'react'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm, useIdentityMethods } from '../../contexts'\nimport { ConfirmOtpErrorCode } from '@contember/graphql-client-tenant'\nimport { useConfirmOtpMutation } from '../../hooks'\n\nexport type OtpConfirmFormValues = {\n\totpToken: string\n}\n\nexport type OtpConfirmFormErrorCode =\n\t| ConfirmOtpErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'UNKNOWN_ERROR'\n\nexport type OtpConfirmFormState = FormState\n\nexport type OtpConfirmFormError = FormError<OtpConfirmFormValues, OtpConfirmFormErrorCode>\n\nexport type OtpConfirmFormContextValue = FormContextValue<OtpConfirmFormValues, OtpConfirmFormErrorCode>\n\nexport interface OtpConfirmFormProps {\n\tchildren: ReactElement\n\tonSuccess?: () => void\n}\n\nexport const useOtpConfirmForm = useForm as () => OtpConfirmFormContextValue\n\nexport const OtpConfirmForm = ({ children, onSuccess }: OtpConfirmFormProps) => {\n\tconst confirmOtp = useConfirmOtpMutation()\n\tconst { refreshIdentity } = useIdentityMethods()\n\treturn (\n\t\t<TenantForm<OtpConfirmFormContextValue>\n\t\t\tonSuccess={async args => {\n\t\t\t\tawait refreshIdentity()\n\t\t\t\tonSuccess?.()\n\t\t\t}}\n\t\t\tinitialValues={{\n\t\t\t\totpToken: '',\n\t\t\t}}\n\t\t\tvalidate={({ values }) => {\n\t\t\t\tif (!values.otpToken) {\n\t\t\t\t\treturn [{ code: 'FIELD_REQUIRED', field: 'otpToken' }]\n\t\t\t\t}\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\treturn await confirmOtp({\n\t\t\t\t\t otpToken: values.otpToken,\n\t\t\t\t})\n\t\t\t}}\n\t\t\terrorMapping={{\n\t\t\t\tINVALID_OTP_TOKEN: 'otpToken',\n\t\t\t\tNOT_PREPARED: 'otpToken',\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n}\n\n"],"names":["this"],"mappings":";;;;AA2BO,MAAM,oBAAoB;AAE1B,MAAM,iBAAiB,CAAC,EAAE,UAAU,gBAAqC;AAC/E,QAAM,aAAa;AACb,QAAA,EAAE,oBAAoB;AAE3B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,OAAM,SAAQ;AACxB,cAAM,gBAAgB;AACV;MACb;AAAA,MACA,eAAe;AAAA,QACd,UAAU;AAAA,MACX;AAAA,MACA,UAAU,CAAC,EAAE,aAAa;AACrB,YAAA,CAAC,OAAO,UAAU;AACrB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,WAAY,CAAA;AAAA,QACtD;AAAA,MACD;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AAC9B,eAAO,MAAM,WAAW;AAAA,UACtB,UAAU,OAAO;AAAA,QAAA,CAClB;AAAA,MACF;AAAA,MACA,cAAc;AAAA,QACb,mBAAmB;AAAA,QACnB,cAAc;AAAA,MACf;AAAA,MAEC;AAAA,IAAA;AAAA,IAvBF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AA0BF;"}

package/dist/development/components/forms/OtpPrepareForm.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const TenantForm = require("./TenantForm.cjs");
+const contexts = require("../../contexts.cjs");
+const usePrepareOtpMutation = require("../../hooks/mutations/otp/usePrepareOtpMutation.cjs");
+const useOtpPrepareForm = contexts.useForm;
+const OtpPrepareForm = ({ children, onSuccess }) => {
+  const prepareOtp = usePrepareOtpMutation.usePrepareOtpMutation();
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    TenantForm.TenantForm,
+    {
+      onSuccess,
+      initialValues: {
+        label: window.location.hostname
+      },
+      execute: async ({ values }) => {
+        return await prepareOtp({
+          label: values.label
+        });
+      },
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/OtpPrepareForm.tsx",
+      lineNumber: 30,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+exports.OtpPrepareForm = OtpPrepareForm;
+exports.useOtpPrepareForm = useOtpPrepareForm;
+//# sourceMappingURL=OtpPrepareForm.cjs.map

package/dist/development/components/forms/OtpPrepareForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpPrepareForm.cjs","sources":["../../../../src/components/forms/OtpPrepareForm.tsx"],"sourcesContent":["import { ReactElement, useCallback, useMemo } from 'react'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm } from '../../contexts'\nimport { PrepareOtpMutationResult, usePrepareOtpMutation } from '../../hooks'\n\nexport type OtpPrepareFormValues = {\n\tlabel: string\n}\n\nexport type OtpPrepareFormErrorCode =\n\t| 'UNKNOWN_ERROR'\n\nexport type OtpPrepareFormState = FormState\n\nexport type OtpPrepareFormError = FormError<OtpPrepareFormValues, OtpPrepareFormErrorCode>\n\nexport type OtpPrepareFormContextValue = FormContextValue<OtpPrepareFormValues, OtpPrepareFormErrorCode>\n\nexport interface OtpPrepareFormProps {\n\tchildren: ReactElement\n\tonSuccess?: (args: { result: PrepareOtpMutationResult }) => void\n}\n\nexport const useOtpPrepareForm = useForm as () => OtpPrepareFormContextValue\n\nexport const OtpPrepareForm = ({ children, onSuccess }: OtpPrepareFormProps) => {\n\tconst prepareOtp = usePrepareOtpMutation()\n\treturn (\n\t\t<TenantForm<OtpPrepareFormContextValue, PrepareOtpMutationResult>\n\t\t\tonSuccess={onSuccess}\n\t\t\tinitialValues={{\n\t\t\t\tlabel: window.location.hostname,\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\treturn await prepareOtp({\n\t\t\t\t\tlabel: values.label,\n\t\t\t\t})\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n}\n\n"],"names":["useForm","usePrepareOtpMutation","jsxDEV","TenantForm","this"],"mappings":";;;;;;AAwBO,MAAM,oBAAoBA,SAAA;AAE1B,MAAM,iBAAiB,CAAC,EAAE,UAAU,gBAAqC;AAC/E,QAAM,aAAaC,sBAAAA;AAElB,SAAAC,8BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,QACd,OAAO,OAAO,SAAS;AAAA,MACxB;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AAC9B,eAAO,MAAM,WAAW;AAAA,UACvB,OAAO,OAAO;AAAA,QAAA,CACd;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,IAXF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAC;AAAAA,EAAA;AAcF;;;"}

package/dist/development/components/forms/OtpPrepareForm.js

@@ -0,0 +1,36 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { TenantForm } from "./TenantForm.js";
+import { useForm } from "../../contexts.js";
+import { usePrepareOtpMutation } from "../../hooks/mutations/otp/usePrepareOtpMutation.js";
+const useOtpPrepareForm = useForm;
+const OtpPrepareForm = ({ children, onSuccess }) => {
+  const prepareOtp = usePrepareOtpMutation();
+  return /* @__PURE__ */ jsxDEV(
+    TenantForm,
+    {
+      onSuccess,
+      initialValues: {
+        label: window.location.hostname
+      },
+      execute: async ({ values }) => {
+        return await prepareOtp({
+          label: values.label
+        });
+      },
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/OtpPrepareForm.tsx",
+      lineNumber: 30,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+export {
+  OtpPrepareForm,
+  useOtpPrepareForm
+};
+//# sourceMappingURL=OtpPrepareForm.js.map

package/dist/development/components/forms/OtpPrepareForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpPrepareForm.js","sources":["../../../../src/components/forms/OtpPrepareForm.tsx"],"sourcesContent":["import { ReactElement, useCallback, useMemo } from 'react'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm } from '../../contexts'\nimport { PrepareOtpMutationResult, usePrepareOtpMutation } from '../../hooks'\n\nexport type OtpPrepareFormValues = {\n\tlabel: string\n}\n\nexport type OtpPrepareFormErrorCode =\n\t| 'UNKNOWN_ERROR'\n\nexport type OtpPrepareFormState = FormState\n\nexport type OtpPrepareFormError = FormError<OtpPrepareFormValues, OtpPrepareFormErrorCode>\n\nexport type OtpPrepareFormContextValue = FormContextValue<OtpPrepareFormValues, OtpPrepareFormErrorCode>\n\nexport interface OtpPrepareFormProps {\n\tchildren: ReactElement\n\tonSuccess?: (args: { result: PrepareOtpMutationResult }) => void\n}\n\nexport const useOtpPrepareForm = useForm as () => OtpPrepareFormContextValue\n\nexport const OtpPrepareForm = ({ children, onSuccess }: OtpPrepareFormProps) => {\n\tconst prepareOtp = usePrepareOtpMutation()\n\treturn (\n\t\t<TenantForm<OtpPrepareFormContextValue, PrepareOtpMutationResult>\n\t\t\tonSuccess={onSuccess}\n\t\t\tinitialValues={{\n\t\t\t\tlabel: window.location.hostname,\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\treturn await prepareOtp({\n\t\t\t\t\tlabel: values.label,\n\t\t\t\t})\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n}\n\n"],"names":["this"],"mappings":";;;;AAwBO,MAAM,oBAAoB;AAE1B,MAAM,iBAAiB,CAAC,EAAE,UAAU,gBAAqC;AAC/E,QAAM,aAAa;AAElB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,QACd,OAAO,OAAO,SAAS;AAAA,MACxB;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AAC9B,eAAO,MAAM,WAAW;AAAA,UACvB,OAAO,OAAO;AAAA,QAAA,CACd;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,IAXF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AAcF;"}

package/dist/development/components/forms/PasswordResetForm.cjs

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const TenantForm = require("./TenantForm.cjs");
+const contexts = require("../../contexts.cjs");
+const useResetPasswordMutation = require("../../hooks/mutations/passwordReset/useResetPasswordMutation.cjs");
+const usePasswordResetForm = contexts.useForm;
+const PasswordResetForm = ({ children, onSuccess, token }) => {
+  const createReset = useResetPasswordMutation.useResetPasswordMutation();
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    TenantForm.TenantForm,
+    {
+      onSuccess,
+      errorMapping: errorToField,
+      initialValues: {
+        token: token ?? "",
+        password: "",
+        passwordConfirmation: ""
+      },
+      validate: ({ values }) => {
+        const errors = [];
+        if (!values.token) {
+          errors.push({ code: "FIELD_REQUIRED", field: "token" });
+        }
+        if (!values.password) {
+          errors.push({ code: "FIELD_REQUIRED", field: "password" });
+        } else if (values.password.length < 6) {
+          errors.push({ code: "INVALID_VALUE", field: "password" });
+        } else if (!values.passwordConfirmation) {
+          errors.push({ code: "FIELD_REQUIRED", field: "passwordConfirmation" });
+        } else if (values.password !== values.passwordConfirmation) {
+          errors.push({ code: "PASSWORD_MISMATCH", field: "passwordConfirmation" });
+        }
+        return errors;
+      },
+      execute: async ({ values }) => {
+        return await createReset({
+          password: values.password,
+          token: values.token
+        });
+      },
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/PasswordResetForm.tsx",
+      lineNumber: 39,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  PASSWORD_TOO_WEAK: "password",
+  TOKEN_EXPIRED: "token",
+  TOKEN_NOT_FOUND: "token",
+  TOKEN_USED: "token"
+};
+exports.PasswordResetForm = PasswordResetForm;
+exports.usePasswordResetForm = usePasswordResetForm;
+//# sourceMappingURL=PasswordResetForm.cjs.map

package/dist/development/components/forms/PasswordResetForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetForm.cjs","sources":["../../../../src/components/forms/PasswordResetForm.tsx"],"sourcesContent":["import { ReactElement } from 'react'\nimport * as TenantApi from '@contember/graphql-client-tenant'\nimport { ResetPasswordErrorCode } from '@contember/graphql-client-tenant'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm } from '../../contexts'\nimport { useResetPasswordMutation } from '../../hooks'\n\nexport type PasswordResetFormValues = {\n\ttoken: string\n\tpassword: string\n\tpasswordConfirmation: string\n}\n\nexport type PasswordResetFormErrorCode =\n\t| ResetPasswordErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'INVALID_VALUE'\n\t| 'PASSWORD_MISMATCH'\n\t| 'UNKNOWN_ERROR'\n\nexport type PasswordResetFormState = FormState\n\nexport type PasswordResetFormError = FormError<PasswordResetFormValues, PasswordResetFormErrorCode>\n\nexport type PasswordResetFormContextValue = FormContextValue<PasswordResetFormValues, PasswordResetFormErrorCode>\n\nexport interface PasswordResetFormProps {\n\tchildren: ReactElement\n\tonSuccess?: () => void\n\ttoken?: string\n}\n\nexport const usePasswordResetForm = useForm as () => PasswordResetFormContextValue\n\nexport const PasswordResetForm = ({ children, onSuccess, token }: PasswordResetFormProps) => {\n\tconst createReset = useResetPasswordMutation()\n\treturn (\n\t\t<TenantForm<PasswordResetFormContextValue>\n\t\t\tonSuccess={onSuccess}\n\t\t\terrorMapping={errorToField}\n\t\t\tinitialValues={{\n\t\t\t\ttoken: token ?? '',\n\t\t\t\tpassword: '',\n\t\t\t\tpasswordConfirmation: '',\n\t\t\t}}\n\t\t\tvalidate={({ values }) => {\n\t\t\t\tconst errors: PasswordResetFormError[] = []\n\t\t\t\tif (!values.token) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'token' })\n\t\t\t\t}\n\t\t\t\tif (!values.password) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'password' })\n\t\t\t\t} else if (values.password.length < 6) {\n\t\t\t\t\terrors.push({ code: 'INVALID_VALUE', field: 'password' })\n\t\t\t\t} else if (!values.passwordConfirmation) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'passwordConfirmation' })\n\t\t\t\t} else if (values.password !== values.passwordConfirmation) {\n\t\t\t\t\terrors.push({ code: 'PASSWORD_MISMATCH', field: 'passwordConfirmation' })\n\t\t\t\t}\n\t\t\t\treturn errors\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\treturn await createReset({\n\t\t\t\t\tpassword: values.password,\n\t\t\t\t\ttoken: values.token,\n\t\t\t\t})\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n\n}\nconst errorToField: Record<TenantApi.ResetPasswordErrorCode, keyof PasswordResetFormValues | undefined> = {\n\tPASSWORD_TOO_WEAK: 'password',\n\tTOKEN_EXPIRED: 'token',\n\tTOKEN_NOT_FOUND: 'token',\n\tTOKEN_USED: 'token',\n}\n"],"names":["useForm","useResetPasswordMutation","jsxDEV","TenantForm","this"],"mappings":";;;;;;AAiCO,MAAM,uBAAuBA,SAAA;AAE7B,MAAM,oBAAoB,CAAC,EAAE,UAAU,WAAW,YAAoC;AAC5F,QAAM,cAAcC,yBAAAA;AAEnB,SAAAC,8BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,QACd,OAAO,SAAS;AAAA,QAChB,UAAU;AAAA,QACV,sBAAsB;AAAA,MACvB;AAAA,MACA,UAAU,CAAC,EAAE,aAAa;AACzB,cAAM,SAAmC,CAAA;AACrC,YAAA,CAAC,OAAO,OAAO;AAClB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QACvD;AACI,YAAA,CAAC,OAAO,UAAU;AACrB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,YAAY;AAAA,QAC/C,WAAA,OAAO,SAAS,SAAS,GAAG;AACtC,iBAAO,KAAK,EAAE,MAAM,iBAAiB,OAAO,YAAY;AAAA,QAAA,WAC9C,CAAC,OAAO,sBAAsB;AACxC,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,wBAAwB;AAAA,QAC3D,WAAA,OAAO,aAAa,OAAO,sBAAsB;AAC3D,iBAAO,KAAK,EAAE,MAAM,qBAAqB,OAAO,wBAAwB;AAAA,QACzE;AACO,eAAA;AAAA,MACR;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AAC9B,eAAO,MAAM,YAAY;AAAA,UACxB,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,QAAA,CACd;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,IA/BF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAC;AAAAA,EAAA;AAmCF;AACA,MAAM,eAAoG;AAAA,EACzG,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AACb;;;"}

package/dist/development/components/forms/PasswordResetForm.js

@@ -0,0 +1,62 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { TenantForm } from "./TenantForm.js";
+import { useForm } from "../../contexts.js";
+import { useResetPasswordMutation } from "../../hooks/mutations/passwordReset/useResetPasswordMutation.js";
+const usePasswordResetForm = useForm;
+const PasswordResetForm = ({ children, onSuccess, token }) => {
+  const createReset = useResetPasswordMutation();
+  return /* @__PURE__ */ jsxDEV(
+    TenantForm,
+    {
+      onSuccess,
+      errorMapping: errorToField,
+      initialValues: {
+        token: token ?? "",
+        password: "",
+        passwordConfirmation: ""
+      },
+      validate: ({ values }) => {
+        const errors = [];
+        if (!values.token) {
+          errors.push({ code: "FIELD_REQUIRED", field: "token" });
+        }
+        if (!values.password) {
+          errors.push({ code: "FIELD_REQUIRED", field: "password" });
+        } else if (values.password.length < 6) {
+          errors.push({ code: "INVALID_VALUE", field: "password" });
+        } else if (!values.passwordConfirmation) {
+          errors.push({ code: "FIELD_REQUIRED", field: "passwordConfirmation" });
+        } else if (values.password !== values.passwordConfirmation) {
+          errors.push({ code: "PASSWORD_MISMATCH", field: "passwordConfirmation" });
+        }
+        return errors;
+      },
+      execute: async ({ values }) => {
+        return await createReset({
+          password: values.password,
+          token: values.token
+        });
+      },
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/PasswordResetForm.tsx",
+      lineNumber: 39,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  PASSWORD_TOO_WEAK: "password",
+  TOKEN_EXPIRED: "token",
+  TOKEN_NOT_FOUND: "token",
+  TOKEN_USED: "token"
+};
+export {
+  PasswordResetForm,
+  usePasswordResetForm
+};
+//# sourceMappingURL=PasswordResetForm.js.map

package/dist/development/components/forms/PasswordResetForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetForm.js","sources":["../../../../src/components/forms/PasswordResetForm.tsx"],"sourcesContent":["import { ReactElement } from 'react'\nimport * as TenantApi from '@contember/graphql-client-tenant'\nimport { ResetPasswordErrorCode } from '@contember/graphql-client-tenant'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm } from '../../contexts'\nimport { useResetPasswordMutation } from '../../hooks'\n\nexport type PasswordResetFormValues = {\n\ttoken: string\n\tpassword: string\n\tpasswordConfirmation: string\n}\n\nexport type PasswordResetFormErrorCode =\n\t| ResetPasswordErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'INVALID_VALUE'\n\t| 'PASSWORD_MISMATCH'\n\t| 'UNKNOWN_ERROR'\n\nexport type PasswordResetFormState = FormState\n\nexport type PasswordResetFormError = FormError<PasswordResetFormValues, PasswordResetFormErrorCode>\n\nexport type PasswordResetFormContextValue = FormContextValue<PasswordResetFormValues, PasswordResetFormErrorCode>\n\nexport interface PasswordResetFormProps {\n\tchildren: ReactElement\n\tonSuccess?: () => void\n\ttoken?: string\n}\n\nexport const usePasswordResetForm = useForm as () => PasswordResetFormContextValue\n\nexport const PasswordResetForm = ({ children, onSuccess, token }: PasswordResetFormProps) => {\n\tconst createReset = useResetPasswordMutation()\n\treturn (\n\t\t<TenantForm<PasswordResetFormContextValue>\n\t\t\tonSuccess={onSuccess}\n\t\t\terrorMapping={errorToField}\n\t\t\tinitialValues={{\n\t\t\t\ttoken: token ?? '',\n\t\t\t\tpassword: '',\n\t\t\t\tpasswordConfirmation: '',\n\t\t\t}}\n\t\t\tvalidate={({ values }) => {\n\t\t\t\tconst errors: PasswordResetFormError[] = []\n\t\t\t\tif (!values.token) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'token' })\n\t\t\t\t}\n\t\t\t\tif (!values.password) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'password' })\n\t\t\t\t} else if (values.password.length < 6) {\n\t\t\t\t\terrors.push({ code: 'INVALID_VALUE', field: 'password' })\n\t\t\t\t} else if (!values.passwordConfirmation) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'passwordConfirmation' })\n\t\t\t\t} else if (values.password !== values.passwordConfirmation) {\n\t\t\t\t\terrors.push({ code: 'PASSWORD_MISMATCH', field: 'passwordConfirmation' })\n\t\t\t\t}\n\t\t\t\treturn errors\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\treturn await createReset({\n\t\t\t\t\tpassword: values.password,\n\t\t\t\t\ttoken: values.token,\n\t\t\t\t})\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n\n}\nconst errorToField: Record<TenantApi.ResetPasswordErrorCode, keyof PasswordResetFormValues | undefined> = {\n\tPASSWORD_TOO_WEAK: 'password',\n\tTOKEN_EXPIRED: 'token',\n\tTOKEN_NOT_FOUND: 'token',\n\tTOKEN_USED: 'token',\n}\n"],"names":["this"],"mappings":";;;;AAiCO,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB,CAAC,EAAE,UAAU,WAAW,YAAoC;AAC5F,QAAM,cAAc;AAEnB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,QACd,OAAO,SAAS;AAAA,QAChB,UAAU;AAAA,QACV,sBAAsB;AAAA,MACvB;AAAA,MACA,UAAU,CAAC,EAAE,aAAa;AACzB,cAAM,SAAmC,CAAA;AACrC,YAAA,CAAC,OAAO,OAAO;AAClB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QACvD;AACI,YAAA,CAAC,OAAO,UAAU;AACrB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,YAAY;AAAA,QAC/C,WAAA,OAAO,SAAS,SAAS,GAAG;AACtC,iBAAO,KAAK,EAAE,MAAM,iBAAiB,OAAO,YAAY;AAAA,QAAA,WAC9C,CAAC,OAAO,sBAAsB;AACxC,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,wBAAwB;AAAA,QAC3D,WAAA,OAAO,aAAa,OAAO,sBAAsB;AAC3D,iBAAO,KAAK,EAAE,MAAM,qBAAqB,OAAO,wBAAwB;AAAA,QACzE;AACO,eAAA;AAAA,MACR;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AAC9B,eAAO,MAAM,YAAY;AAAA,UACxB,UAAU,OAAO;AAAA,UACjB,OAAO,OAAO;AAAA,QAAA,CACd;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,IA/BF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AAmCF;AACA,MAAM,eAAoG;AAAA,EACzG,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AACb;"}