@8wave/ai-elements 0.87.0 → 0.88.0

package/dist-vue/_chunks/{PkToolShowLocation-q398vKFd.js.map → PkToolShowLocation-BvKZaaJS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowLocation-q398vKFd.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowLocation.vue","../../../../packages/components/src/chat/PkToolShowLocation.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import {\n        computed,\n        ref,\n        watchEffect,\n        onMounted,\n        getCurrentInstance,\n    } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { loadCdnCss, getShadowRoot } from 'utils'\n    import {\n        MglGeolocateControl,\n        MglMap,\n        MglMarker,\n        MglNavigationControl,\n        MglPopup,\n        MglScaleControl,\n    } from '@indoorequal/vue-maplibre-gl'\n\n    const props = defineProps<{\n        part: unknown\n        isDark?: boolean\n        mainColor?: string\n        forwardGeocode?: (\n            query: string,\n            lang?: string,\n        ) => Promise<\n            | { latitude: number; longitude: number; displayName: string }\n            | undefined\n        >\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                name: string\n                address: string\n                latitude?: number\n                longitude?: number\n                additionalInfo?: string\n            }\n        }\n        return part\n    })\n\n    const geocodedCoords = ref<[number, number] | null>(null)\n\n    const MAP_STYLES = {\n        light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n        dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n    } as const\n\n    onMounted(() => {\n        loadCdnCss(\n            'https://cdn.jsdelivr.net/npm/maplibre-gl@5/dist/maplibre-gl.css',\n            getShadowRoot(getCurrentInstance()?.proxy?.$el),\n        )\n    })\n\n    const mapStyle = computed(() =>\n        props.isDark ? MAP_STYLES.dark : MAP_STYLES.light,\n    )\n\n    watchEffect(async () => {\n        const input = toolPart.value.input\n        if (!input || input.latitude != null || !input.address) {\n            return\n        }\n        if (!props.forwardGeocode) {\n            return\n        }\n\n        try {\n            const result = await props.forwardGeocode(input.address)\n            if (result) {\n                // [lng, lat] — MapLibre coordinate order\n                geocodedCoords.value = [result.longitude, result.latitude]\n            }\n        } catch {\n            // Geocoding failed — fallback to text-only card\n        }\n    })\n\n    const hasCoords = computed(\n        () =>\n            (toolPart.value.input?.latitude != null &&\n                toolPart.value.input?.longitude != null) ||\n            geocodedCoords.value != null,\n    )\n\n    const center = computed<[number, number]>(() => {\n        if (\n            toolPart.value.input?.latitude != null &&\n            toolPart.value.input?.longitude != null\n        ) {\n            // [lng, lat] — MapLibre coordinate order\n            return [\n                toolPart.value.input.longitude,\n                toolPart.value.input.latitude,\n            ]\n        }\n        return geocodedCoords.value ?? [0, 0]\n    })\n\n    // Navigation services expect \"lat,lng\" — center is [lng, lat]\n    const getNavDestination = () =>\n        hasCoords.value\n            ? `${center.value[1]},${center.value[0]}`\n            : (toolPart.value.input?.address ?? '')\n\n    const openGoogleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openAppleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://maps.apple.com/?daddr=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openWaze = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        if (hasCoords.value) {\n            window.open(\n                `https://waze.com/ul?ll=${center.value[1]},${center.value[0]}&navigate=yes`,\n                '_blank',\n            )\n        } else {\n            window.open(\n                `https://waze.com/ul?q=${encodeURIComponent(input.address)}&navigate=yes`,\n                '_blank',\n            )\n        }\n    }\n\n    const copyLocation = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        copy(`${input.name}\\n${input.address}`)\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:map-pin-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.location') }}</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=\"copyLocation\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:direction-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.getDirections')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleMaps\">\n                            <VvIcon name=\"ri:map-2-line\" />\n                            Google Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openAppleMaps\">\n                            <VvIcon name=\"ri:map-line\" />\n                            Apple Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openWaze\">\n                            <VvIcon name=\"ri:navigation-line\" />\n                            Waze\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"hasCoords\" class=\"h-224 border-b border-surface-3\">\n            <MglMap\n                :map-style=\"mapStyle\"\n                :zoom=\"12\"\n                :center=\"center\"\n                :scroll-zoom=\"false\"\n                :attribution-control=\"false\">\n                <MglNavigationControl\n                    position=\"top-right\"\n                    :show-compass=\"false\" />\n                <MglGeolocateControl position=\"top-right\" />\n                <MglScaleControl position=\"bottom-left\" />\n                <MglMarker :coordinates=\"center\" :color=\"mainColor\">\n                    <MglPopup :close-button=\"false\">\n                        <div class=\"flex flex-col leading-normal text-12 pr-12\">\n                            <p class=\"font-semibold\">\n                                {{ toolPart.input.name }}\n                            </p>\n                            <p\n                                v-if=\"toolPart.input.address\"\n                                class=\"text-word-3\">\n                                {{ toolPart.input.address }}\n                            </p>\n                        </div>\n                    </MglPopup>\n                </MglMarker>\n            </MglMap>\n        </div>\n        <div class=\"p-sm flex flex-col gap-4\">\n            <p class=\"font-semibold text-word-1 text-14\">\n                {{ toolPart.input.name }}\n            </p>\n            <p class=\"text-12 text-word-3\">{{ toolPart.input.address }}</p>\n            <p v-if=\"toolPart.input.additionalInfo\" class=\"text-12 text-word-4\">\n                {{ toolPart.input.additionalInfo }}\n            </p>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import {\n        computed,\n        ref,\n        watchEffect,\n        onMounted,\n        getCurrentInstance,\n    } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { loadCdnCss, getShadowRoot } from 'utils'\n    import {\n        MglGeolocateControl,\n        MglMap,\n        MglMarker,\n        MglNavigationControl,\n        MglPopup,\n        MglScaleControl,\n    } from '@indoorequal/vue-maplibre-gl'\n\n    const props = defineProps<{\n        part: unknown\n        isDark?: boolean\n        mainColor?: string\n        forwardGeocode?: (\n            query: string,\n            lang?: string,\n        ) => Promise<\n            | { latitude: number; longitude: number; displayName: string }\n            | undefined\n        >\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                name: string\n                address: string\n                latitude?: number\n                longitude?: number\n                additionalInfo?: string\n            }\n        }\n        return part\n    })\n\n    const geocodedCoords = ref<[number, number] | null>(null)\n\n    const MAP_STYLES = {\n        light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n        dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n    } as const\n\n    onMounted(() => {\n        loadCdnCss(\n            'https://cdn.jsdelivr.net/npm/maplibre-gl@5/dist/maplibre-gl.css',\n            getShadowRoot(getCurrentInstance()?.proxy?.$el),\n        )\n    })\n\n    const mapStyle = computed(() =>\n        props.isDark ? MAP_STYLES.dark : MAP_STYLES.light,\n    )\n\n    watchEffect(async () => {\n        const input = toolPart.value.input\n        if (!input || input.latitude != null || !input.address) {\n            return\n        }\n        if (!props.forwardGeocode) {\n            return\n        }\n\n        try {\n            const result = await props.forwardGeocode(input.address)\n            if (result) {\n                // [lng, lat] — MapLibre coordinate order\n                geocodedCoords.value = [result.longitude, result.latitude]\n            }\n        } catch {\n            // Geocoding failed — fallback to text-only card\n        }\n    })\n\n    const hasCoords = computed(\n        () =>\n            (toolPart.value.input?.latitude != null &&\n                toolPart.value.input?.longitude != null) ||\n            geocodedCoords.value != null,\n    )\n\n    const center = computed<[number, number]>(() => {\n        if (\n            toolPart.value.input?.latitude != null &&\n            toolPart.value.input?.longitude != null\n        ) {\n            // [lng, lat] — MapLibre coordinate order\n            return [\n                toolPart.value.input.longitude,\n                toolPart.value.input.latitude,\n            ]\n        }\n        return geocodedCoords.value ?? [0, 0]\n    })\n\n    // Navigation services expect \"lat,lng\" — center is [lng, lat]\n    const getNavDestination = () =>\n        hasCoords.value\n            ? `${center.value[1]},${center.value[0]}`\n            : (toolPart.value.input?.address ?? '')\n\n    const openGoogleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openAppleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://maps.apple.com/?daddr=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openWaze = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        if (hasCoords.value) {\n            window.open(\n                `https://waze.com/ul?ll=${center.value[1]},${center.value[0]}&navigate=yes`,\n                '_blank',\n            )\n        } else {\n            window.open(\n                `https://waze.com/ul?q=${encodeURIComponent(input.address)}&navigate=yes`,\n                '_blank',\n            )\n        }\n    }\n\n    const copyLocation = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        copy(`${input.name}\\n${input.address}`)\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:map-pin-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.location') }}</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=\"copyLocation\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:direction-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.getDirections')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleMaps\">\n                            <VvIcon name=\"ri:map-2-line\" />\n                            Google Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openAppleMaps\">\n                            <VvIcon name=\"ri:map-line\" />\n                            Apple Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openWaze\">\n                            <VvIcon name=\"ri:navigation-line\" />\n                            Waze\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"hasCoords\" class=\"h-224 border-b border-surface-3\">\n            <MglMap\n                :map-style=\"mapStyle\"\n                :zoom=\"12\"\n                :center=\"center\"\n                :scroll-zoom=\"false\"\n                :attribution-control=\"false\">\n                <MglNavigationControl\n                    position=\"top-right\"\n                    :show-compass=\"false\" />\n                <MglGeolocateControl position=\"top-right\" />\n                <MglScaleControl position=\"bottom-left\" />\n                <MglMarker :coordinates=\"center\" :color=\"mainColor\">\n                    <MglPopup :close-button=\"false\">\n                        <div class=\"flex flex-col leading-normal text-12 pr-12\">\n                            <p class=\"font-semibold\">\n                                {{ toolPart.input.name }}\n                            </p>\n                            <p\n                                v-if=\"toolPart.input.address\"\n                                class=\"text-word-3\">\n                                {{ toolPart.input.address }}\n                            </p>\n                        </div>\n                    </MglPopup>\n                </MglMarker>\n            </MglMap>\n        </div>\n        <div class=\"p-sm flex flex-col gap-4\">\n            <p class=\"font-semibold text-word-1 text-14\">\n                {{ toolPart.input.name }}\n            </p>\n            <p class=\"text-12 text-word-3\">{{ toolPart.input.address }}</p>\n            <p v-if=\"toolPart.input.additionalInfo\" class=\"text-12 text-word-4\">\n                {{ toolPart.input.additionalInfo }}\n            </p>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowLocation-BvKZaaJS.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowLocation.vue","../../../../packages/components/src/chat/PkToolShowLocation.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import {\n        computed,\n        ref,\n        watchEffect,\n        onMounted,\n        getCurrentInstance,\n    } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { loadCdnCss, getShadowRoot } from 'utils'\n    import {\n        MglGeolocateControl,\n        MglMap,\n        MglMarker,\n        MglNavigationControl,\n        MglPopup,\n        MglScaleControl,\n    } from '@indoorequal/vue-maplibre-gl'\n\n    const props = defineProps<{\n        part: unknown\n        isDark?: boolean\n        mainColor?: string\n        forwardGeocode?: (\n            query: string,\n            lang?: string,\n        ) => Promise<\n            | { latitude: number; longitude: number; displayName: string }\n            | undefined\n        >\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                name: string\n                address: string\n                latitude?: number\n                longitude?: number\n                additionalInfo?: string\n            }\n        }\n        return part\n    })\n\n    const geocodedCoords = ref<[number, number] | null>(null)\n\n    const MAP_STYLES = {\n        light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n        dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n    } as const\n\n    onMounted(() => {\n        loadCdnCss(\n            'https://cdn.jsdelivr.net/npm/maplibre-gl@5/dist/maplibre-gl.css',\n            getShadowRoot(getCurrentInstance()?.proxy?.$el),\n        )\n    })\n\n    const mapStyle = computed(() =>\n        props.isDark ? MAP_STYLES.dark : MAP_STYLES.light,\n    )\n\n    watchEffect(async () => {\n        const input = toolPart.value.input\n        if (!input || input.latitude != null || !input.address) {\n            return\n        }\n        if (!props.forwardGeocode) {\n            return\n        }\n\n        try {\n            const result = await props.forwardGeocode(input.address)\n            if (result) {\n                // [lng, lat] — MapLibre coordinate order\n                geocodedCoords.value = [result.longitude, result.latitude]\n            }\n        } catch {\n            // Geocoding failed — fallback to text-only card\n        }\n    })\n\n    const hasCoords = computed(\n        () =>\n            (toolPart.value.input?.latitude != null &&\n                toolPart.value.input?.longitude != null) ||\n            geocodedCoords.value != null,\n    )\n\n    const center = computed<[number, number]>(() => {\n        if (\n            toolPart.value.input?.latitude != null &&\n            toolPart.value.input?.longitude != null\n        ) {\n            // [lng, lat] — MapLibre coordinate order\n            return [\n                toolPart.value.input.longitude,\n                toolPart.value.input.latitude,\n            ]\n        }\n        return geocodedCoords.value ?? [0, 0]\n    })\n\n    // Navigation services expect \"lat,lng\" — center is [lng, lat]\n    const getNavDestination = () =>\n        hasCoords.value\n            ? `${center.value[1]},${center.value[0]}`\n            : (toolPart.value.input?.address ?? '')\n\n    const openGoogleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openAppleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://maps.apple.com/?daddr=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openWaze = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        if (hasCoords.value) {\n            window.open(\n                `https://waze.com/ul?ll=${center.value[1]},${center.value[0]}&navigate=yes`,\n                '_blank',\n            )\n        } else {\n            window.open(\n                `https://waze.com/ul?q=${encodeURIComponent(input.address)}&navigate=yes`,\n                '_blank',\n            )\n        }\n    }\n\n    const copyLocation = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        copy(`${input.name}\\n${input.address}`)\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:map-pin-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.location') }}</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=\"copyLocation\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:direction-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.getDirections')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleMaps\">\n                            <VvIcon name=\"ri:map-2-line\" />\n                            Google Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openAppleMaps\">\n                            <VvIcon name=\"ri:map-line\" />\n                            Apple Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openWaze\">\n                            <VvIcon name=\"ri:navigation-line\" />\n                            Waze\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"hasCoords\" class=\"h-224 border-b border-surface-3\">\n            <MglMap\n                :map-style=\"mapStyle\"\n                :zoom=\"12\"\n                :center=\"center\"\n                :scroll-zoom=\"false\"\n                :attribution-control=\"false\">\n                <MglNavigationControl\n                    position=\"top-right\"\n                    :show-compass=\"false\" />\n                <MglGeolocateControl position=\"top-right\" />\n                <MglScaleControl position=\"bottom-left\" />\n                <MglMarker :coordinates=\"center\" :color=\"mainColor\">\n                    <MglPopup :close-button=\"false\">\n                        <div class=\"flex flex-col leading-normal text-12 pr-12\">\n                            <p class=\"font-semibold\">\n                                {{ toolPart.input.name }}\n                            </p>\n                            <p\n                                v-if=\"toolPart.input.address\"\n                                class=\"text-word-3\">\n                                {{ toolPart.input.address }}\n                            </p>\n                        </div>\n                    </MglPopup>\n                </MglMarker>\n            </MglMap>\n        </div>\n        <div class=\"p-sm flex flex-col gap-4\">\n            <p class=\"font-semibold text-word-1 text-14\">\n                {{ toolPart.input.name }}\n            </p>\n            <p class=\"text-12 text-word-3\">{{ toolPart.input.address }}</p>\n            <p v-if=\"toolPart.input.additionalInfo\" class=\"text-12 text-word-4\">\n                {{ toolPart.input.additionalInfo }}\n            </p>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import {\n        computed,\n        ref,\n        watchEffect,\n        onMounted,\n        getCurrentInstance,\n    } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { loadCdnCss, getShadowRoot } from 'utils'\n    import {\n        MglGeolocateControl,\n        MglMap,\n        MglMarker,\n        MglNavigationControl,\n        MglPopup,\n        MglScaleControl,\n    } from '@indoorequal/vue-maplibre-gl'\n\n    const props = defineProps<{\n        part: unknown\n        isDark?: boolean\n        mainColor?: string\n        forwardGeocode?: (\n            query: string,\n            lang?: string,\n        ) => Promise<\n            | { latitude: number; longitude: number; displayName: string }\n            | undefined\n        >\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                name: string\n                address: string\n                latitude?: number\n                longitude?: number\n                additionalInfo?: string\n            }\n        }\n        return part\n    })\n\n    const geocodedCoords = ref<[number, number] | null>(null)\n\n    const MAP_STYLES = {\n        light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n        dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n    } as const\n\n    onMounted(() => {\n        loadCdnCss(\n            'https://cdn.jsdelivr.net/npm/maplibre-gl@5/dist/maplibre-gl.css',\n            getShadowRoot(getCurrentInstance()?.proxy?.$el),\n        )\n    })\n\n    const mapStyle = computed(() =>\n        props.isDark ? MAP_STYLES.dark : MAP_STYLES.light,\n    )\n\n    watchEffect(async () => {\n        const input = toolPart.value.input\n        if (!input || input.latitude != null || !input.address) {\n            return\n        }\n        if (!props.forwardGeocode) {\n            return\n        }\n\n        try {\n            const result = await props.forwardGeocode(input.address)\n            if (result) {\n                // [lng, lat] — MapLibre coordinate order\n                geocodedCoords.value = [result.longitude, result.latitude]\n            }\n        } catch {\n            // Geocoding failed — fallback to text-only card\n        }\n    })\n\n    const hasCoords = computed(\n        () =>\n            (toolPart.value.input?.latitude != null &&\n                toolPart.value.input?.longitude != null) ||\n            geocodedCoords.value != null,\n    )\n\n    const center = computed<[number, number]>(() => {\n        if (\n            toolPart.value.input?.latitude != null &&\n            toolPart.value.input?.longitude != null\n        ) {\n            // [lng, lat] — MapLibre coordinate order\n            return [\n                toolPart.value.input.longitude,\n                toolPart.value.input.latitude,\n            ]\n        }\n        return geocodedCoords.value ?? [0, 0]\n    })\n\n    // Navigation services expect \"lat,lng\" — center is [lng, lat]\n    const getNavDestination = () =>\n        hasCoords.value\n            ? `${center.value[1]},${center.value[0]}`\n            : (toolPart.value.input?.address ?? '')\n\n    const openGoogleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openAppleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://maps.apple.com/?daddr=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openWaze = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        if (hasCoords.value) {\n            window.open(\n                `https://waze.com/ul?ll=${center.value[1]},${center.value[0]}&navigate=yes`,\n                '_blank',\n            )\n        } else {\n            window.open(\n                `https://waze.com/ul?q=${encodeURIComponent(input.address)}&navigate=yes`,\n                '_blank',\n            )\n        }\n    }\n\n    const copyLocation = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        copy(`${input.name}\\n${input.address}`)\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:map-pin-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.location') }}</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=\"copyLocation\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:direction-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.getDirections')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleMaps\">\n                            <VvIcon name=\"ri:map-2-line\" />\n                            Google Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openAppleMaps\">\n                            <VvIcon name=\"ri:map-line\" />\n                            Apple Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openWaze\">\n                            <VvIcon name=\"ri:navigation-line\" />\n                            Waze\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"hasCoords\" class=\"h-224 border-b border-surface-3\">\n            <MglMap\n                :map-style=\"mapStyle\"\n                :zoom=\"12\"\n                :center=\"center\"\n                :scroll-zoom=\"false\"\n                :attribution-control=\"false\">\n                <MglNavigationControl\n                    position=\"top-right\"\n                    :show-compass=\"false\" />\n                <MglGeolocateControl position=\"top-right\" />\n                <MglScaleControl position=\"bottom-left\" />\n                <MglMarker :coordinates=\"center\" :color=\"mainColor\">\n                    <MglPopup :close-button=\"false\">\n                        <div class=\"flex flex-col leading-normal text-12 pr-12\">\n                            <p class=\"font-semibold\">\n                                {{ toolPart.input.name }}\n                            </p>\n                            <p\n                                v-if=\"toolPart.input.address\"\n                                class=\"text-word-3\">\n                                {{ toolPart.input.address }}\n                            </p>\n                        </div>\n                    </MglPopup>\n                </MglMarker>\n            </MglMap>\n        </div>\n        <div class=\"p-sm flex flex-col gap-4\">\n            <p class=\"font-semibold text-word-1 text-14\">\n                {{ toolPart.input.name }}\n            </p>\n            <p class=\"text-12 text-word-3\">{{ toolPart.input.address }}</p>\n            <p v-if=\"toolPart.input.additionalInfo\" class=\"text-12 text-word-4\">\n                {{ toolPart.input.additionalInfo }}\n            </p>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkToolShowMessage-BajfguXg.js → PkToolShowMessage-J5IWwUjF.js}

@@ -1,4 +1,4 @@
-import { d as e } from "./useChatbotStore-DO4-QCQt.js";
+import { d as e } from "./useChatbotStore-VxGMdCch.js";
 import { VvButton as t, VvButtonGroup as n, VvDropdown as r, VvDropdownAction as i, VvIcon as a } from "@volverjs/ui-vue/components";
 import { computed as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, normalizeProps as p, openBlock as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
 import { useClipboard as v } from "@vueuse/core";
@@ -74,4 +74,4 @@ var y = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
 //#endregion
 export { E as n, D as t };
 
-//# sourceMappingURL=PkToolShowMessage-BajfguXg.js.map
+//# sourceMappingURL=PkToolShowMessage-J5IWwUjF.js.map

package/dist-vue/_chunks/{PkToolShowMessage-BajfguXg.js.map → PkToolShowMessage-J5IWwUjF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowMessage-BajfguXg.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowMessage.vue","../../../../packages/components/src/chat/PkToolShowMessage.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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\n    }\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\n    }\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,EAAa,GAEhC,IAAW,QACA,EAAM,IAMtB,GAEK,UAAuB;GACzB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,uBAAuB,mBAAmB,EAAS,MAAM,MAAM,IAAI;GAC/E,OAAO,KAAK,GAAK,QAAQ;EAC7B,GAEM,UAAuB;GACzB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,+BAA+B,mBAAmB,EAAS,MAAM,MAAM,IAAI;GACvF,OAAO,KAAK,GAAK,QAAQ;EAC7B,GAEM,UAAkB;GACpB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,aAAa,mBAAmB,EAAS,MAAM,MAAM,IAAI;GACrE,OAAO,KAAK,CAAG;EACnB;;;eAIA,EAmDM,OAnDN,GAmDM,CAjDF,EAwCM,OAxCN,GAwCM;IAtCF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,eAAA,CAAA,GAAA,CAAA;IAET,EAiCgB,GAAA;KAjCD,WAAU;KAAU,OAAM;;sBAKY,CAJjD,EAIiD,GAAA;MAH7C,WAAU;MACT,MAAM,EAAA,CAAA,IAAM,kBAAA;MACZ,OAAO,EAAA,CAAA,IAASA,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,EAAK,EAAA,OAAU,OAAO,QAAI,EAAA;qCACtC,EA0Ba,GAAA,EAAA,EAzBD;;;;;;MAMP,CAAA,GAAA;MAKU,OAAK,QAIO;OAHnB,EAGmB,GAAA,EAHA,SAAO,EAAc,GAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,EAAc,GAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,EAAS,GAAA;yBACI,CAAnC,EAAmC,GAAA,EAA3B,MAAK,oBAAmB,CAAA,GAAA,EAAG,MACnC,EAAGA,EAAAA,GAAE,kBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;uBAZoB,CAHjC,EAGiC,GAAA;OAF7B,MAAK;OACL,WAAU;OACT,OAAOA,EAAAA,GAAE,aAAA;;;;;;OAkB1B,EAOM,OAPN,GAOM,CANF,EAEM,OAFN,GAEM,EADCA,EAAAA,GAAE,YAAA,CAAA,GAAA,CAAA,GAET,EAEQ,OAFR,GAEQ,EADJ,EAAA,OAAU,OAAO,IAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PkToolShowMessage-J5IWwUjF.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowMessage.vue","../../../../packages/components/src/chat/PkToolShowMessage.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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\n    }\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\n    }\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,EAAa,GAEhC,IAAW,QACA,EAAM,IAMtB,GAEK,UAAuB;GACzB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,uBAAuB,mBAAmB,EAAS,MAAM,MAAM,IAAI;GAC/E,OAAO,KAAK,GAAK,QAAQ;EAC7B,GAEM,UAAuB;GACzB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,+BAA+B,mBAAmB,EAAS,MAAM,MAAM,IAAI;GACvF,OAAO,KAAK,GAAK,QAAQ;EAC7B,GAEM,UAAkB;GACpB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,aAAa,mBAAmB,EAAS,MAAM,MAAM,IAAI;GACrE,OAAO,KAAK,CAAG;EACnB;;;eAIA,EAmDM,OAnDN,GAmDM,CAjDF,EAwCM,OAxCN,GAwCM;IAtCF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,eAAA,CAAA,GAAA,CAAA;IAET,EAiCgB,GAAA;KAjCD,WAAU;KAAU,OAAM;;sBAKY,CAJjD,EAIiD,GAAA;MAH7C,WAAU;MACT,MAAM,EAAA,CAAA,IAAM,kBAAA;MACZ,OAAO,EAAA,CAAA,IAASA,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,EAAK,EAAA,OAAU,OAAO,QAAI,EAAA;qCACtC,EA0Ba,GAAA,EAAA,EAzBD;;;;;;MAMP,CAAA,GAAA;MAKU,OAAK,QAIO;OAHnB,EAGmB,GAAA,EAHA,SAAO,EAAc,GAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,EAAc,GAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,EAAS,GAAA;yBACI,CAAnC,EAAmC,GAAA,EAA3B,MAAK,oBAAmB,CAAA,GAAA,EAAG,MACnC,EAAGA,EAAAA,GAAE,kBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;uBAZoB,CAHjC,EAGiC,GAAA;OAF7B,MAAK;OACL,WAAU;OACT,OAAOA,EAAAA,GAAE,aAAA;;;;;;OAkB1B,EAOM,OAPN,GAOM,CANF,EAEM,OAFN,GAEM,EADCA,EAAAA,GAAE,YAAA,CAAA,GAAA,CAAA,GAET,EAEQ,OAFR,GAEQ,EADJ,EAAA,OAAU,OAAO,IAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist-vue/_chunks/{PkToolShowProductList-DOdJ5im8.js → PkToolShowProductList-D4Fap8dC.js}

@@ -1,4 +1,4 @@
-import { d as e } from "./useChatbotStore-DO4-QCQt.js";
+import { d as e } from "./useChatbotStore-VxGMdCch.js";
 import { t } from "./PkUrl-C9aGq0Om.js";
 import { VvIcon as n } from "@volverjs/ui-vue/components";
 import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, resolveDynamicComponent as m, toDisplayString as h, withCtx as g } from "vue";
@@ -64,4 +64,4 @@ var _ = {
 //#endregion
 export { E as n, D as t };
 
-//# sourceMappingURL=PkToolShowProductList-DOdJ5im8.js.map
+//# sourceMappingURL=PkToolShowProductList-D4Fap8dC.js.map

package/dist-vue/_chunks/{PkToolShowProductList-DOdJ5im8.js.map → PkToolShowProductList-D4Fap8dC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowProductList-DOdJ5im8.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowProductList.vue","../../../../packages/components/src/chat/PkToolShowProductList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-xl overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-xl overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,IAatB,GAEK,KAAwB,MAA0B;GACpD,IAAI,CAAC,GACD,OAAO;GAEX,IAAM,IAAQ,EAAa,YAAY;GAsBvC,OApBI,EAAM,SAAS,UAAU,KACzB,EAAM,SAAS,WAAW,KAC1B,EAAM,SAAS,aAAa,IAErB,iBAGP,EAAM,SAAS,cAAc,KAC7B,EAAM,SAAS,aAAa,KAC5B,EAAM,SAAS,iBAAiB,IAEzB,gBAGP,EAAM,SAAS,SAAS,KACxB,EAAM,SAAS,WAAW,KAC1B,EAAM,SAAS,UAAU,IAElB,iBAEJ;EACX;;;UAKU,EAAA,OAAU,OAAO,UAAU,UAAA,EAAA,GADrC,EAiDK,MAjDL,GAiDK,EAAA,EAAA,EAAA,GA9CD,EA6CK,GAAA,MAAA,EA5C0B,EAAA,MAAS,MAAM,WAAlC,GAAS,YADrB,EA6CK,MAAA;IA3CA,KAAK;IACN,OAAM;aACN,EAwCY,EAvCH,EAAQ,MAAG,MAAA,KAAA,GAAA;IACf,MAAM,EAAQ;IACd,QAAQ,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAK,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;qBAKqF,CAHjF,EAAQ,SAAA,EAAA,GADlB,EAI2F,OAAA;;KAFtF,KAAK,EAAQ;KACb,KAAK,EAAQ;KACd,OAAM;iCACV,EA4BM,OA5BN,GA4BM;KA3BF,EAES,UAFT,GAES,EADF,EAAQ,IAAI,GAAA,CAAA;KAGT,EAAQ,OAAA,EAAA,GADlB,EAKO,QALP,GAKO,CAFH,EAAkD,GAAA;MAA1C,MAAK;MAAU,OAAM;SAC7B,EAA4B,GAAA,EAApB,KAAK,EAAQ,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;KAEzB,EAYM,OAZN,GAYM,CAVQ,EAAQ,SAAA,EAAA,GADlB,EAIO,QAJP,GAIO,EADA,EAAQ,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAGV,EAAQ,gBAAA,EAAA,GADlB,EAKO,QAAA;;MAHH,OAAK,EAAA,CAAC,uBACE,EAAqB,EAAQ,YAAY,CAAA,CAAA;UAC9C,EAAQ,YAAY,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;KAIrB,EAAQ,eAAA,EAAA,GADlB,EAII,KAJJ,GAII,EADG,EAAQ,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowProductList-D4Fap8dC.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowProductList.vue","../../../../packages/components/src/chat/PkToolShowProductList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-xl overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-xl overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,IAatB,GAEK,KAAwB,MAA0B;GACpD,IAAI,CAAC,GACD,OAAO;GAEX,IAAM,IAAQ,EAAa,YAAY;GAsBvC,OApBI,EAAM,SAAS,UAAU,KACzB,EAAM,SAAS,WAAW,KAC1B,EAAM,SAAS,aAAa,IAErB,iBAGP,EAAM,SAAS,cAAc,KAC7B,EAAM,SAAS,aAAa,KAC5B,EAAM,SAAS,iBAAiB,IAEzB,gBAGP,EAAM,SAAS,SAAS,KACxB,EAAM,SAAS,WAAW,KAC1B,EAAM,SAAS,UAAU,IAElB,iBAEJ;EACX;;;UAKU,EAAA,OAAU,OAAO,UAAU,UAAA,EAAA,GADrC,EAiDK,MAjDL,GAiDK,EAAA,EAAA,EAAA,GA9CD,EA6CK,GAAA,MAAA,EA5C0B,EAAA,MAAS,MAAM,WAAlC,GAAS,YADrB,EA6CK,MAAA;IA3CA,KAAK;IACN,OAAM;aACN,EAwCY,EAvCH,EAAQ,MAAG,MAAA,KAAA,GAAA;IACf,MAAM,EAAQ;IACd,QAAQ,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAK,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;qBAKqF,CAHjF,EAAQ,SAAA,EAAA,GADlB,EAI2F,OAAA;;KAFtF,KAAK,EAAQ;KACb,KAAK,EAAQ;KACd,OAAM;iCACV,EA4BM,OA5BN,GA4BM;KA3BF,EAES,UAFT,GAES,EADF,EAAQ,IAAI,GAAA,CAAA;KAGT,EAAQ,OAAA,EAAA,GADlB,EAKO,QALP,GAKO,CAFH,EAAkD,GAAA;MAA1C,MAAK;MAAU,OAAM;SAC7B,EAA4B,GAAA,EAApB,KAAK,EAAQ,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;KAEzB,EAYM,OAZN,GAYM,CAVQ,EAAQ,SAAA,EAAA,GADlB,EAIO,QAJP,GAIO,EADA,EAAQ,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAGV,EAAQ,gBAAA,EAAA,GADlB,EAKO,QAAA;;MAHH,OAAK,EAAA,CAAC,uBACE,EAAqB,EAAQ,YAAY,CAAA,CAAA;UAC9C,EAAQ,YAAY,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;KAIrB,EAAQ,eAAA,EAAA,GADlB,EAII,KAJJ,GAII,EADG,EAAQ,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist-vue/_chunks/{PkToolShowQrCode-tYNOd6lJ.js → PkToolShowQrCode-BUH5vIS8.js}

@@ -1,4 +1,4 @@
-import { d as e } from "./useChatbotStore-DO4-QCQt.js";
+import { d as e } from "./useChatbotStore-VxGMdCch.js";
 import { VvButton as t, VvButtonGroup as n, VvIcon as r } from "@volverjs/ui-vue/components";
 import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, onMounted as u, openBlock as d, ref as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
 import { useClipboard as g } from "@vueuse/core";
@@ -69,4 +69,4 @@ var _ = {
 //#endregion
 export { w as n, T as t };
 
-//# sourceMappingURL=PkToolShowQrCode-tYNOd6lJ.js.map
+//# sourceMappingURL=PkToolShowQrCode-BUH5vIS8.js.map

package/dist-vue/_chunks/{PkToolShowQrCode-tYNOd6lJ.js.map → PkToolShowQrCode-BUH5vIS8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowQrCode-tYNOd6lJ.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowQrCode.vue","../../../../packages/components/src/chat/PkToolShowQrCode.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,EAAa,GAEhC,IAAW,QACA,EAAM,IAOtB,GAEK,IAAa,EAAI,EAAE,GACnB,IAAiB,EAAiB;EAExC,EAAU,YAAY;GAClB,IAAM,IAAU,EAAS,MAAM,OAAO;GACtC,IAAI,CAAC,GACD;GAEJ,IAAM,EAAE,SAAS,MAAW,MAAM,OAAO;GACzC,EAAW,QAAQ,MAAM,EAAO,SAAS,GAAS,EAAE,MAAM,MAAM,CAAC;EACrE,CAAC;EAED,IAAM,IAAa,YAAY;GAC3B,IAAM,IAAQ,EAAe,OAAO,cAAc,KAAK;GACvD,IAAI,CAAC,GACD;GAEJ,IAAM,IAAU,IAAI,cAAc,EAAE,kBAAkB,CAAK,GACrD,IAAU,IAAI,KAAK,CAAC,CAAO,GAAG,EAChC,MAAM,8BACV,CAAC,GACK,IAAS,IAAI,gBAAgB,CAAO,GAEpC,IAAS,SAAS,cAAc,QAAQ;GAE9C,AADA,EAAO,QAAQ,KACf,EAAO,SAAS;GAChB,IAAM,IAAM,EAAO,WAAW,IAAI,GAC5B,IAAM,IAAI,MAAM;GAStB,AARA,EAAI,eAAe;IAEf,AADA,GAAK,UAAU,GAAK,GAAG,GAAG,KAAK,GAAG,GAClC,IAAI,gBAAgB,CAAM;IAC1B,IAAM,IAAI,SAAS,cAAc,GAAG;IAGpC,AAFA,EAAE,OAAO,EAAO,UAAU,WAAW,GACrC,EAAE,WAAW,cACb,EAAE,MAAM;GACZ,GACA,EAAI,MAAM;EACd;;;UAKU,EAAA,OAAU,SAAA,EAAA,GADpB,EA4BM,OA5BN,GA4BM,CAzBF,EAgBM,OAhBN,GAgBM;IAdF,EAAiD,GAAA;KAAzC,MAAK;KAAkB,OAAM;;IACrC,EAA2D,UAA3D,GAA2D,EAA9BA,EAAAA,GAAE,cAAA,CAAA,GAAA,CAAA;IAC/B,EAWgB,GAAA;KAXD,WAAU;KAAU,OAAM;;sBAKe,CAJpD,EAIoD,GAAA;MAHhD,WAAU;MACT,MAAM,EAAA,CAAA,IAAM,kBAAA;MACZ,OAAO,EAAA,CAAA,IAASA,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,EAAK,EAAA,OAAU,OAAO,WAAO,EAAA;qCACzC,EAI0B,GAAA;MAHtB,WAAU;MACV,MAAK;MACJ,OAAOA,EAAAA,GAAE,iBAAA;MACT,SAAO;;;;OAGpB,EAOM,OAPN,GAOM,CANF,EAAoE,OAAA;aAA3D;IAAJ,KAAI;IAAiB,OAAM;IAAc,WAAQ,EAAA;mBAE5C,EAAA,MAAS,MAAM,SAAA,EAAA,GADzB,EAII,KAJJ,GAII,EADG,EAAA,MAAS,MAAM,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowQrCode-BUH5vIS8.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowQrCode.vue","../../../../packages/components/src/chat/PkToolShowQrCode.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\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:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,EAAa,GAEhC,IAAW,QACA,EAAM,IAOtB,GAEK,IAAa,EAAI,EAAE,GACnB,IAAiB,EAAiB;EAExC,EAAU,YAAY;GAClB,IAAM,IAAU,EAAS,MAAM,OAAO;GACtC,IAAI,CAAC,GACD;GAEJ,IAAM,EAAE,SAAS,MAAW,MAAM,OAAO;GACzC,EAAW,QAAQ,MAAM,EAAO,SAAS,GAAS,EAAE,MAAM,MAAM,CAAC;EACrE,CAAC;EAED,IAAM,IAAa,YAAY;GAC3B,IAAM,IAAQ,EAAe,OAAO,cAAc,KAAK;GACvD,IAAI,CAAC,GACD;GAEJ,IAAM,IAAU,IAAI,cAAc,EAAE,kBAAkB,CAAK,GACrD,IAAU,IAAI,KAAK,CAAC,CAAO,GAAG,EAChC,MAAM,8BACV,CAAC,GACK,IAAS,IAAI,gBAAgB,CAAO,GAEpC,IAAS,SAAS,cAAc,QAAQ;GAE9C,AADA,EAAO,QAAQ,KACf,EAAO,SAAS;GAChB,IAAM,IAAM,EAAO,WAAW,IAAI,GAC5B,IAAM,IAAI,MAAM;GAStB,AARA,EAAI,eAAe;IAEf,AADA,GAAK,UAAU,GAAK,GAAG,GAAG,KAAK,GAAG,GAClC,IAAI,gBAAgB,CAAM;IAC1B,IAAM,IAAI,SAAS,cAAc,GAAG;IAGpC,AAFA,EAAE,OAAO,EAAO,UAAU,WAAW,GACrC,EAAE,WAAW,cACb,EAAE,MAAM;GACZ,GACA,EAAI,MAAM;EACd;;;UAKU,EAAA,OAAU,SAAA,EAAA,GADpB,EA4BM,OA5BN,GA4BM,CAzBF,EAgBM,OAhBN,GAgBM;IAdF,EAAiD,GAAA;KAAzC,MAAK;KAAkB,OAAM;;IACrC,EAA2D,UAA3D,GAA2D,EAA9BA,EAAAA,GAAE,cAAA,CAAA,GAAA,CAAA;IAC/B,EAWgB,GAAA;KAXD,WAAU;KAAU,OAAM;;sBAKe,CAJpD,EAIoD,GAAA;MAHhD,WAAU;MACT,MAAM,EAAA,CAAA,IAAM,kBAAA;MACZ,OAAO,EAAA,CAAA,IAASA,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,EAAK,EAAA,OAAU,OAAO,WAAO,EAAA;qCACzC,EAI0B,GAAA;MAHtB,WAAU;MACV,MAAK;MACJ,OAAOA,EAAAA,GAAE,iBAAA;MACT,SAAO;;;;OAGpB,EAOM,OAPN,GAOM,CANF,EAAoE,OAAA;aAA3D;IAAJ,KAAI;IAAiB,OAAM;IAAc,WAAQ,EAAA;mBAE5C,EAAA,MAAS,MAAM,SAAA,EAAA,GADzB,EAII,KAJJ,GAII,EADG,EAAA,MAAS,MAAM,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist-vue/_chunks/{PkToolShowSources-BrA6dwWu.js → PkToolShowSources-ChkWKhFd.js}

@@ -1,4 +1,4 @@
-import { d as e } from "./useChatbotStore-DO4-QCQt.js";
+import { d as e } from "./useChatbotStore-VxGMdCch.js";
 import { S as t, a as n, b as r, g as i, m as a, n as o, o as s, p as c, v as l, x as u, y as d } from "./schemas-B9AZeRC2.js";
 import { i as f, n as p } from "./Media-CWZEQLgV.js";
 import { i as m, n as h, o as g, t as _ } from "./constants-DpYDYnZU.js";
@@ -433,4 +433,4 @@ var U = (e) => {
 //#endregion
 export { H as a, q as i, be as n, W as o, Q as r, $ as t };
 
-//# sourceMappingURL=PkToolShowSources-BrA6dwWu.js.map
+//# sourceMappingURL=PkToolShowSources-ChkWKhFd.js.map