@teacharium/widget 0.2.0 → 0.2.2

package/dist/components/AudioPlayer.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface AudioPlayerProps {
+    audioUrl: string;
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    onPlay?: () => void;
+    onPause?: () => void;
+    onError?: (error: string) => void;
+}
+export declare const AudioPlayer: React.FC<AudioPlayerProps>;
+export {};

package/dist/main.d.ts

@@ -2,4 +2,6 @@ export * from './teacharium-widget';
 export * from './teacharium-widget-api';
 export * from './teacharium-custom-fields';
 export * from './standard-layout-options';
+export { AudioPlayer } from './components/AudioPlayer';
+export * from './utils/voiceover';
 export declare const hi = "world";

package/dist/teacharium-custom-fields.d.ts

@@ -11,6 +11,10 @@ export interface AudioMediaField extends BaseField {
     type: "audioMedia";
     label: string;
 }
+export interface VoiceoverField extends BaseField {
+    type: "voiceover";
+    label?: string;
+}
 export interface ActionField extends BaseField {
     type: "action";
     label: string;
@@ -31,4 +35,16 @@ export interface ConditionField extends BaseField {
     type: "condition";
     label: string;
 }
-export type TeachariumCustomFields = ImageMediaField | VideoMediaField | AudioMediaField | ActionField | VariableField | NumericExpressionField | StringExpressionField | ConditionField;
+export interface PlaceholderField extends BaseField {
+    type: "placeholder";
+    label?: string;
+    description?: string;
+    value?: string;
+}
+export interface StepField extends BaseField {
+    type: "step";
+    label: string;
+    placeholder?: string;
+    description?: string;
+}
+export type TeachariumCustomFields = ImageMediaField | VideoMediaField | AudioMediaField | VoiceoverField | ActionField | VariableField | NumericExpressionField | StringExpressionField | ConditionField | PlaceholderField | StepField;

package/dist/teacharium-widget-api.d.ts

@@ -1,4 +1,13 @@
 import { default as React } from 'react';
+export type VoiceType = "alloy" | "ash" | "ballad" | "coral" | "echo" | "fable" | "onyx" | "nova" | "sage" | "shimmer" | "verse";
+export interface VoiceoverData {
+    enabled: boolean;
+    voice: VoiceType;
+    showPlayButton: boolean;
+    cached?: boolean;
+    content?: string;
+    contentHash?: string;
+}
 export declare const EVENT_SOURCE_PLAYER = "player";
 export declare const EVENT_SOURCE_FOOTER = "footer";
 type EventListener<T = any> = (event: T) => void;
@@ -16,10 +25,10 @@ export interface UseStringExpression {
     (expression: string, defaultValue?: string): string;
 }
 export interface UseVariableValue {
-    (name: string): VariableValue | undefined;
+    (name: string | null | undefined): VariableValue | undefined;
 }
 export interface UseVariableValues {
-    (names: string[]): (VariableValue | undefined)[];
+    (names: Array<string | null | undefined>): (VariableValue | undefined)[];
 }
 export interface UseUpdateVariable {
     (newValue: VariableValue): void;
@@ -33,6 +42,20 @@ export interface UseMediaUrl {
         isLoadingError: boolean;
     };
 }
+export interface UseVoiceoverUrl {
+    (contentHash?: string | null, voice?: VoiceType | null, options?: {
+        enabled?: boolean;
+        model?: string | null;
+    }): {
+        data: string | undefined;
+        error: Error | null;
+        isError: boolean;
+        isLoading: boolean;
+        isLoadingError: boolean;
+        refetch: () => Promise<any>;
+        voiceoverId: string | undefined;
+    };
+}
 export interface ConditionValue {
     leftOperand: string;
     operator: string;
@@ -95,6 +118,7 @@ export interface TeachariumWidgetApi {
         useVariableValues: UseVariableValues;
         useUpdateVariable: (variableName: string) => UseUpdateVariable;
         useMediaUrl: UseMediaUrl;
+        useVoiceoverUrl: UseVoiceoverUrl;
         useConditionEvaluation: UseConditionEvaluation;
         useIsItem: UseIsItem;
         useItemsContext: UseItemsContext;

package/dist/teacharium-widget.d.ts

@@ -5,8 +5,13 @@ interface TeachariumComponentProps {
     api: TeachariumWidgetApi;
 }
 export interface TeachariumComponentConfig<T = {}> {
+    usagePrompt: string;
     fields: Fields<DefaultComponentProps, TeachariumCustomFields>;
     defaultProps: DefaultComponentProps;
+    resolveData?: (arg: {
+        props: any;
+        changed: any;
+    }) => Promise<any>;
     render: PuckComponent<T & TeachariumComponentProps>;
 }
 export interface TeachariumWidget<T> {

package/dist/teacharium-widget.es.js

@@ -1,8 +1,10 @@
-import re from "react";
-const ce = (n) => {
-  window.TeachariumComponents = window.TeachariumComponents || {}, window.TeachariumComponents[n.name] = n;
-}, le = () => Object.values(window.TeachariumComponents || {}), ie = "player", fe = "footer";
-var p = { exports: {} }, _ = {};
+import * as x from "react";
+import ae from "react";
+import { VolumeX as Q, Loader2 as oe, Pause as se, Play as le, Volume2 as ie } from "lucide-react";
+const pe = (t) => {
+  window.TeachariumComponents = window.TeachariumComponents || {}, window.TeachariumComponents[t.name] = t;
+}, Re = () => Object.values(window.TeachariumComponents || {}), _e = "player", Te = "footer";
+var M = { exports: {} }, O = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,29 +14,29 @@ var p = { exports: {} }, _ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var I;
-function te() {
-  if (I) return _;
-  I = 1;
-  var n = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
-  function s(m, u, c) {
-    var E = null;
-    if (c !== void 0 && (E = "" + c), u.key !== void 0 && (E = "" + u.key), "key" in u) {
-      c = {};
-      for (var R in u)
-        R !== "key" && (c[R] = u[R]);
-    } else c = u;
-    return u = c.ref, {
-      $$typeof: n,
-      type: m,
-      key: E,
-      ref: u !== void 0 ? u : null,
-      props: c
+var K;
+function ce() {
+  if (K) return O;
+  K = 1;
+  var t = Symbol.for("react.transitional.element"), d = Symbol.for("react.fragment");
+  function n(E, l, i) {
+    var o = null;
+    if (i !== void 0 && (o = "" + i), l.key !== void 0 && (o = "" + l.key), "key" in l) {
+      i = {};
+      for (var m in l)
+        m !== "key" && (i[m] = l[m]);
+    } else i = l;
+    return l = i.ref, {
+      $$typeof: t,
+      type: E,
+      key: o,
+      ref: l !== void 0 ? l : null,
+      props: i
     };
   }
-  return _.Fragment = i, _.jsx = s, _.jsxs = s, _;
+  return O.Fragment = d, O.jsx = n, O.jsxs = n, O;
 }
-var b = {};
+var k = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -44,125 +46,125 @@ var b = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var L;
-function ne() {
-  return L || (L = 1, process.env.NODE_ENV !== "production" && (function() {
-    function n(e) {
+var ee;
+function ue() {
+  return ee || (ee = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === Q ? null : e.displayName || e.name || null;
+        return e.$$typeof === I ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case v:
+        case T:
           return "Fragment";
-        case q:
+        case $:
           return "Profiler";
-        case V:
+        case R:
           return "StrictMode";
-        case X:
+        case y:
           return "Suspense";
-        case B:
+        case N:
           return "SuspenseList";
-        case Z:
+        case Y:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case U:
+          case W:
             return "Portal";
-          case z:
+          case S:
             return (e.displayName || "Context") + ".Provider";
-          case J:
+          case D:
             return (e._context.displayName || "Context") + ".Consumer";
-          case G:
+          case s:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case H:
-            return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
-          case y:
+          case L:
+            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
+          case j:
             r = e._payload, e = e._init;
             try {
-              return n(e(r));
+              return t(e(r));
             } catch {
             }
         }
       return null;
     }
-    function i(e) {
+    function d(e) {
       return "" + e;
     }
-    function s(e) {
+    function n(e) {
       try {
-        i(e);
+        d(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
+        var a = r.error, c = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          o
-        ), i(e);
+          c
+        ), d(e);
       }
     }
-    function m(e) {
-      if (e === v) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === y)
+    function E(e) {
+      if (e === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === j)
         return "<...>";
       try {
-        var r = n(e);
+        var r = t(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function u() {
-      var e = O.A;
+    function l() {
+      var e = g.A;
       return e === null ? null : e.getOwner();
     }
-    function c() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function E(e) {
-      if (g.call(e, "key")) {
+    function o(e) {
+      if (G.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function R(e, r) {
-      function t() {
-        N || (N = !0, console.error(
+    function m(e, r) {
+      function a() {
+        H || (H = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
+      a.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: a,
         configurable: !0
       });
     }
-    function W() {
-      var e = n(this.type);
-      return C[e] || (C[e] = !0, console.error(
+    function w() {
+      var e = t(this.type);
+      return z[e] || (z[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function M(e, r, t, o, f, l, w, S) {
-      return t = l.ref, e = {
-        $$typeof: h,
+    function A(e, r, a, c, _, v, V, J) {
+      return a = v.ref, e = {
+        $$typeof: C,
         type: e,
         key: r,
-        props: l,
-        _owner: f
-      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
+        props: v,
+        _owner: _
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: W
+        get: w
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -177,112 +179,112 @@ function ne() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: w
+        value: V
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: S
+        value: J
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function j(e, r, t, o, f, l, w, S) {
-      var a = r.children;
-      if (a !== void 0)
-        if (o)
-          if (K(a)) {
-            for (o = 0; o < a.length; o++)
-              P(a[o]);
-            Object.freeze && Object.freeze(a);
+    function b(e, r, a, c, _, v, V, J) {
+      var u = r.children;
+      if (u !== void 0)
+        if (c)
+          if (te(u)) {
+            for (c = 0; c < u.length; c++)
+              P(u[c]);
+            Object.freeze && Object.freeze(u);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else P(a);
-      if (g.call(r, "key")) {
-        a = n(e);
-        var d = Object.keys(r).filter(function(ee) {
-          return ee !== "key";
+        else P(u);
+      if (G.call(r, "key")) {
+        u = t(e);
+        var h = Object.keys(r).filter(function(ne) {
+          return ne !== "key";
         });
-        o = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", F[a + o] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
+        c = 0 < h.length ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}", Z[u + c] || (h = 0 < h.length ? "{" + h.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          o,
-          a,
-          d,
-          a
-        ), F[a + o] = !0);
+          c,
+          u,
+          h,
+          u
+        ), Z[u + c] = !0);
       }
-      if (a = null, t !== void 0 && (s(t), a = "" + t), E(r) && (s(r.key), a = "" + r.key), "key" in r) {
-        t = {};
-        for (var A in r)
-          A !== "key" && (t[A] = r[A]);
-      } else t = r;
-      return a && R(
-        t,
+      if (u = null, a !== void 0 && (n(a), u = "" + a), o(r) && (n(r.key), u = "" + r.key), "key" in r) {
+        a = {};
+        for (var q in r)
+          q !== "key" && (a[q] = r[q]);
+      } else a = r;
+      return u && m(
+        a,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), M(
+      ), A(
         e,
+        u,
+        v,
+        _,
+        l(),
         a,
-        l,
-        f,
-        u(),
-        t,
-        w,
-        S
+        V,
+        J
       );
     }
     function P(e) {
-      typeof e == "object" && e !== null && e.$$typeof === h && e._store && (e._store.validated = 1);
+      typeof e == "object" && e !== null && e.$$typeof === C && e._store && (e._store.validated = 1);
     }
-    var T = re, h = Symbol.for("react.transitional.element"), U = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), z = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), O = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, g = Object.prototype.hasOwnProperty, K = Array.isArray, k = console.createTask ? console.createTask : function() {
+    var p = ae, C = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), S = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), g = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, te = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
-    T = {
+    p = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var N, C = {}, Y = T.react_stack_bottom_frame.bind(
-      T,
-      c
-    )(), $ = k(m(c)), F = {};
-    b.Fragment = v, b.jsx = function(e, r, t, o, f) {
-      var l = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return j(
+    var H, z = {}, X = p.react_stack_bottom_frame.bind(
+      p,
+      i
+    )(), B = U(E(i)), Z = {};
+    k.Fragment = T, k.jsx = function(e, r, a, c, _) {
+      var v = 1e4 > g.recentlyCreatedOwnerStacks++;
+      return b(
         e,
         r,
-        t,
+        a,
         !1,
-        o,
-        f,
-        l ? Error("react-stack-top-frame") : Y,
-        l ? k(m(e)) : $
+        c,
+        _,
+        v ? Error("react-stack-top-frame") : X,
+        v ? U(E(e)) : B
       );
-    }, b.jsxs = function(e, r, t, o, f) {
-      var l = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return j(
+    }, k.jsxs = function(e, r, a, c, _) {
+      var v = 1e4 > g.recentlyCreatedOwnerStacks++;
+      return b(
         e,
         r,
-        t,
+        a,
         !0,
-        o,
-        f,
-        l ? Error("react-stack-top-frame") : Y,
-        l ? k(m(e)) : $
+        c,
+        _,
+        v ? Error("react-stack-top-frame") : X,
+        v ? U(E(e)) : B
       );
     };
-  })()), b;
+  })()), k;
 }
-var D;
-function oe() {
-  return D || (D = 1, process.env.NODE_ENV === "production" ? p.exports = te() : p.exports = ne()), p.exports;
+var re;
+function de() {
+  return re || (re = 1, process.env.NODE_ENV === "production" ? M.exports = ce() : M.exports = ue()), M.exports;
 }
-var x = oe();
-const ae = {
+var f = de();
+const fe = {
   margin: {
     type: "number",
     label: "Margin",
@@ -298,26 +300,125 @@ const ae = {
   //       { label: "Partial", value: "partial" },
   //     ],
   //   },
-}, se = ({ margin: n, children: i }) => {
-  const s = {};
-  return n && (s.padding = `${n}px`), /* @__PURE__ */ x.jsx("div", { style: s, children: i });
-}, de = (n) => {
-  const i = n.render;
+}, me = ({ margin: t, children: d }) => {
+  const n = {};
+  return t && (n.padding = `${t}px`), /* @__PURE__ */ f.jsx("div", { style: n, children: d });
+}, ye = (t) => {
+  const d = t.render;
   return {
-    ...n,
-    render: (s) => /* @__PURE__ */ x.jsx(se, { ...s, children: /* @__PURE__ */ x.jsx(i, { ...s }) }),
+    ...t,
+    render: (n) => /* @__PURE__ */ f.jsx(me, { ...n, children: /* @__PURE__ */ f.jsx(d, { ...n }) }),
     fields: {
-      ...n.fields,
-      ...ae
+      ...t.fields,
+      ...fe
     }
   };
-}, me = "world";
+}, F = (...t) => t.filter(Boolean).join(" "), ge = ({
+  audioUrl: t,
+  className: d,
+  size: n = "sm",
+  onPlay: E,
+  onPause: l,
+  onError: i
+}) => {
+  const o = x.useRef(null), [m, w] = x.useState(!1), [A, b] = x.useState(!1), [P, p] = x.useState(null), [C, W] = x.useState(!1), T = {
+    sm: "h-6 w-6",
+    md: "h-8 w-8",
+    lg: "h-10 w-10"
+  }, R = {
+    sm: 12,
+    md: 16,
+    lg: 20
+  }, $ = async () => {
+    if (o.current)
+      try {
+        b(!0), p(null), m ? o.current.pause() : await o.current.play();
+      } catch (s) {
+        const y = s instanceof Error ? s.message : "Failed to play audio";
+        p(y), i?.(y);
+      } finally {
+        b(!1);
+      }
+  }, D = () => {
+    o.current && (o.current.muted = !o.current.muted, W(o.current.muted));
+  };
+  x.useEffect(() => {
+    const s = o.current;
+    if (!s) return;
+    const y = () => {
+      w(!0), E?.();
+    }, N = () => {
+      w(!1), l?.();
+    }, L = () => {
+      w(!1), l?.();
+    }, j = () => {
+      b(!0);
+    }, Y = () => {
+      b(!1);
+    }, I = () => {
+      const g = "Failed to load audio";
+      p(g), b(!1), i?.(g);
+    };
+    return s.addEventListener("play", y), s.addEventListener("pause", N), s.addEventListener("ended", L), s.addEventListener("loadstart", j), s.addEventListener("canplay", Y), s.addEventListener("error", I), () => {
+      s.removeEventListener("play", y), s.removeEventListener("pause", N), s.removeEventListener("ended", L), s.removeEventListener("loadstart", j), s.removeEventListener("canplay", Y), s.removeEventListener("error", I);
+    };
+  }, [E, l, i]);
+  const S = "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background bg-transparent hover:bg-gray-100";
+  return P ? /* @__PURE__ */ f.jsx(
+    "button",
+    {
+      type: "button",
+      className: F(
+        S,
+        T[n],
+        "text-red-500",
+        d
+      ),
+      disabled: !0,
+      children: /* @__PURE__ */ f.jsx(Q, { size: R[n] })
+    }
+  ) : /* @__PURE__ */ f.jsxs("div", { className: F("flex items-center gap-1", d), children: [
+    /* @__PURE__ */ f.jsx("audio", { ref: o, src: t, preload: "metadata" }),
+    /* @__PURE__ */ f.jsx(
+      "button",
+      {
+        type: "button",
+        className: F(S, T[n]),
+        onClick: $,
+        disabled: A,
+        children: A ? /* @__PURE__ */ f.jsx(oe, { size: R[n], className: "animate-spin" }) : m ? /* @__PURE__ */ f.jsx(se, { size: R[n] }) : /* @__PURE__ */ f.jsx(le, { size: R[n] })
+      }
+    ),
+    n !== "sm" && /* @__PURE__ */ f.jsx(
+      "button",
+      {
+        type: "button",
+        className: F(S, T[n]),
+        onClick: D,
+        children: C ? /* @__PURE__ */ f.jsx(Q, { size: R[n] }) : /* @__PURE__ */ f.jsx(ie, { size: R[n] })
+      }
+    )
+  ] });
+}, Ee = "SHA-256";
+async function he(t) {
+  const d = globalThis.crypto?.subtle;
+  if (!d)
+    throw new Error("Web Crypto is not available to compute voiceover hashes");
+  const E = new TextEncoder().encode(t), l = await d.digest(Ee, E), i = new Uint8Array(l);
+  let o = "";
+  for (let m = 0; m < i.length; m += 1)
+    o += i[m].toString(16).padStart(2, "0");
+  return o;
+}
+const xe = "world";
 export {
-  fe as EVENT_SOURCE_FOOTER,
-  ie as EVENT_SOURCE_PLAYER,
-  se as LayoutContainer,
-  de as addStandardLayoutOptions,
-  le as getWidgets,
-  me as hi,
-  ce as registerWidget
+  ge as AudioPlayer,
+  Te as EVENT_SOURCE_FOOTER,
+  _e as EVENT_SOURCE_PLAYER,
+  me as LayoutContainer,
+  ye as addStandardLayoutOptions,
+  he as getVoiceoverHash,
+  Re as getWidgets,
+  xe as hi,
+  pe as registerWidget
 };

package/dist/utils/voiceover.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Compute a stable hash for voiceover content so the same script
+ * reuses cached audio. Relies solely on browser-compatible Web Crypto APIs.
+ */
+export declare function getVoiceoverHash(content: string): Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teacharium/widget",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "type": "module",
   "files": [
     "dist"
@@ -9,6 +9,8 @@
   "types": "dist/main.d.ts",
   "dependencies": {
     "@measured/puck": "^0.20.2",
+    "@next/eslint-plugin-next": "^15.5.4",
+    "lucide-react": "^0.511.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1"
   },