@jfdevelops/react-multi-step-form 1.0.0-alpha.32 → 1.0.0-alpha.34

package/dist/field.d.mts

@@ -1,5 +1,5 @@
 import { SelectorFn } from "./hooks/use-selector.mjs";
-import { AnyResolvedStep, CurrentStepHelperFnCtx, Expand, Override, UpdateFn, Updater, fields } from "@jfdevelops/multi-step-form-core";
+import { Expand, HelperFn, Override, UpdateFn, Updater, fields } from "@jfdevelops/multi-step-form-core";
 import * as react0 from "react";
 import { ReactNode } from "react";
 
@@ -15,17 +15,17 @@ declare namespace field {
     strict: TStrict;
     partial: TPartial;
   }> & UpdateFn.DebugOptions;
-  export type childrenProps<TResolvedStep extends AnyResolvedStep, TField extends fields.getDeepFields<TResolvedStep>, TValue extends fields.resolveDeepPath<TResolvedStep, keyof TResolvedStep, TField> = fields.resolveDeepPath<TResolvedStep, keyof TResolvedStep, TField>, TConfig extends fields.getConfig<TResolvedStep, keyof TResolvedStep, TField> = fields.getConfig<TResolvedStep, keyof TResolvedStep, TField>> = sharedProps<TField> & (TConfig extends {
+  export type childrenProps<steps$1 extends steps$1.instantiateSteps, field$1 extends fields.getDeepFields<steps$1, targetStep>, targetStep extends steps$1.StepNumbers<steps$1> = steps$1.StepNumbers<steps$1>, value extends fields.resolveDeepPath<steps$1, targetStep, field$1> = fields.resolveDeepPath<steps$1, targetStep, field$1>, TConfig extends fields.getConfig<steps$1, targetStep, field$1> = fields.getConfig<steps$1, targetStep, field$1>> = sharedProps<field$1> & (TConfig extends {
     defaultValue: unknown;
-  } ? Override<TConfig, 'defaultValue', TValue> : {
-    defaultValue: `An unknown error occurred while getting the "defaultValue" for ${TField}`;
+  } ? Override<TConfig, 'defaultValue', value> : {
+    defaultValue: `An unknown error occurred while getting the "defaultValue" for ${field$1}`;
   }) & {
     /**
      * A useful wrapper around `update` to update the specific field.
      * @param value The new value for the field.
      * @param options The options for the update operation.
      */
-    onInputChange: <strict extends boolean = true, partial extends boolean = false>(value: Updater<UpdateFn.resolvedUpdaterReturnType<TValue, {
+    onInputChange: <strict extends boolean = true, partial extends boolean = false>(value: Updater<UpdateFn.resolvedUpdaterReturnType<value, {
       strict: strict;
       partial: partial;
     }, {}>>, options?: onInputChangeOptions<strict, partial>) => void;
@@ -35,7 +35,7 @@ declare namespace field {
      */
     reset: (options?: UpdateFn.DebugOptions) => void;
   };
-  export type childrenPropsWithSelected<TResolvedStep extends AnyResolvedStep, TField extends fields.getDeepFields<TResolvedStep>, TSelected> = childrenProps<TResolvedStep, TField> & {
+  export type childrenPropsWithSelected<steps$1 extends steps$1.instantiateSteps, field$1 extends fields.getDeepFields<steps$1, steps$1.StepNumbers<steps$1>>, TSelected> = childrenProps<steps$1, field$1> & {
     selected: {
       /**
        * The result of the `selectorFn`.
@@ -43,16 +43,16 @@ declare namespace field {
       value: TSelected;
     };
   };
-  export type props<TCurrentStep extends AnyResolvedStep, TField extends fields.getDeepFields<TCurrentStep, keyof TCurrentStep>, TSelected> = sharedProps<TField> & {
-    selectorFn?: SelectorFn<TCurrentStep, TSelected>;
-    children: (props: [TSelected] extends [never] ? childrenProps<TCurrentStep, TField> : childrenPropsWithSelected<TCurrentStep, TField, TSelected>) => ReactNode;
+  export type props<step extends steps$1.instantiateSteps, field$1 extends fields.getDeepFields<step, steps$1.StepNumbers<step>>, selected> = sharedProps<field$1> & {
+    selectorFn?: SelectorFn<step, selected>;
+    children: (props: [selected] extends [never] ? childrenProps<step, field$1> : childrenPropsWithSelected<step, field$1, selected>) => ReactNode;
   };
-  export type component<TCurrentStep extends AnyResolvedStep> = <field$1 extends fields.getDeepFields<TCurrentStep, keyof TCurrentStep>, selected = never>(props: props<TCurrentStep, field$1, selected>) => ReactNode;
-  export type createOptions<TCurrentStep extends AnyResolvedStep> = {
-    propsCreator: <TField extends fields.getDeepFields<TCurrentStep>>(name: TField) => field$1.childrenProps<TCurrentStep, TField>;
+  export type component<steps$1 extends steps$1.instantiateSteps> = <field$1 extends fields.getDeepFields<steps$1, steps$1.StepNumbers<steps$1>>, selected = never>(props: props<steps$1, field$1, selected>) => ReactNode;
+  export type createOptions<step extends steps$1.instantiateSteps> = {
+    propsCreator: <field$1 extends fields.getDeepFields<step, steps$1.StepNumbers<step>>>(name: field$1) => field$1.childrenProps<step, field$1>;
     subscribe?: (listener: () => void) => () => void;
-    getValue?: <TField extends fields.getDeepFields<TCurrentStep>>(name: TField) => fields.resolveDeepPath<TCurrentStep, keyof TCurrentStep, TField>;
-    selectorCtx: Expand<CurrentStepHelperFnCtx<TCurrentStep>>;
+    getValue?: <field$1 extends fields.getDeepFields<step, steps$1.StepNumbers<step>>>(name: field$1) => fields.resolveDeepPath<step, steps$1.StepNumbers<step>, field$1>;
+    selectorCtx: Expand<HelperFn.buildCtx<step, [steps$1.StepNumbers<step>]>>;
   };
   /**
    * Create a field.
@@ -61,7 +61,7 @@ declare namespace field {
    * @param getValue - Optional function to get the current field value reactively
    * @returns
    */
-  export function create<TCurrentStep extends AnyResolvedStep>(options: createOptions<TCurrentStep>): react0.MemoExoticComponent<component<TCurrentStep>>;
+  export function create<step extends steps$1.instantiateSteps>(options: createOptions<step>): react0.MemoExoticComponent<component<step>>;
   export {};
 }
 //#endregion

package/dist/field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"field.mjs","names":["Field: field.component<TCurrentStep>"],"sources":["../src/field.tsx"],"sourcesContent":["import type {\n  AnyResolvedStep,\n  CurrentStepHelperFnCtx,\n  Expand,\n  fields,\n  Override,\n  UpdateFn,\n  Updater,\n} from '@jfdevelops/multi-step-form-core';\nimport type { ReactNode } from 'react';\nimport { memo, useSyncExternalStore } from 'react';\nimport type { SelectorFn } from './hooks/use-selector';\nimport { selector } from './selector';\n\nexport namespace field {\n  type sharedProps<TField extends string> = {\n    /**\n     * The name of the field.\n     */\n    name: TField;\n  };\n\n  // aliases for types in `fields` namespace\n  // type getDeep<\n  //   TResolvedStep extends AnyResolvedStep,\n  //   TSteps extends StepNumbers<TResolvedStep>,\n  //   TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n  // > = fields.getDeep<\n  //   TResolvedStep,\n  //   HelperFnChosenSteps.resolve<TResolvedStep, TSteps, TChosenSteps>\n  // >;\n  // type resolveDeepPath<\n  //   TResolvedStep extends AnyResolvedStep,\n  //   TSteps extends StepNumbers<TResolvedStep>,\n  //   TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>,\n  //   TField extends getDeep<TResolvedStep, TSteps, TChosenSteps>\n  // > = fields.resolveDeepPath<\n  //   TResolvedStep,\n  //   HelperFnChosenSteps.resolve<TResolvedStep, TSteps, TChosenSteps>,\n  //   TField\n  // >;\n  // type get<\n  //   TResolvedStep extends AnyResolvedStep,\n  //   TSteps extends StepNumbers<TResolvedStep>,\n  //   TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n  // > = fields.get<\n  //   TResolvedStep,\n  //   HelperFnChosenSteps.resolve<TResolvedStep, TSteps, TChosenSteps>\n  // >;\n  export type onInputChangeOptions<\n    TStrict extends boolean,\n    TPartial extends boolean\n  > = UpdateFn.ModeOptions<{\n    strict: TStrict;\n    partial: TPartial;\n  }> &\n    UpdateFn.DebugOptions;\n\n  export type childrenProps<\n    TResolvedStep extends AnyResolvedStep,\n    // TSteps extends StepNumbers<TResolvedStep>,\n    // TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>,\n    TField extends fields.getDeepFields<TResolvedStep>,\n    TValue extends fields.resolveDeepPath<\n      TResolvedStep,\n      keyof TResolvedStep,\n      TField\n    > = fields.resolveDeepPath<TResolvedStep, keyof TResolvedStep, TField>,\n    TConfig extends fields.getConfig<\n      TResolvedStep,\n      keyof TResolvedStep,\n      TField\n    > = fields.getConfig<TResolvedStep, keyof TResolvedStep, TField>\n  > = sharedProps<TField> &\n    (TConfig extends { defaultValue: unknown }\n      ? Override<TConfig, 'defaultValue', TValue>\n      : {\n          defaultValue: `An unknown error occurred while getting the \"defaultValue\" for ${TField}`;\n        }) & {\n      /**\n       * A useful wrapper around `update` to update the specific field.\n       * @param value The new value for the field.\n       * @param options The options for the update operation.\n       */\n      onInputChange: <\n        strict extends boolean = true,\n        partial extends boolean = false\n      >(\n        value: Updater<\n          UpdateFn.resolvedUpdaterReturnType<\n            TValue,\n            { strict: strict; partial: partial },\n            {}\n          >\n        >,\n        options?: onInputChangeOptions<strict, partial>\n      ) => void;\n      /**\n       * Resets the field's value to the original value that was\n       * defined in the config.\n       */\n      reset: (options?: UpdateFn.DebugOptions) => void;\n    };\n\n  export type childrenPropsWithSelected<\n    TResolvedStep extends AnyResolvedStep,\n    // TSteps extends StepNumbers<TResolvedStep>,\n    // TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>,\n    TField extends fields.getDeepFields<TResolvedStep>,\n    TSelected\n  > = childrenProps<TResolvedStep, TField> & {\n    selected: {\n      /**\n       * The result of the `selectorFn`.\n       */\n      value: TSelected;\n    };\n  };\n  export type props<\n    TCurrentStep extends AnyResolvedStep,\n    // TSteps extends StepNumbers<TCurrentStep>,\n    // TChosenSteps extends HelperFnChosenSteps<TCurrentStep, TSteps>,\n    // TField extends getDeep<TCurrentStep, TSteps, TChosenSteps>,\n    TField extends fields.getDeepFields<TCurrentStep, keyof TCurrentStep>,\n    TSelected\n  > = sharedProps<TField> & {\n    selectorFn?: SelectorFn<TCurrentStep, TSelected>;\n    children: (\n      props: [TSelected] extends [never]\n        ? childrenProps<TCurrentStep, TField>\n        : childrenPropsWithSelected<TCurrentStep, TField, TSelected>\n    ) => ReactNode;\n  };\n  export type component<\n    TCurrentStep extends AnyResolvedStep\n    // TSteps extends StepNumbers<TCurrentStep>,\n    // TChosenSteps extends HelperFnChosenSteps<TCurrentStep, TSteps>\n  > = <\n    field extends fields.getDeepFields<\n      TCurrentStep,\n      keyof TCurrentStep\n      // HelperFnChosenSteps.resolve<TCurrentStep, TSteps, TChosenSteps>\n    >,\n    selected = never\n  >(\n    props: props<TCurrentStep, field, selected>\n  ) => ReactNode;\n\n  export type createOptions<\n    TCurrentStep extends AnyResolvedStep\n    // TSteps extends StepNumbers<TResolvedStep>,\n    // TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n  > = {\n    propsCreator: <TField extends fields.getDeepFields<TCurrentStep>>(\n      name: TField\n    ) => field.childrenProps<TCurrentStep, TField>;\n    subscribe?: (listener: () => void) => () => void;\n    getValue?: <TField extends fields.getDeepFields<TCurrentStep>>(\n      name: TField\n    ) => fields.resolveDeepPath<TCurrentStep, keyof TCurrentStep, TField>;\n    selectorCtx: Expand<CurrentStepHelperFnCtx<TCurrentStep>>;\n  };\n\n  /**\n   * Create a field.\n   * @param propsCreator\n   * @param subscribe - Optional subscription function for reactivity\n   * @param getValue - Optional function to get the current field value reactively\n   * @returns\n   */\n  export function create<\n    TCurrentStep extends AnyResolvedStep\n    // TSteps extends StepNumbers<TCurrentStep>,\n    // TChosenSteps extends HelperFnChosenSteps<TCurrentStep, TSteps>\n  >(options: createOptions<TCurrentStep>) {\n    const { propsCreator, subscribe, getValue, selectorCtx } = options;\n\n    const Field: field.component<TCurrentStep> = (props) => {\n      const { name, children, selectorFn } = props;\n\n      // Always call the hook, but use no-op functions if subscribe/getValue aren't provided\n      const subscribeFn = subscribe || (() => () => {});\n      const getValueFn = getValue || (() => undefined);\n\n      // Subscribe to changes to trigger rerenders\n      const currentValue = useSyncExternalStore(\n        subscribeFn,\n        () => getValueFn(name),\n        () => getValueFn(name)\n      );\n\n      let createdProps = propsCreator(name);\n\n      // If getValue is provided, override defaultValue with the reactive value\n      if (getValue) {\n        createdProps = {\n          ...createdProps,\n          defaultValue: currentValue,\n        } as never;\n      }\n\n      if (selectorFn) {\n        const Selector = selector.create<TCurrentStep>(\n          () => selectorCtx,\n          subscribeFn\n        );\n\n        return (\n          <Selector selector={selectorFn}>\n            {(value) =>\n              children({\n                ...createdProps,\n                selected: { value: value as never },\n              } as never)\n            }\n          </Selector>\n        );\n      }\n\n      return children(createdProps as never);\n    };\n\n    return memo(Field);\n  }\n}\n"],"mappings":";;;;;;;CA0KS,SAAS,OAId,SAAsC;EACtC,MAAM,EAAE,cAAc,WAAW,UAAU,gBAAgB;EAE3D,MAAMA,SAAwC,UAAU;GACtD,MAAM,EAAE,MAAM,UAAU,eAAe;GAGvC,MAAM,cAAc,0BAA0B;GAC9C,MAAM,aAAa,mBAAmB;GAGtC,MAAM,eAAe,qBACnB,mBACM,WAAW,KAAK,QAChB,WAAW,KAAK,CACvB;GAED,IAAI,eAAe,aAAa,KAAK;AAGrC,OAAI,SACF,gBAAe;IACb,GAAG;IACH,cAAc;IACf;AAGH,OAAI,WAMF,QACE,oBANe,SAAS,aAClB,aACN,YACD;IAGW,UAAU;eAChB,UACA,SAAS;KACP,GAAG;KACH,UAAU,EAAS,OAAgB;KACpC,CAAU;KAEJ;AAIf,UAAO,SAAS,aAAsB;;AAGxC,SAAO,KAAK,MAAM"}
+{"version":3,"file":"field.mjs","names":["Field: field.component<step>"],"sources":["../src/field.tsx"],"sourcesContent":["import type {\n  Expand,\n  fields,\n  HelperFn,\n  Override,\n  steps,\n  UpdateFn,\n  Updater,\n} from '@jfdevelops/multi-step-form-core';\nimport type { ReactNode } from 'react';\nimport { memo, useSyncExternalStore } from 'react';\nimport type { SelectorFn } from './hooks/use-selector';\nimport { selector } from './selector';\n\nexport namespace field {\n  type sharedProps<TField extends string> = {\n    /**\n     * The name of the field.\n     */\n    name: TField;\n  };\n\n  export type onInputChangeOptions<\n    TStrict extends boolean,\n    TPartial extends boolean,\n  > = UpdateFn.ModeOptions<{\n    strict: TStrict;\n    partial: TPartial;\n  }> &\n    UpdateFn.DebugOptions;\n\n  export type childrenProps<\n    steps extends steps.instantiateSteps,\n    field extends fields.getDeepFields<steps, targetStep>,\n    targetStep extends steps.StepNumbers<steps> = steps.StepNumbers<steps>,\n    value extends fields.resolveDeepPath<steps, targetStep, field> =\n      fields.resolveDeepPath<steps, targetStep, field>,\n    TConfig extends fields.getConfig<steps, targetStep, field> =\n      fields.getConfig<steps, targetStep, field>,\n  > = sharedProps<field> &\n    (TConfig extends { defaultValue: unknown }\n      ? Override<TConfig, 'defaultValue', value>\n      : {\n          defaultValue: `An unknown error occurred while getting the \"defaultValue\" for ${field}`;\n        }) & {\n      /**\n       * A useful wrapper around `update` to update the specific field.\n       * @param value The new value for the field.\n       * @param options The options for the update operation.\n       */\n      onInputChange: <\n        strict extends boolean = true,\n        partial extends boolean = false,\n      >(\n        value: Updater<\n          UpdateFn.resolvedUpdaterReturnType<\n            value,\n            { strict: strict; partial: partial },\n            {}\n          >\n        >,\n        options?: onInputChangeOptions<strict, partial>\n      ) => void;\n      /**\n       * Resets the field's value to the original value that was\n       * defined in the config.\n       */\n      reset: (options?: UpdateFn.DebugOptions) => void;\n    };\n\n  export type childrenPropsWithSelected<\n    steps extends steps.instantiateSteps,\n    field extends fields.getDeepFields<steps, steps.StepNumbers<steps>>,\n    TSelected,\n  > = childrenProps<steps, field> & {\n    selected: {\n      /**\n       * The result of the `selectorFn`.\n       */\n      value: TSelected;\n    };\n  };\n  export type props<\n    step extends steps.instantiateSteps,\n    field extends fields.getDeepFields<step, steps.StepNumbers<step>>,\n    selected,\n  > = sharedProps<field> & {\n    selectorFn?: SelectorFn<step, selected>;\n    children: (\n      props: [selected] extends [never]\n        ? childrenProps<step, field>\n        : childrenPropsWithSelected<step, field, selected>\n    ) => ReactNode;\n  };\n  export type component<steps extends steps.instantiateSteps> = <\n    field extends fields.getDeepFields<steps, steps.StepNumbers<steps>>,\n    selected = never,\n  >(\n    props: props<steps, field, selected>\n  ) => ReactNode;\n\n  export type createOptions<step extends steps.instantiateSteps> = {\n    propsCreator: <\n      field extends fields.getDeepFields<step, steps.StepNumbers<step>>,\n    >(\n      name: field\n    ) => field.childrenProps<step, field>;\n    subscribe?: (listener: () => void) => () => void;\n    getValue?: <\n      field extends fields.getDeepFields<step, steps.StepNumbers<step>>,\n    >(\n      name: field\n    ) => fields.resolveDeepPath<step, steps.StepNumbers<step>, field>;\n    selectorCtx: Expand<HelperFn.buildCtx<step, [steps.StepNumbers<step>]>>;\n  };\n\n  /**\n   * Create a field.\n   * @param propsCreator\n   * @param subscribe - Optional subscription function for reactivity\n   * @param getValue - Optional function to get the current field value reactively\n   * @returns\n   */\n  export function create<step extends steps.instantiateSteps>(\n    options: createOptions<step>\n  ) {\n    const { propsCreator, subscribe, getValue, selectorCtx } = options;\n\n    const Field: field.component<step> = (props) => {\n      const { name, children, selectorFn } = props;\n\n      // Always call the hook, but use no-op functions if subscribe/getValue aren't provided\n      const subscribeFn = subscribe || (() => () => {});\n      const getValueFn = getValue || (() => undefined);\n\n      // Subscribe to changes to trigger rerenders\n      const currentValue = useSyncExternalStore(\n        subscribeFn,\n        () => getValueFn(name),\n        () => getValueFn(name)\n      );\n\n      let createdProps = propsCreator(name);\n\n      // If getValue is provided, override defaultValue with the reactive value\n      if (getValue) {\n        createdProps = {\n          ...createdProps,\n          defaultValue: currentValue,\n        } as never;\n      }\n\n      if (selectorFn) {\n        const Selector = selector.create<step>(() => selectorCtx, subscribeFn);\n\n        return (\n          <Selector selector={selectorFn}>\n            {(value) =>\n              children({\n                ...createdProps,\n                selected: { value: value as never },\n              } as never)\n            }\n          </Selector>\n        );\n      }\n\n      return children(createdProps as never);\n    };\n\n    return memo(Field);\n  }\n}\n"],"mappings":";;;;;;;CA2HS,SAAS,OACd,SACA;EACA,MAAM,EAAE,cAAc,WAAW,UAAU,gBAAgB;EAE3D,MAAMA,SAAgC,UAAU;GAC9C,MAAM,EAAE,MAAM,UAAU,eAAe;GAGvC,MAAM,cAAc,0BAA0B;GAC9C,MAAM,aAAa,mBAAmB;GAGtC,MAAM,eAAe,qBACnB,mBACM,WAAW,KAAK,QAChB,WAAW,KAAK,CACvB;GAED,IAAI,eAAe,aAAa,KAAK;AAGrC,OAAI,SACF,gBAAe;IACb,GAAG;IACH,cAAc;IACf;AAGH,OAAI,WAGF,QACE,oBAHe,SAAS,aAAmB,aAAa,YAAY;IAG1D,UAAU;eAChB,UACA,SAAS;KACP,GAAG;KACH,UAAU,EAAS,OAAgB;KACpC,CAAU;KAEJ;AAIf,UAAO,SAAS,aAAsB;;AAGxC,SAAO,KAAK,MAAM"}

package/dist/form-config.cjs

@@ -1,15 +1,47 @@
+let __jfdevelops_multi_step_form_core = require("@jfdevelops/multi-step-form-core");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/form-config.tsx
 let MultiStepFormSchemaConfig;
 (function(_MultiStepFormSchemaConfig) {
-	_MultiStepFormSchemaConfig.DEFAULT_FORM_ALIAS = "Form";
+	const DEFAULT_FORM_ALIAS = _MultiStepFormSchemaConfig.DEFAULT_FORM_ALIAS = "Form";
+	function instantiateFormConfig(data, availableSteps) {
+		return (config) => {
+			const defaults = {
+				alias: DEFAULT_FORM_ALIAS,
+				enabledForSteps: "all",
+				props: void 0
+			};
+			if (!config) return defaults;
+			const { alias = defaults.alias, enabledForSteps = defaults.enabledForSteps, render, id } = config;
+			const invariant = (0, __jfdevelops_multi_step_form_core.createInvariant)("[instantiateFormConfig]");
+			if (id) invariant(typeof id === "string", "The id must be a string");
+			if (alias) invariant(typeof alias === "string", "The alias must be a string");
+			if (enabledForSteps) {
+				const availableStepsArray = Array.from(availableSteps);
+				invariant(__jfdevelops_multi_step_form_core.HelperFnChosenSteps.isValid(enabledForSteps, availableStepsArray), __jfdevelops_multi_step_form_core.HelperFnChosenSteps.createCatchAllMessage(availableStepsArray, "enabledFor"));
+			}
+			invariant(typeof render === "function", "The render must be a function");
+			return {
+				alias,
+				enabledForSteps,
+				[alias]: render(data)
+			};
+		};
+	}
+	_MultiStepFormSchemaConfig.instantiateFormConfig = instantiateFormConfig;
 	function isFormAvailable(target, enabledFor) {
-		if (Array.isArray(target)) {
-			if (enabledFor === "all") return true;
-			if (typeof enabledFor === "object" && !Array.isArray(enabledFor)) return Object.keys(enabledFor).some((key) => target.includes(key));
-			if (Array.isArray(enabledFor)) return enabledFor.some((key) => target.includes(key));
-		}
+		if (Array.isArray(target)) return __jfdevelops_multi_step_form_core.HelperFnChosenSteps.match({
+			meta: { target },
+			default: () => false,
+			all: () => true,
+			tuple: ({ chosenSteps, meta }) => {
+				return chosenSteps.some((key) => meta.target.includes(key));
+			},
+			object: ({ chosenSteps, meta }) => {
+				return Object.keys(chosenSteps).some((key) => meta.target.includes(key));
+			}
+		})(enabledFor);
 		return false;
 	}
 	_MultiStepFormSchemaConfig.isFormAvailable = isFormAvailable;

package/dist/form-config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-config.cjs","names":[],"sources":["../src/form-config.tsx"],"sourcesContent":["import type {\n  Expand,\n  HelperFnChosenSteps,\n  StepNumbers,\n  ValidStepKey,\n} from '@jfdevelops/multi-step-form-core';\nimport type { ComponentPropsWithRef, JSX } from 'react';\nimport type {\n  AnyResolvedStep,\n  CreatedMultiStepFormComponent,\n} from './step-schema';\n\nexport namespace MultiStepFormSchemaConfig {\n  export const DEFAULT_FORM_ALIAS = 'Form';\n  export type defaultEnabledFor = HelperFnChosenSteps.defaultStringOption;\n  export type defaultFormAlias = typeof DEFAULT_FORM_ALIAS;\n  export type formEnabledFor<TResolvedStep extends AnyResolvedStep> =\n    HelperFnChosenSteps<TResolvedStep, StepNumbers<TResolvedStep>>;\n  type strippedResolvedSteps<T extends AnyResolvedStep> = {\n    [_ in keyof T]: Expand<Omit<T[_], 'createComponent' | 'createHelperFn'>>;\n  };\n  export type AvailableStepForForm<\n    TResolvedStep extends AnyResolvedStep,\n    TEnabledFor extends formEnabledFor<TResolvedStep>\n  > = TEnabledFor extends defaultEnabledFor\n    ? strippedResolvedSteps<TResolvedStep>\n    : TEnabledFor extends [\n        ValidStepKey<StepNumbers<TResolvedStep>>,\n        ...ValidStepKey<StepNumbers<TResolvedStep>>[]\n      ]\n    ? TEnabledFor[number] extends keyof TResolvedStep\n      ? Pick<strippedResolvedSteps<TResolvedStep>, TEnabledFor[number]>\n      : never\n    : keyof TEnabledFor extends keyof TResolvedStep\n    ? Expand<\n        Pick<\n          strippedResolvedSteps<TResolvedStep>,\n          Extract<keyof TResolvedStep, keyof TEnabledFor>\n        >\n      >\n    : never;\n  export type formCtx<TAlias extends string, TProps> = {\n    [_ in TAlias]: CreatedMultiStepFormComponent<TProps>;\n  };\n  export type renderFnData<\n    TResolvedStep extends AnyResolvedStep,\n    TEnabledFor extends formEnabledFor<TResolvedStep>\n  > = {\n    /**\n     * The id for the form, either a custom one or the default one.\n     */\n    id: string;\n    /**\n     * The chosen steps that are available.\n     */\n    steps: Expand<AvailableStepForForm<TResolvedStep, TEnabledFor>>;\n  };\n\n  /**\n   * The configuration options for the `form` option.\n   */\n  export interface FormConfig<\n    TResolvedStep extends AnyResolvedStep,\n    TAlias extends string,\n    TFormEnabledFor extends formEnabledFor<TResolvedStep>,\n    TCustomFormProps extends object\n  > {\n    /**\n     * The `id` for the form component.\n     *\n     * If there is no value provided, the default id will the **current step key**.\n     *\n     * @default `${currentStep}`\n     */\n    id?: string;\n    /**\n     * The \"name\" of the form component.\n     * @default 'Form'\n     * @example\n     * ```tsx\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render() {\n     *      // return custom form component here\n     *     }\n     *   }\n     *  }\n     * })\n     *\n     * const Step1 = schema.stepSchema.step1.createComponent(\n     *  ({ ctx, MyCustomForm }, props: { children: ReactNode }) =>\n     *     // Notice how the form is available with its alias\n     *     <MyCustomFormName>{children}</MyCustomFormName>\n     *  )\n     * ```\n     */\n    alias?: TAlias;\n    /**\n     * If the form component should be accessible for each step when calling `createComponent`.\n     *\n     * If no value is given, the form will be accessible for all the steps.\n     */\n    enabledForSteps?: TFormEnabledFor;\n    /**\n     *\n     * @param data The data that is available for creating the custom form.\n     * @param props Props that can be used for the custom form.\n     * @returns An {@see JSX.Element} that is the custom form.\n     * @example\n     * ### With custom props\n     * ```tsx\n     * type CustomProps = {\n     *   title: string;\n     *   description?: string;\n     *   children: ReactNode;\n     * };\n     *\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render(data, props: CustomProps) {\n     *      return (\n     *         <div>\n     *          <h1>{props.title}</h1>\n     *          <p>{props.description}</p>\n     *          <form>{props.children}</form>\n     *         </div>\n     *       );\n     *     }\n     *   }\n     *  }\n     * })\n     * ```\n     * ### Without custom props\n     * ```tsx\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render(data, props) {\n     *      // The default type for `props` will be `ComponentPropsWithRef<'form'>`\n     *      // return custom form component here\n     *     }\n     *   }\n     *  }\n     * })\n     * ```\n     */\n    render: (\n      data: renderFnData<TResolvedStep, TFormEnabledFor>,\n      props: TCustomFormProps\n    ) => JSX.Element;\n  }\n\n  export interface Form<\n    TResolvedStep extends AnyResolvedStep,\n    TAlias extends string,\n    TFormEnabledFor extends formEnabledFor<TResolvedStep>,\n    TCustomFormProps extends object\n  > {\n    form?: FormConfig<TResolvedStep, TAlias, TFormEnabledFor, TCustomFormProps>;\n  }\n\n  /**\n   * Compares {@linkcode enabledFor} to the {@linkcode target} to determine if the form\n   * should be available.\n   * @param target The target steps the form _should_ be available for.\n   * @param enabledFor The steps that the form _is_ enabled for.\n   * @returns A boolean representing if the form should be available.\n   */\n  // Note: the implementation is specific to `MultiStepFormStepSchema.createComponentForStep`\n  // because the `target` will always be an `Array` in `MultiStepFormStepSchema.createComponentForStep`.\n  // TODO add validation to keys\n  export function isFormAvailable<\n    TResolvedStep extends AnyResolvedStep,\n    TTarget extends HelperFnChosenSteps<\n      TResolvedStep,\n      StepNumbers<TResolvedStep>\n    >,\n    TEnabledFor extends formEnabledFor<TResolvedStep>\n  >(target: TTarget, enabledFor: TEnabledFor) {\n    if (Array.isArray(target)) {\n      if (enabledFor === 'all') {\n        return true;\n      }\n\n      if (typeof enabledFor === 'object' && !Array.isArray(enabledFor)) {\n        return Object.keys(enabledFor).some((key) =>\n          target.includes(key as `step${StepNumbers<TResolvedStep>}`)\n        );\n      }\n\n      if (Array.isArray(enabledFor)) {\n        return enabledFor.some((key) => target.includes(key));\n      }\n    }\n\n    return false;\n  }\n\n  /**\n   * Creates a form component with a default id.\n   * @param id The default id for the form.\n   * @returns A form component with a default {@linkcode id}.\n   */\n  export function createDefaultForm(id: string) {\n    return (props: Omit<ComponentPropsWithRef<'form'>, 'id'>) => (\n      <form id={id} {...props} />\n    );\n  }\n}\n"],"mappings":";;;;;iDAaoC;CA2L3B,SAAS,gBAOd,QAAiB,YAAyB;AAC1C,MAAI,MAAM,QAAQ,OAAO,EAAE;AACzB,OAAI,eAAe,MACjB,QAAO;AAGT,OAAI,OAAO,eAAe,YAAY,CAAC,MAAM,QAAQ,WAAW,CAC9D,QAAO,OAAO,KAAK,WAAW,CAAC,MAAM,QACnC,OAAO,SAAS,IAA2C,CAC5D;AAGH,OAAI,MAAM,QAAQ,WAAW,CAC3B,QAAO,WAAW,MAAM,QAAQ,OAAO,SAAS,IAAI,CAAC;;AAIzD,SAAO;;;CAQF,SAAS,kBAAkB,IAAY;AAC5C,UAAQ,UACN,2CAAC;GAAS;GAAI,GAAI;IAAS"}
+{"version":3,"file":"form-config.cjs","names":["invariant: Invariant","HelperFnChosenSteps"],"sources":["../src/form-config.tsx"],"sourcesContent":["import {\n  createInvariant,\n  Expand,\n  HelperFnChosenSteps,\n  steps,\n  type Invariant,\n} from '@jfdevelops/multi-step-form-core';\nimport type { StepSchema } from '@jfdevelops/multi-step-form-core/_internals';\nimport {\n  type ComponentPropsWithRef,\n  type ComponentType,\n  type FunctionComponent,\n} from 'react';\nimport type { CreatedMultiStepFormComponent } from './utils';\n\nexport namespace MultiStepFormSchemaConfig {\n  export const DEFAULT_FORM_ALIAS = 'Form';\n  export type defaultEnabledFor = HelperFnChosenSteps.defaultStringOption;\n  export type defaultFormAlias = typeof DEFAULT_FORM_ALIAS;\n  export type formEnabledFor<value extends steps.instantiateSteps> =\n    HelperFnChosenSteps.main<value, steps.StepNumbers<value>>;\n  type strippedResolvedSteps<value extends steps.instantiateSteps> = {\n    [_ in keyof value]: Expand<\n      Omit<value[_], 'createComponent' | 'createHelperFn'>\n    >;\n  };\n  export type inferFormAlias<def> = def extends {\n    alias: infer alias extends string;\n  }\n    ? alias\n    : defaultFormAlias;\n  export type inferFormProps<def> = def extends {\n    render: infer render;\n  }\n    ? render extends (data: any) => ComponentType<infer props>\n      ? props\n      : never\n    : never;\n  export namespace EnabledForSteps {\n    export type get<def> = def extends {\n      enabledForSteps: infer enabledForSteps;\n    }\n      ? enabledForSteps // Case: `enabledForSteps` isn't provided (default behavior)\n      : def extends { form: infer form }\n        ? form extends { enabledForSteps: infer enabledForSteps }\n          ? enabledForSteps // Case: `enabledForSteps` is provided in the form config\n          : never\n        : never;\n    export type resolveType<\n      def extends StepSchema.Config,\n      steps extends steps.instantiateSteps<def>,\n      value = instantiateFormConfig<def>,\n    > =\n      get<value> extends defaultEnabledFor\n        ? 'all'\n        : get<value> extends HelperFnChosenSteps.tupleNotation<\n              steps.StepNumbers<steps>\n            >\n          ? 'tuple'\n          : get<value> extends HelperFnChosenSteps.objectNotation<\n                steps.StepNumbers<steps>\n              >\n            ? 'object'\n            : never;\n  }\n\n  export type inferFormEnabledForSteps<def> = def extends {\n    // TODO decide if `enabledForSteps` validation is needed\n    enabledForSteps: infer enabledForSteps;\n  }\n    ? enabledForSteps\n    : defaultEnabledFor;\n  export type inferComponent<def> = def extends { render: infer render }\n    ? render extends (data: any) => infer r\n      ? r extends ComponentType<infer _>\n        ? r\n        : never\n      : never\n    : never;\n  export type inferredFormComponent<def> = {\n    [key in inferFormAlias<def>]: inferComponent<def>;\n  };\n\n  export type instantiateFormConfig<def> = [def] extends [object]\n    ? def extends { form: infer form }\n      ? {\n          -readonly [key in keyof FormConfig.withoutRender<form>]: Expand<\n            {\n              alias: inferFormAlias<FormConfig.withoutRender<form>>;\n              enabledForSteps: inferFormEnabledForSteps<\n                FormConfig.withoutRender<form>\n              >;\n            } & inferredFormComponent<form>\n          >;\n        }[keyof FormConfig.withoutRender<form>]\n      : {}\n    : {};\n  export type getEnabledForSteps<def> =\n    instantiateFormConfig<def> extends {\n      enabledForSteps: infer enabledForSteps;\n    }\n      ? enabledForSteps\n      : def;\n  export type AvailableStepForForm<\n    value extends steps.instantiateSteps,\n    enabledFor extends formEnabledFor<value>,\n  > = enabledFor extends defaultEnabledFor\n    ? strippedResolvedSteps<value>\n    : enabledFor extends HelperFnChosenSteps.tupleNotation<\n          steps.StepNumbers<value>\n        >\n      ? enabledFor[number] extends keyof value\n        ? Pick<strippedResolvedSteps<value>, enabledFor[number]>\n        : never\n      : keyof enabledFor extends keyof value\n        ? Expand<\n            Pick<\n              strippedResolvedSteps<value>,\n              Extract<keyof value, keyof enabledFor>\n            >\n          >\n        : never;\n  export type formCtx<alias extends string, props> = {\n    [_ in alias]: CreatedMultiStepFormComponent<props>;\n  };\n  export type renderFnData<\n    value extends steps.instantiateSteps,\n    enabledFor extends formEnabledFor<value>,\n  > = {\n    /**\n     * The id for the form, either a custom one or the default one.\n     */\n    id: string;\n    /**\n     * The chosen steps that are available.\n     */\n    steps: Expand<AvailableStepForForm<value, enabledFor>>;\n  };\n\n  export namespace FormConfig {\n    export type withoutRender<def> = Omit<def, 'render'>;\n  }\n\n  /**\n   * The configuration options for the `form` option.\n   */\n  export interface FormConfig<\n    def extends StepSchema.Config = StepSchema.Config,\n    value extends steps.instantiateSteps<def> = steps.instantiateSteps<def>,\n  > {\n    /**\n     * The `id` for the form component.\n     *\n     * If there is no value provided, the default id will the **current step key**.\n     *\n     * @default `${currentStep}`\n     */\n    id?: string;\n    /**\n     * The \"name\" of the form component.\n     * @default 'Form'\n     * @example\n     * ```tsx\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render() {\n     *      // return custom form component here\n     *     }\n     *   }\n     *  }\n     * })\n     *\n     * const Step1 = schema.stepSchema.step1.createComponent(\n     *  ({ ctx, MyCustomForm }, props: { children: ReactNode }) =>\n     *     // Notice how the form is available with its alias\n     *     <MyCustomFormName>{children}</MyCustomFormName>\n     *  )\n     * ```\n     */\n    alias?: string;\n    /**\n     * If the form component should be accessible for each step when calling `createComponent`.\n     *\n     * If no value is given, the form will be accessible for all the steps.\n     */\n    enabledForSteps?: HelperFnChosenSteps.main<value, steps.StepNumbers<value>>;\n    /**\n     *\n     * @param data The data that is available for creating the custom form.\n     * @param props Props that can be used for the custom form.\n     * @returns A React component that is the custom form.\n     * @example\n     * ### With custom props\n     * ```tsx\n     * type CustomProps = {\n     *   title: string;\n     *   description?: string;\n     *   children: ReactNode;\n     * };\n     *\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render(data, props: CustomProps) {\n     *      return (\n     *         <div>\n     *          <h1>{props.title}</h1>\n     *          <p>{props.description}</p>\n     *          <form>{props.children}</form>\n     *         </div>\n     *       );\n     *     }\n     *   }\n     *  }\n     * })\n     * ```\n     * ### Without custom props\n     * ```tsx\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render(data, props) {\n     *      // The default type for `props` will be `ComponentPropsWithRef<'form'>`\n     *      // return custom form component here\n     *     }\n     *   }\n     *  }\n     * })\n     * ```\n     */\n    // render: (\n    //   data: renderFnData<value, {[key in keyof def['steps']]: {}}>,\n    //   props: def['formProps']\n    // ) => JSX.Element;\n    render: (data: value) => FunctionComponent<any>;\n  }\n\n  export function instantiateFormConfig<\n    const def extends StepSchema.Config,\n    value extends steps.instantiateSteps<def>,\n  >(data: value, availableSteps: readonly steps.StepNumbers<value>[]) {\n    return <\n      const form extends FormConfig<def, value>,\n      inst = instantiateFormConfig<form>,\n    >(\n      config: form | undefined\n    ) => {\n      const defaults = {\n        alias: DEFAULT_FORM_ALIAS,\n        enabledForSteps: 'all',\n        props: undefined,\n      };\n\n      if (!config) {\n        return defaults as inst;\n      }\n\n      const {\n        alias = defaults.alias,\n        enabledForSteps = defaults.enabledForSteps,\n        render,\n        id,\n      } = config;\n      const invariant: Invariant = createInvariant('[instantiateFormConfig]');\n\n      if (id) {\n        invariant(typeof id === 'string', 'The id must be a string');\n      }\n\n      if (alias) {\n        invariant(typeof alias === 'string', 'The alias must be a string');\n      }\n\n      // TODO validate enabledForSteps\n      if (enabledForSteps) {\n        const availableStepsArray = Array.from(availableSteps);\n\n        invariant(\n          HelperFnChosenSteps.isValid(enabledForSteps, availableStepsArray),\n          HelperFnChosenSteps.createCatchAllMessage(\n            availableStepsArray,\n            'enabledFor'\n          )\n        );\n      }\n\n      invariant(typeof render === 'function', 'The render must be a function');\n\n      return {\n        alias,\n        enabledForSteps,\n        [alias]: render(data),\n      } as inst;\n    };\n  }\n\n  /**\n   * Compares {@linkcode enabledFor} to the {@linkcode target} to determine if the form\n   * should be available.\n   * @param target The target steps the form _should_ be available for.\n   * @param enabledFor The steps that the form _is_ enabled for.\n   * @returns A boolean representing if the form should be available.\n   */\n  // Note: the implementation is specific to `MultiStepFormStepSchema.createComponentForStep`\n  // because the `target` will always be an `Array` in `MultiStepFormStepSchema.createComponentForStep`.\n  // TODO add validation to keys\n  export function isFormAvailable<\n    value extends steps.instantiateSteps,\n    target extends HelperFnChosenSteps.main<value, steps.StepNumbers<value>>,\n    enabledFor extends formEnabledFor<value>,\n  >(target: target, enabledFor: enabledFor) {\n    if (Array.isArray(target)) {\n      const match = HelperFnChosenSteps.match({\n        meta: {\n          target,\n        },\n        default: () => false,\n        all: () => true,\n        tuple: ({ chosenSteps, meta }) => {\n          return chosenSteps.some((key) => meta.target.includes(key));\n        },\n        object: ({ chosenSteps, meta }) => {\n          return Object.keys(chosenSteps).some((key) =>\n            meta.target.includes(key as steps.StepNumbers<value>)\n          );\n        },\n      });\n\n      return match(enabledFor);\n    }\n\n    return false;\n  }\n\n  /**\n   * Creates a form component with a default id.\n   * @param id The default id for the form.\n   * @returns A form component with a default {@linkcode id}.\n   */\n  export function createDefaultForm(id: string) {\n    return (props: Omit<ComponentPropsWithRef<'form'>, 'id'>) => (\n      <form id={id} {...props} />\n    );\n  }\n}\n"],"mappings":";;;;;;CAgBS,MAAM,qEAAqB;CAyP3B,SAAS,sBAGd,MAAa,gBAAqD;AAClE,UAIE,WACG;GACH,MAAM,WAAW;IACf,OAAO;IACP,iBAAiB;IACjB,OAAO;IACR;AAED,OAAI,CAAC,OACH,QAAO;GAGT,MAAM,EACJ,QAAQ,SAAS,OACjB,kBAAkB,SAAS,iBAC3B,QACA,OACE;GACJ,MAAMA,mEAAuC,0BAA0B;AAEvE,OAAI,GACF,WAAU,OAAO,OAAO,UAAU,0BAA0B;AAG9D,OAAI,MACF,WAAU,OAAO,UAAU,UAAU,6BAA6B;AAIpE,OAAI,iBAAiB;IACnB,MAAM,sBAAsB,MAAM,KAAK,eAAe;AAEtD,cACEC,sDAAoB,QAAQ,iBAAiB,oBAAoB,EACjEA,sDAAoB,sBAClB,qBACA,aACD,CACF;;AAGH,aAAU,OAAO,WAAW,YAAY,gCAAgC;AAExE,UAAO;IACL;IACA;KACC,QAAQ,OAAO,KAAK;IACtB;;;;CAcE,SAAS,gBAId,QAAgB,YAAwB;AACxC,MAAI,MAAM,QAAQ,OAAO,CAiBvB,QAhBcA,sDAAoB,MAAM;GACtC,MAAM,EACJ,QACD;GACD,eAAe;GACf,WAAW;GACX,QAAQ,EAAE,aAAa,WAAW;AAChC,WAAO,YAAY,MAAM,QAAQ,KAAK,OAAO,SAAS,IAAI,CAAC;;GAE7D,SAAS,EAAE,aAAa,WAAW;AACjC,WAAO,OAAO,KAAK,YAAY,CAAC,MAAM,QACpC,KAAK,OAAO,SAAS,IAAgC,CACtD;;GAEJ,CAAC,CAEW,WAAW;AAG1B,SAAO;;;CAQF,SAAS,kBAAkB,IAAY;AAC5C,UAAQ,UACN,2CAAC;GAAS;GAAI,GAAI;IAAS"}

package/dist/form-config.d.cts

@@ -1,6 +1,7 @@
-import { AnyResolvedStep as AnyResolvedStep$1, CreatedMultiStepFormComponent } from "./step-schema.cjs";
-import { Expand, HelperFnChosenSteps, StepNumbers, ValidStepKey } from "@jfdevelops/multi-step-form-core";
-import { ComponentPropsWithRef, JSX } from "react";
+import { CreatedMultiStepFormComponent } from "./utils.cjs";
+import { Expand, HelperFnChosenSteps } from "@jfdevelops/multi-step-form-core";
+import { StepSchema } from "@jfdevelops/multi-step-form-core/_internals";
+import { ComponentPropsWithRef, ComponentType, FunctionComponent } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/form-config.d.ts
@@ -8,11 +9,43 @@ declare namespace MultiStepFormSchemaConfig {
   export const DEFAULT_FORM_ALIAS = "Form";
   export type defaultEnabledFor = HelperFnChosenSteps.defaultStringOption;
   export type defaultFormAlias = typeof DEFAULT_FORM_ALIAS;
-  export type formEnabledFor<TResolvedStep extends AnyResolvedStep$1> = HelperFnChosenSteps<TResolvedStep, StepNumbers<TResolvedStep>>;
-  type strippedResolvedSteps<T extends AnyResolvedStep$1> = { [_ in keyof T]: Expand<Omit<T[_], 'createComponent' | 'createHelperFn'>> };
-  export type AvailableStepForForm<TResolvedStep extends AnyResolvedStep$1, TEnabledFor extends formEnabledFor<TResolvedStep>> = TEnabledFor extends defaultEnabledFor ? strippedResolvedSteps<TResolvedStep> : TEnabledFor extends [ValidStepKey<StepNumbers<TResolvedStep>>, ...ValidStepKey<StepNumbers<TResolvedStep>>[]] ? TEnabledFor[number] extends keyof TResolvedStep ? Pick<strippedResolvedSteps<TResolvedStep>, TEnabledFor[number]> : never : keyof TEnabledFor extends keyof TResolvedStep ? Expand<Pick<strippedResolvedSteps<TResolvedStep>, Extract<keyof TResolvedStep, keyof TEnabledFor>>> : never;
-  export type formCtx<TAlias extends string, TProps> = { [_ in TAlias]: CreatedMultiStepFormComponent<TProps> };
-  export type renderFnData<TResolvedStep extends AnyResolvedStep$1, TEnabledFor extends formEnabledFor<TResolvedStep>> = {
+  export type formEnabledFor<value extends steps$1.instantiateSteps> = HelperFnChosenSteps.main<value, steps$1.StepNumbers<value>>;
+  type strippedResolvedSteps<value extends steps$1.instantiateSteps> = { [_ in keyof value]: Expand<Omit<value[_], 'createComponent' | 'createHelperFn'>> };
+  export type inferFormAlias<def> = def extends {
+    alias: infer alias extends string;
+  } ? alias : defaultFormAlias;
+  export type inferFormProps<def> = def extends {
+    render: infer render;
+  } ? render extends ((data: any) => ComponentType<infer props>) ? props : never : never;
+  export namespace EnabledForSteps {
+    type get<def> = def extends {
+      enabledForSteps: infer enabledForSteps;
+    } ? enabledForSteps : def extends {
+      form: infer form;
+    } ? form extends {
+      enabledForSteps: infer enabledForSteps;
+    } ? enabledForSteps : never : never;
+    type resolveType<def extends StepSchema.Config, steps$1 extends steps$1.instantiateSteps<def>, value = instantiateFormConfig<def>> = get<value> extends defaultEnabledFor ? 'all' : get<value> extends HelperFnChosenSteps.tupleNotation<steps$1.StepNumbers<steps$1>> ? 'tuple' : get<value> extends HelperFnChosenSteps.objectNotation<steps$1.StepNumbers<steps$1>> ? 'object' : never;
+  }
+  export type inferFormEnabledForSteps<def> = def extends {
+    enabledForSteps: infer enabledForSteps;
+  } ? enabledForSteps : defaultEnabledFor;
+  export type inferComponent<def> = def extends {
+    render: infer render;
+  } ? render extends ((data: any) => infer r) ? r extends ComponentType<infer _> ? r : never : never : never;
+  export type inferredFormComponent<def> = { [key in inferFormAlias<def>]: inferComponent<def> };
+  export type instantiateFormConfig<def> = [def] extends [object] ? def extends {
+    form: infer form;
+  } ? { -readonly [key in keyof FormConfig.withoutRender<form>]: Expand<{
+    alias: inferFormAlias<FormConfig.withoutRender<form>>;
+    enabledForSteps: inferFormEnabledForSteps<FormConfig.withoutRender<form>>;
+  } & inferredFormComponent<form>> }[keyof FormConfig.withoutRender<form>] : {} : {};
+  export type getEnabledForSteps<def> = instantiateFormConfig<def> extends {
+    enabledForSteps: infer enabledForSteps;
+  } ? enabledForSteps : def;
+  export type AvailableStepForForm<value extends steps$1.instantiateSteps, enabledFor extends formEnabledFor<value>> = enabledFor extends defaultEnabledFor ? strippedResolvedSteps<value> : enabledFor extends HelperFnChosenSteps.tupleNotation<steps$1.StepNumbers<value>> ? enabledFor[number] extends keyof value ? Pick<strippedResolvedSteps<value>, enabledFor[number]> : never : keyof enabledFor extends keyof value ? Expand<Pick<strippedResolvedSteps<value>, Extract<keyof value, keyof enabledFor>>> : never;
+  export type formCtx<alias extends string, props> = { [_ in alias]: CreatedMultiStepFormComponent<props> };
+  export type renderFnData<value extends steps$1.instantiateSteps, enabledFor extends formEnabledFor<value>> = {
     /**
      * The id for the form, either a custom one or the default one.
      */
@@ -20,12 +53,15 @@ declare namespace MultiStepFormSchemaConfig {
     /**
      * The chosen steps that are available.
      */
-    steps: Expand<AvailableStepForForm<TResolvedStep, TEnabledFor>>;
+    steps: Expand<AvailableStepForForm<value, enabledFor>>;
   };
+  export namespace FormConfig {
+    type withoutRender<def> = Omit<def, 'render'>;
+  }
   /**
    * The configuration options for the `form` option.
    */
-  export interface FormConfig<TResolvedStep extends AnyResolvedStep$1, TAlias extends string, TFormEnabledFor extends formEnabledFor<TResolvedStep>, TCustomFormProps extends object> {
+  export interface FormConfig<def extends StepSchema.Config = StepSchema.Config, value extends steps$1.instantiateSteps<def> = steps$1.instantiateSteps<def>> {
     /**
      * The `id` for the form component.
      *
@@ -65,18 +101,18 @@ declare namespace MultiStepFormSchemaConfig {
      *  )
      * ```
      */
-    alias?: TAlias;
+    alias?: string;
     /**
      * If the form component should be accessible for each step when calling `createComponent`.
      *
      * If no value is given, the form will be accessible for all the steps.
      */
-    enabledForSteps?: TFormEnabledFor;
+    enabledForSteps?: HelperFnChosenSteps.main<value, steps$1.StepNumbers<value>>;
     /**
      *
      * @param data The data that is available for creating the custom form.
      * @param props Props that can be used for the custom form.
-     * @returns An {@see JSX.Element} that is the custom form.
+     * @returns A React component that is the custom form.
      * @example
      * ### With custom props
      * ```tsx
@@ -134,11 +170,9 @@ declare namespace MultiStepFormSchemaConfig {
      * })
      * ```
      */
-    render: (data: renderFnData<TResolvedStep, TFormEnabledFor>, props: TCustomFormProps) => JSX.Element;
-  }
-  export interface Form<TResolvedStep extends AnyResolvedStep$1, TAlias extends string, TFormEnabledFor extends formEnabledFor<TResolvedStep>, TCustomFormProps extends object> {
-    form?: FormConfig<TResolvedStep, TAlias, TFormEnabledFor, TCustomFormProps>;
+    render: (data: value) => FunctionComponent<any>;
   }
+  export function instantiateFormConfig<const def extends StepSchema.Config, value extends steps$1.instantiateSteps<def>>(data: value, availableSteps: readonly steps$1.StepNumbers<value>[]): <const form extends FormConfig<def, value>, inst = instantiateFormConfig<form>>(config: form | undefined) => inst;
   /**
    * Compares {@linkcode enabledFor} to the {@linkcode target} to determine if the form
    * should be available.
@@ -146,7 +180,7 @@ declare namespace MultiStepFormSchemaConfig {
    * @param enabledFor The steps that the form _is_ enabled for.
    * @returns A boolean representing if the form should be available.
    */
-  export function isFormAvailable<TResolvedStep extends AnyResolvedStep$1, TTarget extends HelperFnChosenSteps<TResolvedStep, StepNumbers<TResolvedStep>>, TEnabledFor extends formEnabledFor<TResolvedStep>>(target: TTarget, enabledFor: TEnabledFor): boolean;
+  export function isFormAvailable<value extends steps$1.instantiateSteps, target extends HelperFnChosenSteps.main<value, steps$1.StepNumbers<value>>, enabledFor extends formEnabledFor<value>>(target: target, enabledFor: enabledFor): boolean;
   /**
    * Creates a form component with a default id.
    * @param id The default id for the form.

package/dist/form-config.d.mts

@@ -1,6 +1,7 @@
-import { AnyResolvedStep as AnyResolvedStep$1, CreatedMultiStepFormComponent } from "./step-schema.mjs";
-import { Expand, HelperFnChosenSteps, StepNumbers, ValidStepKey } from "@jfdevelops/multi-step-form-core";
-import { ComponentPropsWithRef, JSX } from "react";
+import { CreatedMultiStepFormComponent } from "./utils.mjs";
+import { Expand, HelperFnChosenSteps } from "@jfdevelops/multi-step-form-core";
+import { StepSchema } from "@jfdevelops/multi-step-form-core/_internals";
+import { ComponentPropsWithRef, ComponentType, FunctionComponent } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/form-config.d.ts
@@ -8,11 +9,43 @@ declare namespace MultiStepFormSchemaConfig {
   export const DEFAULT_FORM_ALIAS = "Form";
   export type defaultEnabledFor = HelperFnChosenSteps.defaultStringOption;
   export type defaultFormAlias = typeof DEFAULT_FORM_ALIAS;
-  export type formEnabledFor<TResolvedStep extends AnyResolvedStep$1> = HelperFnChosenSteps<TResolvedStep, StepNumbers<TResolvedStep>>;
-  type strippedResolvedSteps<T extends AnyResolvedStep$1> = { [_ in keyof T]: Expand<Omit<T[_], 'createComponent' | 'createHelperFn'>> };
-  export type AvailableStepForForm<TResolvedStep extends AnyResolvedStep$1, TEnabledFor extends formEnabledFor<TResolvedStep>> = TEnabledFor extends defaultEnabledFor ? strippedResolvedSteps<TResolvedStep> : TEnabledFor extends [ValidStepKey<StepNumbers<TResolvedStep>>, ...ValidStepKey<StepNumbers<TResolvedStep>>[]] ? TEnabledFor[number] extends keyof TResolvedStep ? Pick<strippedResolvedSteps<TResolvedStep>, TEnabledFor[number]> : never : keyof TEnabledFor extends keyof TResolvedStep ? Expand<Pick<strippedResolvedSteps<TResolvedStep>, Extract<keyof TResolvedStep, keyof TEnabledFor>>> : never;
-  export type formCtx<TAlias extends string, TProps> = { [_ in TAlias]: CreatedMultiStepFormComponent<TProps> };
-  export type renderFnData<TResolvedStep extends AnyResolvedStep$1, TEnabledFor extends formEnabledFor<TResolvedStep>> = {
+  export type formEnabledFor<value extends steps$1.instantiateSteps> = HelperFnChosenSteps.main<value, steps$1.StepNumbers<value>>;
+  type strippedResolvedSteps<value extends steps$1.instantiateSteps> = { [_ in keyof value]: Expand<Omit<value[_], 'createComponent' | 'createHelperFn'>> };
+  export type inferFormAlias<def> = def extends {
+    alias: infer alias extends string;
+  } ? alias : defaultFormAlias;
+  export type inferFormProps<def> = def extends {
+    render: infer render;
+  } ? render extends ((data: any) => ComponentType<infer props>) ? props : never : never;
+  export namespace EnabledForSteps {
+    type get<def> = def extends {
+      enabledForSteps: infer enabledForSteps;
+    } ? enabledForSteps : def extends {
+      form: infer form;
+    } ? form extends {
+      enabledForSteps: infer enabledForSteps;
+    } ? enabledForSteps : never : never;
+    type resolveType<def extends StepSchema.Config, steps$1 extends steps$1.instantiateSteps<def>, value = instantiateFormConfig<def>> = get<value> extends defaultEnabledFor ? 'all' : get<value> extends HelperFnChosenSteps.tupleNotation<steps$1.StepNumbers<steps$1>> ? 'tuple' : get<value> extends HelperFnChosenSteps.objectNotation<steps$1.StepNumbers<steps$1>> ? 'object' : never;
+  }
+  export type inferFormEnabledForSteps<def> = def extends {
+    enabledForSteps: infer enabledForSteps;
+  } ? enabledForSteps : defaultEnabledFor;
+  export type inferComponent<def> = def extends {
+    render: infer render;
+  } ? render extends ((data: any) => infer r) ? r extends ComponentType<infer _> ? r : never : never : never;
+  export type inferredFormComponent<def> = { [key in inferFormAlias<def>]: inferComponent<def> };
+  export type instantiateFormConfig<def> = [def] extends [object] ? def extends {
+    form: infer form;
+  } ? { -readonly [key in keyof FormConfig.withoutRender<form>]: Expand<{
+    alias: inferFormAlias<FormConfig.withoutRender<form>>;
+    enabledForSteps: inferFormEnabledForSteps<FormConfig.withoutRender<form>>;
+  } & inferredFormComponent<form>> }[keyof FormConfig.withoutRender<form>] : {} : {};
+  export type getEnabledForSteps<def> = instantiateFormConfig<def> extends {
+    enabledForSteps: infer enabledForSteps;
+  } ? enabledForSteps : def;
+  export type AvailableStepForForm<value extends steps$1.instantiateSteps, enabledFor extends formEnabledFor<value>> = enabledFor extends defaultEnabledFor ? strippedResolvedSteps<value> : enabledFor extends HelperFnChosenSteps.tupleNotation<steps$1.StepNumbers<value>> ? enabledFor[number] extends keyof value ? Pick<strippedResolvedSteps<value>, enabledFor[number]> : never : keyof enabledFor extends keyof value ? Expand<Pick<strippedResolvedSteps<value>, Extract<keyof value, keyof enabledFor>>> : never;
+  export type formCtx<alias extends string, props> = { [_ in alias]: CreatedMultiStepFormComponent<props> };
+  export type renderFnData<value extends steps$1.instantiateSteps, enabledFor extends formEnabledFor<value>> = {
     /**
      * The id for the form, either a custom one or the default one.
      */
@@ -20,12 +53,15 @@ declare namespace MultiStepFormSchemaConfig {
     /**
      * The chosen steps that are available.
      */
-    steps: Expand<AvailableStepForForm<TResolvedStep, TEnabledFor>>;
+    steps: Expand<AvailableStepForForm<value, enabledFor>>;
   };
+  export namespace FormConfig {
+    type withoutRender<def> = Omit<def, 'render'>;
+  }
   /**
    * The configuration options for the `form` option.
    */
-  export interface FormConfig<TResolvedStep extends AnyResolvedStep$1, TAlias extends string, TFormEnabledFor extends formEnabledFor<TResolvedStep>, TCustomFormProps extends object> {
+  export interface FormConfig<def extends StepSchema.Config = StepSchema.Config, value extends steps$1.instantiateSteps<def> = steps$1.instantiateSteps<def>> {
     /**
      * The `id` for the form component.
      *
@@ -65,18 +101,18 @@ declare namespace MultiStepFormSchemaConfig {
      *  )
      * ```
      */
-    alias?: TAlias;
+    alias?: string;
     /**
      * If the form component should be accessible for each step when calling `createComponent`.
      *
      * If no value is given, the form will be accessible for all the steps.
      */
-    enabledForSteps?: TFormEnabledFor;
+    enabledForSteps?: HelperFnChosenSteps.main<value, steps$1.StepNumbers<value>>;
     /**
      *
      * @param data The data that is available for creating the custom form.
      * @param props Props that can be used for the custom form.
-     * @returns An {@see JSX.Element} that is the custom form.
+     * @returns A React component that is the custom form.
      * @example
      * ### With custom props
      * ```tsx
@@ -134,11 +170,9 @@ declare namespace MultiStepFormSchemaConfig {
      * })
      * ```
      */
-    render: (data: renderFnData<TResolvedStep, TFormEnabledFor>, props: TCustomFormProps) => JSX.Element;
-  }
-  export interface Form<TResolvedStep extends AnyResolvedStep$1, TAlias extends string, TFormEnabledFor extends formEnabledFor<TResolvedStep>, TCustomFormProps extends object> {
-    form?: FormConfig<TResolvedStep, TAlias, TFormEnabledFor, TCustomFormProps>;
+    render: (data: value) => FunctionComponent<any>;
   }
+  export function instantiateFormConfig<const def extends StepSchema.Config, value extends steps$1.instantiateSteps<def>>(data: value, availableSteps: readonly steps$1.StepNumbers<value>[]): <const form extends FormConfig<def, value>, inst = instantiateFormConfig<form>>(config: form | undefined) => inst;
   /**
    * Compares {@linkcode enabledFor} to the {@linkcode target} to determine if the form
    * should be available.
@@ -146,7 +180,7 @@ declare namespace MultiStepFormSchemaConfig {
    * @param enabledFor The steps that the form _is_ enabled for.
    * @returns A boolean representing if the form should be available.
    */
-  export function isFormAvailable<TResolvedStep extends AnyResolvedStep$1, TTarget extends HelperFnChosenSteps<TResolvedStep, StepNumbers<TResolvedStep>>, TEnabledFor extends formEnabledFor<TResolvedStep>>(target: TTarget, enabledFor: TEnabledFor): boolean;
+  export function isFormAvailable<value extends steps$1.instantiateSteps, target extends HelperFnChosenSteps.main<value, steps$1.StepNumbers<value>>, enabledFor extends formEnabledFor<value>>(target: target, enabledFor: enabledFor): boolean;
   /**
    * Creates a form component with a default id.
    * @param id The default id for the form.

package/dist/form-config.mjs

@@ -1,15 +1,47 @@
+import { HelperFnChosenSteps, createInvariant } from "@jfdevelops/multi-step-form-core";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/form-config.tsx
 let MultiStepFormSchemaConfig;
 (function(_MultiStepFormSchemaConfig) {
-	_MultiStepFormSchemaConfig.DEFAULT_FORM_ALIAS = "Form";
+	const DEFAULT_FORM_ALIAS = _MultiStepFormSchemaConfig.DEFAULT_FORM_ALIAS = "Form";
+	function instantiateFormConfig(data, availableSteps) {
+		return (config) => {
+			const defaults = {
+				alias: DEFAULT_FORM_ALIAS,
+				enabledForSteps: "all",
+				props: void 0
+			};
+			if (!config) return defaults;
+			const { alias = defaults.alias, enabledForSteps = defaults.enabledForSteps, render, id } = config;
+			const invariant$1 = createInvariant("[instantiateFormConfig]");
+			if (id) invariant$1(typeof id === "string", "The id must be a string");
+			if (alias) invariant$1(typeof alias === "string", "The alias must be a string");
+			if (enabledForSteps) {
+				const availableStepsArray = Array.from(availableSteps);
+				invariant$1(HelperFnChosenSteps.isValid(enabledForSteps, availableStepsArray), HelperFnChosenSteps.createCatchAllMessage(availableStepsArray, "enabledFor"));
+			}
+			invariant$1(typeof render === "function", "The render must be a function");
+			return {
+				alias,
+				enabledForSteps,
+				[alias]: render(data)
+			};
+		};
+	}
+	_MultiStepFormSchemaConfig.instantiateFormConfig = instantiateFormConfig;
 	function isFormAvailable(target, enabledFor) {
-		if (Array.isArray(target)) {
-			if (enabledFor === "all") return true;
-			if (typeof enabledFor === "object" && !Array.isArray(enabledFor)) return Object.keys(enabledFor).some((key) => target.includes(key));
-			if (Array.isArray(enabledFor)) return enabledFor.some((key) => target.includes(key));
-		}
+		if (Array.isArray(target)) return HelperFnChosenSteps.match({
+			meta: { target },
+			default: () => false,
+			all: () => true,
+			tuple: ({ chosenSteps, meta }) => {
+				return chosenSteps.some((key) => meta.target.includes(key));
+			},
+			object: ({ chosenSteps, meta }) => {
+				return Object.keys(chosenSteps).some((key) => meta.target.includes(key));
+			}
+		})(enabledFor);
 		return false;
 	}
 	_MultiStepFormSchemaConfig.isFormAvailable = isFormAvailable;

package/dist/form-config.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-config.mjs","names":[],"sources":["../src/form-config.tsx"],"sourcesContent":["import type {\n  Expand,\n  HelperFnChosenSteps,\n  StepNumbers,\n  ValidStepKey,\n} from '@jfdevelops/multi-step-form-core';\nimport type { ComponentPropsWithRef, JSX } from 'react';\nimport type {\n  AnyResolvedStep,\n  CreatedMultiStepFormComponent,\n} from './step-schema';\n\nexport namespace MultiStepFormSchemaConfig {\n  export const DEFAULT_FORM_ALIAS = 'Form';\n  export type defaultEnabledFor = HelperFnChosenSteps.defaultStringOption;\n  export type defaultFormAlias = typeof DEFAULT_FORM_ALIAS;\n  export type formEnabledFor<TResolvedStep extends AnyResolvedStep> =\n    HelperFnChosenSteps<TResolvedStep, StepNumbers<TResolvedStep>>;\n  type strippedResolvedSteps<T extends AnyResolvedStep> = {\n    [_ in keyof T]: Expand<Omit<T[_], 'createComponent' | 'createHelperFn'>>;\n  };\n  export type AvailableStepForForm<\n    TResolvedStep extends AnyResolvedStep,\n    TEnabledFor extends formEnabledFor<TResolvedStep>\n  > = TEnabledFor extends defaultEnabledFor\n    ? strippedResolvedSteps<TResolvedStep>\n    : TEnabledFor extends [\n        ValidStepKey<StepNumbers<TResolvedStep>>,\n        ...ValidStepKey<StepNumbers<TResolvedStep>>[]\n      ]\n    ? TEnabledFor[number] extends keyof TResolvedStep\n      ? Pick<strippedResolvedSteps<TResolvedStep>, TEnabledFor[number]>\n      : never\n    : keyof TEnabledFor extends keyof TResolvedStep\n    ? Expand<\n        Pick<\n          strippedResolvedSteps<TResolvedStep>,\n          Extract<keyof TResolvedStep, keyof TEnabledFor>\n        >\n      >\n    : never;\n  export type formCtx<TAlias extends string, TProps> = {\n    [_ in TAlias]: CreatedMultiStepFormComponent<TProps>;\n  };\n  export type renderFnData<\n    TResolvedStep extends AnyResolvedStep,\n    TEnabledFor extends formEnabledFor<TResolvedStep>\n  > = {\n    /**\n     * The id for the form, either a custom one or the default one.\n     */\n    id: string;\n    /**\n     * The chosen steps that are available.\n     */\n    steps: Expand<AvailableStepForForm<TResolvedStep, TEnabledFor>>;\n  };\n\n  /**\n   * The configuration options for the `form` option.\n   */\n  export interface FormConfig<\n    TResolvedStep extends AnyResolvedStep,\n    TAlias extends string,\n    TFormEnabledFor extends formEnabledFor<TResolvedStep>,\n    TCustomFormProps extends object\n  > {\n    /**\n     * The `id` for the form component.\n     *\n     * If there is no value provided, the default id will the **current step key**.\n     *\n     * @default `${currentStep}`\n     */\n    id?: string;\n    /**\n     * The \"name\" of the form component.\n     * @default 'Form'\n     * @example\n     * ```tsx\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render() {\n     *      // return custom form component here\n     *     }\n     *   }\n     *  }\n     * })\n     *\n     * const Step1 = schema.stepSchema.step1.createComponent(\n     *  ({ ctx, MyCustomForm }, props: { children: ReactNode }) =>\n     *     // Notice how the form is available with its alias\n     *     <MyCustomFormName>{children}</MyCustomFormName>\n     *  )\n     * ```\n     */\n    alias?: TAlias;\n    /**\n     * If the form component should be accessible for each step when calling `createComponent`.\n     *\n     * If no value is given, the form will be accessible for all the steps.\n     */\n    enabledForSteps?: TFormEnabledFor;\n    /**\n     *\n     * @param data The data that is available for creating the custom form.\n     * @param props Props that can be used for the custom form.\n     * @returns An {@see JSX.Element} that is the custom form.\n     * @example\n     * ### With custom props\n     * ```tsx\n     * type CustomProps = {\n     *   title: string;\n     *   description?: string;\n     *   children: ReactNode;\n     * };\n     *\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render(data, props: CustomProps) {\n     *      return (\n     *         <div>\n     *          <h1>{props.title}</h1>\n     *          <p>{props.description}</p>\n     *          <form>{props.children}</form>\n     *         </div>\n     *       );\n     *     }\n     *   }\n     *  }\n     * })\n     * ```\n     * ### Without custom props\n     * ```tsx\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render(data, props) {\n     *      // The default type for `props` will be `ComponentPropsWithRef<'form'>`\n     *      // return custom form component here\n     *     }\n     *   }\n     *  }\n     * })\n     * ```\n     */\n    render: (\n      data: renderFnData<TResolvedStep, TFormEnabledFor>,\n      props: TCustomFormProps\n    ) => JSX.Element;\n  }\n\n  export interface Form<\n    TResolvedStep extends AnyResolvedStep,\n    TAlias extends string,\n    TFormEnabledFor extends formEnabledFor<TResolvedStep>,\n    TCustomFormProps extends object\n  > {\n    form?: FormConfig<TResolvedStep, TAlias, TFormEnabledFor, TCustomFormProps>;\n  }\n\n  /**\n   * Compares {@linkcode enabledFor} to the {@linkcode target} to determine if the form\n   * should be available.\n   * @param target The target steps the form _should_ be available for.\n   * @param enabledFor The steps that the form _is_ enabled for.\n   * @returns A boolean representing if the form should be available.\n   */\n  // Note: the implementation is specific to `MultiStepFormStepSchema.createComponentForStep`\n  // because the `target` will always be an `Array` in `MultiStepFormStepSchema.createComponentForStep`.\n  // TODO add validation to keys\n  export function isFormAvailable<\n    TResolvedStep extends AnyResolvedStep,\n    TTarget extends HelperFnChosenSteps<\n      TResolvedStep,\n      StepNumbers<TResolvedStep>\n    >,\n    TEnabledFor extends formEnabledFor<TResolvedStep>\n  >(target: TTarget, enabledFor: TEnabledFor) {\n    if (Array.isArray(target)) {\n      if (enabledFor === 'all') {\n        return true;\n      }\n\n      if (typeof enabledFor === 'object' && !Array.isArray(enabledFor)) {\n        return Object.keys(enabledFor).some((key) =>\n          target.includes(key as `step${StepNumbers<TResolvedStep>}`)\n        );\n      }\n\n      if (Array.isArray(enabledFor)) {\n        return enabledFor.some((key) => target.includes(key));\n      }\n    }\n\n    return false;\n  }\n\n  /**\n   * Creates a form component with a default id.\n   * @param id The default id for the form.\n   * @returns A form component with a default {@linkcode id}.\n   */\n  export function createDefaultForm(id: string) {\n    return (props: Omit<ComponentPropsWithRef<'form'>, 'id'>) => (\n      <form id={id} {...props} />\n    );\n  }\n}\n"],"mappings":";;;;;iDAaoC;CA2L3B,SAAS,gBAOd,QAAiB,YAAyB;AAC1C,MAAI,MAAM,QAAQ,OAAO,EAAE;AACzB,OAAI,eAAe,MACjB,QAAO;AAGT,OAAI,OAAO,eAAe,YAAY,CAAC,MAAM,QAAQ,WAAW,CAC9D,QAAO,OAAO,KAAK,WAAW,CAAC,MAAM,QACnC,OAAO,SAAS,IAA2C,CAC5D;AAGH,OAAI,MAAM,QAAQ,WAAW,CAC3B,QAAO,WAAW,MAAM,QAAQ,OAAO,SAAS,IAAI,CAAC;;AAIzD,SAAO;;;CAQF,SAAS,kBAAkB,IAAY;AAC5C,UAAQ,UACN,oBAAC;GAAS;GAAI,GAAI;IAAS"}
+{"version":3,"file":"form-config.mjs","names":["invariant: Invariant"],"sources":["../src/form-config.tsx"],"sourcesContent":["import {\n  createInvariant,\n  Expand,\n  HelperFnChosenSteps,\n  steps,\n  type Invariant,\n} from '@jfdevelops/multi-step-form-core';\nimport type { StepSchema } from '@jfdevelops/multi-step-form-core/_internals';\nimport {\n  type ComponentPropsWithRef,\n  type ComponentType,\n  type FunctionComponent,\n} from 'react';\nimport type { CreatedMultiStepFormComponent } from './utils';\n\nexport namespace MultiStepFormSchemaConfig {\n  export const DEFAULT_FORM_ALIAS = 'Form';\n  export type defaultEnabledFor = HelperFnChosenSteps.defaultStringOption;\n  export type defaultFormAlias = typeof DEFAULT_FORM_ALIAS;\n  export type formEnabledFor<value extends steps.instantiateSteps> =\n    HelperFnChosenSteps.main<value, steps.StepNumbers<value>>;\n  type strippedResolvedSteps<value extends steps.instantiateSteps> = {\n    [_ in keyof value]: Expand<\n      Omit<value[_], 'createComponent' | 'createHelperFn'>\n    >;\n  };\n  export type inferFormAlias<def> = def extends {\n    alias: infer alias extends string;\n  }\n    ? alias\n    : defaultFormAlias;\n  export type inferFormProps<def> = def extends {\n    render: infer render;\n  }\n    ? render extends (data: any) => ComponentType<infer props>\n      ? props\n      : never\n    : never;\n  export namespace EnabledForSteps {\n    export type get<def> = def extends {\n      enabledForSteps: infer enabledForSteps;\n    }\n      ? enabledForSteps // Case: `enabledForSteps` isn't provided (default behavior)\n      : def extends { form: infer form }\n        ? form extends { enabledForSteps: infer enabledForSteps }\n          ? enabledForSteps // Case: `enabledForSteps` is provided in the form config\n          : never\n        : never;\n    export type resolveType<\n      def extends StepSchema.Config,\n      steps extends steps.instantiateSteps<def>,\n      value = instantiateFormConfig<def>,\n    > =\n      get<value> extends defaultEnabledFor\n        ? 'all'\n        : get<value> extends HelperFnChosenSteps.tupleNotation<\n              steps.StepNumbers<steps>\n            >\n          ? 'tuple'\n          : get<value> extends HelperFnChosenSteps.objectNotation<\n                steps.StepNumbers<steps>\n              >\n            ? 'object'\n            : never;\n  }\n\n  export type inferFormEnabledForSteps<def> = def extends {\n    // TODO decide if `enabledForSteps` validation is needed\n    enabledForSteps: infer enabledForSteps;\n  }\n    ? enabledForSteps\n    : defaultEnabledFor;\n  export type inferComponent<def> = def extends { render: infer render }\n    ? render extends (data: any) => infer r\n      ? r extends ComponentType<infer _>\n        ? r\n        : never\n      : never\n    : never;\n  export type inferredFormComponent<def> = {\n    [key in inferFormAlias<def>]: inferComponent<def>;\n  };\n\n  export type instantiateFormConfig<def> = [def] extends [object]\n    ? def extends { form: infer form }\n      ? {\n          -readonly [key in keyof FormConfig.withoutRender<form>]: Expand<\n            {\n              alias: inferFormAlias<FormConfig.withoutRender<form>>;\n              enabledForSteps: inferFormEnabledForSteps<\n                FormConfig.withoutRender<form>\n              >;\n            } & inferredFormComponent<form>\n          >;\n        }[keyof FormConfig.withoutRender<form>]\n      : {}\n    : {};\n  export type getEnabledForSteps<def> =\n    instantiateFormConfig<def> extends {\n      enabledForSteps: infer enabledForSteps;\n    }\n      ? enabledForSteps\n      : def;\n  export type AvailableStepForForm<\n    value extends steps.instantiateSteps,\n    enabledFor extends formEnabledFor<value>,\n  > = enabledFor extends defaultEnabledFor\n    ? strippedResolvedSteps<value>\n    : enabledFor extends HelperFnChosenSteps.tupleNotation<\n          steps.StepNumbers<value>\n        >\n      ? enabledFor[number] extends keyof value\n        ? Pick<strippedResolvedSteps<value>, enabledFor[number]>\n        : never\n      : keyof enabledFor extends keyof value\n        ? Expand<\n            Pick<\n              strippedResolvedSteps<value>,\n              Extract<keyof value, keyof enabledFor>\n            >\n          >\n        : never;\n  export type formCtx<alias extends string, props> = {\n    [_ in alias]: CreatedMultiStepFormComponent<props>;\n  };\n  export type renderFnData<\n    value extends steps.instantiateSteps,\n    enabledFor extends formEnabledFor<value>,\n  > = {\n    /**\n     * The id for the form, either a custom one or the default one.\n     */\n    id: string;\n    /**\n     * The chosen steps that are available.\n     */\n    steps: Expand<AvailableStepForForm<value, enabledFor>>;\n  };\n\n  export namespace FormConfig {\n    export type withoutRender<def> = Omit<def, 'render'>;\n  }\n\n  /**\n   * The configuration options for the `form` option.\n   */\n  export interface FormConfig<\n    def extends StepSchema.Config = StepSchema.Config,\n    value extends steps.instantiateSteps<def> = steps.instantiateSteps<def>,\n  > {\n    /**\n     * The `id` for the form component.\n     *\n     * If there is no value provided, the default id will the **current step key**.\n     *\n     * @default `${currentStep}`\n     */\n    id?: string;\n    /**\n     * The \"name\" of the form component.\n     * @default 'Form'\n     * @example\n     * ```tsx\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render() {\n     *      // return custom form component here\n     *     }\n     *   }\n     *  }\n     * })\n     *\n     * const Step1 = schema.stepSchema.step1.createComponent(\n     *  ({ ctx, MyCustomForm }, props: { children: ReactNode }) =>\n     *     // Notice how the form is available with its alias\n     *     <MyCustomFormName>{children}</MyCustomFormName>\n     *  )\n     * ```\n     */\n    alias?: string;\n    /**\n     * If the form component should be accessible for each step when calling `createComponent`.\n     *\n     * If no value is given, the form will be accessible for all the steps.\n     */\n    enabledForSteps?: HelperFnChosenSteps.main<value, steps.StepNumbers<value>>;\n    /**\n     *\n     * @param data The data that is available for creating the custom form.\n     * @param props Props that can be used for the custom form.\n     * @returns A React component that is the custom form.\n     * @example\n     * ### With custom props\n     * ```tsx\n     * type CustomProps = {\n     *   title: string;\n     *   description?: string;\n     *   children: ReactNode;\n     * };\n     *\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render(data, props: CustomProps) {\n     *      return (\n     *         <div>\n     *          <h1>{props.title}</h1>\n     *          <p>{props.description}</p>\n     *          <form>{props.children}</form>\n     *         </div>\n     *       );\n     *     }\n     *   }\n     *  }\n     * })\n     * ```\n     * ### Without custom props\n     * ```tsx\n     * const schema = createMultiStepFormSchema({\n     *  steps: {\n     *    step1: {\n     *      title: 'Step 1',\n     *      fields: {\n     *        firstName: {\n     *          defaultValue: ''\n     *       }\n     *     }\n     *   },\n     *   form: {\n     *    alias: 'MyCustomForm',\n     *    render(data, props) {\n     *      // The default type for `props` will be `ComponentPropsWithRef<'form'>`\n     *      // return custom form component here\n     *     }\n     *   }\n     *  }\n     * })\n     * ```\n     */\n    // render: (\n    //   data: renderFnData<value, {[key in keyof def['steps']]: {}}>,\n    //   props: def['formProps']\n    // ) => JSX.Element;\n    render: (data: value) => FunctionComponent<any>;\n  }\n\n  export function instantiateFormConfig<\n    const def extends StepSchema.Config,\n    value extends steps.instantiateSteps<def>,\n  >(data: value, availableSteps: readonly steps.StepNumbers<value>[]) {\n    return <\n      const form extends FormConfig<def, value>,\n      inst = instantiateFormConfig<form>,\n    >(\n      config: form | undefined\n    ) => {\n      const defaults = {\n        alias: DEFAULT_FORM_ALIAS,\n        enabledForSteps: 'all',\n        props: undefined,\n      };\n\n      if (!config) {\n        return defaults as inst;\n      }\n\n      const {\n        alias = defaults.alias,\n        enabledForSteps = defaults.enabledForSteps,\n        render,\n        id,\n      } = config;\n      const invariant: Invariant = createInvariant('[instantiateFormConfig]');\n\n      if (id) {\n        invariant(typeof id === 'string', 'The id must be a string');\n      }\n\n      if (alias) {\n        invariant(typeof alias === 'string', 'The alias must be a string');\n      }\n\n      // TODO validate enabledForSteps\n      if (enabledForSteps) {\n        const availableStepsArray = Array.from(availableSteps);\n\n        invariant(\n          HelperFnChosenSteps.isValid(enabledForSteps, availableStepsArray),\n          HelperFnChosenSteps.createCatchAllMessage(\n            availableStepsArray,\n            'enabledFor'\n          )\n        );\n      }\n\n      invariant(typeof render === 'function', 'The render must be a function');\n\n      return {\n        alias,\n        enabledForSteps,\n        [alias]: render(data),\n      } as inst;\n    };\n  }\n\n  /**\n   * Compares {@linkcode enabledFor} to the {@linkcode target} to determine if the form\n   * should be available.\n   * @param target The target steps the form _should_ be available for.\n   * @param enabledFor The steps that the form _is_ enabled for.\n   * @returns A boolean representing if the form should be available.\n   */\n  // Note: the implementation is specific to `MultiStepFormStepSchema.createComponentForStep`\n  // because the `target` will always be an `Array` in `MultiStepFormStepSchema.createComponentForStep`.\n  // TODO add validation to keys\n  export function isFormAvailable<\n    value extends steps.instantiateSteps,\n    target extends HelperFnChosenSteps.main<value, steps.StepNumbers<value>>,\n    enabledFor extends formEnabledFor<value>,\n  >(target: target, enabledFor: enabledFor) {\n    if (Array.isArray(target)) {\n      const match = HelperFnChosenSteps.match({\n        meta: {\n          target,\n        },\n        default: () => false,\n        all: () => true,\n        tuple: ({ chosenSteps, meta }) => {\n          return chosenSteps.some((key) => meta.target.includes(key));\n        },\n        object: ({ chosenSteps, meta }) => {\n          return Object.keys(chosenSteps).some((key) =>\n            meta.target.includes(key as steps.StepNumbers<value>)\n          );\n        },\n      });\n\n      return match(enabledFor);\n    }\n\n    return false;\n  }\n\n  /**\n   * Creates a form component with a default id.\n   * @param id The default id for the form.\n   * @returns A form component with a default {@linkcode id}.\n   */\n  export function createDefaultForm(id: string) {\n    return (props: Omit<ComponentPropsWithRef<'form'>, 'id'>) => (\n      <form id={id} {...props} />\n    );\n  }\n}\n"],"mappings":";;;;;;CAgBS,MAAM,qEAAqB;CAyP3B,SAAS,sBAGd,MAAa,gBAAqD;AAClE,UAIE,WACG;GACH,MAAM,WAAW;IACf,OAAO;IACP,iBAAiB;IACjB,OAAO;IACR;AAED,OAAI,CAAC,OACH,QAAO;GAGT,MAAM,EACJ,QAAQ,SAAS,OACjB,kBAAkB,SAAS,iBAC3B,QACA,OACE;GACJ,MAAMA,cAAuB,gBAAgB,0BAA0B;AAEvE,OAAI,GACF,aAAU,OAAO,OAAO,UAAU,0BAA0B;AAG9D,OAAI,MACF,aAAU,OAAO,UAAU,UAAU,6BAA6B;AAIpE,OAAI,iBAAiB;IACnB,MAAM,sBAAsB,MAAM,KAAK,eAAe;AAEtD,gBACE,oBAAoB,QAAQ,iBAAiB,oBAAoB,EACjE,oBAAoB,sBAClB,qBACA,aACD,CACF;;AAGH,eAAU,OAAO,WAAW,YAAY,gCAAgC;AAExE,UAAO;IACL;IACA;KACC,QAAQ,OAAO,KAAK;IACtB;;;;CAcE,SAAS,gBAId,QAAgB,YAAwB;AACxC,MAAI,MAAM,QAAQ,OAAO,CAiBvB,QAhBc,oBAAoB,MAAM;GACtC,MAAM,EACJ,QACD;GACD,eAAe;GACf,WAAW;GACX,QAAQ,EAAE,aAAa,WAAW;AAChC,WAAO,YAAY,MAAM,QAAQ,KAAK,OAAO,SAAS,IAAI,CAAC;;GAE7D,SAAS,EAAE,aAAa,WAAW;AACjC,WAAO,OAAO,KAAK,YAAY,CAAC,MAAM,QACpC,KAAK,OAAO,SAAS,IAAgC,CACtD;;GAEJ,CAAC,CAEW,WAAW;AAG1B,SAAO;;;CAQF,SAAS,kBAAkB,IAAY;AAC5C,UAAQ,UACN,oBAAC;GAAS;GAAI,GAAI;IAAS"}