@founderhq/journeys 0.3.61 → 0.3.63

package/dist/index.js

@@ -512,6 +512,131 @@ function normalizeStepOrder(config) {
   }
   return __spreadProps(__spreadValues({}, config), { steps: ordered });
 }
+function getRuntimeOptionOverride(overrides, key) {
+  if (!overrides || !key) return void 0;
+  if (!Object.prototype.hasOwnProperty.call(overrides, key)) return void 0;
+  return overrides[key];
+}
+function applyRuntimeOptionOverridesToBlocks(blocks, overrides) {
+  if (!overrides) return blocks;
+  let changed = false;
+  const nextBlocks = blocks.map((block) => {
+    let next = block;
+    if (block.type === "single_select" || block.type === "multi_select") {
+      const options = getRuntimeOptionOverride(overrides, block.props.variable);
+      if (options !== void 0) {
+        next = __spreadProps(__spreadValues({}, block), {
+          props: __spreadProps(__spreadValues({}, block.props), { options })
+        });
+        changed = true;
+      }
+    }
+    if (block.type === "columns") {
+      let columnsChanged = false;
+      const columns = block.props.columns.map((column) => {
+        const columnBlocks = applyRuntimeOptionOverridesToBlocks(
+          column.blocks,
+          overrides
+        );
+        if (columnBlocks === column.blocks) return column;
+        columnsChanged = true;
+        return __spreadProps(__spreadValues({}, column), { blocks: columnBlocks });
+      });
+      if (columnsChanged) {
+        next = __spreadProps(__spreadValues({}, block), {
+          props: __spreadProps(__spreadValues({}, block.props), { columns })
+        });
+        changed = true;
+      }
+    }
+    return next;
+  });
+  return changed ? nextBlocks : blocks;
+}
+function applyRuntimeOptionOverrides(config, overrides) {
+  if (!overrides || Object.keys(overrides).length === 0) return config;
+  let changed = false;
+  const steps = config.steps.map((step) => {
+    var _a;
+    let next = step;
+    const stepUsesOptions = step.type === "single_select" || step.type === "multi_select" || step.type === "counter_select";
+    const options = stepUsesOptions ? getRuntimeOptionOverride(overrides, (_a = step.variable) != null ? _a : step.id) : void 0;
+    if (options !== void 0) {
+      next = __spreadProps(__spreadValues({}, step), { options });
+      changed = true;
+    }
+    if (step.blocks) {
+      const blocks = applyRuntimeOptionOverridesToBlocks(
+        step.blocks,
+        overrides
+      );
+      if (blocks !== step.blocks) {
+        next = __spreadProps(__spreadValues({}, next), { blocks });
+        changed = true;
+      }
+    }
+    return next;
+  });
+  return changed ? __spreadProps(__spreadValues({}, config), { steps }) : config;
+}
+function stripOptionsFromEventBlocks(blocks) {
+  let changed = false;
+  const nextBlocks = blocks.map((block) => {
+    let next = block;
+    if (block.type === "single_select" || block.type === "multi_select") {
+      const props = __spreadValues({}, block.props);
+      delete props.options;
+      next = __spreadProps(__spreadValues({}, block), { props });
+      changed = true;
+    }
+    if (block.type === "columns") {
+      let columnsChanged = false;
+      const columns = block.props.columns.map((column) => {
+        const columnBlocks = stripOptionsFromEventBlocks(column.blocks);
+        if (columnBlocks === column.blocks) return column;
+        columnsChanged = true;
+        return __spreadProps(__spreadValues({}, column), { blocks: columnBlocks });
+      });
+      if (columnsChanged) {
+        next = __spreadProps(__spreadValues({}, block), {
+          props: __spreadProps(__spreadValues({}, block.props), { columns })
+        });
+        changed = true;
+      }
+    }
+    return next;
+  });
+  return changed ? nextBlocks : blocks;
+}
+function stripOptionsFromEventStep(step) {
+  var _a;
+  let changed = false;
+  let next = step;
+  if (step.options !== void 0) {
+    next = __spreadValues({}, next);
+    delete next.options;
+    changed = true;
+  }
+  if ((_a = step.fields) == null ? void 0 : _a.some((field) => field.options !== void 0)) {
+    next = __spreadProps(__spreadValues({}, next), {
+      fields: step.fields.map((field) => {
+        if (field.options === void 0) return field;
+        const nextField = __spreadValues({}, field);
+        delete nextField.options;
+        return nextField;
+      })
+    });
+    changed = true;
+  }
+  if (step.blocks) {
+    const blocks = stripOptionsFromEventBlocks(step.blocks);
+    if (blocks !== step.blocks) {
+      next = __spreadProps(__spreadValues({}, next), { blocks });
+      changed = true;
+    }
+  }
+  return changed ? next : step;
+}
 var JourneyContext = createContext(null);
 function JourneyProvider({
   config: rawConfig,
@@ -519,6 +644,7 @@ function JourneyProvider({
   theme,
   onEvent,
   initialAnswers,
+  initialOptions,
   onDiscountCodeApply,
   children
 }) {
@@ -529,7 +655,14 @@ function JourneyProvider({
   useEffect(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const config = useMemo(() => normalizeStepOrder(rawConfig), [rawConfig]);
+  const normalizedConfig = useMemo(
+    () => normalizeStepOrder(rawConfig),
+    [rawConfig]
+  );
+  const config = useMemo(
+    () => applyRuntimeOptionOverrides(normalizedConfig, initialOptions),
+    [normalizedConfig, initialOptions]
+  );
   const computedVariableIds = useMemo(
     () => getComputedVariableIds(config.computedVariables),
     [config.computedVariables]
@@ -574,8 +707,8 @@ function JourneyProvider({
     rawAnswersRef.current = rawAnswers;
   }, [rawAnswers]);
   const allVariables = useMemo(
-    () => config.steps.flatMap(getStepVariables),
-    [config.steps]
+    () => normalizedConfig.steps.flatMap(getStepVariables),
+    [normalizedConfig.steps]
   );
   const setAnswer = useCallback((stepId, answer) => {
     if (computedVariableIds.has(stepId)) return;
@@ -644,7 +777,7 @@ function JourneyProvider({
       const submitted = getSubmittedAnswer(currentStep, latestAnswers);
       (_c = onEventRef.current) == null ? void 0 : _c.call(onEventRef, __spreadProps(__spreadValues({
         type: "step_submit",
-        step: currentStep,
+        step: stripOptionsFromEventStep(currentStep),
         submitted
       }, eventAnswers), {
         variables: allVariables
@@ -654,8 +787,8 @@ function JourneyProvider({
         navigateToIndex(nextIndex);
         (_d = onEventRef.current) == null ? void 0 : _d.call(onEventRef, __spreadValues({
           type: "navigate",
-          from: currentStep,
-          to: config.steps[nextIndex],
+          from: stripOptionsFromEventStep(currentStep),
+          to: stripOptionsFromEventStep(config.steps[nextIndex]),
           direction: "forward"
         }, eventAnswers));
       } else {
@@ -687,13 +820,18 @@ function JourneyProvider({
         navigateToIndex(idx);
         (_a = onEventRef.current) == null ? void 0 : _a.call(onEventRef, __spreadValues({
           type: "navigate",
-          from: fromStep,
-          to: config.steps[idx],
+          from: stripOptionsFromEventStep(fromStep),
+          to: stripOptionsFromEventStep(config.steps[idx]),
           direction: idx > currentStepIndex ? "forward" : "backward"
         }, getEventAnswers(config.computedVariables, rawAnswersRef.current)));
       }
     },
-    [config.computedVariables, config.steps, currentStepIndex, navigateToIndex]
+    [
+      config.computedVariables,
+      config.steps,
+      currentStepIndex,
+      navigateToIndex
+    ]
   );
   const goBack = useCallback(() => {
     var _a;
@@ -729,8 +867,8 @@ function JourneyProvider({
         setDirection(dir);
         (_b2 = onEventRef.current) == null ? void 0 : _b2.call(onEventRef, __spreadValues({
           type: "navigate",
-          from: config.steps[prev],
-          to: config.steps[step],
+          from: stripOptionsFromEventStep(config.steps[prev]),
+          to: stripOptionsFromEventStep(config.steps[step]),
           direction: dir
         }, getEventAnswers(config.computedVariables, rawAnswersRef.current)));
         return step;
@@ -738,7 +876,11 @@ function JourneyProvider({
     };
     window.addEventListener("popstate", handlePopState);
     return () => window.removeEventListener("popstate", handlePopState);
-  }, [config.allowBackNavigation, config.computedVariables, config.steps]);
+  }, [
+    config.allowBackNavigation,
+    config.computedVariables,
+    config.steps
+  ]);
   const getStepAnswer = useCallback(
     (stepId) => {
       var _a;
@@ -758,17 +900,22 @@ function JourneyProvider({
   );
   const firePurchaseIntent = useCallback(
     (variable, plan, discount) => {
-      var _a, _b;
-      const currentStep = config.steps[currentStepIndex];
-      (_b = onEventRef.current) == null ? void 0 : _b.call(onEventRef, __spreadValues(__spreadProps(__spreadValues({
+      var _a, _b, _c;
+      const currentStep = (_a = normalizedConfig.steps[currentStepIndex]) != null ? _a : config.steps[currentStepIndex];
+      (_c = onEventRef.current) == null ? void 0 : _c.call(onEventRef, __spreadValues(__spreadProps(__spreadValues({
         type: "purchase_intent",
         variable,
         plan
       }, discount ? { discount } : {}), {
-        stepId: (_a = currentStep == null ? void 0 : currentStep.id) != null ? _a : ""
+        stepId: (_b = currentStep == null ? void 0 : currentStep.id) != null ? _b : ""
       }), getEventAnswers(config.computedVariables, rawAnswersRef.current)));
     },
-    [config.computedVariables, config.steps, currentStepIndex]
+    [
+      config.computedVariables,
+      config.steps,
+      currentStepIndex,
+      normalizedConfig.steps
+    ]
   );
   const openDiscountCodeDialog = useCallback(
     (state2) => {
@@ -3790,13 +3937,11 @@ function ColumnsBlock({
   onBack,
   onGoToStep
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "jy-columns-container", children: /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn(
-        responsive ? "flex flex-col md:flex-row" : "flex flex-row",
-        className
-      ),
+      className: cn("jy-columns", className),
+      "data-responsive": responsive ? "true" : "false",
       style: { gap: `${gap}rem` },
       children: columns.map((col, i) => {
         var _a;
@@ -3824,7 +3969,7 @@ function ColumnsBlock({
         );
       })
     }
-  );
+  ) });
 }
 function easeInOutCubic(t) {
   return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
@@ -9276,6 +9421,7 @@ function JourneyRemote({
   className,
   theme,
   initialAnswers,
+  initialOptions,
   onDiscountCodeApply,
   loadingComponent,
   errorComponent
@@ -9295,6 +9441,7 @@ function JourneyRemote({
       theme,
       onEvent,
       initialAnswers,
+      initialOptions,
       onDiscountCodeApply,
       children: /* @__PURE__ */ jsx(JourneyShell, { className, theme })
     }
@@ -9311,6 +9458,7 @@ function Journey(props) {
     className,
     theme,
     initialAnswers,
+    initialOptions,
     onDiscountCodeApply
   } = props;
   return /* @__PURE__ */ jsx(
@@ -9321,6 +9469,7 @@ function Journey(props) {
       theme,
       onEvent,
       initialAnswers,
+      initialOptions,
       onDiscountCodeApply,
       children: /* @__PURE__ */ jsx(JourneyShell, { className, theme })
     }