@qualified-salesforce/web 0.0.1-oidc-bootstrap

package/routes/app/offers/scripts/rendering/variations/components/Tooltip.js

@@ -0,0 +1,74 @@
+import { BaseComponent } from "../../lib/BaseComponent.js";
+import { _tagged_template_literal_loose } from "../../../../../../../js/4101.js";
+import { escapeHtml } from "../../../../../../../src/embedded_forms/utils.js";
+
+
+function Tooltip_templateObject() {
+    const data = _tagged_template_literal_loose([
+        '\n        <div class="',
+        '">\n          ',
+        "\n          ",
+        "\n        </div>\n      "
+    ]);
+    Tooltip_templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    const data = _tagged_template_literal_loose([
+        "\n      <div\n        ",
+        "\n        ",
+        '\n        role="tooltip"\n        class="',
+        '"\n        ',
+        "\n      >\n        ",
+        "\n      </div>\n    "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+/* eslint-disable rulesdir/css-units */ 
+
+class Tooltip extends BaseComponent {
+    get wrapper() {
+        var _this = this;
+        return function(raw) {
+            for(var _len = arguments.length, elements = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+                elements[_key - 1] = arguments[_key];
+            }
+            return _this.html /* html */ (Tooltip_templateObject(), _this.cx.container, _this.html(raw, ...elements), _this.content);
+        };
+    }
+    get style() {
+        var _this_props_fontFamily, _this_props_fontFamily1, _this_props_offsetY, _this_props_offsetY1;
+        return /* css */ "\n      ." + this.cx.container + " {\n        display: flex;\n        position: relative;\n        " + (this.props.hasOffersFormBannerMobileImprovements && "flex-grow: 1;") + "\n      }\n\n      ." + this.cx.tooltip + " {\n        position: absolute;\n        display: none;\n        padding: 10px;\n        align-items: center;\n        color: #FFF;\n        font-family: " + ((_this_props_fontFamily = this.props.fontFamily) != null ? _this_props_fontFamily : "inherit") + ";\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 18px;\n        border-radius: 4px;\n        background: #212D34;\n        white-space: nowrap;\n        /* Ensure tooltip is above caret */\n        z-index: 2;\n      }\n\n      /* Ensure links have same font color and style as other tooltip text */\n      ." + this.cx.tooltip + " a {\n        color: #FFF;\n        font-family: " + ((_this_props_fontFamily1 = this.props.fontFamily) != null ? _this_props_fontFamily1 : "inherit") + ";\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 400;\n        text-decoration: underline;\n      }\n\n      ." + this.cx.tooltip + ":focus-within,\n      ." + this.cx.tooltip + ":focus,\n      ." + this.cx.tooltip + ":hover {\n        display: flex;\n      }\n\n      " + this.focusCSS + "\n      " + this.hoverCSS + "\n      " + this.alwaysCSS + "\n\n      ." + this.cx.tooltip + "[top] {\n        left: 50%;\n        transform: translateX(-50%) translateY(-100%);\n        top: calc(-5px - " + ((_this_props_offsetY = this.props.offsetY) != null ? _this_props_offsetY : 0) + "px);\n      }\n\n      ." + this.cx.tooltip + "[bottom] {\n        left: 50%;\n        transform: translateX(-50%) translateY(100%);\n        bottom: calc(-5px - " + ((_this_props_offsetY1 = this.props.offsetY) != null ? _this_props_offsetY1 : 0) + "px);\n      }\n\n      ." + this.cx.tooltip + '::after {\n        content: "";\n        position: absolute;\n        background: #212D34;\n        width: 12px;\n        height: 12px;\n        border-radius: 3px;\n        transform: translateY(-65%) translateX(-50%) rotate(45deg);\n        /* Ensure tooltip is above caret */\n        z-index: 1;\n      }\n\n      .' + this.cx.tooltip + "[top]::after {\n        left: 50%;\n        top: 100%;\n        transform: translateY(-65%) translateX(-50%) rotate(45deg);\n      }\n\n      ." + this.cx.tooltip + "[bottom]::after {\n        left: 50%;\n        bottom: 100%;\n        transform: translateY(65%) translateX(-50%) rotate(45deg);\n      }\n    ";
+    }
+    get content() {
+        return this.html /* html */ (_templateObject1(), this.props.tooltipId && 'id="' + this.props.tooltipId + '"', this.props.ariaLabel && 'aria-label="' + escapeHtml(this.props.ariaLabel) + '"', this.cx.tooltip, this.props.placement, this.props.text);
+    }
+    get focusCSS() {
+        if (this.props.target.event === "focus") {
+            return /* css */ "\n        " + this.props.target.selector + ":is(:focus, :focus-visible) + ." + this.cx.tooltip + " {\n          display: flex;\n        }\n      ";
+        }
+        return "";
+    }
+    get hoverCSS() {
+        if (this.props.target.event === "hover") {
+            return /* css */ "\n        " + this.props.target.selector + ":hover + ." + this.cx.tooltip + " {\n          display: flex;\n        }\n      ";
+        }
+        return "";
+    }
+    get alwaysCSS() {
+        if (this.props.target.event === "always") {
+            return /* css */ "\n        ." + this.cx.tooltip + " {\n          display: flex;\n        }\n      ";
+        }
+        return "";
+    }
+    constructor(props){
+        super(props, null), this.displayName = "Tooltip";
+    }
+}
+
+export { Tooltip };

package/routes/app/offers/scripts/rendering/variations/icons.js

@@ -0,0 +1,15 @@
+/**
+ * Alert icon copied from the design system
+ */ const AlertIcon = /* html */ '\n  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="current">\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.84314 2.71392C7.3572 3.32453 6.812 4.26225 6.02978 5.61336L3.33029 10.2761C2.54526 11.6321 2.00143 12.5754 1.71283 13.3034C1.4267 14.0252 1.47621 14.3295 1.59112 14.5288C1.70603 14.7281 1.94461 14.9235 2.71262 15.0375C3.48725 15.1525 4.57613 15.1545 6.14293 15.1545H11.5419C13.1087 15.1545 14.1976 15.1525 14.9722 15.0375C15.7402 14.9235 15.9788 14.7281 16.0937 14.5288C16.2086 14.3295 16.2581 14.0252 15.972 13.3034C15.6834 12.5754 15.1396 11.6321 14.3545 10.2761L11.6551 5.61336C10.8728 4.26225 10.3276 3.32453 9.84169 2.71392C9.36009 2.10878 9.07228 2 8.84241 2C8.61255 2 8.32473 2.10878 7.84314 2.71392ZM6.66945 1.77987C7.24567 1.05582 7.91918 0.5 8.84241 0.5C9.76565 0.5 10.4392 1.05582 11.0154 1.77987C11.579 2.48806 12.1787 3.52405 12.9204 4.80524L12.9205 4.80529L12.9205 4.80532L12.9532 4.86181L15.6527 9.52456L15.6854 9.58114C16.43 10.8671 17.0319 11.9067 17.3664 12.7506C17.7083 13.6131 17.8554 14.4763 17.3932 15.2781C16.931 16.0798 16.1102 16.385 15.1925 16.5212C14.2945 16.6545 13.0932 16.6545 11.6073 16.6545H11.5419H6.14293H6.07758C4.59161 16.6545 3.39034 16.6545 2.49235 16.5212C1.57461 16.385 0.753878 16.0798 0.291635 15.2781C-0.170608 14.4763 -0.0235085 13.6131 0.318404 12.7506C0.65296 11.9067 1.25486 10.8671 1.99941 9.58112L2.03215 9.52456L4.73164 4.86181L4.76434 4.80532C5.50607 3.52409 6.10584 2.48807 6.66945 1.77987ZM8.84239 5.5172C9.2566 5.5172 9.59239 5.85299 9.59239 6.2672V9.77167C9.59239 10.1859 9.2566 10.5217 8.84239 10.5217C8.42817 10.5217 8.09239 10.1859 8.09239 9.77167V6.2672C8.09239 5.85299 8.42817 5.5172 8.84239 5.5172ZM8.8424 13.2761C9.32627 13.2761 9.71852 12.8839 9.71852 12.4C9.71852 11.9162 9.32627 11.5239 8.8424 11.5239C8.35854 11.5239 7.96628 11.9162 7.96628 12.4C7.96628 12.8839 8.35854 13.2761 8.8424 13.2761Z" fill="#current"/>\n  </svg>\n';
+/**
+ * Circle icon copied from the design system
+ */ const CircleIcon = /* html */ '\n  <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="current">\n    <circle cx="32" cy="32" r="32" fill="#current"/>\n  </svg>\n';
+/**
+ * Check icon copied from the design system
+ */ const CheckIcon = /* html */ '\n  <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="current">\n    <path fill-rule="evenodd" clip-rule="evenodd" d="M31.3514 7.5257C32.1657 8.27209 32.2207 9.53722 31.4743 10.3515L14.9743 28.3515C14.6057 28.7536 14.0888 28.9877 13.5434 28.9995C12.9981 29.0114 12.4715 28.8 12.0858 28.4142L4.58579 20.9142C3.80474 20.1332 3.80474 18.8668 4.58579 18.0858C5.36683 17.3047 6.63317 17.3047 7.41421 18.0858L13.4372 24.1088L28.5257 7.64856C29.2721 6.83432 30.5372 6.77932 31.3514 7.5257Z" fill="current"/>\n  </svg>\n';
+const DownArrowIcon = /* html */ '\n  <svg height="20" width="20" viewBox="0 0 20 20">\n    <path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path>\n  </svg>\n';
+const CHECKBOX_SVG_STRING = (color)=>/* html */ '\n  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">\n    <path\n      fill-rule="evenodd"\n      clip-rule="evenodd"\n      d="M20.6757 5.26285C21.0828 5.63604 21.1103 6.26861 20.7372 6.67573L9.73715 18.6757C9.55285 18.8768 9.29441 18.9938 9.02172 18.9998C8.74903 19.0057 8.48576 18.9 8.29289 18.7071L3.29289 13.7071C2.90237 13.3166 2.90237 12.6834 3.29289 12.2929C3.68342 11.9024 4.31658 11.9024 4.70711 12.2929L8.96859 16.5544L19.2628 5.32428C19.636 4.91716 20.2686 4.88966 20.6757 5.26285Z"\n      fill="' + color + '"\n    />\n  </svg>\n';
+
+var icons_CheckIcon = /* unused export */ undefined;
+var icons_CircleIcon = /* unused export */ undefined;
+export { AlertIcon, CHECKBOX_SVG_STRING, DownArrowIcon, icons_CheckIcon as CheckIcon, icons_CircleIcon as CircleIcon };

package/routes/app/offers/scripts/utils.js

@@ -0,0 +1,115 @@
+import "./constants.js";
+import { CtaTypeEnum, LocationEnum, ContentAnimationTypeEnum, ContentVariationTypeEnum } from "../../../../src/graphql-types.js";
+import { _extends } from "../../../../js/4101.js";
+import { createTypeGuard } from "../utils/createTypeGuard.js";
+
+
+
+
+
+// https://stackoverflow.com/a/11381730
+function isMobile() {
+    let check = false;
+    (function(a) {
+        if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || // eslint-disable-next-line no-useless-escape
+        /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true;
+    })(navigator.userAgent || navigator.vendor || window.opera);
+    return check;
+}
+function isMobileResolution() {
+    return window.innerWidth <= (/* inlined export .MOBILE_THRESHOLD */540);
+}
+function toHTMLElement(str) {
+    const div = document.createElement("div");
+    div.innerHTML = str.trim();
+    if (div.children.length !== 1) {
+        throw new Error("Expected a single element");
+    }
+    return div.firstChild;
+}
+function toStyleElement(str) {
+    const style = document.createElement("style");
+    style.innerHTML = str.trim();
+    return style;
+}
+function getHeight(element) {
+    if (document.body.contains(element)) {
+        return element.offsetHeight;
+    }
+    const clone = element.cloneNode(true);
+    clone.style.visibility = "hidden";
+    clone.style.position = "absolute";
+    clone.style.top = "-9999px";
+    clone.style.left = "-9999px";
+    document.body.appendChild(clone);
+    const height = clone.offsetHeight;
+    clone.remove();
+    return height;
+}
+function generateElementId(name, offerId) {
+    return "_qualified-offer-" + name + "-" + offerId;
+}
+function getHostId(offerId) {
+    return generateElementId("host", offerId);
+}
+function getDismissButtonId(offerId) {
+    return generateElementId("dismiss-button", offerId);
+}
+function getFormId(offerId) {
+    return generateElementId("form", offerId);
+}
+function getRootId(offerId) {
+    return generateElementId("root", offerId);
+}
+function getCtaButtonId(offerId) {
+    return generateElementId("cta-button", offerId);
+}
+function getFormInputId(offerId) {
+    return generateElementId("form-input", offerId);
+}
+function getFollowupQuestionsOfferId(offerId) {
+    return generateElementId("followup-questions", offerId);
+}
+function getPrivacyDisclosureTooltipId(offerId) {
+    return generateElementId("privacy-disclosure-tooltip", offerId);
+}
+function getPrivacyDisclosureTooltipTargetId(offerId) {
+    return generateElementId("privacy-disclosure-tooltip-target", offerId);
+}
+function getHeadlineId(offerId) {
+    return generateElementId("headline", offerId);
+}
+function toFollowupQuestionsOffer(offer) {
+    if (offer.currentVersion.ctaType !== CtaTypeEnum.Form || offer.currentVersion.location !== LocationEnum.Header && offer.currentVersion.location !== LocationEnum.Footer) {
+        return offer;
+    }
+    return _extends({}, offer, {
+        currentVersion: _extends({}, offer.currentVersion, {
+            location: LocationEnum.Popup,
+            content: _extends({}, offer.currentVersion.content, {
+                variation: _extends({}, offer.currentVersion.content.variation, {
+                    __typename: "ContentVariationHeadlineBodyForm",
+                    type: ContentVariationTypeEnum.HeadlineBodyForm,
+                    bodyStyle: offer.currentVersion.content.variation.headlineStyle
+                }),
+                animation: {
+                    type: ContentAnimationTypeEnum.FadeIn
+                }
+            })
+        })
+    });
+}
+const { HeadlineButton: HeadlineButton, HeadlineLink: HeadlineLink, HeadlineBodyButton: HeadlineBodyButton, HeadlineForm: HeadlineForm, HeadlineBodyForm: HeadlineBodyForm } = ContentVariationTypeEnum;
+const isHeadlineButton = createTypeGuard()(HeadlineButton);
+const isHeadlineForm = createTypeGuard()(HeadlineForm);
+const isHeadlineLink = createTypeGuard()(HeadlineLink);
+const isHeadlineBodyButton = createTypeGuard()(HeadlineBodyButton);
+const isHeadlineBodyForm = createTypeGuard()(HeadlineBodyForm);
+
+var utils_generateElementId = /* unused export */ undefined;
+var utils_getFollowupQuestionsOfferId = /* unused export */ undefined;
+var utils_getFormInputId = /* unused export */ undefined;
+var utils_getHeight = /* unused export */ undefined;
+var utils_getRootId = /* unused export */ undefined;
+var utils_toStyleElement = /* unused export */ undefined;
+export { getCtaButtonId, getDismissButtonId, getFormId, getHeadlineId, getHostId, getPrivacyDisclosureTooltipId, getPrivacyDisclosureTooltipTargetId, isHeadlineBodyButton, isHeadlineBodyForm, isHeadlineButton, isHeadlineForm, isHeadlineLink, isMobile, isMobileResolution, toFollowupQuestionsOffer, toHTMLElement, utils_generateElementId as generateElementId, utils_getFollowupQuestionsOfferId as getFollowupQuestionsOfferId, utils_getFormInputId as getFormInputId, utils_getHeight as getHeight, utils_getRootId as getRootId, utils_toStyleElement as toStyleElement };

package/routes/app/offers/utils/HTMLUtils.js

@@ -0,0 +1,10 @@
+function stripHTMLTags(str) {
+    const doc = new DOMParser().parseFromString(str, "text/html");
+    const strippedValue = doc.body.textContent || "";
+    return {
+        strippedValue,
+        doc
+    };
+}
+
+export { stripHTMLTags };

package/routes/app/offers/utils/createTypeGuard.js

@@ -0,0 +1,32 @@
+
+/**
+ * Creates a typeguard function to discriminate a union type
+ */ function createTypeGuard() {
+    return function(type) {
+        return function(value) {
+            return value.type === type;
+        };
+    };
+}
+function createTypedFactory() {
+    return function(factories) {
+        return function(type, from, themeStyles) {
+            if (from === void 0) from = {};
+            if (themeStyles === void 0) themeStyles = undefined;
+            const baseValue = factories.base(themeStyles);
+            const defaultValue = factories[type](themeStyles);
+            if (!defaultValue) {
+                return defaultValue;
+            }
+            const defaultType = defaultValue.type;
+            const defaultTypename = defaultType.__typename;
+            return _extends({}, baseValue, defaultValue, from, {
+                type: defaultType,
+                __typename: defaultTypename
+            });
+        };
+    };
+}
+
+var createTypeGuard_createTypedFactory = /* unused export */ undefined;
+export { createTypeGuard, createTypeGuard_createTypedFactory as createTypedFactory };

package/routes/app/offers/utils/promise-utils.js

@@ -0,0 +1,22 @@
+function queue() {
+    for(var _len = arguments.length, tasks = new Array(_len), _key = 0; _key < _len; _key++){
+        tasks[_key] = arguments[_key];
+    }
+    let isCancelled = false;
+    const handle = {
+        cancel: ()=>isCancelled = true,
+        run: async ()=>{
+            for (const task of tasks){
+                if (isCancelled) return;
+                const result = task();
+                if (result instanceof Promise) {
+                    // eslint-disable-next-line no-await-in-loop
+                    await result;
+                }
+            }
+        }
+    };
+    return handle;
+}
+
+export { queue };

package/routes/app/websiteBuilder/stores/storeHelpers.js

@@ -0,0 +1,18 @@
+function getDefaultQualifiedFormConfig() {
+    return {
+        validateBusinessEmail: false,
+        emailField: getDefaultQualifiedFormEmailField(),
+        assetUrl: "",
+        additionalFields: []
+    };
+}
+function getDefaultQualifiedFormEmailField() {
+    return {
+        type: "email",
+        label: "Email",
+        placeholder: "Business email"
+    };
+}
+
+var storeHelpers_getDefaultQualifiedFormEmailField = /* unused export */ undefined;
+export { getDefaultQualifiedFormConfig, storeHelpers_getDefaultQualifiedFormEmailField as getDefaultQualifiedFormEmailField };

package/src/arrays.js

@@ -0,0 +1,15 @@
+// Like Array.prototype.forEach, but wraps the callback in a try-catch and returns an array of any
+// errors.
+function forEachCatchErrors(array, callback) {
+    const errors = [];
+    for(let i = 0; i < array.length; i++){
+        try {
+            callback(array[i], i, array);
+        } catch (error) {
+            errors.push(error);
+        }
+    }
+    return errors;
+}
+
+export { forEachCatchErrors };

package/src/audio.js

@@ -0,0 +1,106 @@
+import { __webpack_require__ } from "../js/runtime.js";
+import "../js/multimodal_v2.js";
+import "./timing.js";
+import { captureMessage } from "../js/4101.js";
+
+__webpack_require__("72639");
+
+
+
+const cache = new Map();
+const playAudio = (sound, context)=>{
+    if (window.Audio) {
+        const handleError = (e)=>{
+            if (e instanceof DOMException) {
+                // Browser blocked autoplay — capture so we can measure how often this
+                // silently prevents notification sounds from reaching reps.
+                captureMessage("playAudio: autoplay blocked", {
+                    level: "warning",
+                    tags: {
+                        "team.id": context == null ? void 0 : context.teamId,
+                        error_name: e.name
+                    },
+                    extra: {
+                        "user.id": context == null ? void 0 : context.userId,
+                        sound
+                    }
+                });
+            } else {
+                throw e;
+            }
+        };
+        try {
+            var _audio_play;
+            let audio = cache.get(sound);
+            if (!audio) {
+                audio = new Audio(sound);
+                cache.set(sound, audio);
+            }
+            // Play returns undefined in IE11
+            audio.currentTime = 0;
+            (_audio_play = audio.play()) == null ? void 0 : _audio_play.catch(handleError);
+        } catch (e) {
+            handleError(e);
+        }
+    }
+};
+// Chrome loads voices asynchronously when window.speechSynthesis is first referenced.
+// This prevents the first utterance from being in the default voice.
+window.speechSynthesis;
+const utteranceQueue = (/* unused pure expression or super */ null && ([])), synth = window.speechSynthesis;
+let voice = null, synthSpeaking = false;
+// Runs through every utterance in the queue, speaks the utterance, and then
+// cancels any hanging utterances in case any of them got stuck in a state
+// where synthSpeaking equals true
+const runUtteranceQueue = ()=>{
+    if (utteranceQueue.length && !synthSpeaking) {
+        const utterance = utteranceQueue.shift();
+        if (voice) {
+            // use Chrome-only voice if possible
+            utterance.voice = voice;
+        }
+        // There's a Chrome bug where non-native voices time out after 15 seconds.
+        // https://stackoverflow.com/questions/42875726/speechsynthesis-speak-in-web-speech-api-always-stops-after-a-few-seconds-in-go
+        // Periodically calling window.speechSynthesis.resume while the
+        // utterance is being spoken, seems to prevent it from timing out.
+        // https://stackoverflow.com/a/40508243
+        let resumeDisposer;
+        utterance.onstart = ()=>{
+            resumeDisposer = every(10000, ()=>{
+                synth.resume();
+            });
+        };
+        // cancelHangingUtterance is called either when the utterance is finished
+        // or when 30 seconds has elapsed, whichever event happens first
+        const cancelHangingUtterance = _once(()=>{
+            // If the utterance could not be spoken, then utterance.onstart will not
+            // get called, and resumeDisposer will be undefined
+            resumeDisposer == null ? void 0 : resumeDisposer();
+            synth.cancel();
+            synthSpeaking = false;
+            if (utteranceQueue.length) {
+                after(0, runUtteranceQueue);
+            }
+        });
+        utterance.onend = cancelHangingUtterance;
+        after(30000, cancelHangingUtterance);
+        synthSpeaking = true;
+        synth.speak(utterance);
+    }
+};
+const playVoice = (text)=>{
+    if (synth && window.SpeechSynthesisUtterance && text) {
+        // Initialize voice the first time playVoice is called
+        if (voice === null) {
+            voice = synth.getVoices().find((v)=>v.name === "Google US English") || null;
+        }
+        const utterance = new SpeechSynthesisUtterance(text);
+        utteranceQueue.push(utterance);
+        if (utteranceQueue.length === 1) {
+            runUtteranceQueue();
+        }
+    }
+};
+
+var audio_playVoice = /* unused export */ undefined;
+export { audio_playVoice as playVoice, playAudio };

package/src/bounded-set.js

@@ -0,0 +1,16 @@
+class BoundedSet extends Set {
+    add(value) {
+        if (!this.has(value) && this.maxSize > 0 && this.size >= this.maxSize) {
+            const oldestEntry = this.values().next().value;
+            if (oldestEntry !== undefined) {
+                this.delete(oldestEntry);
+            }
+        }
+        return super.add(value);
+    }
+    constructor(maxSize){
+        super(), this.maxSize = maxSize;
+    }
+}
+
+export { BoundedSet };

package/src/bounding_box_observer.js

@@ -0,0 +1,129 @@
+import { __webpack_require__ } from "../js/runtime.js";
+import "../widget/utils/native_globals.js";
+import { iterRoots } from "./dom_roots.js";
+
+/* provided dependency */ var __nativeWindowAddEventListener = __webpack_require__(68034).zh;
+/* provided dependency */ var __nativeWindowRemoveEventListener = __webpack_require__(68034).kZ;
+/* provided dependency */ var cancelAnimationFrame = __webpack_require__(68034).pP;
+/* provided dependency */ var requestAnimationFrame = __webpack_require__(68034).gj;
+
+// Max gap (CSS px) tolerated when matching an element's edge to an ancestor's;
+// sub-pixel rounding means flush edges rarely line up exactly.
+const ALIGNMENT_TOLERANCE = 1;
+/**
+ * Watches the first `selector` element and reports its `DOMRect` (or that of a
+ * flush valid ancestor) to `onBBoxChange` on resize/scroll/click/transition/
+ * animation. Validity is re-evaluated on every measure: when the observed
+ * element (or an aligned ancestor) is not currently accepted by `isValid`,
+ * `onBBoxChange(null)` is reported. Searches open shadow roots; `start()` is
+ * retryable and re-locates if the observed element has since been detached.
+ */ class BoundingBoxObserver {
+    start() {
+        // Recover from the observed element being detached (e.g. an SPA unmounting
+        // and remounting the header): stop the stale watch so we can re-locate.
+        if (this.running) {
+            var _this_element;
+            if ((_this_element = this.element) == null ? void 0 : _this_element.isConnected) return;
+            this.stop();
+        }
+        const element = this.locate();
+        if (!element) return;
+        this.running = true;
+        this.element = element;
+        this.resizeObserver = new ResizeObserver(this.scheduleRecompute);
+        this.resizeObserver.observe(element);
+        __nativeWindowAddEventListener("resize", this.scheduleRecompute);
+        __nativeWindowAddEventListener("scroll", this.scheduleRecompute, {
+            capture: true,
+            passive: true
+        });
+        __nativeWindowAddEventListener("click", this.scheduleRecompute, {
+            capture: true,
+            passive: true
+        });
+        element.addEventListener("transitionend", this.scheduleRecompute);
+        element.addEventListener("animationend", this.scheduleRecompute);
+        this.recompute();
+    }
+    stop() {
+        var _this_resizeObserver, _this_element, _this_element1;
+        if (!this.running) return;
+        this.running = false;
+        (_this_resizeObserver = this.resizeObserver) == null ? void 0 : _this_resizeObserver.disconnect();
+        this.resizeObserver = null;
+        __nativeWindowRemoveEventListener("resize", this.scheduleRecompute);
+        __nativeWindowRemoveEventListener("scroll", this.scheduleRecompute, {
+            capture: true
+        });
+        __nativeWindowRemoveEventListener("click", this.scheduleRecompute, {
+            capture: true
+        });
+        (_this_element = this.element) == null ? void 0 : _this_element.removeEventListener("transitionend", this.scheduleRecompute);
+        (_this_element1 = this.element) == null ? void 0 : _this_element1.removeEventListener("animationend", this.scheduleRecompute);
+        if (this.rafId !== null) {
+            cancelAnimationFrame(this.rafId);
+            this.rafId = null;
+        }
+        this.element = null;
+        this.onBBoxChange(null);
+    }
+    // Locates the element to observe structurally (first `selector` match). Does
+    // NOT consult `isValid`: validity is a runtime property re-evaluated on every
+    // measure in `recompute`, not a fixed condition of which element to watch.
+    locate() {
+        for (const root of iterRoots(document, this.skipShadowRoot)){
+            const candidate = root.querySelector(this.selector);
+            if (candidate) return candidate;
+        }
+        return null;
+    }
+    // Returns `el` if valid, else the nearest valid ancestor sharing its observed
+    // edge (a static element wrapped in a valid container), or null.
+    resolveValidElement(el) {
+        if (this.isValid(el)) return el;
+        const value = el.getBoundingClientRect()[this.property];
+        for(let ancestor = el.parentElement; ancestor; ancestor = ancestor.parentElement){
+            if (this.isValid(ancestor) && Math.abs(ancestor.getBoundingClientRect()[this.property] - value) <= ALIGNMENT_TOLERANCE) {
+                return ancestor;
+            }
+        }
+        return null;
+    }
+    constructor(options){
+        var _options_isValid;
+        this.running = false;
+        this.element = null;
+        this.resizeObserver = null;
+        this.rafId = null;
+        this.scheduleRecompute = ()=>{
+            if (this.rafId !== null) return;
+            this.rafId = requestAnimationFrame(this.recompute);
+        };
+        this.recompute = ()=>{
+            this.rafId = null;
+            if (!this.running || !this.element) return;
+            // The element was detached (e.g. header removed); clear and stop so a later
+            // start() can latch onto its replacement rather than reporting a stale box.
+            if (!this.element.isConnected) {
+                this.stop();
+                return;
+            }
+            // Re-check validity every measure: `isValid` can be scroll-dependent (e.g. a
+            // sticky header only counts while pinned to the top), so an element valid at
+            // locate time may not be now. Report null when nothing valid resolves.
+            const resolved = this.resolveValidElement(this.element);
+            if (!resolved) {
+                this.onBBoxChange(null);
+                return;
+            }
+            this.onBBoxChange(resolved.getBoundingClientRect());
+        };
+        this.selector = options.selector;
+        this.property = options.property;
+        this.onBBoxChange = options.onBBoxChange;
+        this.isValid = (_options_isValid = options.isValid) != null ? _options_isValid : ()=>true;
+        this.skipShadowRoot = options.skipShadowRoot;
+    }
+}
+
+export { BoundingBoxObserver };

package/src/decorators.js

@@ -0,0 +1,29 @@
+// Create a property decorator that can accept options
+//
+// Provide a single callback that takes: options, target, property, descriptor
+//
+const createPropertyDecorator = (callback)=>function() {
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        // Support both usages:
+        // - @decorator on a class field/method (descriptor may be undefined under SWC legacy)
+        // - @decorator(options) on a class field/method
+        const isPropertyDecorator = args.length >= 2 && (typeof args[1] === "string" || typeof args[1] === "symbol");
+        if (isPropertyDecorator) {
+            const [target, property] = args;
+            let descriptor = args[2];
+            if (!descriptor) descriptor = {};
+            const result = callback(undefined, target, property, descriptor);
+            return result || descriptor;
+        }
+        // Options invocation: (options) -> (target, property, descriptor)
+        const [options] = args;
+        return (target, property, descriptor)=>{
+            if (!descriptor) descriptor = {};
+            const result = callback(options, target, property, descriptor);
+            return result || descriptor;
+        };
+    };
+
+export { createPropertyDecorator };