@appcues/web-sdk 7.29.4 → 7.29.5

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @appcues/web-sdk
 
+## 7.29.4
+
+### Patch Changes
+
+- 408e6ad: Fix session_started undercounting active users in web SDK
+- 408e6ad: Fixed session tracking so user sessions are counted reliably and no longer under-report active users.
+
 ## 7.29.3
 
 ### Patch Changes

package/build/{bootstrap.npm.CjDeemPf.js → bootstrap.npm.CaJ-yF_V.js}

@@ -1959,7 +1959,7 @@ function ws(e) {
 }
 //#endregion
 //#region src/styles/checklist.css?url
-var Ts = "/generic/main/7.29.4/checklist.408e6ad8d51f34b3b17d940f8e5d454920417883.css", Es = "sha256-nAc5flAJi0Zjw2e4dNb/h3dOFdfvjtxYDQq0PaMT7U4=", Ds = ws(Ts), Os = 30, ks = -300, As = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", js = null, Ms = null, Ns = null, Ps = null, Fs = (e) => {
+var Ts = "/generic/main/7.29.5/checklist.d48b37e08ba8b2bb65ccab07263e3932421e9225.css", Es = "sha256-nAc5flAJi0Zjw2e4dNb/h3dOFdfvjtxYDQq0PaMT7U4=", Ds = ws(Ts), Os = 30, ks = -300, As = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", js = null, Ms = null, Ns = null, Ps = null, Fs = (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: ee, progress_state: x, is_sequential: S, is_dismissable: te, showBadge: ne, collisionMode: re, collisionCoordinates: ie, isInjectableSDK: ae, styling: oe } = e, se = (e) => {
 		ae || setTimeout(() => {
 			us(e.elm);
@@ -5335,7 +5335,7 @@ function Cf(e, t, n, r) {
 }
 //#endregion
 //#region src/styles/modal.css?url
-var wf = "/generic/main/7.29.4/modal.408e6ad8d51f34b3b17d940f8e5d454920417883.css", Tf = "/generic/main/7.29.4/modal-step-legacy-render.408e6ad8d51f34b3b17d940f8e5d454920417883.css", Ef = "sha256-Ull2pU6HfREgLRggKNNGV6AHaWBAw5OeIuetlkHnUZY=", Df = "sha256-Ea5gC5g6QacVSWApI6ApmuZheqr4EDl50hD7GyRsaz0=", Of = ws(Tf), kf = ws(wf), Af = new Set(["shorty", "slideout"]);
+var wf = "/generic/main/7.29.5/modal.d48b37e08ba8b2bb65ccab07263e3932421e9225.css", Tf = "/generic/main/7.29.5/modal-step-legacy-render.d48b37e08ba8b2bb65ccab07263e3932421e9225.css", Ef = "sha256-Ull2pU6HfREgLRggKNNGV6AHaWBAw5OeIuetlkHnUZY=", Df = "sha256-Ea5gC5g6QacVSWApI6ApmuZheqr4EDl50hD7GyRsaz0=", Of = ws(Tf), kf = ws(wf), Af = new Set(["shorty", "slideout"]);
 function jf(e) {
 	if (!e) return;
 	let { style: t } = e;
@@ -5532,7 +5532,7 @@ function Lf({ patternType: e, hidden: t }) {
 }
 //#endregion
 //#region src/styles/tooltip.css?url
-var Rf = "/generic/main/7.29.4/tooltip.408e6ad8d51f34b3b17d940f8e5d454920417883.css", zf = "sha256-r4KmO5sl5F5wxrVA5ANjinquA8nBo4ZaSoFboEJwvzs=", Bf = ws(Rf), Vf = "//twemoji.maxcdn.com/2/svg/", Hf = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", Uf = "pattern-title", Wf = "Hide these tips";
+var Rf = "/generic/main/7.29.5/tooltip.d48b37e08ba8b2bb65ccab07263e3932421e9225.css", zf = "sha256-r4KmO5sl5F5wxrVA5ANjinquA8nBo4ZaSoFboEJwvzs=", Bf = ws(Rf), Vf = "//twemoji.maxcdn.com/2/svg/", Hf = "//cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/", Uf = "pattern-title", Wf = "Hide these tips";
 function Gf(e, t) {
 	return {
 		skippable: e.skippable,
@@ -6454,7 +6454,7 @@ function jp(e) {
 }
 //#endregion
 //#region src/styles/satisfaction-survey.css?url
-var Mp = "/generic/main/7.29.4/satisfaction-survey.408e6ad8d51f34b3b17d940f8e5d454920417883.css", Np = "sha256-sj4TgtPXrfHc+Sox7I2a7KJr+2zaoe/PhcBrvvCXAEw=", Pp = ws(Mp), Fp, Ip;
+var Mp = "/generic/main/7.29.5/satisfaction-survey.d48b37e08ba8b2bb65ccab07263e3932421e9225.css", Np = "sha256-sj4TgtPXrfHc+Sox7I2a7KJr+2zaoe/PhcBrvvCXAEw=", Pp = ws(Mp), Fp, Ip;
 function Lp(e) {
 	let t = I(e), n = gr(e), r = hr(e), i = Cr(e), a = Sr(e, xr(e)), o = i[a], s = t.attributes.pattern_type, { position: c } = t.attributes, l = e.views.callbacks[C.SATISFACTION_SURVEY], u = n.cssLoaded, d = Rs(e.settings), f = r !== w.SHOWING, p = {}, m = u && N.inArray([w.SHOWING, w.WILL_CLOSE], r);
 	m || (p = { display: "none" }), p = {
@@ -8427,7 +8427,7 @@ var M_ = "v2", N_ = (e) => {
 	return window.createAppcues(n);
 }, P_ = async () => {
 	if (typeof window.createAppcues != "function") {
-		let e = await import("./open-builder.tyWdpG8A.js");
+		let e = await import("./open-builder.D4UfGO2x.js");
 		window.createAppcues = e.default;
 	}
 }, F_ = async () => (await P_(), N_), I_ = "EVENTS_TRIGGERED", L_ = K(I_), R_ = K(hc.SET_SESSION), z_ = K(hc.START_SESSION), B_ = K(hc.SESSION_STARTED);
@@ -10644,7 +10644,7 @@ function sx({ user: e }) {
 }
 //#endregion
 //#region src/styles/debugger.css?url
-var cx = "/generic/main/7.29.4/debugger.408e6ad8d51f34b3b17d940f8e5d454920417883.css";
+var cx = "/generic/main/7.29.5/debugger.d48b37e08ba8b2bb65ccab07263e3932421e9225.css";
 //#endregion
 //#region src/scripts/views/renderers/render-debugger.jsx
 Za();
@@ -10760,7 +10760,7 @@ var yx = "https://docs.appcues.com/user-experiences-faq/faq-test-mode", bx = (e)
 		"class-clickable": !0,
 		"on-click": t.onCancelClicked
 	}, "End Test"))));
-}, xx = "/generic/main/7.29.4/test-mode.408e6ad8d51f34b3b17d940f8e5d454920417883.css";
+}, xx = "/generic/main/7.29.5/test-mode.d48b37e08ba8b2bb65ccab07263e3932421e9225.css";
 //#endregion
 //#region src/scripts/views/renderers/render-test-mode-banner.jsx
 Za();
@@ -12180,7 +12180,7 @@ function* ew() {
 }
 //#endregion
 //#region src/styles/container.css?url
-var tw = "/generic/main/7.29.4/container.408e6ad8d51f34b3b17d940f8e5d454920417883.css", nw = "sha256-/y6BvK8MW/je0VotMw6UgvH+b35y1S2B9dh1dCfqhFg=";
+var tw = "/generic/main/7.29.5/container.d48b37e08ba8b2bb65ccab07263e3932421e9225.css", nw = "sha256-/y6BvK8MW/je0VotMw6UgvH+b35y1S2B9dh1dCfqhFg=";
 window.performance && window.performance.mark && window.performance.mark("apc-init"), Pg();
 var rw = 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.CjDeemPf.js");
+	let { default: e } = await import("./bootstrap.npm.CaJ-yF_V.js");
 	window.Appcues = e, i = !0;
 }
 async function l(e) {

package/build/{open-builder.tyWdpG8A.js → open-builder.D4UfGO2x.js}

@@ -6597,8 +6597,8 @@ var Il = {
 	}
 	function we() {}
 	t.exports = xe;
-})), Gl = /* @__PURE__ */ u(Ul(), 1), Kl = /* @__PURE__ */ u(Wl(), 1), ql = (e, t, n, r) => {
-	let i = `-${15 / 2}px`, { staticSide: a, rotation: o, shadowOpacity: s } = {
+})), Gl = /* @__PURE__ */ u(Ul(), 1), Kl = /* @__PURE__ */ u(Wl(), 1), ql = (e, t, n, r, i, a) => {
+	let o = `-${15 / 2}px`, s = e.split("-")[0], { staticSide: c, rotation: l, shadowOpacity: u } = {
 		top: {
 			staticSide: "bottom",
 			rotation: 45,
@@ -6619,17 +6619,17 @@ var Il = {
 			rotation: -45,
 			shadowOpacity: 40
 		}
-	}[e.split("-")[0]];
+	}[s], d = s === "top" || s === "bottom", f = 15 / 2, p = t != null && d && r > 0 ? Number.parseFloat(((t + f) / r * 100).toFixed(4)) : null, m = n != null && !d && i > 0 ? Number.parseFloat(((n + f) / i * 100).toFixed(4)) : null, h = p == null ? "" : `calc(${p}% - ${f}px)`, g = m == null ? "" : `calc(${m}% - ${f}px)`;
 	return {
-		boxShadow: `1px 1px 1px hsl(0deg 0% 13% / ${s}%)`,
-		transform: `rotate(${o}deg)`,
+		boxShadow: `1px 1px 1px hsl(0deg 0% 13% / ${u}%)`,
+		transform: `rotate(${l}deg)`,
 		clipPath: "polygon(0% 100%, 100% 100%, 100% 0%)",
-		left: t == null ? "" : `${t}px`,
-		top: n == null ? "" : `${n}px`,
+		left: h,
+		top: g,
 		right: "",
 		bottom: "",
-		[a]: i,
-		zIndex: r
+		[c]: o,
+		zIndex: a
 	};
 }, Jl = (e, t) => {
 	let n = e.slice(1);
@@ -6779,29 +6779,36 @@ var tu = (e, t) => {
 	"left-bottom": "left-end",
 	"left-top": "left-start",
 	center: "top-start"
-}, mu = (e) => {
-	let t, n, r, i = [], a, o = () => {}, s;
-	function c() {
-		e();
-	}
-	let l = (0, Gl.default)(c, 100);
+}, mu = (e, t) => {
+	let n, r, i, a = [], o, s = () => {}, c, l = !1;
 	function u() {
-		let e = t.getBoundingClientRect();
-		s && (e.x !== s.x || e.y !== s.y || e.width !== s.width || e.height !== s.height) && l(), s = e;
+		if (t()?.__appcuesIsResizing) {
+			l = !0;
+			return;
+		}
+		l = !1, e();
+	}
+	let d = (0, Gl.default)(u, 100);
+	function f(t) {
+		!t.detail?.isResizing && l && (l = !1, d.cancel(), e());
+	}
+	function p() {
+		let e = n.getBoundingClientRect();
+		c && (e.x !== c.x || e.y !== c.y || e.width !== c.width || e.height !== c.height) && d(), c = e;
 	}
 	return {
-		setElements(e, a, o) {
-			return t = e, n = a, r = o, i = [], this;
+		setElements(e, t, o) {
+			return n = e, r = t, i = o, a = [], this;
 		},
 		start() {
-			r && (i = (0, Kl.default)([...sl(r)])), i.forEach((e) => {
-				ru(e, "scroll", l), ru(e, "resize", l);
-			}), a = new ResizeObserver(l), a.observe(n), s = t.getBoundingClientRect(), o = au(u, 200);
+			i && (a = (0, Kl.default)([...sl(i)])), a.forEach((e) => {
+				ru(e, "scroll", d), ru(e, "resize", d);
+			}), o = new ResizeObserver(d), o.observe(r), c = n.getBoundingClientRect(), s = au(p, 200), t()?.addEventListener("isResizing", f);
 		},
 		remove() {
-			i.forEach((e) => {
-				iu(e, "scroll", l), iu(e, "resize", l);
-			}), a?.unobserve(n), o();
+			a.forEach((e) => {
+				iu(e, "scroll", d), iu(e, "resize", d);
+			}), o?.unobserve(r), s(), t()?.removeEventListener("isResizing", f);
 		}
 	};
 };
@@ -6846,12 +6853,13 @@ Z(uu, ({ addHook: e, registerAction: t }) => {
 					strategy: _
 				}), { referenceHidden: S } = p.hide ?? { referenceHidden: !1 };
 				if (n) {
-					let { x: e, y: t } = p.arrow;
+					let { x: e, y: n } = p.arrow, r = t.getBoundingClientRect();
 					C(O, {
-						...ql(x, e, t),
+						...ql(x, e, n, r.width, r.height),
 						transition: i ? fu : "none"
 					});
 				}
+				t.dataset.placement = x;
 				let T = nu({
 					targetEl: e,
 					rootStyle: {
@@ -6862,12 +6870,12 @@ Z(uu, ({ addHook: e, registerAction: t }) => {
 					shouldAutoCalculateZIndex: ee,
 					getWindowReference: w
 				});
-				e.style.visibility === "hidden" && (T.visibility = "hidden", h = e.style.visibility), S && t.style.visibility !== "hidden" && (m = t.style.visibility, g = !0, T.visibility = "hidden"), !S && g && (T.visibility = m ?? "visible", g = !1), !S && e.style.visibility !== "hidden" && e.style.visibility !== "" && h === "hidden" && (T.visibility = "visible"), j === "center" && (T.transform = "translate(-50%, 50%)"), T.transition = i ? fu : "none", C(A, T);
+				e.style.visibility === "hidden" && (T.visibility = "hidden", h = e.style.visibility), S && t.style.visibility !== "hidden" && (m = t.style.visibility, g = !0, T.visibility = "hidden"), !S && g && (T.visibility = m ?? "visible", g = !1), !S && e.style.visibility !== "hidden" && e.style.visibility !== "" && h === "hidden" && (T.visibility = "visible"), j === "center" && (T.transform = "translate(-50%, 50%)"), T.transition = i ? fu : "none", C(A, T), Object.assign(t.style, T);
 			}
 		};
 		v = () => {
 			a = !1, I();
-		}, p = mu(v);
+		}, p = mu(v, w);
 		let L = () => ou(b(k.selector), k.filters), R = () => {
 			if (!F) return L();
 			let { selector: e, filters: t } = F.config.target;

package/package.json

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