@fiction/sdk 1.0.61 → 1.0.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/FModal.vue_vue_type_script_setup_true_lang-CUVfXWtt.js +172 -0
- package/dist/FModal.vue_vue_type_script_setup_true_lang-CUVfXWtt.js.map +1 -0
- package/dist/{SelfProvider.vue_vue_type_script_setup_true_lang-26F7cqUz.js → SelfProvider.vue_vue_type_script_setup_true_lang-BQMizxIX.js} +4 -4
- package/dist/{SelfProvider.vue_vue_type_script_setup_true_lang-26F7cqUz.js.map → SelfProvider.vue_vue_type_script_setup_true_lang-BQMizxIX.js.map} +1 -1
- package/dist/{SelfWidgetInline-DM14q3uW.js → SelfWidgetInline-DGJVlVk0.js} +2 -2
- package/dist/{SelfWidgetInline-DM14q3uW.js.map → SelfWidgetInline-DGJVlVk0.js.map} +1 -1
- package/dist/{SelfWidgetModal-BpkLEYY0.js → SelfWidgetModal-BXmmc3Xf.js} +3 -3
- package/dist/{SelfWidgetModal-BpkLEYY0.js.map → SelfWidgetModal-BXmmc3Xf.js.map} +1 -1
- package/dist/{SelfWidgetPopup-DjwPpHLy.js → SelfWidgetPopup-BP0M4ucX.js} +7 -7
- package/dist/{SelfWidgetPopup-DjwPpHLy.js.map → SelfWidgetPopup-BP0M4ucX.js.map} +1 -1
- package/dist/{SelfWrap.vue_vue_type_script_setup_true_lang-DLAFn8rY.js → SelfWrap.vue_vue_type_script_setup_true_lang-Y1yR8Chp.js} +15 -16
- package/dist/SelfWrap.vue_vue_type_script_setup_true_lang-Y1yR8Chp.js.map +1 -0
- package/dist/sdk.css +1 -1
- package/dist/self/ui/SelfSidebarClose.vue.d.ts +6 -0
- package/dist/self.js +4 -4
- package/dist/widget.js +4 -4
- package/dist/widget.js.map +1 -1
- package/package.json +3 -3
- package/dist/FModal.vue_vue_type_script_setup_true_lang-Ce7y9PSl.js +0 -146
- package/dist/FModal.vue_vue_type_script_setup_true_lang-Ce7y9PSl.js.map +0 -1
- package/dist/SelfWrap.vue_vue_type_script_setup_true_lang-DLAFn8rY.js.map +0 -1
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
var M = Object.defineProperty;
|
|
2
|
+
var b = (e, l) => M(e, "name", { value: l, configurable: !0 });
|
|
3
|
+
import { defineComponent as z, ref as m, onMounted as g, createElementBlock as r, openBlock as s, createElementVNode as i, normalizeClass as d, watch as A, onUnmounted as S, computed as V, createBlock as C, createCommentVNode as n, Teleport as E, createVNode as x, Transition as h, withCtx as k, normalizeProps as N, guardReactiveProps as j, withModifiers as w, renderSlot as T, toDisplayString as P } from "vue";
|
|
4
|
+
const U = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, D = /* @__PURE__ */ z({
|
|
5
|
+
name: "FClose",
|
|
6
|
+
__name: "FClose",
|
|
7
|
+
emits: ["click"],
|
|
8
|
+
setup(e) {
|
|
9
|
+
const l = m(!1);
|
|
10
|
+
return g(() => {
|
|
11
|
+
setTimeout(() => {
|
|
12
|
+
l.value = !0;
|
|
13
|
+
}, 100);
|
|
14
|
+
}), (c, o) => (s(), r("a", {
|
|
15
|
+
class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
|
|
16
|
+
onClick: o[0] || (o[0] = (u) => c.$emit("click", u))
|
|
17
|
+
}, [
|
|
18
|
+
o[1] || (o[1] = i("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
|
|
19
|
+
i("span", U, [
|
|
20
|
+
i("span", {
|
|
21
|
+
class: d(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", l.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
|
|
22
|
+
style: { "background-color": "currentColor", "transition-delay": "0.15s" }
|
|
23
|
+
}, null, 2),
|
|
24
|
+
i("span", {
|
|
25
|
+
class: d(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", l.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
|
|
26
|
+
style: { "background-color": "currentColor", "transition-delay": "0.45s" }
|
|
27
|
+
}, null, 2)
|
|
28
|
+
])
|
|
29
|
+
]));
|
|
30
|
+
}
|
|
31
|
+
}), R = { class: "flex min-h-full items-center justify-center text-center p-4 py-8" }, q = {
|
|
32
|
+
key: 0,
|
|
33
|
+
class: "text-base p-4 font-semibold"
|
|
34
|
+
}, G = {
|
|
35
|
+
key: 1,
|
|
36
|
+
class: "flex items-center gap-2 px-2"
|
|
37
|
+
}, H = {
|
|
38
|
+
inheritAttrs: !1
|
|
39
|
+
}, K = /* @__PURE__ */ z({
|
|
40
|
+
...H,
|
|
41
|
+
name: "FModal",
|
|
42
|
+
__name: "FModal",
|
|
43
|
+
props: {
|
|
44
|
+
vis: { type: Boolean, default: !1 },
|
|
45
|
+
modalClass: {},
|
|
46
|
+
styleClass: {},
|
|
47
|
+
fullScreen: { type: Boolean, default: !1 },
|
|
48
|
+
hasClose: { type: Boolean, default: !1 },
|
|
49
|
+
title: { default: "" },
|
|
50
|
+
transitionMode: { default: "modal" },
|
|
51
|
+
teleportTo: { default: "body" },
|
|
52
|
+
disableTeleport: { type: Boolean, default: !1 }
|
|
53
|
+
},
|
|
54
|
+
emits: ["update:vis", "close", "escape"],
|
|
55
|
+
setup(e, { emit: l }) {
|
|
56
|
+
const c = l, o = m(!1);
|
|
57
|
+
function u(a) {
|
|
58
|
+
const { reason: t } = a;
|
|
59
|
+
c("update:vis", !1), c("close", !0), t === "escape" && c("escape", !0);
|
|
60
|
+
}
|
|
61
|
+
b(u, "close");
|
|
62
|
+
const f = e.modalClass ? [e.modalClass] : ["max-w-screen-md p-24"], $ = e.styleClass ? [e.styleClass] : ["bg-theme-0 text-theme-900", "shadow-xl"];
|
|
63
|
+
e.fullScreen ? f.push("fixed inset-0") : f.push("rounded-2xl my-6 mx-3");
|
|
64
|
+
const F = [
|
|
65
|
+
"relative",
|
|
66
|
+
"text-left",
|
|
67
|
+
"transform",
|
|
68
|
+
"transition-all",
|
|
69
|
+
"w-full",
|
|
70
|
+
"overflow-hidden",
|
|
71
|
+
...f,
|
|
72
|
+
...$
|
|
73
|
+
], y = m(!1), v = [];
|
|
74
|
+
g(async () => {
|
|
75
|
+
o.value = !0;
|
|
76
|
+
const a = A(
|
|
77
|
+
() => e.vis,
|
|
78
|
+
(t) => {
|
|
79
|
+
t ? setTimeout(() => y.value = !0, 300) : y.value = !1;
|
|
80
|
+
},
|
|
81
|
+
{ immediate: !0 }
|
|
82
|
+
);
|
|
83
|
+
v.push(a);
|
|
84
|
+
}), S(() => {
|
|
85
|
+
v.forEach((a) => a());
|
|
86
|
+
});
|
|
87
|
+
const B = V(() => e.transitionMode === "slideUp" ? {
|
|
88
|
+
enterActiveClass: "ease-[cubic-bezier(0.25,1,0.33,1)] duration-500",
|
|
89
|
+
enterFromClass: "opacity-0 translate-y-full scale-95",
|
|
90
|
+
enterToClass: "opacity-100 translate-y-0 scale-100",
|
|
91
|
+
leaveActiveClass: "ease-[cubic-bezier(0.25,1,0.33,1)] duration-500",
|
|
92
|
+
leaveFromClass: "opacity-100 translate-y-0 scale-100",
|
|
93
|
+
leaveToClass: "opacity-0 translate-y-full scale-95"
|
|
94
|
+
} : {
|
|
95
|
+
enterActiveClass: "ease-[cubic-bezier(0.25,1,0.33,1)] duration-500",
|
|
96
|
+
enterFromClass: "opacity-0 scale-75",
|
|
97
|
+
enterToClass: "opacity-100 translate-y-0 scale-100",
|
|
98
|
+
leaveActiveClass: "ease-[cubic-bezier(0.25,1,0.33,1)] duration-500",
|
|
99
|
+
leaveFromClass: "opacity-100 translate-y-0 scale-100",
|
|
100
|
+
leaveToClass: "opacity-0 scale-75"
|
|
101
|
+
});
|
|
102
|
+
return (a, t) => o.value ? (s(), C(E, {
|
|
103
|
+
key: 0,
|
|
104
|
+
to: e.teleportTo,
|
|
105
|
+
disabled: e.disableTeleport
|
|
106
|
+
}, [
|
|
107
|
+
i("div", {
|
|
108
|
+
class: d(["fixed inset-0 z-50", e.vis ? "" : "pointer-events-none"]),
|
|
109
|
+
"aria-labelledby": "modal-title",
|
|
110
|
+
role: "dialog",
|
|
111
|
+
"aria-modal": "true"
|
|
112
|
+
}, [
|
|
113
|
+
x(h, {
|
|
114
|
+
"enter-active-class": "ease-out duration-300",
|
|
115
|
+
"enter-from-class": "opacity-0",
|
|
116
|
+
"enter-to-class": "opacity-100",
|
|
117
|
+
"leave-active-class": "ease-in duration-200",
|
|
118
|
+
"leave-from-class": "opacity-100",
|
|
119
|
+
"leave-to-class": "opacity-0"
|
|
120
|
+
}, {
|
|
121
|
+
default: k(() => [
|
|
122
|
+
e.vis ? (s(), r("div", {
|
|
123
|
+
key: 0,
|
|
124
|
+
class: "fixed inset-0 bg-theme-800/60 active:bg-theme-800/80 cursor-pointer dark:bg-theme-600/90 backdrop-blur-sm transition-opacity",
|
|
125
|
+
onClick: t[0] || (t[0] = (p) => u({ reason: "escape" }))
|
|
126
|
+
})) : n("", !0)
|
|
127
|
+
]),
|
|
128
|
+
_: 1
|
|
129
|
+
}),
|
|
130
|
+
i("div", {
|
|
131
|
+
class: "fixed inset-0 z-40 overflow-y-auto",
|
|
132
|
+
onClick: t[3] || (t[3] = (p) => u({ reason: "escape" }))
|
|
133
|
+
}, [
|
|
134
|
+
i("div", R, [
|
|
135
|
+
x(h, N(j(B.value)), {
|
|
136
|
+
default: k(() => [
|
|
137
|
+
e.vis ? (s(), r("div", {
|
|
138
|
+
key: 0,
|
|
139
|
+
class: d([F, "w-full"]),
|
|
140
|
+
onClick: t[2] || (t[2] = w(() => {
|
|
141
|
+
}, ["stop"]))
|
|
142
|
+
}, [
|
|
143
|
+
e.hasClose || e.title || a.$slots.actions ? (s(), r("div", {
|
|
144
|
+
key: 0,
|
|
145
|
+
class: d(!e.title && (e.hasClose || a.$slots.actions) ? "absolute top-0 right-0 z-10" : "flex justify-between items-center")
|
|
146
|
+
}, [
|
|
147
|
+
e.title ? (s(), r("h2", q, P(e.title), 1)) : n("", !0),
|
|
148
|
+
e.hasClose || a.$slots.actions ? (s(), r("div", G, [
|
|
149
|
+
T(a.$slots, "actions"),
|
|
150
|
+
e.hasClose ? (s(), C(D, {
|
|
151
|
+
key: 0,
|
|
152
|
+
class: "relative",
|
|
153
|
+
"data-test-id": "close-modal",
|
|
154
|
+
onClick: t[1] || (t[1] = w((p) => u({ reason: "escape" }), ["stop"]))
|
|
155
|
+
})) : n("", !0)
|
|
156
|
+
])) : n("", !0)
|
|
157
|
+
], 2)) : n("", !0),
|
|
158
|
+
T(a.$slots, "default")
|
|
159
|
+
])) : n("", !0)
|
|
160
|
+
]),
|
|
161
|
+
_: 3
|
|
162
|
+
}, 16)
|
|
163
|
+
])
|
|
164
|
+
])
|
|
165
|
+
], 2)
|
|
166
|
+
], 8, ["to", "disabled"])) : n("", !0);
|
|
167
|
+
}
|
|
168
|
+
});
|
|
169
|
+
export {
|
|
170
|
+
K as _
|
|
171
|
+
};
|
|
172
|
+
//# sourceMappingURL=FModal.vue_vue_type_script_setup_true_lang-CUVfXWtt.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FModal.vue_vue_type_script_setup_true_lang-CUVfXWtt.js","sources":["../../../src/ui/common/FClose.vue","../../../src/ui/common/FModal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted, ref } from 'vue'\n\ndefineOptions({ name: 'FClose' })\n\ndefineEmits<{\n click: [event: MouseEvent]\n}>()\n\nconst inView = ref(false)\n\nonMounted(() => {\n setTimeout(() => {\n inView.value = true\n }, 100)\n})\n</script>\n\n<template>\n <a\n class=\"close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90\"\n @click=\"$emit('click', $event)\"\n >\n <!-- Background circle (invisible, for hover area) -->\n <span class=\"absolute inset-0 rounded-full transition-all\" />\n\n <!-- Close lines container -->\n <span class=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden\">\n <!-- Line 1 - animates from bottom-left to center, rotates 45deg -->\n <span\n class=\"absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]\"\n :class=\"inView ? 'translate-y-0 translate-x-0 rotate-45' : 'translate-y-[30px] -translate-x-[30px] rotate-0'\"\n style=\"background-color: currentColor; transition-delay: 0.15s\"\n />\n\n <!-- Line 2 - animates from top-left to center, rotates -45deg -->\n <span\n class=\"absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]\"\n :class=\"inView ? 'translate-y-0 translate-x-0 -rotate-45' : '-translate-y-[30px] -translate-x-[30px] rotate-0'\"\n style=\"background-color: currentColor; transition-delay: 0.45s\"\n />\n </span>\n </a>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport FClose from './FClose.vue'\n\ndefineOptions({ name: 'FModal' })\n\nconst {\n vis = false,\n modalClass,\n styleClass,\n fullScreen = false,\n hasClose = false,\n title = '',\n transitionMode = 'modal',\n teleportTo = 'body',\n disableTeleport = false,\n} = defineProps<{\n vis?: boolean\n modalClass?: string\n styleClass?: string\n fullScreen?: boolean\n hasClose?: boolean\n title?: string\n transitionMode?: 'modal' | 'slideUp'\n teleportTo?: string | Element\n disableTeleport?: boolean\n}>()\n\nconst emit = defineEmits<{\n 'update:vis': [value: boolean]\n 'close': [value: boolean]\n 'escape': [value: boolean]\n}>()\n\nconst isMounted = ref(false)\n\nfunction close(args: { reason: 'escape' | 'reset' }): void {\n const { reason } = args\n emit('update:vis', false)\n emit('close', true)\n if (reason === 'escape')\n emit('escape', true)\n}\n\nconst cls = modalClass ? [modalClass] : ['max-w-screen-md p-24']\nconst defaultStyleClass = styleClass ? [styleClass] : ['bg-theme-0 text-theme-900', 'shadow-xl']\n\nif (fullScreen)\n cls.push('fixed inset-0')\nelse\n cls.push('rounded-2xl my-6 mx-3')\n\nconst classes = [\n 'relative',\n 'text-left',\n 'transform',\n 'transition-all',\n 'w-full',\n 'overflow-hidden',\n ...cls,\n ...defaultStyleClass,\n]\n\nconst afterVisible = ref(false)\nconst cleanups: (() => void)[] = []\n\nonMounted(async () => {\n isMounted.value = true\n\n const unwatch = watch(\n () => vis,\n (vis) => {\n if (vis) {\n setTimeout(() => (afterVisible.value = true), 300)\n } else {\n afterVisible.value = false\n }\n },\n { immediate: true },\n )\n\n cleanups.push(unwatch)\n})\n\nonUnmounted(() => {\n cleanups.forEach((c) => c())\n})\n\nconst modalTransition = computed(() => {\n if (transitionMode === 'slideUp') {\n return {\n enterActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n enterFromClass: 'opacity-0 translate-y-full scale-95',\n enterToClass: 'opacity-100 translate-y-0 scale-100',\n leaveActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n leaveFromClass: 'opacity-100 translate-y-0 scale-100',\n leaveToClass: 'opacity-0 translate-y-full scale-95',\n }\n }\n return {\n enterActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n enterFromClass: 'opacity-0 scale-75',\n enterToClass: 'opacity-100 translate-y-0 scale-100',\n leaveActiveClass: 'ease-[cubic-bezier(0.25,1,0.33,1)] duration-500',\n leaveFromClass: 'opacity-100 translate-y-0 scale-100',\n leaveToClass: 'opacity-0 scale-75',\n }\n})\n</script>\n\n<script lang=\"ts\">\nexport default {\n inheritAttrs: false,\n}\n</script>\n\n<template>\n <Teleport v-if=\"isMounted\" :to=\"teleportTo\" :disabled=\"disableTeleport\">\n <div\n class=\"fixed inset-0 z-50\"\n aria-labelledby=\"modal-title\"\n role=\"dialog\"\n aria-modal=\"true\"\n :class=\"!vis ? 'pointer-events-none' : ''\"\n >\n <Transition\n enter-active-class=\"ease-out duration-300\"\n enter-from-class=\"opacity-0\"\n enter-to-class=\"opacity-100\"\n leave-active-class=\"ease-in duration-200\"\n leave-from-class=\"opacity-100\"\n leave-to-class=\"opacity-0\"\n >\n <div\n v-if=\"vis\"\n class=\"fixed inset-0 bg-theme-800/60 active:bg-theme-800/80 cursor-pointer dark:bg-theme-600/90 backdrop-blur-sm transition-opacity\"\n @click=\"close({ reason: 'escape' })\"\n />\n </Transition>\n <div\n class=\"fixed inset-0 z-40 overflow-y-auto\"\n @click=\"close({ reason: 'escape' })\"\n >\n <div class=\"flex min-h-full items-center justify-center text-center p-4 py-8\">\n <Transition v-bind=\"modalTransition\">\n <div\n v-if=\"vis\"\n :class=\"classes\"\n class=\"w-full\"\n @click.stop\n >\n <div\n v-if=\"hasClose || title || $slots.actions\"\n :class=\"!title && (hasClose || $slots.actions) ? 'absolute top-0 right-0 z-10' : 'flex justify-between items-center'\"\n >\n <h2 v-if=\"title\" class=\"text-base p-4 font-semibold\">\n {{ title }}\n </h2>\n <div v-if=\"hasClose || $slots.actions\" class=\"flex items-center gap-2 px-2\">\n <slot name=\"actions\" />\n <FClose\n v-if=\"hasClose\"\n class=\"relative\"\n data-test-id=\"close-modal\"\n @click.stop=\"close({ reason: 'escape' })\"\n />\n </div>\n </div>\n <slot />\n </div>\n </Transition>\n </div>\n </div>\n </div>\n </Teleport>\n</template>\n"],"names":["inView","ref","onMounted","_createElementBlock","_cache","$event","$emit","_createElementVNode","_hoisted_1","_normalizeClass","__default__","emit","__emit","isMounted","close","args","reason","__name","cls","__props","defaultStyleClass","classes","afterVisible","cleanups","unwatch","watch","vis","onUnmounted","c","modalTransition","computed","_createBlock","_Teleport","_createVNode","_Transition","$slots","_hoisted_2","_toDisplayString","_openBlock","_hoisted_3","_renderSlot","_ctx","FClose"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as i, createBlock as n, openBlock as f, mergeProps as c, withCtx as m, createVNode as p } from "vue";
|
|
2
|
-
import {
|
|
2
|
+
import { _ as d, a as _ } from "./SelfWrap.vue_vue_type_script_setup_true_lang-Y1yR8Chp.js";
|
|
3
3
|
const g = /* @__PURE__ */ i({
|
|
4
4
|
__name: "SelfProvider",
|
|
5
5
|
props: {
|
|
@@ -14,9 +14,9 @@ const g = /* @__PURE__ */ i({
|
|
|
14
14
|
emits: ["close", "error"],
|
|
15
15
|
setup(a, { emit: l }) {
|
|
16
16
|
const o = a, r = l;
|
|
17
|
-
return (
|
|
17
|
+
return (u, e) => (f(), n(d, c(o, { class: "self-provider size-full relative" }), {
|
|
18
18
|
default: m((s) => [
|
|
19
|
-
p(
|
|
19
|
+
p(_, {
|
|
20
20
|
sdk: s.sdk,
|
|
21
21
|
self: s.self,
|
|
22
22
|
context: s.context,
|
|
@@ -35,4 +35,4 @@ const g = /* @__PURE__ */ i({
|
|
|
35
35
|
export {
|
|
36
36
|
g as _
|
|
37
37
|
};
|
|
38
|
-
//# sourceMappingURL=SelfProvider.vue_vue_type_script_setup_true_lang-
|
|
38
|
+
//# sourceMappingURL=SelfProvider.vue_vue_type_script_setup_true_lang-BQMizxIX.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelfProvider.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
{"version":3,"file":"SelfProvider.vue_vue_type_script_setup_true_lang-BQMizxIX.js","sources":["../self/ui/SelfProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\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 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 :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":";;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAURC,IAAOC;sBAQXC,EAAA,GAAAC,EAgBWC,GAhBXC,EAgBWP,GAdI,EACb,OAAM,mCAAA,CAAkC,GAAA;AAAA,MAExC,SAAAQ,EAAA,CAJQC,MAAS;AAAA,QAIjBC,EAUEC,GAAA;AAAA,UATC,KAAKF,EAAU;AAAA,UACf,MAAMA,EAAU;AAAA,UAChB,SAASA,EAAU;AAAA,UACnB,iBAAeA,EAAU;AAAA,UACzB,aAAWT,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;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var i = Object.defineProperty;
|
|
2
2
|
var c = (s, t) => i(s, "name", { value: t, configurable: !0 });
|
|
3
3
|
import { defineComponent as u, ref as o, createBlock as d, openBlock as m } from "vue";
|
|
4
|
-
import { _ as x } from "./SelfProvider.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as x } from "./SelfProvider.vue_vue_type_script_setup_true_lang-BQMizxIX.js";
|
|
5
5
|
const M = /* @__PURE__ */ u({
|
|
6
6
|
__name: "SelfWidgetInline",
|
|
7
7
|
props: {
|
|
@@ -28,4 +28,4 @@ const M = /* @__PURE__ */ u({
|
|
|
28
28
|
export {
|
|
29
29
|
M as default
|
|
30
30
|
};
|
|
31
|
-
//# sourceMappingURL=SelfWidgetInline-
|
|
31
|
+
//# sourceMappingURL=SelfWidgetInline-DGJVlVk0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelfWidgetInline-
|
|
1
|
+
{"version":3,"file":"SelfWidgetInline-DGJVlVk0.js","sources":["../widget/ui/SelfWidgetInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { ref } from 'vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nexport interface WidgetUpdate {\n self?: Self\n context?: string\n firstMessage?: string\n}\n\nconst props = defineProps<{\n sdk?: FictionSDK\n handle?: string\n self?: Self\n context?: string\n firstMessage?: string\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)\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}\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 />\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","update","updates","__name","__expose","_createBlock","SelfProvider"],"mappings":";;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GASRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY;AAEtE,aAASM,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,SAAS,WACnBL,EAAY,QAAQK,EAAQ,OAC1BA,EAAQ,YAAY,WACtBH,EAAe,QAAQG,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BF,EAAoB,QAAQE,EAAQ;AAAA,IACxC;AAPS,WAAAC,EAAAF,GAAA,WASTG,EAAa,EAAE,QAAAH,GAAQ,mBAIrBI,EAMEC,GAAA;AAAA,MALC,KAAKV,EAAA;AAAA,MACL,QAAQA,EAAA;AAAA,MACR,MAAMC,EAAA;AAAA,MACN,SAASE,EAAA;AAAA,MACT,iBAAeC,EAAA;AAAA,IAAA;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var x = Object.defineProperty;
|
|
2
2
|
var n = (s, a) => x(s, "name", { value: a, configurable: !0 });
|
|
3
3
|
import { defineComponent as h, ref as l, onMounted as p, nextTick as g, createBlock as C, openBlock as k, withCtx as M, createVNode as _ } from "vue";
|
|
4
|
-
import { _ as w } from "./FModal.vue_vue_type_script_setup_true_lang-
|
|
5
|
-
import { _ as T } from "./SelfProvider.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as w } from "./FModal.vue_vue_type_script_setup_true_lang-CUVfXWtt.js";
|
|
5
|
+
import { _ as T } from "./SelfProvider.vue_vue_type_script_setup_true_lang-BQMizxIX.js";
|
|
6
6
|
const S = /* @__PURE__ */ h({
|
|
7
7
|
__name: "SelfWidgetModal",
|
|
8
8
|
props: {
|
|
@@ -59,4 +59,4 @@ const S = /* @__PURE__ */ h({
|
|
|
59
59
|
export {
|
|
60
60
|
S as default
|
|
61
61
|
};
|
|
62
|
-
//# sourceMappingURL=SelfWidgetModal-
|
|
62
|
+
//# sourceMappingURL=SelfWidgetModal-BXmmc3Xf.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelfWidgetModal-
|
|
1
|
+
{"version":3,"file":"SelfWidgetModal-BXmmc3Xf.js","sources":["../widget/ui/SelfWidgetModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\nimport { nextTick, onMounted, ref } from 'vue'\nimport FModal from '@/ui/common/FModal.vue'\nimport SelfProvider from '../../self/ui/SelfProvider.vue'\n\nexport interface WidgetUpdate {\n self?: Self\n context?: string\n firstMessage?: string\n}\n\nconst props = defineProps<{\n sdk?: FictionSDK\n handle?: string\n self?: Self\n context?: string\n firstMessage?: string\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 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}\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 :has-close=\"true\"\n @close=\"close\"\n />\n </FModal>\n</template>\n"],"names":["props","__props","currentSelf","ref","currentContext","currentFirstMessage","isVisible","onMounted","nextTick","update","updates","__name","close","open","__expose","_createBlock","FModal","_cache","$event","_createVNode","SelfProvider"],"mappings":";;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GASRC,IAAcC,EAAsBH,EAAM,IAAI,GAC9CI,IAAiBD,EAAwBH,EAAM,OAAO,GACtDK,IAAsBF,EAAwBH,EAAM,YAAY,GAChEM,IAAYH,EAAI,EAAK;AAG3B,IAAAI,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,WACnBR,EAAY,QAAQQ,EAAQ,OAC1BA,EAAQ,YAAY,WACtBN,EAAe,QAAQM,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BL,EAAoB,QAAQK,EAAQ;AAAA,IACxC;AAPS,IAAAC,EAAAF,GAAA;AAST,aAASG,IAAQ;AACf,MAAAN,EAAU,QAAQ,IAElB,WAAW,MAAM;AACf,QAAIN,EAAM,WACRA,EAAM,QAAA;AAAA,MAEV,GAAG,GAAG;AAAA,IACR;AARS,IAAAW,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,EAiBSC,GAAA;AAAA,MAhBN,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,MAQE;AAAA,QARFO,EAQEC,GAAA;AAAA,UAPC,KAAKnB,EAAA;AAAA,UACL,QAAQA,EAAA;AAAA,UACR,MAAMC,EAAA;AAAA,UACN,SAASE,EAAA;AAAA,UACT,iBAAeC,EAAA;AAAA,UACf,aAAW;AAAA,UACX,SAAOO;AAAA,QAAA;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var M = Object.defineProperty;
|
|
2
2
|
var a = (l, u) => M(l, "name", { value: u, configurable: !0 });
|
|
3
3
|
import { defineComponent as A, ref as r, watch as S, nextTick as $, createBlock as x, openBlock as c, withCtx as B, createElementBlock as b, createCommentVNode as g, normalizeClass as w, createElementVNode as s, normalizeStyle as j, unref as k } from "vue";
|
|
4
|
-
import {
|
|
4
|
+
import { _ as E, g as F, b as N, a as T } from "./SelfWrap.vue_vue_type_script_setup_true_lang-Y1yR8Chp.js";
|
|
5
5
|
const U = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "relative h-full w-full"
|
|
@@ -37,14 +37,14 @@ const U = {
|
|
|
37
37
|
h();
|
|
38
38
|
}
|
|
39
39
|
a(C, "handleClose");
|
|
40
|
-
function
|
|
40
|
+
function _(o) {
|
|
41
41
|
o.self !== void 0 && (p.value = o.self), o.context !== void 0 && (d.value = o.context), o.firstMessage !== void 0 && (v.value = o.firstMessage);
|
|
42
42
|
}
|
|
43
|
-
return a(
|
|
43
|
+
return a(_, "update"), u({
|
|
44
44
|
toggle: m,
|
|
45
45
|
open: y,
|
|
46
46
|
close: h,
|
|
47
|
-
update:
|
|
47
|
+
update: _
|
|
48
48
|
}), (o, i) => (c(), x(E, {
|
|
49
49
|
sdk: l.sdk,
|
|
50
50
|
handle: l.handle,
|
|
@@ -52,7 +52,7 @@ const U = {
|
|
|
52
52
|
context: d.value,
|
|
53
53
|
"first-message": v.value
|
|
54
54
|
}, {
|
|
55
|
-
default: B(({ self: n, sdk:
|
|
55
|
+
default: B(({ self: n, sdk: z }) => [
|
|
56
56
|
n ? (c(), b("div", {
|
|
57
57
|
key: 0,
|
|
58
58
|
class: w(["fixed z-[999999] pointer-events-auto", [
|
|
@@ -90,7 +90,7 @@ const U = {
|
|
|
90
90
|
t.value && n ? (c(), x(T, {
|
|
91
91
|
key: 1,
|
|
92
92
|
class: "rounded-3xl shadow-2xl border border-white/10",
|
|
93
|
-
sdk:
|
|
93
|
+
sdk: z,
|
|
94
94
|
self: n,
|
|
95
95
|
context: d.value,
|
|
96
96
|
"first-message": v.value,
|
|
@@ -108,4 +108,4 @@ const U = {
|
|
|
108
108
|
export {
|
|
109
109
|
G as default
|
|
110
110
|
};
|
|
111
|
-
//# sourceMappingURL=SelfWidgetPopup-
|
|
111
|
+
//# sourceMappingURL=SelfWidgetPopup-BP0M4ucX.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelfWidgetPopup-
|
|
1
|
+
{"version":3,"file":"SelfWidgetPopup-BP0M4ucX.js","sources":["../widget/ui/SelfWidgetPopup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FictionSDK } from '../../sdkClient'\nimport type { Self } from '@fiction/types'\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\nexport interface WidgetUpdate {\n self?: Self\n context?: string\n firstMessage?: string\n}\n\nconst props = defineProps<{\n sdk?: FictionSDK\n handle?: string\n self?: Self\n context?: string\n firstMessage?: string\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)\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}\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 >\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 :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","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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"}
|
|
@@ -6770,8 +6770,8 @@ const J = /* @__PURE__ */ s((e) => {
|
|
|
6770
6770
|
]));
|
|
6771
6771
|
}
|
|
6772
6772
|
}), gc = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, mc = /* @__PURE__ */ q({
|
|
6773
|
-
name: "
|
|
6774
|
-
__name: "
|
|
6773
|
+
name: "SelfSidebarClose",
|
|
6774
|
+
__name: "SelfSidebarClose",
|
|
6775
6775
|
emits: ["click"],
|
|
6776
6776
|
setup(e) {
|
|
6777
6777
|
const t = V(!1);
|
|
@@ -7807,20 +7807,19 @@ export {
|
|
|
7807
7807
|
Zt as C,
|
|
7808
7808
|
Ia as S,
|
|
7809
7809
|
mu as V,
|
|
7810
|
-
|
|
7811
|
-
|
|
7812
|
-
|
|
7813
|
-
|
|
7814
|
-
|
|
7815
|
-
|
|
7816
|
-
|
|
7810
|
+
ku as _,
|
|
7811
|
+
bu as a,
|
|
7812
|
+
wt as b,
|
|
7813
|
+
gu as c,
|
|
7814
|
+
Ne as d,
|
|
7815
|
+
Pa as e,
|
|
7816
|
+
Da as f,
|
|
7817
7817
|
Tt as g,
|
|
7818
|
-
|
|
7819
|
-
|
|
7820
|
-
|
|
7821
|
-
|
|
7822
|
-
|
|
7823
|
-
vu as m,
|
|
7818
|
+
pu as h,
|
|
7819
|
+
io as i,
|
|
7820
|
+
_r as j,
|
|
7821
|
+
vt as k,
|
|
7822
|
+
vu as l,
|
|
7824
7823
|
ja as p
|
|
7825
7824
|
};
|
|
7826
|
-
//# sourceMappingURL=SelfWrap.vue_vue_type_script_setup_true_lang-
|
|
7825
|
+
//# sourceMappingURL=SelfWrap.vue_vue_type_script_setup_true_lang-Y1yR8Chp.js.map
|