@contember/react-client-tenant 2.1.0-alpha.37 → 2.1.0-alpha.39

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-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__ */ jsxRuntime.jsx(
+    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
+    }
+  );
+};
+const errorToField = {
+  PERSON_NOT_FOUND: "email"
+};
+exports.PasswordResetRequestForm = PasswordResetRequestForm;
+exports.usePasswordResetRequestForm = usePasswordResetRequestForm;
+//# sourceMappingURL=PasswordResetRequestForm.cjs.map

package/dist/production/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\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\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}\nconst errorToField: Record<TenantApi.CreatePasswordResetRequestErrorCode, keyof PasswordResetRequestFormValues | undefined> = {\n\tPERSON_NOT_FOUND: 'email',\n}\n"],"names":["useForm","useCreateResetPasswordRequestMutation","jsx","TenantForm","useMemo","useCallback"],"mappings":";;;;;;;AA6BO,MAAM,8BAA8BA,SAAAA;AAEpC,MAAM,2BAA2B,CAAC,EAAE,UAAU,gBAA+C;AACnG,QAAM,qBAAqBC,sCAAAA,sCAAA;AAC3B,SACCC,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAeC,MAAAA,QAAQ,OAAO;AAAA,QAC7B,OAAO;AAAA,MAAA,IACJ,CAAA,CAAE;AAAA,MACN,UAAU,CAAC,EAAE,aAAa;AACzB,YAAI,CAAC,OAAO,OAAO;AAClB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QACnD,WAAW,CAAC,OAAO,MAAM,MAAM,SAAS,GAAG;AAC1C,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,SAAS;AAAA,QAClD;AACA,eAAO,CAAA;AAAA,MACR;AAAA,MACA,SAASC,MAAAA,YAAY,OAAO,EAAE,aAAa;AAC1C,eAAO,MAAM,mBAAmB;AAAA,UAC/B,OAAO,OAAO;AAAA,QAAA,CACd;AAAA,MACF,GAAG,CAAC,kBAAkB,CAAC;AAAA,MAEtB;AAAA,IAAA;AAAA,EAAA;AAGJ;AACA,MAAM,eAAwH;AAAA,EAC7H,kBAAkB;AACnB;;;"}

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

@@ -0,0 +1,41 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } 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__ */ jsx(
+    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
+    }
+  );
+};
+const errorToField = {
+  PERSON_NOT_FOUND: "email"
+};
+export {
+  PasswordResetRequestForm,
+  usePasswordResetRequestForm
+};
+//# sourceMappingURL=PasswordResetRequestForm.js.map

package/dist/production/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\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\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}\nconst errorToField: Record<TenantApi.CreatePasswordResetRequestErrorCode, keyof PasswordResetRequestFormValues | undefined> = {\n\tPERSON_NOT_FOUND: 'email',\n}\n"],"names":[],"mappings":";;;;;AA6BO,MAAM,8BAA8B;AAEpC,MAAM,2BAA2B,CAAC,EAAE,UAAU,gBAA+C;AACnG,QAAM,qBAAqB,sCAAA;AAC3B,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe,QAAQ,OAAO;AAAA,QAC7B,OAAO;AAAA,MAAA,IACJ,CAAA,CAAE;AAAA,MACN,UAAU,CAAC,EAAE,aAAa;AACzB,YAAI,CAAC,OAAO,OAAO;AAClB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QACnD,WAAW,CAAC,OAAO,MAAM,MAAM,SAAS,GAAG;AAC1C,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,SAAS;AAAA,QAClD;AACA,eAAO,CAAA;AAAA,MACR;AAAA,MACA,SAAS,YAAY,OAAO,EAAE,aAAa;AAC1C,eAAO,MAAM,mBAAmB;AAAA,UAC/B,OAAO,OAAO;AAAA,QAAA,CACd;AAAA,MACF,GAAG,CAAC,kBAAkB,CAAC;AAAA,MAEtB;AAAA,IAAA;AAAA,EAAA;AAGJ;AACA,MAAM,eAAwH;AAAA,EAC7H,kBAAkB;AACnB;"}

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactClient = require("@contember/react-client");
+const React = require("react");
+const contexts = require("../../contexts.cjs");
+const useRedirectToBacklink = require("../../internal/hooks/useRedirectToBacklink.cjs");
+const TenantForm = require("./TenantForm.cjs");
+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__ */ jsxRuntime.jsx(
+    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
+    }
+  );
+};
+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/production/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 * as TenantApi from '@contember/graphql-client-tenant'\nimport { useSetSessionToken } from '@contember/react-client'\nimport { ReactElement, useCallback, useMemo } from 'react'\nimport { useForm } from '../../contexts'\nimport { SignInPasswordlessMutationResult, useSignInPasswordlessMutation } from '../../hooks'\nimport { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink'\nimport { FormContextValue, FormError, FormState } from '../../types/forms'\nimport { TenantForm } from './TenantForm'\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<\n\tPasswordlessSignInFormValues,\n\tPasswordlessSignInFormErrorCode,\n\tPasswordlessSignInFormState\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 = (\n\t{ 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}\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","jsx","TenantForm","useMemo","useCallback"],"mappings":";;;;;;;;;AAyCO,MAAM,4BAA4BA,SAAAA;AAEzC,MAAM,UAAU;AAAA,EACf,0BAA0B;AAC3B;AACA,MAAM,2BAA2B,KAAK,KAAK;AAEpC,MAAM,yBAAyB,CACrC,EAAE,UAAU,WAAW,WAAW,gBAAgB,OAAO,aAAa,+BAClE;AACJ,QAAM,SAASC,8BAAAA,8BAA8B,EAAE,SAAS;AACxD,QAAM,qBAAqBC,sBAAAA,8BAAA;AAC3B,QAAM,kBAAkBC,YAAAA,mBAAA;AACxB,SACCC,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACA,WAAW,CAAA,SAAQ;AAClB,oBAAA;AACA,wBAAgB,KAAK,OAAO,KAAK;AACjC,2BAAA;AAAA,MACD;AAAA,MACA,cAAc;AAAA,MACd,eAAeC,MAAAA,QAAQ,OAAO;AAAA,QAC7B,OAAO,SAAS;AAAA,QAChB,UAAU;AAAA,MAAA,IACP,CAAC,KAAK,CAAC;AAAA,MACX,UAAU,CAAC,EAAE,QAAQ,YAAY;AAChC,YAAI,CAAC,OAAO,OAAO;AAClB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QACnD;AACA,YAAI,CAAC,OAAO,YAAY,UAAU,gBAAgB;AACjD,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,YAAY;AAAA,QACtD,WAAW,OAAO,YAAY,CAAC,OAAO,SAAS,MAAM,SAAS,GAAG;AAChE,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,YAAY;AAAA,QACrD;AACA,eAAO,CAAA;AAAA,MACR;AAAA,MACA,SAASC,MAAAA,YAAY,OAAO,EAAE,aAAa;AAC1C,cAAM,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,eAAA;AAAA,QAC5B;AAEA,eAAO;AAAA,MACR,GAAG,CAAC,YAAY,WAAW,QAAQ,cAAc,CAAC;AAAA,MAEjD;AAAA,IAAA;AAAA,EAAA;AAGJ;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/production/src/components/forms/PasswordlessSignInForm.js

@@ -0,0 +1,71 @@
+import { jsx } from "react/jsx-runtime";
+import { useSetSessionToken } from "@contember/react-client";
+import { useCallback, useMemo } from "react";
+import { useForm } from "../../contexts.js";
+import { useRedirectToBacklinkCallback } from "../../internal/hooks/useRedirectToBacklink.js";
+import { TenantForm } from "./TenantForm.js";
+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__ */ jsx(
+    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
+    }
+  );
+};
+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

package/dist/production/src/components/forms/PasswordlessSignInForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordlessSignInForm.js","sources":["../../../../../../packages/react-client-tenant/src/components/forms/PasswordlessSignInForm.tsx"],"sourcesContent":["import * as TenantApi from '@contember/graphql-client-tenant'\nimport { useSetSessionToken } from '@contember/react-client'\nimport { ReactElement, useCallback, useMemo } from 'react'\nimport { useForm } from '../../contexts'\nimport { SignInPasswordlessMutationResult, useSignInPasswordlessMutation } from '../../hooks'\nimport { useRedirectToBacklinkCallback } from '../../internal/hooks/useRedirectToBacklink'\nimport { FormContextValue, FormError, FormState } from '../../types/forms'\nimport { TenantForm } from './TenantForm'\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<\n\tPasswordlessSignInFormValues,\n\tPasswordlessSignInFormErrorCode,\n\tPasswordlessSignInFormState\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 = (\n\t{ 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}\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":[],"mappings":";;;;;;;AAyCO,MAAM,4BAA4B;AAEzC,MAAM,UAAU;AAAA,EACf,0BAA0B;AAC3B;AACA,MAAM,2BAA2B,KAAK,KAAK;AAEpC,MAAM,yBAAyB,CACrC,EAAE,UAAU,WAAW,WAAW,gBAAgB,OAAO,aAAa,+BAClE;AACJ,QAAM,SAAS,8BAA8B,EAAE,SAAS;AACxD,QAAM,qBAAqB,8BAAA;AAC3B,QAAM,kBAAkB,mBAAA;AACxB,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,CAAA,SAAQ;AAClB,oBAAA;AACA,wBAAgB,KAAK,OAAO,KAAK;AACjC,2BAAA;AAAA,MACD;AAAA,MACA,cAAc;AAAA,MACd,eAAe,QAAQ,OAAO;AAAA,QAC7B,OAAO,SAAS;AAAA,QAChB,UAAU;AAAA,MAAA,IACP,CAAC,KAAK,CAAC;AAAA,MACX,UAAU,CAAC,EAAE,QAAQ,YAAY;AAChC,YAAI,CAAC,OAAO,OAAO;AAClB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QACnD;AACA,YAAI,CAAC,OAAO,YAAY,UAAU,gBAAgB;AACjD,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,YAAY;AAAA,QACtD,WAAW,OAAO,YAAY,CAAC,OAAO,SAAS,MAAM,SAAS,GAAG;AAChE,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,YAAY;AAAA,QACrD;AACA,eAAO,CAAA;AAAA,MACR;AAAA,MACA,SAAS,YAAY,OAAO,EAAE,aAAa;AAC1C,cAAM,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,eAAA;AAAA,QAC5B;AAEA,eAAO;AAAA,MACR,GAAG,CAAC,YAAY,WAAW,QAAQ,cAAc,CAAC;AAAA,MAEjD;AAAA,IAAA;AAAA,EAAA;AAGJ;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/production/src/components/forms/PasswordlessSignInInitForm.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const TenantForm = require("./TenantForm.cjs");
+const contexts = require("../../contexts.cjs");
+const consts = require("../../consts.cjs");
+const useRedirectToBacklink = require("../../internal/hooks/useRedirectToBacklink.cjs");
+const useInitSignInPasswordlessMutation = require("../../hooks/mutations/passwordless/useInitSignInPasswordlessMutation.cjs");
+const usePasswordlessSignInInitForm = contexts.useForm;
+const PasswordlessSignInInitForm = ({ children, onSuccess }) => {
+  const initSignIn = useInitSignInPasswordlessMutation.useInitSignInPasswordlessMutation();
+  const saveBacklink = useRedirectToBacklink.useSaveBacklink({
+    storage: "local"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TenantForm.TenantForm,
+    {
+      onSuccess: (res) => {
+        localStorage.setItem(consts.PASSWORDLESS_REQUEST_STORAGE_KEY, res.result.requestId);
+        saveBacklink();
+        onSuccess?.(res);
+      },
+      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 initSignIn({
+          email: values.email
+        });
+      }, [initSignIn]),
+      children
+    }
+  );
+};
+const errorToField = {
+  PERSON_NOT_FOUND: "email",
+  PASSWORDLESS_DISABLED: void 0
+};
+exports.PasswordlessSignInInitForm = PasswordlessSignInInitForm;
+exports.usePasswordlessSignInInitForm = usePasswordlessSignInInitForm;
+//# sourceMappingURL=PasswordlessSignInInitForm.cjs.map

package/dist/production/src/components/forms/PasswordlessSignInInitForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordlessSignInInitForm.cjs","sources":["../../../../../../packages/react-client-tenant/src/components/forms/PasswordlessSignInInitForm.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 { InitSignInPasswordlessMutationResult, useInitSignInPasswordlessMutation } from '../../hooks'\nimport { PASSWORDLESS_REQUEST_STORAGE_KEY } from '../../consts'\nimport { useSaveBacklink } from '../../internal/hooks/useRedirectToBacklink'\n\nexport type PasswordlessSignInInitFormValues = {\n\temail: string\n}\n\nexport type PasswordlessSignInInitFormErrorCode =\n\t| TenantApi.InitSignInPasswordlessErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'INVALID_VALUE'\n\t| 'UNKNOWN_ERROR'\n\nexport type PasswordlessSignInInitFormState = FormState\n\nexport type PasswordlessSignInInitFormError = FormError<PasswordlessSignInInitFormValues, PasswordlessSignInInitFormErrorCode>\n\nexport type PasswordlessSignInInitFormContextValue = FormContextValue<PasswordlessSignInInitFormValues, PasswordlessSignInInitFormErrorCode>\n\nexport interface PasswordlessSignInInitFormProps {\n\tchildren: ReactElement\n\tonSuccess?: (args: { result: InitSignInPasswordlessMutationResult }) => void\n}\n\nexport const usePasswordlessSignInInitForm = useForm as () => PasswordlessSignInInitFormContextValue\n\nexport const PasswordlessSignInInitForm = ({ children, onSuccess }: PasswordlessSignInInitFormProps) => {\n\tconst initSignIn = useInitSignInPasswordlessMutation()\n\tconst saveBacklink = useSaveBacklink({\n\t\tstorage: 'local',\n\t})\n\n\treturn (\n\t\t<TenantForm<PasswordlessSignInInitFormContextValue, InitSignInPasswordlessMutationResult>\n\t\t\tonSuccess={res => {\n\t\t\t\tlocalStorage.setItem(PASSWORDLESS_REQUEST_STORAGE_KEY, res.result.requestId)\n\t\t\t\tsaveBacklink()\n\t\t\t\tonSuccess?.(res)\n\t\t\t}}\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 initSignIn({\n\t\t\t\t\temail: values.email,\n\t\t\t\t})\n\t\t\t}, [initSignIn])}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n}\nconst errorToField: Record<TenantApi.InitSignInPasswordlessErrorCode, keyof PasswordlessSignInInitFormValues | undefined> = {\n\tPERSON_NOT_FOUND: 'email',\n\tPASSWORDLESS_DISABLED: undefined,\n}\n"],"names":["useForm","useInitSignInPasswordlessMutation","useSaveBacklink","jsx","TenantForm","PASSWORDLESS_REQUEST_STORAGE_KEY","useMemo","useCallback"],"mappings":";;;;;;;;;AA8BO,MAAM,gCAAgCA,SAAAA;AAEtC,MAAM,6BAA6B,CAAC,EAAE,UAAU,gBAAiD;AACvG,QAAM,aAAaC,kCAAAA,kCAAA;AACnB,QAAM,eAAeC,sBAAAA,gBAAgB;AAAA,IACpC,SAAS;AAAA,EAAA,CACT;AAED,SACCC,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACA,WAAW,CAAA,QAAO;AACjB,qBAAa,QAAQC,OAAAA,kCAAkC,IAAI,OAAO,SAAS;AAC3E,qBAAA;AACA,oBAAY,GAAG;AAAA,MAChB;AAAA,MACA,cAAc;AAAA,MACd,eAAeC,MAAAA,QAAQ,OAAO;AAAA,QAC7B,OAAO;AAAA,MAAA,IACJ,CAAA,CAAE;AAAA,MACN,UAAU,CAAC,EAAE,aAAa;AACzB,YAAI,CAAC,OAAO,OAAO;AAClB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QACnD,WAAW,CAAC,OAAO,MAAM,MAAM,SAAS,GAAG;AAC1C,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,SAAS;AAAA,QAClD;AACA,eAAO,CAAA;AAAA,MACR;AAAA,MACA,SAASC,MAAAA,YAAY,OAAO,EAAE,aAAa;AAC1C,eAAO,MAAM,WAAW;AAAA,UACvB,OAAO,OAAO;AAAA,QAAA,CACd;AAAA,MACF,GAAG,CAAC,UAAU,CAAC;AAAA,MAEd;AAAA,IAAA;AAAA,EAAA;AAGJ;AACA,MAAM,eAAsH;AAAA,EAC3H,kBAAkB;AAAA,EAClB,uBAAuB;AACxB;;;"}

package/dist/production/src/components/forms/PasswordlessSignInInitForm.js

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { TenantForm } from "./TenantForm.js";
+import { useForm } from "../../contexts.js";
+import { PASSWORDLESS_REQUEST_STORAGE_KEY } from "../../consts.js";
+import { useSaveBacklink } from "../../internal/hooks/useRedirectToBacklink.js";
+import { useInitSignInPasswordlessMutation } from "../../hooks/mutations/passwordless/useInitSignInPasswordlessMutation.js";
+const usePasswordlessSignInInitForm = useForm;
+const PasswordlessSignInInitForm = ({ children, onSuccess }) => {
+  const initSignIn = useInitSignInPasswordlessMutation();
+  const saveBacklink = useSaveBacklink({
+    storage: "local"
+  });
+  return /* @__PURE__ */ jsx(
+    TenantForm,
+    {
+      onSuccess: (res) => {
+        localStorage.setItem(PASSWORDLESS_REQUEST_STORAGE_KEY, res.result.requestId);
+        saveBacklink();
+        onSuccess?.(res);
+      },
+      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 initSignIn({
+          email: values.email
+        });
+      }, [initSignIn]),
+      children
+    }
+  );
+};
+const errorToField = {
+  PERSON_NOT_FOUND: "email",
+  PASSWORDLESS_DISABLED: void 0
+};
+export {
+  PasswordlessSignInInitForm,
+  usePasswordlessSignInInitForm
+};
+//# sourceMappingURL=PasswordlessSignInInitForm.js.map

package/dist/production/src/components/forms/PasswordlessSignInInitForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordlessSignInInitForm.js","sources":["../../../../../../packages/react-client-tenant/src/components/forms/PasswordlessSignInInitForm.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 { InitSignInPasswordlessMutationResult, useInitSignInPasswordlessMutation } from '../../hooks'\nimport { PASSWORDLESS_REQUEST_STORAGE_KEY } from '../../consts'\nimport { useSaveBacklink } from '../../internal/hooks/useRedirectToBacklink'\n\nexport type PasswordlessSignInInitFormValues = {\n\temail: string\n}\n\nexport type PasswordlessSignInInitFormErrorCode =\n\t| TenantApi.InitSignInPasswordlessErrorCode\n\t| 'FIELD_REQUIRED'\n\t| 'INVALID_VALUE'\n\t| 'UNKNOWN_ERROR'\n\nexport type PasswordlessSignInInitFormState = FormState\n\nexport type PasswordlessSignInInitFormError = FormError<PasswordlessSignInInitFormValues, PasswordlessSignInInitFormErrorCode>\n\nexport type PasswordlessSignInInitFormContextValue = FormContextValue<PasswordlessSignInInitFormValues, PasswordlessSignInInitFormErrorCode>\n\nexport interface PasswordlessSignInInitFormProps {\n\tchildren: ReactElement\n\tonSuccess?: (args: { result: InitSignInPasswordlessMutationResult }) => void\n}\n\nexport const usePasswordlessSignInInitForm = useForm as () => PasswordlessSignInInitFormContextValue\n\nexport const PasswordlessSignInInitForm = ({ children, onSuccess }: PasswordlessSignInInitFormProps) => {\n\tconst initSignIn = useInitSignInPasswordlessMutation()\n\tconst saveBacklink = useSaveBacklink({\n\t\tstorage: 'local',\n\t})\n\n\treturn (\n\t\t<TenantForm<PasswordlessSignInInitFormContextValue, InitSignInPasswordlessMutationResult>\n\t\t\tonSuccess={res => {\n\t\t\t\tlocalStorage.setItem(PASSWORDLESS_REQUEST_STORAGE_KEY, res.result.requestId)\n\t\t\t\tsaveBacklink()\n\t\t\t\tonSuccess?.(res)\n\t\t\t}}\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 initSignIn({\n\t\t\t\t\temail: values.email,\n\t\t\t\t})\n\t\t\t}, [initSignIn])}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n}\nconst errorToField: Record<TenantApi.InitSignInPasswordlessErrorCode, keyof PasswordlessSignInInitFormValues | undefined> = {\n\tPERSON_NOT_FOUND: 'email',\n\tPASSWORDLESS_DISABLED: undefined,\n}\n"],"names":[],"mappings":";;;;;;;AA8BO,MAAM,gCAAgC;AAEtC,MAAM,6BAA6B,CAAC,EAAE,UAAU,gBAAiD;AACvG,QAAM,aAAa,kCAAA;AACnB,QAAM,eAAe,gBAAgB;AAAA,IACpC,SAAS;AAAA,EAAA,CACT;AAED,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,CAAA,QAAO;AACjB,qBAAa,QAAQ,kCAAkC,IAAI,OAAO,SAAS;AAC3E,qBAAA;AACA,oBAAY,GAAG;AAAA,MAChB;AAAA,MACA,cAAc;AAAA,MACd,eAAe,QAAQ,OAAO;AAAA,QAC7B,OAAO;AAAA,MAAA,IACJ,CAAA,CAAE;AAAA,MACN,UAAU,CAAC,EAAE,aAAa;AACzB,YAAI,CAAC,OAAO,OAAO;AAClB,iBAAO,CAAC,EAAE,MAAM,kBAAkB,OAAO,SAAS;AAAA,QACnD,WAAW,CAAC,OAAO,MAAM,MAAM,SAAS,GAAG;AAC1C,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,SAAS;AAAA,QAClD;AACA,eAAO,CAAA;AAAA,MACR;AAAA,MACA,SAAS,YAAY,OAAO,EAAE,aAAa;AAC1C,eAAO,MAAM,WAAW;AAAA,UACvB,OAAO,OAAO;AAAA,QAAA,CACd;AAAA,MACF,GAAG,CAAC,UAAU,CAAC;AAAA,MAEd;AAAA,IAAA;AAAA,EAAA;AAGJ;AACA,MAAM,eAAsH;AAAA,EAC3H,kBAAkB;AAAA,EAClB,uBAAuB;AACxB;"}

package/dist/production/src/components/forms/TenantForm.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const reactSlot = require("@radix-ui/react-slot");
+const contexts = require("../../contexts.cjs");
+const reactUtils = require("@contember/react-utils");
+const SlotForm = reactSlot.Slot;
+const TenantForm = ({
+  children,
+  initialValues,
+  loading,
+  errorMapping,
+  validate: validateIn,
+  execute: executeIn,
+  onSuccess: onSuccessIn,
+  onChange: onChangeIn
+}) => {
+  const [values, setValues] = React.useState(initialValues);
+  const [errors, setErrors] = React.useState([]);
+  const [state, setState] = React.useState(loading ? "loading" : "initial");
+  React.useEffect(() => {
+    if (loading) {
+      setState("loading");
+    }
+  }, [loading]);
+  React.useEffect(() => {
+    if (state === "loading" && !loading) {
+      setValues(initialValues);
+      setState("initial");
+    }
+  }, [initialValues, loading, state]);
+  const validate = reactUtils.useReferentiallyStableCallback(validateIn || (() => void 0));
+  const onSuccess = reactUtils.useReferentiallyStableCallback(onSuccessIn || (() => void 0));
+  const execute = reactUtils.useReferentiallyStableCallback(executeIn);
+  const submit = reactUtils.useReferentiallyStableCallback(async (event) => {
+    event?.preventDefault();
+    const errors2 = validate?.({ values, state }) ?? [];
+    setErrors(errors2);
+    if (errors2.length > 0) {
+      setState("error");
+      return;
+    }
+    setState("submitting");
+    try {
+      const response = await execute({ values, state });
+      if (!response.ok) {
+        const error = response.error;
+        setState(response.state ?? "error");
+        setErrors([{
+          code: error || "UNKNOWN_ERROR",
+          developerMessage: response.developerMessage,
+          field: errorMapping && error && error in errorMapping ? errorMapping[error] : void 0
+        }]);
+      } else {
+        setState("success");
+        setValues(initialValues);
+        onSuccess?.({ result: "result" in response ? response.result : void 0 });
+      }
+    } catch (e) {
+      console.error(e);
+      setState("error");
+      setErrors([{
+        code: "UNKNOWN_ERROR",
+        developerMessage: typeof e === "string" ? e : e && typeof e === "object" && "message" in e && typeof e.message === "string" ? e.message : void 0
+      }]);
+    }
+  });
+  const onChange = reactUtils.useReferentiallyStableCallback(onChangeIn || (() => void 0));
+  React.useEffect(() => {
+    onChange?.({ values, state, submit });
+  }, [onChange, state, submit, values]);
+  const setValue = React.useCallback((field, value) => setValues((values2) => ({ ...values2, [field]: value })), []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    contexts.FormContext.Provider,
+    {
+      value: {
+        values,
+        setValues,
+        state,
+        errors,
+        setValue
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(SlotForm, { onSubmit: submit, children })
+    }
+  );
+};
+exports.TenantForm = TenantForm;
+//# sourceMappingURL=TenantForm.cjs.map

package/dist/production/src/components/forms/TenantForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantForm.cjs","sources":["../../../../../../packages/react-client-tenant/src/components/forms/TenantForm.tsx"],"sourcesContent":["import { ComponentType, ReactElement, useCallback, useEffect, useState } from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { FormContextValue } from '../../types/forms'\nimport { FormContext } from '../../contexts'\nimport { useReferentiallyStableCallback } from '@contember/react-utils'\n\nconst SlotForm = Slot as ComponentType<React.FormHTMLAttributes<HTMLFormElement>>\n\ntype ExecuteResult<T extends FormContextValue<any, any, any>, OkResult = undefined> =\n\t| ({ ok: true } & (OkResult extends undefined ? {} : { result: OkResult }))\n\t| { ok: false; error?: T['errors'][number]['code']; developerMessage?: string; state?: T['state'] }\n\nexport interface TenantFormProps<T extends FormContextValue<any, any, any>, OkResult = undefined> {\n\tchildren: ReactElement\n\tloading?: boolean\n\tinitialValues: T['values']\n\terrorMapping?: Partial<Record<T['errors'][number]['code'], keyof T['values']>>\n\tvalidate?: (args: { values: T['values']; state: T['state'] }) => T['errors'] | undefined\n\texecute: (args: { values: T['values']; state: T['state'] }) => Promise<ExecuteResult<T, OkResult>>\n\tonSuccess?: (args: { result: OkResult }) => void\n\tonChange?: (args: { values: T['values']; state: T['state']; submit: () => Promise<void> }) => void\n}\n\nexport const TenantForm = <T extends FormContextValue<any, any, any>, OkResult = undefined>({\n\tchildren,\n\tinitialValues,\n\tloading,\n\terrorMapping,\n\tvalidate: validateIn,\n\texecute: executeIn,\n\tonSuccess: onSuccessIn,\n\tonChange: onChangeIn,\n}: TenantFormProps<T, OkResult>) => {\n\tconst [values, setValues] = useState<T['values']>(initialValues)\n\n\tconst [errors, setErrors] = useState<T['errors']>([])\n\tconst [state, setState] = useState<T['state']>(loading ? 'loading' : 'initial')\n\n\tuseEffect(() => {\n\t\tif (loading) {\n\t\t\tsetState('loading')\n\t\t}\n\t}, [loading])\n\n\tuseEffect(() => {\n\t\tif (state === 'loading' && !loading) {\n\t\t\tsetValues(initialValues)\n\t\t\tsetState('initial')\n\t\t}\n\t}, [initialValues, loading, state])\n\n\tconst validate = useReferentiallyStableCallback(validateIn || (() => undefined))\n\tconst onSuccess = useReferentiallyStableCallback(onSuccessIn || (() => undefined))\n\tconst execute = useReferentiallyStableCallback(executeIn)\n\n\tconst submit = useReferentiallyStableCallback(async (event?: React.FormEvent) => {\n\t\tevent?.preventDefault()\n\t\tconst errors = validate?.({ values, state }) ?? []\n\t\tsetErrors(errors)\n\n\t\tif (errors.length > 0) {\n\t\t\tsetState('error')\n\t\t\treturn\n\t\t}\n\n\t\tsetState('submitting')\n\n\t\ttry {\n\t\t\tconst response = await execute({ values, state })\n\n\t\t\tif (!response.ok) {\n\t\t\t\tconst error = response.error\n\t\t\t\tsetState(response.state ?? 'error')\n\t\t\t\tsetErrors([{\n\t\t\t\t\tcode: error || 'UNKNOWN_ERROR',\n\t\t\t\t\tdeveloperMessage: response.developerMessage,\n\t\t\t\t\tfield: errorMapping && error && error in errorMapping ? errorMapping[error] : undefined,\n\t\t\t\t}])\n\t\t\t} else {\n\t\t\t\tsetState('success')\n\t\t\t\tsetValues(initialValues)\n\t\t\t\tonSuccess?.({ result: 'result' in response ? response.result : undefined as OkResult })\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.error(e)\n\t\t\tsetState('error')\n\t\t\tsetErrors([{\n\t\t\t\tcode: 'UNKNOWN_ERROR',\n\t\t\t\tdeveloperMessage: typeof e === 'string'\n\t\t\t\t\t? e\n\t\t\t\t\t: (e && typeof e === 'object' && 'message' in e && typeof e.message === 'string')\n\t\t\t\t\t? e.message\n\t\t\t\t\t: undefined,\n\t\t\t}])\n\t\t}\n\t})\n\n\tconst onChange = useReferentiallyStableCallback(onChangeIn || (() => undefined))\n\tuseEffect(() => {\n\t\tonChange?.({ values, state, submit })\n\t}, [onChange, state, submit, values])\n\n\tconst setValue = useCallback((field: string, value: string) => setValues(values => ({ ...values, [field]: value })), [])\n\n\treturn (\n\t\t<FormContext.Provider\n\t\t\tvalue={{\n\t\t\t\tvalues,\n\t\t\t\tsetValues,\n\t\t\t\tstate,\n\t\t\t\terrors,\n\t\t\t\tsetValue: setValue,\n\t\t\t} as unknown as T}\n\t\t>\n\t\t\t<SlotForm onSubmit={submit}>\n\t\t\t\t{children}\n\t\t\t</SlotForm>\n\t\t</FormContext.Provider>\n\t)\n}\n"],"names":["Slot","useState","useEffect","useReferentiallyStableCallback","errors","useCallback","values","jsx","FormContext"],"mappings":";;;;;;;AAMA,MAAM,WAAWA,UAAAA;AAiBV,MAAM,aAAa,CAAkE;AAAA,EAC3F;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AACX,MAAoC;AACnC,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAAsB,aAAa;AAE/D,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAsB,CAAA,CAAE;AACpD,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAqB,UAAU,YAAY,SAAS;AAE9EC,QAAAA,UAAU,MAAM;AACf,QAAI,SAAS;AACZ,eAAS,SAAS;AAAA,IACnB;AAAA,EACD,GAAG,CAAC,OAAO,CAAC;AAEZA,QAAAA,UAAU,MAAM;AACf,QAAI,UAAU,aAAa,CAAC,SAAS;AACpC,gBAAU,aAAa;AACvB,eAAS,SAAS;AAAA,IACnB;AAAA,EACD,GAAG,CAAC,eAAe,SAAS,KAAK,CAAC;AAElC,QAAM,WAAWC,WAAAA,+BAA+B,eAAe,MAAM,OAAU;AAC/E,QAAM,YAAYA,WAAAA,+BAA+B,gBAAgB,MAAM,OAAU;AACjF,QAAM,UAAUA,WAAAA,+BAA+B,SAAS;AAExD,QAAM,SAASA,0CAA+B,OAAO,UAA4B;AAChF,WAAO,eAAA;AACP,UAAMC,UAAS,WAAW,EAAE,QAAQ,MAAA,CAAO,KAAK,CAAA;AAChD,cAAUA,OAAM;AAEhB,QAAIA,QAAO,SAAS,GAAG;AACtB,eAAS,OAAO;AAChB;AAAA,IACD;AAEA,aAAS,YAAY;AAErB,QAAI;AACH,YAAM,WAAW,MAAM,QAAQ,EAAE,QAAQ,OAAO;AAEhD,UAAI,CAAC,SAAS,IAAI;AACjB,cAAM,QAAQ,SAAS;AACvB,iBAAS,SAAS,SAAS,OAAO;AAClC,kBAAU,CAAC;AAAA,UACV,MAAM,SAAS;AAAA,UACf,kBAAkB,SAAS;AAAA,UAC3B,OAAO,gBAAgB,SAAS,SAAS,eAAe,aAAa,KAAK,IAAI;AAAA,QAAA,CAC9E,CAAC;AAAA,MACH,OAAO;AACN,iBAAS,SAAS;AAClB,kBAAU,aAAa;AACvB,oBAAY,EAAE,QAAQ,YAAY,WAAW,SAAS,SAAS,QAAuB;AAAA,MACvF;AAAA,IACD,SAAS,GAAG;AACX,cAAQ,MAAM,CAAC;AACf,eAAS,OAAO;AAChB,gBAAU,CAAC;AAAA,QACV,MAAM;AAAA,QACN,kBAAkB,OAAO,MAAM,WAC5B,IACC,KAAK,OAAO,MAAM,YAAY,aAAa,KAAK,OAAO,EAAE,YAAY,WACtE,EAAE,UACF;AAAA,MAAA,CACH,CAAC;AAAA,IACH;AAAA,EACD,CAAC;AAED,QAAM,WAAWD,WAAAA,+BAA+B,eAAe,MAAM,OAAU;AAC/ED,QAAAA,UAAU,MAAM;AACf,eAAW,EAAE,QAAQ,OAAO,OAAA,CAAQ;AAAA,EACrC,GAAG,CAAC,UAAU,OAAO,QAAQ,MAAM,CAAC;AAEpC,QAAM,WAAWG,MAAAA,YAAY,CAAC,OAAe,UAAkB,UAAU,CAAAC,aAAW,EAAE,GAAGA,SAAQ,CAAC,KAAK,GAAG,QAAQ,GAAG,CAAA,CAAE;AAEvH,SACCC,2BAAAA;AAAAA,IAACC,SAAAA,YAAY;AAAA,IAAZ;AAAA,MACA,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGD,UAAAD,2BAAAA,IAAC,UAAA,EAAS,UAAU,QAClB,SAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGH;;"}

package/dist/production/src/components/forms/TenantForm.js

@@ -0,0 +1,89 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { FormContext } from "../../contexts.js";
+import { useReferentiallyStableCallback } from "@contember/react-utils";
+const SlotForm = Slot;
+const TenantForm = ({
+  children,
+  initialValues,
+  loading,
+  errorMapping,
+  validate: validateIn,
+  execute: executeIn,
+  onSuccess: onSuccessIn,
+  onChange: onChangeIn
+}) => {
+  const [values, setValues] = useState(initialValues);
+  const [errors, setErrors] = useState([]);
+  const [state, setState] = useState(loading ? "loading" : "initial");
+  useEffect(() => {
+    if (loading) {
+      setState("loading");
+    }
+  }, [loading]);
+  useEffect(() => {
+    if (state === "loading" && !loading) {
+      setValues(initialValues);
+      setState("initial");
+    }
+  }, [initialValues, loading, state]);
+  const validate = useReferentiallyStableCallback(validateIn || (() => void 0));
+  const onSuccess = useReferentiallyStableCallback(onSuccessIn || (() => void 0));
+  const execute = useReferentiallyStableCallback(executeIn);
+  const submit = useReferentiallyStableCallback(async (event) => {
+    event?.preventDefault();
+    const errors2 = validate?.({ values, state }) ?? [];
+    setErrors(errors2);
+    if (errors2.length > 0) {
+      setState("error");
+      return;
+    }
+    setState("submitting");
+    try {
+      const response = await execute({ values, state });
+      if (!response.ok) {
+        const error = response.error;
+        setState(response.state ?? "error");
+        setErrors([{
+          code: error || "UNKNOWN_ERROR",
+          developerMessage: response.developerMessage,
+          field: errorMapping && error && error in errorMapping ? errorMapping[error] : void 0
+        }]);
+      } else {
+        setState("success");
+        setValues(initialValues);
+        onSuccess?.({ result: "result" in response ? response.result : void 0 });
+      }
+    } catch (e) {
+      console.error(e);
+      setState("error");
+      setErrors([{
+        code: "UNKNOWN_ERROR",
+        developerMessage: typeof e === "string" ? e : e && typeof e === "object" && "message" in e && typeof e.message === "string" ? e.message : void 0
+      }]);
+    }
+  });
+  const onChange = useReferentiallyStableCallback(onChangeIn || (() => void 0));
+  useEffect(() => {
+    onChange?.({ values, state, submit });
+  }, [onChange, state, submit, values]);
+  const setValue = useCallback((field, value) => setValues((values2) => ({ ...values2, [field]: value })), []);
+  return /* @__PURE__ */ jsx(
+    FormContext.Provider,
+    {
+      value: {
+        values,
+        setValues,
+        state,
+        errors,
+        setValue
+      },
+      children: /* @__PURE__ */ jsx(SlotForm, { onSubmit: submit, children })
+    }
+  );
+};
+export {
+  TenantForm
+};
+//# sourceMappingURL=TenantForm.js.map

package/dist/production/src/components/forms/TenantForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantForm.js","sources":["../../../../../../packages/react-client-tenant/src/components/forms/TenantForm.tsx"],"sourcesContent":["import { ComponentType, ReactElement, useCallback, useEffect, useState } from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { FormContextValue } from '../../types/forms'\nimport { FormContext } from '../../contexts'\nimport { useReferentiallyStableCallback } from '@contember/react-utils'\n\nconst SlotForm = Slot as ComponentType<React.FormHTMLAttributes<HTMLFormElement>>\n\ntype ExecuteResult<T extends FormContextValue<any, any, any>, OkResult = undefined> =\n\t| ({ ok: true } & (OkResult extends undefined ? {} : { result: OkResult }))\n\t| { ok: false; error?: T['errors'][number]['code']; developerMessage?: string; state?: T['state'] }\n\nexport interface TenantFormProps<T extends FormContextValue<any, any, any>, OkResult = undefined> {\n\tchildren: ReactElement\n\tloading?: boolean\n\tinitialValues: T['values']\n\terrorMapping?: Partial<Record<T['errors'][number]['code'], keyof T['values']>>\n\tvalidate?: (args: { values: T['values']; state: T['state'] }) => T['errors'] | undefined\n\texecute: (args: { values: T['values']; state: T['state'] }) => Promise<ExecuteResult<T, OkResult>>\n\tonSuccess?: (args: { result: OkResult }) => void\n\tonChange?: (args: { values: T['values']; state: T['state']; submit: () => Promise<void> }) => void\n}\n\nexport const TenantForm = <T extends FormContextValue<any, any, any>, OkResult = undefined>({\n\tchildren,\n\tinitialValues,\n\tloading,\n\terrorMapping,\n\tvalidate: validateIn,\n\texecute: executeIn,\n\tonSuccess: onSuccessIn,\n\tonChange: onChangeIn,\n}: TenantFormProps<T, OkResult>) => {\n\tconst [values, setValues] = useState<T['values']>(initialValues)\n\n\tconst [errors, setErrors] = useState<T['errors']>([])\n\tconst [state, setState] = useState<T['state']>(loading ? 'loading' : 'initial')\n\n\tuseEffect(() => {\n\t\tif (loading) {\n\t\t\tsetState('loading')\n\t\t}\n\t}, [loading])\n\n\tuseEffect(() => {\n\t\tif (state === 'loading' && !loading) {\n\t\t\tsetValues(initialValues)\n\t\t\tsetState('initial')\n\t\t}\n\t}, [initialValues, loading, state])\n\n\tconst validate = useReferentiallyStableCallback(validateIn || (() => undefined))\n\tconst onSuccess = useReferentiallyStableCallback(onSuccessIn || (() => undefined))\n\tconst execute = useReferentiallyStableCallback(executeIn)\n\n\tconst submit = useReferentiallyStableCallback(async (event?: React.FormEvent) => {\n\t\tevent?.preventDefault()\n\t\tconst errors = validate?.({ values, state }) ?? []\n\t\tsetErrors(errors)\n\n\t\tif (errors.length > 0) {\n\t\t\tsetState('error')\n\t\t\treturn\n\t\t}\n\n\t\tsetState('submitting')\n\n\t\ttry {\n\t\t\tconst response = await execute({ values, state })\n\n\t\t\tif (!response.ok) {\n\t\t\t\tconst error = response.error\n\t\t\t\tsetState(response.state ?? 'error')\n\t\t\t\tsetErrors([{\n\t\t\t\t\tcode: error || 'UNKNOWN_ERROR',\n\t\t\t\t\tdeveloperMessage: response.developerMessage,\n\t\t\t\t\tfield: errorMapping && error && error in errorMapping ? errorMapping[error] : undefined,\n\t\t\t\t}])\n\t\t\t} else {\n\t\t\t\tsetState('success')\n\t\t\t\tsetValues(initialValues)\n\t\t\t\tonSuccess?.({ result: 'result' in response ? response.result : undefined as OkResult })\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.error(e)\n\t\t\tsetState('error')\n\t\t\tsetErrors([{\n\t\t\t\tcode: 'UNKNOWN_ERROR',\n\t\t\t\tdeveloperMessage: typeof e === 'string'\n\t\t\t\t\t? e\n\t\t\t\t\t: (e && typeof e === 'object' && 'message' in e && typeof e.message === 'string')\n\t\t\t\t\t? e.message\n\t\t\t\t\t: undefined,\n\t\t\t}])\n\t\t}\n\t})\n\n\tconst onChange = useReferentiallyStableCallback(onChangeIn || (() => undefined))\n\tuseEffect(() => {\n\t\tonChange?.({ values, state, submit })\n\t}, [onChange, state, submit, values])\n\n\tconst setValue = useCallback((field: string, value: string) => setValues(values => ({ ...values, [field]: value })), [])\n\n\treturn (\n\t\t<FormContext.Provider\n\t\t\tvalue={{\n\t\t\t\tvalues,\n\t\t\t\tsetValues,\n\t\t\t\tstate,\n\t\t\t\terrors,\n\t\t\t\tsetValue: setValue,\n\t\t\t} as unknown as T}\n\t\t>\n\t\t\t<SlotForm onSubmit={submit}>\n\t\t\t\t{children}\n\t\t\t</SlotForm>\n\t\t</FormContext.Provider>\n\t)\n}\n"],"names":["errors","values"],"mappings":";;;;;AAMA,MAAM,WAAW;AAiBV,MAAM,aAAa,CAAkE;AAAA,EAC3F;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AACX,MAAoC;AACnC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,aAAa;AAE/D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,CAAA,CAAE;AACpD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAqB,UAAU,YAAY,SAAS;AAE9E,YAAU,MAAM;AACf,QAAI,SAAS;AACZ,eAAS,SAAS;AAAA,IACnB;AAAA,EACD,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACf,QAAI,UAAU,aAAa,CAAC,SAAS;AACpC,gBAAU,aAAa;AACvB,eAAS,SAAS;AAAA,IACnB;AAAA,EACD,GAAG,CAAC,eAAe,SAAS,KAAK,CAAC;AAElC,QAAM,WAAW,+BAA+B,eAAe,MAAM,OAAU;AAC/E,QAAM,YAAY,+BAA+B,gBAAgB,MAAM,OAAU;AACjF,QAAM,UAAU,+BAA+B,SAAS;AAExD,QAAM,SAAS,+BAA+B,OAAO,UAA4B;AAChF,WAAO,eAAA;AACP,UAAMA,UAAS,WAAW,EAAE,QAAQ,MAAA,CAAO,KAAK,CAAA;AAChD,cAAUA,OAAM;AAEhB,QAAIA,QAAO,SAAS,GAAG;AACtB,eAAS,OAAO;AAChB;AAAA,IACD;AAEA,aAAS,YAAY;AAErB,QAAI;AACH,YAAM,WAAW,MAAM,QAAQ,EAAE,QAAQ,OAAO;AAEhD,UAAI,CAAC,SAAS,IAAI;AACjB,cAAM,QAAQ,SAAS;AACvB,iBAAS,SAAS,SAAS,OAAO;AAClC,kBAAU,CAAC;AAAA,UACV,MAAM,SAAS;AAAA,UACf,kBAAkB,SAAS;AAAA,UAC3B,OAAO,gBAAgB,SAAS,SAAS,eAAe,aAAa,KAAK,IAAI;AAAA,QAAA,CAC9E,CAAC;AAAA,MACH,OAAO;AACN,iBAAS,SAAS;AAClB,kBAAU,aAAa;AACvB,oBAAY,EAAE,QAAQ,YAAY,WAAW,SAAS,SAAS,QAAuB;AAAA,MACvF;AAAA,IACD,SAAS,GAAG;AACX,cAAQ,MAAM,CAAC;AACf,eAAS,OAAO;AAChB,gBAAU,CAAC;AAAA,QACV,MAAM;AAAA,QACN,kBAAkB,OAAO,MAAM,WAC5B,IACC,KAAK,OAAO,MAAM,YAAY,aAAa,KAAK,OAAO,EAAE,YAAY,WACtE,EAAE,UACF;AAAA,MAAA,CACH,CAAC;AAAA,IACH;AAAA,EACD,CAAC;AAED,QAAM,WAAW,+BAA+B,eAAe,MAAM,OAAU;AAC/E,YAAU,MAAM;AACf,eAAW,EAAE,QAAQ,OAAO,OAAA,CAAQ;AAAA,EACrC,GAAG,CAAC,UAAU,OAAO,QAAQ,MAAM,CAAC;AAEpC,QAAM,WAAW,YAAY,CAAC,OAAe,UAAkB,UAAU,CAAAC,aAAW,EAAE,GAAGA,SAAQ,CAAC,KAAK,GAAG,QAAQ,GAAG,CAAA,CAAE;AAEvH,SACC;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACA,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGD,UAAA,oBAAC,UAAA,EAAS,UAAU,QAClB,SAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGH;"}