@appcues/web-sdk 7.24.4 → 7.24.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @appcues/web-sdk
 
+## 7.24.4
+
+### Patch Changes
+
+- 83dbbf9: Improve legacy flow select block accessibility
+
 ## 7.24.3
 
 ### Patch Changes

package/build/{bootstrap.npm.CiSiv5u_.js → bootstrap.npm.DhCL3ysC.js}

@@ -1946,7 +1946,7 @@ function ys(e) {
 }
 //#endregion
 //#region src/styles/checklist.css?url
-var bs = "/generic/main/7.24.4/checklist.83dbbf9fa2a479d079b6d58adf2b2172e8685dd4.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.5/checklist.fba46edf57684df073fc8ac7224084af20b180eb.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.4/modal.83dbbf9fa2a479d079b6d58adf2b2172e8685dd4.css", bf = "/generic/main/7.24.4/modal-step-legacy-render.83dbbf9fa2a479d079b6d58adf2b2172e8685dd4.css", xf = "sha256-Ull2pU6HfREgLRggKNNGV6AHaWBAw5OeIuetlkHnUZY=", Sf = "sha256-Ea5gC5g6QacVSWApI6ApmuZheqr4EDl50hD7GyRsaz0=", Cf = ys(bf), wf = ys(yf), Tf = new Set(["shorty", "slideout"]);
+var yf = "/generic/main/7.24.5/modal.fba46edf57684df073fc8ac7224084af20b180eb.css", bf = "/generic/main/7.24.5/modal-step-legacy-render.fba46edf57684df073fc8ac7224084af20b180eb.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.4/tooltip.83dbbf9fa2a479d079b6d58adf2b2172e8685dd4.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.5/tooltip.fba46edf57684df073fc8ac7224084af20b180eb.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.4/satisfaction-survey.83dbbf9fa2a479d079b6d58adf2b2172e8685dd4.css", Op = "sha256-sj4TgtPXrfHc+Sox7I2a7KJr+2zaoe/PhcBrvvCXAEw=", kp = ys(Dp), Ap, jp;
+var Dp = "/generic/main/7.24.5/satisfaction-survey.fba46edf57684df073fc8ac7224084af20b180eb.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.D24FICI0.js");
+		let e = await import("./open-builder.CVa1Uu2s.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);
@@ -10478,7 +10478,7 @@ function Vb({ user: e }) {
 }
 //#endregion
 //#region src/styles/debugger.css?url
-var Hb = "/generic/main/7.24.4/debugger.83dbbf9fa2a479d079b6d58adf2b2172e8685dd4.css";
+var Hb = "/generic/main/7.24.5/debugger.fba46edf57684df073fc8ac7224084af20b180eb.css";
 //#endregion
 //#region src/scripts/views/renderers/render-debugger.jsx
 qa();
@@ -10561,7 +10561,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.4/test-mode.83dbbf9fa2a479d079b6d58adf2b2172e8685dd4.css";
+}, Qb = "/generic/main/7.24.5/test-mode.fba46edf57684df073fc8ac7224084af20b180eb.css";
 //#endregion
 //#region src/scripts/views/renderers/render-test-mode-banner.jsx
 qa();
@@ -11981,7 +11981,7 @@ function* jC() {
 }
 //#endregion
 //#region src/styles/container.css?url
-var MC = "/generic/main/7.24.4/container.83dbbf9fa2a479d079b6d58adf2b2172e8685dd4.css", NC = "sha256-lSNoLP5iR6z+5ZIuDIIBsSUCzS4XW0jHmE9J8Qsp1ao=";
+var MC = "/generic/main/7.24.5/container.fba46edf57684df073fc8ac7224084af20b180eb.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.CiSiv5u_.js");
+	let { default: e } = await import("./bootstrap.npm.DhCL3ysC.js");
 	window.Appcues = e, i = !0;
 }
 async function l(e) {

package/build/{open-builder.D24FICI0.js → open-builder.CVa1Uu2s.js}

@@ -8102,55 +8102,55 @@ var rd = "appcues-cutout-backdrop", id = "appcues-custom-backdrop", ad = "apc-sp
 	};
 };
 Q("@appcues/dialog", ({ addHook: e }, t) => {
-	let { backdrop: n, variables: r, customBackdrop: i, target: a, autoFocus: o = !0 } = t, { dialogZIndex: s, backdropZIndex: c, backdropBlur: l, backdropColor: u } = r || {}, d = {
+	let { backdrop: n, variables: r, customBackdrop: i, inlineBackdrop: a = !1, target: o, autoFocus: s = !0 } = t, { dialogZIndex: c, backdropZIndex: l, backdropBlur: u, backdropColor: d } = r || {}, f = {
 		backdrop: null,
 		dialog: null
-	}, f, p, m, h, g, _, v = (e, t, n) => {
-		d[e]?.remove();
+	}, p, m, h, g, _, v, y = (e, t, n) => {
+		f[e]?.remove();
 		let r = n.document.createElement("style");
-		r.textContent = t, f.prepend(r), d[e] = r;
-	}, y = () => {
-		h && g && (h.removeEventListener("scroll", g, !0), h.removeEventListener("resize", g));
+		r.textContent = t, p.prepend(r), f[e] = r;
+	}, b = () => {
+		g && _ && (g.removeEventListener("scroll", _, !0), g.removeEventListener("resize", _));
 	};
-	if (n === !0 && !i && !a) {
+	if (n === !0 && !i && !o) {
 		let t = ({ getTraitConfig: e, updateRootStyle: t }) => {
 			let { variables: n } = e();
 			t(cd(n || {}), { forceUpdate: !0 });
 		};
 		e("step.begin", t), e("step.container_change", t);
 	}
-	e("step.postrender", ({ step: e, getWindowReference: t, getTraitConfig: b }) => {
-		let x = b(), S = x.backdrop ?? n, C = x.customBackdrop ?? i, w = x.target ?? a, T = x.autoFocus ?? o, E = x.variables ?? r ?? {}, D = E.dialogZIndex ?? s, O = E.backdropZIndex ?? c, k = E.backdropBlur ?? l, A = E.backdropColor ?? u;
-		[f] = e.querySelector("dialog") ?? [];
-		let j = t();
-		if (f) {
-			S === !0 && C ? (p?.remove(), p = ld({
+	e("step.postrender", ({ step: e, getWindowReference: t, getTraitConfig: x }) => {
+		let S = x(), C = S.backdrop ?? n, w = S.customBackdrop ?? i, T = S.target ?? o, E = S.autoFocus ?? s, D = S.inlineBackdrop ?? a, O = S.variables ?? r ?? {}, k = O.dialogZIndex ?? c, A = O.backdropZIndex ?? l, j = O.backdropBlur ?? u, M = O.backdropColor ?? d;
+		[p] = e.querySelector("dialog") ?? [];
+		let N = t();
+		if (p) {
+			C === !0 && w ? (m?.remove(), m = ld({
 				getWindowReference: t,
-				backdropZIndex: O,
-				backdropBlur: k,
-				backdropColor: A
-			}), p && j.document.body.append(p)) : (p?.remove(), p = void 0), S === !0 && !C && !w ? v("backdrop", sd, j) : (d.backdrop?.remove(), d.backdrop = null), v("dialog", od, j), f.style.zIndex = D, f.removeAttribute("autofocus");
-			let e = S === !0 && !C && !w ? "showModal" : "show";
-			if (e === "show" && !w) return;
+				backdropZIndex: A,
+				backdropBlur: j,
+				backdropColor: M
+			}), m && (D && p.parentNode ? p.parentNode.insertBefore(m, p) : N.document.body.append(m))) : (m?.remove(), m = void 0), C === !0 && !w && !T ? y("backdrop", sd, N) : (f.backdrop?.remove(), f.backdrop = null), y("dialog", od, N), p.style.zIndex = k, p.removeAttribute("autofocus");
+			let e = C === !0 && !w && !T ? "showModal" : "show";
+			if (e === "show" && !T) return;
 			let n = e === "show" ? {
-				x: j.scrollX,
-				y: j.scrollY
-			} : null, r = f.open;
-			f[e](), n && (j.scrollX !== n.x || j.scrollY !== n.y) && j.scrollTo(n.x, n.y), e === "show" && T && !r && f.focus({ preventScroll: !0 });
+				x: N.scrollX,
+				y: N.scrollY
+			} : null, r = p.open;
+			p[e](), n && (N.scrollX !== n.x || N.scrollY !== n.y) && N.scrollTo(n.x, n.y), e === "show" && E && !r && p.focus({ preventScroll: !0 });
 		}
-		y(), _?.(), m?.remove(), m = void 0, w && Ed(S) && (h = t(), m = Dd({
+		b(), v?.(), h?.remove(), h = void 0, T && Ed(C) && (g = t(), h = Dd({
 			getWindowReference: t,
-			target: w,
-			backdropType: S,
-			zIndex: (D ?? 2) - 1
-		}), m && (h.document.body.append(m), g = () => Od({
-			container: m,
+			target: T,
+			backdropType: C,
+			zIndex: (k ?? 2) - 1
+		}), h && (g.document.body.append(h), _ = () => Od({
+			container: h,
 			getWindowReference: t,
-			target: w,
-			backdropType: S
-		}), h.addEventListener("scroll", g, !0), h.addEventListener("resize", g), S === "hard" && (_ = Md(h, { targetSelector: w }))));
+			target: T,
+			backdropType: C
+		}), g.addEventListener("scroll", _, !0), g.addEventListener("resize", _), C === "hard" && (v = Md(g, { targetSelector: T }))));
 	}), e("step.end", () => {
-		f?.close(), d.backdrop?.remove(), d.dialog?.remove(), p?.remove(), m?.remove(), y(), _?.();
+		p?.close(), f.backdrop?.remove(), f.dialog?.remove(), m?.remove(), h?.remove(), b(), v?.();
 	});
 }), Q("@appcues/experienceTheme", ({ addHook: e }) => {
 	let t = null;

package/package.json

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