@appcues/web-sdk 7.24.0 → 7.24.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @appcues/web-sdk
 
+## 7.24.0
+
+### Minor Changes
+
+- c1e77db: Include campaignId and tacticId on all flow and experience analytics events. When an experience or flow is triggered by another, the child inherits the parent's campaign/tactic IDs. IDs are also preserved across page navigations.
+
 ## 7.23.13
 
 ### Patch Changes

package/build/{bootstrap.npm.DYhiH7lm.js → bootstrap.npm.DOAXwcKF.js}

@@ -1946,7 +1946,7 @@ function ys(e) {
 }
 //#endregion
 //#region src/styles/checklist.css?url
-var bs = "/generic/main/7.24.0/checklist.c1e77dbbb641eec1fd5ab36b9a1474de41efcf5f.css", xs = "sha256-V0XysNBfj4XuJbDIW5aWcjP7IedHdnAvCi8DeLwGv2o=", Ss = ys(bs), Cs = 30, ws = -300, Ts = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", Es = null, Ds = null, Os = null, ks = null, As = (e) => {
+var bs = "/generic/main/7.24.1/checklist.337650133924744b50ef043c4a91c308ad019cdb.css", xs = "sha256-V0XysNBfj4XuJbDIW5aWcjP7IedHdnAvCi8DeLwGv2o=", Ss = ys(bs), Cs = 30, ws = -300, Ts = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", Es = null, Ds = null, Os = null, ks = null, As = (e) => {
 	let { id: t, name: n, styles: r, text_tokens: i, items: a, is_checklist_expanded: o, is_first_view: s, frameHeight: c, beaconWidth: l, onBeaconClicked: u, onItemClicked: d, onOutsideClicked: f, onDismissClicked: p, onDismissCanceled: m, onDismissConfirmed: h, onCSSLoaded: g, onMinimizedClicked: _, shouldShowConfirmDismiss: v, onExpandChecklistResize: y, onCollapseBeaconResize: b, status: x, progress_state: S, is_sequential: C, is_dismissable: ee, showBadge: te, collisionMode: ne, collisionCoordinates: re, isInjectableSDK: ie, styling: ae } = e, oe = (e) => {
 		ie || setTimeout(() => {
 			as(e.elm);
@@ -5296,7 +5296,7 @@ function vf(e, t, n, r) {
 }
 //#endregion
 //#region src/styles/modal.css?url
-var yf = "/generic/main/7.24.0/modal.c1e77dbbb641eec1fd5ab36b9a1474de41efcf5f.css", bf = "/generic/main/7.24.0/modal-step-legacy-render.c1e77dbbb641eec1fd5ab36b9a1474de41efcf5f.css", xf = "sha256-Ull2pU6HfREgLRggKNNGV6AHaWBAw5OeIuetlkHnUZY=", Sf = "sha256-Ea5gC5g6QacVSWApI6ApmuZheqr4EDl50hD7GyRsaz0=", Cf = ys(bf), wf = ys(yf), Tf = new Set(["shorty", "slideout"]);
+var yf = "/generic/main/7.24.1/modal.337650133924744b50ef043c4a91c308ad019cdb.css", bf = "/generic/main/7.24.1/modal-step-legacy-render.337650133924744b50ef043c4a91c308ad019cdb.css", xf = "sha256-Ull2pU6HfREgLRggKNNGV6AHaWBAw5OeIuetlkHnUZY=", Sf = "sha256-Ea5gC5g6QacVSWApI6ApmuZheqr4EDl50hD7GyRsaz0=", Cf = ys(bf), wf = ys(yf), Tf = new Set(["shorty", "slideout"]);
 function Ef(e) {
 	if (!e) return;
 	let { style: t } = e;
@@ -5493,7 +5493,7 @@ function Mf({ patternType: e, hidden: t }) {
 }
 //#endregion
 //#region src/styles/tooltip.css?url
-var Nf = "/generic/main/7.24.0/tooltip.c1e77dbbb641eec1fd5ab36b9a1474de41efcf5f.css", Pf = "sha256-r4KmO5sl5F5wxrVA5ANjinquA8nBo4ZaSoFboEJwvzs=", Ff = ys(Nf), If = "//twemoji.maxcdn.com/2/svg/", Lf = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", Rf = "pattern-title", zf = "Hide these tips";
+var Nf = "/generic/main/7.24.1/tooltip.337650133924744b50ef043c4a91c308ad019cdb.css", Pf = "sha256-r4KmO5sl5F5wxrVA5ANjinquA8nBo4ZaSoFboEJwvzs=", Ff = ys(Nf), If = "//twemoji.maxcdn.com/2/svg/", Lf = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", Rf = "pattern-title", zf = "Hide these tips";
 function Bf(e, t) {
 	return {
 		skippable: e.skippable,
@@ -6415,7 +6415,7 @@ function Ep(e) {
 }
 //#endregion
 //#region src/styles/satisfaction-survey.css?url
-var Dp = "/generic/main/7.24.0/satisfaction-survey.c1e77dbbb641eec1fd5ab36b9a1474de41efcf5f.css", Op = "sha256-sj4TgtPXrfHc+Sox7I2a7KJr+2zaoe/PhcBrvvCXAEw=", kp = ys(Dp), Ap, jp;
+var Dp = "/generic/main/7.24.1/satisfaction-survey.337650133924744b50ef043c4a91c308ad019cdb.css", Op = "sha256-sj4TgtPXrfHc+Sox7I2a7KJr+2zaoe/PhcBrvvCXAEw=", kp = ys(Dp), Ap, jp;
 function Mp(e) {
 	let t = L(e), n = hr(e), r = mr(e), i = Sr(e), a = xr(e, br(e)), o = i[a], s = t.attributes.pattern_type, { position: c } = t.attributes, l = e.views.callbacks[w.SATISFACTION_SURVEY], u = n.cssLoaded, d = Ns(e.settings), f = r !== T.SHOWING, p = {}, m = u && P.inArray([T.SHOWING, T.WILL_CLOSE], r);
 	m || (p = { display: "none" }), p = {
@@ -8291,7 +8291,7 @@ var h_ = "v2", g_ = (e) => {
 	return window.createAppcues(n);
 }, __ = async () => {
 	if (typeof window.createAppcues != "function") {
-		let e = await import("./open-builder.Djam6tRm.js");
+		let e = await import("./open-builder.D0GqutyR.js");
 		window.createAppcues = e.default;
 	}
 }, v_ = async () => (await __(), g_), y_ = "EVENTS_TRIGGERED", b_ = q(y_), x_ = q(uc.SET_SESSION), S_ = q(uc.START_SESSION), C_ = q(uc.SESSION_STARTED);
@@ -10468,7 +10468,7 @@ function Vb({ user: e }) {
 }
 //#endregion
 //#region src/styles/debugger.css?url
-var Hb = "/generic/main/7.24.0/debugger.c1e77dbbb641eec1fd5ab36b9a1474de41efcf5f.css";
+var Hb = "/generic/main/7.24.1/debugger.337650133924744b50ef043c4a91c308ad019cdb.css";
 //#endregion
 //#region src/scripts/views/renderers/render-debugger.jsx
 qa();
@@ -10551,7 +10551,7 @@ var Xb = "https://docs.appcues.com/user-experiences-faq/faq-test-mode", Zb = (e)
 		"class-clickable": !0,
 		"on-click": t.onCancelClicked
 	}, "End Test"))));
-}, Qb = "/generic/main/7.24.0/test-mode.c1e77dbbb641eec1fd5ab36b9a1474de41efcf5f.css";
+}, Qb = "/generic/main/7.24.1/test-mode.337650133924744b50ef043c4a91c308ad019cdb.css";
 //#endregion
 //#region src/scripts/views/renderers/render-test-mode-banner.jsx
 qa();
@@ -11971,7 +11971,7 @@ function* jC() {
 }
 //#endregion
 //#region src/styles/container.css?url
-var MC = "/generic/main/7.24.0/container.c1e77dbbb641eec1fd5ab36b9a1474de41efcf5f.css", NC = "sha256-lSNoLP5iR6z+5ZIuDIIBsSUCzS4XW0jHmE9J8Qsp1ao=";
+var MC = "/generic/main/7.24.1/container.337650133924744b50ef043c4a91c308ad019cdb.css", NC = "sha256-lSNoLP5iR6z+5ZIuDIIBsSUCzS4XW0jHmE9J8Qsp1ao=";
 window.performance && window.performance.mark && window.performance.mark("apc-init"), wg();
 var PC = window.AppcuesBundleSettings;
 [...document.documentElement.querySelectorAll("link")].forEach((e) => {

package/build/index.npm.js

@@ -35,7 +35,7 @@ function s(e, t, n) {
 	};
 }
 async function c() {
-	let { default: e } = await import("./bootstrap.npm.DYhiH7lm.js");
+	let { default: e } = await import("./bootstrap.npm.DOAXwcKF.js");
 	window.Appcues = e, i = !0;
 }
 async function l(e) {

package/build/{open-builder.Djam6tRm.js → open-builder.D0GqutyR.js}

@@ -2973,7 +2973,8 @@ var vn = /* @__PURE__ */ u((/* @__PURE__ */ s(((e, t) => {
 })))(), 1), yn = "EXPERIENCE_STARTED", bn = "SHOW", xn = "STOP_EXPERIENCE", Sn = {
 	NAVIGATION: "navigation",
 	COMPLETED: "completed",
-	DISMISSED: "dismissed"
+	DISMISSED: "dismissed",
+	ERROR: "error"
 }, Cn = "EXTENDED_EVENT", wn = "START_STEP", Tn = "STOP_STEP", En = "UPDATE_STEP", Dn = "SET_STEP_CONTAINER_TARGET", On = "UPDATE_STEP_CONTENT", kn = "RECOVER_STEP", An = "AUTO_RECOVER_STEP", jn = "PARENT_RECOVER_STEP", Mn = "ERROR", Nn = "STEP_INTERACTION", Pn = "STEP_SEEN", Fn = "UPDATE_ROOT_STYLE", In = "RELOAD", Ln = "STEP_STOPPED", Rn = "EXPERIENCE_DISMISSED", zn = "EXPERIENCE_SNOOZED", Bn = "FORWARD_TO_PARENT", Vn = "TRANSITION_TO_END", Hn = "ACTIONS_STARTED", Un = "ACTIONS_FINISHED", Wn = "experience.begin", Gn = "experience.end", Kn = "step.prebegin", qn = "step.begin", Jn = "step.prerender", Yn = "step.postrender", Xn = "step.end", Zn = "step.error", Qn = "step.container_change", $n = "RUN_HOOKS", er = "RUN_HOOKS_DONE", tr = "START_THEME_REMOVAL_LISTENER", nr = "STOP_THEME_REMOVAL_LISTENER", rr = "GLOBAL_CONTAINER_REMOVED", ir = "STEP_CONTAINER_REMOVED", ar = "appcues-experience-container", or = "APPCUES-EXPERIENCE-CONTAINER", sr = "APPCUES-EXPERIENCE-CONTAINER-BUILDER", cr = "data-appcues-container-id", lr = "RUN_TRAITS_DONE", ur = "RUN_TRAITS_ERROR", dr = "BIND_ACTIONS_ERROR", fr = (() => {
 	let e = /* @__PURE__ */ new Map(), t = (t) => {
 		let { observerInstance: n } = e.get(t);
@@ -3727,9 +3728,10 @@ var qr = (0, zr.default)((e, t) => {
 		...e,
 		...t.stepConfig
 	})
-}), ti = X(yn), ni = X(({ step: e }) => ({
+}), ti = X(yn), ni = X(({ step: e, stopReason: t }) => ({
 	type: Ln,
-	id: e.id
+	id: e.id,
+	reason: t
 })), ri = (e, { styles: t, getRoot: n }) => {
 	let r = n();
 	r && Object.entries(t).forEach(([e, t]) => {
@@ -3771,16 +3773,16 @@ var qr = (0, zr.default)((e, t) => {
 }, pi = ({ getTrait: e, trait: t, ...n }) => {
 	let r = e(t.type);
 	r && r(n, t.config ?? {});
-}, { getCallback: mi, registerCallback: Q } = fi(), hi = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((e, t) => (t &= 63, t < 36 ? e += t.toString(36) : t < 62 ? e += (t - 26).toString(36).toUpperCase() : t > 62 ? e += "-" : e += "_", e), ""), gi = ({ experience: e, callback: t, step: n, findId: r, getContainer: i, getWindowReference: a }) => {
-	let o = (e, { forwardToParent: r = !1 } = {}) => {
-		let o = ({ type: e, ...n }) => t(r ? {
+}, { getCallback: mi, registerCallback: Q } = fi(), hi = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((e, t) => (t &= 63, t < 36 ? e += t.toString(36) : t < 62 ? e += (t - 26).toString(36).toUpperCase() : t > 62 ? e += "-" : e += "_", e), ""), gi = ({ experience: e, callback: t, step: n, findId: r, getContainer: i, getWindowReference: a, sendToExperience: o }) => {
+	let s = (e, { forwardToParent: r = !1 } = {}) => {
+		let s = ({ type: e, ...n }) => t(r ? {
 			...n,
 			eventType: e,
 			type: Bn
 		} : {
 			type: e,
 			...n
-		});
+		}), c = (e) => r && o ? o(e) : s(e);
 		return {
 			querySelector: (e) => Tr(e, {
 				step: n,
@@ -3788,76 +3790,78 @@ var qr = (0, zr.default)((e, t) => {
 				stepContainer: i(),
 				getWindowReference: a
 			}),
-			start: () => o({
+			start: () => c({
 				type: wn,
 				id: e.id
 			}),
-			stop: (t) => {
-				o({
+			stop: (t, n) => {
+				c({
 					type: Tn,
 					id: e.id,
-					onStopped: t
+					onStopped: t,
+					reason: n
 				});
 			},
 			setStepContainerTarget: (t) => {
-				o({
+				s({
 					type: Dn,
 					id: e.id,
 					container: t
 				});
 			},
 			recover: ({ errorId: t }) => {
-				o({
+				s({
 					type: kn,
 					id: e.id,
 					errorId: t
 				});
 			},
-			dismissExperience: () => o({ type: Rn }),
-			snoozeExperience: () => o({ type: zn }),
-			seen: () => o({
+			dismissExperience: () => s({ type: Rn }),
+			snoozeExperience: () => s({ type: zn }),
+			seen: () => s({
 				type: Pn,
 				id: e.id
 			}),
 			getConfig: () => e,
-			interaction: (t, n) => o({
+			interaction: (t, n) => s({
 				type: Nn,
 				id: e.id,
 				interactionType: t,
 				interactionData: n
 			}),
-			extendedEvent: (t, n) => o({
+			extendedEvent: (t, n) => s({
 				type: Cn,
 				id: e.id,
 				name: t,
 				...n
 			})
 		};
-	}, s = e.steps.map((e) => o(e, { forwardToParent: !!n }));
+	}, c = e.steps.map((e) => s(e, { forwardToParent: !!n }));
 	return n ? {
 		getRootNodeId: () => r(n.virtualizedContent),
-		steps: s,
-		step: o(n, { forwardToParent: !1 })
+		steps: c,
+		step: s(n, { forwardToParent: !1 })
 	} : {
 		getRootNodeId: () => r(n.virtualizedContent),
-		steps: s
+		steps: c
 	};
 }, _i = ({ experience: e, step: t, overrideStyle: n, getContainer: r, getRoot: i, callback: a, get: o, getAction: s = () => null, handleNavigation: c }) => {
-	let { findId: l } = o("vNodeHandlers"), u = o("getWindowReference"), d = gi({
+	let { findId: l } = o("vNodeHandlers"), u = o("getWindowReference"), d = o("getExperienceSend"), f = gi({
 		experience: e,
 		step: t,
 		callback: a,
 		findId: l,
 		getContainer: r,
-		getWindowReference: u
-	}), f = (e) => {
+		getWindowReference: u,
+		sendToExperience: typeof d == "function" ? d(e.id) : void 0
+	}), p = (e) => {
 		let t = hi();
 		return console.info("error reported:", e), a({
 			type: Mn,
 			message: e,
 			errorId: t
 		}), t;
-	}, p = () => a(xn), m = () => e.id, h = {
+	}, m = () => a(xn), h = () => e.id, g = {
 		getContainer: r,
 		querySelector: (e) => Tr(e, {
 			step: t,
@@ -3865,7 +3869,7 @@ var qr = (0, zr.default)((e, t) => {
 			stepContainer: r(),
 			getWindowReference: u
 		}),
-		reportError: f,
+		reportError: p,
 		onElementInserted: (e) => xr({
 			...e,
 			getWindowReference: u
@@ -3874,9 +3878,9 @@ var qr = (0, zr.default)((e, t) => {
 			...e,
 			getWindowReference: u
 		}),
-		...d,
-		stopExperience: p,
-		getExperienceId: m,
+		...f,
+		stopExperience: m,
+		getExperienceId: h,
 		getWindowReference: u,
 		sendEvent: o("sendEvent"),
 		sendCustomEvent: o("sendCustomEvent"),
@@ -3910,8 +3914,8 @@ var qr = (0, zr.default)((e, t) => {
 				getRoot: i
 			});
 		},
-		...h
-	} : h;
+		...g
+	} : g;
 }, vi = "formData.", yi = "a, button, video, input, textarea, select, form", bi = (e, t) => {
 	if (t.startsWith(vi)) {
 		let n = t.replace(vi, "");
@@ -4859,7 +4863,7 @@ var mo = (...e) => (t) => e.reduce((e, t) => t(e), t), ho = (e) => e.reduce((e,
 			actions: ["saveStopReason", "addStoppedCallback"]
 		}],
 		PARENT_RECOVER_STEP: {
-			actions: ["stepRecovered"],
+			actions: ["stepRecovered", "clearStepErrorEmitted"],
 			target: "rendering",
 			internal: !0
 		},
@@ -5025,7 +5029,7 @@ var mo = (...e) => (t) => e.reduce((e, t) => t(e), t), ho = (e) => e.reduce((e,
 				ERROR: {
 					target: "error",
 					internal: !0,
-					actions: "stepError"
+					actions: "reportStepErrorOnce"
 				},
 				RUN_HOOKS_DONE: {
 					target: "begin",
@@ -5039,7 +5043,7 @@ var mo = (...e) => (t) => e.reduce((e, t) => t(e), t), ho = (e) => e.reduce((e,
 				ERROR: {
 					target: "error",
 					internal: !0,
-					actions: "stepError"
+					actions: "reportStepErrorOnce"
 				},
 				RUN_HOOKS_DONE: {
 					target: "rendering",
@@ -5088,7 +5092,7 @@ var mo = (...e) => (t) => e.reduce((e, t) => t(e), t), ho = (e) => e.reduce((e,
 							target: "",
 							actions: [
 								Jt("postRenderAsyncEventsHandler"),
-								"stepError",
+								"reportStepErrorOnce",
 								"markErrorReported"
 							]
 						},
@@ -5163,16 +5167,20 @@ var mo = (...e) => (t) => e.reduce((e, t) => t(e), t), ho = (e) => e.reduce((e,
 				},
 				FORCE_RECOVER: {
 					target: "pre_begin",
-					actions: ["resetRender", "stepRecovered"]
+					actions: [
+						"resetRender",
+						"stepRecovered",
+						"clearStepErrorEmitted"
+					]
 				},
 				AUTO_RECOVER_STEP: {
 					target: "pre_begin",
-					actions: "resetRender",
+					actions: ["resetRender", "clearStepErrorEmitted"],
 					cond: "isAutoRecoverEvent"
 				}
 			}
 		},
-		destroyed: { entry: ["stepError", "unmount"] },
+		destroyed: { entry: ["reportStepErrorOnce", "unmount"] },
 		waitingPendingActions: { on: { ACTIONS_FINISHED: {
 			target: "running_end_hooks",
 			actions: "setActionsFinished"
@@ -5213,6 +5221,7 @@ var mo = (...e) => (t) => e.reduce((e, t) => t(e), t), ho = (e) => e.reduce((e,
 			blockedEvents: {},
 			pendingStepSeen: !1,
 			errorReported: !1,
+			stepErrorEmitted: !1,
 			actionsRunning: !1,
 			experienceInstanceId: a,
 			stopReason: null,
@@ -5255,6 +5264,12 @@ var mo = (...e) => (t) => e.reduce((e, t) => t(e), t), ho = (e) => e.reduce((e,
 			blockEvent: R.helpers.blockEvent,
 			queueStepSeen: Y({ pendingStepSeen: !0 }),
 			markErrorReported: Y({ errorReported: !0 }),
+			markStepErrorEmitted: Y({ stepErrorEmitted: !0 }),
+			clearStepErrorEmitted: Y({ stepErrorEmitted: !1 }),
+			reportStepErrorOnce: Xe([{
+				cond: (e) => !e.stepErrorEmitted,
+				actions: ["stepError", "markStepErrorEmitted"]
+			}]),
 			commitPendingStepSeen: Y((e) => (e.pendingStepSeen && !e.errorReported && R.stepActions.stepSeen(e), { pendingStepSeen: !1 })),
 			autoRecover: oi,
 			setActionsRunning: si,
@@ -5294,7 +5309,7 @@ var mo = (...e) => (t) => e.reduce((e, t) => t(e), t), ho = (e) => e.reduce((e,
 			isHooksDoneEventErrorType: (e, t) => t.hookType === Zn,
 			isHooksDoneEventEndType: (e, t) => t.hookType === Xn,
 			hasPendingActions: (e) => e.actionsRunning,
-			shouldFireStepCompletedEvent: (e, t) => t.hookType === "step.end" && e.blockedEvents.STEP_SEEN && e.stopReason !== Sn.NAVIGATION && e.stopReason !== Sn.DISMISSED
+			shouldFireStepCompletedEvent: (e, t) => t.hookType === "step.end" && e.blockedEvents.STEP_SEEN && e.stopReason !== Sn.NAVIGATION && e.stopReason !== Sn.DISMISSED && e.stopReason !== Sn.ERROR
 		}
 	});
 }, Oo = ({ createStepHooks: e, createHooksService: t, get: n }) => Y({ stepMachines: ({ experience: r, experienceInstanceId: i }) => {
@@ -5557,18 +5572,26 @@ var mo = (...e) => (t) => e.reduce((e, t) => t(e), t), ho = (e) => e.reduce((e,
 					target: "",
 					actions: ["reloadSteps"]
 				},
-				STEP_STOPPED: [{
-					target: "end-final",
-					cond: "areAllStepsStopped",
-					actions: [
-						"experienceCompleted",
-						"removeGlobalThemeComponent",
-						"runExperienceEndHooks"
-					]
-				}, {
-					target: "",
-					actions: ["cleanStepMachines", "cleanRunOnceTraits"]
-				}]
+				STEP_STOPPED: [
+					{
+						target: "end-final",
+						cond: "areAllStepsStoppedFromError",
+						actions: ["removeGlobalThemeComponent", "runExperienceEndHooks"]
+					},
+					{
+						target: "end-final",
+						cond: "areAllStepsStopped",
+						actions: [
+							"experienceCompleted",
+							"removeGlobalThemeComponent",
+							"runExperienceEndHooks"
+						]
+					},
+					{
+						target: "",
+						actions: ["cleanStepMachines", "cleanRunOnceTraits"]
+					}
+				]
 			},
 			entry: [
 				"createGlobalThemeComponent",
@@ -5639,6 +5662,7 @@ var mo = (...e) => (t) => e.reduce((e, t) => t(e), t), ho = (e) => e.reduce((e,
 		guards: {
 			isEventEnabled: d.helpers.isEventEnabled,
 			areAllStepsStopped: (e) => Object.values(e.stepMachines).every((e) => e.state.done),
+			areAllStepsStoppedFromError: (e, t) => t.reason === Sn.ERROR && Object.values(e.stepMachines).every((e) => e.state.done),
 			doesStepInstanceExist: (e, t) => e.stepMachines?.[t.id] !== void 0,
 			shouldFireCompletedEvent: (e, t) => t.reason !== Sn.NAVIGATION && t.reason !== Sn.DISMISSED
 		}
@@ -7872,7 +7896,19 @@ Q(Yu, ({ addHook: e, registerAction: t }, n) => {
 });
 var Zu = "@appcues/sequential", Qu = (e, t) => e.findIndex((e) => e.getConfig()?.id === t);
 Q(Zu, ({ addHook: e, registerAction: t }) => {
-	let n;
+	let n, r = "forward", i = (e, { steps: t }, i) => {
+		r = "backward", n !== 0 && t[n].stop(() => {
+			--n, t[n].start();
+		}, i);
+	}, a = (e, { steps: t }, i) => {
+		if (r = "forward", n === t.length - 1) {
+			t[n].stop(void 0, i);
+			return;
+		}
+		t[n].stop(() => {
+			n += 1, t[n].start();
+		}, i);
+	};
 	e("experience.begin", ({ steps: e, getTraitConfig: t, reportError: r }) => {
 		let { startStepId: i } = t() ?? {};
 		if (i) {
@@ -7880,24 +7916,12 @@ Q(Zu, ({ addHook: e, registerAction: t }) => {
 			t === -1 && r(`startStepId "${i}" did not match any step; starting at 0`), n = t === -1 ? 0 : t;
 		} else n = 0;
 		e[n].start();
-	}), t("next", (e, { steps: t }) => {
-		if (n === t.length - 1) {
-			t[n].stop();
-			return;
-		}
-		t[n].stop(() => {
-			n += 1, t[n].start();
-		});
-	}), t("prev", (e, { steps: t }) => {
-		n !== 0 && t[n].stop(() => {
-			--n, t[n].start();
-		});
-	}), t("goTo", (e, { step: t, steps: r }) => {
-		let i = Qu(r, e.stepId);
-		i !== -1 && t.stop(() => {
-			n = i, r[n].start();
-		});
-	});
+	}), t("next", a), t("prev", i), t("goTo", (e, { step: t, steps: i }, a) => {
+		let o = Qu(i, e.stepId);
+		o !== -1 && (r = "forward", t.stop(() => {
+			n = o, i[n].start();
+		}, a));
+	}), t("skip", (e, t, n) => r === "backward" ? i(e, t, n) : a(e, t, n));
 });
 var $u = "@appcues/delay", ed = 3e5;
 Q($u, ({ addHook: e }, t) => {
@@ -8162,7 +8186,22 @@ Q("@appcues/dialog", ({ addHook: e }, t) => {
 		t = !1;
 	});
 });
-var jd = (e) => class extends e.HTMLElement {
+var jd = "@appcues/advance-on-error", Md = 3e5, Nd = "@appcues/sequential.next", Pd = "@appcues/sequential.skip", Fd = (e) => e === Nd ? Pd : e;
+Q(jd, ({ addHook: e }, t) => {
+	let n = null, r = () => {
+		n !== null && (clearTimeout(n), n = null);
+	};
+	e("step.error", (e) => {
+		r();
+		let { getAction: i } = e, a = Number(t?.duration ?? 500), o = Number.isFinite(a) ? a : 500, s = t?.action;
+		s?.type && (n = setTimeout(() => {
+			n = null;
+			let t = i(Fd(s.type));
+			t && t(s.config ?? {}, e, Sn.ERROR);
+		}, Math.min(Math.max(o, 0), Md)));
+	}), e("step.prebegin", r), e("step.end", r);
+});
+var Id = (e) => class extends e.HTMLElement {
 	constructor() {
 		super();
 		let t = this.ownerDocument || e.document;
@@ -8175,19 +8214,19 @@ var jd = (e) => class extends e.HTMLElement {
 	async connectedCallback() {
 		this.shadowRoot.append(this.hideContentStyles), this.shadowRoot.append(...this.childNodes), this.getAttribute("themeId") && await Xr(this), this.shadowRoot.prepend(this.webComponentStyles), this.hideContentStyles.remove();
 	}
-}, Md = /* @__PURE__ */ new WeakMap(), Nd = (e = () => window) => {
+}, Ld = /* @__PURE__ */ new WeakMap(), Rd = (e = () => window) => {
 	let t = e();
-	if (Md.has(t)) return Md.get(t);
+	if (Ld.has(t)) return Ld.get(t);
 	if (!t.customElements.get("appcues-experience-container")) {
-		let e = jd(t);
+		let e = Id(t);
 		t.customElements.define(ar, e);
 	}
 	let n = t.customElements.whenDefined(ar);
-	return Md.set(t, n), n;
-}, Pd = !1;
-function Fd({ runningExperiences: e = /* @__PURE__ */ new Map(), sendEvent: t = () => {}, sendCustomEvent: n = () => {}, showFlow: r = () => {}, updateUserProfile: i = () => {}, handleNavigation: a = () => {}, createRenderListener: o = ss, vNodeHandlers: s = ms, accessibilityHandlers: c = Os, getWindowReference: l = () => window, apiOverrides: u = {} } = {}) {
+	return Ld.set(t, n), n;
+}, zd = !1;
+function Bd({ runningExperiences: e = /* @__PURE__ */ new Map(), sendEvent: t = () => {}, sendCustomEvent: n = () => {}, showFlow: r = () => {}, updateUserProfile: i = () => {}, handleNavigation: a = () => {}, createRenderListener: o = ss, vNodeHandlers: s = ms, accessibilityHandlers: c = Os, getWindowReference: l = () => window, apiOverrides: u = {} } = {}) {
 	Ur(u);
-	let d = /* @__PURE__ */ new Map(), f = {
+	let d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), p = {
 		sendEvent: t,
 		sendCustomEvent: n,
 		showFlow: r,
@@ -8197,10 +8236,13 @@ function Fd({ runningExperiences: e = /* @__PURE__ */ new Map(), sendEvent: t =
 		vNodeHandlers: s,
 		accessibilityHandlers: c,
 		getWindowReference: l,
-		apiOverrides: u
-	}, p = (e) => e ? f?.[e] ? f[e] : () => {
+		apiOverrides: u,
+		getExperienceSend: (e) => f.get(e)
+	}, m = (e) => e ? p?.[e] ? p[e] : () => {
 		throw Error(`can't find external dependency called ${e}`);
-	} : f, m = ({ reason: t = Sn.NAVIGATION } = {}) => {
+	} : p, h = (e, t) => {
+		f.set(e, (e) => t.send(e));
+	}, g = ({ reason: t = Sn.NAVIGATION } = {}) => {
 		e.forEach((e) => {
 			e.experienceService.send({
 				type: xn,
@@ -8208,26 +8250,26 @@ function Fd({ runningExperiences: e = /* @__PURE__ */ new Map(), sendEvent: t =
 			}), e.experienceService.subscribe((t) => {
 				t.matches("end-final") && e.experienceService.stop();
 			});
-		}), e.clear();
-	}, h = (t, { reason: n = Sn.NAVIGATION } = {}) => {
+		}), e.clear(), f.clear();
+	}, _ = (t, { reason: n = Sn.NAVIGATION } = {}) => {
 		e.has(t) && (e.get(t).experienceService.send({
 			type: xn,
 			reason: n
-		}), e.delete(t));
+		}), e.delete(t), f.delete(t));
 	};
 	return {
 		registerAction: Si,
 		registerTrait: Q,
 		show: async (t) => {
-			Nd(l), await l().customElements.whenDefined(ar);
+			Rd(l), await l().customElements.whenDefined(ar);
 			let n = dn(dn(t, "traits", (e) => (e ?? []).map((e, t) => ({
 				...e,
 				id: e.id || `${e.type}:${t}`
 			}))), "steps", (e) => (e ?? []).map((e) => dn(e, "traits", (e) => (e ?? []).map((e, t) => ({
 				...e,
 				id: e.id || `${e.type}:${t}`
-			}))))), r = e.get(t.id)?.experienceService ?? It(is(n, p), { devTools: Pd }).start();
-			r.send({
+			}))))), r = e.get(t.id)?.experienceService ?? It(is(n, m), { devTools: zd }).start();
+			h(t.id, r), r.send({
 				type: bn,
 				experience: n
 			}), e.set(t.id, {
@@ -8235,12 +8277,12 @@ function Fd({ runningExperiences: e = /* @__PURE__ */ new Map(), sendEvent: t =
 				experience: n
 			});
 		},
-		stopAll: m,
-		stop: h,
+		stopAll: g,
+		stop: _,
 		pause: (t) => {
 			if (d.get(t)) return;
 			let n = e.get(t);
-			n && (h(t), d.set(t, {
+			n && (_(t), d.set(t, {
 				experienceService: n.experienceService,
 				experience: n.experience
 			}));
@@ -8250,11 +8292,11 @@ function Fd({ runningExperiences: e = /* @__PURE__ */ new Map(), sendEvent: t =
 			n && (n.experienceService.send({ type: bn }), e.set(t, {
 				experienceService: n.experienceService,
 				experience: n.experience
-			}), d.delete(t));
+			}), h(t, n.experienceService), d.delete(t));
 		},
 		getRunningExperiences: () => [...e].map(([, { experience: e }]) => e),
 		isExperiencePaused: (e) => d.has(e)
 	};
 }
 //#endregion
-export { Fd as default };
+export { Bd as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcues/web-sdk",
-  "version": "7.24.0",
+  "version": "7.24.1",
   "description": "The Appcues Javascript SDK",
   "main": "build/index.npm.js",
   "types": "build/index.npm.d.ts",