@m4l/components 9.3.12-JT290825.beta.1 → 9.3.13

package/components/Stepper/hooks/useStepperActions/useStepperActions.js

@@ -1,63 +0,0 @@
-import { u as useStepper } from "../useStepper/index.js";
-import { useFormContext } from "react-hook-form";
-function useStepperActions() {
-  const { trigger, clearErrors, getValues, reset } = useFormContext();
-  const {
-    nextStep,
-    prevStep,
-    currentStep,
-    steps,
-    setStepValidationStatus,
-    resetStepper
-  } = useStepper((state) => ({
-    nextStep: state.actions.nextStep,
-    prevStep: state.actions.prevStep,
-    currentStep: state.currentStep,
-    steps: state.steps,
-    setStepValidationStatus: state.actions.setStepValidationStatus,
-    resetStepper: state.actions.resetStepper
-  }));
-  const prevStepAction = () => {
-    const formData = getValues();
-    prevStep(formData);
-  };
-  const nextStepAction = async () => {
-    const formData = getValues();
-    const futureSteps = steps.slice(currentStep + 1);
-    const futureFields = [];
-    futureSteps.forEach((step) => {
-      if (step.validationFields) {
-        futureFields.push(...step.validationFields);
-      }
-    });
-    const validateFn = async () => {
-      const currentStepData = steps[currentStep];
-      const fieldsToValidate = currentStepData?.validationFields || [];
-      if (fieldsToValidate.length === 0) {
-        return true;
-      }
-      return await trigger(fieldsToValidate);
-    };
-    const success = await nextStep(validateFn, formData);
-    if (success && futureFields.length > 0) {
-      clearErrors(futureFields);
-      setTimeout(() => {
-        clearErrors(futureFields);
-        futureSteps.forEach((_, index) => {
-          const stepIndex = currentStep + 1 + index;
-          setStepValidationStatus(stepIndex, true);
-        });
-      }, 100);
-    }
-    return success;
-  };
-  const cancelAction = () => {
-    reset();
-    clearErrors();
-    resetStepper();
-  };
-  return { prevStepAction, nextStepAction, cancelAction };
-}
-export {
-  useStepperActions as u
-};

package/components/Stepper/hooks/useStickyStepperFooter/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * Hook para determinar cuando el footer del Stepper debe usar posición sticky.
- * @param containerRef - Referencia al contenedor del Stepper
- * @param contentRef - Referencia al área de contenido del Stepper
- * @returns boolean - true si el footer debe ser sticky, false en caso contrario
- */
-export declare function useStickyStepperFooter(containerRef: React.RefObject<HTMLDivElement>, contentRef: React.RefObject<HTMLElement>): boolean;

package/components/Stepper/hooks/useStickyStepperFooter/index.js

@@ -1,20 +0,0 @@
-import { useMemo } from "react";
-import { u as useSizeContainer } from "../../../../hooks/useSizeContainer/index.js";
-function useStickyStepperFooter(containerRef, contentRef) {
-  const containerSize = useSizeContainer(containerRef.current);
-  const shouldBeSticky = useMemo(() => {
-    if (!containerRef.current || !contentRef.current) {
-      return false;
-    }
-    const containerHeight = containerRef.current.clientHeight;
-    const contentHeight = contentRef.current.clientHeight;
-    const totalContentHeight = contentHeight + 80;
-    const exceedsContainer = totalContentHeight > containerHeight;
-    const hasMinimumSpace = containerHeight > 120;
-    return exceedsContainer && hasMinimumSpace;
-  }, [containerSize, containerRef, contentRef]);
-  return shouldBeSticky;
-}
-export {
-  useStickyStepperFooter as u
-};

package/components/Stepper/icons.d.ts

@@ -1,9 +0,0 @@
-export declare const pathIcons: {
-    patronum: string;
-    arrowLeft: string;
-    arrowRight: string;
-    circleCheck: string;
-    circleError: string;
-    dotOutline: string;
-    dotSelected: string;
-};

package/components/Stepper/icons.js

@@ -1,12 +0,0 @@
-const pathIcons = {
-  patronum: "frontend/components/step/assets/icons/patronum_fill.svg",
-  arrowLeft: "frontend/components/step/assets/icons/arrow_left.svg",
-  arrowRight: "frontend/components/step/assets/icons/arrow_right.svg",
-  circleCheck: "frontend/components/step/assets/icons/circle_check.svg",
-  circleError: "frontend/components/step/assets/icons/circle_error.svg",
-  dotOutline: "frontend/components/step/assets/icons/dot_outline.svg",
-  dotSelected: "frontend/components/step/assets/icons/dot_selected.svg"
-};
-export {
-  pathIcons as p
-};

package/components/Stepper/index.d.ts

@@ -1,14 +0,0 @@
-export { useStepper } from './hooks/useStepper/index';
-export { Stepper } from './Stepper';
-export { StepperContent } from './subcomponents/StepperContent';
-export { Step } from './subcomponents/StepperContent/subcomponents/Step';
-export { StepperFooter } from './subcomponents/StepperFooter';
-export { StepperFooterLeftActions } from './subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions';
-export { StepperFooterRightActions } from './subcomponents/StepperFooter/subcomponents/StepperFooterRightActions';
-export { StepperNextButton } from './subcomponents/StepperButtons/StepperNextButton';
-export { StepperPrevButton } from './subcomponents/StepperButtons/StepperPrevButton';
-export { StepperCancelButton } from './subcomponents/StepperButtons/StepperCancelButton';
-export { StepperSubmitButton } from './subcomponents/StepperButtons/StepperSubmitButton';
-export { evaluateVisibilityStepCondition } from './helpers/evaluateVisibilityStepCondition';
-export { type Step as TypeStep } from './types';
-export { getStepperComponentsDictionary } from './dictionary';

package/components/Stepper/index.js

@@ -1 +0,0 @@
-

package/components/Stepper/slots/StepperEnum.d.ts

@@ -1,26 +0,0 @@
-export declare enum StepperSlots {
-    stepperRoot = "stepperRoot"
-}
-export declare enum ContentSlots {
-    contentSection = "contentSection",
-    stepArea = "stepArea",
-    step = "step",
-    stepName = "stepName",
-    indicator = "indicator",
-    textNumber = "textNumber"
-}
-export declare enum ContentAreaSlots {
-    contentArea = "contentArea",
-    contentAreaHeader = "contentAreaHeader",
-    wrapperIcon = "wrapperIcon",
-    wrapperTitle = "wrapperTitle",
-    icon = "icon",
-    title = "title",
-    description = "description"
-}
-export declare enum StepperFooterSlots {
-    stepperFooterSection = "stepperFooterSection",
-    stepperFooterLeftActions = "stepperFooterLeftActions",
-    stepperFooterRightActions = "stepperFooterRightActions",
-    wrapperButtons = "wrapperButtons"
-}

package/components/Stepper/slots/StepperEnum.js

@@ -1,36 +0,0 @@
-var StepperSlots = /* @__PURE__ */ ((StepperSlots2) => {
-  StepperSlots2["stepperRoot"] = "stepperRoot";
-  return StepperSlots2;
-})(StepperSlots || {});
-var ContentSlots = /* @__PURE__ */ ((ContentSlots2) => {
-  ContentSlots2["contentSection"] = "contentSection";
-  ContentSlots2["stepArea"] = "stepArea";
-  ContentSlots2["step"] = "step";
-  ContentSlots2["stepName"] = "stepName";
-  ContentSlots2["indicator"] = "indicator";
-  ContentSlots2["textNumber"] = "textNumber";
-  return ContentSlots2;
-})(ContentSlots || {});
-var ContentAreaSlots = /* @__PURE__ */ ((ContentAreaSlots2) => {
-  ContentAreaSlots2["contentArea"] = "contentArea";
-  ContentAreaSlots2["contentAreaHeader"] = "contentAreaHeader";
-  ContentAreaSlots2["wrapperIcon"] = "wrapperIcon";
-  ContentAreaSlots2["wrapperTitle"] = "wrapperTitle";
-  ContentAreaSlots2["icon"] = "icon";
-  ContentAreaSlots2["title"] = "title";
-  ContentAreaSlots2["description"] = "description";
-  return ContentAreaSlots2;
-})(ContentAreaSlots || {});
-var StepperFooterSlots = /* @__PURE__ */ ((StepperFooterSlots2) => {
-  StepperFooterSlots2["stepperFooterSection"] = "stepperFooterSection";
-  StepperFooterSlots2["stepperFooterLeftActions"] = "stepperFooterLeftActions";
-  StepperFooterSlots2["stepperFooterRightActions"] = "stepperFooterRightActions";
-  StepperFooterSlots2["wrapperButtons"] = "wrapperButtons";
-  return StepperFooterSlots2;
-})(StepperFooterSlots || {});
-export {
-  ContentSlots as C,
-  StepperSlots as S,
-  StepperFooterSlots as a,
-  ContentAreaSlots as b
-};

package/components/Stepper/slots/StepperSlot.d.ts

@@ -1,57 +0,0 @@
-/**
- * Slots Stepper
- */
-export declare const StepperRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ContentSectionStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;
-export declare const StepAreaStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ContentAreaStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const StepStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const StepNameStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const IndicatorStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const TextNumberStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const ContentAreaHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const WrapperIconStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const WrapperTitleStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon/types').IconProps, keyof import('../../Icon/types').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const TitleStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const DescriptionStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
-export declare const StepperFooterSectionStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;
-export declare const StepperFooterLeftActionsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const StepperFooterRightActionsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const WrapperButtonsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').StepperOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/Stepper/slots/StepperSlot.js

@@ -1,97 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { S as STEPPER_PREFIX_NAME } from "../constants.js";
-import { S as StepperSlots, C as ContentSlots, a as StepperFooterSlots, b as ContentAreaSlots } from "./StepperEnum.js";
-import { s as stepperStyles } from "../Stepper.styles.js";
-import { T as Typography } from "../../mui_extended/Typography/Typography.js";
-import { I as Icon } from "../../Icon/Icon.js";
-const StepperRootStyled = styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: StepperSlots.stepperRoot
-})(stepperStyles.stepperRoot);
-const ContentSectionStyled = styled("section", {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentSlots.contentSection
-})(stepperStyles.contentSection);
-const StepAreaStyled = styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentSlots.stepArea
-})(stepperStyles.stepArea);
-const ContentAreaStyled = styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentAreaSlots.contentArea
-})(stepperStyles.contentArea);
-const StepStyled = styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentSlots.step
-})(stepperStyles.step);
-const StepNameStyled = styled(Typography, {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentSlots.stepName
-})(stepperStyles.stepName);
-const IndicatorStyled = styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentSlots.indicator
-})(stepperStyles.indicator);
-const TextNumberStyled = styled(Typography, {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentSlots.textNumber
-})(stepperStyles.textNumber);
-const ContentAreaHeaderStyled = styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentAreaSlots.contentAreaHeader
-})(stepperStyles.contentAreaHeader);
-const WrapperIconStyled = styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentAreaSlots.wrapperIcon
-})(stepperStyles.wrapperIcon);
-const WrapperTitleStyled = styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentAreaSlots.wrapperTitle
-})(stepperStyles.wrapperTitle);
-const IconStyled = styled(Icon, {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentAreaSlots.icon
-})(stepperStyles.icon);
-const TitleStyled = styled(Typography, {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentAreaSlots.title
-})(stepperStyles.title);
-const DescriptionStyled = styled(Typography, {
-  name: STEPPER_PREFIX_NAME,
-  slot: ContentAreaSlots.description
-})(stepperStyles.description);
-const StepperFooterSectionStyled = styled("section", {
-  name: STEPPER_PREFIX_NAME,
-  slot: StepperFooterSlots.stepperFooterSection
-})(stepperStyles.stepperFooterSection);
-const StepperFooterLeftActionsStyled = styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: StepperFooterSlots.stepperFooterLeftActions
-})(stepperStyles.stepperFooterLeftActions);
-const StepperFooterRightActionsStyled = styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: StepperFooterSlots.stepperFooterRightActions
-})(stepperStyles.stepperFooterRightActions);
-styled("div", {
-  name: STEPPER_PREFIX_NAME,
-  slot: StepperFooterSlots.wrapperButtons
-})(stepperStyles.wrapperButtons);
-export {
-  ContentSectionStyled as C,
-  DescriptionStyled as D,
-  IconStyled as I,
-  StepperRootStyled as S,
-  TitleStyled as T,
-  WrapperIconStyled as W,
-  ContentAreaStyled as a,
-  ContentAreaHeaderStyled as b,
-  WrapperTitleStyled as c,
-  StepAreaStyled as d,
-  StepStyled as e,
-  StepNameStyled as f,
-  IndicatorStyled as g,
-  TextNumberStyled as h,
-  StepperFooterSectionStyled as i,
-  StepperFooterLeftActionsStyled as j,
-  StepperFooterRightActionsStyled as k
-};

package/components/Stepper/store/StepperContext/index.d.ts

@@ -1,12 +0,0 @@
-import { StepperContextProps } from '../types';
-import { StepperStore } from '../StepperStore';
-declare const StepperContext: import('react').Context<{
-    store: StepperStore;
-} | null>;
-/**
- * Contexto que crea y da alcance al Store (Zustand) para ser usado desde cualquier parte del componente.
- * @param props StepperProps
- * @returns Proveedor de contexto, y el contexto
- */
-declare const StepperProvider: (props: StepperContextProps) => import("react/jsx-runtime").JSX.Element;
-export { StepperProvider, StepperContext };

package/components/Stepper/store/StepperContext/index.js

@@ -1,103 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, useRef, useEffect } from "react";
-import { useEnvironment } from "@m4l/core";
-import { c as createStepperStore } from "../StepperStore/index.js";
-import { f as findNextVisibleValidStep } from "../../helpers/findNextVisibleValidStep/index.js";
-const StepperContext = createContext(null);
-const StepperProvider = (props) => {
-  const {
-    storeId,
-    storeDevtoolsEnabled,
-    steps,
-    visibleTitle = true,
-    indicatorType = "number",
-    orientation = "horizontal",
-    visibilityData,
-    children
-  } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const stepperStoreRef = useRef();
-  const prevVisibilityDataRef = useRef(visibilityData);
-  if (!stepperStoreRef.current) {
-    stepperStoreRef.current = createStepperStore(
-      {
-        storeId,
-        steps,
-        visibleTitle,
-        ownerState: {},
-        host_static_assets,
-        environment_assets,
-        indicatorType,
-        orientation,
-        visibilityData
-      },
-      storeDevtoolsEnabled
-    );
-    stepperStoreRef.current.getState().actions.init(steps);
-  }
-  useEffect(() => {
-    if (stepperStoreRef.current) {
-      const currentState = stepperStoreRef.current.getState();
-      if (currentState.visibleTitle !== visibleTitle) {
-        stepperStoreRef.current.setState((state) => ({
-          ...state,
-          visibleTitle
-        }));
-      }
-      if (currentState.orientation !== orientation) {
-        stepperStoreRef.current.setState((state) => ({
-          ...state,
-          orientation
-        }));
-      }
-      if (currentState.indicatorType !== indicatorType) {
-        stepperStoreRef.current.setState((state) => ({
-          ...state,
-          indicatorType
-        }));
-      }
-      if (currentState.visibilityData !== visibilityData) {
-        stepperStoreRef.current.setState((state) => ({
-          ...state,
-          visibilityData
-        }));
-      }
-    }
-  }, [visibleTitle, orientation, indicatorType, visibilityData]);
-  useEffect(() => {
-    if (stepperStoreRef.current && steps) {
-      const store = stepperStoreRef.current;
-      const currentState = store.getState();
-      store.getState().actions.init(steps);
-      if (visibilityData) {
-        const hasVisibilityDataChanged = JSON.stringify(prevVisibilityDataRef.current) !== JSON.stringify(visibilityData);
-        if (hasVisibilityDataChanged) {
-          const nextStepIndex = findNextVisibleValidStep(
-            currentState.currentStep,
-            steps,
-            {},
-            visibilityData
-          );
-          if (nextStepIndex < steps.length && nextStepIndex !== currentState.currentStep) {
-            store.getState().actions.setCurrentStep(nextStepIndex);
-            store.getState().actions.setStepValidationStatus(currentState.currentStep, true);
-          }
-        }
-      }
-    }
-    prevVisibilityDataRef.current = visibilityData;
-  }, [steps, visibilityData]);
-  return /* @__PURE__ */ jsx(
-    StepperContext.Provider,
-    {
-      value: {
-        store: stepperStoreRef.current
-      },
-      children
-    }
-  );
-};
-export {
-  StepperProvider as S,
-  StepperContext as a
-};

package/components/Stepper/store/StepperStore/index.d.ts

@@ -1,16 +0,0 @@
-import { InitialStoreProps, StepperStateWithActions } from '../types';
-/**
- *  Crea el store de zustand para el componente Stepper
- * @param initProps Variables iniciales que necesita store para poder inicializarlo
- * @returns
- */
-export declare const createStepperStore: (initProps: InitialStoreProps, storeDevtoolsEnabled?: boolean) => Omit<Omit<import('zustand').StoreApi<StepperStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: StepperStateWithActions | Partial<StepperStateWithActions> | ((state: StepperStateWithActions) => StepperStateWithActions | Partial<StepperStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: StepperStateWithActions | Partial<StepperStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<StepperStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-};
-export type StepperStore = ReturnType<typeof createStepperStore>;

package/components/Stepper/store/StepperStore/index.js

@@ -1,152 +0,0 @@
-import { createStore } from "zustand";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-import { a as STEPPER_STORE_ID } from "../../constants.js";
-import { f as findNextVisibleValidStep } from "../../helpers/findNextVisibleValidStep/index.js";
-import { f as findPrevVisibleValidStep } from "../../helpers/findPrevVisibleValidStep/index.js";
-const createDevtools = (immerMiddlewere, config) => {
-  const { enabled = false } = config;
-  if (enabled && process.env.NODE_ENV === "development") {
-    return devtools(immerMiddlewere, config);
-  }
-  return immerMiddlewere;
-};
-const createStepperStore = (initProps, storeDevtoolsEnabled = false) => {
-  const startProps = {
-    currentStep: 0,
-    completedSteps: [],
-    stepValidationStatus: {},
-    isValidating: false,
-    ...initProps
-  };
-  return createStore(
-    createDevtools(
-      /**
-       * immer es un middleware de Zustand que permite trabajar con el estado de manera inmutable
-       */
-      immer((set, get) => ({
-        ...startProps,
-        actions: {
-          /**
-           * init es la acción que se ejecuta al inicializar el store
-           */
-          init: (steps) => {
-            set((state) => {
-              state.steps = steps;
-              state.completedSteps = [];
-              state.stepValidationStatus = {};
-            });
-          },
-          /**
-           * setCurrentStep es la acción que se ejecuta para cambiar el step actual
-           */
-          setCurrentStep: (currentStep) => {
-            set((state) => {
-              state.currentStep = currentStep;
-            });
-          },
-          /**
-           * setCompletedStep es la acción que se ejecuta para marcar un paso como completado
-           * @param stepIndex - Índice del paso a marcar como completado
-           */
-          setCompletedStep: (stepIndex) => {
-            set((state) => {
-              if (!state.completedSteps.includes(stepIndex)) {
-                state.completedSteps.push(stepIndex);
-              }
-            });
-          },
-          /**
-           * setStepValidationStatus es la acción que se ejecuta para establecer el estado de validación de un paso
-           * @param stepIndex
-           * @param isValid
-           */
-          setStepValidationStatus: (stepIndex, isValid) => {
-            set((state) => {
-              state.stepValidationStatus[stepIndex] = isValid;
-            });
-          },
-          /**
-           * prevStep - Función que retrocede al paso anterior válido del Stepper.
-           * @param formData Datos del formulario actual para evaluar las conditions de los pasos
-           * @param visibilityData Datos adicionales para evaluar las conditions (opcional, usa el del store si no se proporciona)
-           */
-          prevStep: (formData = {}, visibilityData) => {
-            const state = get();
-            const { currentStep, steps } = state;
-            const dataForVisibility = visibilityData ?? state.visibilityData;
-            const prevValidStepIndex = findPrevVisibleValidStep(
-              currentStep,
-              steps,
-              formData,
-              dataForVisibility
-            );
-            if (prevValidStepIndex < 0) {
-              return;
-            }
-            set((draft) => {
-              draft.currentStep = prevValidStepIndex;
-            });
-          },
-          /**
-           * nextStep - Función que valida el paso actual y avanza al siguiente paso del Stepper.
-           * @param validateFn Función de validación externa que debe retornar una promesa que resuelve a true o false
-           * @param formData Datos del formulario actual para evaluar las conditions de los pasos
-           * @param visibilityData Datos adicionales para evaluar las conditions (opcional, usa el del store si no se proporciona)
-           * @returns Promise<boolean> Retorna true si se avanzó al siguiente paso, false en caso contrario
-           */
-          nextStep: async (validateFn, formData = {}, visibilityData) => {
-            const state = get();
-            const { currentStep, steps } = state;
-            const dataForVisibility = visibilityData ?? state.visibilityData;
-            set((draft) => {
-              draft.isValidating = true;
-            });
-            const isValid = await validateFn();
-            if (!isValid) {
-              set((draft) => {
-                draft.isValidating = false;
-              });
-              state.actions.setStepValidationStatus(currentStep, false);
-              return false;
-            }
-            state.actions.setStepValidationStatus(currentStep, true);
-            const nextValidStepIndex = findNextVisibleValidStep(
-              currentStep,
-              steps,
-              formData,
-              dataForVisibility
-            );
-            state.actions.setCompletedStep(currentStep);
-            set((draft) => {
-              if (!draft.completedSteps.includes(currentStep)) {
-                draft.completedSteps.push(currentStep);
-              }
-              draft.currentStep = nextValidStepIndex;
-              draft.isValidating = false;
-            });
-            return true;
-          },
-          /**
-           * resetStepper - Resetea el Stepper a su estado inicial
-           */
-          resetStepper: () => {
-            set((state) => {
-              state.currentStep = 0;
-              state.completedSteps = [];
-              state.stepValidationStatus = {};
-              state.isValidating = false;
-            });
-          }
-        }
-      })),
-      {
-        name: `${STEPPER_STORE_ID}: ${initProps.storeId}`,
-        enabled: storeDevtoolsEnabled
-      }
-    )
-  );
-};
-export {
-  createStepperStore as c
-};