obi-sdk 0.5.2 → 0.6.2

package/dist/modular/chunks/index-f4e9f79f.js

@@ -0,0 +1,6 @@
+import { O } from "./obi-widget-27b273fd.js";
+import "./types-e0297e7b.js";
+export {
+  O as ObiWidget
+};
+//# sourceMappingURL=index-f4e9f79f.js.map

package/dist/modular/chunks/index-f4e9f79f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-f4e9f79f.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/modular/chunks/{obi-widget-3bb30929.js → obi-widget-27b273fd.js}

@@ -877,6 +877,113 @@ class ObiSession {
     }
   }
 }
+const OBI_PRIMARY_COLOR = "#a10fff";
+function hexToHsl(hex) {
+  hex = hex.replace(/^#/, "");
+  if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(hex)) {
+    throw new Error(`Invalid hex color format: ${hex}`);
+  }
+  if (hex.length === 3) {
+    hex = hex.split("").map((char) => char + char).join("");
+  }
+  const r2 = parseInt(hex.slice(0, 2), 16) / 255;
+  const g2 = parseInt(hex.slice(2, 4), 16) / 255;
+  const b2 = parseInt(hex.slice(4, 6), 16) / 255;
+  const max = Math.max(r2, g2, b2);
+  const min = Math.min(r2, g2, b2);
+  let h2, s2, l2 = (max + min) / 2;
+  if (max === min) {
+    h2 = s2 = 0;
+  } else {
+    const d2 = max - min;
+    s2 = l2 > 0.5 ? d2 / (2 - max - min) : d2 / (max + min);
+    switch (max) {
+      case r2:
+        h2 = (g2 - b2) / d2 + (g2 < b2 ? 6 : 0);
+        break;
+      case g2:
+        h2 = (b2 - r2) / d2 + 2;
+        break;
+      case b2:
+        h2 = (r2 - g2) / d2 + 4;
+        break;
+      default:
+        h2 = 0;
+    }
+    h2 /= 6;
+  }
+  return { h: h2 * 360, s: s2 * 100, l: l2 * 100 };
+}
+function hslToHex(h2, s2, l2) {
+  h2 = h2 / 360;
+  s2 = s2 / 100;
+  l2 = l2 / 100;
+  const hue2rgb2 = (p2, q, t2) => {
+    if (t2 < 0)
+      t2 += 1;
+    if (t2 > 1)
+      t2 -= 1;
+    if (t2 < 1 / 6)
+      return p2 + (q - p2) * 6 * t2;
+    if (t2 < 1 / 2)
+      return q;
+    if (t2 < 2 / 3)
+      return p2 + (q - p2) * (2 / 3 - t2) * 6;
+    return p2;
+  };
+  let r2, g2, b2;
+  if (s2 === 0) {
+    r2 = g2 = b2 = l2;
+  } else {
+    const q = l2 < 0.5 ? l2 * (1 + s2) : l2 + s2 - l2 * s2;
+    const p2 = 2 * l2 - q;
+    r2 = hue2rgb2(p2, q, h2 + 1 / 3);
+    g2 = hue2rgb2(p2, q, h2);
+    b2 = hue2rgb2(p2, q, h2 - 1 / 3);
+  }
+  const toHex = (c2) => {
+    const hex = Math.round(c2 * 255).toString(16);
+    return hex.length === 1 ? "0" + hex : hex;
+  };
+  return `#${toHex(r2)}${toHex(g2)}${toHex(b2)}`;
+}
+function generateSelectedColor(currentPrimaryColor, designedSelectedColor) {
+  try {
+    const originalPrimaryHsl = hexToHsl(OBI_PRIMARY_COLOR);
+    const designedSelectedHsl = hexToHsl(designedSelectedColor);
+    const hueDelta = (designedSelectedHsl.h - originalPrimaryHsl.h + 360) % 360;
+    const adjustedHueDelta = hueDelta > 180 ? hueDelta - 360 : hueDelta;
+    const saturationDelta = designedSelectedHsl.s - originalPrimaryHsl.s;
+    const lightnessDelta = designedSelectedHsl.l - originalPrimaryHsl.l;
+    const currentPrimaryHsl = hexToHsl(currentPrimaryColor);
+    const selectedHsl = {
+      h: (currentPrimaryHsl.h + adjustedHueDelta + 360) % 360,
+      s: Math.max(0, Math.min(100, currentPrimaryHsl.s + saturationDelta)),
+      l: Math.max(0, Math.min(100, currentPrimaryHsl.l + lightnessDelta))
+    };
+    return hslToHex(selectedHsl.h, selectedHsl.s, selectedHsl.l);
+  } catch (error) {
+    console.warn("Failed to generate selected color, using fallback:", error);
+    return designedSelectedColor;
+  }
+}
+function transformToLightTint(hexColor) {
+  try {
+    const hsl = hexToHsl(hexColor);
+    const newHsl = {
+      h: hsl.h,
+      // Keep original hue
+      s: 100,
+      // Maximum saturation
+      l: 96
+      // Very high lightness (96%)
+    };
+    return hslToHex(newHsl.h, newHsl.s, newHsl.l);
+  } catch (error) {
+    console.warn("Failed to transform to light tint, using fallback:", error);
+    return hexColor;
+  }
+}
 const SESSION_URL_PARAM = "49206C6F7665204F6269_session";
 var extendStatics = function(d2, b2) {
   extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
@@ -10045,96 +10152,6 @@ const STORAGE_KEYS = {
   SESSION_DATA: "session_data"
 };
 const storage = new StorageManager("io.obi.widget");
-const ORIGINAL_PRIMARY_COLOR = "#a10fff";
-function hexToHsl(hex) {
-  hex = hex.replace(/^#/, "");
-  if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(hex)) {
-    throw new Error(`Invalid hex color format: ${hex}`);
-  }
-  if (hex.length === 3) {
-    hex = hex.split("").map((char) => char + char).join("");
-  }
-  const r2 = parseInt(hex.slice(0, 2), 16) / 255;
-  const g2 = parseInt(hex.slice(2, 4), 16) / 255;
-  const b2 = parseInt(hex.slice(4, 6), 16) / 255;
-  const max = Math.max(r2, g2, b2);
-  const min = Math.min(r2, g2, b2);
-  let h2, s2, l2 = (max + min) / 2;
-  if (max === min) {
-    h2 = s2 = 0;
-  } else {
-    const d2 = max - min;
-    s2 = l2 > 0.5 ? d2 / (2 - max - min) : d2 / (max + min);
-    switch (max) {
-      case r2:
-        h2 = (g2 - b2) / d2 + (g2 < b2 ? 6 : 0);
-        break;
-      case g2:
-        h2 = (b2 - r2) / d2 + 2;
-        break;
-      case b2:
-        h2 = (r2 - g2) / d2 + 4;
-        break;
-      default:
-        h2 = 0;
-    }
-    h2 /= 6;
-  }
-  return { h: h2 * 360, s: s2 * 100, l: l2 * 100 };
-}
-function hslToHex(h2, s2, l2) {
-  h2 = h2 / 360;
-  s2 = s2 / 100;
-  l2 = l2 / 100;
-  const hue2rgb2 = (p2, q, t2) => {
-    if (t2 < 0)
-      t2 += 1;
-    if (t2 > 1)
-      t2 -= 1;
-    if (t2 < 1 / 6)
-      return p2 + (q - p2) * 6 * t2;
-    if (t2 < 1 / 2)
-      return q;
-    if (t2 < 2 / 3)
-      return p2 + (q - p2) * (2 / 3 - t2) * 6;
-    return p2;
-  };
-  let r2, g2, b2;
-  if (s2 === 0) {
-    r2 = g2 = b2 = l2;
-  } else {
-    const q = l2 < 0.5 ? l2 * (1 + s2) : l2 + s2 - l2 * s2;
-    const p2 = 2 * l2 - q;
-    r2 = hue2rgb2(p2, q, h2 + 1 / 3);
-    g2 = hue2rgb2(p2, q, h2);
-    b2 = hue2rgb2(p2, q, h2 - 1 / 3);
-  }
-  const toHex = (c2) => {
-    const hex = Math.round(c2 * 255).toString(16);
-    return hex.length === 1 ? "0" + hex : hex;
-  };
-  return `#${toHex(r2)}${toHex(g2)}${toHex(b2)}`;
-}
-function generateSelectedColor(currentPrimaryColor, designedSelectedColor) {
-  try {
-    const originalPrimaryHsl = hexToHsl(ORIGINAL_PRIMARY_COLOR);
-    const designedSelectedHsl = hexToHsl(designedSelectedColor);
-    const hueDelta = (designedSelectedHsl.h - originalPrimaryHsl.h + 360) % 360;
-    const adjustedHueDelta = hueDelta > 180 ? hueDelta - 360 : hueDelta;
-    const saturationDelta = designedSelectedHsl.s - originalPrimaryHsl.s;
-    const lightnessDelta = designedSelectedHsl.l - originalPrimaryHsl.l;
-    const currentPrimaryHsl = hexToHsl(currentPrimaryColor);
-    const selectedHsl = {
-      h: (currentPrimaryHsl.h + adjustedHueDelta + 360) % 360,
-      s: Math.max(0, Math.min(100, currentPrimaryHsl.s + saturationDelta)),
-      l: Math.max(0, Math.min(100, currentPrimaryHsl.l + lightnessDelta))
-    };
-    return hslToHex(selectedHsl.h, selectedHsl.s, selectedHsl.l);
-  } catch (error) {
-    console.warn("Failed to generate selected color, using fallback:", error);
-    return designedSelectedColor;
-  }
-}
 var __defProp$7 = Object.defineProperty;
 var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
 var __decorateClass$7 = (decorators, target, key, kind) => {
@@ -10512,7 +10529,7 @@ Course.styles = i$4`
       align-items: center;
       gap: 8px;
       border-radius: 9999px;
-      background: #f5f3ff;
+      background: var(--obi-course-selected-bg, #f5f3ff);
       color: #000;
       font-family: Satoshi;
       font-size: 14px;
@@ -11142,11 +11159,11 @@ class AudioEqualizer extends i$1 {
     this.canvasRef = e();
     this.barCount = 8;
     this.animationFrame = null;
-    this.primaryColor = ORIGINAL_PRIMARY_COLOR;
+    this.primaryColor = OBI_PRIMARY_COLOR;
   }
   connectedCallback() {
     super.connectedCallback();
-    this.primaryColor = getComputedStyle(this).getPropertyValue("--obi-primary").trim() || ORIGINAL_PRIMARY_COLOR;
+    this.primaryColor = getComputedStyle(this).getPropertyValue("--obi-primary").trim() || OBI_PRIMARY_COLOR;
     this.startAnimation();
   }
   disconnectedCallback() {
@@ -11756,7 +11773,7 @@ class ObiWidget extends i$1 {
       if (window.obiWidgetConfig.linkOnlyAccess !== void 0) {
         this.linkOnlyAccess = window.obiWidgetConfig.linkOnlyAccess;
       }
-      const primaryColor = window.obiWidgetConfig?.primaryColor || ORIGINAL_PRIMARY_COLOR;
+      const primaryColor = window.obiWidgetConfig?.primaryColor || OBI_PRIMARY_COLOR;
       this.style.setProperty("--obi-primary", primaryColor);
       this.generateColorVariables(primaryColor);
     }
@@ -11768,7 +11785,7 @@ class ObiWidget extends i$1 {
     try {
       const secondaryColor = generateSelectedColor(primaryColor, "#c4b5fd");
       const courseSelected = generateSelectedColor(primaryColor, "#c76cff");
-      const courseSelectedBackground = generateSelectedColor(primaryColor, "#fbf3ff");
+      const courseSelectedBackground = transformToLightTint(primaryColor);
       const pausedPulseColor = generateSelectedColor(primaryColor, "#A06DF9");
       this.style.setProperty("--obi-secondary", secondaryColor);
       this.style.setProperty("--obi-course-selected", courseSelected);
@@ -12369,4 +12386,4 @@ export {
   searchingLoader as s,
   x
 };
-//# sourceMappingURL=obi-widget-3bb30929.js.map
+//# sourceMappingURL=obi-widget-27b273fd.js.map