@8wave/ai-elements 0.100.0 → 0.101.0-beta.2

package/dist-vue/_chunks/{useDialogConfirm-DaoekZdk.js → useDialogConfirm-CMTIKoWn.js}

@@ -2,11 +2,11 @@ import { VvButton as e, VvButtonGroup as t, VvDialog as n, VvInputText as r } fr
 import { defineComponent as i, h as a, nextTick as o, ref as s } from "vue";
 import { useI18n as c } from "vue-i18n";
 //#region ../../packages/composable/src/useDialog.ts
-var l = s(!1), u = s(), d = s(), f = s(), p = s(!1), m = s(), h = s(), g = () => {
+var l = s(!1), u = s(), d = s(), f = s(), p = s(), m = s(!1), h = s(), g = s(), _ = () => {
 	let e = (e) => {
 		l.value = e;
 	}, t = () => {
-		u.value = void 0, d.value = void 0, f.value = void 0, p.value = void 0, m.value = void 0, h.value = void 0;
+		u.value = void 0, d.value = void 0, f.value = void 0, p.value = void 0, m.value = void 0, h.value = void 0, g.value = void 0;
 	};
 	return {
 		PkGlobalDialog: i({
@@ -15,20 +15,21 @@ var l = s(!1), u = s(), d = s(), f = s(), p = s(!1), m = s(), h = s(), g = () =>
 				modelValue: l.value,
 				title: u.value,
 				transition: d.value,
-				size: f.value,
-				keepOpen: p.value,
-				role: m.value,
+				modifiers: f.value,
+				size: p.value,
+				keepOpen: m.value,
+				role: h.value,
 				"onUpdate:modelValue": e,
 				onAfterLeave: t
-			}, h.value)
+			}, g.value)
 		}),
-		openDialog: (e, t) => (u.value = e?.title, d.value = e?.transition, f.value = e?.size, p.value = e?.keepOpen ?? !1, m.value = e?.role, h.value = t, o(() => {
+		openDialog: (e, t) => (u.value = e?.title, d.value = e?.transition, f.value = e?.modifiers, p.value = e?.size, m.value = e?.keepOpen ?? !1, h.value = e?.role, g.value = t, o(() => {
 			l.value = !0;
 		}), l),
 		isOpen: l
 	};
-}, _ = () => {
-	let { openDialog: n } = g(), { t: i } = c({ useScope: "global" });
+}, v = () => {
+	let { openDialog: n } = _(), { t: i } = c({ useScope: "global" });
 	return { openDialogConfirm: ({ emitReject: o = !1, confirmLabel: c, cancelLabel: l, questionLabel: u, onlyConfirm: d = !1, passphrase: f, passphraseLabel: p, passphraseHint: m, title: h } = {}) => new Promise((g, _) => {
 		let v = s(), y = n({
 			role: "alertdialog",
@@ -71,6 +72,6 @@ var l = s(!1), u = s(), d = s(), f = s(), p = s(!1), m = s(), h = s(), g = () =>
 	}) };
 };
 //#endregion
-export { _ as t };
+export { v as t };
 
-//# sourceMappingURL=useDialogConfirm-DaoekZdk.js.map
+//# sourceMappingURL=useDialogConfirm-CMTIKoWn.js.map

package/dist-vue/_chunks/useDialogConfirm-CMTIKoWn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialogConfirm-CMTIKoWn.js","names":[],"sources":["../../../../packages/composable/src/useDialog.ts","../../../../packages/composable/src/useDialogConfirm.ts"],"sourcesContent":["import { VvDialog } from '@volverjs/ui-vue/components'\nimport { defineComponent, h, nextTick, ref, type VNode } from 'vue'\n\ntype DialogProps = {\n    title?: string\n    transition?: string\n    modifiers?: string | string[]\n    /** @deprecated use modifiers instead */\n    size?: 'small' | 'standard' | 'fullscreen'\n    role?: 'alert' | 'alertdialog'\n    keepOpen?: boolean\n}\n\ntype DialogSlots = {\n    footer?: () => VNode | string\n    header?: () => VNode | string\n    default?: () => VNode | string | VNode[] | string[]\n}\n\nconst isOpen = ref(false)\nconst title = ref<DialogProps['title']>()\nconst transition = ref<DialogProps['transition']>()\nconst modifiers = ref<DialogProps['modifiers']>()\nconst size = ref<DialogProps['size']>()\nconst keepOpen = ref<DialogProps['keepOpen']>(false)\nconst role = ref<DialogProps['role']>()\nconst slots = ref<DialogSlots>()\n\nexport const useDialog = () => {\n    const onUpdateModelValue = (value: boolean) => {\n        isOpen.value = value\n    }\n\n    const onAfterLeave = () => {\n        title.value = undefined\n        transition.value = undefined\n        modifiers.value = undefined\n        size.value = undefined\n        keepOpen.value = undefined\n        role.value = undefined\n        slots.value = undefined\n    }\n\n    const PkGlobalDialog = defineComponent({\n        name: 'PkGlobalDialog',\n        render: () =>\n            h(\n                VvDialog,\n                {\n                    modelValue: isOpen.value,\n                    title: title.value,\n                    transition: transition.value,\n                    modifiers: modifiers.value,\n                    size: size.value,\n                    keepOpen: keepOpen.value,\n                    role: role.value,\n                    'onUpdate:modelValue': onUpdateModelValue,\n                    onAfterLeave: onAfterLeave,\n                },\n                slots.value,\n            ),\n    })\n\n    const openDialog = (newProps: DialogProps, newSlots?: DialogSlots) => {\n        title.value = newProps?.title\n        transition.value = newProps?.transition\n        modifiers.value = newProps?.modifiers\n        size.value = newProps?.size\n        keepOpen.value = newProps?.keepOpen ?? false\n        role.value = newProps?.role\n        slots.value = newSlots\n        nextTick(() => {\n            isOpen.value = true\n        })\n        return isOpen\n    }\n\n    return { PkGlobalDialog, openDialog, isOpen }\n}\n","import { h, ref, VNode } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n    VvButton,\n    VvButtonGroup,\n    VvInputText,\n} from '@volverjs/ui-vue/components'\nimport { useDialog } from './useDialog'\n\nexport const useDialogConfirm = () => {\n    const { openDialog } = useDialog()\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const openDialogConfirm = ({\n        emitReject = false,\n        confirmLabel,\n        cancelLabel,\n        questionLabel,\n        onlyConfirm = false,\n        passphrase,\n        passphraseLabel,\n        passphraseHint,\n        title,\n    }: {\n        emitReject?: boolean\n        confirmLabel?: string\n        cancelLabel?: string\n        questionLabel?: string\n        onlyConfirm?: boolean\n        passphrase?: string\n        passphraseLabel?: string\n        passphraseHint?: string\n        title?: string\n    } = {}) => {\n        return new Promise<boolean>((resolve, reject) => {\n            const passphraseText = ref<string>()\n            const isOpen = openDialog(\n                {\n                    role: 'alertdialog',\n                    size: 'small',\n                    keepOpen: true,\n                    title,\n                },\n                {\n                    default: () =>\n                        h('div', [\n                            h(\n                                'div',\n                                {\n                                    class: 'mb-sm',\n                                    style: 'white-space: pre-line',\n                                },\n                                questionLabel ?? $t('message.confirm'),\n                            ),\n                            passphrase\n                                ? h(VvInputText, {\n                                      modelValue: passphraseText.value,\n                                      'onUpdate:modelValue': (\n                                          value: string,\n                                      ) => {\n                                          passphraseText.value = value\n                                      },\n                                      type: 'text',\n                                      name: 'passphrase',\n                                      class: 'mb-0',\n                                      floating: true,\n                                      label:\n                                          passphraseLabel ??\n                                          $t('label.passphrase'),\n                                      hintLabel:\n                                          passphraseHint ??\n                                          $t('hint.passphrase', { passphrase }),\n                                  })\n                                : undefined,\n                        ]),\n                    footer: () =>\n                        h(VvButtonGroup, () => {\n                            const toReturn: VNode[] = []\n                            if (!onlyConfirm) {\n                                toReturn.push(\n                                    h(VvButton, {\n                                        label:\n                                            cancelLabel ?? $t('action.cancel'),\n                                        modifiers: 'ghost',\n                                        onClick: () => {\n                                            if (emitReject) {\n                                                reject()\n                                            }\n                                            resolve(false)\n                                            isOpen.value = false\n                                        },\n                                    }),\n                                )\n                            }\n                            toReturn.push(\n                                h(VvButton, {\n                                    label: confirmLabel ?? $t('action.proceed'),\n                                    disabled: passphrase\n                                        ? passphrase !== passphraseText.value\n                                        : false,\n                                    onClick: () => {\n                                        resolve(true)\n                                        isOpen.value = false\n                                    },\n                                }),\n                            )\n                            return toReturn\n                        }),\n                },\n            )\n        })\n    }\n\n    return { openDialogConfirm }\n}\n"],"mappings":";;;;AAmBA,IAAM,IAAS,EAAI,EAAK,GAClB,IAAQ,EAA0B,GAClC,IAAa,EAA+B,GAC5C,IAAY,EAA8B,GAC1C,IAAO,EAAyB,GAChC,IAAW,EAA6B,EAAK,GAC7C,IAAO,EAAyB,GAChC,IAAQ,EAAiB,GAElB,UAAkB;CAC3B,IAAM,KAAsB,MAAmB;EAC3C,EAAO,QAAQ;CACnB,GAEM,UAAqB;EAOvB,AANA,EAAM,QAAQ,KAAA,GACd,EAAW,QAAQ,KAAA,GACnB,EAAU,QAAQ,KAAA,GAClB,EAAK,QAAQ,KAAA,GACb,EAAS,QAAQ,KAAA,GACjB,EAAK,QAAQ,KAAA,GACb,EAAM,QAAQ,KAAA;CAClB;CAoCA,OAAO;EAAE,gBAlCc,EAAgB;GACnC,MAAM;GACN,cACI,EACI,GACA;IACI,YAAY,EAAO;IACnB,OAAO,EAAM;IACb,YAAY,EAAW;IACvB,WAAW,EAAU;IACrB,MAAM,EAAK;IACX,UAAU,EAAS;IACnB,MAAM,EAAK;IACX,uBAAuB;IACT;GAClB,GACA,EAAM,KACV;EACR,CAgBS;EAAgB,aAdL,GAAuB,OACvC,EAAM,QAAQ,GAAU,OACxB,EAAW,QAAQ,GAAU,YAC7B,EAAU,QAAQ,GAAU,WAC5B,EAAK,QAAQ,GAAU,MACvB,EAAS,QAAQ,GAAU,YAAY,IACvC,EAAK,QAAQ,GAAU,MACvB,EAAM,QAAQ,GACd,QAAe;GACX,EAAO,QAAQ;EACnB,CAAC,GACM;EAG0B;CAAO;AAChD,GCrEa,UAAyB;CAClC,IAAM,EAAE,kBAAe,EAAU,GAC3B,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,SACd,CAAC;CAsGD,OAAO,EAAE,oBApGkB,EACvB,gBAAa,IACb,iBACA,gBACA,kBACA,iBAAc,IACd,eACA,oBACA,mBACA,aAWA,CAAC,MACM,IAAI,SAAkB,GAAS,MAAW;EAC7C,IAAM,IAAiB,EAAY,GAC7B,IAAS,EACX;GACI,MAAM;GACN,MAAM;GACN,UAAU;GACV;EACJ,GACA;GACI,eACI,EAAE,OAAO,CACL,EACI,OACA;IACI,OAAO;IACP,OAAO;GACX,GACA,KAAiB,EAAG,iBAAiB,CACzC,GACA,IACM,EAAE,GAAa;IACX,YAAY,EAAe;IAC3B,wBACI,MACC;KACD,EAAe,QAAQ;IAC3B;IACA,MAAM;IACN,MAAM;IACN,OAAO;IACP,UAAU;IACV,OACI,KACA,EAAG,kBAAkB;IACzB,WACI,KACA,EAAG,mBAAmB,EAAE,cAAW,CAAC;GAC5C,CAAC,IACD,KAAA,CACV,CAAC;GACL,cACI,EAAE,SAAqB;IACnB,IAAM,IAAoB,CAAC;IA6B3B,OA5BK,KACD,EAAS,KACL,EAAE,GAAU;KACR,OACI,KAAe,EAAG,eAAe;KACrC,WAAW;KACX,eAAe;MAKX,AAJI,KACA,EAAO,GAEX,EAAQ,EAAK,GACb,EAAO,QAAQ;KACnB;IACJ,CAAC,CACL,GAEJ,EAAS,KACL,EAAE,GAAU;KACR,OAAO,KAAgB,EAAG,gBAAgB;KAC1C,UAAU,IACJ,MAAe,EAAe,QAC9B;KACN,eAAe;MAEX,AADA,EAAQ,EAAI,GACZ,EAAO,QAAQ;KACnB;IACJ,CAAC,CACL,GACO;GACX,CAAC;EACT,CACJ;CACJ,CAAC,EAGsB;AAC/B"}

package/dist-vue/api.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/createChatbotApiClient-BGkXm2NB.js";
+import { t as e } from "./_chunks/createChatbotApiClient-2iaBCziJ.js";
 export { e as createChatbotApiClient };

package/dist-vue/apps/web-component/src/components/EmbeddedChatWidget.ce.d.ts

@@ -18,8 +18,8 @@ type __VLS_Props = {
     appinsightsConnectionString?: string;
     /** Override the session/anonymous cookie name (defaults to 'eight-wave-ai'). */
     cookieName?: string;
-    /** Layout mode: `widget` (default, contained with header) or `fullscreen` (full-page app layout). */
-    displayMode?: 'widget' | 'fullscreen';
+    /** Layout mode: `widget` (default, contained with header), `fullscreen` (full-page app layout) or `panel` (compact chrome for a docked side panel; the host owns background, border and open/close). */
+    displayMode?: 'widget' | 'fullscreen' | 'panel';
     /**
      * Force the chat color scheme instead of following the OS
      * `prefers-color-scheme`. Let a host app hand down its own theme.
@@ -50,7 +50,7 @@ declare const __VLS_base: DefineComponent<__VLS_Props, {
     forwardedSlots: string;
     appinsightsConnectionString: string;
     cookieName: string;
-    displayMode: "widget" | "fullscreen";
+    displayMode: "widget" | "fullscreen" | "panel";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist-vue/apps/web-component/src/lib.d.ts

@@ -25,7 +25,7 @@ export declare const EmbeddedChatWidgetCe: VueElementConstructor<{
     customCss?: string;
     appinsightsConnectionString?: string;
     cookieName?: string;
-    displayMode?: "widget" | "fullscreen";
+    displayMode?: "widget" | "fullscreen" | "panel";
     systemTheme?: "light" | "dark";
 }>;
 declare module 'vue' {
@@ -65,6 +65,8 @@ export interface EmbeddedChatWidgetElement extends HTMLElement {
     awaitExternalToken?: boolean;
     /** Host-session mode: use the host platform's better-auth session from the cookie (no widget sign-in). */
     useHostSession?: boolean;
+    /** Layout mode: `widget` (default), `fullscreen` (full-page app layout) or `panel` (compact chrome for a docked side panel; the host owns background, border and open/close). */
+    displayMode?: 'widget' | 'fullscreen' | 'panel';
     forwardedSlots?: string;
     customCss?: string;
     appinsightsConnectionString?: string;

package/dist-vue/composables.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_chunks/createChatbotApiClient-BGkXm2NB.js";
-import { t } from "./_chunks/useChatbotStore-D9b5Fz-e.js";
+import { t as e } from "./_chunks/createChatbotApiClient-2iaBCziJ.js";
+import { t } from "./_chunks/useChatbotStore-BK1xv_i6.js";
 import { t as n } from "./_chunks/src-8QXYVWIx.js";
 import { t as r } from "./_chunks/useLocalizedString-PfaKjIQY.js";
 import { h as i } from "./_chunks/utils-Cru8TJxe.js";