@01tech/sportsbook-web 0.64.0 → 0.67.0

package/dist/index.d.ts

@@ -1,92 +1,58 @@
-interface EventMap {
-    [key: string]: unknown;
-}
-interface TypedEventListener<TEventMap extends EventMap> {
-    addEventListener<TEvent extends keyof TEventMap>(event: TEvent, listener: (...payload: TEventMap[TEvent] extends void ? [] : [TEventMap[TEvent]]) => void): void;
-    removeEventListener<TEvent extends keyof TEventMap>(event: TEvent, listener: (...args: unknown[]) => void): void;
-}
-
-type SportsFramePlatformType = 'mobile' | 'tablet' | 'desktop';
-type SportsFrameColorSchemeType = 'light' | 'dark';
-type SportsFrameColorSchemeModalType = SportsFrameColorSchemeType | 'auto';
-interface SportsFrameNotificationEventPayload {
+type SportsbookPlatformType = 'mobile' | 'tablet' | 'desktop';
+type SportsbookColorScheme = 'light' | 'dark';
+/**
+ * @public
+ */
+type SportsbookNotificationPayload = {
     variant: 'success' | 'info' | 'error';
     title: string;
     text?: string;
-}
-interface SportsFrameModalState {
-    opened: boolean;
-}
-interface SportsFrameImageVariant {
-    url: string;
-    /**
-     * Mostly used to avoid unnecessary layout shift; in most cases, recommended to use.
-     */
-    height?: number;
-    width?: number;
-}
-type SportsFrameCoefFormat = 'decimal' | 'fractional' | 'american' | 'hong_kong' | 'indonesian' | 'malay';
-
-interface ExperimentPayload {
-    /**
-     * The key of the experiment.
-     */
-    key?: string;
-    /**
-     * The value of the experiment
-     */
-    value?: string;
-}
-interface SportFrameExperimentAdapter {
-    get(name: string): ExperimentPayload | undefined;
-    exposure(name: string): void;
-}
+};
+type SportsbookCoefFormat = 'decimal' | 'fractional' | 'american' | 'hong_kong' | 'indonesian' | 'malay';
 
-interface SportsFrameNavigationModeSync {
-    type: 'sync';
+interface SportsbookNavigationModeManual {
+    type: 'manual';
     initialPath: string;
     push(path: string): Promise<void>;
     replace(path: string): Promise<void>;
     back(): void;
     forward(): void;
 }
-interface SportsFrameNavigationModeAuto {
-    type: 'auto';
-}
-type SportsFrameNavigation = SportsFrameNavigationModeSync | SportsFrameNavigationModeAuto;
+type SportsbookNavigationModeHistory = {
+    type: 'web-history';
+};
+type SportsbookNavigationModeMemory = {
+    type: 'memory';
+};
+type SportsbookNavigation = SportsbookNavigationModeManual | SportsbookNavigationModeHistory | SportsbookNavigationModeMemory;
 
-interface SportsFrameThemeConfig {
-    readonly preset?: {
-        readonly name: string;
-        readonly env?: 'prod' | 'preprod';
-    };
-}
-interface SportsFrameBonusWalletOptions {
-    readonly bonusId: string;
-    readonly amount: number;
+type SportsbookFeatures = {
     /**
-     * The bonus has its own currency and does not use the system-defined currency.
+     * @default true
      */
-    readonly currencyCode: string;
-}
-interface SportsFrameGraphicsConfig {
-    readonly betslipEmpty?: SportsFrameImageVariant;
-    readonly betslipSuccess?: SportsFrameImageVariant;
-    readonly freebetPromoBanner?: SportsFrameImageVariant;
-    readonly watermarkLogo?: SportsFrameImageVariant;
-}
-interface SportsFrameFeaturesConfig {
     readonly sharedBet?: boolean;
-    readonly broadcast?: boolean;
     /**
-     * Enables the ability to switch themes within the frame.
-     * This is a stateless setting — you must manually subscribe to theme change events
-     * and update the corresponding parameter inside the frame accordingly.
+     * @default true
      */
-    readonly colorThemeSwitcher?: boolean;
-    readonly trends?: boolean;
+    readonly broadcast?: boolean;
+};
+
+/**
+ * @public
+ */
+interface SportsbookThemeConfig {
+    readonly preset?: {
+        /**
+         * theme name
+         */
+        readonly name: string;
+        readonly env?: 'prod' | 'preprod';
+    };
 }
-interface SportsFrameAppearanceConfig {
+/**
+ * @public
+ */
+type SportsbookAppearance = {
     /**
      * z-index values for different floating UI elements.
      * Accepts either a number or a string. The string can be a raw value (like '1000'),
@@ -123,104 +89,71 @@ interface SportsFrameAppearanceConfig {
          */
         readonly bottom?: number | string;
     };
-}
-interface SportsFrameInitOptions {
+};
+/**
+ * @public
+ */
+type SportsbookInitOptions = {
     /**
-     * Api Url
+     * The base path relative to which the sportsbook is rendered. This will be used for navigating and generating promo links.
      */
-    baseUrl: string;
-    navigation?: SportsFrameNavigation;
+    baseUrl?: string;
+    navigation?: SportsbookNavigation;
     apiUrl: string;
     cdnUrl?: string;
     partnerId: string;
     token?: string;
-    authed: boolean;
+    authed?: boolean;
     languageCode?: string;
+    countryCode?: string;
     rtl?: boolean;
     currencyCode?: string;
     balanceAmount?: number;
-    bonusWallet?: SportsFrameBonusWalletOptions;
-    platform: SportsFramePlatformType;
-    colorScheme?: SportsFrameColorSchemeType;
-    colorSchemeModal?: SportsFrameColorSchemeModalType;
-    theme?: SportsFrameThemeConfig;
+    platform: SportsbookPlatformType;
+    colorScheme?: SportsbookColorScheme;
+    theme?: SportsbookThemeConfig;
     inert?: boolean;
-    appearance?: SportsFrameAppearanceConfig;
-    features?: SportsFrameFeaturesConfig;
-    graphics?: SportsFrameGraphicsConfig;
-    shareLinkBehavior?: 'native' | 'manual' | 'hidden';
-    defaultCoefFormat?: SportsFrameCoefFormat;
-}
-/**
- * @private
- */
-interface SportFrameTrackEventPayload {
-    event: string;
-    eventCat: string;
-    eventName: string;
-    payload: Record<string, string | number>;
-}
-/**
- * Так как это конфигурация для внутреннего использования, все параметры должны быть опциональные
- *   данный конфиг не должен попасть в публичный sdk
- *
- * @private
- */
-interface SportFrameInitOptionsInternal extends SportsFrameInitOptions {
-    _debug?: boolean;
-    _trackEvent?: (payload: SportFrameTrackEventPayload) => void;
-    _experiments?: SportFrameExperimentAdapter;
-    _monitoring?: {
-        error?: boolean;
-    };
+    appearance?: SportsbookAppearance;
+    defaultCoefFormat?: SportsbookCoefFormat;
     /**
-     * Configuration for proxying backend images
-     * prefix: '/imageproxy/path' will transform 'https://somecdn.com/flag.png'
-     * to '/imageproxy/path/https://somecdn.com/flag.png'
+     * @default '01tech-sportsbook'
      */
-    _contentResourcesPrefix?: string;
+    localStoragePrefix?: string;
+    features?: SportsbookFeatures;
+    onReady?: () => void;
+    onError?: (err?: Error) => void;
+    onLogin?: (place?: 'bets' | 'wheel' | undefined) => void;
+    onDeposit?: () => void;
+    onRenewToken?: () => void;
+    onSendNotification?: (payload: SportsbookNotificationPayload) => void;
+};
+
+interface SportsbookBonusWalletOptions {
+    readonly bonusId: string;
+    readonly amount: number;
     /**
-     * @deprecated
-     *
-     * frontend/frontend backward compatibility
+     * The bonus has its own currency and does not use the system-defined currency.
      */
-    assetsUrl?: string;
-    __sdk?: {
-        cssStyleUrl: string;
-        version: string;
-        stage: string;
-    };
+    readonly currencyCode: string;
 }
 
-type SportFrameEvents = {
-    ready: void;
-    error: Error;
-    login: 'bets' | 'wheel' | undefined;
-    deposit: void;
-    renewToken: void;
-    notify: SportsFrameNotificationEventPayload;
-    setModalState: SportsFrameModalState;
-    shareLink: string;
-    setColorScheme: SportsFrameColorSchemeType;
-};
 /**
  * @public
  */
-interface SportFrameApp extends TypedEventListener<SportFrameEvents> {
+interface SportsbookApp {
     mount(el: HTMLElement): void;
     destroy(): void;
     setToken(token: string | undefined): void;
-    setPlatform(platform: SportsFramePlatformType): void;
+    setPlatform(platform: SportsbookPlatformType): void;
     setLanguageCode(languageCode: string | undefined): void;
     setRtl(rtl: boolean | undefined): void;
-    setColorScheme(colorScheme: SportsFrameColorSchemeType): void;
-    setColorSchemeModal(colorScheme: SportsFrameColorSchemeModalType): void;
+    setColorScheme(colorScheme: SportsbookColorScheme): void;
     setAuthed(authed: boolean): void;
     setInert(inert: boolean): void;
     setCurrencyCode(currencyCode: string | undefined): void;
     setBalanceAmount(balance: number | undefined): void;
-    setBonusWallet(wallet: SportsFrameBonusWalletOptions | undefined): void;
-    setAppearance(appearance: SportsFrameAppearanceConfig): void;
+    setBonusWallet(wallet: SportsbookBonusWalletOptions | undefined): void;
+    setAppearance(appearance: SportsbookAppearance): void;
     navigateTo(path: string, type?: 'push' | 'replace'): void;
 }
 
@@ -228,11 +161,11 @@ type Options = {
     cdnUrl?: string;
 };
 declare function loadAppModule(cdnUrl: string, version: string): Promise<{
-    createSportsbookFrame: (config: SportFrameInitOptionsInternal) => SportFrameApp;
+    createSportsbookFrame: (config: SportsbookInitOptions) => SportsbookApp;
 }>;
 declare function loadSportsbookFrameModule(options: Options): Promise<{
-    createApp: (config: SportsFrameInitOptions) => SportFrameApp;
+    createApp: (config: SportsbookInitOptions) => SportsbookApp;
 }>;
 
 export { loadAppModule, loadSportsbookFrameModule };
-export type { SportFrameApp };
+export type { SportsbookApp };

package/dist/index.js

@@ -1,49 +1,63 @@
-async function i(s) {
-  const e = `${s.cdnUrl}/manifest/v1/stable/sportsbook/manifest.json`, t = await fetch(e);
+function c(o) {
+  return o.endsWith("/") ? o.slice(0, -1) : o;
+}
+function f(o) {
+  let s = o;
+  for (; s.startsWith("/"); ) s = s.slice(1);
+  return s;
+}
+function a(o, ...s) {
+  let t = c(o);
+  for (const e of s) {
+    const r = f(e);
+    r && (t = t + "/" + r);
+  }
+  return t;
+}
+async function m(o) {
+  const s = a(o.cdnUrl, `manifest/v1/${o.stage}/sportsbook/manifest.json`), t = await fetch(s);
   if (!t.ok)
     throw new Error(`Failed to fetch manifest: ${t.status} ${t.statusText}`);
   return await t.json();
 }
-const l = "1.0.0-rc.1", m = "https://01-sports-frame-cdn.com";
-async function p(s, e) {
+const p = "0.67.0", u = "https://01-sports-frame-cdn.com";
+async function d(o, s) {
   return {
     createSportsbookFrame: (await import(
       /* @vite-ignore */
-      `${s}/sportsbook/v1/core/v/${e}/esm/entry.js`
+      `${o}/sportsbook/v1/core/v/${s}/esm/entry.js`
     )).createSportsbookFrame
   };
 }
-async function f(s) {
-  const e = s, { cdnUrl: t = m } = e;
-  let o;
+async function h(o) {
+  const t = c(o.cdnUrl ?? u);
+  let e;
   try {
-    o = (await i({
+    e = (await m({
       cdnUrl: t,
       stage: "stable"
     })).v1.main.version;
-  } catch (r) {
-    throw console.error("Error loading manifest:", r), r;
+  } catch (n) {
+    throw console.error("Error loading manifest:", n), n;
   }
-  console.log("Version:", o);
-  const a = `${t}/sportsbook/v1/core/v/${o}/esm/style.css`, c = await p(t, o);
+  const r = a(t, `sportsbook/v1/core/v/${e}/esm/style.css`), i = await d(t, e);
   return {
-    createApp: (r) => {
-      const n = r;
-      return c.createSportsbookFrame({
-        ...n,
-        // TODO: add path resolver
-        assetsUrl: n.cdnUrl + "/sportsbook/v1/static/",
-        cdnUrl: n.cdnUrl ?? t,
+    createApp: (n) => {
+      const l = n;
+      return i.createSportsbookFrame({
+        ...l,
+        assetsUrl: a(t, "sportsbook/v1/static"),
+        cdnUrl: t,
         __sdk: {
           stage: "stable",
-          version: l,
-          cssStyleUrl: a
+          version: p,
+          cssStyleUrl: r
         }
       });
     }
   };
 }
 export {
-  p as loadAppModule,
-  f as loadSportsbookFrameModule
+  d as loadAppModule,
+  h as loadSportsbookFrameModule
 };

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@01tech/sportsbook-web",
   "private": false,
-  "version": "0.64.0",
+  "version": "0.67.0",
   "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "sdk:build:prepare": "rm -rf ./dist",
     "sdk:build:dts": "rollup -c rollup.dts.config.mjs",