@lumeweb/portal-framework-ui 0.1.0 → 0.1.2

package/dist/esm/components/form/SchemaForm.js

@@ -1,17 +1,16 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { useDialog } from "../dialog/Dialog.context.js";
 import { useIsFormDialog } from "../dialog/utils/dialogDetection.js";
-import { adapters, init_adapters } from "./adapters.js";
-import { FormProvider, init_context } from "./context.js";
-import { AdapterType, init_types, isStepFormConfig } from "./types.js";
-import { FormRenderer, init_FormRenderer } from "./FormRenderer.js";
-import { handleFormSubmission, init_core } from "./handlers/core.js";
-import { computeAutoSaveConfig, init_autoSave } from "./utils/autoSave.js";
+import { adapters } from "./adapters.js";
+import { FormProvider } from "./context.js";
+import { AdapterType, isStepFormConfig } from "./types.js";
+import { FormRenderer } from "./FormRenderer.js";
+import { handleFormSubmission } from "./handlers/core.js";
+import { computeAutoSaveConfig } from "./utils/autoSave.js";
 import { Environment } from "../shared/environment/builders.js";
 import { UnifiedFooter } from "../shared/UnifiedFooter.js";
 import { renderHeader } from "../shared/utils/renderHeader.js";
 import { useForceRerender } from "../shared/hooks/useForceRerender.js";
-import { init_components } from "../index.js";
+import "../index.js";
 import { Form, cn } from "@lumeweb/portal-framework-ui-core";
 import { AutoSaveIndicator, useNotification } from "@refinedev/core";
 import React, { useEffect, useMemo } from "react";
@@ -19,14 +18,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { isElement, isValidElementType } from "react-is";
 
 //#region src/components/form/SchemaForm.tsx
+const defaultFooterCss = "pt-4 mt-4 border-t";
 function SchemaForm({ active = true, closeDialog = () => void 0, config }) {
 	if (!active) return null;
 	const { currentDialog, setFormMethods: setFormInstance, formMethods } = useDialog();
 	const { open: openNotification } = useNotification();
 	const isInDialog = useIsFormDialog();
 	if (!config) throw new Error("SchemaForm requires a form config");
-	const shouldUseRefine = config.adapter === AdapterType.REFINE || config.refine || Boolean(config.refineCoreProps?.resource);
-	const adapterName = shouldUseRefine ? AdapterType.REFINE : config.adapter ?? AdapterType.RHF;
+	const shouldUseRefine = config.adapter === "refine" || config.refine || Boolean(config.refineCoreProps?.resource);
+	const adapterName = shouldUseRefine ? "refine" : config.adapter ?? "rhf";
 	const adapter = adapters[adapterName];
 	const autoSaveConfig = computeAutoSaveConfig(config.autoSave);
 	const formInstance = adapter.useForm({
@@ -135,20 +135,20 @@ function renderFooter(footerConfig, footerProps, isInDialog, currentDialog) {
 	if (footerConfig === void 0) {
 		const { config, formMethods, closeDialog } = footerProps;
 		const isSubmitting = formMethods?.formState?.isSubmitting || false;
-		const footerEnvironment$1 = Environment.footer();
-		if (isInDialog) footerEnvironment$1.dialog({
+		const footerEnvironment = Environment.footer();
+		if (isInDialog) footerEnvironment.dialog({
 			dialogConfig: currentDialog,
 			onClose: config.onCancel || closeDialog
 		});
-		else footerEnvironment$1.standalone();
-		footerEnvironment$1.simpleForm({
+		else footerEnvironment.standalone();
+		footerEnvironment.simpleForm({
 			isSubmitting,
 			methods: formMethods
 		});
 		return /* @__PURE__ */ jsx(UnifiedFooter, {
 			className: footerProps.className,
 			config: { ...config },
-			environment: footerEnvironment$1.build()
+			environment: footerEnvironment.build()
 		});
 	}
 	if (footerConfig === false) return null;
@@ -166,19 +166,7 @@ function renderFooter(footerConfig, footerProps, isInDialog, currentDialog) {
 		environment: footerEnvironment
 	});
 }
-var defaultFooterCss;
-var init_SchemaForm = __esmMin(() => {
-	init_components();
-	init_adapters();
-	init_context();
-	init_FormRenderer();
-	init_core();
-	init_types();
-	init_autoSave();
-	defaultFooterCss = "pt-4 mt-4 border-t";
-});
 
 //#endregion
-init_SchemaForm();
-export { SchemaForm, init_SchemaForm };
+export { SchemaForm };
 //# sourceMappingURL=SchemaForm.js.map

package/dist/esm/components/form/SchemaForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaForm.js","names":["AdapterFormProvider","footerEnvironment"],"sources":["../../../../src/components/form/SchemaForm.tsx"],"sourcesContent":["import type { DefaultValues, FieldValues } from \"react-hook-form\";\n\nimport {\n  Form as AdapterFormProvider,\n  cn,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport {\n  AutoSaveIndicator,\n  BaseRecord,\n  type FormAction,\n  useNotification,\n} from \"@refinedev/core\";\nimport React, { useEffect, useMemo } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { createFormActions } from \"@/components\";\nimport { DialogConfig, FormDialogConfig, useDialog } from \"@/components\";\nimport { useIsFormDialog } from \"@/components\";\nimport { Environment, renderHeader, UnifiedFooter } from \"@/components\";\nimport { adapters, FormAdapter, UnifiedFormReturnType } from \"./adapters\";\nimport { FormProvider } from \"./context\";\nimport { FormRenderer } from \"./FormRenderer\";\nimport { handleFormSubmission } from \"./handlers/core\";\nimport { AdapterType, type FormConfig, isStepFormConfig } from \"./types\";\nimport { computeAutoSaveConfig } from \"./utils/autoSave\";\nimport { useForceRerender as useSharedForceRerender } from \"@/components\";\n\nconst defaultFooterCss = \"pt-4 mt-4 border-t\";\n\nexport interface SchemaFormProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  active?: boolean;\n  closeDialog?: () => void;\n  config: FormConfig<TRequest, TResponse>;\n}\n\nexport function SchemaForm<T extends FieldValues = FieldValues>({\n  active = true,\n  closeDialog = () => void 0,\n  config,\n}: SchemaFormProps<T>) {\n  if (!active) {\n    return null;\n  }\n\n  const { currentDialog, setFormMethods: setFormInstance, formMethods } = useDialog();\n  const { open: openNotification } = useNotification();\n  const isInDialog = useIsFormDialog();\n\n  if (!config) throw new Error(\"SchemaForm requires a form config\");\n\n  // Determine adapter - prioritize explicit config, then refine resource presence\n  const shouldUseRefine =\n    config.adapter === AdapterType.REFINE ||\n    config.refine ||\n    Boolean(config.refineCoreProps?.resource);\n  const adapterName = shouldUseRefine\n    ? AdapterType.REFINE\n    : (config.adapter ?? AdapterType.RHF);\n  const adapter = adapters[adapterName] as FormAdapter<T>;\n\n  const autoSaveConfig = computeAutoSaveConfig(config.autoSave);\n\n  const formInstance = adapter.useForm({\n    defaultValues: config.defaultValues as DefaultValues<T>,\n    refineCoreProps: {\n      ...config.refineCoreProps,\n      action: config.action,\n      autoSave: autoSaveConfig,\n      errorNotification: config.errorNotification,\n      id: ([\"edit\", \"clone\"] as FormAction[]).includes(config.action!)\n        ? config.id\n        : undefined,\n      redirectOnSuccess: false,\n      resource: config.resource,\n      successNotification: config.successNotification,\n    },\n    validationSchema: config.validationSchema,\n  });\n\n  const autoSaveProps = shouldUseRefine\n    ? \"refineCore\" in formInstance\n      ? formInstance.refineCore.autoSaveProps\n      : undefined\n    : undefined;\n\n  const isActiveDialog =\n    !!(\n      currentDialog?.formConfig &&\n      currentDialog.formConfig.formId === config.formId\n    ) && isInDialog;\n\n  // Implement forceRerender mechanism\n  useSharedForceRerender(config.forceRerender);\n\n  useEffect(() => {\n    if (!setFormInstance) return;\n    if (isActiveDialog) {\n      setFormInstance(formInstance);\n    }\n    return () => {\n      // clear on unmount or when dialog closes\n      try {\n        setFormInstance(undefined as any);\n      } catch {}\n    };\n  }, [formInstance, setFormInstance, isActiveDialog]);\n\n  const cConfig = { ...config };\n\n  if (cConfig.footerClassName === undefined) {\n    cConfig.footerClassName = defaultFooterCss;\n  }\n\n  if (cConfig.footerClassName === false) {\n    cConfig.footerClassName = undefined;\n  }\n\n  const finalConfig: FormConfig<T> | FormDialogConfig<T> = useMemo(\n    () =>\n      isActiveDialog ? { ...currentDialog!, formConfig: cConfig } : cConfig,\n    [isActiveDialog, currentDialog, cConfig],\n  );\n\n  // Implement forceRerender mechanism\n  useSharedForceRerender(config.forceRerender);\n\n  const isRefineWithAutosave = shouldUseRefine && autoSaveConfig?.enabled;\n\n  return (\n    <FormProvider<T>\n      adapter={adapterName}\n      autoSave={autoSaveProps}\n      config={cConfig}\n      formInstance={formInstance}>\n      <AdapterFormProvider\n        {...(formInstance as unknown as UnifiedFormReturnType<FieldValues>)}>\n        <form\n          className={cn(cConfig.formClassName, {\n            \"flex flex-col space-y-4\":\n              cConfig.layout === \"vertical\" || !cConfig.layout,\n            \"flex flex-row items-end gap-4\": cConfig.layout === \"horizontal\",\n            \"grid gap-4\": cConfig.layout === \"grid\",\n            \"space-y-4\": cConfig.layout !== \"grid\",\n          })}\n          onSubmit={formInstance.handleSubmit(async () => {\n            await handleFormSubmission({\n              closeDialog,\n              config: cConfig,\n              currentDialog,\n              formMethods: formInstance,\n              isStep: isStepFormConfig(cConfig),\n              onError: async (error) => {\n                if (adapterName !== \"refine\" && cConfig.errorNotification) {\n                  const notification =\n                    typeof cConfig.errorNotification === \"function\"\n                      ? cConfig.errorNotification(error)\n                      : cConfig.errorNotification;\n                  openNotification?.(notification);\n                }\n              },\n              onSubmit: async (data) =>\n                adapter.submitHandler(cConfig, formInstance),\n            });\n          })}>\n          {renderHeader({\n            actions: cConfig.actions,\n            className: \"form-header\",\n            description: cConfig.description,\n            header: cConfig.header,\n            isDialog: isActiveDialog,\n            title: cConfig.title,\n            unifiedHeaderConfig: cConfig,\n          })}\n          <FormRenderer fields={cConfig.fields} groups={cConfig.groups} />\n          {renderFooter(\n            cConfig.footer,\n            {\n              className: cConfig.footerClassName,\n              closeDialog,\n              config: finalConfig,\n              formMethods: formInstance,\n            },\n            isActiveDialog,\n            currentDialog,\n          )}\n          {isRefineWithAutosave && (\n            <AutoSaveIndicator\n              {...autoSaveProps!}\n              elements={cConfig.autoSaveStates}\n            />\n          )}\n        </form>\n      </AdapterFormProvider>\n    </FormProvider>\n  );\n}\n\n// Helper function to render footer based on configuration\nfunction renderFooter(\n  footerConfig: any,\n  footerProps: any,\n  isInDialog: boolean,\n  currentDialog?: DialogConfig,\n): React.ReactNode {\n  // If footer is undefined, check if we're in a dialog context\n  if (footerConfig === undefined) {\n    const { config, formMethods, closeDialog } = footerProps;\n    const isSubmitting = formMethods?.formState?.isSubmitting || false;\n\n    const footerEnvironment = Environment.footer();\n\n    if (isInDialog) {\n      footerEnvironment.dialog({\n        dialogConfig: currentDialog,\n        onClose: config.onCancel || closeDialog,\n      });\n    } else {\n      footerEnvironment.standalone();\n    }\n    footerEnvironment.simpleForm({\n      isSubmitting,\n      methods: formMethods,\n    });\n\n    return (\n      <UnifiedFooter\n        className={footerProps.className}\n        config={{ ...config }}\n        environment={footerEnvironment.build()}\n      />\n    );\n  }\n\n  // If footer is false, render nothing\n  if (footerConfig === false) {\n    return null;\n  }\n\n  // If footer is a React element or functional component, render it\n  if (isElement(footerConfig) || isValidElementType(footerConfig)) {\n    // If it's a valid element, render it directly\n    if (isElement(footerConfig)) {\n      return footerConfig;\n    }\n    // If it's a valid component type, instantiate it with footerProps\n    if (isValidElementType(footerConfig)) {\n      const FooterComponent = footerConfig as React.ComponentType<any>;\n      return <FooterComponent {...footerProps} />;\n    }\n  }\n\n  // For any other case, render default unified footer\n  const footerEnvironment = Environment.footer()\n    .standalone()\n    .simpleForm({\n      isSubmitting: footerProps.formMethods?.formState?.isSubmitting || false,\n      methods: footerProps.formMethods,\n    })\n    .build();\n  return (\n    <UnifiedFooter\n      className={footerProps.className}\n      config={footerProps.config}\n      environment={footerEnvironment}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SchemaForm.js","names":["AdapterFormProvider","FooterComponent"],"sources":["../../../../src/components/form/SchemaForm.tsx"],"sourcesContent":["import type { DefaultValues, FieldValues } from \"react-hook-form\";\n\nimport {\n  Form as AdapterFormProvider,\n  cn,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport {\n  AutoSaveIndicator,\n  BaseRecord,\n  type FormAction,\n  useNotification,\n} from \"@refinedev/core\";\nimport React, { useEffect, useMemo } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { createFormActions } from \"@/components\";\nimport { DialogConfig, FormDialogConfig, useDialog } from \"@/components\";\nimport { useIsFormDialog } from \"@/components\";\nimport { Environment, renderHeader, UnifiedFooter } from \"@/components\";\nimport { adapters, FormAdapter, UnifiedFormReturnType } from \"./adapters\";\nimport { FormProvider } from \"./context\";\nimport { FormRenderer } from \"./FormRenderer\";\nimport { handleFormSubmission } from \"./handlers/core\";\nimport { AdapterType, type FormConfig, isStepFormConfig } from \"./types\";\nimport { computeAutoSaveConfig } from \"./utils/autoSave\";\nimport { useForceRerender as useSharedForceRerender } from \"@/components\";\n\nconst defaultFooterCss = \"pt-4 mt-4 border-t\";\n\nexport interface SchemaFormProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  active?: boolean;\n  closeDialog?: () => void;\n  config: FormConfig<TRequest, TResponse>;\n}\n\nexport function SchemaForm<T extends FieldValues = FieldValues>({\n  active = true,\n  closeDialog = () => void 0,\n  config,\n}: SchemaFormProps<T>) {\n  if (!active) {\n    return null;\n  }\n\n  const { currentDialog, setFormMethods: setFormInstance, formMethods } = useDialog();\n  const { open: openNotification } = useNotification();\n  const isInDialog = useIsFormDialog();\n\n  if (!config) throw new Error(\"SchemaForm requires a form config\");\n\n  // Determine adapter - prioritize explicit config, then refine resource presence\n  const shouldUseRefine =\n    config.adapter === AdapterType.REFINE ||\n    config.refine ||\n    Boolean(config.refineCoreProps?.resource);\n  const adapterName = shouldUseRefine\n    ? AdapterType.REFINE\n    : (config.adapter ?? AdapterType.RHF);\n  const adapter = adapters[adapterName] as FormAdapter<T>;\n\n  const autoSaveConfig = computeAutoSaveConfig(config.autoSave);\n\n  const formInstance = adapter.useForm({\n    defaultValues: config.defaultValues as DefaultValues<T>,\n    refineCoreProps: {\n      ...config.refineCoreProps,\n      action: config.action,\n      autoSave: autoSaveConfig,\n      errorNotification: config.errorNotification,\n      id: ([\"edit\", \"clone\"] as FormAction[]).includes(config.action!)\n        ? config.id\n        : undefined,\n      redirectOnSuccess: false,\n      resource: config.resource,\n      successNotification: config.successNotification,\n    },\n    validationSchema: config.validationSchema,\n  });\n\n  const autoSaveProps = shouldUseRefine\n    ? \"refineCore\" in formInstance\n      ? formInstance.refineCore.autoSaveProps\n      : undefined\n    : undefined;\n\n  const isActiveDialog =\n    !!(\n      currentDialog?.formConfig &&\n      currentDialog.formConfig.formId === config.formId\n    ) && isInDialog;\n\n  // Implement forceRerender mechanism\n  useSharedForceRerender(config.forceRerender);\n\n  useEffect(() => {\n    if (!setFormInstance) return;\n    if (isActiveDialog) {\n      setFormInstance(formInstance);\n    }\n    return () => {\n      // clear on unmount or when dialog closes\n      try {\n        setFormInstance(undefined as any);\n      } catch {}\n    };\n  }, [formInstance, setFormInstance, isActiveDialog]);\n\n  const cConfig = { ...config };\n\n  if (cConfig.footerClassName === undefined) {\n    cConfig.footerClassName = defaultFooterCss;\n  }\n\n  if (cConfig.footerClassName === false) {\n    cConfig.footerClassName = undefined;\n  }\n\n  const finalConfig: FormConfig<T> | FormDialogConfig<T> = useMemo(\n    () =>\n      isActiveDialog ? { ...currentDialog!, formConfig: cConfig } : cConfig,\n    [isActiveDialog, currentDialog, cConfig],\n  );\n\n  // Implement forceRerender mechanism\n  useSharedForceRerender(config.forceRerender);\n\n  const isRefineWithAutosave = shouldUseRefine && autoSaveConfig?.enabled;\n\n  return (\n    <FormProvider<T>\n      adapter={adapterName}\n      autoSave={autoSaveProps}\n      config={cConfig}\n      formInstance={formInstance}>\n      <AdapterFormProvider\n        {...(formInstance as unknown as UnifiedFormReturnType<FieldValues>)}>\n        <form\n          className={cn(cConfig.formClassName, {\n            \"flex flex-col space-y-4\":\n              cConfig.layout === \"vertical\" || !cConfig.layout,\n            \"flex flex-row items-end gap-4\": cConfig.layout === \"horizontal\",\n            \"grid gap-4\": cConfig.layout === \"grid\",\n            \"space-y-4\": cConfig.layout !== \"grid\",\n          })}\n          onSubmit={formInstance.handleSubmit(async () => {\n            await handleFormSubmission({\n              closeDialog,\n              config: cConfig,\n              currentDialog,\n              formMethods: formInstance,\n              isStep: isStepFormConfig(cConfig),\n              onError: async (error) => {\n                if (adapterName !== \"refine\" && cConfig.errorNotification) {\n                  const notification =\n                    typeof cConfig.errorNotification === \"function\"\n                      ? cConfig.errorNotification(error)\n                      : cConfig.errorNotification;\n                  openNotification?.(notification);\n                }\n              },\n              onSubmit: async (data) =>\n                adapter.submitHandler(cConfig, formInstance),\n            });\n          })}>\n          {renderHeader({\n            actions: cConfig.actions,\n            className: \"form-header\",\n            description: cConfig.description,\n            header: cConfig.header,\n            isDialog: isActiveDialog,\n            title: cConfig.title,\n            unifiedHeaderConfig: cConfig,\n          })}\n          <FormRenderer fields={cConfig.fields} groups={cConfig.groups} />\n          {renderFooter(\n            cConfig.footer,\n            {\n              className: cConfig.footerClassName,\n              closeDialog,\n              config: finalConfig,\n              formMethods: formInstance,\n            },\n            isActiveDialog,\n            currentDialog,\n          )}\n          {isRefineWithAutosave && (\n            <AutoSaveIndicator\n              {...autoSaveProps!}\n              elements={cConfig.autoSaveStates}\n            />\n          )}\n        </form>\n      </AdapterFormProvider>\n    </FormProvider>\n  );\n}\n\n// Helper function to render footer based on configuration\nfunction renderFooter(\n  footerConfig: any,\n  footerProps: any,\n  isInDialog: boolean,\n  currentDialog?: DialogConfig,\n): React.ReactNode {\n  // If footer is undefined, check if we're in a dialog context\n  if (footerConfig === undefined) {\n    const { config, formMethods, closeDialog } = footerProps;\n    const isSubmitting = formMethods?.formState?.isSubmitting || false;\n\n    const footerEnvironment = Environment.footer();\n\n    if (isInDialog) {\n      footerEnvironment.dialog({\n        dialogConfig: currentDialog,\n        onClose: config.onCancel || closeDialog,\n      });\n    } else {\n      footerEnvironment.standalone();\n    }\n    footerEnvironment.simpleForm({\n      isSubmitting,\n      methods: formMethods,\n    });\n\n    return (\n      <UnifiedFooter\n        className={footerProps.className}\n        config={{ ...config }}\n        environment={footerEnvironment.build()}\n      />\n    );\n  }\n\n  // If footer is false, render nothing\n  if (footerConfig === false) {\n    return null;\n  }\n\n  // If footer is a React element or functional component, render it\n  if (isElement(footerConfig) || isValidElementType(footerConfig)) {\n    // If it's a valid element, render it directly\n    if (isElement(footerConfig)) {\n      return footerConfig;\n    }\n    // If it's a valid component type, instantiate it with footerProps\n    if (isValidElementType(footerConfig)) {\n      const FooterComponent = footerConfig as React.ComponentType<any>;\n      return <FooterComponent {...footerProps} />;\n    }\n  }\n\n  // For any other case, render default unified footer\n  const footerEnvironment = Environment.footer()\n    .standalone()\n    .simpleForm({\n      isSubmitting: footerProps.formMethods?.formState?.isSubmitting || false,\n      methods: footerProps.formMethods,\n    })\n    .build();\n  return (\n    <UnifiedFooter\n      className={footerProps.className}\n      config={footerProps.config}\n      environment={footerEnvironment}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/esm/components/form/StepControlContext.d.ts

@@ -1,5 +1,4 @@
 import { NavigationType } from "../shared/types/header.js";
-import "../index.js";
 import React from "react";
 
 //#region src/components/form/StepControlContext.d.ts

package/dist/esm/components/form/StepControlContext.js

@@ -1,8 +1,8 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/form/StepControlContext.tsx
+const StepControlContext = createContext(void 0);
 /**
 * Provider component for step control functionality
 * Handles step navigation logic and state management
@@ -243,12 +243,7 @@ function useStepControlContext() {
 	if (context === void 0) throw new Error("useStepControl must be used within a StepControlProvider");
 	return context;
 }
-var StepControlContext;
-var init_StepControlContext = __esmMin(() => {
-	StepControlContext = createContext(void 0);
-});
 
 //#endregion
-init_StepControlContext();
-export { StepControlProvider, init_StepControlContext, useCreateStepControl, useOptionalStepControlContext, useStepControl, useStepControlContext };
+export { StepControlProvider, useCreateStepControl, useOptionalStepControlContext, useStepControl, useStepControlContext };
 //# sourceMappingURL=StepControlContext.js.map

package/dist/esm/components/form/StepControlContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepControlContext.js","names":[],"sources":["../../../../src/components/form/StepControlContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport type { NavigationType } from \"@/components\";\n\n/**\n * Interface for step control context values\n */\nexport interface StepControlContextType {\n  /**\n   * Current active step index\n   */\n  currentStep: number;\n  /**\n   * Navigate to a specific step\n   * @param step - The step index to navigate to\n   */\n  goToStep: (step: number) => void;\n  /**\n   * Jump to a specific step without transition animation\n   * @param step - The step index to jump to\n   */\n  jumpTo: (step: number) => void;\n  /**\n   * Navigate to the next step\n   */\n  handleNext: () => Promise<void>;\n  /**\n   * Navigate to the previous step\n   */\n  handlePrevious: () => Promise<void>;\n  /**\n   * Retry the current step\n   */\n  handleRetry: () => Promise<void>;\n  /**\n   * Number of times the current step has been retried\n   */\n  retryCount: number;\n  /**\n   * Whether the current step is the first step\n   */\n  isFirstStep: boolean;\n  /**\n   * Whether the current step is the last step\n   */\n  isLastStep: boolean;\n  /**\n   * Total number of steps\n   */\n  totalSteps: number;\n  /**\n   * Transition state with navigation direction\n   */\n  transitionState: {\n    direction: \"backward\" | \"forward\" | null;\n    enteringStep: null | number;\n    exitingStep: null | number;\n  };\n}\n\nconst StepControlContext = createContext<StepControlContextType | undefined>(\n  undefined,\n);\n\nexport interface StepControlProviderProps {\n  children: React.ReactNode;\n  /**\n   * Default step to start on\n   */\n  defaultStep?: number;\n  /**\n   * Function to handle step submission\n   */\n  handleStepSubmit?: () => Promise<void>;\n  /**\n   * Whether to validate when going back steps\n   */\n  isBackValidate?: boolean;\n  /**\n   * Callback when step changes\n   */\n  onStepChange?: (step: number) => void;\n  /**\n   * Callback when step is retried\n   */\n  onStepRetry?: (step: number) => void;\n  /**\n   * Callback when navigation starts\n   */\n  onNavigationStart?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n  ) => void;\n  /**\n   * Callback when navigation ends successfully\n   */\n  onNavigationEnd?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n  ) => void;\n  /**\n   * Callback when navigation fails\n   */\n  onNavigationError?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n    error: any,\n  ) => void;\n  /**\n   * Total number of steps\n   */\n  totalSteps?: number;\n  /**\n   * Function to trigger validation for the current step\n   */\n  triggerValidation?: () => Promise<boolean>;\n}\n\n/**\n * Hook to create step control state independently\n * This hook can be used outside of StepControlProvider\n */\nexport interface UseCreateStepControlOptions {\n  /**\n   * Default step to start on\n   * @default 1\n   */\n  defaultStep?: number;\n  /**\n   * Function to handle step submission\n   */\n  handleStepSubmit?: () => Promise<void>;\n  /**\n   * Whether to validate when going back steps\n   * @default false\n   */\n  isBackValidate?: boolean;\n  /**\n   * Callback when step changes\n   */\n  onStepChange?: (step: number) => void;\n  /**\n   * Callback when step is retried\n   */\n  onStepRetry?: (step: number) => void;\n  /**\n   * Callback when navigation starts\n   */\n  onNavigationStart?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n  ) => void;\n  /**\n   * Callback when navigation ends successfully\n   */\n  onNavigationEnd?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n  ) => void;\n  /**\n   * Callback when navigation fails\n   */\n  onNavigationError?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n    error: any,\n  ) => void;\n  /**\n   * Total number of steps\n   */\n  totalSteps: number;\n  /**\n   * Function to trigger validation for the current step\n   */\n  triggerValidation?: () => Promise<boolean>;\n}\n\n/**\n * Provider component for step control functionality\n * Handles step navigation logic and state management\n */\nexport function StepControlProvider({\n  children,\n  defaultStep,\n  handleStepSubmit,\n  isBackValidate,\n  onStepChange,\n  onStepRetry,\n  onNavigationStart,\n  onNavigationEnd,\n  onNavigationError,\n  totalSteps,\n  triggerValidation,\n}: StepControlProviderProps) {\n  const stepControl = useCreateStepControl({\n    defaultStep: defaultStep ?? 1,\n    handleStepSubmit,\n    isBackValidate: isBackValidate ?? false,\n    onStepChange,\n    onStepRetry,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n    totalSteps: totalSteps ?? 1,\n    triggerValidation,\n  });\n\n  return (\n    <StepControlContext.Provider value={stepControl}>\n      {children}\n    </StepControlContext.Provider>\n  );\n}\n\nexport function useCreateStepControl({\n  defaultStep = 1,\n  handleStepSubmit,\n  isBackValidate = false,\n  onStepChange,\n  onStepRetry,\n  onNavigationStart,\n  onNavigationEnd,\n  onNavigationError,\n  totalSteps: totalStepsProp,\n  triggerValidation,\n}: UseCreateStepControlOptions): StepControlContextType {\n  const [currentStep, setCurrentStep] = useState(defaultStep);\n  const [retryCount, setRetryCount] = useState(0);\n  const [transitionState, setTransitionState] = useState<{\n    direction: \"backward\" | \"forward\" | null;\n    enteringStep: null | number;\n    exitingStep: null | number;\n  }>({\n    direction: null,\n    enteringStep: null,\n    exitingStep: null,\n  });\n\n  const isFirstStep = currentStep === 1;\n  const isLastStep = currentStep === totalStepsProp;\n\n  const goToStep = useCallback(\n    (step: number) => {\n      const targetStep = Math.max(1, Math.min(step, totalStepsProp));\n\n      // Call navigation start callback\n      try {\n        onNavigationStart?.(currentStep, targetStep, \"goTo\");\n      } catch (error) {\n        onNavigationError?.(currentStep, targetStep, \"goTo\", error);\n        return;\n      }\n\n      if (targetStep === currentStep) {\n        onNavigationEnd?.(currentStep, targetStep, \"goTo\");\n        return;\n      }\n\n      // Reset retry count when navigating to a different step\n      setRetryCount(0);\n\n      // Determine navigation direction\n      const direction = targetStep > currentStep ? \"forward\" : \"backward\";\n\n      setTransitionState({\n        direction,\n        enteringStep: targetStep,\n        exitingStep: currentStep,\n      });\n\n      // After transition duration, update the current step\n      setTimeout(() => {\n        try {\n          setCurrentStep(targetStep);\n          setTransitionState({\n            direction: null,\n            enteringStep: null,\n            exitingStep: null,\n          });\n          onStepChange?.(targetStep);\n          onNavigationEnd?.(currentStep, targetStep, \"goTo\");\n        } catch (error) {\n          onNavigationError?.(currentStep, targetStep, \"goTo\", error);\n        }\n      }, 300);\n    },\n    [\n      totalStepsProp,\n      onStepChange,\n      currentStep,\n      onNavigationStart,\n      onNavigationEnd,\n      onNavigationError,\n    ],\n  );\n\n  const jumpTo = useCallback(\n    (step: number) => {\n      const targetStep = Math.max(1, Math.min(step, totalStepsProp));\n\n      // Call navigation start callback\n      try {\n        onNavigationStart?.(currentStep, targetStep, \"jumpTo\");\n      } catch (error) {\n        onNavigationError?.(currentStep, targetStep, \"jumpTo\", error);\n        return;\n      }\n\n      if (targetStep === currentStep) {\n        onNavigationEnd?.(currentStep, targetStep, \"jumpTo\");\n        return;\n      }\n\n      // Reset retry count when jumping to a different step\n      setRetryCount(0);\n\n      // Skip transition animation and directly set the step\n      try {\n        setCurrentStep(targetStep);\n        onStepChange?.(targetStep);\n        onNavigationEnd?.(currentStep, targetStep, \"jumpTo\");\n      } catch (error) {\n        onNavigationError?.(currentStep, targetStep, \"jumpTo\", error);\n      }\n    },\n    [\n      totalStepsProp,\n      onStepChange,\n      currentStep,\n      onNavigationStart,\n      onNavigationEnd,\n      onNavigationError,\n    ],\n  );\n\n  const handleRetry = useCallback(async () => {\n    // Call navigation start callback\n    try {\n      onNavigationStart?.(currentStep, currentStep, \"retry\");\n    } catch (error) {\n      onNavigationError?.(currentStep, currentStep, \"retry\", error);\n      return;\n    }\n\n    // Increment retry count\n    setRetryCount((prev) => prev + 1);\n\n    // Trigger transition animation for retry\n    setTransitionState({\n      direction: null,\n      enteringStep: currentStep,\n      exitingStep: currentStep,\n    });\n\n    // After transition duration, reset transition state, set current step to force reprocessing, and trigger callback\n    setTimeout(() => {\n      try {\n        setTransitionState({\n          direction: null,\n          enteringStep: null,\n          exitingStep: null,\n        });\n        setCurrentStep(currentStep);\n        onStepRetry?.(currentStep);\n        onNavigationEnd?.(currentStep, currentStep, \"retry\");\n      } catch (error) {\n        onNavigationError?.(currentStep, currentStep, \"retry\", error);\n      }\n    }, 300);\n  }, [\n    currentStep,\n    onStepRetry,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n  ]);\n\n  const handleNext = useCallback(async () => {\n    if (isLastStep) return;\n\n    const targetStep = currentStep + 1;\n\n    // Call navigation start callback\n    try {\n      onNavigationStart?.(currentStep, targetStep, \"next\");\n    } catch (error) {\n      onNavigationError?.(currentStep, targetStep, \"next\", error);\n      return;\n    }\n\n    // Handle step submission if provided\n    if (handleStepSubmit) {\n      try {\n        await handleStepSubmit();\n      } catch (error) {\n        onNavigationError?.(currentStep, targetStep, \"next\", error);\n        return;\n      }\n    }\n\n    goToStep(targetStep);\n  }, [\n    currentStep,\n    isLastStep,\n    goToStep,\n    handleStepSubmit,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n  ]);\n\n  const handlePrevious = useCallback(async () => {\n    if (isFirstStep) return;\n\n    const targetStep = currentStep - 1;\n\n    // Call navigation start callback\n    try {\n      onNavigationStart?.(currentStep, targetStep, \"previous\");\n    } catch (error) {\n      onNavigationError?.(currentStep, targetStep, \"previous\", error);\n      return;\n    }\n\n    if (isBackValidate && triggerValidation) {\n      try {\n        const isValid = await triggerValidation();\n        if (!isValid) {\n          onNavigationError?.(\n            currentStep,\n            targetStep,\n            \"previous\",\n            new Error(\"Validation failed\"),\n          );\n          return;\n        }\n      } catch (error) {\n        onNavigationError?.(currentStep, targetStep, \"previous\", error);\n        return;\n      }\n    }\n\n    goToStep(targetStep);\n  }, [\n    currentStep,\n    isFirstStep,\n    isBackValidate,\n    triggerValidation,\n    goToStep,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n  ]);\n\n  return useMemo(\n    () => ({\n      currentStep,\n      goToStep,\n      jumpTo,\n      handleNext,\n      handlePrevious,\n      handleRetry,\n      retryCount,\n      isFirstStep,\n      isLastStep,\n      totalSteps: totalStepsProp,\n      transitionState,\n    }),\n    [\n      currentStep,\n      totalStepsProp,\n      isFirstStep,\n      isLastStep,\n      goToStep,\n      jumpTo,\n      handleNext,\n      handlePrevious,\n      handleRetry,\n      retryCount,\n      transitionState,\n    ],\n  );\n}\n\n/**\n * Hook to optionally consume the step control context\n * @returns StepControlContextType | undefined - Step control methods and state, or undefined if not in context\n */\nexport function useOptionalStepControlContext() {\n  return useContext(StepControlContext);\n}\n\n/**\n * Backward compatibility hook\n * This maintains the original API where useStepControl could be used as both\n * a context consumer and a creator depending on whether options were passed\n */\nexport function useStepControl(\n  options?: UseCreateStepControlOptions,\n): StepControlContextType {\n  // If options are provided, create step control state independently\n  if (options) {\n    return useCreateStepControl(options);\n  }\n\n  // Otherwise, consume context (original behavior)\n  return useStepControlContext();\n}\n\n/**\n * Hook to consume the step control context\n * @returns StepControlContextType - Step control methods and state\n * @throws Error if used outside StepControlProvider\n */\nexport function useStepControlContext() {\n  const context = useContext(StepControlContext);\n  if (context === undefined) {\n    throw new Error(\"useStepControl must be used within a StepControlProvider\");\n  }\n  return context;\n}\n"],"mappings":"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"}
+{"version":3,"file":"StepControlContext.js","names":[],"sources":["../../../../src/components/form/StepControlContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport type { NavigationType } from \"@/components\";\n\n/**\n * Interface for step control context values\n */\nexport interface StepControlContextType {\n  /**\n   * Current active step index\n   */\n  currentStep: number;\n  /**\n   * Navigate to a specific step\n   * @param step - The step index to navigate to\n   */\n  goToStep: (step: number) => void;\n  /**\n   * Jump to a specific step without transition animation\n   * @param step - The step index to jump to\n   */\n  jumpTo: (step: number) => void;\n  /**\n   * Navigate to the next step\n   */\n  handleNext: () => Promise<void>;\n  /**\n   * Navigate to the previous step\n   */\n  handlePrevious: () => Promise<void>;\n  /**\n   * Retry the current step\n   */\n  handleRetry: () => Promise<void>;\n  /**\n   * Number of times the current step has been retried\n   */\n  retryCount: number;\n  /**\n   * Whether the current step is the first step\n   */\n  isFirstStep: boolean;\n  /**\n   * Whether the current step is the last step\n   */\n  isLastStep: boolean;\n  /**\n   * Total number of steps\n   */\n  totalSteps: number;\n  /**\n   * Transition state with navigation direction\n   */\n  transitionState: {\n    direction: \"backward\" | \"forward\" | null;\n    enteringStep: null | number;\n    exitingStep: null | number;\n  };\n}\n\nconst StepControlContext = createContext<StepControlContextType | undefined>(\n  undefined,\n);\n\nexport interface StepControlProviderProps {\n  children: React.ReactNode;\n  /**\n   * Default step to start on\n   */\n  defaultStep?: number;\n  /**\n   * Function to handle step submission\n   */\n  handleStepSubmit?: () => Promise<void>;\n  /**\n   * Whether to validate when going back steps\n   */\n  isBackValidate?: boolean;\n  /**\n   * Callback when step changes\n   */\n  onStepChange?: (step: number) => void;\n  /**\n   * Callback when step is retried\n   */\n  onStepRetry?: (step: number) => void;\n  /**\n   * Callback when navigation starts\n   */\n  onNavigationStart?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n  ) => void;\n  /**\n   * Callback when navigation ends successfully\n   */\n  onNavigationEnd?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n  ) => void;\n  /**\n   * Callback when navigation fails\n   */\n  onNavigationError?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n    error: any,\n  ) => void;\n  /**\n   * Total number of steps\n   */\n  totalSteps?: number;\n  /**\n   * Function to trigger validation for the current step\n   */\n  triggerValidation?: () => Promise<boolean>;\n}\n\n/**\n * Hook to create step control state independently\n * This hook can be used outside of StepControlProvider\n */\nexport interface UseCreateStepControlOptions {\n  /**\n   * Default step to start on\n   * @default 1\n   */\n  defaultStep?: number;\n  /**\n   * Function to handle step submission\n   */\n  handleStepSubmit?: () => Promise<void>;\n  /**\n   * Whether to validate when going back steps\n   * @default false\n   */\n  isBackValidate?: boolean;\n  /**\n   * Callback when step changes\n   */\n  onStepChange?: (step: number) => void;\n  /**\n   * Callback when step is retried\n   */\n  onStepRetry?: (step: number) => void;\n  /**\n   * Callback when navigation starts\n   */\n  onNavigationStart?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n  ) => void;\n  /**\n   * Callback when navigation ends successfully\n   */\n  onNavigationEnd?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n  ) => void;\n  /**\n   * Callback when navigation fails\n   */\n  onNavigationError?: (\n    fromStep: number,\n    toStep: number,\n    type: NavigationType,\n    error: any,\n  ) => void;\n  /**\n   * Total number of steps\n   */\n  totalSteps: number;\n  /**\n   * Function to trigger validation for the current step\n   */\n  triggerValidation?: () => Promise<boolean>;\n}\n\n/**\n * Provider component for step control functionality\n * Handles step navigation logic and state management\n */\nexport function StepControlProvider({\n  children,\n  defaultStep,\n  handleStepSubmit,\n  isBackValidate,\n  onStepChange,\n  onStepRetry,\n  onNavigationStart,\n  onNavigationEnd,\n  onNavigationError,\n  totalSteps,\n  triggerValidation,\n}: StepControlProviderProps) {\n  const stepControl = useCreateStepControl({\n    defaultStep: defaultStep ?? 1,\n    handleStepSubmit,\n    isBackValidate: isBackValidate ?? false,\n    onStepChange,\n    onStepRetry,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n    totalSteps: totalSteps ?? 1,\n    triggerValidation,\n  });\n\n  return (\n    <StepControlContext.Provider value={stepControl}>\n      {children}\n    </StepControlContext.Provider>\n  );\n}\n\nexport function useCreateStepControl({\n  defaultStep = 1,\n  handleStepSubmit,\n  isBackValidate = false,\n  onStepChange,\n  onStepRetry,\n  onNavigationStart,\n  onNavigationEnd,\n  onNavigationError,\n  totalSteps: totalStepsProp,\n  triggerValidation,\n}: UseCreateStepControlOptions): StepControlContextType {\n  const [currentStep, setCurrentStep] = useState(defaultStep);\n  const [retryCount, setRetryCount] = useState(0);\n  const [transitionState, setTransitionState] = useState<{\n    direction: \"backward\" | \"forward\" | null;\n    enteringStep: null | number;\n    exitingStep: null | number;\n  }>({\n    direction: null,\n    enteringStep: null,\n    exitingStep: null,\n  });\n\n  const isFirstStep = currentStep === 1;\n  const isLastStep = currentStep === totalStepsProp;\n\n  const goToStep = useCallback(\n    (step: number) => {\n      const targetStep = Math.max(1, Math.min(step, totalStepsProp));\n\n      // Call navigation start callback\n      try {\n        onNavigationStart?.(currentStep, targetStep, \"goTo\");\n      } catch (error) {\n        onNavigationError?.(currentStep, targetStep, \"goTo\", error);\n        return;\n      }\n\n      if (targetStep === currentStep) {\n        onNavigationEnd?.(currentStep, targetStep, \"goTo\");\n        return;\n      }\n\n      // Reset retry count when navigating to a different step\n      setRetryCount(0);\n\n      // Determine navigation direction\n      const direction = targetStep > currentStep ? \"forward\" : \"backward\";\n\n      setTransitionState({\n        direction,\n        enteringStep: targetStep,\n        exitingStep: currentStep,\n      });\n\n      // After transition duration, update the current step\n      setTimeout(() => {\n        try {\n          setCurrentStep(targetStep);\n          setTransitionState({\n            direction: null,\n            enteringStep: null,\n            exitingStep: null,\n          });\n          onStepChange?.(targetStep);\n          onNavigationEnd?.(currentStep, targetStep, \"goTo\");\n        } catch (error) {\n          onNavigationError?.(currentStep, targetStep, \"goTo\", error);\n        }\n      }, 300);\n    },\n    [\n      totalStepsProp,\n      onStepChange,\n      currentStep,\n      onNavigationStart,\n      onNavigationEnd,\n      onNavigationError,\n    ],\n  );\n\n  const jumpTo = useCallback(\n    (step: number) => {\n      const targetStep = Math.max(1, Math.min(step, totalStepsProp));\n\n      // Call navigation start callback\n      try {\n        onNavigationStart?.(currentStep, targetStep, \"jumpTo\");\n      } catch (error) {\n        onNavigationError?.(currentStep, targetStep, \"jumpTo\", error);\n        return;\n      }\n\n      if (targetStep === currentStep) {\n        onNavigationEnd?.(currentStep, targetStep, \"jumpTo\");\n        return;\n      }\n\n      // Reset retry count when jumping to a different step\n      setRetryCount(0);\n\n      // Skip transition animation and directly set the step\n      try {\n        setCurrentStep(targetStep);\n        onStepChange?.(targetStep);\n        onNavigationEnd?.(currentStep, targetStep, \"jumpTo\");\n      } catch (error) {\n        onNavigationError?.(currentStep, targetStep, \"jumpTo\", error);\n      }\n    },\n    [\n      totalStepsProp,\n      onStepChange,\n      currentStep,\n      onNavigationStart,\n      onNavigationEnd,\n      onNavigationError,\n    ],\n  );\n\n  const handleRetry = useCallback(async () => {\n    // Call navigation start callback\n    try {\n      onNavigationStart?.(currentStep, currentStep, \"retry\");\n    } catch (error) {\n      onNavigationError?.(currentStep, currentStep, \"retry\", error);\n      return;\n    }\n\n    // Increment retry count\n    setRetryCount((prev) => prev + 1);\n\n    // Trigger transition animation for retry\n    setTransitionState({\n      direction: null,\n      enteringStep: currentStep,\n      exitingStep: currentStep,\n    });\n\n    // After transition duration, reset transition state, set current step to force reprocessing, and trigger callback\n    setTimeout(() => {\n      try {\n        setTransitionState({\n          direction: null,\n          enteringStep: null,\n          exitingStep: null,\n        });\n        setCurrentStep(currentStep);\n        onStepRetry?.(currentStep);\n        onNavigationEnd?.(currentStep, currentStep, \"retry\");\n      } catch (error) {\n        onNavigationError?.(currentStep, currentStep, \"retry\", error);\n      }\n    }, 300);\n  }, [\n    currentStep,\n    onStepRetry,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n  ]);\n\n  const handleNext = useCallback(async () => {\n    if (isLastStep) return;\n\n    const targetStep = currentStep + 1;\n\n    // Call navigation start callback\n    try {\n      onNavigationStart?.(currentStep, targetStep, \"next\");\n    } catch (error) {\n      onNavigationError?.(currentStep, targetStep, \"next\", error);\n      return;\n    }\n\n    // Handle step submission if provided\n    if (handleStepSubmit) {\n      try {\n        await handleStepSubmit();\n      } catch (error) {\n        onNavigationError?.(currentStep, targetStep, \"next\", error);\n        return;\n      }\n    }\n\n    goToStep(targetStep);\n  }, [\n    currentStep,\n    isLastStep,\n    goToStep,\n    handleStepSubmit,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n  ]);\n\n  const handlePrevious = useCallback(async () => {\n    if (isFirstStep) return;\n\n    const targetStep = currentStep - 1;\n\n    // Call navigation start callback\n    try {\n      onNavigationStart?.(currentStep, targetStep, \"previous\");\n    } catch (error) {\n      onNavigationError?.(currentStep, targetStep, \"previous\", error);\n      return;\n    }\n\n    if (isBackValidate && triggerValidation) {\n      try {\n        const isValid = await triggerValidation();\n        if (!isValid) {\n          onNavigationError?.(\n            currentStep,\n            targetStep,\n            \"previous\",\n            new Error(\"Validation failed\"),\n          );\n          return;\n        }\n      } catch (error) {\n        onNavigationError?.(currentStep, targetStep, \"previous\", error);\n        return;\n      }\n    }\n\n    goToStep(targetStep);\n  }, [\n    currentStep,\n    isFirstStep,\n    isBackValidate,\n    triggerValidation,\n    goToStep,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n  ]);\n\n  return useMemo(\n    () => ({\n      currentStep,\n      goToStep,\n      jumpTo,\n      handleNext,\n      handlePrevious,\n      handleRetry,\n      retryCount,\n      isFirstStep,\n      isLastStep,\n      totalSteps: totalStepsProp,\n      transitionState,\n    }),\n    [\n      currentStep,\n      totalStepsProp,\n      isFirstStep,\n      isLastStep,\n      goToStep,\n      jumpTo,\n      handleNext,\n      handlePrevious,\n      handleRetry,\n      retryCount,\n      transitionState,\n    ],\n  );\n}\n\n/**\n * Hook to optionally consume the step control context\n * @returns StepControlContextType | undefined - Step control methods and state, or undefined if not in context\n */\nexport function useOptionalStepControlContext() {\n  return useContext(StepControlContext);\n}\n\n/**\n * Backward compatibility hook\n * This maintains the original API where useStepControl could be used as both\n * a context consumer and a creator depending on whether options were passed\n */\nexport function useStepControl(\n  options?: UseCreateStepControlOptions,\n): StepControlContextType {\n  // If options are provided, create step control state independently\n  if (options) {\n    return useCreateStepControl(options);\n  }\n\n  // Otherwise, consume context (original behavior)\n  return useStepControlContext();\n}\n\n/**\n * Hook to consume the step control context\n * @returns StepControlContextType - Step control methods and state\n * @throws Error if used outside StepControlProvider\n */\nexport function useStepControlContext() {\n  const context = useContext(StepControlContext);\n  if (context === undefined) {\n    throw new Error(\"useStepControl must be used within a StepControlProvider\");\n  }\n  return context;\n}\n"],"mappings":"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"}

package/dist/esm/components/form/StepSchemaForm.js

@@ -1,21 +1,39 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { isFormDialog, isWizardDialogConfig } from "../dialog/Dialog.types.js";
 import { useDialog } from "../dialog/Dialog.context.js";
-import { FormProvider, init_context } from "./context.js";
-import { StepControlProvider, init_StepControlContext, useOptionalStepControlContext, useStepControl } from "./StepControlContext.js";
-import { AdapterType, init_types } from "./types.js";
-import { SchemaForm, init_SchemaForm } from "./SchemaForm.js";
-import { getStepOnSuccessHandler, handleStepSubmission, init_step } from "./handlers/step.js";
-import { createStepRetryHandler, init_stepRetry } from "./utils/stepRetry.js";
-import { WizardStepContent, init_WizardStepContent } from "./WizardStepContent.js";
+import { FormProvider } from "./context.js";
+import { StepControlProvider, useOptionalStepControlContext, useStepControl } from "./StepControlContext.js";
+import { AdapterType } from "./types.js";
+import { SchemaForm } from "./SchemaForm.js";
+import { getStepOnSuccessHandler, handleStepSubmission } from "./handlers/step.js";
+import { createStepRetryHandler } from "./utils/stepRetry.js";
+import { WizardStepContent } from "./WizardStepContent.js";
 import { isWizardForm } from "../shared/types/form.js";
 import { Environment } from "../shared/environment/builders.js";
 import { UnifiedFooter } from "../shared/UnifiedFooter.js";
-import { init_components } from "../index.js";
+import "../index.js";
 import React, { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/form/StepSchemaForm.tsx
+const defaultStepFormFooter = (stepMethods, formMethods, currentDialog) => {
+	const footerEnvironment = Environment.footer().standalone().stepForm({
+		isSubmitting: formMethods?.formState?.isSubmitting || false,
+		methods: formMethods
+	}).step({
+		current: stepMethods.currentStep,
+		isFirst: stepMethods.isFirstStep,
+		isLast: stepMethods.isLastStep,
+		jumpTo: stepMethods.jumpTo,
+		onNext: stepMethods.handleSubmit || stepMethods.handleNext,
+		onPrevious: stepMethods.handlePrevious,
+		onRetry: stepMethods.handleRetry,
+		total: stepMethods.totalSteps
+	}).build();
+	return /* @__PURE__ */ jsx(UnifiedFooter, {
+		config: isFormDialog(currentDialog) || isWizardDialogConfig(currentDialog) ? currentDialog.formConfig : currentDialog,
+		environment: footerEnvironment
+	});
+};
 function StepSchemaForm({ closeDialog, config, onNavigationStart, onNavigationEnd, onNavigationError }) {
 	const { currentDialog, formMethods } = useDialog();
 	const existingStepControl = useOptionalStepControlContext();
@@ -122,7 +140,7 @@ function StepSchemaFormContent({ closeDialog, config, formMethods, onNavigationS
 					children: schemaForm
 				}) : schemaForm;
 				return /* @__PURE__ */ jsx(FormProvider, {
-					adapter: config.adapter ?? AdapterType.RHF,
+					adapter: config.adapter ?? "rhf",
 					config: {
 						...formConfig,
 						steps: config.steps
@@ -152,38 +170,7 @@ function StepSchemaFormContent({ closeDialog, config, formMethods, onNavigationS
 		])
 	});
 }
-var defaultStepFormFooter;
-var init_StepSchemaForm = __esmMin(() => {
-	init_types();
-	init_components();
-	init_context();
-	init_step();
-	init_SchemaForm();
-	init_StepControlContext();
-	init_stepRetry();
-	init_WizardStepContent();
-	defaultStepFormFooter = (stepMethods, formMethods, currentDialog) => {
-		const footerEnvironment = Environment.footer().standalone().stepForm({
-			isSubmitting: formMethods?.formState?.isSubmitting || false,
-			methods: formMethods
-		}).step({
-			current: stepMethods.currentStep,
-			isFirst: stepMethods.isFirstStep,
-			isLast: stepMethods.isLastStep,
-			jumpTo: stepMethods.jumpTo,
-			onNext: stepMethods.handleSubmit || stepMethods.handleNext,
-			onPrevious: stepMethods.handlePrevious,
-			onRetry: stepMethods.handleRetry,
-			total: stepMethods.totalSteps
-		}).build();
-		return /* @__PURE__ */ jsx(UnifiedFooter, {
-			config: isFormDialog(currentDialog) || isWizardDialogConfig(currentDialog) ? currentDialog.formConfig : currentDialog,
-			environment: footerEnvironment
-		});
-	};
-});
 
 //#endregion
-init_StepSchemaForm();
-export { StepSchemaForm, init_StepSchemaForm };
+export { StepSchemaForm };
 //# sourceMappingURL=StepSchemaForm.js.map

package/dist/esm/components/form/StepSchemaForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepSchemaForm.js","names":[],"sources":["../../../../src/components/form/StepSchemaForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useCallback, useMemo } from \"react\";\n\nimport type { FormConfig, StepFormFooterRenderer } from \"./types\";\nimport { AdapterType, type StepFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { isFormDialog, isWizardDialogConfig } from \"@/components\";\nimport { Environment, isWizardForm, UnifiedFooter } from \"@/components\";\nimport { FormProvider } from \"./context\";\nimport { getStepOnSuccessHandler, handleStepSubmission } from \"./handlers/step\";\nimport { SchemaForm } from \"./SchemaForm\";\nimport {\n  StepControlProvider,\n  useOptionalStepControlContext,\n  useStepControl,\n} from \"./StepControlContext\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\nimport { WizardStepContent } from \"./WizardStepContent\";\n\nconst defaultStepFormFooter: StepFormFooterRenderer = (\n  stepMethods,\n  formMethods,\n  currentDialog,\n) => {\n  const footerEnvironment = Environment.footer()\n    .standalone()\n    .stepForm({\n      isSubmitting: formMethods?.formState?.isSubmitting || false,\n      methods: formMethods,\n    })\n    .step({\n      current: stepMethods.currentStep,\n      isFirst: stepMethods.isFirstStep,\n      isLast: stepMethods.isLastStep,\n      jumpTo: stepMethods.jumpTo,\n      onNext: stepMethods.handleSubmit || stepMethods.handleNext,\n      onPrevious: stepMethods.handlePrevious,\n      onRetry: stepMethods.handleRetry,\n      total: stepMethods.totalSteps,\n    })\n    .build();\n\n  return (\n    <UnifiedFooter\n      config={\n        isFormDialog(currentDialog) || isWizardDialogConfig(currentDialog)\n          ? currentDialog.formConfig\n          : currentDialog\n      }\n      environment={footerEnvironment}\n    />\n  );\n};\n\ninterface StepSchemaFormContentProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog: () => void;\n  config: StepFormConfig<TRequest, TResponse>;\n  currentDialog: any;\n  formMethods: any;\n  onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry', error: any) => void;\n}\n\ninterface StepSchemaFormProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog: () => void;\n  config: StepFormConfig<TRequest, TResponse>;\n  onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry', error: any) => void;\n}\n\nexport function StepSchemaForm<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({ closeDialog, config, onNavigationStart, onNavigationEnd, onNavigationError }: StepSchemaFormProps<TRequest, TResponse>) {\n  const { currentDialog, formMethods } = useDialog();\n  const existingStepControl = useOptionalStepControlContext();\n\n  // If we're already in a step control context, render content directly\n  if (existingStepControl && existingStepControl.totalSteps > 0) {\n    return (\n      <StepSchemaFormContent\n        closeDialog={closeDialog}\n        config={config}\n        currentDialog={currentDialog}\n        formMethods={formMethods}\n        onNavigationStart={onNavigationStart}\n        onNavigationEnd={onNavigationEnd}\n        onNavigationError={onNavigationError}\n      />\n    );\n  }\n\n  // Otherwise, create a new step control context\n  return (\n    <StepControlProvider\n      defaultStep={config.stepBehavior?.defaultStep}\n      isBackValidate={config.stepBehavior?.isBackValidate}\n      onStepRetry={createStepRetryHandler(config.steps)}\n      totalSteps={config.steps.length}\n      onNavigationStart={onNavigationStart}\n      onNavigationEnd={onNavigationEnd}\n      onNavigationError={onNavigationError}>\n      <StepSchemaFormContent\n        closeDialog={closeDialog}\n        config={config}\n        currentDialog={currentDialog}\n        formMethods={formMethods}\n        onNavigationStart={onNavigationStart}\n        onNavigationEnd={onNavigationEnd}\n        onNavigationError={onNavigationError}\n      />\n    </StepControlProvider>\n  );\n}\n\nfunction getStepFooterConfig<\n  TRequest extends FieldValues,\n  TResponse extends BaseRecord,\n>(\n  isActive: boolean,\n  footerConfig: StepFormConfig<TRequest, TResponse>[\"footer\"],\n  stepMethods: any,\n  triggerSubmit: () => void,\n): false | React.ComponentType<any> {\n  if (!isActive) {\n    return false;\n  }\n  if (footerConfig === false) {\n    return false;\n  }\n\n  // Return a Higher-Order Component that receives props and calls the original footer function\n  return function StepFooterComponent(props: any) {\n    const { closeDialog, currentDialog, formMethods } = props;\n    const footerFn = footerConfig ?? defaultStepFormFooter;\n    return footerFn(\n      { ...stepMethods, handleSubmit: triggerSubmit },\n      formMethods?.current,\n      closeDialog,\n      currentDialog,\n    );\n  };\n}\n\nfunction StepSchemaFormContent<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog,\n  config,\n  formMethods,\n  onNavigationStart,\n  onNavigationEnd,\n  onNavigationError,\n}: StepSchemaFormContentProps<TRequest, TResponse>) {\n  const stepControl = useStepControl();\n  const {\n    currentStep,\n    goToStep, // Use context's goToStep which now has transitions\n    jumpTo,\n    handleNext,\n    handlePrevious,\n    handleRetry,\n    isFirstStep,\n    isLastStep,\n    totalSteps,\n    transitionState, // Get transition state from context\n  } = stepControl;\n\n  const triggerSubmit = useCallback(() => {\n    if (!formMethods?.current?.handleSubmit) return;\n\n    handleStepSubmission({\n      closeDialog,\n      config: {\n        ...config,\n        onSuccess: getStepOnSuccessHandler(\n          config,\n          formMethods?.current,\n          isLastStep,\n          closeDialog,\n        ),\n      },\n      currentStep, // Keep 1-based for external APIs\n      formMethods: formMethods?.current,\n      goToNextStep: handleNext, // Add the missing goToNextStep parameter\n      isLastStep,\n      stepConfig: config.steps[currentStep - 1], // Convert to 0-based index for array access\n    });\n  }, [formMethods?.current, config, currentStep, isLastStep, closeDialog, handleNext]);\n\n  const schemaForms = useMemo(() => {\n    const stepMethods = {\n      currentStep, // Keep 1-based for external APIs\n      goToStep, // Use context's goToStep directly\n      jumpTo,\n      handleNext,\n      handlePrevious,\n      handleRetry,\n      isFirstStep,\n      isLastStep,\n      totalSteps,\n    };\n\n    return config.steps.map((step, index) => {\n      const isActive = currentStep === index + 1; // Compare 1-based currentStep with 0-based index\n      const isExiting = transitionState.exitingStep === index + 1;\n      const isEntering = transitionState.enteringStep === index + 1;\n\n      const formConfig: FormConfig<TRequest, TResponse> = {\n        ...config,\n        fields: step.fields,\n        footer: getStepFooterConfig(\n          isActive,\n          config.footer,\n          stepMethods,\n          triggerSubmit,\n        ),\n        validationSchema: step.validationSchema,\n      };\n\n      const schemaForm = (\n        <SchemaForm<TRequest>\n          active={isActive}\n          closeDialog={closeDialog}\n          config={formConfig}\n        />\n      );\n\n      const formContent = isWizardForm(config) ? (\n        <WizardStepContent\n          className=\"space-y-6\"\n          description={step.description}\n          icon={step.icon}\n          isActive={isActive}\n          isEntering={isEntering}\n          isExiting={isExiting}\n          title={step.title}>\n          {schemaForm}\n        </WizardStepContent>\n      ) : (\n        schemaForm\n      );\n\n      return (\n        <FormProvider\n          adapter={config.adapter ?? AdapterType.RHF}\n          config={{ ...formConfig, steps: config.steps }}\n          formInstance={formMethods}\n          key={`step-${index}`}>\n          {formContent}\n        </FormProvider>\n      );\n    });\n  }, [\n    config,\n    currentStep,\n    goToStep,\n    jumpTo,\n    handleNext,\n    handlePrevious,\n    handleRetry,\n    isFirstStep,\n    isLastStep,\n    totalSteps,\n    triggerSubmit,\n    closeDialog,\n    formMethods,\n    transitionState,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n  ]);\n\n  return <div className=\"grid grid-cols-1 grid-rows-1\">{schemaForms}</div>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiFA,SAAgB,eAGd,EAAE,aAAa,QAAQ,mBAAmB,iBAAiB,qBAA+D;CAC1H,MAAM,EAAE,eAAe,gBAAgB,WAAW;CAClD,MAAM,sBAAsB,+BAA+B;AAG3D,KAAI,uBAAuB,oBAAoB,aAAa,EAC1D,QACE,oBAAC;EACc;EACL;EACO;EACF;EACM;EACF;EACE;GACnB;AAKN,QACE,oBAAC;EACC,aAAa,OAAO,cAAc;EAClC,gBAAgB,OAAO,cAAc;EACrC,aAAa,uBAAuB,OAAO,MAAM;EACjD,YAAY,OAAO,MAAM;EACN;EACF;EACE;YACnB,oBAAC;GACc;GACL;GACO;GACF;GACM;GACF;GACE;IACnB;GACkB;;AAI1B,SAAS,oBAIP,UACA,cACA,aACA,eACkC;AAClC,KAAI,CAAC,SACH,QAAO;AAET,KAAI,iBAAiB,MACnB,QAAO;AAIT,QAAO,SAAS,oBAAoB,OAAY;EAC9C,MAAM,EAAE,aAAa,eAAe,gBAAgB;AAEpD,UADiB,gBAAgB,uBAE/B;GAAE,GAAG;GAAa,cAAc;GAAe,EAC/C,aAAa,SACb,aACA,cACD;;;AAIL,SAAS,sBAGP,EACA,aACA,QACA,aACA,mBACA,iBACA,qBACkD;CAElD,MAAM,EACJ,aACA,UACA,QACA,YACA,gBACA,aACA,aACA,YACA,YACA,oBAXkB,gBAAgB;CAcpC,MAAM,gBAAgB,kBAAkB;AACtC,MAAI,CAAC,aAAa,SAAS,aAAc;AAEzC,uBAAqB;GACnB;GACA,QAAQ;IACN,GAAG;IACH,WAAW,wBACT,QACA,aAAa,SACb,YACA,YACD;IACF;GACD;GACA,aAAa,aAAa;GAC1B,cAAc;GACd;GACA,YAAY,OAAO,MAAM,cAAc;GACxC,CAAC;IACD;EAAC,aAAa;EAAS;EAAQ;EAAa;EAAY;EAAa;EAAW,CAAC;AAqFpF,QAAO,oBAAC;EAAI,WAAU;YAnFF,cAAc;GAChC,MAAM,cAAc;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;AAED,UAAO,OAAO,MAAM,KAAK,MAAM,UAAU;IACvC,MAAM,WAAW,gBAAgB,QAAQ;IACzC,MAAM,YAAY,gBAAgB,gBAAgB,QAAQ;IAC1D,MAAM,aAAa,gBAAgB,iBAAiB,QAAQ;IAE5D,MAAM,aAA8C;KAClD,GAAG;KACH,QAAQ,KAAK;KACb,QAAQ,oBACN,UACA,OAAO,QACP,aACA,cACD;KACD,kBAAkB,KAAK;KACxB;IAED,MAAM,aACJ,oBAAC;KACC,QAAQ;KACK;KACb,QAAQ;MACR;IAGJ,MAAM,cAAc,aAAa,OAAO,GACtC,oBAAC;KACC,WAAU;KACV,aAAa,KAAK;KAClB,MAAM,KAAK;KACD;KACE;KACD;KACX,OAAO,KAAK;eACX;MACiB,GAEpB;AAGF,WACE,oBAAC;KACC,SAAS,OAAO,WAAW,YAAY;KACvC,QAAQ;MAAE,GAAG;MAAY,OAAO,OAAO;MAAO;KAC9C,cAAc;eAEb;OADI,QAAQ,QAEA;KAEjB;KACD;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;GAEsE;;;;aAvRf;kBAElB;eAGA;YACuC;kBACtC;0BAKZ;iBAC6B;yBACH;CAElD,yBACJ,aACA,aACA,kBACG;EACH,MAAM,oBAAoB,YAAY,QAAQ,CAC3C,YAAY,CACZ,SAAS;GACR,cAAc,aAAa,WAAW,gBAAgB;GACtD,SAAS;GACV,CAAC,CACD,KAAK;GACJ,SAAS,YAAY;GACrB,SAAS,YAAY;GACrB,QAAQ,YAAY;GACpB,QAAQ,YAAY;GACpB,QAAQ,YAAY,gBAAgB,YAAY;GAChD,YAAY,YAAY;GACxB,SAAS,YAAY;GACrB,OAAO,YAAY;GACpB,CAAC,CACD,OAAO;AAEV,SACE,oBAAC;GACC,QACE,aAAa,cAAc,IAAI,qBAAqB,cAAc,GAC9D,cAAc,aACd;GAEN,aAAa;IACb"}
+{"version":3,"file":"StepSchemaForm.js","names":[],"sources":["../../../../src/components/form/StepSchemaForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useCallback, useMemo } from \"react\";\n\nimport type { FormConfig, StepFormFooterRenderer } from \"./types\";\nimport { AdapterType, type StepFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { isFormDialog, isWizardDialogConfig } from \"@/components\";\nimport { Environment, isWizardForm, UnifiedFooter } from \"@/components\";\nimport { FormProvider } from \"./context\";\nimport { getStepOnSuccessHandler, handleStepSubmission } from \"./handlers/step\";\nimport { SchemaForm } from \"./SchemaForm\";\nimport {\n  StepControlProvider,\n  useOptionalStepControlContext,\n  useStepControl,\n} from \"./StepControlContext\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\nimport { WizardStepContent } from \"./WizardStepContent\";\n\nconst defaultStepFormFooter: StepFormFooterRenderer = (\n  stepMethods,\n  formMethods,\n  currentDialog,\n) => {\n  const footerEnvironment = Environment.footer()\n    .standalone()\n    .stepForm({\n      isSubmitting: formMethods?.formState?.isSubmitting || false,\n      methods: formMethods,\n    })\n    .step({\n      current: stepMethods.currentStep,\n      isFirst: stepMethods.isFirstStep,\n      isLast: stepMethods.isLastStep,\n      jumpTo: stepMethods.jumpTo,\n      onNext: stepMethods.handleSubmit || stepMethods.handleNext,\n      onPrevious: stepMethods.handlePrevious,\n      onRetry: stepMethods.handleRetry,\n      total: stepMethods.totalSteps,\n    })\n    .build();\n\n  return (\n    <UnifiedFooter\n      config={\n        isFormDialog(currentDialog) || isWizardDialogConfig(currentDialog)\n          ? currentDialog.formConfig\n          : currentDialog\n      }\n      environment={footerEnvironment}\n    />\n  );\n};\n\ninterface StepSchemaFormContentProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog: () => void;\n  config: StepFormConfig<TRequest, TResponse>;\n  currentDialog: any;\n  formMethods: any;\n  onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry', error: any) => void;\n}\n\ninterface StepSchemaFormProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog: () => void;\n  config: StepFormConfig<TRequest, TResponse>;\n  onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry', error: any) => void;\n}\n\nexport function StepSchemaForm<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({ closeDialog, config, onNavigationStart, onNavigationEnd, onNavigationError }: StepSchemaFormProps<TRequest, TResponse>) {\n  const { currentDialog, formMethods } = useDialog();\n  const existingStepControl = useOptionalStepControlContext();\n\n  // If we're already in a step control context, render content directly\n  if (existingStepControl && existingStepControl.totalSteps > 0) {\n    return (\n      <StepSchemaFormContent\n        closeDialog={closeDialog}\n        config={config}\n        currentDialog={currentDialog}\n        formMethods={formMethods}\n        onNavigationStart={onNavigationStart}\n        onNavigationEnd={onNavigationEnd}\n        onNavigationError={onNavigationError}\n      />\n    );\n  }\n\n  // Otherwise, create a new step control context\n  return (\n    <StepControlProvider\n      defaultStep={config.stepBehavior?.defaultStep}\n      isBackValidate={config.stepBehavior?.isBackValidate}\n      onStepRetry={createStepRetryHandler(config.steps)}\n      totalSteps={config.steps.length}\n      onNavigationStart={onNavigationStart}\n      onNavigationEnd={onNavigationEnd}\n      onNavigationError={onNavigationError}>\n      <StepSchemaFormContent\n        closeDialog={closeDialog}\n        config={config}\n        currentDialog={currentDialog}\n        formMethods={formMethods}\n        onNavigationStart={onNavigationStart}\n        onNavigationEnd={onNavigationEnd}\n        onNavigationError={onNavigationError}\n      />\n    </StepControlProvider>\n  );\n}\n\nfunction getStepFooterConfig<\n  TRequest extends FieldValues,\n  TResponse extends BaseRecord,\n>(\n  isActive: boolean,\n  footerConfig: StepFormConfig<TRequest, TResponse>[\"footer\"],\n  stepMethods: any,\n  triggerSubmit: () => void,\n): false | React.ComponentType<any> {\n  if (!isActive) {\n    return false;\n  }\n  if (footerConfig === false) {\n    return false;\n  }\n\n  // Return a Higher-Order Component that receives props and calls the original footer function\n  return function StepFooterComponent(props: any) {\n    const { closeDialog, currentDialog, formMethods } = props;\n    const footerFn = footerConfig ?? defaultStepFormFooter;\n    return footerFn(\n      { ...stepMethods, handleSubmit: triggerSubmit },\n      formMethods?.current,\n      closeDialog,\n      currentDialog,\n    );\n  };\n}\n\nfunction StepSchemaFormContent<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog,\n  config,\n  formMethods,\n  onNavigationStart,\n  onNavigationEnd,\n  onNavigationError,\n}: StepSchemaFormContentProps<TRequest, TResponse>) {\n  const stepControl = useStepControl();\n  const {\n    currentStep,\n    goToStep, // Use context's goToStep which now has transitions\n    jumpTo,\n    handleNext,\n    handlePrevious,\n    handleRetry,\n    isFirstStep,\n    isLastStep,\n    totalSteps,\n    transitionState, // Get transition state from context\n  } = stepControl;\n\n  const triggerSubmit = useCallback(() => {\n    if (!formMethods?.current?.handleSubmit) return;\n\n    handleStepSubmission({\n      closeDialog,\n      config: {\n        ...config,\n        onSuccess: getStepOnSuccessHandler(\n          config,\n          formMethods?.current,\n          isLastStep,\n          closeDialog,\n        ),\n      },\n      currentStep, // Keep 1-based for external APIs\n      formMethods: formMethods?.current,\n      goToNextStep: handleNext, // Add the missing goToNextStep parameter\n      isLastStep,\n      stepConfig: config.steps[currentStep - 1], // Convert to 0-based index for array access\n    });\n  }, [formMethods?.current, config, currentStep, isLastStep, closeDialog, handleNext]);\n\n  const schemaForms = useMemo(() => {\n    const stepMethods = {\n      currentStep, // Keep 1-based for external APIs\n      goToStep, // Use context's goToStep directly\n      jumpTo,\n      handleNext,\n      handlePrevious,\n      handleRetry,\n      isFirstStep,\n      isLastStep,\n      totalSteps,\n    };\n\n    return config.steps.map((step, index) => {\n      const isActive = currentStep === index + 1; // Compare 1-based currentStep with 0-based index\n      const isExiting = transitionState.exitingStep === index + 1;\n      const isEntering = transitionState.enteringStep === index + 1;\n\n      const formConfig: FormConfig<TRequest, TResponse> = {\n        ...config,\n        fields: step.fields,\n        footer: getStepFooterConfig(\n          isActive,\n          config.footer,\n          stepMethods,\n          triggerSubmit,\n        ),\n        validationSchema: step.validationSchema,\n      };\n\n      const schemaForm = (\n        <SchemaForm<TRequest>\n          active={isActive}\n          closeDialog={closeDialog}\n          config={formConfig}\n        />\n      );\n\n      const formContent = isWizardForm(config) ? (\n        <WizardStepContent\n          className=\"space-y-6\"\n          description={step.description}\n          icon={step.icon}\n          isActive={isActive}\n          isEntering={isEntering}\n          isExiting={isExiting}\n          title={step.title}>\n          {schemaForm}\n        </WizardStepContent>\n      ) : (\n        schemaForm\n      );\n\n      return (\n        <FormProvider\n          adapter={config.adapter ?? AdapterType.RHF}\n          config={{ ...formConfig, steps: config.steps }}\n          formInstance={formMethods}\n          key={`step-${index}`}>\n          {formContent}\n        </FormProvider>\n      );\n    });\n  }, [\n    config,\n    currentStep,\n    goToStep,\n    jumpTo,\n    handleNext,\n    handlePrevious,\n    handleRetry,\n    isFirstStep,\n    isLastStep,\n    totalSteps,\n    triggerSubmit,\n    closeDialog,\n    formMethods,\n    transitionState,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n  ]);\n\n  return <div className=\"grid grid-cols-1 grid-rows-1\">{schemaForms}</div>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,MAAM,yBACJ,aACA,aACA,kBACG;CACH,MAAM,oBAAoB,YAAY,QAAQ,CAC3C,YAAY,CACZ,SAAS;EACR,cAAc,aAAa,WAAW,gBAAgB;EACtD,SAAS;EACV,CAAC,CACD,KAAK;EACJ,SAAS,YAAY;EACrB,SAAS,YAAY;EACrB,QAAQ,YAAY;EACpB,QAAQ,YAAY;EACpB,QAAQ,YAAY,gBAAgB,YAAY;EAChD,YAAY,YAAY;EACxB,SAAS,YAAY;EACrB,OAAO,YAAY;EACpB,CAAC,CACD,OAAO;AAEV,QACE,oBAAC,eAAD;EACE,QACE,aAAa,cAAc,IAAI,qBAAqB,cAAc,GAC9D,cAAc,aACd;EAEN,aAAa;EACb;;AA4BN,SAAgB,eAGd,EAAE,aAAa,QAAQ,mBAAmB,iBAAiB,qBAA+D;CAC1H,MAAM,EAAE,eAAe,gBAAgB,WAAW;CAClD,MAAM,sBAAsB,+BAA+B;AAG3D,KAAI,uBAAuB,oBAAoB,aAAa,EAC1D,QACE,oBAAC,uBAAD;EACe;EACL;EACO;EACF;EACM;EACF;EACE;EACnB;AAKN,QACE,oBAAC,qBAAD;EACE,aAAa,OAAO,cAAc;EAClC,gBAAgB,OAAO,cAAc;EACrC,aAAa,uBAAuB,OAAO,MAAM;EACjD,YAAY,OAAO,MAAM;EACN;EACF;EACE;YACnB,oBAAC,uBAAD;GACe;GACL;GACO;GACF;GACM;GACF;GACE;GACnB;EACkB;;AAI1B,SAAS,oBAIP,UACA,cACA,aACA,eACkC;AAClC,KAAI,CAAC,SACH,QAAO;AAET,KAAI,iBAAiB,MACnB,QAAO;AAIT,QAAO,SAAS,oBAAoB,OAAY;EAC9C,MAAM,EAAE,aAAa,eAAe,gBAAgB;AAEpD,UADiB,gBAAgB,uBAE/B;GAAE,GAAG;GAAa,cAAc;GAAe,EAC/C,aAAa,SACb,aACA,cACD;;;AAIL,SAAS,sBAGP,EACA,aACA,QACA,aACA,mBACA,iBACA,qBACkD;CAElD,MAAM,EACJ,aACA,UACA,QACA,YACA,gBACA,aACA,aACA,YACA,YACA,oBAXkB,gBAYL;CAEf,MAAM,gBAAgB,kBAAkB;AACtC,MAAI,CAAC,aAAa,SAAS,aAAc;AAEzC,uBAAqB;GACnB;GACA,QAAQ;IACN,GAAG;IACH,WAAW,wBACT,QACA,aAAa,SACb,YACA,YACD;IACF;GACD;GACA,aAAa,aAAa;GAC1B,cAAc;GACd;GACA,YAAY,OAAO,MAAM,cAAc;GACxC,CAAC;IACD;EAAC,aAAa;EAAS;EAAQ;EAAa;EAAY;EAAa;EAAW,CAAC;AAqFpF,QAAO,oBAAC,OAAD;EAAK,WAAU;YAnFF,cAAc;GAChC,MAAM,cAAc;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;AAED,UAAO,OAAO,MAAM,KAAK,MAAM,UAAU;IACvC,MAAM,WAAW,gBAAgB,QAAQ;IACzC,MAAM,YAAY,gBAAgB,gBAAgB,QAAQ;IAC1D,MAAM,aAAa,gBAAgB,iBAAiB,QAAQ;IAE5D,MAAM,aAA8C;KAClD,GAAG;KACH,QAAQ,KAAK;KACb,QAAQ,oBACN,UACA,OAAO,QACP,aACA,cACD;KACD,kBAAkB,KAAK;KACxB;IAED,MAAM,aACJ,oBAAC,YAAD;KACE,QAAQ;KACK;KACb,QAAQ;KACR;IAGJ,MAAM,cAAc,aAAa,OAAO,GACtC,oBAAC,mBAAD;KACE,WAAU;KACV,aAAa,KAAK;KAClB,MAAM,KAAK;KACD;KACE;KACD;KACX,OAAO,KAAK;eACX;KACiB,IAEpB;AAGF,WACE,oBAAC,cAAD;KACE,SAAS,OAAO;KAChB,QAAQ;MAAE,GAAG;MAAY,OAAO,OAAO;MAAO;KAC9C,cAAc;eAEb;KACY,EAFR,QAAQ,QAEA;KAEjB;KACD;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAEgE;EAAO"}

package/dist/esm/components/form/WizardForm.js

@@ -1,15 +1,14 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { useDialog } from "../dialog/Dialog.context.js";
 import { resolveAllowStepNavigation } from "../shared/utils/stepState.js";
 import { useIsInDialog } from "../dialog/utils/dialogDetection.js";
-import { StepControlProvider, init_StepControlContext, useStepControl } from "./StepControlContext.js";
-import { createStepRetryHandler, init_stepRetry } from "./utils/stepRetry.js";
-import { StepSchemaForm, init_StepSchemaForm } from "./StepSchemaForm.js";
+import { StepControlProvider, useStepControl } from "./StepControlContext.js";
+import { createStepRetryHandler } from "./utils/stepRetry.js";
+import { StepSchemaForm } from "./StepSchemaForm.js";
 import { ProgressStyleType } from "../shared/types/header.js";
 import { Environment } from "../shared/environment/builders.js";
 import { UnifiedFooter } from "../shared/UnifiedFooter.js";
 import { UnifiedHeader } from "../shared/UnifiedHeader.js";
-import { init_components } from "../index.js";
+import "../index.js";
 import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -68,7 +67,7 @@ function WizardFormContent({ closeDialog, config, formMethods, isInDialog }) {
 		current: currentStep,
 		disabledSteps: config.stepNavigationDisabled,
 		onStepClick: goToStep,
-		progressStyle: ProgressStyleType.TIMELINE,
+		progressStyle: "timeline",
 		steps: config.steps,
 		total: totalSteps
 	}).build();
@@ -85,11 +84,11 @@ function WizardFormContent({ closeDialog, config, formMethods, isInDialog }) {
 					closeDialog,
 					config: {
 						...config,
-						footer: (stepMethods, formMethods$1, closeDialog$1, currentDialog$1) => {
+						footer: (stepMethods, formMethods, closeDialog, currentDialog) => {
 							const footerEnvironmentBuilder = Environment.footer();
 							if (isInDialog) footerEnvironmentBuilder.dialog({
-								dialogConfig: currentDialog$1 || {},
-								onClose: closeDialog$1
+								dialogConfig: currentDialog || {},
+								onClose: closeDialog
 							});
 							else footerEnvironmentBuilder.standalone();
 							return /* @__PURE__ */ jsx(UnifiedFooter, {
@@ -97,7 +96,7 @@ function WizardFormContent({ closeDialog, config, formMethods, isInDialog }) {
 								environment: footerEnvironmentBuilder.wizardForm({
 									isSubmitting,
 									methods: {
-										...formMethods$1?.current,
+										...formMethods?.current,
 										handleSubmit: stepMethods.handleSubmit
 									}
 								}).step({
@@ -121,14 +120,7 @@ function WizardFormContent({ closeDialog, config, formMethods, isInDialog }) {
 		})]
 	});
 }
-var init_WizardForm = __esmMin(() => {
-	init_components();
-	init_StepControlContext();
-	init_StepSchemaForm();
-	init_stepRetry();
-});
 
 //#endregion
-init_WizardForm();
-export { WizardForm, init_WizardForm };
+export { WizardForm };
 //# sourceMappingURL=WizardForm.js.map

package/dist/esm/components/form/WizardForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardForm.js","names":["currentDialog","closeDialog","formMethods"],"sources":["../../../../src/components/form/WizardForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useMemo } from \"react\";\n\nimport type { WizardFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { useIsInDialog } from \"@/components\";\nimport { Environment, UnifiedFooter, UnifiedHeader } from \"@/components\";\nimport { ProgressStyleType } from \"@/components\";\nimport { resolveAllowStepNavigation } from \"@/components\";\nimport { StepControlProvider, useStepControl } from \"./StepControlContext\";\nimport { StepSchemaForm } from \"./StepSchemaForm\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\n\ninterface WizardFormContentProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog: () => void;\n  config: WizardFormConfig<TRequest, TResponse>;\n  formMethods: any;\n  isInDialog: boolean;\n}\n\ninterface WizardFormProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog?: () => void;\n  config: WizardFormConfig<TRequest, TResponse>;\n}\n\nexport function WizardForm<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog = () => void 0,\n  config,\n}: WizardFormProps<TRequest, TResponse>) {\n  const { formMethods } = useDialog();\n  const existingStepControl = useStepControl();\n  const isInDialog = useIsInDialog();\n\n  // If we're already in a step control context, render content directly\n  if (existingStepControl && existingStepControl.totalSteps > 0) {\n    return (\n      <WizardFormContent\n        closeDialog={closeDialog}\n        config={config}\n        formMethods={formMethods}\n        isInDialog={isInDialog}\n      />\n    );\n  }\n\n  return (\n    <StepControlProvider\n      defaultStep={config.stepBehavior?.defaultStep}\n      isBackValidate={config.stepBehavior?.isBackValidate}\n      onStepRetry={createStepRetryHandler(config.steps)}\n      totalSteps={config.steps.length}\n      onNavigationStart={config.onNavigationStart}\n      onNavigationEnd={config.onNavigationEnd}\n      onNavigationError={config.onNavigationError}>\n      <WizardFormContent\n        closeDialog={closeDialog}\n        config={config}\n        formMethods={formMethods}\n        isInDialog={isInDialog}\n      />\n    </StepControlProvider>\n  );\n}\n\nfunction WizardFormContent<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog,\n  config,\n  formMethods,\n  isInDialog,\n}: WizardFormContentProps<TRequest, TResponse>) {\n  const { currentDialog } = useDialog();\n  const stepControl = useStepControl();\n  const { currentStep, goToStep, isFirstStep, isLastStep, totalSteps } =\n    stepControl;\n  const isSubmitting = formMethods?.current?.formState?.isSubmitting || false;\n\n  // Helper function to evaluate allowStepNavigation (step-level takes precedence over wizard-level)\n  const isStepNavigationAllowed = useMemo(() => {\n    return resolveAllowStepNavigation(\n      config.allowStepNavigation,\n      config.steps,\n      currentStep,\n    );\n  }, [config.allowStepNavigation, config.steps, currentStep]);\n\n  // Create header environment\n  const currentStepConfig = config.steps[currentStep - 1];\n  const headerEnvironmentBuilder = Environment.header();\n\n  // Use dialog container if we're in a dialog, otherwise use standalone\n  if (isInDialog) {\n    headerEnvironmentBuilder.dialog({\n      dialogConfig: currentDialog || {},\n      onClose: closeDialog,\n    });\n  } else {\n    headerEnvironmentBuilder.standalone();\n  }\n\n  const headerEnvironment = headerEnvironmentBuilder\n    .content({\n      actions: undefined,\n      description: currentStepConfig?.description,\n      title: currentStepConfig?.title,\n    })\n    .wizardNavigation({\n      allowNavigation: isStepNavigationAllowed,\n      current: currentStep,\n      disabledSteps: config.stepNavigationDisabled,\n      onStepClick: goToStep,\n      progressStyle: ProgressStyleType.TIMELINE,\n      steps: config.steps,\n      total: totalSteps,\n    })\n    .build();\n\n  return (\n    <div className={config.wizardClassName || \"space-y-6\"}>\n      {!isInDialog && (\n        <UnifiedHeader config={config} environment={headerEnvironment} />\n      )}\n      <div className=\"space-y-4\">\n        <div className=\"space-y-4\">\n          <StepSchemaForm\n            closeDialog={closeDialog}\n            config={{\n              ...config,\n              footer: (\n                stepMethods,\n                formMethods,\n                closeDialog,\n                currentDialog,\n              ) => {\n                const footerEnvironmentBuilder = Environment.footer();\n\n                // Use dialog container if we're in a dialog, otherwise use standalone\n                if (isInDialog) {\n                  footerEnvironmentBuilder.dialog({\n                    dialogConfig: currentDialog || {},\n                    onClose: closeDialog,\n                  });\n                } else {\n                  footerEnvironmentBuilder.standalone();\n                }\n\n                const footerEnvironment = footerEnvironmentBuilder\n                  .wizardForm({\n                    isSubmitting,\n                    methods: {\n                      ...formMethods?.current,\n                      handleSubmit: stepMethods.handleSubmit, // Override with step-specific handler\n                    },\n                  })\n                  .step({\n                    current: currentStep,\n                    isFirst: isFirstStep,\n                    isLast: isLastStep,\n                    jumpTo: stepControl.jumpTo,\n                    onNext: stepMethods.handleNext,\n                    onPrevious: stepMethods.handlePrevious,\n                    onRetry: stepMethods.handleRetry,\n                    retryCount: stepControl.retryCount,\n                    total: totalSteps,\n                  })\n                  .build();\n\n                // Pass the config with actionButtons to UnifiedFooter\n                // This allows UnifiedFooter to properly evaluate dynamic actionButtons callbacks\n                return (\n                  <UnifiedFooter\n                    config={config}\n                    environment={footerEnvironment}\n                  />\n                );\n              },\n              header: false, // Never render step headers in wizards\n              stepBehavior: config.stepBehavior,\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkCA,SAAgB,WAGd,EACA,oBAAoB,KAAK,GACzB,UACuC;CACvC,MAAM,EAAE,gBAAgB,WAAW;CACnC,MAAM,sBAAsB,gBAAgB;CAC5C,MAAM,aAAa,eAAe;AAGlC,KAAI,uBAAuB,oBAAoB,aAAa,EAC1D,QACE,oBAAC;EACc;EACL;EACK;EACD;GACZ;AAIN,QACE,oBAAC;EACC,aAAa,OAAO,cAAc;EAClC,gBAAgB,OAAO,cAAc;EACrC,aAAa,uBAAuB,OAAO,MAAM;EACjD,YAAY,OAAO,MAAM;EACzB,mBAAmB,OAAO;EAC1B,iBAAiB,OAAO;EACxB,mBAAmB,OAAO;YAC1B,oBAAC;GACc;GACL;GACK;GACD;IACZ;GACkB;;AAI1B,SAAS,kBAGP,EACA,aACA,QACA,aACA,cAC8C;CAC9C,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,aAAa,UAAU,aAAa,YAAY,eACtD;CACF,MAAM,eAAe,aAAa,SAAS,WAAW,gBAAgB;CAGtE,MAAM,0BAA0B,cAAc;AAC5C,SAAO,2BACL,OAAO,qBACP,OAAO,OACP,YACD;IACA;EAAC,OAAO;EAAqB,OAAO;EAAO;EAAY,CAAC;CAG3D,MAAM,oBAAoB,OAAO,MAAM,cAAc;CACrD,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,KAAI,WACF,0BAAyB,OAAO;EAC9B,cAAc,iBAAiB,EAAE;EACjC,SAAS;EACV,CAAC;KAEF,0BAAyB,YAAY;CAGvC,MAAM,oBAAoB,yBACvB,QAAQ;EACP,SAAS;EACT,aAAa,mBAAmB;EAChC,OAAO,mBAAmB;EAC3B,CAAC,CACD,iBAAiB;EAChB,iBAAiB;EACjB,SAAS;EACT,eAAe,OAAO;EACtB,aAAa;EACb,eAAe,kBAAkB;EACjC,OAAO,OAAO;EACd,OAAO;EACR,CAAC,CACD,OAAO;AAEV,QACE,qBAAC;EAAI,WAAW,OAAO,mBAAmB;aACvC,CAAC,cACA,oBAAC;GAAsB;GAAQ,aAAa;IAAqB,EAEnE,oBAAC;GAAI,WAAU;aACb,oBAAC;IAAI,WAAU;cACb,oBAAC;KACc;KACb,QAAQ;MACN,GAAG;MACH,SACE,aACA,eACA,eACA,oBACG;OACH,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,WAAI,WACF,0BAAyB,OAAO;QAC9B,cAAcA,mBAAiB,EAAE;QACjC,SAASC;QACV,CAAC;WAEF,0BAAyB,YAAY;AA0BvC,cACE,oBAAC;QACS;QACR,aA1BsB,yBACvB,WAAW;SACV;SACA,SAAS;UACP,GAAGC,eAAa;UAChB,cAAc,YAAY;UAC3B;SACF,CAAC,CACD,KAAK;SACJ,SAAS;SACT,SAAS;SACT,QAAQ;SACR,QAAQ,YAAY;SACpB,QAAQ,YAAY;SACpB,YAAY,YAAY;SACxB,SAAS,YAAY;SACrB,YAAY,YAAY;SACxB,OAAO;SACR,CAAC,CACD,OAAO;SAQN;;MAGN,QAAQ;MACR,cAAc,OAAO;MACtB;MACD;KACE;IACF;GACF;;;kBA7L+B;0BAKkC;sBACzB;iBACS"}
+{"version":3,"file":"WizardForm.js","names":[],"sources":["../../../../src/components/form/WizardForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useMemo } from \"react\";\n\nimport type { WizardFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { useIsInDialog } from \"@/components\";\nimport { Environment, UnifiedFooter, UnifiedHeader } from \"@/components\";\nimport { ProgressStyleType } from \"@/components\";\nimport { resolveAllowStepNavigation } from \"@/components\";\nimport { StepControlProvider, useStepControl } from \"./StepControlContext\";\nimport { StepSchemaForm } from \"./StepSchemaForm\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\n\ninterface WizardFormContentProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog: () => void;\n  config: WizardFormConfig<TRequest, TResponse>;\n  formMethods: any;\n  isInDialog: boolean;\n}\n\ninterface WizardFormProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog?: () => void;\n  config: WizardFormConfig<TRequest, TResponse>;\n}\n\nexport function WizardForm<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog = () => void 0,\n  config,\n}: WizardFormProps<TRequest, TResponse>) {\n  const { formMethods } = useDialog();\n  const existingStepControl = useStepControl();\n  const isInDialog = useIsInDialog();\n\n  // If we're already in a step control context, render content directly\n  if (existingStepControl && existingStepControl.totalSteps > 0) {\n    return (\n      <WizardFormContent\n        closeDialog={closeDialog}\n        config={config}\n        formMethods={formMethods}\n        isInDialog={isInDialog}\n      />\n    );\n  }\n\n  return (\n    <StepControlProvider\n      defaultStep={config.stepBehavior?.defaultStep}\n      isBackValidate={config.stepBehavior?.isBackValidate}\n      onStepRetry={createStepRetryHandler(config.steps)}\n      totalSteps={config.steps.length}\n      onNavigationStart={config.onNavigationStart}\n      onNavigationEnd={config.onNavigationEnd}\n      onNavigationError={config.onNavigationError}>\n      <WizardFormContent\n        closeDialog={closeDialog}\n        config={config}\n        formMethods={formMethods}\n        isInDialog={isInDialog}\n      />\n    </StepControlProvider>\n  );\n}\n\nfunction WizardFormContent<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog,\n  config,\n  formMethods,\n  isInDialog,\n}: WizardFormContentProps<TRequest, TResponse>) {\n  const { currentDialog } = useDialog();\n  const stepControl = useStepControl();\n  const { currentStep, goToStep, isFirstStep, isLastStep, totalSteps } =\n    stepControl;\n  const isSubmitting = formMethods?.current?.formState?.isSubmitting || false;\n\n  // Helper function to evaluate allowStepNavigation (step-level takes precedence over wizard-level)\n  const isStepNavigationAllowed = useMemo(() => {\n    return resolveAllowStepNavigation(\n      config.allowStepNavigation,\n      config.steps,\n      currentStep,\n    );\n  }, [config.allowStepNavigation, config.steps, currentStep]);\n\n  // Create header environment\n  const currentStepConfig = config.steps[currentStep - 1];\n  const headerEnvironmentBuilder = Environment.header();\n\n  // Use dialog container if we're in a dialog, otherwise use standalone\n  if (isInDialog) {\n    headerEnvironmentBuilder.dialog({\n      dialogConfig: currentDialog || {},\n      onClose: closeDialog,\n    });\n  } else {\n    headerEnvironmentBuilder.standalone();\n  }\n\n  const headerEnvironment = headerEnvironmentBuilder\n    .content({\n      actions: undefined,\n      description: currentStepConfig?.description,\n      title: currentStepConfig?.title,\n    })\n    .wizardNavigation({\n      allowNavigation: isStepNavigationAllowed,\n      current: currentStep,\n      disabledSteps: config.stepNavigationDisabled,\n      onStepClick: goToStep,\n      progressStyle: ProgressStyleType.TIMELINE,\n      steps: config.steps,\n      total: totalSteps,\n    })\n    .build();\n\n  return (\n    <div className={config.wizardClassName || \"space-y-6\"}>\n      {!isInDialog && (\n        <UnifiedHeader config={config} environment={headerEnvironment} />\n      )}\n      <div className=\"space-y-4\">\n        <div className=\"space-y-4\">\n          <StepSchemaForm\n            closeDialog={closeDialog}\n            config={{\n              ...config,\n              footer: (\n                stepMethods,\n                formMethods,\n                closeDialog,\n                currentDialog,\n              ) => {\n                const footerEnvironmentBuilder = Environment.footer();\n\n                // Use dialog container if we're in a dialog, otherwise use standalone\n                if (isInDialog) {\n                  footerEnvironmentBuilder.dialog({\n                    dialogConfig: currentDialog || {},\n                    onClose: closeDialog,\n                  });\n                } else {\n                  footerEnvironmentBuilder.standalone();\n                }\n\n                const footerEnvironment = footerEnvironmentBuilder\n                  .wizardForm({\n                    isSubmitting,\n                    methods: {\n                      ...formMethods?.current,\n                      handleSubmit: stepMethods.handleSubmit, // Override with step-specific handler\n                    },\n                  })\n                  .step({\n                    current: currentStep,\n                    isFirst: isFirstStep,\n                    isLast: isLastStep,\n                    jumpTo: stepControl.jumpTo,\n                    onNext: stepMethods.handleNext,\n                    onPrevious: stepMethods.handlePrevious,\n                    onRetry: stepMethods.handleRetry,\n                    retryCount: stepControl.retryCount,\n                    total: totalSteps,\n                  })\n                  .build();\n\n                // Pass the config with actionButtons to UnifiedFooter\n                // This allows UnifiedFooter to properly evaluate dynamic actionButtons callbacks\n                return (\n                  <UnifiedFooter\n                    config={config}\n                    environment={footerEnvironment}\n                  />\n                );\n              },\n              header: false, // Never render step headers in wizards\n              stepBehavior: config.stepBehavior,\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkCA,SAAgB,WAGd,EACA,oBAAoB,KAAK,GACzB,UACuC;CACvC,MAAM,EAAE,gBAAgB,WAAW;CACnC,MAAM,sBAAsB,gBAAgB;CAC5C,MAAM,aAAa,eAAe;AAGlC,KAAI,uBAAuB,oBAAoB,aAAa,EAC1D,QACE,oBAAC,mBAAD;EACe;EACL;EACK;EACD;EACZ;AAIN,QACE,oBAAC,qBAAD;EACE,aAAa,OAAO,cAAc;EAClC,gBAAgB,OAAO,cAAc;EACrC,aAAa,uBAAuB,OAAO,MAAM;EACjD,YAAY,OAAO,MAAM;EACzB,mBAAmB,OAAO;EAC1B,iBAAiB,OAAO;EACxB,mBAAmB,OAAO;YAC1B,oBAAC,mBAAD;GACe;GACL;GACK;GACD;GACZ;EACkB;;AAI1B,SAAS,kBAGP,EACA,aACA,QACA,aACA,cAC8C;CAC9C,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,aAAa,UAAU,aAAa,YAAY,eACtD;CACF,MAAM,eAAe,aAAa,SAAS,WAAW,gBAAgB;CAGtE,MAAM,0BAA0B,cAAc;AAC5C,SAAO,2BACL,OAAO,qBACP,OAAO,OACP,YACD;IACA;EAAC,OAAO;EAAqB,OAAO;EAAO;EAAY,CAAC;CAG3D,MAAM,oBAAoB,OAAO,MAAM,cAAc;CACrD,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,KAAI,WACF,0BAAyB,OAAO;EAC9B,cAAc,iBAAiB,EAAE;EACjC,SAAS;EACV,CAAC;KAEF,0BAAyB,YAAY;CAGvC,MAAM,oBAAoB,yBACvB,QAAQ;EACP,SAAS;EACT,aAAa,mBAAmB;EAChC,OAAO,mBAAmB;EAC3B,CAAC,CACD,iBAAiB;EAChB,iBAAiB;EACjB,SAAS;EACT,eAAe,OAAO;EACtB,aAAa;EACb;EACA,OAAO,OAAO;EACd,OAAO;EACR,CAAC,CACD,OAAO;AAEV,QACE,qBAAC,OAAD;EAAK,WAAW,OAAO,mBAAmB;YAA1C,CACG,CAAC,cACA,oBAAC,eAAD;GAAuB;GAAQ,aAAa;GAAqB,GAEnE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,gBAAD;KACe;KACb,QAAQ;MACN,GAAG;MACH,SACE,aACA,aACA,aACA,kBACG;OACH,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,WAAI,WACF,0BAAyB,OAAO;QAC9B,cAAc,iBAAiB,EAAE;QACjC,SAAS;QACV,CAAC;WAEF,0BAAyB,YAAY;AA0BvC,cACE,oBAAC,eAAD;QACU;QACR,aA1BsB,yBACvB,WAAW;SACV;SACA,SAAS;UACP,GAAG,aAAa;UAChB,cAAc,YAAY;UAC3B;SACF,CAAC,CACD,KAAK;SACJ,SAAS;SACT,SAAS;SACT,QAAQ;SACR,QAAQ,YAAY;SACpB,QAAQ,YAAY;SACpB,YAAY,YAAY;SACxB,SAAS,YAAY;SACrB,YAAY,YAAY;SACxB,OAAO;SACR,CAAC,CACD,OAO+B;QAC9B;;MAGN,QAAQ;MACR,cAAc,OAAO;MACtB;KACD;IACE;GACF,EACF"}

package/dist/esm/components/form/WizardStepContent.js

@@ -1,6 +1,5 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
-import { init_StepControlContext, useOptionalStepControlContext } from "./StepControlContext.js";
-import { getStepAnimationClasses, init_animationUtils } from "./utils/animationUtils.js";
+import { useOptionalStepControlContext } from "./StepControlContext.js";
+import { getStepAnimationClasses } from "./utils/animationUtils.js";
 import { cn } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -41,12 +40,7 @@ function renderIcon(icon) {
 	if (isValidElementType(icon)) return /* @__PURE__ */ jsx(icon, {});
 	return null;
 }
-var init_WizardStepContent = __esmMin(() => {
-	init_StepControlContext();
-	init_animationUtils();
-});
 
 //#endregion
-init_WizardStepContent();
-export { WizardStepContent, init_WizardStepContent };
+export { WizardStepContent };
 //# sourceMappingURL=WizardStepContent.js.map

package/dist/esm/components/form/WizardStepContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStepContent.js","names":[],"sources":["../../../../src/components/form/WizardStepContent.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React, { type ReactNode } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { useOptionalStepControlContext } from \"./StepControlContext\";\nimport { getStepAnimationClasses } from \"./utils/animationUtils\";\n\ninterface StepContentProps {\n  children: ReactNode;\n  className?: string;\n  description?: string;\n  icon?: ReactNode;\n  isActive?: boolean;\n  isEntering?: boolean;\n  isExiting?: boolean;\n  title?: string;\n}\n\nexport function WizardStepContent({\n  children,\n  className = \"\",\n  description,\n  icon,\n  isActive = false,\n  isEntering = false,\n  isExiting = false,\n  title,\n}: StepContentProps) {\n  // Get transition direction from context\n  const stepControl = useOptionalStepControlContext();\n  const direction = stepControl?.transitionState?.direction || null;\n\n  // Determine animation classes using utility function\n  const animationClasses = getStepAnimationClasses(\n    isEntering,\n    isExiting,\n    isActive,\n    direction,\n  );\n\n  return (\n    <div\n      className={cn(\n        \"transition-all duration-300 ease-in-out\",\n        animationClasses,\n        className,\n      )}\n      style={{\n        gridColumn: 1,\n        gridRow: 1,\n      }}>\n      {(title || description || icon) && (\n        <div className=\"bg-muted flex items-start gap-4 rounded-lg p-4\">\n          {icon && (\n            <div\n              aria-hidden={!title}\n              className=\"bg-primary/10 text-primary flex-shrink-0 rounded-lg p-2\">\n              {renderIcon(icon)}\n            </div>\n          )}\n          {(title || description) && (\n            <div>\n              {title && (\n                <h2\n                  aria-label={description ? `${title}: ${description}` : title}\n                  className=\"text-foreground text-xl font-semibold\">\n                  {title}\n                </h2>\n              )}\n              {description && (\n                <p\n                  aria-label={title ? `${title}: ${description}` : description}\n                  className=\"text-muted-foreground mt-1 text-sm\">\n                  {description}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"pt-6\">{children}</div>\n    </div>\n  );\n}\n\n// Helper function to safely render icons\nfunction renderIcon(icon: ReactNode): ReactNode {\n  if (!icon) return null;\n\n  // If icon is already a valid React element, return it directly\n  if (isElement(icon)) {\n    return icon;\n  }\n\n  // If icon is a valid React component type, instantiate it\n  if (isValidElementType(icon)) {\n    const IconComponent = icon as React.ComponentType;\n    return <IconComponent />;\n  }\n\n  // For any other case, return null\n  return null;\n}\n"],"mappings":";;;;;;;;;AAkBA,SAAgB,kBAAkB,EAChC,UACA,YAAY,IACZ,aACA,MACA,WAAW,OACX,aAAa,OACb,YAAY,OACZ,SACmB;AAanB,QACE,qBAAC;EACC,WAAW,GACT,2CAVmB,wBACvB,YACA,WACA,UAPkB,+BAA+B,EACpB,iBAAiB,aAAa,KAQ5D,EAOK,UACD;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACV;cACC,SAAS,eAAe,SACxB,qBAAC;GAAI,WAAU;cACZ,QACC,oBAAC;IACC,eAAa,CAAC;IACd,WAAU;cACT,WAAW,KAAK;KACb,GAEN,SAAS,gBACT,qBAAC,oBACE,SACC,oBAAC;IACC,cAAY,cAAc,GAAG,MAAM,IAAI,gBAAgB;IACvD,WAAU;cACT;KACE,EAEN,eACC,oBAAC;IACC,cAAY,QAAQ,GAAG,MAAM,IAAI,gBAAgB;IACjD,WAAU;cACT;KACC,IAEF;IAEJ,EAGR,oBAAC;GAAI,WAAU;GAAQ;IAAe;GAClC;;AAKV,SAAS,WAAW,MAA4B;AAC9C,KAAI,CAAC,KAAM,QAAO;AAGlB,KAAI,UAAU,KAAK,CACjB,QAAO;AAIT,KAAI,mBAAmB,KAAK,CAE1B,QAAO,oBADe,SACE;AAI1B,QAAO;;;0BAlG4D;sBACJ"}
+{"version":3,"file":"WizardStepContent.js","names":["IconComponent"],"sources":["../../../../src/components/form/WizardStepContent.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React, { type ReactNode } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { useOptionalStepControlContext } from \"./StepControlContext\";\nimport { getStepAnimationClasses } from \"./utils/animationUtils\";\n\ninterface StepContentProps {\n  children: ReactNode;\n  className?: string;\n  description?: string;\n  icon?: ReactNode;\n  isActive?: boolean;\n  isEntering?: boolean;\n  isExiting?: boolean;\n  title?: string;\n}\n\nexport function WizardStepContent({\n  children,\n  className = \"\",\n  description,\n  icon,\n  isActive = false,\n  isEntering = false,\n  isExiting = false,\n  title,\n}: StepContentProps) {\n  // Get transition direction from context\n  const stepControl = useOptionalStepControlContext();\n  const direction = stepControl?.transitionState?.direction || null;\n\n  // Determine animation classes using utility function\n  const animationClasses = getStepAnimationClasses(\n    isEntering,\n    isExiting,\n    isActive,\n    direction,\n  );\n\n  return (\n    <div\n      className={cn(\n        \"transition-all duration-300 ease-in-out\",\n        animationClasses,\n        className,\n      )}\n      style={{\n        gridColumn: 1,\n        gridRow: 1,\n      }}>\n      {(title || description || icon) && (\n        <div className=\"bg-muted flex items-start gap-4 rounded-lg p-4\">\n          {icon && (\n            <div\n              aria-hidden={!title}\n              className=\"bg-primary/10 text-primary flex-shrink-0 rounded-lg p-2\">\n              {renderIcon(icon)}\n            </div>\n          )}\n          {(title || description) && (\n            <div>\n              {title && (\n                <h2\n                  aria-label={description ? `${title}: ${description}` : title}\n                  className=\"text-foreground text-xl font-semibold\">\n                  {title}\n                </h2>\n              )}\n              {description && (\n                <p\n                  aria-label={title ? `${title}: ${description}` : description}\n                  className=\"text-muted-foreground mt-1 text-sm\">\n                  {description}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"pt-6\">{children}</div>\n    </div>\n  );\n}\n\n// Helper function to safely render icons\nfunction renderIcon(icon: ReactNode): ReactNode {\n  if (!icon) return null;\n\n  // If icon is already a valid React element, return it directly\n  if (isElement(icon)) {\n    return icon;\n  }\n\n  // If icon is a valid React component type, instantiate it\n  if (isValidElementType(icon)) {\n    const IconComponent = icon as React.ComponentType;\n    return <IconComponent />;\n  }\n\n  // For any other case, return null\n  return null;\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,kBAAkB,EAChC,UACA,YAAY,IACZ,aACA,MACA,WAAW,OACX,aAAa,OACb,YAAY,OACZ,SACmB;AAanB,QACE,qBAAC,OAAD;EACE,WAAW,GACT,2CAVmB,wBACvB,YACA,WACA,UAPkB,+BACS,EAAE,iBAAiB,aAAa,KAcvC,EAChB,UACD;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACV;YATH,EAUI,SAAS,eAAe,SACxB,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,QACC,oBAAC,OAAD;IACE,eAAa,CAAC;IACd,WAAU;cACT,WAAW,KAAK;IACb,IAEN,SAAS,gBACT,qBAAC,OAAD,aACG,SACC,oBAAC,MAAD;IACE,cAAY,cAAc,GAAG,MAAM,IAAI,gBAAgB;IACvD,WAAU;cACT;IACE,GAEN,eACC,oBAAC,KAAD;IACE,cAAY,QAAQ,GAAG,MAAM,IAAI,gBAAgB;IACjD,WAAU;cACT;IACC,EAEF,IAEJ;MAGR,oBAAC,OAAD;GAAK,WAAU;GAAQ;GAAe,EAClC;;;AAKV,SAAS,WAAW,MAA4B;AAC9C,KAAI,CAAC,KAAM,QAAO;AAGlB,KAAI,UAAU,KAAK,CACjB,QAAO;AAIT,KAAI,mBAAmB,KAAK,CAE1B,QAAO,oBAACA,MAAD,EAAiB;AAI1B,QAAO"}

package/dist/esm/components/form/__mocks__/@hookform/resolvers/zod.d.ts

@@ -1,8 +1,7 @@
 //#region src/components/form/__mocks__/@hookform/resolvers/zod.d.ts
 // Augment the original module's types to include our mock exports
 declare module "@hookform/resolvers/zod" {
-  export const zodResolverSymbol: symbol;
-  // We can also refine the zodResolver mock's type if needed,
+  export const zodResolverSymbol: symbol; // We can also refine the zodResolver mock's type if needed,
   // but for this fix, just declaring the symbol is sufficient.
   // export const zodResolver: import("vitest").Mock<any, any>;
 }