obi-sdk 0.6.0 → 0.6.4

package/dist/modular/index.js

@@ -0,0 +1,185 @@
+import { O as ObiWidget, s as setGlobalContext, t as trackEvent, c as captureException, w as withSentryAsyncHandler, a as withSentryHandler } from "./chunks/obi-widget-c52bfca4.js";
+import "./chunks/types-e0297e7b.js";
+if (!customElements.get("obi-widget")) {
+  customElements.define("obi-widget", ObiWidget);
+}
+const RETRY_CONFIG = {
+  maxAttempts: 3,
+  baseDelay: 200,
+  // ms
+  maxDelay: 2e3
+  // ms
+};
+function delay(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function getRetryDelay(attempt) {
+  const exponentialDelay = RETRY_CONFIG.baseDelay * Math.pow(2, attempt);
+  return Math.min(exponentialDelay, RETRY_CONFIG.maxDelay);
+}
+async function retryOperation(operation, operationName, maxAttempts = RETRY_CONFIG.maxAttempts) {
+  let lastError = null;
+  for (let attempt = 0; attempt < maxAttempts; attempt++) {
+    try {
+      trackEvent(`${operationName}_attempt`, { attempt: attempt + 1 }, "init");
+      return await operation();
+    } catch (error) {
+      lastError = error;
+      console.warn(`[obi-sdk] ${operationName} failed (attempt ${attempt + 1}/${maxAttempts}):`, error);
+      trackEvent(`${operationName}_failed`, {
+        error: error instanceof Error ? error.message : String(error),
+        attempt: attempt + 1,
+        maxAttempts
+      }, "init");
+      if (attempt < maxAttempts - 1) {
+        const delayMs = getRetryDelay(attempt);
+        await delay(delayMs);
+      }
+    }
+  }
+  const finalError = new Error(`${operationName} failed after ${maxAttempts} attempts: ${lastError?.message}`);
+  captureException(finalError, {
+    componentName: "init",
+    handlerName: "retryOperation",
+    operationName,
+    maxAttempts,
+    lastErrorMessage: lastError?.message
+  });
+  throw finalError;
+}
+const mountSDK = withSentryHandler(function() {
+  const w = window;
+  let q = [];
+  if (typeof w.ObiSDK === "function" || typeof w.ObiSDK === "object") {
+    q = w.ObiSDK.q || [];
+  }
+  if (w.obiWidgetConfig) {
+    setGlobalContext({
+      apiKey: w.obiWidgetConfig.apiKey,
+      userId: w.obiWidgetConfig.user?.id,
+      userEmail: w.obiWidgetConfig.user?.email,
+      userMetadata: w.obiWidgetConfig.user?.metadata
+    });
+  }
+  w.ObiSDK = function(command, config) {
+    try {
+      if (command === "update" && config) {
+        w.obiWidgetConfig = {
+          ...w.obiWidgetConfig,
+          ...config
+        };
+        if (config.user) {
+          setGlobalContext({
+            userId: config.user.id,
+            userEmail: config.user.email,
+            userMetadata: config.user.metadata
+          });
+        }
+        const widgets = document.querySelectorAll("obi-widget");
+        widgets.forEach((widget) => {
+          widget.dispatchEvent(
+            new CustomEvent("obi-config-updated", {
+              detail: config,
+              bubbles: true,
+              composed: true
+            })
+          );
+        });
+        trackEvent("SDK_config_updated", {
+          hasUser: !!config.user,
+          configKeys: Object.keys(config)
+        }, "init");
+      }
+    } catch (error) {
+      captureException(error, {
+        componentName: "init",
+        handlerName: "ObiSDK.update",
+        command
+      });
+      throw error;
+    }
+  };
+  w.ObiSDK.q = q;
+}, "mountSDK", "init");
+const mountWidget = withSentryAsyncHandler(async function() {
+  return retryOperation(async () => {
+    if (document.querySelector("obi-widget")) {
+      trackEvent("widget_already_exists", {}, "init");
+      return;
+    }
+    if (!document.body) {
+      throw new Error("document.body not available");
+    }
+    const widget = document.createElement("obi-widget");
+    document.body.appendChild(widget);
+    console.log("[obi-sdk] widget mounted");
+    trackEvent("widget_mounted", {}, "init");
+  }, "widget mounting");
+}, "mountWidget", "init");
+const processQueue = withSentryHandler(function() {
+  const w = window;
+  if (w.ObiSDK && Array.isArray(w.ObiSDK.q)) {
+    const queueLength = w.ObiSDK.q.length;
+    trackEvent("queue_processing", { queueLength }, "init");
+    (w.ObiSDK.q || []).forEach((args) => {
+      w.ObiSDK(...args);
+    });
+    w.ObiSDK.q = [];
+    if (queueLength > 0) {
+      trackEvent("queue_processed", { queueLength }, "init");
+    }
+  }
+}, "processQueue", "init");
+const loadFonts = withSentryAsyncHandler(async function() {
+  await loadFont("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap");
+  await loadFont("https://fonts.cdnfonts.com/css/satoshi");
+}, "loadFonts", "init");
+const loadFont = withSentryAsyncHandler(async function(fontUrl) {
+  return retryOperation(async () => {
+    if (!document.head) {
+      throw new Error("document.head not available");
+    }
+    const link = document.createElement("link");
+    link.href = fontUrl;
+    link.rel = "stylesheet";
+    document.head.appendChild(link);
+    trackEvent("font_loaded", { fontUrl }, "init");
+  }, "font loading");
+}, "loadFont", "init");
+const safeInitialize = withSentryAsyncHandler(async function() {
+  trackEvent("SDK_initialization_started", {}, "init");
+  await new Promise((resolve) => setTimeout(resolve, 500));
+  mountSDK();
+  await loadFonts();
+  await mountWidget();
+  processQueue();
+  trackEvent("SDK_initialization_completed", {}, "init");
+}, "safeInitialize", "init");
+const initializeObiWidget = withSentryAsyncHandler(async function() {
+  if (document.readyState === "loading") {
+    trackEvent("DOM_not_ready", {}, "init");
+    document.addEventListener("DOMContentLoaded", async () => {
+      try {
+        await safeInitialize();
+      } catch (error) {
+        captureException(error, { componentName: "init", handlerName: "DOMContentLoaded" });
+        console.error("[obi-sdk] initialization failed:", error);
+      }
+    });
+  } else {
+    trackEvent("DOM_ready", {}, "init");
+    await safeInitialize();
+  }
+}, "initializeObiWidget", "init");
+try {
+  setGlobalContext({ componentName: "init" });
+  trackEvent("SDK_script_loaded", {}, "init");
+  initializeObiWidget();
+} catch (error) {
+  captureException(error, { componentName: "init", handlerName: "top-level" });
+  console.error("[obi-sdk] initialization failed:", error);
+}
+export {
+  ObiWidget
+};
+//# sourceMappingURL=index.js.map

package/dist/modular/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/core/init.ts"],"sourcesContent":["import { ObiWidget } from \"../ui/components/obi-widget\"\nimport { \n  captureException, \n  setGlobalContext, \n  trackEvent, \n  withSentryAsyncHandler,\n  withSentryHandler \n} from \"../sentry\"\n\nif (!customElements.get(\"obi-widget\")) {\n  customElements.define(\"obi-widget\", ObiWidget)\n}\n\n// Retry configuration\nconst RETRY_CONFIG = {\n  maxAttempts: 3,\n  baseDelay: 200, // ms\n  maxDelay: 2000, // ms\n}\n\nfunction delay(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\nfunction getRetryDelay(attempt: number): number {\n  const exponentialDelay = RETRY_CONFIG.baseDelay * Math.pow(2, attempt)\n  return Math.min(exponentialDelay, RETRY_CONFIG.maxDelay)\n}\n\nasync function retryOperation<T>(\n  operation: () => Promise<T> | T,\n  operationName: string,\n  maxAttempts: number = RETRY_CONFIG.maxAttempts\n): Promise<T> {\n  let lastError: Error | null = null\n\n  for (let attempt = 0; attempt < maxAttempts; attempt++) {\n    try {\n      trackEvent(`${operationName}_attempt`, { attempt: attempt + 1 }, 'init');\n      return await operation()\n    } catch (error) {\n      lastError = error as Error\n      console.warn(`[obi-sdk] ${operationName} failed (attempt ${attempt + 1}/${maxAttempts}):`, error)\n      \n      trackEvent(`${operationName}_failed`, {\n        error: error instanceof Error ? error.message : String(error),\n        attempt: attempt + 1,\n        maxAttempts\n      }, 'init');\n\n      if (attempt < maxAttempts - 1) {\n        const delayMs = getRetryDelay(attempt)\n        await delay(delayMs)\n      }\n    }\n  }\n\n  const finalError = new Error(`${operationName} failed after ${maxAttempts} attempts: ${lastError?.message}`)\n  captureException(finalError, { \n    componentName: 'init', \n    handlerName: 'retryOperation',\n    operationName,\n    maxAttempts,\n    lastErrorMessage: lastError?.message \n  });\n  throw finalError;\n}\n\nconst mountSDK = withSentryHandler(function(): void {\n  const w = window as any\n  \n  // The \"q\" here is a queue of commands that are sent to the SDK before it is initialized, typically\n  // from the loader. We need to save it here so that we can restore it after the SDK is initialized.\n  let q: any[] = []\n  if (typeof w.ObiSDK === \"function\" || typeof w.ObiSDK === \"object\") {\n    q = w.ObiSDK.q || []\n  }\n\n  // Set up global context from config if available\n  if (w.obiWidgetConfig) {\n    setGlobalContext({\n      apiKey: w.obiWidgetConfig.apiKey,\n      userId: w.obiWidgetConfig.user?.id,\n      userEmail: w.obiWidgetConfig.user?.email,\n      userMetadata: w.obiWidgetConfig.user?.metadata\n    });\n  }\n\n  // The loader will have already set the ObiSDK value, but it's function is designed to just add\n  // the command to the queue. We need to override it here so that we can handle the commands.\n  w.ObiSDK = function (command: string, config?: any) {\n    try {\n      if (command === \"update\" && config) {\n        w.obiWidgetConfig = {\n          ...w.obiWidgetConfig,\n          ...config,\n        }\n        \n        // Update Sentry context when config changes\n        if (config.user) {\n          setGlobalContext({\n            userId: config.user.id,\n            userEmail: config.user.email,\n            userMetadata: config.user.metadata\n          });\n        }\n        \n        // Notify all mounted obi-widget elements about the configuration update.\n        const widgets = document.querySelectorAll(\"obi-widget\")\n        widgets.forEach((widget) => {\n          widget.dispatchEvent(\n            new CustomEvent(\"obi-config-updated\", {\n              detail: config,\n              bubbles: true,\n              composed: true,\n            })\n          )\n        })\n        \n        trackEvent('SDK_config_updated', { \n          hasUser: !!config.user,\n          configKeys: Object.keys(config) \n        }, 'init');\n      }\n    } catch (error) {\n      captureException(error, { \n        componentName: 'init', \n        handlerName: 'ObiSDK.update',\n        command \n      });\n      throw error;\n    }\n  }\n\n  // Restore the queue, so it can be processed in the `processQueue` function.\n  w.ObiSDK.q = q\n}, 'mountSDK', 'init');\n\nconst mountWidget = withSentryAsyncHandler(async function(): Promise<void> {\n  return retryOperation(async () => {\n    if (document.querySelector(\"obi-widget\")) {\n      trackEvent('widget_already_exists', {}, 'init');\n      return\n    }\n\n    if (!document.body) {\n      throw new Error(\"document.body not available\")\n    }\n\n    const widget = document.createElement(\"obi-widget\")\n    document.body.appendChild(widget)\n    console.log(\"[obi-sdk] widget mounted\")\n    trackEvent('widget_mounted', {}, 'init');\n  }, \"widget mounting\")\n}, 'mountWidget', 'init');\n\n// Optionally process a queue if you want to support it\nconst processQueue = withSentryHandler(function() {\n  const w = window as any\n  if (w.ObiSDK && Array.isArray(w.ObiSDK.q)) {\n    const queueLength = w.ObiSDK.q.length;\n    trackEvent('queue_processing', { queueLength }, 'init');\n    \n    (w.ObiSDK.q || []).forEach((args: any[]) => {\n      w.ObiSDK(...args)\n    })\n    w.ObiSDK.q = []\n    \n    if (queueLength > 0) {\n      trackEvent('queue_processed', { queueLength }, 'init');\n    }\n  }\n}, 'processQueue', 'init');\n\nconst loadFonts = withSentryAsyncHandler(async function() {\n  await loadFont(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap\")\n  await loadFont(\"https://fonts.cdnfonts.com/css/satoshi\")\n}, 'loadFonts', 'init');\n\nconst loadFont = withSentryAsyncHandler(async function(fontUrl: string) {\n  return retryOperation(async () => {\n    if (!document.head) {\n      throw new Error(\"document.head not available\")\n    }\n\n    const link = document.createElement(\"link\")\n    link.href = fontUrl\n    link.rel = \"stylesheet\"\n\n    document.head.appendChild(link)\n    trackEvent('font_loaded', { fontUrl }, 'init');\n  }, \"font loading\")\n}, 'loadFont', 'init');\n\nconst safeInitialize = withSentryAsyncHandler(async function(): Promise<void> {\n  // Track initialization start\n  trackEvent('SDK_initialization_started', {}, 'init');\n  \n  // Wait for a moment to ensure any write to localStorage from the obi loader is complete.\n  await new Promise(resolve => setTimeout(resolve, 500))\n  \n  mountSDK()\n  await loadFonts()\n  await mountWidget()\n  processQueue()\n  \n  trackEvent('SDK_initialization_completed', {}, 'init');\n}, 'safeInitialize', 'init');\n\nexport const initializeObiWidget = withSentryAsyncHandler(async function() {\n  if (document.readyState === \"loading\") {\n    trackEvent('DOM_not_ready', {}, 'init');\n    document.addEventListener(\"DOMContentLoaded\", async () => {\n      try {\n        await safeInitialize()\n      } catch (error) {\n        captureException(error, { componentName: 'init', handlerName: 'DOMContentLoaded' })\n        console.error(\"[obi-sdk] initialization failed:\", error)\n      }\n    })\n  } else {\n    trackEvent('DOM_ready', {}, 'init');\n    await safeInitialize()\n  }\n}, 'initializeObiWidget', 'init');\n\ntry {\n  // Set initial context\n  setGlobalContext({ componentName: 'init' });\n  trackEvent('SDK_script_loaded', {}, 'init');\n  \n  initializeObiWidget()\n} catch (error) {\n  captureException(error, { componentName: 'init', handlerName: 'top-level' })\n  console.error(\"[obi-sdk] initialization failed:\", error)\n}\n"],"names":[],"mappings":"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"}

package/dist/modular/ui.js

@@ -0,0 +1,110 @@
+import { S as SDKState } from "./chunks/types-e0297e7b.js";
+import { i, n, b as i$1, x } from "./chunks/obi-widget-c52bfca4.js";
+import { A, C, e, f, D, N, d, O, S } from "./chunks/obi-widget-c52bfca4.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
+    if (decorator = decorators[i2])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+class ObiStatusWidget extends i$1 {
+  constructor() {
+    super(...arguments);
+    this.state = SDKState.READY;
+  }
+  render() {
+    return x`
+      <div class="status-container">
+        <div class="status-indicator ${this.state}"></div>
+        <div class="status-text">${this.getStatusText()}</div>
+      </div>
+    `;
+  }
+  getStatusText() {
+    switch (this.state) {
+      case SDKState.READY:
+        return "Ready";
+      case SDKState.ERROR:
+        return "Error";
+      default:
+        return "Unknown";
+    }
+  }
+}
+ObiStatusWidget.styles = i`
+    :host {
+      display: inline-block;
+      font-family: Arial, sans-serif;
+    }
+
+    .status-container {
+      display: flex;
+      align-items: center;
+      padding: 8px 12px;
+      border-radius: 16px;
+      background-color: #f3f4f6;
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+    }
+
+    .status-indicator {
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      margin-right: 8px;
+    }
+
+    .ready {
+      background-color: #10b981;
+    }
+
+    .active {
+      background-color: #3b82f6;
+    }
+
+    .error {
+      background-color: #ef4444;
+    }
+
+    .status-text {
+      font-size: 14px;
+      font-weight: 500;
+      color: #1f2937;
+    }
+  `;
+__decorateClass([
+  n({ type: String })
+], ObiStatusWidget.prototype, "state", 2);
+if (!customElements.get("obi-status-widget")) {
+  customElements.define("obi-status-widget", ObiStatusWidget);
+}
+const statusWidget = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, ObiStatusWidget }, Symbol.toStringTag, { value: "Module" }));
+function defineCustomElements() {
+  Promise.resolve().then(() => statusWidget);
+  import("./chunks/index-d50e99a5.js");
+  import("./chunks/obi-widget-c52bfca4.js").then((n2) => n2.l);
+  import("./chunks/obi-widget-c52bfca4.js").then((n2) => n2.m);
+  import("./chunks/obi-widget-c52bfca4.js").then((n2) => n2.g);
+  import("./chunks/obi-widget-c52bfca4.js").then((n2) => n2.h);
+  import("./chunks/obi-widget-c52bfca4.js").then((n2) => n2.o);
+  import("./chunks/obi-widget-c52bfca4.js").then((n2) => n2.j);
+  import("./chunks/obi-widget-c52bfca4.js").then((n2) => n2.k);
+}
+export {
+  A as AudioEqualizer,
+  C as Course,
+  e as CourseList,
+  f as CourseModal,
+  D as DotLoader,
+  N as NavIcon,
+  d as NavigationBar,
+  ObiStatusWidget,
+  O as ObiWidget,
+  S as SearchingLoader,
+  defineCustomElements
+};
+//# sourceMappingURL=ui.js.map

package/dist/modular/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","sources":["../../src/ui/components/status-widget.ts","../../src/ui/components/index.ts"],"sourcesContent":["import { SDKState } from \"@obi/obi-session\"\nimport { LitElement, html, css } from \"lit\"\nimport { property } from \"lit/decorators.js\"\n\nexport class ObiStatusWidget extends LitElement {\n  @property({ type: String })\n  state: SDKState = SDKState.READY\n\n  static styles = css`\n    :host {\n      display: inline-block;\n      font-family: Arial, sans-serif;\n    }\n\n    .status-container {\n      display: flex;\n      align-items: center;\n      padding: 8px 12px;\n      border-radius: 16px;\n      background-color: #f3f4f6;\n      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    }\n\n    .status-indicator {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      margin-right: 8px;\n    }\n\n    .ready {\n      background-color: #10b981;\n    }\n\n    .active {\n      background-color: #3b82f6;\n    }\n\n    .error {\n      background-color: #ef4444;\n    }\n\n    .status-text {\n      font-size: 14px;\n      font-weight: 500;\n      color: #1f2937;\n    }\n  `\n\n  render() {\n    return html`\n      <div class=\"status-container\">\n        <div class=\"status-indicator ${this.state}\"></div>\n        <div class=\"status-text\">${this.getStatusText()}</div>\n      </div>\n    `\n  }\n\n  private getStatusText(): string {\n    switch (this.state) {\n      case SDKState.READY:\n        return \"Ready\"\n      case SDKState.ERROR:\n        return \"Error\"\n      default:\n        return \"Unknown\"\n    }\n  }\n}\n\nif (!customElements.get(\"obi-status-widget\")) {\n  customElements.define(\"obi-status-widget\", ObiStatusWidget)\n}\n","export * from \"./status-widget\"\nexport * from \"./obi-widget\"\nexport * from \"./audio-equalizer\"\nexport * from \"./dot-loader\"\nexport * from \"./nav-icon\"\nexport * from \"./navigation-bar\"\nexport * from \"./searching-loader\"\nexport * from \"./courses/courses\"\nexport * from \"./courses/course-modal\"\n\n// Function to define all custom elements at once for development\nexport function defineCustomElements() {\n  // Import all components to ensure they're registered\n  // This is primarily useful for development\n  import(\"./status-widget\")\n  import(\"./obi-widget\")\n  import(\"./audio-equalizer\")\n  import(\"./dot-loader\")\n  import(\"./nav-icon\")\n  import(\"./navigation-bar\")\n  import(\"./searching-loader\")\n  import(\"./courses/courses\")\n  import(\"./courses/course-modal\")\n}\n"],"names":["LitElement","html","css","property","n"],"mappings":";;;;;;;;;;;;;;AAIO,MAAM,wBAAwBA,IAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AAEL,SAAA,QAAkB,SAAS;AAAA,EAAA;AAAA,EA2C3B,SAAS;AACA,WAAAC;AAAAA;AAAAA,uCAE4B,KAAK,KAAK;AAAA,mCACd,KAAK,eAAe;AAAA;AAAA;AAAA,EAGrD;AAAA,EAEQ,gBAAwB;AAC9B,YAAQ,KAAK,OAAO;AAAA,MAClB,KAAK,SAAS;AACL,eAAA;AAAA,MACT,KAAK,SAAS;AACL,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EACF;AACF;AAhEa,gBAIJ,SAASC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAFhB,gBAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ;AAAA,GADf,gBAEX,WAAA,SAAA,CAAA;AAgEF,IAAI,CAAC,eAAe,IAAI,mBAAmB,GAAG;AAC7B,iBAAA,OAAO,qBAAqB,eAAe;AAC5D;AC7DO,MAAA,eAAA,uBAAA,OAAA,uBAAA,eAAA,EAAA,WAAA,MAAA,gBAAA,GAAA,OAAA,aAAA,EAAA,OAAA,SAAA,CAAA,CAAA;AAAA,SAAS,uBAAuB;AAGrC;AACA,SAAO,4BAAc;AACrB,SAAO,iCAAmB,EAAA,KAAA,CAAAC,OAAAA,GAAA,CAAA;AAC1B,SAAO,iCAAc,EAAA,KAAA,CAAAA,OAAAA,GAAA,CAAA;AACrB,SAAO,iCAAY,EAAA,KAAA,CAAAA,OAAAA,GAAA,CAAA;AACnB,SAAO,iCAAkB,EAAA,KAAA,CAAAA,OAAAA,GAAA,CAAA;AACzB,SAAO,iCAAoB,EAAA,KAAA,CAAAA,OAAAA,GAAA,CAAA;AAC3B,SAAO,iCAAmB,EAAA,KAAA,CAAAA,OAAAA,GAAA,CAAA;AAC1B,SAAO,iCAAwB,EAAA,KAAA,CAAAA,OAAAA,GAAA,CAAA;AACjC;"}