@founderhq/journeys 0.4.0 → 0.4.1

package/dist/_tsup-dts-rollup.d.cts

@@ -323,7 +323,7 @@ declare type BlockPropsMap = {
 export { BlockPropsMap }
 export { BlockPropsMap as BlockPropsMap_alias_1 }
 
-export declare function BlockRenderer({ blocks, layout, answers, onNext, onBack, onGoToStep, scrollViewportRef, wrapInScrollViewport, }: BlockRendererProps): JSX.Element;
+export declare function BlockRenderer({ blocks, layout, answers, onNext, onBack, onGoToStep, isLastStep, scrollViewportRef, wrapInScrollViewport, }: BlockRendererProps): JSX.Element;
 
 declare type BlockRendererProps = {
     blocks: BlockConfig[];
@@ -332,6 +332,7 @@ declare type BlockRendererProps = {
     onNext: () => void;
     onBack: () => void;
     onGoToStep?: (stepId: string) => void;
+    isLastStep?: boolean;
     scrollViewportRef?: Ref<HTMLDivElement>;
     wrapInScrollViewport?: boolean;
 };
@@ -355,6 +356,8 @@ declare type ButtonAction = {
     type: "link";
     url: string;
     external?: boolean;
+    /** Final-step links complete before navigating by default. Set false to opt out, or true to force this on non-final steps. */
+    completeBeforeNavigate?: boolean;
 } | {
     type: "purchase";
     planVariable?: string;
@@ -370,7 +373,7 @@ declare type ButtonAction = {
 export { ButtonAction }
 export { ButtonAction as ButtonAction_alias_1 }
 
-export declare function ButtonBlock({ label, action, variant, className, onNext, onBack, onGoToStep, onPurchase, onOpenDiscountCode, disabled, }: ButtonBlockComponentProps): JSX.Element;
+export declare function ButtonBlock({ label, action, variant, className, onNext, onBack, onGoToStep, onPurchase, onOpenDiscountCode, disabled, isLastStep, }: ButtonBlockComponentProps): JSX.Element;
 
 declare type ButtonBlockComponentProps = ButtonBlockProps & {
     onNext?: () => void;
@@ -383,6 +386,7 @@ declare type ButtonBlockComponentProps = ButtonBlockProps & {
     onOpenDiscountCode?: () => void;
     /** Injected by BlockRenderer when sibling input blocks have unmet validation. */
     disabled?: boolean;
+    isLastStep?: boolean;
 };
 
 declare type ButtonBlockProps = {
@@ -572,13 +576,14 @@ declare type ColumnConfig = {
 export { ColumnConfig }
 export { ColumnConfig as ColumnConfig_alias_1 }
 
-export declare function ColumnsBlock({ columns, gap, responsive, className, answers, onNext, onBack, onGoToStep, }: ColumnsBlockComponentProps): JSX.Element;
+export declare function ColumnsBlock({ columns, gap, responsive, className, answers, onNext, onBack, onGoToStep, isLastStep, }: ColumnsBlockComponentProps): JSX.Element;
 
 declare type ColumnsBlockComponentProps = ColumnsBlockProps & {
     answers?: JourneyAnswers;
     onNext?: () => void;
     onBack?: () => void;
     onGoToStep?: (stepId: string) => void;
+    isLastStep?: boolean;
 };
 
 declare type ColumnsBlockProps = {
@@ -979,7 +984,7 @@ declare type ImageBlockProps = {
 export { ImageBlockProps }
 export { ImageBlockProps as ImageBlockProps_alias_1 }
 
-export declare function InfoPageStep({ config, onNext }: StepComponentProps): JSX.Element | null;
+export declare function InfoPageStep({ config, onNext, isLastStep, }: StepComponentProps): JSX.Element | null;
 
 export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): React_2.JSX.Element;
 
@@ -1863,6 +1868,7 @@ declare type StepComponentProps = {
     answer: StepAnswer | undefined;
     onAnswer: (answer: StepAnswer) => void;
     onNext: () => void;
+    isLastStep?: boolean;
 };
 export { StepComponentProps }
 export { StepComponentProps as StepComponentProps_alias_1 }

package/dist/_tsup-dts-rollup.d.ts

@@ -323,7 +323,7 @@ declare type BlockPropsMap = {
 export { BlockPropsMap }
 export { BlockPropsMap as BlockPropsMap_alias_1 }
 
-export declare function BlockRenderer({ blocks, layout, answers, onNext, onBack, onGoToStep, scrollViewportRef, wrapInScrollViewport, }: BlockRendererProps): JSX.Element;
+export declare function BlockRenderer({ blocks, layout, answers, onNext, onBack, onGoToStep, isLastStep, scrollViewportRef, wrapInScrollViewport, }: BlockRendererProps): JSX.Element;
 
 declare type BlockRendererProps = {
     blocks: BlockConfig[];
@@ -332,6 +332,7 @@ declare type BlockRendererProps = {
     onNext: () => void;
     onBack: () => void;
     onGoToStep?: (stepId: string) => void;
+    isLastStep?: boolean;
     scrollViewportRef?: Ref<HTMLDivElement>;
     wrapInScrollViewport?: boolean;
 };
@@ -355,6 +356,8 @@ declare type ButtonAction = {
     type: "link";
     url: string;
     external?: boolean;
+    /** Final-step links complete before navigating by default. Set false to opt out, or true to force this on non-final steps. */
+    completeBeforeNavigate?: boolean;
 } | {
     type: "purchase";
     planVariable?: string;
@@ -370,7 +373,7 @@ declare type ButtonAction = {
 export { ButtonAction }
 export { ButtonAction as ButtonAction_alias_1 }
 
-export declare function ButtonBlock({ label, action, variant, className, onNext, onBack, onGoToStep, onPurchase, onOpenDiscountCode, disabled, }: ButtonBlockComponentProps): JSX.Element;
+export declare function ButtonBlock({ label, action, variant, className, onNext, onBack, onGoToStep, onPurchase, onOpenDiscountCode, disabled, isLastStep, }: ButtonBlockComponentProps): JSX.Element;
 
 declare type ButtonBlockComponentProps = ButtonBlockProps & {
     onNext?: () => void;
@@ -383,6 +386,7 @@ declare type ButtonBlockComponentProps = ButtonBlockProps & {
     onOpenDiscountCode?: () => void;
     /** Injected by BlockRenderer when sibling input blocks have unmet validation. */
     disabled?: boolean;
+    isLastStep?: boolean;
 };
 
 declare type ButtonBlockProps = {
@@ -572,13 +576,14 @@ declare type ColumnConfig = {
 export { ColumnConfig }
 export { ColumnConfig as ColumnConfig_alias_1 }
 
-export declare function ColumnsBlock({ columns, gap, responsive, className, answers, onNext, onBack, onGoToStep, }: ColumnsBlockComponentProps): JSX.Element;
+export declare function ColumnsBlock({ columns, gap, responsive, className, answers, onNext, onBack, onGoToStep, isLastStep, }: ColumnsBlockComponentProps): JSX.Element;
 
 declare type ColumnsBlockComponentProps = ColumnsBlockProps & {
     answers?: JourneyAnswers;
     onNext?: () => void;
     onBack?: () => void;
     onGoToStep?: (stepId: string) => void;
+    isLastStep?: boolean;
 };
 
 declare type ColumnsBlockProps = {
@@ -979,7 +984,7 @@ declare type ImageBlockProps = {
 export { ImageBlockProps }
 export { ImageBlockProps as ImageBlockProps_alias_1 }
 
-export declare function InfoPageStep({ config, onNext }: StepComponentProps): JSX.Element | null;
+export declare function InfoPageStep({ config, onNext, isLastStep, }: StepComponentProps): JSX.Element | null;
 
 export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): React_2.JSX.Element;
 
@@ -1863,6 +1868,7 @@ declare type StepComponentProps = {
     answer: StepAnswer | undefined;
     onAnswer: (answer: StepAnswer) => void;
     onNext: () => void;
+    isLastStep?: boolean;
 };
 export { StepComponentProps }
 export { StepComponentProps as StepComponentProps_alias_1 }

package/dist/index.cjs

@@ -2698,9 +2698,11 @@ function ButtonBlock({
   onGoToStep,
   onPurchase,
   onOpenDiscountCode,
-  disabled
+  disabled,
+  isLastStep
 }) {
   const handleClick = () => {
+    var _a;
     if (!action) {
       onNext == null ? void 0 : onNext();
       return;
@@ -2720,6 +2722,9 @@ function ButtonBlock({
         }
         break;
       case "link":
+        if ((_a = action.completeBeforeNavigate) != null ? _a : isLastStep) {
+          onNext == null ? void 0 : onNext();
+        }
         if (action.external) {
           window.open(action.url, "_blank", "noopener,noreferrer");
         } else {
@@ -4210,7 +4215,8 @@ function ColumnsBlock({
   answers,
   onNext,
   onBack,
-  onGoToStep
+  onGoToStep,
+  isLastStep
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "jy-columns-container", children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -4236,6 +4242,7 @@ function ColumnsBlock({
                 onBack: onBack != null ? onBack : (() => {
                 }),
                 onGoToStep,
+                isLastStep,
                 wrapInScrollViewport: false
               }
             )
@@ -7911,7 +7918,11 @@ function HiddenBlockSlot({ block }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: cn(widthClass, resolvedMaxWidth ? "mx-auto" : void 0, block.className),
+      className: cn(
+        widthClass,
+        resolvedMaxWidth ? "mx-auto" : void 0,
+        block.className
+      ),
       style: __spreadProps(__spreadValues(__spreadValues({}, resolvedMaxWidth ? { maxWidth: resolvedMaxWidth } : null), block.style), {
         visibility: "hidden"
       }),
@@ -8094,7 +8105,7 @@ function resolveAppliedDiscountForDialog(answers, discountVariable, planId) {
   if (!planId) return answer.planId ? void 0 : answer;
   return discountAppliesToPlan(answer, planId) ? answer : void 0;
 }
-function renderBlock(block, i, visibleIndexRef, answers, onNext, onBack, onGoToStep, onPurchase, onOpenDiscountCode, inputsValid) {
+function renderBlock(block, i, visibleIndexRef, answers, onNext, onBack, onGoToStep, onPurchase, onOpenDiscountCode, inputsValid, isLastStep) {
   var _a, _b;
   const conditionMet = !block.condition || evaluateCondition(block.condition, answers);
   const hasExitAnim = ((_a = block.exitAnimation) == null ? void 0 : _a.preset) && block.exitAnimation.preset !== "none";
@@ -8121,8 +8132,9 @@ function renderBlock(block, i, visibleIndexRef, answers, onNext, onBack, onGoToS
     onGoToStep,
     onPurchase,
     onOpenDiscountCode,
-    disabled: buttonDisabledForValidity(resolvedProps, inputsValid)
-  }) : block.type === "columns" ? __spreadProps(__spreadValues({}, resolvedProps), { answers, onNext, onBack, onGoToStep }) : block.type === "gravity_bin" ? __spreadProps(__spreadValues({}, resolvedProps), { answers }) : resolvedProps;
+    disabled: buttonDisabledForValidity(resolvedProps, inputsValid),
+    isLastStep
+  }) : block.type === "columns" ? __spreadProps(__spreadValues({}, resolvedProps), { answers, onNext, onBack, onGoToStep, isLastStep }) : block.type === "gravity_bin" ? __spreadProps(__spreadValues({}, resolvedProps), { answers }) : resolvedProps;
   const idx = visibleIndexRef.current;
   visibleIndexRef.current++;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -8144,6 +8156,7 @@ function BlockRenderer({
   onNext,
   onBack,
   onGoToStep,
+  isLastStep,
   scrollViewportRef,
   wrapInScrollViewport = true
 }) {
@@ -8229,7 +8242,8 @@ function BlockRenderer({
       onGoToStep,
       onPurchase,
       onOpenDiscountCode,
-      inputsValid
+      inputsValid,
+      isLastStep
     );
   };
   if (!wrapInScrollViewport && stickyBlocks.length === 0) {
@@ -8252,7 +8266,11 @@ function BlockRenderer({
           "div",
           {
             className: layoutClasses(layout),
-            style: { gap: `${gap}rem`, maxWidth: layout == null ? void 0 : layout.maxWidth, width: "100%" },
+            style: {
+              gap: `${gap}rem`,
+              maxWidth: layout == null ? void 0 : layout.maxWidth,
+              width: "100%"
+            },
             children: contentBlocks.map((block, i) => renderOne(block, i))
           }
         )
@@ -8263,7 +8281,11 @@ function BlockRenderer({
     ) }) : null
   ] });
 }
-function InfoPageStep({ config, onNext }) {
+function InfoPageStep({
+  config,
+  onNext,
+  isLastStep
+}) {
   var _a;
   const { answers } = useJourneyState();
   const { goBack, goToStep } = useJourneyActions();
@@ -8271,9 +8293,7 @@ function InfoPageStep({ config, onNext }) {
   const sortedTimelineEvents = React.useMemo(
     () => {
       var _a2, _b;
-      return [...(_b = (_a2 = config.scrollTimeline) == null ? void 0 : _a2.events) != null ? _b : []].sort(
-        (a, b) => a.at - b.at
-      );
+      return [...(_b = (_a2 = config.scrollTimeline) == null ? void 0 : _a2.events) != null ? _b : []].sort((a, b) => a.at - b.at);
     },
     [(_a = config.scrollTimeline) == null ? void 0 : _a.events]
   );
@@ -8453,6 +8473,7 @@ function InfoPageStep({ config, onNext }) {
       onNext,
       onBack: goBack,
       onGoToStep: goToStep,
+      isLastStep,
       scrollViewportRef
     }
   );
@@ -9320,7 +9341,7 @@ var STEP_REGISTRY = {
 function StepRenderer({ config }) {
   var _a, _b;
   const { answers } = useJourneyState();
-  const { setAnswer, goNext } = useJourneyActions();
+  const { setAnswer, goNext, isLastStep } = useJourneyActions();
   const resolvedConfig = React.useMemo(() => {
     var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     const hasTemplates = ((_a2 = config.preface) == null ? void 0 : _a2.includes("${")) || ((_b2 = config.question) == null ? void 0 : _b2.includes("${")) || ((_c = config.description) == null ? void 0 : _c.includes("${")) || ((_d = config.buttonText) == null ? void 0 : _d.includes("${")) || ((_e = config.footerText) == null ? void 0 : _e.includes("${")) || ((_g = (_f = config.swipeLabels) == null ? void 0 : _f.yes) == null ? void 0 : _g.includes("${")) || ((_i = (_h = config.swipeLabels) == null ? void 0 : _h.no) == null ? void 0 : _i.includes("${")) || ((_j = config.swipeCards) != null ? _j : []).some(
@@ -9373,7 +9394,8 @@ function StepRenderer({ config }) {
         }
         setAnswer(answerKey, answer);
       },
-      onNext: () => goNext()
+      onNext: () => goNext(),
+      isLastStep: isLastStep()
     }
   );
 }
@@ -9671,7 +9693,7 @@ function JourneyShell({ className, theme } = {}) {
   ] });
 }
 var JOURNEY_LIBRARY_NAME = "@founderhq/journeys";
-var JOURNEY_LIBRARY_VERSION = "0.4.0";
+var JOURNEY_LIBRARY_VERSION = "0.4.1";
 function randomId(prefix) {
   const cryptoRef = globalThis.crypto;
   if (cryptoRef == null ? void 0 : cryptoRef.randomUUID) return `${prefix}_${cryptoRef.randomUUID()}`;
@@ -10060,7 +10082,9 @@ function useJourneyCapture(params) {
       });
       persistQueue();
       const batchSize = Math.max(1, (_b = capture.batchSize) != null ? _b : 10);
-      if (queueRef.current.length >= batchSize) void flush();
+      if (event.type === "complete" || queueRef.current.length >= batchSize) {
+        void flush();
+      }
     },
     [ensureRuntime, flush, persistQueue]
   );

package/dist/index.js

@@ -2673,9 +2673,11 @@ function ButtonBlock({
   onGoToStep,
   onPurchase,
   onOpenDiscountCode,
-  disabled
+  disabled,
+  isLastStep
 }) {
   const handleClick = () => {
+    var _a;
     if (!action) {
       onNext == null ? void 0 : onNext();
       return;
@@ -2695,6 +2697,9 @@ function ButtonBlock({
         }
         break;
       case "link":
+        if ((_a = action.completeBeforeNavigate) != null ? _a : isLastStep) {
+          onNext == null ? void 0 : onNext();
+        }
         if (action.external) {
           window.open(action.url, "_blank", "noopener,noreferrer");
         } else {
@@ -4185,7 +4190,8 @@ function ColumnsBlock({
   answers,
   onNext,
   onBack,
-  onGoToStep
+  onGoToStep,
+  isLastStep
 }) {
   return /* @__PURE__ */ jsx("div", { className: "jy-columns-container", children: /* @__PURE__ */ jsx(
     "div",
@@ -4211,6 +4217,7 @@ function ColumnsBlock({
                 onBack: onBack != null ? onBack : (() => {
                 }),
                 onGoToStep,
+                isLastStep,
                 wrapInScrollViewport: false
               }
             )
@@ -7886,7 +7893,11 @@ function HiddenBlockSlot({ block }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn(widthClass, resolvedMaxWidth ? "mx-auto" : void 0, block.className),
+      className: cn(
+        widthClass,
+        resolvedMaxWidth ? "mx-auto" : void 0,
+        block.className
+      ),
       style: __spreadProps(__spreadValues(__spreadValues({}, resolvedMaxWidth ? { maxWidth: resolvedMaxWidth } : null), block.style), {
         visibility: "hidden"
       }),
@@ -8069,7 +8080,7 @@ function resolveAppliedDiscountForDialog(answers, discountVariable, planId) {
   if (!planId) return answer.planId ? void 0 : answer;
   return discountAppliesToPlan(answer, planId) ? answer : void 0;
 }
-function renderBlock(block, i, visibleIndexRef, answers, onNext, onBack, onGoToStep, onPurchase, onOpenDiscountCode, inputsValid) {
+function renderBlock(block, i, visibleIndexRef, answers, onNext, onBack, onGoToStep, onPurchase, onOpenDiscountCode, inputsValid, isLastStep) {
   var _a, _b;
   const conditionMet = !block.condition || evaluateCondition(block.condition, answers);
   const hasExitAnim = ((_a = block.exitAnimation) == null ? void 0 : _a.preset) && block.exitAnimation.preset !== "none";
@@ -8096,8 +8107,9 @@ function renderBlock(block, i, visibleIndexRef, answers, onNext, onBack, onGoToS
     onGoToStep,
     onPurchase,
     onOpenDiscountCode,
-    disabled: buttonDisabledForValidity(resolvedProps, inputsValid)
-  }) : block.type === "columns" ? __spreadProps(__spreadValues({}, resolvedProps), { answers, onNext, onBack, onGoToStep }) : block.type === "gravity_bin" ? __spreadProps(__spreadValues({}, resolvedProps), { answers }) : resolvedProps;
+    disabled: buttonDisabledForValidity(resolvedProps, inputsValid),
+    isLastStep
+  }) : block.type === "columns" ? __spreadProps(__spreadValues({}, resolvedProps), { answers, onNext, onBack, onGoToStep, isLastStep }) : block.type === "gravity_bin" ? __spreadProps(__spreadValues({}, resolvedProps), { answers }) : resolvedProps;
   const idx = visibleIndexRef.current;
   visibleIndexRef.current++;
   return /* @__PURE__ */ jsx(
@@ -8119,6 +8131,7 @@ function BlockRenderer({
   onNext,
   onBack,
   onGoToStep,
+  isLastStep,
   scrollViewportRef,
   wrapInScrollViewport = true
 }) {
@@ -8204,7 +8217,8 @@ function BlockRenderer({
       onGoToStep,
       onPurchase,
       onOpenDiscountCode,
-      inputsValid
+      inputsValid,
+      isLastStep
     );
   };
   if (!wrapInScrollViewport && stickyBlocks.length === 0) {
@@ -8227,7 +8241,11 @@ function BlockRenderer({
           "div",
           {
             className: layoutClasses(layout),
-            style: { gap: `${gap}rem`, maxWidth: layout == null ? void 0 : layout.maxWidth, width: "100%" },
+            style: {
+              gap: `${gap}rem`,
+              maxWidth: layout == null ? void 0 : layout.maxWidth,
+              width: "100%"
+            },
             children: contentBlocks.map((block, i) => renderOne(block, i))
           }
         )
@@ -8238,7 +8256,11 @@ function BlockRenderer({
     ) }) : null
   ] });
 }
-function InfoPageStep({ config, onNext }) {
+function InfoPageStep({
+  config,
+  onNext,
+  isLastStep
+}) {
   var _a;
   const { answers } = useJourneyState();
   const { goBack, goToStep } = useJourneyActions();
@@ -8246,9 +8268,7 @@ function InfoPageStep({ config, onNext }) {
   const sortedTimelineEvents = useMemo(
     () => {
       var _a2, _b;
-      return [...(_b = (_a2 = config.scrollTimeline) == null ? void 0 : _a2.events) != null ? _b : []].sort(
-        (a, b) => a.at - b.at
-      );
+      return [...(_b = (_a2 = config.scrollTimeline) == null ? void 0 : _a2.events) != null ? _b : []].sort((a, b) => a.at - b.at);
     },
     [(_a = config.scrollTimeline) == null ? void 0 : _a.events]
   );
@@ -8428,6 +8448,7 @@ function InfoPageStep({ config, onNext }) {
       onNext,
       onBack: goBack,
       onGoToStep: goToStep,
+      isLastStep,
       scrollViewportRef
     }
   );
@@ -9295,7 +9316,7 @@ var STEP_REGISTRY = {
 function StepRenderer({ config }) {
   var _a, _b;
   const { answers } = useJourneyState();
-  const { setAnswer, goNext } = useJourneyActions();
+  const { setAnswer, goNext, isLastStep } = useJourneyActions();
   const resolvedConfig = useMemo(() => {
     var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     const hasTemplates = ((_a2 = config.preface) == null ? void 0 : _a2.includes("${")) || ((_b2 = config.question) == null ? void 0 : _b2.includes("${")) || ((_c = config.description) == null ? void 0 : _c.includes("${")) || ((_d = config.buttonText) == null ? void 0 : _d.includes("${")) || ((_e = config.footerText) == null ? void 0 : _e.includes("${")) || ((_g = (_f = config.swipeLabels) == null ? void 0 : _f.yes) == null ? void 0 : _g.includes("${")) || ((_i = (_h = config.swipeLabels) == null ? void 0 : _h.no) == null ? void 0 : _i.includes("${")) || ((_j = config.swipeCards) != null ? _j : []).some(
@@ -9348,7 +9369,8 @@ function StepRenderer({ config }) {
         }
         setAnswer(answerKey, answer);
       },
-      onNext: () => goNext()
+      onNext: () => goNext(),
+      isLastStep: isLastStep()
     }
   );
 }
@@ -9646,7 +9668,7 @@ function JourneyShell({ className, theme } = {}) {
   ] });
 }
 var JOURNEY_LIBRARY_NAME = "@founderhq/journeys";
-var JOURNEY_LIBRARY_VERSION = "0.4.0";
+var JOURNEY_LIBRARY_VERSION = "0.4.1";
 function randomId(prefix) {
   const cryptoRef = globalThis.crypto;
   if (cryptoRef == null ? void 0 : cryptoRef.randomUUID) return `${prefix}_${cryptoRef.randomUUID()}`;
@@ -10035,7 +10057,9 @@ function useJourneyCapture(params) {
       });
       persistQueue();
       const batchSize = Math.max(1, (_b = capture.batchSize) != null ? _b : 10);
-      if (queueRef.current.length >= batchSize) void flush();
+      if (event.type === "complete" || queueRef.current.length >= batchSize) {
+        void flush();
+      }
     },
     [ensureRuntime, flush, persistQueue]
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@founderhq/journeys",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Config-driven interactive journey/questionnaire engine for React",
   "type": "module",
   "main": "./dist/index.cjs",