@fiction/sdk 1.0.87 → 1.0.89

package/dist/SelfProvider.vue_vue_type_script_setup_true_lang-C0Bri7Md.js

@@ -0,0 +1,42 @@
+import { defineComponent as i, createBlock as l, openBlock as c, mergeProps as f, withCtx as u, createVNode as m } from "vue";
+import { _ as p, a as x } from "./SelfWrap.vue_vue_type_script_setup_true_lang-Dy16trSb.js";
+const k = /* @__PURE__ */ i({
+  __name: "SelfProvider",
+  props: {
+    sdk: {},
+    self: {},
+    handle: {},
+    context: {},
+    firstMessage: {},
+    buttonText: {},
+    buttonIcon: {},
+    hasClose: { type: Boolean },
+    apiBase: {}
+  },
+  emits: ["close", "error"],
+  setup(r, { emit: a }) {
+    const e = r, n = a;
+    return (d, t) => (c(), l(p, f(e, { class: "self-provider size-full relative" }), {
+      default: u((s) => [
+        m(x, {
+          sdk: s.sdk,
+          self: s.self,
+          context: s.context,
+          "first-message": s.firstMessage,
+          "button-text": e.buttonText,
+          "button-icon": e.buttonIcon,
+          "has-close": e.hasClose,
+          "is-active": !0,
+          class: "size-full",
+          onClose: t[0] || (t[0] = (o) => n("close", o)),
+          onError: t[1] || (t[1] = (o) => n("error", o))
+        }, null, 8, ["sdk", "self", "context", "first-message", "button-text", "button-icon", "has-close"])
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  k as _
+};
+//# sourceMappingURL=SelfProvider.vue_vue_type_script_setup_true_lang-C0Bri7Md.js.map

package/dist/SelfProvider.vue_vue_type_script_setup_true_lang-C0Bri7Md.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfProvider.vue_vue_type_script_setup_true_lang-C0Bri7Md.js","sources":["../self/ui/SelfProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { ButtonIconPreset } from '../../widget/FictionWidget'\nimport type { Self } from '../schema'\nimport SelfAgent from './SelfAgent.vue'\nimport SelfWrap from './SelfWrap.vue'\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  self?: Self\n  handle?: string\n  context?: string\n  firstMessage?: string\n  buttonText?: string\n  buttonIcon?: ButtonIconPreset\n  hasClose?: boolean\n  apiBase?: string\n}>()\n\nconst emit = defineEmits<{\n  close: [value: string]\n  error: [message: string]\n}>()\n\n</script>\n\n<template>\n  <SelfWrap\n    v-slot=\"slotProps\"\n    v-bind=\"props\"\n    class=\"self-provider size-full relative\"\n  >\n    <SelfAgent\n      :sdk=\"slotProps.sdk\"\n      :self=\"slotProps.self\"\n      :context=\"slotProps.context\"\n      :first-message=\"slotProps.firstMessage\"\n      :button-text=\"props.buttonText\"\n      :button-icon=\"props.buttonIcon\"\n      :has-close=\"props.hasClose\"\n      :is-active=\"true\"\n      class=\"size-full\"\n      @close=\"emit('close', $event)\"\n      @error=\"emit('error', $event)\"\n    />\n  </SelfWrap>\n</template>\n"],"names":["props","__props","emit","__emit","_openBlock","_createBlock","SelfWrap","_mergeProps","_withCtx","slotProps","_createVNode","SelfAgent","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAYRC,IAAOC;sBAQXC,EAAA,GAAAC,EAkBWC,GAlBXC,EAkBWP,GAhBI,EACb,OAAM,mCAAA,CAAkC,GAAA;AAAA,MAExC,SAAAQ,EAAA,CAJQC,MAAS;AAAA,QAIjBC,EAYEC,GAAA;AAAA,UAXC,KAAKF,EAAU;AAAA,UACf,MAAMA,EAAU;AAAA,UAChB,SAASA,EAAU;AAAA,UACnB,iBAAeA,EAAU;AAAA,UACzB,eAAaT,EAAM;AAAA,UACnB,eAAaA,EAAM;AAAA,UACnB,aAAWA,EAAM;AAAA,UACjB,aAAW;AAAA,UACZ,OAAM;AAAA,UACL,SAAKY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAI,SAAUW,CAAM;AAAA,UAC3B,SAAKD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEX,EAAI,SAAUW,CAAM;AAAA,QAAA;;;;;;"}

package/dist/SelfWidgetInline-BEXm2Zjz.js

@@ -0,0 +1,35 @@
+var x = Object.defineProperty;
+var u = (e, s) => x(e, "name", { value: s, configurable: !0 });
+import { defineComponent as v, ref as o, createBlock as b, openBlock as m } from "vue";
+import { _ as d } from "./SelfProvider.vue_vue_type_script_setup_true_lang-C0Bri7Md.js";
+const M = /* @__PURE__ */ v({
+  __name: "SelfWidgetInline",
+  props: {
+    sdk: {},
+    handle: {},
+    self: {},
+    context: {},
+    firstMessage: {},
+    buttonText: {},
+    buttonIcon: {}
+  },
+  setup(e, { expose: s }) {
+    const n = e, c = o(n.self), l = o(n.context), r = o(n.firstMessage), f = o(n.buttonText), i = o(n.buttonIcon);
+    function a(t) {
+      t.self !== void 0 && (c.value = t.self), t.context !== void 0 && (l.value = t.context), t.firstMessage !== void 0 && (r.value = t.firstMessage), t.buttonText !== void 0 && (f.value = t.buttonText), t.buttonIcon !== void 0 && (i.value = t.buttonIcon);
+    }
+    return u(a, "update"), s({ update: a }), (t, g) => (m(), b(d, {
+      sdk: e.sdk,
+      handle: e.handle,
+      self: c.value,
+      context: l.value,
+      "first-message": r.value,
+      "button-text": f.value,
+      "button-icon": i.value
+    }, null, 8, ["sdk", "handle", "self", "context", "first-message", "button-text", "button-icon"]));
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=SelfWidgetInline-BEXm2Zjz.js.map

package/dist/SelfWidgetInline-BEXm2Zjz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfWidgetInline-BEXm2Zjz.js","sources":["../widget/ui/SelfWidgetInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport type { ButtonIconPreset, WidgetUpdate } from '../FictionWidget'\nimport { ref } from 'vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n  buttonText?: string\n  buttonIcon?: ButtonIconPreset\n}>()\n\n// Local state for updateable props\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\nconst currentButtonText = ref<string | undefined>(props.buttonText)\nconst currentButtonIcon = ref<ButtonIconPreset | undefined>(props.buttonIcon)\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n  if (updates.buttonText !== undefined)\n    currentButtonText.value = updates.buttonText\n  if (updates.buttonIcon !== undefined)\n    currentButtonIcon.value = updates.buttonIcon\n}\n\ndefineExpose({ update })\n</script>\n\n<template>\n  <SelfProvider\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :self=\"currentSelf\"\n    :context=\"currentContext\"\n    :first-message=\"currentFirstMessage\"\n    :button-text=\"currentButtonText\"\n    :button-icon=\"currentButtonIcon\"\n  />\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","currentButtonText","currentButtonIcon","update","updates","__name","__expose","_createBlock","SelfProvider"],"mappings":";;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAWRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY,GAChEM,IAAoBH,EAAwBH,EAAM,UAAU,GAC5DO,IAAoBJ,EAAkCH,EAAM,UAAU;AAE5E,aAASQ,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBP,EAAY,QAAQO,EAAQ,OAC1BA,EAAQ,YAAY,WACtBL,EAAe,QAAQK,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BJ,EAAoB,QAAQI,EAAQ,eAClCA,EAAQ,eAAe,WACzBH,EAAkB,QAAQG,EAAQ,aAChCA,EAAQ,eAAe,WACzBF,EAAkB,QAAQE,EAAQ;AAAA,IACtC;AAXS,WAAAC,EAAAF,GAAA,WAaTG,EAAa,EAAE,QAAAH,GAAQ,mBAIrBI,EAQEC,GAAA;AAAA,MAPC,KAAKZ,EAAA;AAAA,MACL,QAAQA,EAAA;AAAA,MACR,MAAMC,EAAA;AAAA,MACN,SAASE,EAAA;AAAA,MACT,iBAAeC,EAAA;AAAA,MACf,eAAaC,EAAA;AAAA,MACb,eAAaC,EAAA;AAAA,IAAA;;;"}

package/dist/SelfWidgetModal-DgX1OdRX.js

@@ -0,0 +1,66 @@
+var h = Object.defineProperty;
+var l = (n, i) => h(n, "name", { value: i, configurable: !0 });
+import { defineComponent as g, ref as o, onMounted as C, nextTick as T, createBlock as k, openBlock as M, withCtx as _, createVNode as p } from "vue";
+import { _ as I } from "./FModal.vue_vue_type_script_setup_true_lang-cL0BFEkZ.js";
+import { _ as B } from "./SelfProvider.vue_vue_type_script_setup_true_lang-C0Bri7Md.js";
+const V = /* @__PURE__ */ g({
+  __name: "SelfWidgetModal",
+  props: {
+    sdk: {},
+    handle: {},
+    self: {},
+    context: {},
+    firstMessage: {},
+    buttonText: {},
+    buttonIcon: {},
+    onClose: { type: Function }
+  },
+  setup(n, { expose: i }) {
+    const t = n, a = o(t.self), c = o(t.context), f = o(t.firstMessage), r = o(t.buttonText), v = o(t.buttonIcon), s = o(!1);
+    C(async () => {
+      await T(), setTimeout(() => {
+        s.value = !0;
+      }, 10);
+    });
+    function m(e) {
+      e.self !== void 0 && (a.value = e.self), e.context !== void 0 && (c.value = e.context), e.firstMessage !== void 0 && (f.value = e.firstMessage), e.buttonText !== void 0 && (r.value = e.buttonText), e.buttonIcon !== void 0 && (v.value = e.buttonIcon);
+    }
+    l(m, "update");
+    function u() {
+      s.value = !1, setTimeout(() => {
+        t.onClose && t.onClose();
+      }, 300);
+    }
+    l(u, "close");
+    function d() {
+      s.value = !0;
+    }
+    return l(d, "open"), i({ update: m, close: u, open: d }), (e, x) => (M(), k(I, {
+      vis: s.value,
+      "disable-teleport": !0,
+      "modal-class": "max-w-4xl h-[80vh] md:h-[600px]",
+      "has-close": !1,
+      "onUpdate:vis": x[0] || (x[0] = (b) => s.value = b),
+      onClose: u
+    }, {
+      default: _(() => [
+        p(B, {
+          sdk: n.sdk,
+          handle: n.handle,
+          self: a.value,
+          context: c.value,
+          "first-message": f.value,
+          "button-text": r.value,
+          "button-icon": v.value,
+          "has-close": !0,
+          onClose: u
+        }, null, 8, ["sdk", "handle", "self", "context", "first-message", "button-text", "button-icon"])
+      ]),
+      _: 1
+    }, 8, ["vis"]));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=SelfWidgetModal-DgX1OdRX.js.map

package/dist/SelfWidgetModal-DgX1OdRX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfWidgetModal-DgX1OdRX.js","sources":["../widget/ui/SelfWidgetModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport type { ButtonIconPreset, WidgetUpdate } from '../FictionWidget'\nimport { nextTick, onMounted, ref } from 'vue'\nimport FModal from '@/ui/common/FModal.vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n  buttonText?: string\n  buttonIcon?: ButtonIconPreset\n  onClose?: () => void\n}>()\n\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\nconst currentButtonText = ref<string | undefined>(props.buttonText)\nconst currentButtonIcon = ref<ButtonIconPreset | undefined>(props.buttonIcon)\nconst isVisible = ref(false)\n\n// Trigger transition after mount\nonMounted(async () => {\n  await nextTick()\n  // Small delay to ensure DOM is ready and transition fires\n  setTimeout(() => {\n    isVisible.value = true\n  }, 10)\n})\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n  if (updates.buttonText !== undefined)\n    currentButtonText.value = updates.buttonText\n  if (updates.buttonIcon !== undefined)\n    currentButtonIcon.value = updates.buttonIcon\n}\n\nfunction close() {\n  isVisible.value = false\n  // Wait for transition to complete before calling onClose\n  setTimeout(() => {\n    if (props.onClose) {\n      props.onClose()\n    }\n  }, 300) // Match FModal transition duration\n}\n\nfunction open() {\n  isVisible.value = true\n}\n\ndefineExpose({ update, close, open })\n</script>\n\n<template>\n  <FModal\n    :vis=\"isVisible\"\n    :disable-teleport=\"true\"\n    modal-class=\"max-w-4xl h-[80vh] md:h-[600px]\"\n    :has-close=\"false\"\n    @update:vis=\"isVisible = $event\"\n    @close=\"close\"\n  >\n    <SelfProvider\n      :sdk=\"sdk\"\n      :handle=\"handle\"\n      :self=\"currentSelf\"\n      :context=\"currentContext\"\n      :first-message=\"currentFirstMessage\"\n      :button-text=\"currentButtonText\"\n      :button-icon=\"currentButtonIcon\"\n      :has-close=\"true\"\n      @close=\"close\"\n    />\n  </FModal>\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","currentButtonText","currentButtonIcon","isVisible","onMounted","nextTick","update","updates","__name","close","open","__expose","_createBlock","FModal","_cache","$event","_createVNode","SelfProvider"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAWRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY,GAChEM,IAAoBH,EAAwBH,EAAM,UAAU,GAC5DO,IAAoBJ,EAAkCH,EAAM,UAAU,GACtEQ,IAAYL,EAAI,EAAK;AAG3B,IAAAM,EAAU,YAAY;AACpB,YAAMC,EAAA,GAEN,WAAW,MAAM;AACf,QAAAF,EAAU,QAAQ;AAAA,MACpB,GAAG,EAAE;AAAA,IACP,CAAC;AAED,aAASG,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBV,EAAY,QAAQU,EAAQ,OAC1BA,EAAQ,YAAY,WACtBR,EAAe,QAAQQ,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BP,EAAoB,QAAQO,EAAQ,eAClCA,EAAQ,eAAe,WACzBN,EAAkB,QAAQM,EAAQ,aAChCA,EAAQ,eAAe,WACzBL,EAAkB,QAAQK,EAAQ;AAAA,IACtC;AAXS,IAAAC,EAAAF,GAAA;AAaT,aAASG,IAAQ;AACf,MAAAN,EAAU,QAAQ,IAElB,WAAW,MAAM;AACf,QAAIR,EAAM,WACRA,EAAM,QAAA;AAAA,MAEV,GAAG,GAAG;AAAA,IACR;AARS,IAAAa,EAAAC,GAAA;AAUT,aAASC,IAAO;AACd,MAAAP,EAAU,QAAQ;AAAA,IACpB;AAFS,WAAAK,EAAAE,GAAA,SAITC,EAAa,EAAE,QAAAL,GAAQ,OAAAG,GAAO,MAAAC,EAAA,CAAM,mBAIlCE,EAmBSC,GAAA;AAAA,MAlBN,KAAKV,EAAA;AAAA,MACL,oBAAkB;AAAA,MACnB,eAAY;AAAA,MACX,aAAW;AAAA,MACX,gBAAUW,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEZ,EAAA,QAAYY;AAAA,MACxB,SAAON;AAAA,IAAA;iBAER,MAUE;AAAA,QAVFO,EAUEC,GAAA;AAAA,UATC,KAAKrB,EAAA;AAAA,UACL,QAAQA,EAAA;AAAA,UACR,MAAMC,EAAA;AAAA,UACN,SAASE,EAAA;AAAA,UACT,iBAAeC,EAAA;AAAA,UACf,eAAaC,EAAA;AAAA,UACb,eAAaC,EAAA;AAAA,UACb,aAAW;AAAA,UACX,SAAOO;AAAA,QAAA;;;;;;"}

package/dist/SelfWidgetPopup-BVKJE-BW.js

@@ -0,0 +1,117 @@
+var I = Object.defineProperty;
+var s = (a, c) => I(a, "name", { value: c, configurable: !0 });
+import { defineComponent as M, ref as n, watch as A, nextTick as S, createBlock as w, openBlock as u, withCtx as $, createElementBlock as k, createCommentVNode as p, normalizeClass as y, createElementVNode as i, normalizeStyle as j, unref as C } from "vue";
+import { _ as E, g as F, b as N, a as U } from "./SelfWrap.vue_vue_type_script_setup_true_lang-Dy16trSb.js";
+const V = {
+  key: 0,
+  class: "relative h-full w-full"
+}, D = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, O = ["src", "alt"], H = /* @__PURE__ */ M({
+  __name: "SelfWidgetPopup",
+  props: {
+    sdk: {},
+    handle: {},
+    self: {},
+    context: {},
+    firstMessage: {},
+    buttonText: {},
+    buttonIcon: {},
+    position: {}
+  },
+  setup(a, { expose: c }) {
+    const e = a, o = n(!1), f = n(!1), x = n(e.self), v = n(e.context), d = n(e.firstMessage), g = n(e.buttonText), b = n(e.buttonIcon);
+    function m() {
+      o.value = !o.value;
+    }
+    s(m, "toggle"), A(o, async (t) => {
+      t ? (await S(), setTimeout(() => {
+        f.value = !0;
+      }, 400)) : f.value = !1;
+    });
+    function _() {
+      o.value = !0;
+    }
+    s(_, "open");
+    function h() {
+      o.value = !1;
+    }
+    s(h, "close");
+    function z() {
+      h();
+    }
+    s(z, "handleClose");
+    function T(t) {
+      t.self !== void 0 && (x.value = t.self), t.context !== void 0 && (v.value = t.context), t.firstMessage !== void 0 && (d.value = t.firstMessage), t.buttonText !== void 0 && (g.value = t.buttonText), t.buttonIcon !== void 0 && (b.value = t.buttonIcon);
+    }
+    return s(T, "update"), c({
+      toggle: m,
+      open: _,
+      close: h,
+      update: T
+    }), (t, l) => (u(), w(E, {
+      sdk: a.sdk,
+      handle: a.handle,
+      self: x.value,
+      context: v.value,
+      "first-message": d.value,
+      "button-text": g.value,
+      "button-icon": b.value
+    }, {
+      default: $(({ self: r, sdk: B }) => [
+        r ? (u(), k("div", {
+          key: 0,
+          class: y(["fixed z-[999999] pointer-events-auto", [
+            e.position === "bottom-left" ? "bottom-6 left-6" : e.position === "top-right" ? "top-6 right-6" : e.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"
+          ]])
+        }, [
+          i("div", {
+            class: y(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [
+              o.value ? "widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100" : "widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer"
+            ]]),
+            style: j({
+              "transform-origin": e.position === "bottom-left" ? "bottom left" : e.position === "top-right" ? "top right" : e.position === "top-left" ? "top left" : "bottom right"
+            }),
+            onClick: l[0] || (l[0] = (P) => o.value ? void 0 : m())
+          }, [
+            o.value ? p("", !0) : (u(), k("div", V, [
+              i("div", D, [
+                i("img", {
+                  src: C(F)(r) || C(N)(),
+                  alt: `${r.name} digital self`,
+                  class: "h-full w-full object-cover pointer-events-none",
+                  width: "80",
+                  height: "80"
+                }, null, 8, O),
+                l[1] || (l[1] = i("div", { class: "absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40" }, null, -1))
+              ]),
+              l[2] || (l[2] = i("div", { class: "absolute top-0.5 right-0.5" }, [
+                i("div", {
+                  class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
+                  style: { "animation-duration": "3s" }
+                }),
+                i("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" })
+              ], -1))
+            ])),
+            o.value && r ? (u(), w(U, {
+              key: 1,
+              class: "rounded-3xl shadow-2xl border border-white/10",
+              sdk: B,
+              self: r,
+              context: v.value,
+              "first-message": d.value,
+              "button-text": g.value,
+              "button-icon": b.value,
+              "has-close": !0,
+              "is-active": f.value,
+              onClose: z
+            }, null, 8, ["sdk", "self", "context", "first-message", "button-text", "button-icon", "is-active"])) : p("", !0)
+          ], 6)
+        ], 2)) : p("", !0)
+      ]),
+      _: 1
+    }, 8, ["sdk", "handle", "self", "context", "first-message", "button-text", "button-icon"]));
+  }
+});
+export {
+  H as default
+};
+//# sourceMappingURL=SelfWidgetPopup-BVKJE-BW.js.map

package/dist/SelfWidgetPopup-BVKJE-BW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelfWidgetPopup-BVKJE-BW.js","sources":["../widget/ui/SelfWidgetPopup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport type { ButtonIconPreset, WidgetUpdate } from '../FictionWidget'\nimport { nextTick, ref, watch } from 'vue'\nimport { getFallbackAvatarDataUrl, getSelfAvatarUrl } from '../../self/utils'\nimport SelfAgent from '../../self/ui/SelfAgent.vue'\nimport SelfWrap from '../../self/ui/SelfWrap.vue'\n\nconst props = defineProps<{\n  sdk?: FictionSDK\n  handle?: string\n  self?: Self\n  context?: string\n  firstMessage?: string\n  buttonText?: string\n  buttonIcon?: ButtonIconPreset\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n}>()\nconst isOpen = ref(false)\nconst isAgentActive = ref(false)\n\n// Local state for updateable props\nconst currentSelf = ref<Self | undefined>(props.self)\nconst currentContext = ref<string | undefined>(props.context)\nconst currentFirstMessage = ref<string | undefined>(props.firstMessage)\nconst currentButtonText = ref<string | undefined>(props.buttonText)\nconst currentButtonIcon = ref<ButtonIconPreset | undefined>(props.buttonIcon)\n\nfunction toggle() {\n  isOpen.value = !isOpen.value\n}\n\n// Watch isOpen to delay agent activation for smooth transition\nwatch(isOpen, async (newValue) => {\n  if (newValue) {\n    // When opening, delay agent activation until transition starts\n    await nextTick()\n    setTimeout(() => {\n      isAgentActive.value = true\n    }, 400) // Delay to let container expand first\n  }\n  else {\n    // When closing, immediately deactivate agent\n    isAgentActive.value = false\n  }\n})\n\nfunction open() {\n  isOpen.value = true\n}\n\nfunction close() {\n  isOpen.value = false\n}\n\nfunction handleClose() {\n  close()\n}\n\nfunction update(updates: WidgetUpdate) {\n  if (updates.self !== undefined)\n    currentSelf.value = updates.self\n  if (updates.context !== undefined)\n    currentContext.value = updates.context\n  if (updates.firstMessage !== undefined)\n    currentFirstMessage.value = updates.firstMessage\n  if (updates.buttonText !== undefined)\n    currentButtonText.value = updates.buttonText\n  if (updates.buttonIcon !== undefined)\n    currentButtonIcon.value = updates.buttonIcon\n}\n\ndefineExpose({\n  toggle,\n  open,\n  close,\n  update,\n})\n</script>\n\n<template>\n  <SelfWrap\n    v-slot=\"{ self, sdk: resolvedSdk }\"\n    :sdk=\"sdk\"\n    :handle=\"handle\"\n    :self=\"currentSelf\"\n    :context=\"currentContext\"\n    :first-message=\"currentFirstMessage\"\n    :button-text=\"currentButtonText\"\n    :button-icon=\"currentButtonIcon\"\n  >\n    <!-- Fixed Widget Wrapper -->\n    <div\n      v-if=\"self\"\n      class=\"fixed z-[999999] pointer-events-auto\"\n      :class=\"[\n        props.position === 'bottom-left' ? 'bottom-6 left-6'\n        : props.position === 'top-right' ? 'top-6 right-6'\n          : props.position === 'top-left' ? 'top-6 left-6'\n            : 'bottom-6 right-6',\n      ]\"\n    >\n      <!-- Widget Content with Transition -->\n      <div\n        class=\"transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu\"\n        :class=\"[\n          isOpen\n            ? 'widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100'\n            : 'widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer',\n        ]\"\n        :style=\"{\n          'transform-origin':\n            props.position === 'bottom-left' ? 'bottom left'\n            : props.position === 'top-right' ? 'top right'\n              : props.position === 'top-left' ? 'top left'\n                : 'bottom right',\n        }\"\n        @click=\"!isOpen ? toggle() : undefined\"\n      >\n        <!-- Button Content (visible when closed) -->\n        <div v-if=\"!isOpen\" class=\"relative h-full w-full\">\n          <div class=\"group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100\">\n            <img\n              :src=\"getSelfAvatarUrl(self) || getFallbackAvatarDataUrl()\"\n              :alt=\"`${self.name} digital self`\"\n              class=\"h-full w-full object-cover pointer-events-none\"\n              width=\"80\"\n              height=\"80\"\n            />\n            <!-- Gradient overlay for contrast -->\n            <div class=\"absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40\" />\n          </div>\n          <!-- Online indicator -->\n          <div class=\"absolute top-0.5 right-0.5\">\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping\" style=\"animation-duration: 3s;\" />\n            <div class=\"size-3 bg-green-500 rounded-full ring-2 ring-white\" />\n          </div>\n        </div>\n\n        <!-- Chat Content (visible when open) -->\n        <SelfAgent\n          v-if=\"isOpen && self\"\n          class=\"rounded-3xl shadow-2xl border border-white/10\"\n          :sdk=\"resolvedSdk\"\n          :self=\"self\"\n          :context=\"currentContext\"\n          :first-message=\"currentFirstMessage\"\n          :button-text=\"currentButtonText\"\n          :button-icon=\"currentButtonIcon\"\n          :has-close=\"true\"\n          :is-active=\"isAgentActive\"\n          @close=\"handleClose\"\n        />\n      </div>\n    </div>\n  </SelfWrap>\n</template>\n"],"names":["props","__props","isOpen","ref","isAgentActive","currentSelf","currentContext","currentFirstMessage","currentButtonText","currentButtonIcon","toggle","__name","watch","newValue","nextTick","open","close","handleClose","update","updates","__expose","_createBlock","SelfWrap","self","resolvedSdk","_createElementBlock","_createElementVNode","_normalizeStyle","_cache","$event","_openBlock","_hoisted_1","_hoisted_2","_unref","getSelfAvatarUrl","getFallbackAvatarDataUrl","SelfAgent"],"mappings":"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"}