@everymatrix/pam-profile-consents 1.90.6

package/dist/collection/components/pam-profile-consents/index.js

@@ -0,0 +1 @@
+export { PamProfileConsents } from './pam-profile-consents';

package/dist/collection/components/pam-profile-consents/pam-profile-consents.css

@@ -0,0 +1,202 @@
+:host {
+  display: block;
+}
+
+button {
+  font-family: var(--emw--button-typography);
+}
+
+.errorContainer {
+  font-family: "Roboto", sans-serif;
+  font-style: normal;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  width: 100%;
+  height: 100%;
+}
+.errorContainer .errorMessage {
+  color: var(--emw--color-error, var(--emw--color-red, #ed0909));
+  font-size: var(--emw-font-size-small, 13px);
+  display: block;
+  justify-content: center;
+  text-align: center;
+}
+
+.PamProfileConsentsWrapper {
+  color: var(--emw--pam-typography, var(--emw-color-contrast, #07072A));
+  background: var(--emw-color-pale, var(--emw--color-gray-50, #F1F1F1));
+  padding: 50px;
+  height: 100%;
+  border-radius: var(--emw--border-radius-large, 10px);
+  container-type: inline-size;
+  opacity: 1;
+  animation-name: fadeIn;
+  animation-iteration-count: 1;
+  animation-timing-function: ease-in;
+  animation-duration: 0.3s;
+}
+.PamProfileConsentsWrapper .HeaderArea {
+  margin-bottom: 20px;
+}
+.PamProfileConsentsWrapper .HeaderText {
+  font-size: var(--emw--font-size-x-large, 24px);
+  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
+  text-transform: capitalize;
+  font-weight: var(--emw--font-weight-semibold, 500);
+  margin: 0;
+}
+.PamProfileConsentsWrapper .CategoriesGrid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 20px;
+  margin-bottom: 20px;
+}
+.PamProfileConsentsWrapper .CategoryCard {
+  background: var(--emw-color-pale, var(--emw--color-gray-100, #E6E6E6));
+  border-radius: var(--emw--border-radius-large, 10px);
+  padding: 15px;
+}
+.PamProfileConsentsWrapper .CategoryTitle {
+  font-size: var(--emw--font-size-large, 20px);
+  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
+  font-weight: var(--emw--font-weight-semibold, 500);
+  margin: 0 0 15px 0;
+}
+.PamProfileConsentsWrapper .UngroupedSection {
+  background: var(--emw-color-pale, var(--emw--color-gray-100, #E6E6E6));
+  border-radius: var(--emw--border-radius-large, 10px);
+  padding: 15px;
+  margin-bottom: 20px;
+}
+.PamProfileConsentsWrapper .ConsentItem {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 0;
+  cursor: pointer;
+  user-select: none;
+}
+.PamProfileConsentsWrapper .Checkbox {
+  width: 22px;
+  height: 22px;
+  min-width: 22px;
+  border: 2px solid var(--emw--color-gray-300, #58586B);
+  border-radius: var(--emw--border-radius-small, 4px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all var(--emw--transition-medium, 250ms);
+  background: transparent;
+}
+.PamProfileConsentsWrapper .Checkbox svg {
+  width: 14px;
+  height: 14px;
+  color: #FFFFFF;
+}
+.PamProfileConsentsWrapper .Checkbox.Checked {
+  background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
+  border-color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
+}
+.PamProfileConsentsWrapper .ConsentLabel {
+  font-size: var(--emw--size-small, 14px);
+  font-weight: var(--emw--font-weight-normal, 400);
+  color: var(--emw--pam-typography, var(--emw-color-contrast, #07072A));
+}
+.PamProfileConsentsWrapper .ButtonsArea {
+  margin-top: 20px;
+  width: 50%;
+}
+.PamProfileConsentsWrapper .ButtonsArea .SaveButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  cursor: pointer;
+  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, white 30%));
+  border: 2px solid var(--emw--button-border-color, #0E5924);
+  color: var(--emw--button-text-color, #FFFFFF);
+  border-radius: var(--emw--button-border-radius, 10px);
+  font-size: var(--emw--size-standard, 16px);
+  text-transform: uppercase;
+  transition-duration: var(--emw--transition-medium, 250ms);
+  max-width: 400px;
+  min-width: 200px;
+  padding: 13px 0;
+  width: 100%;
+}
+.PamProfileConsentsWrapper .ButtonsArea .SaveButton:active {
+  background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
+}
+.PamProfileConsentsWrapper .ButtonsArea .SaveButton.Disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+.PamProfileConsentsWrapper.skeleton .HeaderArea {
+  margin-bottom: 20px;
+}
+.PamProfileConsentsWrapper.skeleton .CategoriesGrid {
+  overflow: hidden;
+}
+.PamProfileConsentsWrapper.skeleton .CategoryCard {
+  overflow: hidden;
+}
+.PamProfileConsentsWrapper.skeleton .ButtonsArea .SaveButton {
+  width: 500px;
+  border-radius: 30px;
+  overflow: hidden;
+  display: block;
+  background-image: none;
+  border: none;
+}
+@container (max-width: 425px) {
+  .PamProfileConsentsWrapper {
+    padding: 20px 15px;
+    background: var(--emw-color-gray-50, #F9F8F8);
+    max-width: unset;
+    border-radius: var(--emw--border-radius-small, 5px);
+  }
+  .PamProfileConsentsWrapper .HeaderText {
+    font-size: var(--emw--font-size-large, 20px);
+  }
+  .PamProfileConsentsWrapper .CategoriesGrid {
+    grid-template-columns: 1fr;
+  }
+  .PamProfileConsentsWrapper .CategoryTitle {
+    font-size: var(--emw--font-size-medium, 16px);
+  }
+  .PamProfileConsentsWrapper .ConsentLabel {
+    font-size: var(--emw--size-x-small, 12px);
+  }
+  .PamProfileConsentsWrapper .ButtonsArea {
+    width: 100%;
+  }
+  .PamProfileConsentsWrapper .ButtonsArea .SaveButton {
+    font-size: var(--emw--size-x-small, 12px);
+    height: 40px;
+    color: var(--emw-button-typography, var(--emw-color-white, #FFFFFF));
+  }
+  .PamProfileConsentsWrapper .ButtonsArea .SaveButton.Disabled {
+    color: var(--emw-color-gray-300, #58586B);
+  }
+  .PamProfileConsentsWrapper.skeleton .ButtonsArea .SaveButton {
+    width: 100%;
+    height: 100%;
+    border-radius: 20px;
+  }
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0.01;
+  }
+  1% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/dist/collection/components/pam-profile-consents/pam-profile-consents.js

@@ -0,0 +1,328 @@
+import { h } from "@stencil/core";
+import { translate } from "../../utils/locale.utils";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import { isMobile } from "../../utils/utils";
+import "../../../../../ui-skeleton/dist/types/index";
+export class PamProfileConsents {
+    constructor() {
+        this.isMobileDevice = false;
+        this.allConsents = [];
+        this.categories = [];
+        this.ungroupedConsents = [];
+        this.handleFetchResponse = async (res) => {
+            var _a;
+            if (res.status >= 300) {
+                this.isError = true;
+                let response = await res.json();
+                const errorCode = (_a = response.thirdPartyResponse) === null || _a === void 0 ? void 0 : _a.errorCode;
+                this.errorMessage = errorCode ? translate(errorCode, this.lang) : translate('errorMessageFetch', this.lang);
+                return Promise.reject(this.errorMessage);
+            }
+            else {
+                this.isError = false;
+                if (res.headers.get('content-type')) {
+                    let response = await res.json();
+                    return Promise.resolve(response);
+                }
+                return Promise.resolve();
+            }
+        };
+        this.getConsentsData = () => {
+            const url = new URL(`/api/pam/v1/player-consents?IncludeUnset=true`, this.endpoint);
+            const headers = new Headers();
+            headers.append('X-SessionID', this.session);
+            const options = {
+                method: 'GET',
+                headers: headers
+            };
+            return new Promise((resolve, reject) => {
+                fetch(url.href, options)
+                    .then((res) => this.handleFetchResponse(res))
+                    .then(res => {
+                    this.allConsents = res;
+                    resolve();
+                })
+                    .catch((error) => {
+                    console.error(error);
+                    reject(error);
+                });
+            });
+        };
+        this.processConsents = () => {
+            const optionalConsents = this.allConsents.filter(c => !c.mustAccept);
+            const categoryMap = {};
+            const ungrouped = [];
+            optionalConsents.forEach(consent => {
+                if (consent.category) {
+                    const code = consent.category.categoryTagCode;
+                    if (!categoryMap[code]) {
+                        categoryMap[code] = {
+                            categoryTagCode: code,
+                            friendlyName: consent.category.friendlyName,
+                            consents: []
+                        };
+                    }
+                    categoryMap[code].consents.push(consent);
+                }
+                else {
+                    ungrouped.push(consent);
+                }
+            });
+            this.categories = Object.values(categoryMap);
+            this.ungroupedConsents = ungrouped;
+            const newState = {};
+            optionalConsents.forEach(consent => {
+                newState[consent.tagCode] = consent.status === 'Accepted';
+            });
+            this.consentsState = newState;
+            this.hasChanges = false;
+        };
+        this.toggleConsent = (tagCode) => {
+            this.consentsState = Object.assign(Object.assign({}, this.consentsState), { [tagCode]: !this.consentsState[tagCode] });
+            this.hasChanges = true;
+        };
+        this.saveConsents = () => {
+            if (!this.hasChanges || this.isSaving)
+                return;
+            this.isSaving = true;
+            const userConsents = Object.entries(this.consentsState).map(([tagCode, accepted]) => ({
+                tagCode,
+                status: accepted ? 'Accepted' : 'Denied'
+            }));
+            const url = new URL(`/api/pam/v1/player-consents`, this.endpoint);
+            const headers = new Headers();
+            headers.append('X-SessionID', this.session);
+            headers.append('Content-Type', 'application/json');
+            fetch(url.href, {
+                method: 'PATCH',
+                headers,
+                body: JSON.stringify({ note: '', userConsents })
+            })
+                .then(res => this.handleFetchResponse(res))
+                .then(() => {
+                return this.getConsentsData()
+                    .then(() => this.processConsents());
+            })
+                .catch((error) => {
+                console.error(error);
+            })
+                .finally(() => {
+                this.isSaving = false;
+            });
+        };
+        this.renderCheckbox = (consent) => {
+            const checked = this.consentsState[consent.tagCode];
+            return (h("div", { class: "ConsentItem", onClick: () => this.toggleConsent(consent.tagCode) }, h("div", { class: `Checkbox ${checked ? 'Checked' : ''}` }, checked &&
+                h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "3", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { points: "20 6 9 17 4 12" }))), h("span", { class: "ConsentLabel" }, consent.friendlyName)));
+        };
+        this.session = undefined;
+        this.endpoint = undefined;
+        this.lang = 'en';
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.translationUrl = undefined;
+        this.skeletonLoading = true;
+        this.isError = false;
+        this.errorMessage = '';
+        this.hasChanges = false;
+        this.isSaving = false;
+        this.consentsState = {};
+    }
+    handleStylingChange(newValue, oldValue) {
+        if (newValue !== oldValue)
+            setClientStyling(this.stylingContainer, this.clientStyling);
+    }
+    handleStylingUrlChange(newValue, oldValue) {
+        if (newValue !== oldValue)
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+    }
+    async componentWillLoad() {
+        this.isMobileDevice = isMobile(window.navigator.userAgent);
+        await this.getConsentsData()
+            .then(() => {
+            this.processConsents();
+        })
+            .finally(() => this.skeletonLoading = false);
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (window.emMessageBuss != undefined) {
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            }
+            else {
+                if (this.clientStyling)
+                    setClientStyling(this.stylingContainer, this.clientStyling);
+                if (this.clientStylingUrl)
+                    setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            }
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    render() {
+        if (!this.skeletonLoading && this.isError) {
+            return (h("div", { class: "errorContainer" }, h("p", { class: "errorMessage", innerHTML: this.errorMessage })));
+        }
+        return (h("div", { ref: el => this.stylingContainer = el }, this.skeletonLoading
+            ? h("div", { class: "PamProfileConsentsWrapper skeleton" }, h("div", { class: "HeaderArea" }, h("ui-skeleton", { structure: "title", width: "200px", height: "30px" })), h("div", { class: "CategoriesGrid" }, [...Array(4).keys()].map(() => h("div", { class: "CategoryCard" }, h("ui-skeleton", { structure: "text", width: "150px", height: "16px", "margin-bottom": "10px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "20px", "margin-bottom": "8px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "20px", "margin-bottom": "8px" })))), h("div", { class: "ButtonsArea" }, h("div", { class: "SaveButton" }, h("ui-skeleton", { structure: "rectangle", width: "auto", height: "50px" }))))
+            : h("div", { class: `PamProfileConsentsWrapper ${this.isMobileDevice ? 'Mobile' : ''}` }, h("div", { class: "HeaderArea" }, h("h2", { class: "HeaderText" }, translate('title', this.lang))), h("div", { class: "CategoriesGrid" }, this.categories.map(category => h("div", { class: "CategoryCard" }, h("h3", { class: "CategoryTitle" }, category.friendlyName), category.consents.map(consent => this.renderCheckbox(consent))))), this.ungroupedConsents.length > 0 &&
+                h("div", { class: "UngroupedSection" }, this.ungroupedConsents.map(consent => this.renderCheckbox(consent))), h("section", { class: "ButtonsArea" }, h("button", { class: `SaveButton ${!this.hasChanges || this.isSaving ? 'Disabled' : ''}`, onClick: this.saveConsents }, translate('saveButton', this.lang))))));
+    }
+    static get is() { return "pam-profile-consents"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pam-profile-consents.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pam-profile-consents.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "User session required for the API calls"
+                },
+                "attribute": "session",
+                "reflect": true
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Endpoint URL for the source of data"
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "lang": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language of the widget"
+                },
+                "attribute": "lang",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "mbSource"
+                },
+                "attribute": "mb-source",
+                "reflect": true
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via inline style"
+                },
+                "attribute": "client-styling",
+                "reflect": true
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": true
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Translation url"
+                },
+                "attribute": "translation-url",
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "skeletonLoading": {},
+            "isError": {},
+            "errorMessage": {},
+            "hasChanges": {},
+            "isSaving": {},
+            "consentsState": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "clientStyling",
+                "methodName": "handleStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleStylingUrlChange"
+            }];
+    }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components/pam-profile-consents';

package/dist/collection/utils/locale.utils.js

@@ -0,0 +1,98 @@
+export const DEFAULT_LANGUAGE = 'en';
+export const TRANSLATIONS = {
+    "en": {
+        "title": "Notifications",
+        "saveButton": "Save Changes",
+        "successMessage": "Your consent preferences have been saved!",
+        "errorMessageFetch": "An error has occurred when attempting to fetch consent preferences",
+        "errorMessageSave": "An error has occurred when attempting to save consent preferences"
+    },
+    "zh-hk": {
+        "title": "通知",
+        "saveButton": "保存更改",
+        "successMessage": "您的同意偏好已保存！",
+        "errorMessageFetch": "嘗試獲取同意偏好時發生錯誤",
+        "errorMessageSave": "嘗試保存同意偏好時發生錯誤"
+    },
+    "fr": {
+        "title": "Notifications",
+        "saveButton": "Enregistrer les modifications",
+        "successMessage": "Vos préférences de consentement ont été enregistrées !",
+        "errorMessageFetch": "Une erreur est survenue lors de la récupération des préférences de consentement",
+        "errorMessageSave": "Une erreur est survenue lors de l'enregistrement des préférences de consentement"
+    },
+    "ro": {
+        "title": "Notificări",
+        "saveButton": "Salvează modificările",
+        "successMessage": "Preferințele dvs. de consimțământ au fost salvate!",
+        "errorMessageFetch": "A apărut o eroare la încercarea de a obține preferințele de consimțământ",
+        "errorMessageSave": "A apărut o eroare la încercarea de a salva preferințele de consimțământ"
+    },
+    "tr": {
+        "title": "Bildirimler",
+        "saveButton": "Değişiklikleri Kaydet",
+        "successMessage": "Onay tercihleriniz kaydedildi!",
+        "errorMessageFetch": "Onay tercihlerini almaya çalışırken bir hata oluştu",
+        "errorMessageSave": "Onay tercihlerini kaydetmeye çalışırken bir hata oluştu"
+    },
+    "es": {
+        "title": "Notificaciones",
+        "saveButton": "Guardar cambios",
+        "successMessage": "¡Tus preferencias de consentimiento han sido guardadas!",
+        "errorMessageFetch": "Se ha producido un error al intentar obtener las preferencias de consentimiento",
+        "errorMessageSave": "Se ha producido un error al intentar guardar las preferencias de consentimiento"
+    },
+    "pt": {
+        "title": "Notificações",
+        "saveButton": "Salvar alterações",
+        "successMessage": "Suas preferências de consentimento foram salvas!",
+        "errorMessageFetch": "Ocorreu um erro ao tentar buscar as preferências de consentimento",
+        "errorMessageSave": "Ocorreu um erro ao tentar salvar as preferências de consentimento"
+    },
+    "hr": {
+        "title": "Obavijesti",
+        "saveButton": "Spremi promjene",
+        "successMessage": "Vaše postavke privola su spremljene!",
+        "errorMessageFetch": "Došlo je do greške prilikom pokušaja dobivanja postavki privola",
+        "errorMessageSave": "Došlo je do greške prilikom pokušaja spremanja postavki privola"
+    },
+    "pt-br": {
+        "title": "Notificações",
+        "saveButton": "Salvar alterações",
+        "successMessage": "Suas preferências de consentimento foram salvas!",
+        "errorMessageFetch": "Ocorreu um erro ao tentar buscar as preferências de consentimento",
+        "errorMessageSave": "Ocorreu um erro ao tentar salvar as preferências de consentimento"
+    },
+    "es-mx": {
+        "title": "Notificaciones",
+        "saveButton": "Guardar cambios",
+        "successMessage": "¡Tus preferencias de consentimiento han sido guardadas!",
+        "errorMessageFetch": "Se ha producido un error al intentar obtener las preferencias de consentimiento",
+        "errorMessageSave": "Se ha producido un error al intentar guardar las preferencias de consentimiento"
+    }
+};
+export const getTranslations = (url) => {
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((item) => {
+                for (let key in data[item]) {
+                    TRANSLATIONS[item][key] = data[item][key];
+                }
+            });
+            resolve(true);
+        });
+    });
+};
+export const translate = (key, customLang, values) => {
+    let lang = TRANSLATIONS[customLang] ? customLang : DEFAULT_LANGUAGE;
+    let translation = TRANSLATIONS[lang][key];
+    if (values !== undefined) {
+        for (const [key, value] of Object.entries(values.values)) {
+            const regex = new RegExp(`{${key}}`, 'g');
+            translation = translation.replace(regex, value);
+        }
+    }
+    return translation;
+};

package/dist/collection/utils/utils.js

@@ -0,0 +1,12 @@
+/**
+ * @name isMobile
+ * @description A method that returns if the browser used to access the app is from a mobile device or not
+ * @param {String} userAgent window.navigator.userAgent
+ * @returns {Boolean} true or false
+ */
+export const isMobile = (userAgent) => {
+    return !!(userAgent.toLowerCase().match(/android/i) ||
+        userAgent.toLowerCase().match(/blackberry|bb/i) ||
+        userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+        userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+};

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };