@8wave/ai-elements 0.114.0-beta.28 → 0.114.0-beta.7

package/dist/_chunks/PkToolShowComparison-8d6fAhRp.js

@@ -1,72 +0,0 @@
-import { $ as e, C as t, L as n, O as r, St as i, Tt as a, _ as o, b as s, bt as c, d as l, h as u, it as d, m as f, v as p, x as m, xt as h, z as g } from "./vue.runtime.esm-bundler-CIT_Sbqw.js";
-import { i as _ } from "./dist-QdjZA6MJ.js";
-import { a as v, r as y, t as b } from "./index.es-C2U5wcOx.js";
-import { t as x } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-r(), h(), d();
-var S = {
-	key: 0,
-	class: "pk-tool-comparison border border-surface-3 rounded-xl w-full overflow-hidden"
-}, C = { class: "px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8" }, w = { class: "font-bold" }, T = { class: "u-table-scroll" }, E = {
-	class: "u-table u-table--stack",
-	role: "table"
-}, D = { role: "rowgroup" }, O = { role: "row" }, k = {
-	key: 0,
-	class: "pk-tool-comparison__recommended"
-}, A = { role: "rowgroup" }, j = {
-	role: "rowheader",
-	scope: "row",
-	class: "pk-tool-comparison__feature"
-}, M = ["data-label"], N = /*#__PURE__*/ x(/* @__PURE__ */ t({
-	__name: "PkToolShowComparison",
-	props: { part: { type: null } },
-	setup(t) {
-		let r = t, { copy: d, copied: h } = _(), x = f(() => r.part), N = f(() => {
-			let e = x.value.input?.items;
-			return !e || e.length === 0 ? [] : Object.keys(e[0].values);
-		}), P = (e) => e === "✓" ? "text-success" : e === "✗" ? "text-danger" : "text-word-2", F = () => {
-			let e = x.value.input?.items;
-			if (!e) return;
-			let t = ["", ...e.map((e) => e.name)].join("	"), n = N.value.map((t) => [t.replace(/_/g, " "), ...e.map((e) => e.values[t] ?? "")].join("	"));
-			d([t, ...n].join("\n"));
-		};
-		return (t, r) => {
-			let d = b, f = y, _ = v;
-			return x.value?.input?.items?.length ? (n(), p("div", S, [u("div", C, [
-				m(d, {
-					name: "ri:scales-line",
-					class: "text-16"
-				}),
-				u("strong", w, a(x.value.input.title ?? t.$t("label.comparison")), 1),
-				m(_, {
-					modifiers: "compact",
-					class: "ml-auto shrink-0"
-				}, {
-					default: e(() => [m(f, {
-						modifiers: "action-quiet-small",
-						icon: c(h) ? "ri:check-line" : "ri:file-copy-line",
-						label: c(h) ? t.$t("action.copied") : t.$t("action.copy"),
-						onClick: F
-					}, null, 8, ["icon", "label"])]),
-					_: 1
-				})
-			]), u("div", T, [u("table", E, [u("thead", D, [u("tr", O, [r[0] ||= u("td", null, null, -1), (n(!0), p(l, null, g(x.value.input.items, (e) => (n(), p("th", {
-				key: e.name,
-				role: "columnheader",
-				scope: "col",
-				class: i(["pk-tool-comparison__item", { "pk-tool-comparison__cell--highlighted": e.highlighted }])
-			}, [s(a(e.name) + " ", 1), e.highlighted ? (n(), p("small", k, a(t.$t("label.recommended")), 1)) : o("", !0)], 2))), 128))])]), u("tbody", A, [(n(!0), p(l, null, g(N.value, (e) => (n(), p("tr", {
-				key: e,
-				role: "row"
-			}, [u("th", j, a(e.replace(/_/g, " ")), 1), (n(!0), p(l, null, g(x.value.input.items, (t) => (n(), p("td", {
-				key: t.name,
-				role: "cell",
-				"data-label": t.name,
-				class: i([P(t.values[e]), { "pk-tool-comparison__cell--highlighted": t.highlighted }])
-			}, a(t.values[e] ?? "-"), 11, M))), 128))]))), 128))])])])])) : o("", !0);
-		};
-	}
-}), [["styles", [".pk-tool-comparison{--u-table-label-width:8rem}.pk-tool-comparison .pk-tool-comparison__item{font-size:var(--text-14);color:var(--color-word-1)}.pk-tool-comparison .pk-tool-comparison__feature{font-weight:var(--font-medium);color:var(--color-word-3)}.pk-tool-comparison .pk-tool-comparison__cell--highlighted{background-color:var(--color-surface-1)}.pk-tool-comparison__recommended{font-size:var(--text-12);font-weight:var(--font-normal);color:var(--color-word-3);display:block}@container (width<30rem){.pk-tool-comparison .pk-tool-comparison__cell--highlighted{background-color:#0000}.pk-tool-comparison .pk-tool-comparison__cell--highlighted:before{font-weight:var(--font-semibold);color:var(--color-word-1)}}"]]]);
-//#endregion
-export { N as default };
-
-//# sourceMappingURL=PkToolShowComparison-8d6fAhRp.js.map

package/dist/_chunks/PkToolShowComparison-8d6fAhRp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkToolShowComparison-8d6fAhRp.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowComparison.vue","../../../../packages/components/src/chat/PkToolShowComparison.vue","../../../../packages/components/src/chat/PkToolShowComparison.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    // The tool contract asks for \"✓\" and \"✗\" on boolean features: the pair is\n    // a verdict, so it wears one and the table reads by eye (DESIGN.md).\n    const valueColorClass = (value?: string) => {\n        if (value === '✓') {\n            return 'text-success'\n        }\n        if (value === '✗') {\n            return 'text-danger'\n        }\n        return 'text-word-2'\n    }\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"pk-tool-comparison border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <!-- One row per feature, one column per item. In a narrow message\n             each feature becomes a block that lists every item beside its\n             value (`u-table--stack`), so a comparison still reads across. -->\n        <div class=\"u-table-scroll\">\n            <table class=\"u-table u-table--stack\" role=\"table\">\n                <thead role=\"rowgroup\">\n                    <tr role=\"row\">\n                        <td></td>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            role=\"columnheader\"\n                            scope=\"col\"\n                            class=\"pk-tool-comparison__item\"\n                            :class=\"{\n                                'pk-tool-comparison__cell--highlighted':\n                                    item.highlighted,\n                            }\">\n                            {{ item.name }}\n                            <small\n                                v-if=\"item.highlighted\"\n                                class=\"pk-tool-comparison__recommended\">\n                                {{ $t('label.recommended') }}\n                            </small>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody role=\"rowgroup\">\n                    <tr v-for=\"feature in features\" :key=\"feature\" role=\"row\">\n                        <th\n                            role=\"rowheader\"\n                            scope=\"row\"\n                            class=\"pk-tool-comparison__feature\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </th>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            role=\"cell\"\n                            :data-label=\"item.name\"\n                            :class=\"[\n                                valueColorClass(item.values[feature]),\n                                {\n                                    'pk-tool-comparison__cell--highlighted':\n                                        item.highlighted,\n                                },\n                            ]\">\n                            {{ item.values[feature] ?? '-' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    // Written under the block so it outweighs the `.u-table` rules.\n    .pk-tool-comparison {\n        // Stacked, the labels are the names of the items, longer than the\n        // headings of a data table.\n        --u-table-label-width: 8rem;\n\n        // The items are what the table compares: their names are the titles\n        // of the columns, not the small headings of a data table.\n        & &__item {\n            font-size: var(--text-14);\n            color: var(--color-word-1);\n        }\n\n        & &__feature {\n            font-weight: var(--font-medium);\n            color: var(--color-word-3);\n        }\n\n        // The recommended item: a ground down its column and a word under its\n        // name, no accent colour (DESIGN.md). Stacked, its name weighs more\n        // than the others beside its value.\n        & &__cell--highlighted {\n            background-color: var(--color-surface-1);\n        }\n\n        &__recommended {\n            display: block;\n            font-size: var(--text-12);\n            font-weight: var(--font-normal);\n            color: var(--color-word-3);\n        }\n\n        @container (width < 30rem) {\n            & &__cell--highlighted {\n                background-color: transparent;\n\n                &::before {\n                    font-weight: var(--font-semibold);\n                    color: var(--color-word-1);\n                }\n            }\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    // The tool contract asks for \"✓\" and \"✗\" on boolean features: the pair is\n    // a verdict, so it wears one and the table reads by eye (DESIGN.md).\n    const valueColorClass = (value?: string) => {\n        if (value === '✓') {\n            return 'text-success'\n        }\n        if (value === '✗') {\n            return 'text-danger'\n        }\n        return 'text-word-2'\n    }\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"pk-tool-comparison border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <!-- One row per feature, one column per item. In a narrow message\n             each feature becomes a block that lists every item beside its\n             value (`u-table--stack`), so a comparison still reads across. -->\n        <div class=\"u-table-scroll\">\n            <table class=\"u-table u-table--stack\" role=\"table\">\n                <thead role=\"rowgroup\">\n                    <tr role=\"row\">\n                        <td></td>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            role=\"columnheader\"\n                            scope=\"col\"\n                            class=\"pk-tool-comparison__item\"\n                            :class=\"{\n                                'pk-tool-comparison__cell--highlighted':\n                                    item.highlighted,\n                            }\">\n                            {{ item.name }}\n                            <small\n                                v-if=\"item.highlighted\"\n                                class=\"pk-tool-comparison__recommended\">\n                                {{ $t('label.recommended') }}\n                            </small>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody role=\"rowgroup\">\n                    <tr v-for=\"feature in features\" :key=\"feature\" role=\"row\">\n                        <th\n                            role=\"rowheader\"\n                            scope=\"row\"\n                            class=\"pk-tool-comparison__feature\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </th>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            role=\"cell\"\n                            :data-label=\"item.name\"\n                            :class=\"[\n                                valueColorClass(item.values[feature]),\n                                {\n                                    'pk-tool-comparison__cell--highlighted':\n                                        item.highlighted,\n                                },\n                            ]\">\n                            {{ item.values[feature] ?? '-' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    // Written under the block so it outweighs the `.u-table` rules.\n    .pk-tool-comparison {\n        // Stacked, the labels are the names of the items, longer than the\n        // headings of a data table.\n        --u-table-label-width: 8rem;\n\n        // The items are what the table compares: their names are the titles\n        // of the columns, not the small headings of a data table.\n        & &__item {\n            font-size: var(--text-14);\n            color: var(--color-word-1);\n        }\n\n        & &__feature {\n            font-weight: var(--font-medium);\n            color: var(--color-word-3);\n        }\n\n        // The recommended item: a ground down its column and a word under its\n        // name, no accent colour (DESIGN.md). Stacked, its name weighs more\n        // than the others beside its value.\n        & &__cell--highlighted {\n            background-color: var(--color-surface-1);\n        }\n\n        &__recommended {\n            display: block;\n            font-size: var(--text-12);\n            font-weight: var(--font-normal);\n            color: var(--color-word-3);\n        }\n\n        @container (width < 30rem) {\n            & &__cell--highlighted {\n                background-color: transparent;\n\n                &::before {\n                    font-weight: var(--font-semibold);\n                    color: var(--color-word-1);\n                }\n            }\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    // The tool contract asks for \"✓\" and \"✗\" on boolean features: the pair is\n    // a verdict, so it wears one and the table reads by eye (DESIGN.md).\n    const valueColorClass = (value?: string) => {\n        if (value === '✓') {\n            return 'text-success'\n        }\n        if (value === '✗') {\n            return 'text-danger'\n        }\n        return 'text-word-2'\n    }\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"pk-tool-comparison border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <!-- One row per feature, one column per item. In a narrow message\n             each feature becomes a block that lists every item beside its\n             value (`u-table--stack`), so a comparison still reads across. -->\n        <div class=\"u-table-scroll\">\n            <table class=\"u-table u-table--stack\" role=\"table\">\n                <thead role=\"rowgroup\">\n                    <tr role=\"row\">\n                        <td></td>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            role=\"columnheader\"\n                            scope=\"col\"\n                            class=\"pk-tool-comparison__item\"\n                            :class=\"{\n                                'pk-tool-comparison__cell--highlighted':\n                                    item.highlighted,\n                            }\">\n                            {{ item.name }}\n                            <small\n                                v-if=\"item.highlighted\"\n                                class=\"pk-tool-comparison__recommended\">\n                                {{ $t('label.recommended') }}\n                            </small>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody role=\"rowgroup\">\n                    <tr v-for=\"feature in features\" :key=\"feature\" role=\"row\">\n                        <th\n                            role=\"rowheader\"\n                            scope=\"row\"\n                            class=\"pk-tool-comparison__feature\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </th>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            role=\"cell\"\n                            :data-label=\"item.name\"\n                            :class=\"[\n                                valueColorClass(item.values[feature]),\n                                {\n                                    'pk-tool-comparison__cell--highlighted':\n                                        item.highlighted,\n                                },\n                            ]\">\n                            {{ item.values[feature] ?? '-' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    // Written under the block so it outweighs the `.u-table` rules.\n    .pk-tool-comparison {\n        // Stacked, the labels are the names of the items, longer than the\n        // headings of a data table.\n        --u-table-label-width: 8rem;\n\n        // The items are what the table compares: their names are the titles\n        // of the columns, not the small headings of a data table.\n        & &__item {\n            font-size: var(--text-14);\n            color: var(--color-word-1);\n        }\n\n        & &__feature {\n            font-weight: var(--font-medium);\n            color: var(--color-word-3);\n        }\n\n        // The recommended item: a ground down its column and a word under its\n        // name, no accent colour (DESIGN.md). Stacked, its name weighs more\n        // than the others beside its value.\n        & &__cell--highlighted {\n            background-color: var(--color-surface-1);\n        }\n\n        &__recommended {\n            display: block;\n            font-size: var(--text-12);\n            font-weight: var(--font-normal);\n            color: var(--color-word-3);\n        }\n\n        @container (width < 30rem) {\n            & &__cell--highlighted {\n                background-color: transparent;\n\n                &::before {\n                    font-weight: var(--font-semibold);\n                    color: var(--color-word-1);\n                }\n            }\n        }\n    }\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,EAAa,GAEhC,IAAW,QACA,EAAM,IAWtB,GAEK,IAAW,QAAe;GAC5B,IAAM,IAAQ,EAAS,MAAM,OAAO;GAIpC,OAHI,CAAC,KAAS,EAAM,WAAW,IACpB,CAAC,IAEL,OAAO,KAAK,EAAM,EAAE,CAAC,MAAM;EACtC,CAAC,GAIK,KAAmB,MACjB,MAAU,MACH,iBAEP,MAAU,MACH,gBAEJ,eAGL,UAAkB;GACpB,IAAM,IAAQ,EAAS,MAAM,OAAO;GACpC,IAAI,CAAC,GACD;GAEJ,IAAM,IAAS,CAAC,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,GAAI,GACpD,IAAO,EAAS,MAAM,KAAK,MAC7B,CAAC,EAAE,QAAQ,MAAM,GAAG,GAAG,GAAG,EAAM,KAAK,MAAM,EAAE,OAAO,MAAM,EAAE,CAAC,CAAC,CAAC,KAC3D,GACJ,CACJ;GACA,EAAK,CAAC,GAAQ,GAAG,CAAI,CAAC,CAAC,KAAK,IAAI,CAAC;EACrC;;;GAKU,OAAA,EAAA,OAAU,OAAO,OAAO,UADlC,EAAA,GAAA,EAsEM,OAtEN,GAsEM,CAnEF,EAaM,OAbN,GAaM;IAXF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAEW,UAFX,GAEW,EADP,EAAA,MAAS,MAAM,SAASA,EAAAA,GAAE,kBAAA,CAAA,GAAA,CAAA;IAE9B,EAMgB,GAAA;KAND,WAAU;KAAU,OAAM;;KACrC,SAAA,QAIyB,CAJzB,EAIyB,GAAA;MAHrB,WAAU;MACT,MAAM,EAAA,CAAA,IAAM,kBAAA;MACZ,OAAO,EAAA,CAAA,IAASA,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAO;;;;GAMpB,CAAA,GAAA,EAiDM,OAjDN,GAiDM,CAhDF,EA+CQ,SA/CR,GA+CQ,CA9CJ,EAqBQ,SArBR,GAqBQ,CApBJ,EAmBK,MAnBL,GAmBK,CAlBD,AAAA,EAAA,OAAA,EAAS,MAAA,MAAA,MAAA,EAAA,IACT,EAAA,EAAA,GAAA,EAgBK,GAAA,MAAA,EAfc,EAAA,MAAS,MAAM,QAAvB,OADX,EAAA,GAAA,EAgBK,MAAA;IAdA,KAAK,EAAK;IACX,MAAK;IACL,OAAM;IACN,OAAK,EAAA,CAAC,4BAA0B,EAAA,yCACuF,EAAK,YAAA,CAAA,CAAA;GAIzH,GAAA,CAAA,EAAA,EAAA,EAAK,IAAI,IAAG,KACf,CAAA,GACU,EAAK,eADf,EAAA,GAAA,EAIQ,SAJR,GAIQ,EADDA,EAAAA,GAAE,mBAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA,EAKrB,GAAA,GAAA,EAAA,CAAA,CAAA,CAAA,GAAA,EAuBQ,SAvBR,GAuBQ,EAtBJ,EAAA,EAAA,GAAA,EAqBK,GAAA,MAAA,EArBiB,EAAA,QAAX,OAAX,EAAA,GAAA,EAqBK,MAAA;IArB4B,KAAK;IAAS,MAAK;GAChD,GAAA,CAAA,EAKK,MALL,GAKK,EADE,EAAQ,QAAO,MAAA,GAAA,CAAA,GAAA,CAAA,IAEtB,EAAA,EAAA,GAAA,EAaK,GAAA,MAAA,EAZc,EAAA,MAAS,MAAM,QAAvB,OADX,EAAA,GAAA,EAaK,MAAA;IAXA,KAAK,EAAK;IACX,MAAK;IACJ,cAAY,EAAK;IACjB,OAAK,EAAA,CAAoC,EAAgB,EAAK,OAAO,EAAO,GAAA,EAAA,yCAA2J,EAAK,YAAA,CAAA,CAAA;GAO1O,GAAA,EAAA,EAAK,OAAO,MAAO,GAAA,GAAA,IAAA,CAAA"}

package/dist-vue/_chunks/PkChatbotAuth-jzoNJkmH.js

@@ -1,421 +0,0 @@
-import { _ as e, b as t, n, o as r, u as i } from "./schemas-DxbHVg3r.js";
-import { i as a, n as o } from "./Media-_HfFLHGD.js";
-import { t as s } from "./useImageFallback-5vQIO0pC.js";
-import { t as c } from "./index.es-D0EI_F6p.js";
-import { VvAlert as ee, VvButton as te, VvButtonGroup as ne, VvIcon as re } from "@volverjs/ui-vue/components";
-import { Fragment as l, Transition as ie, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, mergeModels as v, openBlock as y, ref as b, resolveDynamicComponent as ae, toDisplayString as x, unref as S, useModel as C, watch as w, withCtx as T } from "vue";
-import { useI18n as oe } from "vue-i18n";
-//#region ../../packages/models/src/schema/User.ts
-var E = n(["user", "admin"]), D = t().min(8).max(64);
-e({
-	id: t(),
-	name: t(),
-	email: t(),
-	emailVerified: r(),
-	image: t().nullable(),
-	media: o.optional().nullable(),
-	createdAt: a(),
-	updatedAt: a(),
-	banned: r().nullable(),
-	banReason: t().nullable(),
-	banExpires: a().nullable(),
-	isAnonymous: r().nullable(),
-	role: E,
-	twoFactorEnabled: r().optional()
-}), e({
-	id: t(),
-	name: t(),
-	email: t().nullable(),
-	image: t().nullable(),
-	isAnonymous: r().nullable(),
-	banned: r().nullable()
-});
-var O = e({
-	password: D,
-	passwordConfirmation: D
-}).refine((e) => e.password === e.passwordConfirmation, {
-	params: { i18n: "errors.passwordsDoNotMatch" },
-	path: ["passwordConfirmation"]
-});
-O.extend({ currentPassword: D }), O.extend({
-	name: t().min(1),
-	email: i(),
-	media: o.optional(),
-	role: E.optional().default("user")
-}), e({
-	id: t(),
-	name: t(),
-	email: t(),
-	emailVerified: r().optional(),
-	image: t().nullish(),
-	role: E,
-	media: o.optional().nullable(),
-	banned: r().nullish(),
-	banReason: t().nullish(),
-	banExpires: t().nullish(),
-	isAnonymous: r().nullish()
-});
-var se = O.extend({
-	name: t().min(1),
-	email: i(),
-	rememberMe: r().optional()
-}), ce = { class: "pk-chatbot-auth flex flex-col items-center justify-center w-full min-h-full p-lg overflow-y-auto" }, le = { class: "pk-chatbot-auth__flip w-full max-w-384 mx-auto my-auto" }, ue = { class: "pk-chatbot-auth__success-icon w-64 h-64 border border-surface-3 rounded-full bg-surface-0 flex items-center justify-center overflow-hidden bg-surface mx-auto mb-md" }, de = { class: "font-bold text-18 mb-xs" }, fe = { class: "mb-lg text-16 text-word-3" }, k = {
-	key: "form",
-	class: "pk-chatbot-auth__flip-card flex flex-col"
-}, A = { class: "flex flex-col" }, j = {
-	key: 0,
-	class: "flex justify-center mb-md"
-}, M = ["src", "alt"], N = { class: "text-center leading-normal mb-lg" }, P = {
-	key: 0,
-	class: "font-bold text-20 m-0"
-}, F = { class: "text-14 text-word-3 text-center leading-normal mb-md" }, I = { class: "flex justify-center mt-md" }, L = { class: "mb-md" }, R = { class: "mb-md" }, z = { class: "mb-md" }, B = { class: "hr mt-xs" }, V = { class: "pt-lg text-center text-word-3" }, H = /* @__PURE__ */ _({
-	__name: "PkChatbotAuth",
-	props: /*@__PURE__*/ v({
-		branding: { default: void 0 },
-		authMethods: { default: void 0 },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		twoFactorMethods: { default: void 0 }
-	}, {
-		errorMessage: { default: void 0 },
-		errorMessageModifiers: {},
-		success: { default: void 0 },
-		successModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v([
-		"sign-in",
-		"sign-up",
-		"request-reset",
-		"social",
-		"verify-two-factor",
-		"send-two-factor-code",
-		"cancel-two-factor",
-		"update:errorMessage",
-		"update:success"
-	], ["update:errorMessage", "update:success"]),
-	setup(n, { emit: a }) {
-		let { t: o } = oe({ useScope: "global" }), _ = n, { canShowImage: v, onImageError: E } = s(), O = C(n, "errorMessage"), H = C(n, "success"), U = a, W = b("sign-in");
-		w(W, () => {
-			O.value = void 0, H.value = void 0;
-		});
-		function pe() {
-			H.value = void 0, W.value = "sign-in";
-		}
-		let me = u(() => _.authMethods?.google || _.authMethods?.microsoft), G = e({
-			email: i(),
-			password: D,
-			rememberMe: r().default(!1)
-		}), he = e({ email: i() }), { VvForm: ge, VvFormField: K } = c(G, { lazyLoad: !0 }), { VvForm: _e, VvFormField: q, clear: ve } = c(se, { lazyLoad: !0 }), { VvForm: ye, VvFormField: be, clear: xe } = c(he, { lazyLoad: !0 });
-		w(H, (e) => {
-			e && (ve(), xe());
-		});
-		let J = b();
-		function Se() {
-			H.value && J.value?.focus();
-		}
-		function Ce(e) {
-			U("sign-in", {
-				email: e.email,
-				password: e.password,
-				rememberMe: e.rememberMe ?? !1
-			});
-		}
-		function we(e) {
-			U("sign-up", {
-				name: e.name.trim(),
-				email: e.email,
-				password: e.password
-			});
-		}
-		function Te(e) {
-			U("request-reset", { email: e.email });
-		}
-		function Y(e) {
-			U("social", e);
-		}
-		let X = u(() => !!_.twoFactorMethods?.length), Z = b("totp"), { VvForm: Ee, VvFormField: De, clear: Q } = c(e({ code: t().trim().min(6).max(32) }), { lazyLoad: !0 });
-		w(() => _.twoFactorMethods, (e) => {
-			e?.length && (Z.value = e.includes("totp") ? "totp" : "otp", Q(), Z.value === "otp" && U("send-two-factor-code"));
-		}, { immediate: !0 });
-		function $(e) {
-			Z.value = e, O.value = void 0, Q();
-		}
-		let Oe = u(() => Z.value === "backup" ? o("twoFactor.challengeBackup") : Z.value === "otp" ? o("twoFactor.challengeEmailSent") : o("twoFactor.challengeApp"));
-		function ke(e) {
-			U("verify-two-factor", {
-				kind: Z.value,
-				code: e.code.trim()
-			});
-		}
-		return (e, t) => {
-			let r = re, i = te, a = ee, s = ne;
-			return y(), p("div", ce, [m("div", le, [g(ie, {
-				name: "pk-flip",
-				mode: "out-in",
-				onAfterEnter: Se
-			}, {
-				default: T(() => [H.value ? (y(), p("div", {
-					ref_key: "successCard",
-					ref: J,
-					key: "success",
-					tabindex: "-1",
-					class: "pk-chatbot-auth__flip-card outline-none flex flex-col text-center leading-normal"
-				}, [
-					m("div", ue, [g(r, {
-						name: "ri:mail-check-line",
-						"aria-hidden": "true",
-						class: "text-success w-32 h-32"
-					})]),
-					m("h1", de, x(H.value.title), 1),
-					m("p", fe, x(H.value.message), 1),
-					g(i, {
-						type: "button",
-						modifiers: "link",
-						icon: "chevron-left",
-						label: S(o)("action.backToSignIn"),
-						onClick: pe
-					}, null, 8, ["label"])
-				], 512)) : (y(), p("div", k, [m("div", A, [
-					S(v)(n.branding?.interface.logo) ? (y(), p("div", j, [m("img", {
-						src: n.branding?.interface.logo,
-						alt: n.branding?.name,
-						class: "w-64 h-64 border border-surface-3 rounded-full bg-surface-0 overflow-hidden bg-surface object-contain",
-						onError: t[0] ||= (e) => S(E)(n.branding?.interface.logo)
-					}, null, 40, M)])) : f("", !0),
-					m("div", N, [n.branding?.name ? (y(), p("h1", P, x(n.branding.name), 1)) : f("", !0), (y(), d(ae(n.branding?.name ? "h2" : "h1"), { class: "text-word-3 mb-0" }, {
-						default: T(() => [X.value ? (y(), p(l, { key: 0 }, [h(x(S(o)("twoFactor.challengeTitle")), 1)], 64)) : W.value === "sign-in" ? (y(), p(l, { key: 1 }, [h(x(S(o)("auth.signInTitle")), 1)], 64)) : W.value === "sign-up" ? (y(), p(l, { key: 2 }, [h(x(S(o)("auth.signUpTitle")), 1)], 64)) : W.value === "reset" ? (y(), p(l, { key: 3 }, [h(x(S(o)("auth.resetTitle")), 1)], 64)) : f("", !0)]),
-						_: 1
-					}))]),
-					O.value ? (y(), d(a, {
-						key: 1,
-						modifiers: "danger",
-						class: "mb-md",
-						content: O.value
-					}, null, 8, ["content"])) : f("", !0),
-					X.value ? (y(), p(l, { key: 2 }, [
-						m("p", F, x(Oe.value), 1),
-						g(S(Ee), {
-							class: "flex flex-col",
-							readonly: n.loading,
-							onSubmit: ke
-						}, {
-							default: T(() => [g(S(De), {
-								name: "code",
-								type: "text",
-								autocomplete: Z.value === "backup" ? "off" : "one-time-code",
-								label: Z.value === "backup" ? S(o)("twoFactor.backupCode") : S(o)("twoFactor.code"),
-								floating: ""
-							}, null, 8, ["autocomplete", "label"]), g(i, {
-								type: "submit",
-								modifiers: "primary",
-								loading: n.loading,
-								disabled: n.loading,
-								label: S(o)("twoFactor.verify")
-							}, null, 8, [
-								"loading",
-								"disabled",
-								"label"
-							])]),
-							_: 1
-						}, 8, ["readonly"]),
-						m("div", I, [Z.value === "totp" ? (y(), d(i, {
-							key: 0,
-							type: "button",
-							modifiers: "link",
-							label: S(o)("twoFactor.useBackupCode"),
-							onClick: t[1] ||= (e) => $("backup")
-						}, null, 8, ["label"])) : Z.value === "backup" ? (y(), d(i, {
-							key: 1,
-							type: "button",
-							modifiers: "link",
-							label: S(o)("twoFactor.useApp"),
-							onClick: t[2] ||= (e) => $("totp")
-						}, null, 8, ["label"])) : (y(), d(i, {
-							key: 2,
-							type: "button",
-							modifiers: "link",
-							disabled: n.loading,
-							label: S(o)("twoFactor.sendAgain"),
-							onClick: t[3] ||= (e) => U("send-two-factor-code")
-						}, null, 8, ["disabled", "label"]))])
-					], 64)) : W.value === "sign-in" ? (y(), d(S(ge), {
-						key: 3,
-						class: "flex flex-col",
-						readonly: n.loading,
-						onSubmit: Ce
-					}, {
-						default: T(() => [m("div", L, [
-							g(S(K), {
-								name: "email",
-								type: "email",
-								autocomplete: "username",
-								label: S(o)("label.email"),
-								floating: ""
-							}, null, 8, ["label"]),
-							g(S(K), {
-								name: "password",
-								type: "password",
-								autocomplete: "current-password",
-								label: S(o)("label.password"),
-								floating: ""
-							}, null, 8, ["label"]),
-							m("div", R, [g(i, {
-								type: "button",
-								modifiers: "link",
-								label: S(o)("action.forgetPassword"),
-								onClick: t[4] ||= (e) => W.value = "reset"
-							}, null, 8, ["label"])]),
-							g(S(K), {
-								name: "rememberMe",
-								type: "checkbox",
-								label: S(o)("label.rememberMe"),
-								switch: ""
-							}, null, 8, ["label"])
-						]), g(i, {
-							type: "submit",
-							modifiers: "primary",
-							loading: n.loading,
-							disabled: n.loading,
-							label: S(o)("action.signIn")
-						}, null, 8, [
-							"loading",
-							"disabled",
-							"label"
-						])]),
-						_: 1
-					}, 8, ["readonly"])) : W.value === "sign-up" ? (y(), d(S(_e), {
-						key: 4,
-						class: "flex flex-col",
-						readonly: n.loading,
-						onSubmit: we
-					}, {
-						default: T(() => [m("div", z, [
-							g(S(q), {
-								name: "name",
-								type: "text",
-								autocomplete: "name",
-								label: S(o)("label.name"),
-								floating: ""
-							}, null, 8, ["label"]),
-							g(S(q), {
-								name: "email",
-								type: "email",
-								autocomplete: "username",
-								label: S(o)("label.email"),
-								floating: ""
-							}, null, 8, ["label"]),
-							g(S(q), {
-								name: "password",
-								type: "password",
-								autocomplete: "new-password",
-								label: S(o)("label.password"),
-								floating: ""
-							}, null, 8, ["label"]),
-							g(S(q), {
-								name: "passwordConfirmation",
-								type: "password",
-								autocomplete: "new-password",
-								label: S(o)("label.confirmPassword"),
-								floating: ""
-							}, null, 8, ["label"])
-						]), g(i, {
-							type: "submit",
-							modifiers: "primary",
-							loading: n.loading,
-							disabled: n.loading,
-							label: S(o)("action.continue")
-						}, null, 8, [
-							"loading",
-							"disabled",
-							"label"
-						])]),
-						_: 1
-					}, 8, ["readonly"])) : W.value === "reset" ? (y(), d(S(ye), {
-						key: 5,
-						class: "flex flex-col",
-						readonly: n.loading,
-						onSubmit: Te
-					}, {
-						default: T(() => [g(S(be), {
-							name: "email",
-							type: "email",
-							autocomplete: "username",
-							label: S(o)("label.email"),
-							floating: ""
-						}, null, 8, ["label"]), g(s, { modifiers: "vertical" }, {
-							default: T(() => [g(i, {
-								type: "submit",
-								modifiers: "primary",
-								loading: n.loading,
-								disabled: n.loading,
-								label: S(o)("action.submit")
-							}, null, 8, [
-								"loading",
-								"disabled",
-								"label"
-							])]),
-							_: 1
-						})]),
-						_: 1
-					}, 8, ["readonly"])) : f("", !0),
-					!X.value && (W.value === "sign-in" || W.value === "sign-up") && me.value ? (y(), p(l, { key: 6 }, [m("div", B, [m("span", null, x(S(o)("label.or")), 1)]), g(s, {
-						modifiers: "vertical",
-						class: "gap-xs mt-xs"
-					}, {
-						default: T(() => [n.authMethods?.google ? (y(), d(i, {
-							key: 0,
-							type: "button",
-							modifiers: "secondary",
-							icon: "logos:google-icon",
-							disabled: n.loading,
-							label: S(o)("action.signInWithSocialProvider", { provider: "Google" }),
-							onClick: t[5] ||= (e) => Y("google")
-						}, null, 8, ["disabled", "label"])) : f("", !0), n.authMethods?.microsoft ? (y(), d(i, {
-							key: 1,
-							type: "button",
-							modifiers: "secondary",
-							icon: "logos:microsoft-icon",
-							disabled: n.loading,
-							label: S(o)("action.signInWithSocialProvider", { provider: "Microsoft" }),
-							onClick: t[6] ||= (e) => Y("microsoft")
-						}, null, 8, ["disabled", "label"])) : f("", !0)]),
-						_: 1
-					})], 64)) : f("", !0)
-				]), m("div", V, [X.value ? (y(), d(i, {
-					key: 0,
-					type: "button",
-					modifiers: "link",
-					icon: "chevron-left",
-					label: S(o)("action.backToSignIn"),
-					onClick: t[7] ||= (e) => U("cancel-two-factor")
-				}, null, 8, ["label"])) : W.value === "sign-in" ? (y(), p(l, { key: 1 }, [h(x(S(o)("auth.noAccount")) + " ", 1), g(i, {
-					type: "button",
-					modifiers: "link",
-					class: "font-semibold",
-					label: S(o)("action.signUp"),
-					onClick: t[8] ||= (e) => W.value = "sign-up"
-				}, null, 8, ["label"])], 64)) : W.value === "sign-up" ? (y(), p(l, { key: 2 }, [h(x(S(o)("auth.haveAccount")) + " ", 1), g(i, {
-					type: "button",
-					modifiers: "link",
-					class: "font-semibold",
-					label: S(o)("action.signIn"),
-					onClick: t[9] ||= (e) => W.value = "sign-in"
-				}, null, 8, ["label"])], 64)) : (y(), d(i, {
-					key: 3,
-					type: "button",
-					modifiers: "link",
-					icon: "chevron-left",
-					label: S(o)("action.backToSignIn"),
-					onClick: t[10] ||= (e) => W.value = "sign-in"
-				}, null, 8, ["label"]))])]))]),
-				_: 1
-			})])]);
-		};
-	}
-});
-//#endregion
-export { H as t };
-
-//# sourceMappingURL=PkChatbotAuth-jzoNJkmH.js.map