@maestro_io/maestro-web-sdk 5.2.0 → 5.2.2-hotfix2

package/dist/src/modules/maestro/builder/view-model/BuilderPanelViewModel.d.ts

@@ -1,40 +0,0 @@
-import { Observable } from '../../../../helpers/Observable';
-import { ViewModel } from '../../../../view-models/ViewModel';
-import AnalyticsService from '@/services/AnalyticsService/AnalyticsService';
-import { ISection } from '../types';
-interface IBlockData {
-    sections: any[];
-}
-interface IPanelConfig {
-    block_data?: IBlockData;
-    id: string;
-    panel_name: string;
-    panel_type: string;
-    icon_name?: string;
-}
-export declare class BuilderPanelViewModel extends ViewModel {
-    sections: Observable<ISection[]>;
-    expandedCardIds: Observable<Set<string>>;
-    isDataLoading: Observable<boolean>;
-    hasEverSuccessfullyLoaded: Observable<boolean>;
-    private analyticsService;
-    private lastResponseHash;
-    initialized: boolean;
-    constructor(panelConfig?: IPanelConfig, analyticsService?: AnalyticsService);
-    init(panelConfig: IPanelConfig): Promise<void>;
-    cleanup(): void;
-    updatePanelConfig(panelConfig: IPanelConfig): void;
-    private trackPanelView;
-    private parseBlockData;
-    toggleCardExpanded(cardId: string): void;
-    collapseAllCards(): void;
-    private parsePadding;
-    private parseHeader;
-    private parseSectionSettings;
-    private parseSimpleCard;
-    private parseExpandableCard;
-    private parseCard;
-    private parseSection;
-    private parseSections;
-}
-export {};

package/dist/src/modules/maestro/builder/view-model/BuilderPanelViewModel.js

@@ -1,229 +0,0 @@
-import { Observable } from '../../../../helpers/Observable';
-import { ViewModel } from '../../../../view-models/ViewModel';
-import { captureException } from '@/sentry';
-import { stringHashCode } from '@/helpers/strings';
-export class BuilderPanelViewModel extends ViewModel {
-    constructor(panelConfig, analyticsService) {
-        super();
-        Object.defineProperty(this, "sections", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Observable([])
-        });
-        Object.defineProperty(this, "expandedCardIds", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Observable(new Set())
-        });
-        Object.defineProperty(this, "isDataLoading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Observable(false)
-        });
-        Object.defineProperty(this, "hasEverSuccessfullyLoaded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Observable(false)
-        });
-        Object.defineProperty(this, "analyticsService", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "lastResponseHash", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "initialized", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        this.analyticsService = analyticsService || null;
-        if (panelConfig) {
-            this.parseBlockData(panelConfig);
-        }
-    }
-    async init(panelConfig) {
-        if (this.analyticsService) {
-            await this.trackPanelView();
-        }
-        this.parseBlockData(panelConfig);
-        this.initialized = true;
-    }
-    cleanup() {
-        this.sections.value = [];
-        this.expandedCardIds.value = new Set();
-        this.lastResponseHash = null;
-        this.initialized = false;
-    }
-    updatePanelConfig(panelConfig) {
-        this.parseBlockData(panelConfig);
-    }
-    async trackPanelView() {
-        try {
-            if (this.analyticsService) {
-                // TODO: Add builder to MaestroPanelType analytics before enabling
-                // await this.analyticsService.panelView('builderBlockPanel');
-            }
-        }
-        catch (error) {
-            captureException(error, {
-                tags: {
-                    component: 'BuilderPanelViewModel',
-                    method: 'trackPanelView',
-                },
-            });
-        }
-    }
-    parseBlockData(panelConfig) {
-        try {
-            this.isDataLoading.value = true;
-            this.setError(null);
-            if (!panelConfig) {
-                throw new Error('Panel config is required');
-            }
-            if (!panelConfig.block_data) {
-                throw new Error('block_data is missing from panel config');
-            }
-            const blockData = panelConfig.block_data;
-            if (!blockData.sections) {
-                throw new Error('sections array is missing from block_data');
-            }
-            if (!Array.isArray(blockData.sections)) {
-                throw new Error('sections must be an array');
-            }
-            const responseHash = stringHashCode(JSON.stringify(blockData.sections));
-            if (responseHash === this.lastResponseHash) {
-                this.isDataLoading.value = false;
-                return;
-            }
-            // Parse the raw config into properly typed sections with camelCase
-            this.sections.value = this.parseSections(blockData.sections);
-            this.lastResponseHash = responseHash;
-            this.hasEverSuccessfullyLoaded.value = true;
-            this.isDataLoading.value = false;
-        }
-        catch (error) {
-            const errorMessage = error instanceof Error ? error.message : 'Failed to parse block data';
-            this.setError(errorMessage);
-            this.isDataLoading.value = false;
-            captureException(error, {
-                tags: {
-                    component: 'BuilderPanelViewModel',
-                    method: 'parseBlockData',
-                },
-                extra: {
-                    panelConfig,
-                },
-            });
-        }
-    }
-    toggleCardExpanded(cardId) {
-        const currentExpandedIds = new Set(this.expandedCardIds.value);
-        if (currentExpandedIds.has(cardId)) {
-            currentExpandedIds.delete(cardId);
-        }
-        else {
-            currentExpandedIds.add(cardId);
-        }
-        this.expandedCardIds.value = currentExpandedIds;
-    }
-    collapseAllCards() {
-        this.expandedCardIds.value = new Set();
-    }
-    parsePadding(raw) {
-        const DEFAULT_PADDING = { top: 8, right: 8, bottom: 8, left: 8 };
-        return {
-            top: raw?.top ?? DEFAULT_PADDING.top,
-            right: raw?.right ?? DEFAULT_PADDING.right,
-            bottom: raw?.bottom ?? DEFAULT_PADDING.bottom,
-            left: raw?.left ?? DEFAULT_PADDING.left,
-        };
-    }
-    parseHeader(raw) {
-        return {
-            content: raw?.content ?? '',
-            enabled: raw?.enabled ?? false,
-            type: (raw?.type ?? 'text'),
-            alt: raw?.alt,
-        };
-    }
-    parseSectionSettings(raw) {
-        return {
-            backgroundColor: raw?.background_color ?? 'transparent',
-            header: this.parseHeader(raw?.header),
-            padding: this.parsePadding(raw?.padding),
-            spacing: raw?.spacing ?? 8,
-            sticky: raw?.sticky ?? false,
-            textAlignment: raw?.text_alignment ?? 'left',
-        };
-    }
-    parseSimpleCard(raw) {
-        return {
-            id: raw.id,
-            type: 'simple',
-            title: raw.title ?? '',
-            image: {
-                url: raw.image?.url ?? '',
-                alt: raw.image?.alt,
-            },
-        };
-    }
-    parseExpandableCard(raw) {
-        return {
-            id: raw.id,
-            type: 'expandable',
-            title: raw.title ?? '',
-            collapsedState: {
-                cards: Array.isArray(raw.collapsed_state?.cards)
-                    ? raw.collapsed_state.cards.map((card) => this.parseSimpleCard(card))
-                    : [],
-            },
-            expandedState: {
-                cards: Array.isArray(raw.expanded_state?.cards)
-                    ? raw.expanded_state.cards.map((card) => this.parseSimpleCard(card))
-                    : [],
-            },
-            settings: raw.settings
-                ? this.parseSectionSettings(raw.settings)
-                : undefined,
-        };
-    }
-    parseCard(raw) {
-        if (!raw || !raw.id) {
-            throw new Error('Card must have an id');
-        }
-        if (raw.type === 'expandable') {
-            return this.parseExpandableCard(raw);
-        }
-        return this.parseSimpleCard(raw);
-    }
-    parseSection(raw) {
-        if (!raw || !raw.id) {
-            throw new Error('Section must have an id');
-        }
-        return {
-            id: raw.id,
-            title: raw.title ?? '',
-            cards: Array.isArray(raw.cards)
-                ? raw.cards.map((card) => this.parseCard(card))
-                : [],
-            settings: this.parseSectionSettings(raw.settings),
-        };
-    }
-    parseSections(rawSections) {
-        if (!Array.isArray(rawSections)) {
-            throw new Error('Sections must be an array');
-        }
-        return rawSections.map((section) => this.parseSection(section));
-    }
-}

package/dist/src/modules/maestro/builder/view-model/index.d.ts

@@ -1 +0,0 @@
-export { BuilderPanelViewModel } from './BuilderPanelViewModel';

package/dist/src/modules/maestro/builder/view-model/index.js

@@ -1 +0,0 @@
-export { BuilderPanelViewModel } from './BuilderPanelViewModel';

package/dist/src/modules/maestro/hello-world/HelloWorldImage.d.ts

@@ -1,2 +0,0 @@
-declare const HelloWorldImage: () => JSX.Element;
-export default HelloWorldImage;

package/dist/src/modules/maestro/hello-world/HelloWorldImage.js

@@ -1,32 +0,0 @@
-import React from 'react';
-const HelloWorldImage = () => {
-    return (React.createElement("div", { className: "hello-world-image" },
-        React.createElement("svg", { width: "376", height: "236", viewBox: "0 0 376 236", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("path", { d: "M255.234 212.541H232.178V235.597H255.234V212.541ZM116.898 235.597H139.954V212.541H116.898V235.597ZM197.594 108.789H220.65V154.901H197.594V108.789ZM174.538 154.901H151.482V108.789H174.538V154.901ZM255.234 91.4965H243.706V79.9685H232.178V68.4404H214.886V45.3843H203.358V68.4404H168.774V45.3843H157.246V68.4404H139.954V79.9685H128.426V91.4965H116.898V131.845H93.8414V143.373H116.898V183.721H139.954V212.541H168.774V183.721H203.358V212.541H232.178V183.721H255.234V143.373H278.29V131.845H255.234V91.4965ZM278.29 131.845H289.818V68.4404H278.29V131.845ZM82.3134 131.845H93.8414V68.4404H82.3134V131.845Z", fill: "#2D2D2D" }),
-            React.createElement("path", { d: "M262.396 50.3333L246.908 65.8205H262.396V80.7546H346.469V5.53113H262.396V50.3333Z", fill: "#101113", stroke: "#2D2D2D", strokeWidth: "6.63736" }),
-            React.createElement("path", { d: "M278.746 57.5037V29.5141H286.311V39.9156H295.616V29.5141H303.18V57.5037H295.616V46.1944H286.311V57.5037H278.746ZM308.634 57.5037V29.5141H316.199V57.5037H308.634ZM323.408 48.1612L321.593 29.5141H331.011L329.195 48.1612H323.408ZM322.387 57.5037V51.0737H330.216V57.5037H322.387Z", fill: "#2D2D2D" }),
-            React.createElement("rect", { x: "61.0623", y: "56.4176", width: "8.84982", height: "8.84982", transform: "rotate(-90 61.0623 56.4176)", fill: "#2D2D2D" }),
-            React.createElement("rect", { x: "50", y: "42.0366", width: "8.84982", height: "8.84982", transform: "rotate(-90 50 42.0366)", fill: "#2D2D2D" }),
-            React.createElement("rect", { x: "69.9121", y: "47.5674", width: "8.84982", height: "8.84982", transform: "rotate(-90 69.9121 47.5674)", fill: "#2D2D2D" }),
-            React.createElement("g", { filter: "url(#filter0_d_193_43290)" },
-                React.createElement("rect", { width: "8", height: "12", transform: "matrix(4.37114e-08 1 1 -4.37114e-08 82 67)", fill: "#21EFA3" })),
-            React.createElement("rect", { x: "58.8499", y: "33.1868", width: "8.84982", height: "8.84982", transform: "rotate(-90 58.8499 33.1868)", fill: "#2D2D2D" }),
-            React.createElement("rect", { x: "78.762", y: "47.5677", width: "8.84982", height: "8.84982", transform: "rotate(-90 78.762 47.5677)", fill: "#2D2D2D" }),
-            React.createElement("rect", { x: "67.6997", y: "33.1868", width: "8.84982", height: "8.84982", transform: "rotate(-90 67.6997 33.1868)", fill: "#2D2D2D" }),
-            React.createElement("rect", { x: "256.865", y: "8.84982", width: "8.84982", height: "8.84982", transform: "rotate(-90 256.865 8.84982)", fill: "#101113" }),
-            React.createElement("rect", { x: "343.15", y: "8.84982", width: "8.84982", height: "8.84982", transform: "rotate(-90 343.15 8.84982)", fill: "#101113" }),
-            React.createElement("rect", { x: "343.15", y: "86.2857", width: "8.84982", height: "8.84982", transform: "rotate(-90 343.15 86.2857)", fill: "#101113" }),
-            React.createElement("rect", { x: "256.865", y: "86.2857", width: "8.84982", height: "8.84982", transform: "rotate(-90 256.865 86.2857)", fill: "#101113" }),
-            React.createElement("defs", null,
-                React.createElement("filter", { id: "filter0_d_193_43290", x: "64", y: "50", width: "48", height: "44", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
-                    React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                    React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
-                    React.createElement("feMorphology", { radius: "3", operator: "dilate", in: "SourceAlpha", result: "effect1_dropShadow_193_43290" }),
-                    React.createElement("feOffset", { dy: "1" }),
-                    React.createElement("feGaussianBlur", { stdDeviation: "7.5" }),
-                    React.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
-                    React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.129412 0 0 0 0 0.937255 0 0 0 0 0.639216 0 0 0 0.25 0" }),
-                    React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_193_43290" }),
-                    React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_193_43290", result: "shape" }))))));
-};
-export default HelloWorldImage;

package/dist/src/modules/maestro/hello-world/HelloWorldView.d.ts

@@ -1,11 +0,0 @@
-import { Component } from 'react';
-import './HelloWorldView.styles.css';
-import { PanelInfo } from '@/view-models/PanelManagerViewModel';
-type State = {
-    unlistedPanels: PanelInfo[];
-};
-declare class HelloWorldView extends Component<{}, State> {
-    constructor(props: {});
-    render(): JSX.Element;
-}
-export default HelloWorldView;

package/dist/src/modules/maestro/hello-world/HelloWorldView.js

@@ -1,40 +0,0 @@
-import React, { Component } from 'react';
-import './HelloWorldView.styles.css';
-import SDK from '@/index';
-import HelloWorldImage from './HelloWorldImage';
-import Icon from '@/components/atoms/SvgIcon';
-const PANEL_TYPE_NAME_MAP = {
-    chat: 'Chat',
-    shopifyBlockPanel: 'Shopify',
-};
-class HelloWorldView extends Component {
-    constructor(props) {
-        super(props);
-        const vm = SDK.getMaestroEventViewModel().panelManagerViewModel;
-        this.state = {
-            unlistedPanels: vm.getUnlistedPanels(),
-        };
-    }
-    render() {
-        const { unlistedPanels } = this.state;
-        return (React.createElement("div", { className: "hello-world-view", "data-has-unlisted": unlistedPanels.length > 0 },
-            React.createElement(HelloWorldImage, null),
-            React.createElement("div", { className: "title" }, "HELLO, WORLD!"),
-            React.createElement("p", { className: "T20 subtitle" },
-                "Panel component has been",
-                React.createElement("br", null),
-                "installed correctly."),
-            unlistedPanels.length > 0 && (React.createElement("div", { className: "unsupported-panels" },
-                React.createElement("p", { className: "T10 unsupported-text" },
-                    "However, some panels currently active on this",
-                    React.createElement("br", null),
-                    "channel aren't supported on this device:"),
-                React.createElement("ul", { className: "unsupported-list" }, unlistedPanels
-                    .filter((p) => p.type in PANEL_TYPE_NAME_MAP)
-                    .map((panel) => (React.createElement("li", { key: panel.type, className: "T10" },
-                    React.createElement("div", { className: "panel-icon" },
-                        React.createElement(Icon, { iconName: panel.type, width: 24, height: 24 })),
-                    React.createElement("div", { className: "panel-title" }, PANEL_TYPE_NAME_MAP[panel.type])))))))));
-    }
-}
-export default HelloWorldView;

package/dist/src/modules/maestro/hello-world/index.d.ts

@@ -1,2 +0,0 @@
-import HelloWorldView from './HelloWorldView';
-export default HelloWorldView;

package/dist/src/modules/maestro/hello-world/index.js

@@ -1,2 +0,0 @@
-import HelloWorldView from './HelloWorldView';
-export default HelloWorldView;

package/dist/src/sentry.d.ts

@@ -1,3 +0,0 @@
-declare const initSentry: () => Promise<void>;
-export declare const captureException: (error: unknown, extra?: any) => void;
-export default initSentry;

package/dist/src/sentry.js

@@ -1,51 +0,0 @@
-import pkg from '../package.json';
-const DEV_DOMAINS = [/bbd-web-sdk\.us-central1-dev\.gcp\.maestro\.io/];
-// BrowserClient type is inferred from dynamic import
-let sentryClient = null;
-let pendingErrors = [];
-let isInitializing = false;
-const initSentry = async () => {
-    if (sentryClient || isInitializing)
-        return;
-    if (process.env.NODE_ENV === 'test')
-        return;
-    isInitializing = true;
-    try {
-        const { BrowserClient, defaultStackParser, defaultIntegrations, makeFetchTransport, } = await import('@sentry/browser');
-        const isDev = DEV_DOMAINS.find((domain) => domain.test(window.location.href)) !== null;
-        sentryClient = new BrowserClient({
-            dsn: 'https://91444a71cbaefc62e8dc813f22bad3bf@o4506894189330432.ingest.us.sentry.io/4509946717470720',
-            transport: makeFetchTransport,
-            stackParser: defaultStackParser,
-            integrations: defaultIntegrations.filter((integration) => {
-                // filter integrations that use the global variable
-                return !['BrowserApiErrors', 'Breadcrumbs', 'GlobalHandlers'].includes(integration.name);
-            }),
-            tracesSampleRate: isDev ? 1 : 0.1,
-            release: pkg.version,
-            environment: isDev ? 'development' : 'production',
-            enabled: !/localhost/.test(window.location.href),
-        });
-        // Flush pending errors
-        pendingErrors.forEach(({ error, extra }) => {
-            sentryClient?.captureException(error, extra);
-        });
-        pendingErrors = [];
-    }
-    catch (e) {
-        console.error('[maestro-web-sdk] Failed to load Sentry:', e);
-    }
-    finally {
-        isInitializing = false;
-    }
-};
-export const captureException = (error, extra) => {
-    if (sentryClient) {
-        sentryClient.captureException(error, extra);
-    }
-    else {
-        pendingErrors.push({ error, extra });
-        initSentry(); // Trigger lazy init
-    }
-};
-export default initSentry;

package/dist/src/services/AnalyticsService/AnalyticsService.d.ts

@@ -1,85 +0,0 @@
-import InsightsPayloadBuilder from '../InsightsService/InsightsPayloadBuilder';
-import InsightsService from '../InsightsService/InsightsService';
-import { PageConfig } from '../StaticService/types';
-import { BaseMetadata } from './types';
-import { MaestroPanelType } from '@/models/IPanel';
-type KeyPlaysClickedAction = {
-    type: 'espnKeyPlays';
-    name: 'key_play_clicked';
-    metadata: {
-        action: string;
-        clip: string;
-        key_play: string;
-    };
-};
-type BetsItemClickedAction = {
-    type: 'espnBet';
-    name: 'bets_item_clicked';
-    metadata: {
-        card: string;
-        bet_type: string | null;
-        in_game_bets: number;
-        total_bets: number;
-    };
-};
-type StatsItemClickedAction = {
-    type: 'espnStats';
-    name: 'stats_item_clicked';
-    metadata: {
-        card: string[];
-        game_state: string[];
-    };
-};
-type FantasyItemClickedAction = {
-    type: 'espnFantasy';
-    name: 'fantasy_item_clicked';
-    metadata: {
-        card: string;
-    };
-};
-type ShopItemClickedAction = {
-    type: 'espnShop';
-    name: 'shop_item_clicked';
-    metadata: {
-        card: string[];
-        game_state: string[];
-        product: string | null;
-        entity_type: string[];
-        entity_name: string[];
-        price: string | null;
-        sale: string[];
-    };
-};
-type PanelClickPayload = KeyPlaysClickedAction | BetsItemClickedAction | StatsItemClickedAction | FantasyItemClickedAction | ShopItemClickedAction;
-type PanelData = {
-    panel_type: string;
-    panel_id: string;
-    panel_name: string;
-};
-declare class AnalyticsService {
-    insightsService: InsightsService;
-    insightsPayloadBuilder: InsightsPayloadBuilder;
-    private SDKSessionId;
-    private pageSessionId;
-    private pinchBackSessionId;
-    private pageSessionBeaconTimeoutId;
-    private isPageSessionBeaconRunning;
-    private isPageSessionActive;
-    constructor();
-    private trackAction;
-    private trackImpression;
-    panelView(panelType: MaestroPanelType, metadata?: Record<string, any>): Promise<void>;
-    panelClick({ type, metadata, name }: PanelClickPayload): Promise<void>;
-    getBaseMetadataFromPageConfig(pageConfig: PageConfig | null): BaseMetadata;
-    getPanelDataFromPageConfig(type: MaestroPanelType, pageConfig: PageConfig | null): PanelData;
-    SDKSessionStart(): Promise<void>;
-    pageSessionStart(): Promise<void>;
-    pageSessionEnd(): Promise<void>;
-    pinchBackSessionStart(): Promise<void>;
-    pinchBackSessionEnd(): Promise<void>;
-    SDKSessionEnd(): Promise<void>;
-    private scheduleNextBeacon;
-    private sendSessionBeacon;
-    private sessionBeacon;
-}
-export default AnalyticsService;