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

package/dist/development/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: "/__w/interface/interface/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/components/forms/PasswordResetRequestForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetRequestForm.cjs","sources":["../../../../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,SAAA;AAEpC,MAAM,2BAA2B,CAAC,EAAE,UAAU,gBAA+C;AAEnG,QAAM,qBAAqBC,sCAAAA;AAE1B,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,QAAS,CAAA;AAAA,mBACxC,CAAC,OAAO,MAAM,MAAM,SAAS,GAAG;AAC1C,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,QAAS,CAAA;AAAA,QAClD;AACA,eAAO;MACR;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,EAAA;AAwBF;AACA,MAAM,eAAwH;AAAA,EAC7H,kBAAkB;AACnB;;;"}

package/dist/development/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: "/__w/interface/interface/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/components/forms/PasswordResetRequestForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetRequestForm.js","sources":["../../../../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;AAE1B,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,QAAS,CAAA;AAAA,mBACxC,CAAC,OAAO,MAAM,MAAM,SAAS,GAAG;AAC1C,iBAAO,CAAC,EAAE,MAAM,iBAAiB,OAAO,QAAS,CAAA;AAAA,QAClD;AACA,eAAO;MACR;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,EAAA;AAwBF;AACA,MAAM,eAAwH;AAAA,EAC7H,kBAAkB;AACnB;"}

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

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-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__ */ jsxDevRuntime.jsxDEV(contexts.FormContext.Provider, { value: {
+    values,
+    setValues,
+    state,
+    errors,
+    setValue
+  }, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(SlotForm, { onSubmit: submit, children }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/TenantForm.tsx",
+    lineNumber: 111,
+    columnNumber: 4
+  }, void 0) }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/TenantForm.tsx",
+    lineNumber: 104,
+    columnNumber: 3
+  }, void 0);
+};
+exports.TenantForm = TenantForm;
+//# sourceMappingURL=TenantForm.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TenantForm.cjs","sources":["../../../../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\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' ? e : (e && typeof e === 'object' && 'message' in e && typeof e.message === 'string') ? e.message : undefined,\n\t\t\t}])\n\t\t}\n\t})\n\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 value={{\n\t\t\tvalues,\n\t\t\tsetValues,\n\t\t\tstate,\n\t\t\terrors,\n\t\t\tsetValue: setValue,\n\t\t} as unknown as 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","jsxDEV","FormContext","this"],"mappings":";;;;;;;AAMA,MAAM,WAAWA,UAAAA;AAkBV,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,eAAsB,aAAa;AAE/D,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAA,SAAsB,CAAE,CAAA;AACpD,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAqB,SAAA,UAAU,YAAY,SAAS;AAE9EC,QAAAA,UAAU,MAAM;AACf,QAAI,SAAS;AACZ,eAAS,SAAS;AAAA,IACnB;AAAA,EAAA,GACE,CAAC,OAAO,CAAC;AAEZA,QAAAA,UAAU,MAAM;AACX,QAAA,UAAU,aAAa,CAAC,SAAS;AACpC,gBAAU,aAAa;AACvB,eAAS,SAAS;AAAA,IACnB;AAAA,EACE,GAAA,CAAC,eAAe,SAAS,KAAK,CAAC;AAElC,QAAM,WAAWC,WAAAA,+BAA+B,eAAe,MAAM,OAAU;AAC/E,QAAM,YAAYA,WAAAA,+BAA+B,gBAAgB,MAAM,OAAU;AAC3E,QAAA,UAAUA,0CAA+B,SAAS;AAElD,QAAA,SAASA,0CAA+B,OAAO,UAA4B;AAChF,WAAO,eAAe;AACtB,UAAMC,UAAS,WAAW,EAAE,QAAQ,MAAM,CAAC,KAAK;AAChD,cAAUA,OAAM;AAEZA,QAAAA,QAAO,SAAS,GAAG;AACtB,eAAS,OAAO;AAChB;AAAA,IACD;AAEA,aAAS,YAAY;AAEjB,QAAA;AACH,YAAM,WAAW,MAAM,QAAQ,EAAE,QAAQ,MAAO,CAAA;AAE5C,UAAA,CAAC,SAAS,IAAI;AACjB,cAAM,QAAQ,SAAS;AACd,iBAAA,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,QAC9E,CAAA,CAAC;AAAA,MAAA,OACI;AACN,iBAAS,SAAS;AAClB,kBAAU,aAAa;AACvB,oBAAY,EAAE,QAAQ,YAAY,WAAW,SAAS,SAAS,QAAuB;AAAA,MACvF;AAAA,aACQ,GAAG;AACX,cAAQ,MAAM,CAAC;AACf,eAAS,OAAO;AAChB,gBAAU,CAAC;AAAA,QACV,MAAM;AAAA,QACN,kBAAkB,OAAO,MAAM,WAAW,IAAK,KAAK,OAAO,MAAM,YAAY,aAAa,KAAK,OAAO,EAAE,YAAY,WAAY,EAAE,UAAU;AAAA,MAC5I,CAAA,CAAC;AAAA,IACH;AAAA,EAAA,CACA;AAGD,QAAM,WAAWD,WAAAA,+BAA+B,eAAe,MAAM,OAAU;AAC/ED,QAAAA,UAAU,MAAM;AACf,eAAW,EAAE,QAAQ,OAAO,OAAQ,CAAA;AAAA,KAClC,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,SACEC,qCAAAC,SAAAA,YAAY,UAAZ,EAAqB,OAAO;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEA,UAAAD,qCAAC,UAAS,EAAA,UAAU,QAClB,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAE,MAEA,EATD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAUA,GAAAA,MAAA;AAEF;;"}

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

@@ -0,0 +1,91 @@
+import { jsxDEV } from "react/jsx-dev-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__ */ jsxDEV(FormContext.Provider, { value: {
+    values,
+    setValues,
+    state,
+    errors,
+    setValue
+  }, children: /* @__PURE__ */ jsxDEV(SlotForm, { onSubmit: submit, children }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/TenantForm.tsx",
+    lineNumber: 111,
+    columnNumber: 4
+  }, void 0) }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/TenantForm.tsx",
+    lineNumber: 104,
+    columnNumber: 3
+  }, void 0);
+};
+export {
+  TenantForm
+};
+//# sourceMappingURL=TenantForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TenantForm.js","sources":["../../../../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\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' ? e : (e && typeof e === 'object' && 'message' in e && typeof e.message === 'string') ? e.message : undefined,\n\t\t\t}])\n\t\t}\n\t})\n\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 value={{\n\t\t\tvalues,\n\t\t\tsetValues,\n\t\t\tstate,\n\t\t\terrors,\n\t\t\tsetValue: setValue,\n\t\t} as unknown as 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","this"],"mappings":";;;;;AAMA,MAAM,WAAW;AAkBV,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,CAAE,CAAA;AACpD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAqB,UAAU,YAAY,SAAS;AAE9E,YAAU,MAAM;AACf,QAAI,SAAS;AACZ,eAAS,SAAS;AAAA,IACnB;AAAA,EAAA,GACE,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACX,QAAA,UAAU,aAAa,CAAC,SAAS;AACpC,gBAAU,aAAa;AACvB,eAAS,SAAS;AAAA,IACnB;AAAA,EACE,GAAA,CAAC,eAAe,SAAS,KAAK,CAAC;AAElC,QAAM,WAAW,+BAA+B,eAAe,MAAM,OAAU;AAC/E,QAAM,YAAY,+BAA+B,gBAAgB,MAAM,OAAU;AAC3E,QAAA,UAAU,+BAA+B,SAAS;AAElD,QAAA,SAAS,+BAA+B,OAAO,UAA4B;AAChF,WAAO,eAAe;AACtB,UAAMA,UAAS,WAAW,EAAE,QAAQ,MAAM,CAAC,KAAK;AAChD,cAAUA,OAAM;AAEZA,QAAAA,QAAO,SAAS,GAAG;AACtB,eAAS,OAAO;AAChB;AAAA,IACD;AAEA,aAAS,YAAY;AAEjB,QAAA;AACH,YAAM,WAAW,MAAM,QAAQ,EAAE,QAAQ,MAAO,CAAA;AAE5C,UAAA,CAAC,SAAS,IAAI;AACjB,cAAM,QAAQ,SAAS;AACd,iBAAA,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,QAC9E,CAAA,CAAC;AAAA,MAAA,OACI;AACN,iBAAS,SAAS;AAClB,kBAAU,aAAa;AACvB,oBAAY,EAAE,QAAQ,YAAY,WAAW,SAAS,SAAS,QAAuB;AAAA,MACvF;AAAA,aACQ,GAAG;AACX,cAAQ,MAAM,CAAC;AACf,eAAS,OAAO;AAChB,gBAAU,CAAC;AAAA,QACV,MAAM;AAAA,QACN,kBAAkB,OAAO,MAAM,WAAW,IAAK,KAAK,OAAO,MAAM,YAAY,aAAa,KAAK,OAAO,EAAE,YAAY,WAAY,EAAE,UAAU;AAAA,MAC5I,CAAA,CAAC;AAAA,IACH;AAAA,EAAA,CACA;AAGD,QAAM,WAAW,+BAA+B,eAAe,MAAM,OAAU;AAC/E,YAAU,MAAM;AACf,eAAW,EAAE,QAAQ,OAAO,OAAQ,CAAA;AAAA,KAClC,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,SACE,uBAAA,YAAY,UAAZ,EAAqB,OAAO;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEA,UAAA,uBAAC,UAAS,EAAA,UAAU,QAClB,SADF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAEA,EATD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAUA,GAAAA,MAAA;AAEF;"}

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

@@ -0,0 +1,64 @@
+"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 useUpdateProjectMemberMutation = require("../../hooks/mutations/memberships/useUpdateProjectMemberMutation.cjs");
+const useTenantQueryLoader = require("../../hooks/useTenantQueryLoader.cjs");
+const useProjectMembershipsQuery = require("../../hooks/queries/useProjectMembershipsQuery.cjs");
+const useUpdateProjectMemberForm = contexts.useForm;
+const UpdateProjectMemberForm = ({ children, onSuccess, identityId, projectSlug }) => {
+  const updateProjectMember = useUpdateProjectMemberMutation.useUpdateProjectMemberMutation();
+  const [state] = useTenantQueryLoader.useTenantQueryLoader(useProjectMembershipsQuery.useProjectMembershipsQuery(), { projectSlug, identityId });
+  const [memberships, setMemberships] = react.useState();
+  react.useEffect(() => {
+    setMemberships(state.state === "success" ? state.data : void 0);
+  }, [state]);
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    TenantForm.TenantForm,
+    {
+      onSuccess,
+      loading: memberships === void 0,
+      initialValues: memberships ? { memberships } : { memberships: [] },
+      onChange: ({ values, submit }) => {
+        setMemberships(values?.memberships);
+      },
+      validate: ({ values }) => {
+        const errors = [];
+        if (values.memberships.length === 0) {
+          errors.push({ code: "FIELD_REQUIRED", field: "memberships" });
+        }
+        return errors;
+      },
+      execute: async ({ values }) => {
+        return await updateProjectMember({
+          identityId,
+          projectSlug,
+          memberships: values.memberships
+        });
+      },
+      errorMapping: errorToField,
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/UpdateProjectMemberForm.tsx",
+      lineNumber: 42,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  INVALID_MEMBERSHIP: "memberships",
+  PROJECT_NOT_FOUND: void 0,
+  ROLE_NOT_FOUND: "memberships",
+  VARIABLE_EMPTY: "memberships",
+  VARIABLE_NOT_FOUND: "memberships",
+  NOT_MEMBER: void 0
+};
+exports.UpdateProjectMemberForm = UpdateProjectMemberForm;
+exports.useUpdateProjectMemberForm = useUpdateProjectMemberForm;
+//# sourceMappingURL=UpdateProjectMemberForm.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateProjectMemberForm.cjs","sources":["../../../../src/components/forms/UpdateProjectMemberForm.tsx"],"sourcesContent":["import { ReactElement, useEffect, useState } from 'react'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm } from '../../contexts'\nimport { UpdateProjectMemberErrorCode, MembershipInput } from '@contember/graphql-client-tenant'\nimport { useProjectMembershipsQuery, useTenantQueryLoader, useUpdateProjectMemberMutation } from '../../hooks'\n\nexport type UpdateProjectMemberFormValues = {\n\tmemberships: readonly MembershipInput[]\n}\n\nexport type UpdateProjectMemberFormErrorCode =\n\t| UpdateProjectMemberErrorCode\n\t| 'UNKNOWN_ERROR'\n\t| 'FIELD_REQUIRED'\n\nexport type UpdateProjectMemberFormState = FormState\n\nexport type UpdateProjectMemberFormError = FormError<UpdateProjectMemberFormValues, UpdateProjectMemberFormErrorCode>\n\nexport type UpdateProjectMemberFormContextValue = FormContextValue<UpdateProjectMemberFormValues, UpdateProjectMemberFormErrorCode>\n\nexport interface UpdateProjectMemberFormProps {\n\tchildren: ReactElement\n\tidentityId: string\n\tprojectSlug: string\n\tonSuccess?: (args: { }) => void\n}\n\nexport const useUpdateProjectMemberForm = useForm as () => UpdateProjectMemberFormContextValue\n\nexport const UpdateProjectMemberForm = ({ children, onSuccess, identityId, projectSlug }: UpdateProjectMemberFormProps) => {\n\tconst updateProjectMember = useUpdateProjectMemberMutation()\n\tconst [state] = useTenantQueryLoader(useProjectMembershipsQuery(), { projectSlug, identityId })\n\tconst [memberships, setMemberships] = useState<readonly MembershipInput[]>()\n\n\tuseEffect(() => {\n\t\tsetMemberships(state.state === 'success' ? state.data : undefined)\n\t}, [state])\n\n\treturn (\n\t\t<TenantForm<UpdateProjectMemberFormContextValue>\n\t\t\tonSuccess={onSuccess}\n\t\t\tloading={memberships === undefined}\n\t\t\tinitialValues={memberships ? { memberships } : { memberships: [] }}\n\t\t\tonChange={({ values, submit }) => {\n\t\t\t\tsetMemberships(values?.memberships)\n\t\t\t}}\n\t\t\tvalidate={({ values }) => {\n\t\t\t\tconst errors: UpdateProjectMemberFormError[] = []\n\t\t\t\tif (values.memberships.length === 0) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'memberships' })\n\t\t\t\t}\n\t\t\t\treturn errors\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\treturn await updateProjectMember({\n\t\t\t\t\tidentityId,\n\t\t\t\t\tprojectSlug,\n\t\t\t\t\tmemberships: values.memberships,\n\t\t\t\t})\n\t\t\t}}\n\t\t\terrorMapping={errorToField}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n}\n\nconst errorToField: Record<UpdateProjectMemberErrorCode, keyof UpdateProjectMemberFormValues | undefined> = {\n\tINVALID_MEMBERSHIP: 'memberships',\n\tPROJECT_NOT_FOUND: undefined,\n\tROLE_NOT_FOUND: 'memberships',\n\tVARIABLE_EMPTY: 'memberships',\n\tVARIABLE_NOT_FOUND: 'memberships',\n\tNOT_MEMBER: undefined,\n}\n"],"names":["useForm","useUpdateProjectMemberMutation","useTenantQueryLoader","useProjectMembershipsQuery","useState","useEffect","jsxDEV","TenantForm","this"],"mappings":";;;;;;;;;AA6BO,MAAM,6BAA6BA,SAAA;AAEnC,MAAM,0BAA0B,CAAC,EAAE,UAAU,WAAW,YAAY,kBAAgD;AAC1H,QAAM,sBAAsBC,+BAAAA;AACtB,QAAA,CAAC,KAAK,IAAIC,0CAAqBC,2BAAAA,2BAA8B,GAAA,EAAE,aAAa,WAAA,CAAY;AAC9F,QAAM,CAAC,aAAa,cAAc,IAAIC,MAAqC,SAAA;AAE3EC,QAAAA,UAAU,MAAM;AACf,mBAAe,MAAM,UAAU,YAAY,MAAM,OAAO,MAAS;AAAA,EAAA,GAC/D,CAAC,KAAK,CAAC;AAGT,SAAAC,8BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACA;AAAA,MACA,SAAS,gBAAgB;AAAA,MACzB,eAAe,cAAc,EAAE,gBAAgB,EAAE,aAAa,CAAA,EAAG;AAAA,MACjE,UAAU,CAAC,EAAE,QAAQ,aAAa;AACjC,uBAAe,QAAQ,WAAW;AAAA,MACnC;AAAA,MACA,UAAU,CAAC,EAAE,aAAa;AACzB,cAAM,SAAyC,CAAA;AAC3C,YAAA,OAAO,YAAY,WAAW,GAAG;AACpC,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,eAAe;AAAA,QAC7D;AACO,eAAA;AAAA,MACR;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AAC9B,eAAO,MAAM,oBAAoB;AAAA,UAChC;AAAA,UACA;AAAA,UACA,aAAa,OAAO;AAAA,QAAA,CACpB;AAAA,MACF;AAAA,MACA,cAAc;AAAA,MAEb;AAAA,IAAA;AAAA,IAvBF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAC;AAAAA,EAAA;AA0BF;AAEA,MAAM,eAAsG;AAAA,EAC3G,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,YAAY;AACb;;;"}

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

@@ -0,0 +1,64 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { useState, useEffect } from "react";
+import { TenantForm } from "./TenantForm.js";
+import { useForm } from "../../contexts.js";
+import { useUpdateProjectMemberMutation } from "../../hooks/mutations/memberships/useUpdateProjectMemberMutation.js";
+import { useTenantQueryLoader } from "../../hooks/useTenantQueryLoader.js";
+import { useProjectMembershipsQuery } from "../../hooks/queries/useProjectMembershipsQuery.js";
+const useUpdateProjectMemberForm = useForm;
+const UpdateProjectMemberForm = ({ children, onSuccess, identityId, projectSlug }) => {
+  const updateProjectMember = useUpdateProjectMemberMutation();
+  const [state] = useTenantQueryLoader(useProjectMembershipsQuery(), { projectSlug, identityId });
+  const [memberships, setMemberships] = useState();
+  useEffect(() => {
+    setMemberships(state.state === "success" ? state.data : void 0);
+  }, [state]);
+  return /* @__PURE__ */ jsxDEV(
+    TenantForm,
+    {
+      onSuccess,
+      loading: memberships === void 0,
+      initialValues: memberships ? { memberships } : { memberships: [] },
+      onChange: ({ values, submit }) => {
+        setMemberships(values?.memberships);
+      },
+      validate: ({ values }) => {
+        const errors = [];
+        if (values.memberships.length === 0) {
+          errors.push({ code: "FIELD_REQUIRED", field: "memberships" });
+        }
+        return errors;
+      },
+      execute: async ({ values }) => {
+        return await updateProjectMember({
+          identityId,
+          projectSlug,
+          memberships: values.memberships
+        });
+      },
+      errorMapping: errorToField,
+      children
+    },
+    void 0,
+    false,
+    {
+      fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/forms/UpdateProjectMemberForm.tsx",
+      lineNumber: 42,
+      columnNumber: 3
+    },
+    void 0
+  );
+};
+const errorToField = {
+  INVALID_MEMBERSHIP: "memberships",
+  PROJECT_NOT_FOUND: void 0,
+  ROLE_NOT_FOUND: "memberships",
+  VARIABLE_EMPTY: "memberships",
+  VARIABLE_NOT_FOUND: "memberships",
+  NOT_MEMBER: void 0
+};
+export {
+  UpdateProjectMemberForm,
+  useUpdateProjectMemberForm
+};
+//# sourceMappingURL=UpdateProjectMemberForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateProjectMemberForm.js","sources":["../../../../src/components/forms/UpdateProjectMemberForm.tsx"],"sourcesContent":["import { ReactElement, useEffect, useState } from 'react'\nimport { TenantForm } from './TenantForm'\nimport { FormContextValue, FormError, FormState } from '../../types'\nimport { useForm } from '../../contexts'\nimport { UpdateProjectMemberErrorCode, MembershipInput } from '@contember/graphql-client-tenant'\nimport { useProjectMembershipsQuery, useTenantQueryLoader, useUpdateProjectMemberMutation } from '../../hooks'\n\nexport type UpdateProjectMemberFormValues = {\n\tmemberships: readonly MembershipInput[]\n}\n\nexport type UpdateProjectMemberFormErrorCode =\n\t| UpdateProjectMemberErrorCode\n\t| 'UNKNOWN_ERROR'\n\t| 'FIELD_REQUIRED'\n\nexport type UpdateProjectMemberFormState = FormState\n\nexport type UpdateProjectMemberFormError = FormError<UpdateProjectMemberFormValues, UpdateProjectMemberFormErrorCode>\n\nexport type UpdateProjectMemberFormContextValue = FormContextValue<UpdateProjectMemberFormValues, UpdateProjectMemberFormErrorCode>\n\nexport interface UpdateProjectMemberFormProps {\n\tchildren: ReactElement\n\tidentityId: string\n\tprojectSlug: string\n\tonSuccess?: (args: { }) => void\n}\n\nexport const useUpdateProjectMemberForm = useForm as () => UpdateProjectMemberFormContextValue\n\nexport const UpdateProjectMemberForm = ({ children, onSuccess, identityId, projectSlug }: UpdateProjectMemberFormProps) => {\n\tconst updateProjectMember = useUpdateProjectMemberMutation()\n\tconst [state] = useTenantQueryLoader(useProjectMembershipsQuery(), { projectSlug, identityId })\n\tconst [memberships, setMemberships] = useState<readonly MembershipInput[]>()\n\n\tuseEffect(() => {\n\t\tsetMemberships(state.state === 'success' ? state.data : undefined)\n\t}, [state])\n\n\treturn (\n\t\t<TenantForm<UpdateProjectMemberFormContextValue>\n\t\t\tonSuccess={onSuccess}\n\t\t\tloading={memberships === undefined}\n\t\t\tinitialValues={memberships ? { memberships } : { memberships: [] }}\n\t\t\tonChange={({ values, submit }) => {\n\t\t\t\tsetMemberships(values?.memberships)\n\t\t\t}}\n\t\t\tvalidate={({ values }) => {\n\t\t\t\tconst errors: UpdateProjectMemberFormError[] = []\n\t\t\t\tif (values.memberships.length === 0) {\n\t\t\t\t\terrors.push({ code: 'FIELD_REQUIRED', field: 'memberships' })\n\t\t\t\t}\n\t\t\t\treturn errors\n\t\t\t}}\n\t\t\texecute={async ({ values }) => {\n\t\t\t\treturn await updateProjectMember({\n\t\t\t\t\tidentityId,\n\t\t\t\t\tprojectSlug,\n\t\t\t\t\tmemberships: values.memberships,\n\t\t\t\t})\n\t\t\t}}\n\t\t\terrorMapping={errorToField}\n\t\t>\n\t\t\t{children}\n\t\t</TenantForm>\n\t)\n}\n\nconst errorToField: Record<UpdateProjectMemberErrorCode, keyof UpdateProjectMemberFormValues | undefined> = {\n\tINVALID_MEMBERSHIP: 'memberships',\n\tPROJECT_NOT_FOUND: undefined,\n\tROLE_NOT_FOUND: 'memberships',\n\tVARIABLE_EMPTY: 'memberships',\n\tVARIABLE_NOT_FOUND: 'memberships',\n\tNOT_MEMBER: undefined,\n}\n"],"names":["this"],"mappings":";;;;;;;AA6BO,MAAM,6BAA6B;AAEnC,MAAM,0BAA0B,CAAC,EAAE,UAAU,WAAW,YAAY,kBAAgD;AAC1H,QAAM,sBAAsB;AACtB,QAAA,CAAC,KAAK,IAAI,qBAAqB,2BAA8B,GAAA,EAAE,aAAa,WAAA,CAAY;AAC9F,QAAM,CAAC,aAAa,cAAc,IAAI,SAAqC;AAE3E,YAAU,MAAM;AACf,mBAAe,MAAM,UAAU,YAAY,MAAM,OAAO,MAAS;AAAA,EAAA,GAC/D,CAAC,KAAK,CAAC;AAGT,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA,SAAS,gBAAgB;AAAA,MACzB,eAAe,cAAc,EAAE,gBAAgB,EAAE,aAAa,CAAA,EAAG;AAAA,MACjE,UAAU,CAAC,EAAE,QAAQ,aAAa;AACjC,uBAAe,QAAQ,WAAW;AAAA,MACnC;AAAA,MACA,UAAU,CAAC,EAAE,aAAa;AACzB,cAAM,SAAyC,CAAA;AAC3C,YAAA,OAAO,YAAY,WAAW,GAAG;AACpC,iBAAO,KAAK,EAAE,MAAM,kBAAkB,OAAO,eAAe;AAAA,QAC7D;AACO,eAAA;AAAA,MACR;AAAA,MACA,SAAS,OAAO,EAAE,aAAa;AAC9B,eAAO,MAAM,oBAAoB;AAAA,UAChC;AAAA,UACA;AAAA,UACA,aAAa,OAAO;AAAA,QAAA,CACpB;AAAA,MACF;AAAA,MACA,cAAc;AAAA,MAEb;AAAA,IAAA;AAAA,IAvBF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AA0BF;AAEA,MAAM,eAAsG;AAAA,EAC3G,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,YAAY;AACb;"}

package/dist/development/components/idp/IDP.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const react = require("react");
+const contexts = require("../../contexts.cjs");
+const useHandleIDPResponse = require("../../internal/hooks/useHandleIDPResponse.cjs");
+const useIDPAutoInit = require("../../internal/hooks/useIDPAutoInit.cjs");
+const useInitIDPRedirect = require("../../internal/hooks/useInitIDPRedirect.cjs");
+const IDP = ({ children, onResponseError, onInitError, onLogin }) => {
+  const hasOauthResponse = react.useMemo(() => {
+    const params = new URLSearchParams(window.location.search);
+    return params.has("state") && (params.has("code") || params.has("id_token"));
+  }, []);
+  const autoInit = useIDPAutoInit.useIDPAutoInitProvider();
+  const [state, setState] = react.useState(() => {
+    if (hasOauthResponse) {
+      return { type: "processing_response" };
+    }
+    if (autoInit) {
+      return { type: "processing_init" };
+    }
+    return { type: "nothing" };
+  });
+  useHandleIDPResponse.useHandleIDPResponse({ hasOauthResponse, setState, onLogin });
+  const initRedirect = useInitIDPRedirect.useInitIDPRedirect({ setState });
+  const isFirstRender = react.useRef(true);
+  react.useEffect(() => {
+    if (!autoInit) {
+      return;
+    }
+    if (!isFirstRender.current) {
+      return;
+    }
+    isFirstRender.current = false;
+    initRedirect({ provider: autoInit });
+  }, [autoInit, initRedirect]);
+  react.useEffect(() => {
+    if (state.type === "init_failed" && onInitError) {
+      onInitError(state.error);
+    }
+    if (state.type === "response_failed" && onResponseError) {
+      onResponseError(state.error);
+    }
+  }, [onInitError, onResponseError, state]);
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.IDPStateContextProvider.Provider, { value: state, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(contexts.IDPMethodsContextProvider.Provider, { value: { initRedirect }, children }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/idp/IDP.tsx",
+    lineNumber: 59,
+    columnNumber: 4
+  }, void 0) }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/idp/IDP.tsx",
+    lineNumber: 58,
+    columnNumber: 3
+  }, void 0);
+};
+exports.IDP = IDP;
+//# sourceMappingURL=IDP.cjs.map

package/dist/development/components/idp/IDP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDP.cjs","sources":["../../../../src/components/idp/IDP.tsx"],"sourcesContent":["import { ReactNode, useEffect, useMemo, useRef, useState } from 'react'\nimport { IDPMethodsContextProvider, IDPStateContextProvider } from '../../contexts'\nimport { IDPInitError, IDPResponseError, IDPStateValue } from '../../types/idp'\nimport { useHandleIDPResponse } from '../../internal/hooks/useHandleIDPResponse'\nimport { useIDPAutoInitProvider } from '../../internal/hooks/useIDPAutoInit'\nimport { useInitIDPRedirect } from '../../internal/hooks/useInitIDPRedirect'\n\nexport interface IDPProps {\n\tchildren: ReactNode\n\tonLogin?: () => void\n\tonInitError?: (error: IDPInitError) => void\n\tonResponseError?: (error: IDPResponseError) => void\n}\n\nexport const IDP = ({ children, onResponseError, onInitError, onLogin }: IDPProps) => {\n\tconst hasOauthResponse = useMemo(() => {\n\t\tconst params = new URLSearchParams(window.location.search)\n\t\treturn params.has('state') && (params.has('code') || params.has('id_token'))\n\t}, [])\n\n\tconst autoInit = useIDPAutoInitProvider()\n\tconst [state, setState] = useState<IDPStateValue>(() => {\n\t\tif (hasOauthResponse) {\n\t\t\treturn { type: 'processing_response' }\n\t\t}\n\t\tif (autoInit) {\n\t\t\treturn { type: 'processing_init' }\n\t\t}\n\t\treturn { type: 'nothing' }\n\t})\n\tuseHandleIDPResponse({ hasOauthResponse, setState, onLogin })\n\n\tconst initRedirect = useInitIDPRedirect({ setState })\n\n\tconst isFirstRender = useRef(true)\n\tuseEffect(() => {\n\t\tif (!autoInit) {\n\t\t\treturn\n\t\t}\n\t\tif (!isFirstRender.current) {\n\t\t\treturn\n\t\t}\n\t\tisFirstRender.current = false\n\t\tinitRedirect({ provider: autoInit })\n\t}, [autoInit, initRedirect])\n\n\tuseEffect(() => {\n\t\tif (state.type === 'init_failed' && onInitError) {\n\t\t\tonInitError(state.error)\n\t\t}\n\t\tif (state.type === 'response_failed' && onResponseError) {\n\t\t\tonResponseError(state.error)\n\t\t}\n\t}, [onInitError, onResponseError, state])\n\n\n\treturn (\n\t\t<IDPStateContextProvider.Provider value={state}>\n\t\t\t<IDPMethodsContextProvider.Provider value={{ initRedirect }}>\n\t\t\t\t{children}\n\t\t\t</IDPMethodsContextProvider.Provider>\n\t\t</IDPStateContextProvider.Provider>\n\t)\n\n}\n"],"names":["useMemo","useIDPAutoInitProvider","useState","useHandleIDPResponse","useInitIDPRedirect","useRef","useEffect","jsxDEV","IDPStateContextProvider","IDPMethodsContextProvider","this"],"mappings":";;;;;;;;AAcO,MAAM,MAAM,CAAC,EAAE,UAAU,iBAAiB,aAAa,cAAwB;AAC/E,QAAA,mBAAmBA,MAAAA,QAAQ,MAAM;AACtC,UAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAClD,WAAA,OAAO,IAAI,OAAO,MAAM,OAAO,IAAI,MAAM,KAAK,OAAO,IAAI,UAAU;AAAA,EAC3E,GAAG,CAAE,CAAA;AAEL,QAAM,WAAWC,eAAAA;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAIC,eAAwB,MAAM;AACvD,QAAI,kBAAkB;AACd,aAAA,EAAE,MAAM;IAChB;AACA,QAAI,UAAU;AACN,aAAA,EAAE,MAAM;IAChB;AACO,WAAA,EAAE,MAAM;EAAU,CACzB;AACDC,uBAAAA,qBAAqB,EAAE,kBAAkB,UAAU,QAAS,CAAA;AAE5D,QAAM,eAAeC,mBAAAA,mBAAmB,EAAE,SAAU,CAAA;AAE9C,QAAA,gBAAgBC,aAAO,IAAI;AACjCC,QAAAA,UAAU,MAAM;AACf,QAAI,CAAC,UAAU;AACd;AAAA,IACD;AACI,QAAA,CAAC,cAAc,SAAS;AAC3B;AAAA,IACD;AACA,kBAAc,UAAU;AACX,iBAAA,EAAE,UAAU,SAAA,CAAU;AAAA,EAAA,GACjC,CAAC,UAAU,YAAY,CAAC;AAE3BA,QAAAA,UAAU,MAAM;AACX,QAAA,MAAM,SAAS,iBAAiB,aAAa;AAChD,kBAAY,MAAM,KAAK;AAAA,IACxB;AACI,QAAA,MAAM,SAAS,qBAAqB,iBAAiB;AACxD,sBAAgB,MAAM,KAAK;AAAA,IAC5B;AAAA,EACE,GAAA,CAAC,aAAa,iBAAiB,KAAK,CAAC;AAGxC,SACEC,8BAAAA,OAAAC,SAAAA,wBAAwB,UAAxB,EAAiC,OAAO,OACxC,UAAAD,qCAACE,SAAAA,0BAA0B,UAA1B,EAAmC,OAAO,EAAE,aAAA,GAC3C,YADF,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAAA,MAAA;AAGF;;"}

package/dist/development/components/idp/IDP.js

@@ -0,0 +1,56 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { useMemo, useState, useRef, useEffect } from "react";
+import { IDPStateContextProvider, IDPMethodsContextProvider } from "../../contexts.js";
+import { useHandleIDPResponse } from "../../internal/hooks/useHandleIDPResponse.js";
+import { useIDPAutoInitProvider } from "../../internal/hooks/useIDPAutoInit.js";
+import { useInitIDPRedirect } from "../../internal/hooks/useInitIDPRedirect.js";
+const IDP = ({ children, onResponseError, onInitError, onLogin }) => {
+  const hasOauthResponse = useMemo(() => {
+    const params = new URLSearchParams(window.location.search);
+    return params.has("state") && (params.has("code") || params.has("id_token"));
+  }, []);
+  const autoInit = useIDPAutoInitProvider();
+  const [state, setState] = useState(() => {
+    if (hasOauthResponse) {
+      return { type: "processing_response" };
+    }
+    if (autoInit) {
+      return { type: "processing_init" };
+    }
+    return { type: "nothing" };
+  });
+  useHandleIDPResponse({ hasOauthResponse, setState, onLogin });
+  const initRedirect = useInitIDPRedirect({ setState });
+  const isFirstRender = useRef(true);
+  useEffect(() => {
+    if (!autoInit) {
+      return;
+    }
+    if (!isFirstRender.current) {
+      return;
+    }
+    isFirstRender.current = false;
+    initRedirect({ provider: autoInit });
+  }, [autoInit, initRedirect]);
+  useEffect(() => {
+    if (state.type === "init_failed" && onInitError) {
+      onInitError(state.error);
+    }
+    if (state.type === "response_failed" && onResponseError) {
+      onResponseError(state.error);
+    }
+  }, [onInitError, onResponseError, state]);
+  return /* @__PURE__ */ jsxDEV(IDPStateContextProvider.Provider, { value: state, children: /* @__PURE__ */ jsxDEV(IDPMethodsContextProvider.Provider, { value: { initRedirect }, children }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/idp/IDP.tsx",
+    lineNumber: 59,
+    columnNumber: 4
+  }, void 0) }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/idp/IDP.tsx",
+    lineNumber: 58,
+    columnNumber: 3
+  }, void 0);
+};
+export {
+  IDP
+};
+//# sourceMappingURL=IDP.js.map

package/dist/development/components/idp/IDP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDP.js","sources":["../../../../src/components/idp/IDP.tsx"],"sourcesContent":["import { ReactNode, useEffect, useMemo, useRef, useState } from 'react'\nimport { IDPMethodsContextProvider, IDPStateContextProvider } from '../../contexts'\nimport { IDPInitError, IDPResponseError, IDPStateValue } from '../../types/idp'\nimport { useHandleIDPResponse } from '../../internal/hooks/useHandleIDPResponse'\nimport { useIDPAutoInitProvider } from '../../internal/hooks/useIDPAutoInit'\nimport { useInitIDPRedirect } from '../../internal/hooks/useInitIDPRedirect'\n\nexport interface IDPProps {\n\tchildren: ReactNode\n\tonLogin?: () => void\n\tonInitError?: (error: IDPInitError) => void\n\tonResponseError?: (error: IDPResponseError) => void\n}\n\nexport const IDP = ({ children, onResponseError, onInitError, onLogin }: IDPProps) => {\n\tconst hasOauthResponse = useMemo(() => {\n\t\tconst params = new URLSearchParams(window.location.search)\n\t\treturn params.has('state') && (params.has('code') || params.has('id_token'))\n\t}, [])\n\n\tconst autoInit = useIDPAutoInitProvider()\n\tconst [state, setState] = useState<IDPStateValue>(() => {\n\t\tif (hasOauthResponse) {\n\t\t\treturn { type: 'processing_response' }\n\t\t}\n\t\tif (autoInit) {\n\t\t\treturn { type: 'processing_init' }\n\t\t}\n\t\treturn { type: 'nothing' }\n\t})\n\tuseHandleIDPResponse({ hasOauthResponse, setState, onLogin })\n\n\tconst initRedirect = useInitIDPRedirect({ setState })\n\n\tconst isFirstRender = useRef(true)\n\tuseEffect(() => {\n\t\tif (!autoInit) {\n\t\t\treturn\n\t\t}\n\t\tif (!isFirstRender.current) {\n\t\t\treturn\n\t\t}\n\t\tisFirstRender.current = false\n\t\tinitRedirect({ provider: autoInit })\n\t}, [autoInit, initRedirect])\n\n\tuseEffect(() => {\n\t\tif (state.type === 'init_failed' && onInitError) {\n\t\t\tonInitError(state.error)\n\t\t}\n\t\tif (state.type === 'response_failed' && onResponseError) {\n\t\t\tonResponseError(state.error)\n\t\t}\n\t}, [onInitError, onResponseError, state])\n\n\n\treturn (\n\t\t<IDPStateContextProvider.Provider value={state}>\n\t\t\t<IDPMethodsContextProvider.Provider value={{ initRedirect }}>\n\t\t\t\t{children}\n\t\t\t</IDPMethodsContextProvider.Provider>\n\t\t</IDPStateContextProvider.Provider>\n\t)\n\n}\n"],"names":["this"],"mappings":";;;;;;AAcO,MAAM,MAAM,CAAC,EAAE,UAAU,iBAAiB,aAAa,cAAwB;AAC/E,QAAA,mBAAmB,QAAQ,MAAM;AACtC,UAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAClD,WAAA,OAAO,IAAI,OAAO,MAAM,OAAO,IAAI,MAAM,KAAK,OAAO,IAAI,UAAU;AAAA,EAC3E,GAAG,CAAE,CAAA;AAEL,QAAM,WAAW;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,MAAM;AACvD,QAAI,kBAAkB;AACd,aAAA,EAAE,MAAM;IAChB;AACA,QAAI,UAAU;AACN,aAAA,EAAE,MAAM;IAChB;AACO,WAAA,EAAE,MAAM;EAAU,CACzB;AACD,uBAAqB,EAAE,kBAAkB,UAAU,QAAS,CAAA;AAE5D,QAAM,eAAe,mBAAmB,EAAE,SAAU,CAAA;AAE9C,QAAA,gBAAgB,OAAO,IAAI;AACjC,YAAU,MAAM;AACf,QAAI,CAAC,UAAU;AACd;AAAA,IACD;AACI,QAAA,CAAC,cAAc,SAAS;AAC3B;AAAA,IACD;AACA,kBAAc,UAAU;AACX,iBAAA,EAAE,UAAU,SAAA,CAAU;AAAA,EAAA,GACjC,CAAC,UAAU,YAAY,CAAC;AAE3B,YAAU,MAAM;AACX,QAAA,MAAM,SAAS,iBAAiB,aAAa;AAChD,kBAAY,MAAM,KAAK;AAAA,IACxB;AACI,QAAA,MAAM,SAAS,qBAAqB,iBAAiB;AACxD,sBAAgB,MAAM,KAAK;AAAA,IAC5B;AAAA,EACE,GAAA,CAAC,aAAa,iBAAiB,KAAK,CAAC;AAGxC,SACE,uBAAA,wBAAwB,UAAxB,EAAiC,OAAO,OACxC,UAAA,uBAAC,0BAA0B,UAA1B,EAAmC,OAAO,EAAE,aAAA,GAC3C,YADF,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAAA,MAAA;AAGF;"}

package/dist/development/components/idp/IDPInitTrigger.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const reactSlot = require("@radix-ui/react-slot");
+const contexts = require("../../contexts.cjs");
+const SlotButton = reactSlot.Slot;
+const IDPInitTrigger = ({ identityProvider, ...props }) => {
+  const initIdp = contexts.useIDPMethods().initRedirect;
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(SlotButton, { onClick: () => initIdp({ provider: identityProvider }), ...props }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-client-tenant/src/components/idp/IDPInitTrigger.tsx",
+    lineNumber: 15,
+    columnNumber: 3
+  }, void 0);
+};
+exports.IDPInitTrigger = IDPInitTrigger;
+//# sourceMappingURL=IDPInitTrigger.cjs.map