@homebound/beam 3.70.0 → 3.71.0

package/dist/index.d.cts

@@ -9944,7 +9944,26 @@ type StepperTabProps = {
 };
 declare function StepperTab(props: StepperTabProps): JSX.Element;
 
-type StepperTabsStep = Pick<StepperTabProps, "label" | "value" | "completed" | "disabled">;
+type WorkflowActionsProps = {
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    isMobile: boolean;
+    onBack: () => void;
+    /** Leaves the workflow without saving. Always shown. */
+    onCancel: (e: PressEvent) => void;
+    /** Saves partial progress and exits. Used whenever canExitEarly is true. */
+    onSaveAndExit?: (e: PressEvent) => void | Promise<void>;
+    /** Label for the completion button shown on the last step. */
+    completeLabel: "Create" | "Save";
+    /** Called when the completion button is clicked. Only shown on the last step. */
+    onComplete: (e: PressEvent) => void | Promise<void>;
+    /** Runs before continuing to the next step. Return `false` to stay put, like when the save failed. */
+    onContinue: () => boolean | void | Promise<boolean | void>;
+    /** Disables whichever of Continue/Complete is currently shown, e.g. while the active step is invalid. */
+    primaryDisabled?: boolean;
+};
+
+type StepperTabsStep = Pick<StepperTabProps, "label" | "value" | "completed" | "disabled"> & Partial<Pick<WorkflowActionsProps, "onContinue">>;
 type StepperTabsProps = {
     steps: StepperTabsStep[];
     currentStep: StepperTabsStep["value"];
@@ -10237,24 +10256,6 @@ type PageHeaderLayoutProps<V extends string, X> = {
 /** Page header + body shell with auto-hide chrome. Contract: `docs/layouts.md`. */
 declare function PageHeaderLayout<V extends string, X extends Only<TabsContentXss, X>>(props: PageHeaderLayoutProps<V, X>): JSX.Element;
 
-type WorkflowActionsProps = {
-    isFirstStep: boolean;
-    isLastStep: boolean;
-    isMobile: boolean;
-    onBack: () => void;
-    /** Leaves the workflow without saving. Always shown. */
-    onCancel: (e: PressEvent) => void;
-    /** Saves partial progress and exits. Used whenever canExitEarly is true. */
-    onSaveAndExit?: (e: PressEvent) => void | Promise<void>;
-    /** Label for the completion button shown on the last step. */
-    completeLabel: "Create" | "Save";
-    /** Called when the completion button is clicked. Only shown on the last step. */
-    onComplete: (e: PressEvent) => void | Promise<void>;
-    onContinue: () => void;
-    /** Disables whichever of Continue/Complete is currently shown, e.g. while the active step is invalid. */
-    primaryDisabled?: boolean;
-};
-
 /** A `WorkflowLayout` step: a `StepperTabsStep` (minus `value`, which is derived from `label`) plus the page content rendered while it's active — `completed` also gates the Continue/Complete CTA when this is the active step. */
 type WorkflowLayoutStep = Omit<StepperTabsStep, "value"> & {
     /** Rendered as the page body while this is the active step. */

package/dist/index.d.ts

@@ -9944,7 +9944,26 @@ type StepperTabProps = {
 };
 declare function StepperTab(props: StepperTabProps): JSX.Element;
 
-type StepperTabsStep = Pick<StepperTabProps, "label" | "value" | "completed" | "disabled">;
+type WorkflowActionsProps = {
+    isFirstStep: boolean;
+    isLastStep: boolean;
+    isMobile: boolean;
+    onBack: () => void;
+    /** Leaves the workflow without saving. Always shown. */
+    onCancel: (e: PressEvent) => void;
+    /** Saves partial progress and exits. Used whenever canExitEarly is true. */
+    onSaveAndExit?: (e: PressEvent) => void | Promise<void>;
+    /** Label for the completion button shown on the last step. */
+    completeLabel: "Create" | "Save";
+    /** Called when the completion button is clicked. Only shown on the last step. */
+    onComplete: (e: PressEvent) => void | Promise<void>;
+    /** Runs before continuing to the next step. Return `false` to stay put, like when the save failed. */
+    onContinue: () => boolean | void | Promise<boolean | void>;
+    /** Disables whichever of Continue/Complete is currently shown, e.g. while the active step is invalid. */
+    primaryDisabled?: boolean;
+};
+
+type StepperTabsStep = Pick<StepperTabProps, "label" | "value" | "completed" | "disabled"> & Partial<Pick<WorkflowActionsProps, "onContinue">>;
 type StepperTabsProps = {
     steps: StepperTabsStep[];
     currentStep: StepperTabsStep["value"];
@@ -10237,24 +10256,6 @@ type PageHeaderLayoutProps<V extends string, X> = {
 /** Page header + body shell with auto-hide chrome. Contract: `docs/layouts.md`. */
 declare function PageHeaderLayout<V extends string, X extends Only<TabsContentXss, X>>(props: PageHeaderLayoutProps<V, X>): JSX.Element;
 
-type WorkflowActionsProps = {
-    isFirstStep: boolean;
-    isLastStep: boolean;
-    isMobile: boolean;
-    onBack: () => void;
-    /** Leaves the workflow without saving. Always shown. */
-    onCancel: (e: PressEvent) => void;
-    /** Saves partial progress and exits. Used whenever canExitEarly is true. */
-    onSaveAndExit?: (e: PressEvent) => void | Promise<void>;
-    /** Label for the completion button shown on the last step. */
-    completeLabel: "Create" | "Save";
-    /** Called when the completion button is clicked. Only shown on the last step. */
-    onComplete: (e: PressEvent) => void | Promise<void>;
-    onContinue: () => void;
-    /** Disables whichever of Continue/Complete is currently shown, e.g. while the active step is invalid. */
-    primaryDisabled?: boolean;
-};
-
 /** A `WorkflowLayout` step: a `StepperTabsStep` (minus `value`, which is derived from `label`) plus the page content rendered while it's active — `completed` also gates the Continue/Complete CTA when this is the active step. */
 type WorkflowLayoutStep = Omit<StepperTabsStep, "value"> & {
     /** Rendered as the page body while this is the active step. */

package/dist/index.js

@@ -26594,7 +26594,14 @@ function WorkflowLayout(props) {
   const isFirstStep = currentIndex <= 0;
   const isLastStep = currentIndex === tabSteps.length - 1;
   const activeStep = tabSteps[currentIndex];
-  const buttons = /* @__PURE__ */ jsx218(WorkflowActions, { isFirstStep, isLastStep, isMobile, onBack: () => setCurrentStep(tabSteps[currentIndex - 1].value), onCancel: onCancelClick, onSaveAndExit, completeLabel, onComplete, primaryDisabled: !activeStep?.completed, onContinue: () => setCurrentStep(tabSteps[currentIndex + 1].value) });
+  const buttons = /* @__PURE__ */ jsx218(WorkflowActions, { isFirstStep, isLastStep, isMobile, onBack: () => setCurrentStep(tabSteps[currentIndex - 1].value), onCancel: onCancelClick, onSaveAndExit, completeLabel, onComplete, primaryDisabled: !activeStep?.completed, onContinue: async () => {
+    const onContinue = activeStep?.onContinue;
+    if (onContinue) {
+      const allowed = await onContinue();
+      if (allowed === false) return;
+    }
+    setCurrentStep(tabSteps[currentIndex + 1].value);
+  } });
   const showFooter = isMobile;
   useLayoutEffect10(() => {
     const root = document.documentElement;