@01tech/sportsbook-vue 0.71.0 → 1.0.0-rc.2

package/dist/index.d.ts

@@ -1,16 +1,284 @@
 import * as vue from 'vue';
+import { ComputedRef } from 'vue';
 
-type SportsbookPlatformType = 'mobile' | 'tablet' | 'desktop';
+type SportsbookDeviceType$1 = 'mobile' | 'tablet' | 'desktop';
+type SportsbookColorScheme$1 = 'light' | 'dark';
+type SportsbookSportsCoefFormat$1 = 'decimal' | 'fractional' | 'american' | 'hong_kong' | 'indonesian' | 'malay';
+type SportsbookNotificationMessage$1 = {
+    variant: 'success' | 'info' | 'error';
+    title: string;
+    text?: string;
+};
 
-type SportsbookColorScheme = 'light' | 'dark';
+type SportsbookNavigationModeManual$1 = {
+    type: 'manual';
+    initialPath: string;
+    push(path: string): Promise<void>;
+    replace(path: string): Promise<void>;
+    back(): void;
+    forward(): void;
+};
+type SportsbookNavigationModeHistory$1 = {
+    type: 'web-history';
+};
+type SportsbookNavigationModeMemory$1 = {
+    type: 'memory';
+    initialPath?: string;
+};
+type SportsbookNavigation$1 = SportsbookNavigationModeManual$1 | SportsbookNavigationModeHistory$1 | SportsbookNavigationModeMemory$1;
 
-type SportsbookNotificationPayload = {
-  variant: 'success' | 'info' | 'error';
-  title: string;
-  text?: string;
+type SportsbookAppearance$1 = {
+    /**
+     * z-index values for different floating UI elements.
+     * Accepts either a number or a string. The string can be a raw value (like '1000'),
+     * a CSS variable (e.g., 'var(--z-modal)'), or any custom value as needed.
+     * Used to control the stacking order of UI elements like popups, modals, and tooltips.
+     */
+    readonly index?: {
+        /**
+         * z-index for popup elements.
+         */
+        readonly popup?: number | string;
+        /**
+         * z-index for modal windows.
+         */
+        readonly modal?: number | string;
+        /**
+         * z-index for tooltip components.
+         */
+        readonly tooltip?: number | string;
+    };
+    /**
+     * Defines custom spacing between floating elements and the edges of `floatSafeArea`.
+     * Use this to fine-tune how close floating UI elements can get to the safe area boundaries.
+     */
+    readonly floatOffset?: {
+        /**
+         * Additional spacing from the `floatSafeArea.top` boundary.
+         *
+         * @default 8
+         */
+        readonly top?: number | string;
+        /**
+         * Additional spacing from the `floatSafeArea.bottom` boundary.
+         *
+         * @default 8
+         */
+        readonly bottom?: number | string;
+    };
+    /**
+     * Defines the safe area boundaries for floating elements within the sportsbook.
+     * Does not stack with `safeAreaInset` — overrides it instead. Inherits from `safeAreaInset` by default.
+     *
+     * Useful when your application has fixed or sticky UI elements (e.g. a header or tab bar)
+     * that would otherwise overlap floating sportsbook elements.
+     */
+    readonly floatSafeArea?: {
+        /**
+         * Distance from the top edge of the viewport.
+         * Set this to the height of a fixed header to prevent floating elements from appearing behind it.
+         */
+        readonly top?: number | string;
+        /**
+         * Distance from the bottom edge of the viewport.
+         * Set this to the height of a sticky tab bar or bottom navigation to prevent overlap.
+         */
+        readonly bottom?: number | string;
+    };
+    /**
+     * Overrides the safe area inset values used for content layout.
+     *
+     * In most cases you do not need to set this — the sportsbook automatically reads the browser's
+     * built-in environment variables (`env(safe-area-inset-*)`) as defined in the CSS spec:
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/env
+     *
+     * This is intended for custom WebView environments that do not expose standard safe area env
+     * variables — for example, mini-apps or embedded WebViews.
+     *
+     * @draft
+     * @experimental
+     */
+    readonly safeAreaInset?: {
+        /**
+         * Overrides the top safe area inset (replaces `env(safe-area-inset-top)`).
+         */
+        readonly top?: number | string;
+        /**
+         * Overrides the bottom safe area inset (replaces `env(safe-area-inset-bottom)`).
+         */
+        readonly bottom?: number | string;
+    };
+    /**
+     * will be removed in v1.4.0
+     * @deprecated use `appearance.floatOffset` and `appearance.safeAreaInset`
+     */
+    readonly safeArea?: {
+        readonly top?: number | string;
+        readonly bottom?: number | string;
+    };
+};
+
+type SportsbookTheme$1 = {
+    readonly preset?: {
+        readonly name: string;
+        readonly env?: 'prod' | 'preprod';
+    };
+};
+
+type OnNavigateEventPayload$1 = {
+    fullPath: string;
+};
+type OnSendNotificationPayload$1 = SportsbookNotificationMessage$1;
+
+type SportsbookFeatures$1 = {
+    /**
+     * @default true
+     */
+    sharedBet?: boolean;
+    /**
+     * @default true
+     */
+    broadcast?: boolean;
+    /**
+     * @deprecated
+     * @default true
+     */
+    expressBonus?: boolean;
+};
+/**
+ * TODO: rename to SportsbookInitConfigPublic
+ */
+type SportsbookInitConfig$1$1 = {
+    /**
+     * The base path relative to which the sportsbook is rendered. This will be used for navigating and generating promo links.
+     */
+    readonly baseUrl?: string;
+    readonly apiUrl: string;
+    readonly cdnUrl?: string;
+    readonly partnerId: string;
+    /**
+     * @default '01tech_sportsbook'
+     */
+    readonly storagePrefix?: string;
+    features?: SportsbookFeatures$1;
+    token?: string;
+    authed?: boolean;
+    languageCode?: string;
+    countryCode?: string;
+    rtl?: boolean;
+    currencyCode?: string;
+    balanceAmount?: number;
+    platform: SportsbookDeviceType$1;
+    colorScheme?: SportsbookColorScheme$1;
+    /**
+     * Attribute indicating that the sportsbook are not interactive.
+     *
+     * @default false
+     */
+    inert?: boolean;
+    /**
+     * Default sports coefficient format
+     *
+     * @default 'decimal'
+     */
+    readonly defaultCoefFormat?: SportsbookSportsCoefFormat$1;
+    /**
+     * @default false
+     */
+    readonly production?: boolean;
+    navigation?: SportsbookNavigation$1;
+    theme?: SportsbookTheme$1;
+    appearance?: SportsbookAppearance$1;
+    readonly onReady?: () => void;
+    readonly onError?: (err?: Error) => void;
+    readonly onLogin?: (place?: string) => void;
+    readonly onDeposit?: () => void;
+    readonly onRenewToken?: () => void;
+    readonly onNavigate?: (payload?: OnNavigateEventPayload$1) => void;
+    readonly onSendNotification?: (payload: OnSendNotificationPayload$1) => void;
+};
+
+type IsEqual<A, B> = (<G>() => G extends (A & G) | G ? 1 : 2) extends <G>() => G extends (B & G) | G ? 1 : 2 ? true : false;
+type WritableKeysOf<T> = T extends unknown ? keyof {
+    [P in keyof T as IsEqual<{
+        [Q in P]: T[P];
+    }, {
+        readonly [Q in P]: T[P];
+    }> extends false ? P : never]: never;
+} & keyof T : never;
+
+type SportsbookAppWithUpdate<TConfig> = {
+    update: <TKey extends WritableKeysOf<TConfig>>(key: TKey, value: TConfig[TKey]) => void;
+    getWritable?: (this: unknown) => WritableKeysOf<TConfig>[];
+};
+interface SportsbookAppBase<TInitialConfig> extends SportsbookAppWithUpdate<TInitialConfig> {
+    mount(el: HTMLElement): void;
+    destroy(): void;
+    navigateTo(path: string, type?: 'push' | 'replace'): void;
+    /**
+     * @deprecated. use client.update('token', value)
+     */
+    setToken(token: string | undefined): void;
+    /**
+     * @deprecated. use client.update('platform', value)
+     */
+    setPlatform(platform: SportsbookDeviceType$1): void;
+    /**
+     * @deprecated. use client.update('languageCode', value)
+     */
+    setLanguageCode(languageCode: string | undefined): void;
+    /**
+     * @deprecated. use client.update('rtl', value)
+     */
+    setRtl(rtl: boolean | undefined): void;
+    /**
+     * @deprecated. use client.update('colorScheme', value)
+     */
+    setColorScheme(colorScheme: SportsbookColorScheme$1): void;
+    /**
+     * @deprecated. use client.update('authed', value)
+     */
+    setAuthed(authed: boolean): void;
+    /**
+     * @deprecated. use client.update('inert', value)
+     */
+    setInert(inert: boolean): void;
+    /**
+     * @deprecated. use client.update('currencyCode', value)
+     */
+    setCurrencyCode(currencyCode: string | undefined): void;
+    /**
+     * @deprecated. use client.update('balanceAmount', value)
+     */
+    setBalanceAmount(balance: number | undefined): void;
+    /**
+     * @deprecated. use client.update('countryCode', value)
+     */
+    setCountryCode(path: string, type?: 'push' | 'replace'): void;
+    /**
+     * @deprecated. use client.update('appearance', value)
+     */
+    setAppearance(appearance: SportsbookAppearance$1 | undefined): void;
+}
+
+type SportsbookInitConfig$2 = SportsbookInitConfig$1$1;
+type SportsbookApp = SportsbookAppBase<SportsbookInitConfig$2>;
+
+declare const SDK_VERSION: string;
+
+declare const SPORTSBOOK_APP_ROUTES: {
+    readonly home: "/";
+    readonly live: "/live";
+    readonly prematch: "/prematch";
+    readonly esport: "/esport";
+    readonly history: "/bets-history";
 };
 
-type SportsbookCoefFormat =
+type SportsbookDeviceType = 'mobile' | 'tablet' | 'desktop';
+
+type SportsbookColorScheme = 'light' | 'dark';
+
+type SportsbookSportsCoefFormat =
   | 'decimal'
   | 'fractional'
   | 'american'
@@ -18,14 +286,20 @@ type SportsbookCoefFormat =
   | 'indonesian'
   | 'malay';
 
-interface SportsbookNavigationModeManual {
+type SportsbookNotificationMessage = {
+  variant: 'success' | 'info' | 'error';
+  title: string;
+  text?: string;
+};
+
+type SportsbookNavigationModeManual = {
   type: 'manual';
   initialPath: string;
   push(path: string): Promise<void>;
   replace(path: string): Promise<void>;
   back(): void;
   forward(): void;
-}
+};
 
 type SportsbookNavigationModeHistory = {
   type: 'web-history';
@@ -41,39 +315,6 @@ type SportsbookNavigation =
   | SportsbookNavigationModeHistory
   | SportsbookNavigationModeMemory;
 
-type SportsbookFeatures = {
-  /**
-   * @default true
-   */
-  readonly sharedBet?: boolean;
-  /**
-   * @default true
-   */
-  readonly broadcast?: boolean;
-  /**
-   * @deprecated
-   * @default true
-   */
-  readonly expressBonus?: boolean;
-};
-
-type OnNavigateEventPayload = {
-  fullPath: string;
-};
-
-/**
- * @public
- */
-type SportsbookThemeConfig = {
-  readonly preset?: {
-    readonly name: string;
-    readonly env?: 'prod' | 'preprod';
-  };
-};
-
-/**
- * @public
- */
 type SportsbookAppearance = {
   /**
    * z-index values for different floating UI elements.
@@ -99,36 +340,126 @@ type SportsbookAppearance = {
   };
 
   /**
-   * Safe area offsets used when positioning floating elements that stick to the
-   * top or bottom edges of the screen. Helps ensure elements like top popups, match score board
-   * or bottom-fixed buttons (e.g. a betslip trigger above a tab bar)
+   * Defines custom spacing between floating elements and the edges of `floatSafeArea`.
+   * Use this to fine-tune how close floating UI elements can get to the safe area boundaries.
    */
-  readonly safeArea?: {
+  readonly floatOffset?: {
     /**
-     * Safe spacing from the top edge — useful for floating elements that appear from the top.
+     * Additional spacing from the `floatSafeArea.top` boundary.
+     *
+     * @default 8
      */
     readonly top?: number | string;
 
     /**
-     * Safe spacing from the bottom edge — useful for sticky buttons or
-     * bottom-aligned elements that must avoid overlapping with the tab bar or similar UI.
+     * Additional spacing from the `floatSafeArea.bottom` boundary.
+     *
+     * @default 8
      */
     readonly bottom?: number | string;
   };
+
+  /**
+   * Defines the safe area boundaries for floating elements within the sportsbook.
+   * Does not stack with `safeAreaInset` — overrides it instead. Inherits from `safeAreaInset` by default.
+   *
+   * Useful when your application has fixed or sticky UI elements (e.g. a header or tab bar)
+   * that would otherwise overlap floating sportsbook elements.
+   */
+  readonly floatSafeArea?: {
+    /**
+     * Distance from the top edge of the viewport.
+     * Set this to the height of a fixed header to prevent floating elements from appearing behind it.
+     */
+    readonly top?: number | string;
+
+    /**
+     * Distance from the bottom edge of the viewport.
+     * Set this to the height of a sticky tab bar or bottom navigation to prevent overlap.
+     */
+    readonly bottom?: number | string;
+  };
+
+  /**
+   * Overrides the safe area inset values used for content layout.
+   *
+   * In most cases you do not need to set this — the sportsbook automatically reads the browser's
+   * built-in environment variables (`env(safe-area-inset-*)`) as defined in the CSS spec:
+   * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/env
+   *
+   * This is intended for custom WebView environments that do not expose standard safe area env
+   * variables — for example, mini-apps or embedded WebViews.
+   *
+   * @draft
+   * @experimental
+   */
+  readonly safeAreaInset?: {
+    /**
+     * Overrides the top safe area inset (replaces `env(safe-area-inset-top)`).
+     */
+    readonly top?: number | string;
+
+    /**
+     * Overrides the bottom safe area inset (replaces `env(safe-area-inset-bottom)`).
+     */
+    readonly bottom?: number | string;
+  };
+
+  /**
+   * will be removed in v1.4.0
+   * @deprecated use `appearance.floatOffset` and `appearance.safeAreaInset`
+   */
+  readonly safeArea?: {
+    readonly top?: number | string;
+    readonly bottom?: number | string;
+  };
+};
+
+type SportsbookTheme = {
+  readonly preset?: {
+    readonly name: string;
+    readonly env?: 'prod' | 'preprod';
+  };
+};
+
+type OnNavigateEventPayload = {
+  fullPath: string;
+};
+
+type OnSendNotificationPayload = SportsbookNotificationMessage;
+
+type SportsbookFeatures = {
+  /**
+   * @default true
+   */
+  sharedBet?: boolean;
+  /**
+   * @default true
+   */
+  broadcast?: boolean;
+  /**
+   * @deprecated
+   * @default true
+   */
+  expressBonus?: boolean;
 };
 
 /**
- * @public
+ * TODO: rename to SportsbookInitConfigPublic
  */
-type SportsbookInitOptions = {
+type SportsbookInitConfig$1 = {
   /**
    * The base path relative to which the sportsbook is rendered. This will be used for navigating and generating promo links.
    */
-  baseUrl?: string;
-  navigation?: SportsbookNavigation;
-  apiUrl: string;
-  cdnUrl?: string;
-  partnerId: string;
+  readonly baseUrl?: string;
+  readonly apiUrl: string;
+  readonly cdnUrl?: string; // TODO: setup fallbacks and update to string[]
+  readonly partnerId: string;
+  /**
+   * @default '01tech_sportsbook'
+   */
+  readonly storagePrefix?: string;
+  features?: SportsbookFeatures;
   token?: string;
   authed?: boolean;
   languageCode?: string;
@@ -136,69 +467,62 @@ type SportsbookInitOptions = {
   rtl?: boolean;
   currencyCode?: string;
   balanceAmount?: number;
-  platform: SportsbookPlatformType;
+  platform: SportsbookDeviceType;
   colorScheme?: SportsbookColorScheme;
-  theme?: SportsbookThemeConfig;
   /**
+   * Attribute indicating that the sportsbook are not interactive.
+   *
    * @default false
    */
   inert?: boolean;
-  appearance?: SportsbookAppearance;
   /**
+   * Default sports coefficient format
+   *
    * @default 'decimal'
    */
-  defaultCoefFormat?: SportsbookCoefFormat;
+  readonly defaultCoefFormat?: SportsbookSportsCoefFormat;
   /**
    * @default false
    */
-  production?: boolean;
-  /**
-   * @default '01tech-sportsbook'
-   */
-  localStoragePrefix?: string;
-  features?: SportsbookFeatures;
+  readonly production?: boolean;
+  navigation?: SportsbookNavigation;
+  theme?: SportsbookTheme;
+  appearance?: SportsbookAppearance;
+
   // handlers
-  onReady?: () => void;
-  onError?: (err?: Error) => void;
-  onLogin?: (place?: 'bets' | 'wheel' | undefined) => void;
-  onDeposit?: () => void;
-  onRenewToken?: () => void;
-  onNavigate?: (options?: OnNavigateEventPayload) => void;
-  onSendNotification?: (payload: SportsbookNotificationPayload) => void;
-};
-
-interface SportsbookBonusWalletOptions {
-  readonly bonusId: string;
-  readonly amount: number;
-  /**
-   * The bonus has its own currency and does not use the system-defined currency.
-   */
-  readonly currencyCode: string;
-}
 
-/**
- * @public
- */
-interface SportsbookApp {
-  mount(el: HTMLElement): void;
-  destroy(): void;
-  setToken(token: string | undefined): void;
-  setPlatform(platform: SportsbookPlatformType): void;
-  setLanguageCode(languageCode: string | undefined): void;
-  setRtl(rtl: boolean | undefined): void;
-  setColorScheme(colorScheme: SportsbookColorScheme): void;
-  setAuthed(authed: boolean): void;
-  setInert(inert: boolean): void;
-  setCurrencyCode(currencyCode: string | undefined): void;
-  setBalanceAmount(balance: number | undefined): void;
-  setCountryCode(path: string, type?: 'push' | 'replace'): void;
-  setBonusWallet(wallet: SportsbookBonusWalletOptions | undefined): void;
-  setAppearance(appearance: SportsbookAppearance | undefined): void;
-  navigateTo(path: string, type?: 'push' | 'replace'): void;
-}
+  readonly onReady?: () => void;
+  readonly onError?: (err?: Error) => void;
+  readonly onLogin?: (place?: string) => void;
+  readonly onDeposit?: () => void;
+  readonly onRenewToken?: () => void;
+  readonly onNavigate?: (payload?: OnNavigateEventPayload) => void;
+  readonly onSendNotification?: (payload: OnSendNotificationPayload) => void;
+};
+
+type SportsbookInitConfig = SportsbookInitConfig$1;
+
+type VueSdkSportsbookNavigationModeHistory = SportsbookNavigationModeHistory;
+type VueSdkSportsbookNavigationModeMemory = SportsbookNavigationModeMemory;
+type VueSdkSportsbookNavigationModeManual = {
+    type: 'manual';
+    path: ComputedRef<string>;
+    push(path: string): Promise<void>;
+    replace(path: string): Promise<void>;
+    back(): void;
+    forward(): void;
+};
+type VueSdkSportsbookNavigation = VueSdkSportsbookNavigationModeManual | VueSdkSportsbookNavigationModeHistory | VueSdkSportsbookNavigationModeMemory;
+
+type SportsbookProps = Omit<SportsbookInitConfig, 'navigation'> & {
+    navigation?: VueSdkSportsbookNavigation;
+    __override?: Record<string, unknown>;
+};
 
-declare const _default: vue.DefineComponent<SportsbookInitOptions, {
+declare const __VLS_export: vue.DefineComponent<SportsbookProps, {
     app: Readonly<vue.Ref<vue.ShallowRef<SportsbookApp | undefined, SportsbookApp | undefined>, vue.ShallowRef<SportsbookApp | undefined, SportsbookApp | undefined>>>;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SportsbookInitOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SportsbookProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 
-export { _default as SportsbookFrame };
+export { SDK_VERSION, SPORTSBOOK_APP_ROUTES, _default as SportsbookFrame };
+export type { SportsbookApp, SportsbookInitConfig$2 as SportsbookInitConfig };

package/dist/index.js

@@ -1,89 +1,178 @@
-import { watch as s, nextTick as h, shallowRef as d, getCurrentInstance as k, onMounted as b, defineComponent as g, useAttrs as S, useTemplateRef as F, effectScope as w, ref as C, computed as U, onScopeDispose as _, toRef as A, createElementBlock as R, openBlock as B } from "vue";
+import { watch as f, nextTick as _, shallowRef as p, getCurrentInstance as m, onMounted as S, isRef as h, toValue as v, defineComponent as g, useTemplateRef as w, effectScope as U, onScopeDispose as R, toRef as C, markRaw as O, openBlock as P, createElementBlock as F } from "vue";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function x(o, t, e) {
-  const c = s(o, (r, l, u) => {
-    r && (e?.once && h(() => c()), t(r, l, u));
+function E(e, t, o) {
+  const s = f(e, (a, r, n) => {
+    a && (o?.once && _(() => s()), t(a, r, n));
   }, {
-    ...e,
+    ...o,
     once: !1
   });
-  return c;
+  return s;
 }
 // @__NO_SIDE_EFFECTS__
 function T() {
-  const o = d(!1), t = k();
-  return t && b(() => {
-    o.value = !0;
-  }, t), o;
+  const e = p(!1), t = m();
+  return t && S(() => {
+    e.value = !0;
+  }, t), e;
 }
-function m(o) {
-  return o.endsWith("/") ? o.slice(0, -1) : o;
+const A = "https://01-sports-frame-cdn.com", M = "1.0.0-rc.2", X = {
+  home: "/",
+  live: "/live",
+  prematch: "/prematch",
+  esport: "/esport",
+  history: "/bets-history"
+};
+async function B(e) {
+  return {
+    createSportsbookFrame: (await import(
+      /* @vite-ignore */
+      e
+    )).createSportsbookFrame
+  };
+}
+async function N(e) {
+  const t = await fetch(e);
+  if (!t.ok)
+    throw new Error(`Failed to fetch manifest: ${t.status} ${t.statusText}`);
+  return await t.json();
 }
-function $(o) {
-  let t = o;
+function b(e) {
+  return e.endsWith("/") ? e.slice(0, -1) : e;
+}
+function $(e) {
+  let t = e;
   for (; t.startsWith("/"); ) t = t.slice(1);
   return t;
 }
-function p(o, ...t) {
-  let e = m(o);
-  for (const c of t) {
-    const r = $(c);
-    r && (e = e + "/" + r);
+function l(e, ...t) {
+  let o = b(e);
+  for (const s of t) {
+    const a = $(s);
+    a && (o = o + "/" + a);
   }
-  return e;
-}
-async function M(o) {
-  const t = p(o.cdnUrl, `manifest/v1/${o.stage}/sportsbook/manifest.json`), e = await fetch(t);
-  if (!e.ok)
-    throw new Error(`Failed to fetch manifest: ${e.status} ${e.statusText}`);
-  return await e.json();
+  return o;
 }
-const E = "0.71.0", W = "https://01-sports-frame-cdn.com";
-async function j(o, t) {
+function j(e) {
   return {
-    createSportsbookFrame: (await import(
-      /* @vite-ignore */
-      `${o}/sportsbook/v1/core/v/${t}/esm/entry.js`
-    )).createSportsbookFrame
+    getManifestPath: () => l(e.cdnUrl, `manifest/v1/${e.channel}/sportsbook/manifest.json`),
+    getEntryPath: (t) => l(e.cdnUrl, `sportsbook/v1/core/v/${t}/esm/entry.js`),
+    getEntryCssPath: (t) => l(e.cdnUrl, `sportsbook/v1/core/v/${t}/esm/style.css`),
+    getRootStaticPath: () => l(e.cdnUrl, "sportsbook/v1/static")
   };
 }
-async function L(o = {}) {
-  const t = m(o.cdnUrl ?? W);
-  let e;
-  try {
-    e = (await M({
-      cdnUrl: t,
-      stage: "stable"
-    })).v1.main.version;
-  } catch (l) {
-    throw console.error("Error loading manifest:", l), l;
-  }
-  const c = p(t, `sportsbook/v1/core/v/${e}/esm/style.css`), r = await j(t, e);
+async function x(e) {
+  const { preloaded: t } = e, o = b(e.cdnUrl ?? A);
+  if (t)
+    return {
+      createApp: (n) => t.createSportsbookFrame({
+        ...n,
+        cdnUrl: o
+      })
+    };
+  const s = j({
+    cdnUrl: o,
+    channel: e.releaseChannel ?? "stable"
+  }), a = (await N(s.getManifestPath())).v1.main.version, r = await B(s.getEntryPath(a));
   return {
-    createApp: (l) => {
-      const u = l;
-      return r.createSportsbookFrame({
-        ...u,
-        assetsUrl: p(t, "sportsbook/v1/static"),
-        cdnUrl: t,
-        __sdk: {
-          stage: "stable",
-          version: E,
-          cssStyleUrl: c
+    createApp: (n) => r.createSportsbookFrame({
+      ...n,
+      cdnUrl: o,
+      assetsUrl: s.getRootStaticPath(),
+      __sdk: {
+        version: M,
+        cssStyleUrl: s.getEntryCssPath(a)
+      }
+    })
+  };
+}
+const K = (e = {}) => x(e), W = K;
+function D(e) {
+  return e?.__passLoaderConfigOverride;
+}
+function L() {
+  const e = m();
+  if (e?.type)
+    return D(e.type);
+}
+const I = /* @__PURE__ */ new Set(["__override", "navigation"]);
+// @__NO_SIDE_EFFECTS__
+function y(e) {
+  return I.has(e);
+}
+// @__NO_SIDE_EFFECTS__
+function z(e) {
+  if (e)
+    return Object.fromEntries(
+      Object.entries(e).map(([t, o]) => [t, h(o) ? o.value : o])
+    );
+}
+function G(e, t, o) {
+  e.run(() => {
+    const s = Object.keys(o).filter((r) => !/* @__PURE__ */ y(r)), a = t.getWritable?.call(!0) ?? s;
+    for (const r of a)
+      if (!/* @__PURE__ */ y(r)) {
+        if (o.__override) {
+          const n = o.__override[r];
+          if (n !== void 0 && h(n)) {
+            f(
+              () => n.value,
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              (i) => {
+                console.log(`[sportsbook] override prop "${r}" updated`, i), t.update(r, i);
+              }
+            );
+            continue;
+          }
         }
-      });
+        V(o, r) && f(
+          () => o[r],
+          (n) => {
+            console.log(`[sportsbook] prop "${r}" updated`, n), t.update(r, n);
+          }
+        );
+      }
+  });
+}
+function V(e, t) {
+  return t in e;
+}
+function H(e, t) {
+  t?.type === "manual" && f(
+    () => t.path.value,
+    (o) => {
+      v(e)?.navigateTo(o);
     }
-  };
+  );
+}
+function Y(e) {
+  if (e) {
+    if (e.type === "manual")
+      return {
+        type: "manual",
+        initialPath: v(e.path),
+        push: e.push,
+        replace: e.replace,
+        back: e.back,
+        forward: e.forward
+      };
+    if (e.type === "memory" || e.type === "web-history")
+      return e;
+  }
 }
-const D = ["dir"], I = /* @__PURE__ */ g({
+const q = {
+  id: "sportsbook-app",
+  ref: "root"
+}, Z = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "SportsbookFrame",
   props: {
     baseUrl: {},
-    navigation: {},
     apiUrl: {},
     cdnUrl: {},
     partnerId: {},
+    storagePrefix: {},
+    features: {},
     token: {},
     authed: { type: Boolean },
     languageCode: {},
@@ -93,78 +182,56 @@ const D = ["dir"], I = /* @__PURE__ */ g({
     balanceAmount: {},
     platform: {},
     colorScheme: {},
-    theme: {},
     inert: { type: Boolean },
-    appearance: {},
     defaultCoefFormat: {},
     production: { type: Boolean },
-    localStoragePrefix: {},
-    features: {},
+    theme: {},
+    appearance: {},
     onReady: { type: Function },
     onError: { type: Function },
     onLogin: { type: Function },
     onDeposit: { type: Function },
     onRenewToken: { type: Function },
     onNavigate: { type: Function },
-    onSendNotification: { type: Function }
+    onSendNotification: { type: Function },
+    navigation: {},
+    __override: {}
   },
-  setup(o, { expose: t }) {
-    const e = o, c = S(), r = F("el"), l = w(), u = /* @__PURE__ */ T(), f = C(!1), y = U(() => e.rtl ? "rtl" : "ltr"), i = d();
-    return _(() => {
-      i.value?.destroy();
+  setup(e, { expose: t }) {
+    const o = e, s = w("root"), a = U(), r = p(!1), n = p(), i = /* @__PURE__ */ T(), k = L();
+    return R(() => {
+      n.value?.destroy(), a.stop();
+    }), a.run(() => {
+      H(n, o.navigation);
     }), t({
-      app: A(() => i)
-    }), l.run(async () => {
-      const a = (await L({ cdnUrl: e.cdnUrl })).createApp({
-        ...e,
+      app: C(() => n)
+    }), a.run(async () => {
+      const c = /* @__PURE__ */ z(o.__override);
+      let u = o.cdnUrl;
+      !u && c && "cdnUrl" in c && (u = String(c.cdnUrl) || void 0);
+      const d = (await W({
+        cdnUrl: u,
+        ...k
+      })).createApp({
+        ...o,
         ...c,
+        navigation: Y(o.navigation),
         onReady() {
-          f.value = !0, e.onReady?.();
+          r.value = !0, o.onReady?.();
         }
       });
-      i.value = a, s(
-        () => e.languageCode,
-        (n) => a.setLanguageCode(n)
-      ), s(
-        () => e.appearance,
-        (n) => a.setAppearance(n)
-      ), s(
-        () => e.rtl,
-        (n) => a.setRtl(n)
-      ), s(
-        () => e.platform,
-        (n) => a.setPlatform(n)
-      ), s(
-        () => e.token,
-        (n) => a.setToken(n)
-      ), s(
-        () => e.authed,
-        (n) => a.setAuthed(n)
-      ), s(
-        () => e.colorScheme,
-        (n) => a.setColorScheme(n ?? "dark")
-      ), s(
-        () => e.currencyCode,
-        (n) => a.setCurrencyCode(n)
-      ), s(
-        () => e.balanceAmount,
-        (n) => a.setBalanceAmount(n)
-      );
-    }), x(
-      () => u.value && f.value,
+      n.value = O(d), G(a, d, o);
+    }), E(
+      () => i.value && r.value,
       () => {
-        !r.value || !i.value || i.value.mount(r.value);
+        s.value && n.value && n.value.mount(s.value);
       },
       { once: !0 }
-    ), (v, a) => (B(), R("div", {
-      id: "sport-frame",
-      ref_key: "el",
-      ref: r,
-      dir: y.value,
-      "data-sport-frame": ""
-    }, null, 8, D));
+    ), (c, u) => (P(), F("div", q, null, 512));
   }
 });
 export {
-  I as SportsbookFrame
+  M as SDK_VERSION,
+  X as SPORTSBOOK_APP_ROUTES,
+  Z as SportsbookFrame
 };

package/package.json

@@ -1,30 +1,19 @@
 {
   "name": "@01tech/sportsbook-vue",
+  "version": "1.0.0-rc.2",
+  "type": "module",
   "private": false,
-  "version": "0.71.0",
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "sdk:build:prepare": "rm -rf ./dist",
-    "dts-compile": "vue-tsc --project ./tsconfig.dts.json",
-    "dts-resolve": "rollup -c rollup.dts.config.mjs",
-    "dev:micro": "rollup -c rollup.dts.config.mjs --watch",
-    "sdk:build:dts": "npm run dts-compile && npm run dts-resolve",
-    "sdk:build:js": "NODE_ENV=production vite build --config vite.config.ts",
-    "sdk:build": "npm run sdk:build:prepare && npm run sdk:build:dts && npm run sdk:build:js",
-    "sdk:dev": "NODE_ENV=development vite build --watch --config vite.config.ts"
-  },
+  "keywords": [
+    "@01tech",
+    "sportsbook"
+  ],
+  "files": [
+    "dist",
+    "package.json"
+  ],
   "peerDependencies": {
-    "vue": "^3.5.0",
-    "vue-router": "~4.5.1"
-  },
-  "peerDependenciesMeta": {
-    "vue-router": {
-      "optional": true
-    }
+    "vue": "^3.5.0"
   },
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",