@contember/react-client-tenant 2.0.0-alpha.4 → 2.0.0-alpha.40

package/dist/development/src/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: "/home/runner/work/contember/contember/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/src/components/forms/OtpConfirmForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpConfirmForm.cjs","sources":["../../../../../../packages/react-client-tenant/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,SAAAA;AAE1B,MAAM,iBAAiB,CAAC,EAAE,UAAU,gBAAqC;AAC/E,QAAM,aAAaC,sBAAAA,sBAAsB;AACnC,QAAA,EAAE,gBAAgB,IAAIC,4BAAmB;AAE9C,SAAAC,8BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACA,WAAW,OAAM,SAAQ;AACxB,cAAM,gBAAgB;AACV,oBAAA;AAAA,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,YAAY;AAAA,QAAA;AAAA,MAEvD;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,EAwBA;AAEF;;;"}

package/dist/development/src/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: "/home/runner/work/contember/contember/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/src/components/forms/OtpConfirmForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpConfirmForm.js","sources":["../../../../../../packages/react-client-tenant/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,sBAAsB;AACnC,QAAA,EAAE,gBAAgB,IAAI,mBAAmB;AAE9C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,OAAM,SAAQ;AACxB,cAAM,gBAAgB;AACV,oBAAA;AAAA,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,YAAY;AAAA,QAAA;AAAA,MAEvD;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,EAwBA;AAEF;"}

package/dist/development/src/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: "/home/runner/work/contember/contember/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/src/components/forms/OtpPrepareForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpPrepareForm.cjs","sources":["../../../../../../packages/react-client-tenant/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,SAAAA;AAE1B,MAAM,iBAAiB,CAAC,EAAE,UAAU,gBAAqC;AAC/E,QAAM,aAAaC,sBAAAA,sBAAsB;AAExC,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,EAYA;AAEF;;;"}

package/dist/development/src/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: "/home/runner/work/contember/contember/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/src/components/forms/OtpPrepareForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpPrepareForm.js","sources":["../../../../../../packages/react-client-tenant/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,sBAAsB;AAExC,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,EAYA;AAEF;"}

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

@@ -0,0 +1,63 @@
+"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: "/home/runner/work/contember/contember/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",
+  TOKEN_INVALID: "token"
+};
+exports.PasswordResetForm = PasswordResetForm;
+exports.usePasswordResetForm = usePasswordResetForm;
+//# sourceMappingURL=PasswordResetForm.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetForm.cjs","sources":["../../../../../../packages/react-client-tenant/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\tTOKEN_INVALID: 'token',\n}\n"],"names":["useForm","useResetPasswordMutation","jsxDEV","TenantForm","this"],"mappings":";;;;;;AAiCO,MAAM,uBAAuBA,SAAAA;AAE7B,MAAM,oBAAoB,CAAC,EAAE,UAAU,WAAW,YAAoC;AAC5F,QAAM,cAAcC,yBAAAA,yBAAyB;AAE5C,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,CAAC;AACtC,YAAA,CAAC,OAAO,OAAO;AAClB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QAAA;AAEnD,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,QAAA;AAElE,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,EAgCA;AAGF;AACA,MAAM,eAAoG;AAAA,EACzG,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,eAAe;AAChB;;;"}

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

@@ -0,0 +1,63 @@
+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: "/home/runner/work/contember/contember/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",
+  TOKEN_INVALID: "token"
+};
+export {
+  PasswordResetForm,
+  usePasswordResetForm
+};
+//# sourceMappingURL=PasswordResetForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetForm.js","sources":["../../../../../../packages/react-client-tenant/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\tTOKEN_INVALID: 'token',\n}\n"],"names":["this"],"mappings":";;;;AAiCO,MAAM,uBAAuB;AAE7B,MAAM,oBAAoB,CAAC,EAAE,UAAU,WAAW,YAAoC;AAC5F,QAAM,cAAc,yBAAyB;AAE5C,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,CAAC;AACtC,YAAA,CAAC,OAAO,OAAO;AAClB,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QAAA;AAEnD,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,QAAA;AAElE,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,EAgCA;AAGF;AACA,MAAM,eAAoG;AAAA,EACzG,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,eAAe;AAChB;"}

package/dist/development/src/components/forms/PasswordResetRequestForm.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const React = require("react");
+const TenantForm = require("./TenantForm.cjs");
+const contexts = require("../../contexts.cjs");
+const useCreateResetPasswordRequestMutation = require("../../hooks/mutations/passwordReset/useCreateResetPasswordRequestMutation.cjs");
+const usePasswordResetRequestForm = contexts.useForm;
+const PasswordResetRequestForm = ({ children, onSuccess }) => {
+  const createResetRequest = useCreateResetPasswordRequestMutation.useCreateResetPasswordRequestMutation();
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    TenantForm.TenantForm,
+    {
+      onSuccess,
+      errorMapping: errorToField,
+      initialValues: React.useMemo(() => ({
+        email: ""
+      }), []),
+      validate: ({ values }) => {
+        if (!values.email) {
+          return [{ code: "FIELD_REQUIRED", field: "email" }];
+        } else if (!values.email.match(/^.+@.+$/)) {
+          return [{ code: "INVALID_VALUE", field: "email" }];
+        }
+        return [];
+      },
+      execute: React.useCallback(async ({ values }) => {
+        return await createResetRequest({
+          email: values.email
+        });
+      }, [createResetRequest]),
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/home/runner/work/contember/contember/packages/react-client-tenant/src/components/forms/PasswordResetRequestForm.tsx",
+      lineNumber: 37,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  PERSON_NOT_FOUND: "email"
+};
+exports.PasswordResetRequestForm = PasswordResetRequestForm;
+exports.usePasswordResetRequestForm = usePasswordResetRequestForm;
+//# sourceMappingURL=PasswordResetRequestForm.cjs.map

package/dist/development/src/components/forms/PasswordResetRequestForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetRequestForm.cjs","sources":["../../../../../../packages/react-client-tenant/src/components/forms/PasswordResetRequestForm.tsx"],"sourcesContent":["import { ReactElement, useCallback, useMemo } from 'react'\nimport * as TenantApi from '@contember/graphql-client-tenant'\nimport { CreatePasswordResetRequestErrorCode } from '@contember/graphql-client-tenant'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types/forms'\nimport { useForm } from '../../contexts'\nimport { useCreateResetPasswordRequestMutation } from '../../hooks'\n\nexport type PasswordResetRequestFormValues = {\n\temail: string\n}\n\nexport type PasswordResetRequestFormErrorCode =\n\t| CreatePasswordResetRequestErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'INVALID_VALUE'\n\t| 'UNKNOWN_ERROR'\n\nexport type PasswordResetRequestFormState = FormState\n\nexport type PasswordResetRequestFormError = FormError<PasswordResetRequestFormValues, PasswordResetRequestFormErrorCode>\n\nexport type PasswordResetRequestFormContextValue = FormContextValue<PasswordResetRequestFormValues, PasswordResetRequestFormErrorCode>\n\n\nexport interface PasswordResetRequestFormProps {\n\tchildren: ReactElement\n\tonSuccess?: () => void\n}\n\nexport const usePasswordResetRequestForm = useForm as () => PasswordResetRequestFormContextValue\n\nexport const PasswordResetRequestForm = ({ children, onSuccess }: PasswordResetRequestFormProps) => {\n\n\tconst createResetRequest = useCreateResetPasswordRequestMutation()\n\treturn (\n\t\t<TenantForm<PasswordResetRequestFormContextValue>\n\t\t\tonSuccess={onSuccess}\n\t\t\terrorMapping={errorToField}\n\t\t\tinitialValues={useMemo(() => ({\n\t\t\t\temail: '',\n\t\t\t}), [])}\n\t\t\tvalidate={({ values }) => {\n\t\t\t\tif (!values.email) {\n\t\t\t\t\treturn [{ code: 'FIELD_REQUIRED', field: 'email' }]\n\t\t\t\t} else if (!values.email.match(/^.+@.+$/)) {\n\t\t\t\t\treturn [{ code: 'INVALID_VALUE', field: 'email' }]\n\t\t\t\t}\n\t\t\t\treturn []\n\t\t\t}}\n\t\t\texecute={useCallback(async ({ values }) => {\n\t\t\t\treturn await createResetRequest({\n\t\t\t\t\temail: values.email,\n\t\t\t\t})\n\t\t\t}, [createResetRequest])}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n\n}\nconst errorToField: Record<TenantApi.CreatePasswordResetRequestErrorCode, keyof PasswordResetRequestFormValues | undefined> = {\n\tPERSON_NOT_FOUND: 'email',\n}\n"],"names":["useForm","useCreateResetPasswordRequestMutation","jsxDEV","TenantForm","useMemo","useCallback","this"],"mappings":";;;;;;;AA8BO,MAAM,8BAA8BA,SAAAA;AAEpC,MAAM,2BAA2B,CAAC,EAAE,UAAU,gBAA+C;AAEnG,QAAM,qBAAqBC,sCAAAA,sCAAsC;AAEhE,SAAAC,8BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAeC,cAAQ,OAAO;AAAA,QAC7B,OAAO;AAAA,MACR,IAAI,CAAA,CAAE;AAAA,MACN,UAAU,CAAC,EAAE,aAAa;AACrB,YAAA,CAAC,OAAO,OAAO;AAClB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,mBACxC,CAAC,OAAO,MAAM,MAAM,SAAS,GAAG;AAC1C,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,SAAS;AAAA,QAAA;AAElD,eAAO,CAAC;AAAA,MACT;AAAA,MACA,SAASC,MAAA,YAAY,OAAO,EAAE,aAAa;AAC1C,eAAO,MAAM,mBAAmB;AAAA,UAC/B,OAAO,OAAO;AAAA,QAAA,CACd;AAAA,MAAA,GACC,CAAC,kBAAkB,CAAC;AAAA,MAEtB;AAAA,IAAA;AAAA,IApBF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAC;AAAAA,EAqBA;AAGF;AACA,MAAM,eAAwH;AAAA,EAC7H,kBAAkB;AACnB;;;"}

package/dist/development/src/components/forms/PasswordResetRequestForm.js

@@ -0,0 +1,49 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { useMemo, useCallback } from "react";
+import { TenantForm } from "./TenantForm.js";
+import { useForm } from "../../contexts.js";
+import { useCreateResetPasswordRequestMutation } from "../../hooks/mutations/passwordReset/useCreateResetPasswordRequestMutation.js";
+const usePasswordResetRequestForm = useForm;
+const PasswordResetRequestForm = ({ children, onSuccess }) => {
+  const createResetRequest = useCreateResetPasswordRequestMutation();
+  return /* @__PURE__ */ jsxDEV(
+    TenantForm,
+    {
+      onSuccess,
+      errorMapping: errorToField,
+      initialValues: useMemo(() => ({
+        email: ""
+      }), []),
+      validate: ({ values }) => {
+        if (!values.email) {
+          return [{ code: "FIELD_REQUIRED", field: "email" }];
+        } else if (!values.email.match(/^.+@.+$/)) {
+          return [{ code: "INVALID_VALUE", field: "email" }];
+        }
+        return [];
+      },
+      execute: useCallback(async ({ values }) => {
+        return await createResetRequest({
+          email: values.email
+        });
+      }, [createResetRequest]),
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/home/runner/work/contember/contember/packages/react-client-tenant/src/components/forms/PasswordResetRequestForm.tsx",
+      lineNumber: 37,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  PERSON_NOT_FOUND: "email"
+};
+export {
+  PasswordResetRequestForm,
+  usePasswordResetRequestForm
+};
+//# sourceMappingURL=PasswordResetRequestForm.js.map

package/dist/development/src/components/forms/PasswordResetRequestForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetRequestForm.js","sources":["../../../../../../packages/react-client-tenant/src/components/forms/PasswordResetRequestForm.tsx"],"sourcesContent":["import { ReactElement, useCallback, useMemo } from 'react'\nimport * as TenantApi from '@contember/graphql-client-tenant'\nimport { CreatePasswordResetRequestErrorCode } from '@contember/graphql-client-tenant'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types/forms'\nimport { useForm } from '../../contexts'\nimport { useCreateResetPasswordRequestMutation } from '../../hooks'\n\nexport type PasswordResetRequestFormValues = {\n\temail: string\n}\n\nexport type PasswordResetRequestFormErrorCode =\n\t| CreatePasswordResetRequestErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'INVALID_VALUE'\n\t| 'UNKNOWN_ERROR'\n\nexport type PasswordResetRequestFormState = FormState\n\nexport type PasswordResetRequestFormError = FormError<PasswordResetRequestFormValues, PasswordResetRequestFormErrorCode>\n\nexport type PasswordResetRequestFormContextValue = FormContextValue<PasswordResetRequestFormValues, PasswordResetRequestFormErrorCode>\n\n\nexport interface PasswordResetRequestFormProps {\n\tchildren: ReactElement\n\tonSuccess?: () => void\n}\n\nexport const usePasswordResetRequestForm = useForm as () => PasswordResetRequestFormContextValue\n\nexport const PasswordResetRequestForm = ({ children, onSuccess }: PasswordResetRequestFormProps) => {\n\n\tconst createResetRequest = useCreateResetPasswordRequestMutation()\n\treturn (\n\t\t<TenantForm<PasswordResetRequestFormContextValue>\n\t\t\tonSuccess={onSuccess}\n\t\t\terrorMapping={errorToField}\n\t\t\tinitialValues={useMemo(() => ({\n\t\t\t\temail: '',\n\t\t\t}), [])}\n\t\t\tvalidate={({ values }) => {\n\t\t\t\tif (!values.email) {\n\t\t\t\t\treturn [{ code: 'FIELD_REQUIRED', field: 'email' }]\n\t\t\t\t} else if (!values.email.match(/^.+@.+$/)) {\n\t\t\t\t\treturn [{ code: 'INVALID_VALUE', field: 'email' }]\n\t\t\t\t}\n\t\t\t\treturn []\n\t\t\t}}\n\t\t\texecute={useCallback(async ({ values }) => {\n\t\t\t\treturn await createResetRequest({\n\t\t\t\t\temail: values.email,\n\t\t\t\t})\n\t\t\t}, [createResetRequest])}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n\n}\nconst errorToField: Record<TenantApi.CreatePasswordResetRequestErrorCode, keyof PasswordResetRequestFormValues | undefined> = {\n\tPERSON_NOT_FOUND: 'email',\n}\n"],"names":["this"],"mappings":";;;;;AA8BO,MAAM,8BAA8B;AAEpC,MAAM,2BAA2B,CAAC,EAAE,UAAU,gBAA+C;AAEnG,QAAM,qBAAqB,sCAAsC;AAEhE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe,QAAQ,OAAO;AAAA,QAC7B,OAAO;AAAA,MACR,IAAI,CAAA,CAAE;AAAA,MACN,UAAU,CAAC,EAAE,aAAa;AACrB,YAAA,CAAC,OAAO,OAAO;AAClB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,mBACxC,CAAC,OAAO,MAAM,MAAM,SAAS,GAAG;AAC1C,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,SAAS;AAAA,QAAA;AAElD,eAAO,CAAC;AAAA,MACT;AAAA,MACA,SAAS,YAAY,OAAO,EAAE,aAAa;AAC1C,eAAO,MAAM,mBAAmB;AAAA,UAC/B,OAAO,OAAO;AAAA,QAAA,CACd;AAAA,MAAA,GACC,CAAC,kBAAkB,CAAC;AAAA,MAEtB;AAAA,IAAA;AAAA,IApBF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAqBA;AAGF;AACA,MAAM,eAAwH;AAAA,EAC7H,kBAAkB;AACnB;"}

package/dist/development/src/components/forms/PasswordlessSignInForm.cjs

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const React = require("react");
+const TenantForm = require("./TenantForm.cjs");
+const contexts = require("../../contexts.cjs");
+const useRedirectToBacklink = require("../../internal/hooks/useRedirectToBacklink.cjs");
+const reactClient = require("@contember/react-client");
+const useSignInPasswordlessMutation = require("../../hooks/mutations/passwordless/useSignInPasswordlessMutation.cjs");
+const usePasswordlessSignInForm = contexts.useForm;
+const headers = {
+  "X-Contember-Token-Path": "data.mutation.result.token"
+};
+const DEFAULT_LOGIN_EXPIRATION = 14 * 24 * 60;
+const PasswordlessSignInForm = ({ children, onSuccess, requestId, validationType, token, expiration = DEFAULT_LOGIN_EXPIRATION }) => {
+  const signIn = useSignInPasswordlessMutation.useSignInPasswordlessMutation({ 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: React.useMemo(() => ({
+        token: token ?? "",
+        otpToken: ""
+      }), [token]),
+      validate: ({ values, state }) => {
+        if (!values.token) {
+          return [{ code: "FIELD_REQUIRED", field: "token" }];
+        }
+        if (!values.otpToken && state === "otp-required") {
+          return [{ code: "FIELD_REQUIRED", field: "otpToken" }];
+        } else if (values.otpToken && !values.otpToken.match(/^\d{6}$/)) {
+          return [{ code: "INVALID_VALUE", field: "otpToken" }];
+        }
+        return [];
+      },
+      execute: React.useCallback(async ({ values }) => {
+        const result = await signIn({
+          requestId,
+          expiration,
+          token: values.token,
+          mfaOtp: values.otpToken || void 0,
+          validationType
+        });
+        if (!result.ok && result.error === "OTP_REQUIRED") {
+          return { ...result, state: "otp-required" };
+        }
+        return result;
+      }, [expiration, requestId, signIn, validationType]),
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/home/runner/work/contember/contember/packages/react-client-tenant/src/components/forms/PasswordlessSignInForm.tsx",
+      lineNumber: 52,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  PERSON_DISABLED: void 0,
+  TOKEN_EXPIRED: "token",
+  TOKEN_NOT_FOUND: "token",
+  TOKEN_USED: "token",
+  TOKEN_INVALID: "token",
+  INVALID_OTP_TOKEN: "otpToken",
+  OTP_REQUIRED: void 0
+};
+exports.PasswordlessSignInForm = PasswordlessSignInForm;
+exports.usePasswordlessSignInForm = usePasswordlessSignInForm;
+//# sourceMappingURL=PasswordlessSignInForm.cjs.map

package/dist/development/src/components/forms/PasswordlessSignInForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordlessSignInForm.cjs","sources":["../../../../../../packages/react-client-tenant/src/components/forms/PasswordlessSignInForm.tsx"],"sourcesContent":["import { ReactElement, useCallback, useMemo } from 'react'\nimport * as TenantApi from '@contember/graphql-client-tenant'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types/forms'\nimport { useForm } from '../../contexts'\nimport { SignInPasswordlessMutationResult, useSignInPasswordlessMutation } from '../../hooks'\nimport { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink'\nimport { useSetSessionToken } from '@contember/react-client'\n\nexport type PasswordlessSignInFormValues = {\n\ttoken: string\n\totpToken: string\n}\n\nexport type PasswordlessSignInFormErrorCode =\n\t| TenantApi.SignInPasswordlessErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'INVALID_VALUE'\n\t| 'UNKNOWN_ERROR'\n\nexport type PasswordlessSignInFormState =\n\t| FormState\n\t| 'otp-required'\n\nexport type PasswordlessSignInFormError = FormError<PasswordlessSignInFormValues, PasswordlessSignInFormErrorCode>\n\nexport type PasswordlessSignInFormContextValue = FormContextValue<PasswordlessSignInFormValues, PasswordlessSignInFormErrorCode, PasswordlessSignInFormState>\n\n\nexport interface PasswordlessSignInFormProps {\n\trequestId: string\n\tvalidationType: TenantApi.PasswordlessValidationType\n\ttoken?: string\n\texpiration?: number\n\tchildren: ReactElement\n\tonSuccess?: () => void\n}\n\nexport const usePasswordlessSignInForm = useForm as () => PasswordlessSignInFormContextValue\n\nconst headers = {\n\t'X-Contember-Token-Path': 'data.mutation.result.token',\n}\nconst DEFAULT_LOGIN_EXPIRATION = 14 * 24 * 60 // 14 days\n\nexport const PasswordlessSignInForm = ({ children, onSuccess, requestId, validationType, token, expiration = DEFAULT_LOGIN_EXPIRATION }: PasswordlessSignInFormProps) => {\n\n\tconst signIn = useSignInPasswordlessMutation({ headers })\n\tconst redirectToBacklink = useRedirectToBacklinkCallback()\n\tconst setSessionToken = useSetSessionToken()\n\treturn (\n\t\t<TenantForm<PasswordlessSignInFormContextValue, SignInPasswordlessMutationResult>\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={useMemo(() => ({\n\t\t\t\ttoken: token ?? '',\n\t\t\t\totpToken: '',\n\t\t\t}), [token])}\n\t\t\tvalidate={({ values, state }) => {\n\t\t\t\tif (!values.token) {\n\t\t\t\t\treturn [{ code: 'FIELD_REQUIRED', field: 'token' }]\n\t\t\t\t}\n\t\t\t\tif (!values.otpToken && state === 'otp-required') {\n\t\t\t\t\treturn [{ code: 'FIELD_REQUIRED', field: 'otpToken' }]\n\t\t\t\t} else if (values.otpToken && !values.otpToken.match(/^\\d{6}$/)) {\n\t\t\t\t\treturn [{ code: 'INVALID_VALUE', field: 'otpToken' }]\n\t\t\t\t}\n\t\t\t\treturn []\n\t\t\t}}\n\t\t\texecute={useCallback(async ({ values }) => {\n\t\t\t\tconst result = await signIn({\n\t\t\t\t\trequestId,\n\t\t\t\t\texpiration,\n\t\t\t\t\ttoken: values.token,\n\t\t\t\t\tmfaOtp: values.otpToken || undefined,\n\t\t\t\t\tvalidationType,\n\t\t\t\t})\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}, [expiration, requestId, signIn, validationType])}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n\n}\nconst errorToField: Record<TenantApi.SignInPasswordlessErrorCode, keyof PasswordlessSignInFormValues | undefined> = {\n\tPERSON_DISABLED: undefined,\n\tTOKEN_EXPIRED: 'token',\n\tTOKEN_NOT_FOUND: 'token',\n\tTOKEN_USED: 'token',\n\tTOKEN_INVALID: 'token',\n\tINVALID_OTP_TOKEN: 'otpToken',\n\tOTP_REQUIRED: undefined,\n}\n"],"names":["useForm","useSignInPasswordlessMutation","useRedirectToBacklinkCallback","useSetSessionToken","jsxDEV","TenantForm","useMemo","useCallback","this"],"mappings":";;;;;;;;;AAsCO,MAAM,4BAA4BA,SAAAA;AAEzC,MAAM,UAAU;AAAA,EACf,0BAA0B;AAC3B;AACA,MAAM,2BAA2B,KAAK,KAAK;AAE9B,MAAA,yBAAyB,CAAC,EAAE,UAAU,WAAW,WAAW,gBAAgB,OAAO,aAAa,+BAA4D;AAExK,QAAM,SAASC,8BAAAA,8BAA8B,EAAE,SAAS;AACxD,QAAM,qBAAqBC,sBAAAA,8BAA8B;AACzD,QAAM,kBAAkBC,YAAAA,mBAAmB;AAE1C,SAAAC,8BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACA,WAAW,CAAQ,SAAA;AACN,oBAAA;AACI,wBAAA,KAAK,OAAO,KAAK;AACd,2BAAA;AAAA,MACpB;AAAA,MACA,cAAc;AAAA,MACd,eAAeC,cAAQ,OAAO;AAAA,QAC7B,OAAO,SAAS;AAAA,QAChB,UAAU;AAAA,MAAA,IACP,CAAC,KAAK,CAAC;AAAA,MACX,UAAU,CAAC,EAAE,QAAQ,YAAY;AAC5B,YAAA,CAAC,OAAO,OAAO;AAClB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QAAA;AAEnD,YAAI,CAAC,OAAO,YAAY,UAAU,gBAAgB;AACjD,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,YAAY;AAAA,QAAA,WAC3C,OAAO,YAAY,CAAC,OAAO,SAAS,MAAM,SAAS,GAAG;AAChE,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,YAAY;AAAA,QAAA;AAErD,eAAO,CAAC;AAAA,MACT;AAAA,MACA,SAASC,MAAA,YAAY,OAAO,EAAE,aAAa;AACpC,cAAA,SAAS,MAAM,OAAO;AAAA,UAC3B;AAAA,UACA;AAAA,UACA,OAAO,OAAO;AAAA,UACd,QAAQ,OAAO,YAAY;AAAA,UAC3B;AAAA,QAAA,CACA;AACD,YAAI,CAAC,OAAO,MAAM,OAAO,UAAU,gBAAgB;AAClD,iBAAO,EAAE,GAAG,QAAQ,OAAO,eAAe;AAAA,QAAA;AAGpC,eAAA;AAAA,SACL,CAAC,YAAY,WAAW,QAAQ,cAAc,CAAC;AAAA,MAEjD;AAAA,IAAA;AAAA,IArCF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAC;AAAAA,EAsCA;AAGF;AACA,MAAM,eAA8G;AAAA,EACnH,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,cAAc;AACf;;;"}

package/dist/development/src/components/forms/PasswordlessSignInForm.js

@@ -0,0 +1,79 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { useMemo, useCallback } from "react";
+import { TenantForm } from "./TenantForm.js";
+import { useForm } from "../../contexts.js";
+import { useRedirectToBacklinkCallback } from "../../internal/hooks/useRedirectToBacklink.js";
+import { useSetSessionToken } from "@contember/react-client";
+import { useSignInPasswordlessMutation } from "../../hooks/mutations/passwordless/useSignInPasswordlessMutation.js";
+const usePasswordlessSignInForm = useForm;
+const headers = {
+  "X-Contember-Token-Path": "data.mutation.result.token"
+};
+const DEFAULT_LOGIN_EXPIRATION = 14 * 24 * 60;
+const PasswordlessSignInForm = ({ children, onSuccess, requestId, validationType, token, expiration = DEFAULT_LOGIN_EXPIRATION }) => {
+  const signIn = useSignInPasswordlessMutation({ headers });
+  const redirectToBacklink = useRedirectToBacklinkCallback();
+  const setSessionToken = useSetSessionToken();
+  return /* @__PURE__ */ jsxDEV(
+    TenantForm,
+    {
+      onSuccess: (args) => {
+        onSuccess?.();
+        setSessionToken(args.result.token);
+        redirectToBacklink();
+      },
+      errorMapping: errorToField,
+      initialValues: useMemo(() => ({
+        token: token ?? "",
+        otpToken: ""
+      }), [token]),
+      validate: ({ values, state }) => {
+        if (!values.token) {
+          return [{ code: "FIELD_REQUIRED", field: "token" }];
+        }
+        if (!values.otpToken && state === "otp-required") {
+          return [{ code: "FIELD_REQUIRED", field: "otpToken" }];
+        } else if (values.otpToken && !values.otpToken.match(/^\d{6}$/)) {
+          return [{ code: "INVALID_VALUE", field: "otpToken" }];
+        }
+        return [];
+      },
+      execute: useCallback(async ({ values }) => {
+        const result = await signIn({
+          requestId,
+          expiration,
+          token: values.token,
+          mfaOtp: values.otpToken || void 0,
+          validationType
+        });
+        if (!result.ok && result.error === "OTP_REQUIRED") {
+          return { ...result, state: "otp-required" };
+        }
+        return result;
+      }, [expiration, requestId, signIn, validationType]),
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/home/runner/work/contember/contember/packages/react-client-tenant/src/components/forms/PasswordlessSignInForm.tsx",
+      lineNumber: 52,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  PERSON_DISABLED: void 0,
+  TOKEN_EXPIRED: "token",
+  TOKEN_NOT_FOUND: "token",
+  TOKEN_USED: "token",
+  TOKEN_INVALID: "token",
+  INVALID_OTP_TOKEN: "otpToken",
+  OTP_REQUIRED: void 0
+};
+export {
+  PasswordlessSignInForm,
+  usePasswordlessSignInForm
+};
+//# sourceMappingURL=PasswordlessSignInForm.js.map