@pagelines/sdk 1.0.175 → 1.0.176
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/{AgentProvider.vue_vue_type_script_setup_true_lang-BcA-vKJA.js → AgentProvider.vue_vue_type_script_setup_true_lang-B44BDgFU.js} +2 -2
- package/dist/{AgentProvider.vue_vue_type_script_setup_true_lang-BcA-vKJA.js.map → AgentProvider.vue_vue_type_script_setup_true_lang-B44BDgFU.js.map} +1 -1
- package/dist/{AgentWidgetInline-CDZ4ifAG.js → AgentWidgetInline-b18G4d9H.js} +2 -2
- package/dist/{AgentWidgetInline-CDZ4ifAG.js.map → AgentWidgetInline-b18G4d9H.js.map} +1 -1
- package/dist/{AgentWidgetModal-DEOFJAGX.js → AgentWidgetModal-BeNIGtLh.js} +2 -2
- package/dist/{AgentWidgetModal-DEOFJAGX.js.map → AgentWidgetModal-BeNIGtLh.js.map} +1 -1
- package/dist/{AgentWidgetPopup-BvjHKgNn.js → AgentWidgetPopup-aZcXa7Bs.js} +29 -29
- package/dist/AgentWidgetPopup-aZcXa7Bs.js.map +1 -0
- package/dist/{AgentWrap.vue_vue_type_script_setup_true_lang-DKVTVwEy.js → AgentWrap.vue_vue_type_script_setup_true_lang-CeEcZnMh.js} +553 -589
- package/dist/AgentWrap.vue_vue_type_script_setup_true_lang-CeEcZnMh.js.map +1 -0
- package/dist/agent/utils.d.ts +2 -3
- package/dist/agent.js +52 -52
- package/dist/agent.js.map +1 -1
- package/dist/sdk.css +1 -1
- package/dist/widget.js +3 -3
- package/package.json +2 -2
- package/dist/AgentWidgetPopup-BvjHKgNn.js.map +0 -1
- package/dist/AgentWrap.vue_vue_type_script_setup_true_lang-DKVTVwEy.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as c, createBlock as i, openBlock as l, mergeProps as u, withCtx as m, createVNode as f } from "vue";
|
|
2
|
-
import { _ as p, a as g } from "./AgentWrap.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { _ as p, a as g } from "./AgentWrap.vue_vue_type_script_setup_true_lang-CeEcZnMh.js";
|
|
3
3
|
const b = /* @__PURE__ */ c({
|
|
4
4
|
__name: "AgentProvider",
|
|
5
5
|
props: {
|
|
@@ -41,4 +41,4 @@ const b = /* @__PURE__ */ c({
|
|
|
41
41
|
export {
|
|
42
42
|
b as _
|
|
43
43
|
};
|
|
44
|
-
//# sourceMappingURL=AgentProvider.vue_vue_type_script_setup_true_lang-
|
|
44
|
+
//# sourceMappingURL=AgentProvider.vue_vue_type_script_setup_true_lang-B44BDgFU.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentProvider.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
{"version":3,"file":"AgentProvider.vue_vue_type_script_setup_true_lang-B44BDgFU.js","sources":["../agent/ui/AgentProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { ButtonIconPreset } from '../../widget/PLWidget'\nimport type { Agent } from '../schema'\nimport AgentChat from './AgentChat.vue'\nimport AgentWrap from './AgentWrap.vue'\n\nconst props = defineProps<{\n sdk?: PageLinesSDK\n agent?: Agent\n handle?: string\n context?: string\n firstMessage?: string\n buttonText?: string\n buttonIcon?: ButtonIconPreset\n hasClose?: boolean\n chatOnly?: 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 <AgentWrap\n v-slot=\"slotProps\"\n v-bind=\"props\"\n class=\"agent-provider size-full relative\"\n >\n <AgentChat\n :sdk=\"slotProps.sdk\"\n :agent=\"slotProps.agent\"\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 :chat-only=\"props.chatOnly\"\n :is-active=\"true\"\n class=\"size-full\"\n @close=\"emit('close', $event)\"\n @error=\"emit('error', $event)\"\n />\n </AgentWrap>\n</template>\n"],"names":["props","__props","emit","__emit","_openBlock","_createBlock","AgentWrap","_mergeProps","_withCtx","slotProps","_createVNode","AgentChat","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAaRC,IAAOC;sBAQXC,EAAA,GAAAC,EAmBYC,GAnBZC,EAmBYP,GAjBG,EACb,OAAM,oCAAA,CAAmC,GAAA;AAAA,MAEzC,SAAAQ,EAAA,CAJQC,MAAS;AAAA,QAIjBC,EAaEC,GAAA;AAAA,UAZC,KAAKF,EAAU;AAAA,UACf,OAAOA,EAAU;AAAA,UACjB,SAASA,EAAU;AAAA,UACnB,iBAAeA,EAAU;AAAA,UACzB,eAAaT,EAAM;AAAA,UACnB,eAAaA,EAAM;AAAA,UACnB,aAAWA,EAAM;AAAA,UACjB,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;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var x = Object.defineProperty;
|
|
2
2
|
var l = (n, c) => x(n, "name", { value: c, configurable: !0 });
|
|
3
3
|
import { defineComponent as g, ref as o, createBlock as v, openBlock as b } from "vue";
|
|
4
|
-
import { _ as m } from "./AgentProvider.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as m } from "./AgentProvider.vue_vue_type_script_setup_true_lang-B44BDgFU.js";
|
|
5
5
|
const y = /* @__PURE__ */ g({
|
|
6
6
|
__name: "AgentWidgetInline",
|
|
7
7
|
props: {
|
|
@@ -34,4 +34,4 @@ const y = /* @__PURE__ */ g({
|
|
|
34
34
|
export {
|
|
35
35
|
y as default
|
|
36
36
|
};
|
|
37
|
-
//# sourceMappingURL=AgentWidgetInline-
|
|
37
|
+
//# sourceMappingURL=AgentWidgetInline-b18G4d9H.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentWidgetInline-
|
|
1
|
+
{"version":3,"file":"AgentWidgetInline-b18G4d9H.js","sources":["../widget/ui/AgentWidgetInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { Agent } from '@pagelines/types'\nimport type { ButtonIconPreset, WidgetUpdate } from '../PLWidget'\nimport { ref } from 'vue'\nimport AgentProvider from '../../agent/ui/AgentProvider.vue'\n\nconst props = defineProps<{\n sdk?: PageLinesSDK\n handle?: string\n agent?: Agent\n context?: string\n firstMessage?: string\n buttonText?: string\n buttonIcon?: ButtonIconPreset\n chatOnly?: boolean\n}>()\n\n// Local state for updateable props\nconst currentAgent = ref<Agent | undefined>(props.agent)\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.agent !== undefined)\n currentAgent.value = updates.agent\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 <AgentProvider\n :sdk=\"sdk\"\n :handle=\"handle\"\n :agent=\"currentAgent\"\n :context=\"currentContext\"\n :first-message=\"currentFirstMessage\"\n :button-text=\"currentButtonText\"\n :button-icon=\"currentButtonIcon\"\n :chat-only=\"chatOnly\"\n />\n</template>\n"],"names":["props","__props","currentAgent","ref","currentContext","currentFirstMessage","currentButtonText","currentButtonIcon","update","updates","__name","__expose","_createBlock","AgentProvider"],"mappings":";;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAYRC,IAAeC,EAAuBH,EAAM,KAAK,GACjDI,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,UAAU,WACpBP,EAAa,QAAQO,EAAQ,QAC3BA,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,EASEC,GAAA;AAAA,MARC,KAAKZ,EAAA;AAAA,MACL,QAAQA,EAAA;AAAA,MACR,OAAOC,EAAA;AAAA,MACP,SAASE,EAAA;AAAA,MACT,iBAAeC,EAAA;AAAA,MACf,eAAaC,EAAA;AAAA,MACb,eAAaC,EAAA;AAAA,MACb,aAAWN,EAAA;AAAA,IAAA;;;"}
|
|
@@ -2,7 +2,7 @@ var b = Object.defineProperty;
|
|
|
2
2
|
var a = (n, l) => b(n, "name", { value: l, configurable: !0 });
|
|
3
3
|
import { defineComponent as h, ref as o, onMounted as C, nextTick as T, createBlock as k, openBlock as y, withCtx as M, createVNode as B } from "vue";
|
|
4
4
|
import { _ as I } from "./FModal.vue_vue_type_script_setup_true_lang-cL0BFEkZ.js";
|
|
5
|
-
import { _ } from "./AgentProvider.vue_vue_type_script_setup_true_lang-
|
|
5
|
+
import { _ } from "./AgentProvider.vue_vue_type_script_setup_true_lang-B44BDgFU.js";
|
|
6
6
|
const O = /* @__PURE__ */ h({
|
|
7
7
|
__name: "AgentWidgetModal",
|
|
8
8
|
props: {
|
|
@@ -65,4 +65,4 @@ const O = /* @__PURE__ */ h({
|
|
|
65
65
|
export {
|
|
66
66
|
O as default
|
|
67
67
|
};
|
|
68
|
-
//# sourceMappingURL=AgentWidgetModal-
|
|
68
|
+
//# sourceMappingURL=AgentWidgetModal-BeNIGtLh.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentWidgetModal-
|
|
1
|
+
{"version":3,"file":"AgentWidgetModal-BeNIGtLh.js","sources":["../widget/ui/AgentWidgetModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { Agent } from '@pagelines/types'\nimport type { ButtonIconPreset, WidgetUpdate } from '../PLWidget'\nimport { nextTick, onMounted, ref } from 'vue'\nimport FModal from '@/ui/common/FModal.vue'\nimport AgentProvider from '../../agent/ui/AgentProvider.vue'\n\nconst props = defineProps<{\n sdk?: PageLinesSDK\n handle?: string\n agent?: Agent\n context?: string\n firstMessage?: string\n buttonText?: string\n buttonIcon?: ButtonIconPreset\n chatOnly?: boolean\n onClose?: () => void\n}>()\n\nconst currentAgent = ref<Agent | undefined>(props.agent)\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.agent !== undefined)\n currentAgent.value = updates.agent\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 <AgentProvider\n :sdk=\"sdk\"\n :handle=\"handle\"\n :agent=\"currentAgent\"\n :context=\"currentContext\"\n :first-message=\"currentFirstMessage\"\n :button-text=\"currentButtonText\"\n :button-icon=\"currentButtonIcon\"\n :chat-only=\"chatOnly\"\n :has-close=\"true\"\n @close=\"close\"\n />\n </FModal>\n</template>\n"],"names":["props","__props","currentAgent","ref","currentContext","currentFirstMessage","currentButtonText","currentButtonIcon","isVisible","onMounted","nextTick","update","updates","__name","close","open","__expose","_createBlock","FModal","_cache","$event","_createVNode","AgentProvider"],"mappings":";;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAYRC,IAAeC,EAAuBH,EAAM,KAAK,GACjDI,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,UAAU,WACpBV,EAAa,QAAQU,EAAQ,QAC3BA,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,EAoBSC,GAAA;AAAA,MAnBN,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,MAWE;AAAA,QAXFO,EAWEC,GAAA;AAAA,UAVC,KAAKrB,EAAA;AAAA,UACL,QAAQA,EAAA;AAAA,UACR,OAAOC,EAAA;AAAA,UACP,SAASE,EAAA;AAAA,UACT,iBAAeC,EAAA;AAAA,UACf,eAAaC,EAAA;AAAA,UACb,eAAaC,EAAA;AAAA,UACb,aAAWN,EAAA;AAAA,UACX,aAAW;AAAA,UACX,SAAOa;AAAA,QAAA;;;;;;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
var
|
|
2
|
-
var s = (a,
|
|
3
|
-
import { defineComponent as
|
|
4
|
-
import { _ as E, g as
|
|
5
|
-
const
|
|
1
|
+
var B = Object.defineProperty;
|
|
2
|
+
var s = (a, c) => B(a, "name", { value: c, configurable: !0 });
|
|
3
|
+
import { defineComponent as _, ref as n, watch as I, nextTick as M, createBlock as w, openBlock as u, withCtx as $, createElementBlock as y, createCommentVNode as h, normalizeClass as k, createElementVNode as i, normalizeStyle as O, unref as j } from "vue";
|
|
4
|
+
import { _ as E, g as N, a as V } from "./AgentWrap.vue_vue_type_script_setup_true_lang-CeEcZnMh.js";
|
|
5
|
+
const F = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "relative h-full w-full"
|
|
8
|
-
},
|
|
8
|
+
}, P = { 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" }, S = ["src", "alt"], G = /* @__PURE__ */ _({
|
|
9
9
|
__name: "AgentWidgetPopup",
|
|
10
10
|
props: {
|
|
11
11
|
sdk: {},
|
|
@@ -18,37 +18,37 @@ const V = {
|
|
|
18
18
|
position: {},
|
|
19
19
|
chatOnly: { type: Boolean }
|
|
20
20
|
},
|
|
21
|
-
setup(a, { expose:
|
|
21
|
+
setup(a, { expose: c }) {
|
|
22
22
|
const e = a, o = n(!1), v = n(!1), p = n(e.agent), d = n(e.context), f = n(e.firstMessage), g = n(e.buttonText), b = n(e.buttonIcon);
|
|
23
23
|
function x() {
|
|
24
24
|
o.value = !o.value;
|
|
25
25
|
}
|
|
26
|
-
s(x, "toggle"),
|
|
27
|
-
t ? (await
|
|
26
|
+
s(x, "toggle"), I(o, async (t) => {
|
|
27
|
+
t ? (await M(), setTimeout(() => {
|
|
28
28
|
v.value = !0;
|
|
29
29
|
}, 400)) : v.value = !1;
|
|
30
30
|
});
|
|
31
|
-
function
|
|
31
|
+
function C() {
|
|
32
32
|
o.value = !0;
|
|
33
33
|
}
|
|
34
|
-
s(
|
|
34
|
+
s(C, "open");
|
|
35
35
|
function m() {
|
|
36
36
|
o.value = !1;
|
|
37
37
|
}
|
|
38
38
|
s(m, "close");
|
|
39
|
-
function
|
|
39
|
+
function z() {
|
|
40
40
|
m();
|
|
41
41
|
}
|
|
42
|
-
s(
|
|
42
|
+
s(z, "handleClose");
|
|
43
43
|
function T(t) {
|
|
44
44
|
t.agent !== void 0 && (p.value = t.agent), t.context !== void 0 && (d.value = t.context), t.firstMessage !== void 0 && (f.value = t.firstMessage), t.buttonText !== void 0 && (g.value = t.buttonText), t.buttonIcon !== void 0 && (b.value = t.buttonIcon);
|
|
45
45
|
}
|
|
46
|
-
return s(T, "update"),
|
|
46
|
+
return s(T, "update"), c({
|
|
47
47
|
toggle: x,
|
|
48
|
-
open:
|
|
48
|
+
open: C,
|
|
49
49
|
close: m,
|
|
50
50
|
update: T
|
|
51
|
-
}), (t, l) => (
|
|
51
|
+
}), (t, l) => (u(), w(E, {
|
|
52
52
|
sdk: a.sdk,
|
|
53
53
|
handle: a.handle,
|
|
54
54
|
agent: p.value,
|
|
@@ -57,8 +57,8 @@ const V = {
|
|
|
57
57
|
"button-text": g.value,
|
|
58
58
|
"button-icon": b.value
|
|
59
59
|
}, {
|
|
60
|
-
default:
|
|
61
|
-
r ? (
|
|
60
|
+
default: $(({ agent: r, sdk: A }) => [
|
|
61
|
+
r ? (u(), y("div", {
|
|
62
62
|
key: 0,
|
|
63
63
|
class: k(["fixed z-[999999] pointer-events-auto", [
|
|
64
64
|
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"
|
|
@@ -68,20 +68,20 @@ const V = {
|
|
|
68
68
|
class: k(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [
|
|
69
69
|
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"
|
|
70
70
|
]]),
|
|
71
|
-
style:
|
|
71
|
+
style: O({
|
|
72
72
|
"transform-origin": e.position === "bottom-left" ? "bottom left" : e.position === "top-right" ? "top right" : e.position === "top-left" ? "top left" : "bottom right"
|
|
73
73
|
}),
|
|
74
|
-
onClick: l[0] || (l[0] = (
|
|
74
|
+
onClick: l[0] || (l[0] = (U) => o.value ? void 0 : x())
|
|
75
75
|
}, [
|
|
76
|
-
o.value ? h("", !0) : (
|
|
77
|
-
i("div",
|
|
76
|
+
o.value ? h("", !0) : (u(), y("div", F, [
|
|
77
|
+
i("div", P, [
|
|
78
78
|
i("img", {
|
|
79
|
-
src:
|
|
79
|
+
src: j(N)(r),
|
|
80
80
|
alt: `${r.name} digital agent`,
|
|
81
81
|
class: "h-full w-full object-cover pointer-events-none",
|
|
82
82
|
width: "80",
|
|
83
83
|
height: "80"
|
|
84
|
-
}, null, 8,
|
|
84
|
+
}, null, 8, S),
|
|
85
85
|
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))
|
|
86
86
|
]),
|
|
87
87
|
l[2] || (l[2] = i("div", { class: "absolute top-0.5 right-0.5" }, [
|
|
@@ -92,10 +92,10 @@ const V = {
|
|
|
92
92
|
i("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" })
|
|
93
93
|
], -1))
|
|
94
94
|
])),
|
|
95
|
-
o.value && r ? (
|
|
95
|
+
o.value && r ? (u(), w(V, {
|
|
96
96
|
key: 1,
|
|
97
97
|
class: "rounded-3xl shadow-2xl border border-white/10",
|
|
98
|
-
sdk:
|
|
98
|
+
sdk: A,
|
|
99
99
|
agent: r,
|
|
100
100
|
context: d.value,
|
|
101
101
|
"first-message": f.value,
|
|
@@ -104,7 +104,7 @@ const V = {
|
|
|
104
104
|
"has-close": !0,
|
|
105
105
|
"is-active": v.value,
|
|
106
106
|
"chat-only": a.chatOnly,
|
|
107
|
-
onClose:
|
|
107
|
+
onClose: z
|
|
108
108
|
}, null, 8, ["sdk", "agent", "context", "first-message", "button-text", "button-icon", "is-active", "chat-only"])) : h("", !0)
|
|
109
109
|
], 6)
|
|
110
110
|
], 2)) : h("", !0)
|
|
@@ -114,6 +114,6 @@ const V = {
|
|
|
114
114
|
}
|
|
115
115
|
});
|
|
116
116
|
export {
|
|
117
|
-
|
|
117
|
+
G as default
|
|
118
118
|
};
|
|
119
|
-
//# sourceMappingURL=AgentWidgetPopup-
|
|
119
|
+
//# sourceMappingURL=AgentWidgetPopup-aZcXa7Bs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AgentWidgetPopup-aZcXa7Bs.js","sources":["../widget/ui/AgentWidgetPopup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PageLinesSDK } from '../../sdkClient'\nimport type { Agent } from '@pagelines/types'\nimport type { ButtonIconPreset, WidgetUpdate } from '../PLWidget'\nimport { nextTick, ref, watch } from 'vue'\nimport { getAgentAvatarUrl } from '../../agent/utils'\nimport AgentChat from '../../agent/ui/AgentChat.vue'\nimport AgentWrap from '../../agent/ui/AgentWrap.vue'\n\nconst props = defineProps<{\n sdk?: PageLinesSDK\n handle?: string\n agent?: Agent\n context?: string\n firstMessage?: string\n buttonText?: string\n buttonIcon?: ButtonIconPreset\n position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n chatOnly?: boolean\n}>()\nconst isOpen = ref(false)\nconst isAgentActive = ref(false)\n\n// Local state for updateable props\nconst currentAgent = ref<Agent | undefined>(props.agent)\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.agent !== undefined)\n currentAgent.value = updates.agent\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 <AgentWrap\n v-slot=\"{ agent, sdk: resolvedSdk }\"\n :sdk=\"sdk\"\n :handle=\"handle\"\n :agent=\"currentAgent\"\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=\"agent\"\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=\"getAgentAvatarUrl(agent)\"\n :alt=\"`${agent.name} digital agent`\"\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 <AgentChat\n v-if=\"isOpen && agent\"\n class=\"rounded-3xl shadow-2xl border border-white/10\"\n :sdk=\"resolvedSdk\"\n :agent=\"agent\"\n :context=\"currentContext\"\n :first-message=\"currentFirstMessage\"\n :button-text=\"currentButtonText\"\n :button-icon=\"currentButtonIcon\"\n :has-close=\"true\"\n :is-active=\"isAgentActive\"\n :chat-only=\"chatOnly\"\n @close=\"handleClose\"\n />\n </div>\n </div>\n </AgentWrap>\n</template>\n"],"names":["props","__props","isOpen","ref","isAgentActive","currentAgent","currentContext","currentFirstMessage","currentButtonText","currentButtonIcon","toggle","__name","watch","newValue","nextTick","open","close","handleClose","update","updates","__expose","_createBlock","AgentWrap","agent","resolvedSdk","_createElementBlock","_createElementVNode","_normalizeStyle","_cache","$event","_openBlock","_hoisted_1","_hoisted_2","_unref","getAgentAvatarUrl","AgentChat"],"mappings":";;;;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAWRC,IAASC,EAAI,EAAK,GAClBC,IAAgBD,EAAI,EAAK,GAGzBE,IAAeF,EAAuBH,EAAM,KAAK,GACjDM,IAAiBH,EAAwBH,EAAM,OAAO,GACtDO,IAAsBJ,EAAwBH,EAAM,YAAY,GAChEQ,IAAoBL,EAAwBH,EAAM,UAAU,GAC5DS,IAAoBN,EAAkCH,EAAM,UAAU;AAE5E,aAASU,IAAS;AAChB,MAAAR,EAAO,QAAQ,CAACA,EAAO;AAAA,IACzB;AAFS,IAAAS,EAAAD,GAAA,WAKTE,EAAMV,GAAQ,OAAOW,MAAa;AAChC,MAAIA,KAEF,MAAMC,EAAA,GACN,WAAW,MAAM;AACf,QAAAV,EAAc,QAAQ;AAAA,MACxB,GAAG,GAAG,KAINA,EAAc,QAAQ;AAAA,IAE1B,CAAC;AAED,aAASW,IAAO;AACd,MAAAb,EAAO,QAAQ;AAAA,IACjB;AAFS,IAAAS,EAAAI,GAAA;AAIT,aAASC,IAAQ;AACf,MAAAd,EAAO,QAAQ;AAAA,IACjB;AAFS,IAAAS,EAAAK,GAAA;AAIT,aAASC,IAAc;AACrB,MAAAD,EAAA;AAAA,IACF;AAFS,IAAAL,EAAAM,GAAA;AAIT,aAASC,EAAOC,GAAuB;AACrC,MAAIA,EAAQ,UAAU,WACpBd,EAAa,QAAQc,EAAQ,QAC3BA,EAAQ,YAAY,WACtBb,EAAe,QAAQa,EAAQ,UAC7BA,EAAQ,iBAAiB,WAC3BZ,EAAoB,QAAQY,EAAQ,eAClCA,EAAQ,eAAe,WACzBX,EAAkB,QAAQW,EAAQ,aAChCA,EAAQ,eAAe,WACzBV,EAAkB,QAAQU,EAAQ;AAAA,IACtC;AAXS,WAAAR,EAAAO,GAAA,WAaTE,EAAa;AAAA,MACX,QAAAV;AAAA,MACA,MAAAK;AAAA,MACA,OAAAC;AAAA,MACA,QAAAE;AAAA,IAAA,CACD,mBAICG,EA2EYC,GAAA;AAAA,MAzET,KAAKrB,EAAA;AAAA,MACL,QAAQA,EAAA;AAAA,MACR,OAAOI,EAAA;AAAA,MACP,SAASC,EAAA;AAAA,MACT,iBAAeC,EAAA;AAAA,MACf,eAAaC,EAAA;AAAA,MACb,eAAaC,EAAA;AAAA,IAAA;iBAGd,CA+DM,EAzEI,OAAAc,GAAK,KAAOC,QAAW;AAAA,QAWzBD,UADRE,EA+DM,OAAA;AAAA;UA7DJ,UAAM,wCAAsC;AAAA,YAC1BzB,EAAM,aAAQ,gBAAA,oBAAiDA,EAAM,aAAQ,cAAA,kBAA+CA,EAAM,aAAQ,aAAA;;;UAQ5J0B,EAmDM,OAAA;AAAA,YAlDJ,UAAM,gFAA8E;AAAA,cAChExB,EAAA;;YAKnB,OAAKyB,EAAA;AAAA,kCAA8C3B,EAAM,aAAQ,gBAAA,gBAAiDA,EAAM,aAAQ,cAAA,cAA+CA,EAAM,aAAQ,aAAA;;YAO7L,SAAK4B,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAG3B,EAAA,QAAoB,SAAXQ;UAAW;YAGjBR,EAAA,qBAAZ4B,KAAAL,EAiBM,OAjBNM,GAiBM;AAAA,cAhBJL,EAUM,OAVNM,GAUM;AAAA,gBATJN,EAME,OAAA;AAAA,kBALC,KAAKO,EAAAC,CAAA,EAAkBX,CAAK;AAAA,kBAC5B,KAAG,GAAKA,EAAM,IAAI;AAAA,kBACnB,OAAM;AAAA,kBACN,OAAM;AAAA,kBACN,QAAO;AAAA,gBAAA;gCAGTG,EAAkL,OAAA,EAA7K,OAAM,wKAAoK,MAAA,EAAA;AAAA,cAAA;8BAGjLA,EAGM,OAAA,EAHD,OAAM,gCAA4B;AAAA,gBACrCA,EAAwH,OAAA;AAAA,kBAAnH,OAAM;AAAA,kBAA2E,OAAA,EAAA,sBAAA,KAAA;AAAA,gBAAA;gBACtFA,EAAkE,OAAA,EAA7D,OAAM,sDAAoD;AAAA,cAAA;;YAM3DxB,EAAA,SAAUqB,UADlBF,EAaEc,GAAA;AAAA;cAXA,OAAM;AAAA,cACL,KAAKX;AAAA,cACL,OAAAD;AAAA,cACA,SAASjB,EAAA;AAAA,cACT,iBAAeC,EAAA;AAAA,cACf,eAAaC,EAAA;AAAA,cACb,eAAaC,EAAA;AAAA,cACb,aAAW;AAAA,cACX,aAAWL,EAAA;AAAA,cACX,aAAWH,EAAA;AAAA,cACX,SAAOgB;AAAA,YAAA;;;;;;;;"}
|