@8wave/ai-elements 0.119.0-beta.12 → 0.119.0-beta.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_chunks/{PkToolShowContactForm-CQQ6p4bJ.js → PkToolShowContactForm--9XOVqNB.js} +4 -4
- package/dist/_chunks/PkToolShowContactForm--9XOVqNB.js.map +1 -0
- package/dist/ai-elements.es.js +33 -28
- package/dist/ai-elements.es.js.map +1 -1
- package/dist-vue/PkChatbot.js +1 -1
- package/dist-vue/PkChatbotMessages.js +1 -1
- package/dist-vue/PkChatbotViewChat.js +1 -1
- package/dist-vue/_chunks/{PkChatbot-CcNC2r_E.js → PkChatbot-UzdAjTRl.js} +2 -2
- package/dist-vue/_chunks/PkChatbot-UzdAjTRl.js.map +1 -0
- package/dist-vue/_chunks/PkChatbotInput-BfZqRpQ2.js.map +1 -1
- package/dist-vue/_chunks/{PkChatbotMessages-B6qYZsMZ.js → PkChatbotMessages-D9uf0NMI.js} +3 -3
- package/dist-vue/_chunks/{PkChatbotMessages-B6qYZsMZ.js.map → PkChatbotMessages-D9uf0NMI.js.map} +1 -1
- package/dist-vue/_chunks/{PkChatbotViewChat--Q90F_Kg.js → PkChatbotViewChat-B_7IdZIz.js} +3 -3
- package/dist-vue/_chunks/{PkChatbotViewChat--Q90F_Kg.js.map → PkChatbotViewChat-B_7IdZIz.js.map} +1 -1
- package/dist-vue/_chunks/{PkToolShowContactForm-BjNpnv6y.js → PkToolShowContactForm-Y0lrHXhr.js} +4 -4
- package/dist-vue/_chunks/PkToolShowContactForm-Y0lrHXhr.js.map +1 -0
- package/dist-vue/_chunks/{PkToolShowDiagram-CqkabP0e.js → PkToolShowDiagram-BJ_ryTsD.js} +2 -2
- package/dist-vue/_chunks/{PkToolShowDiagram-CqkabP0e.js.map → PkToolShowDiagram-BJ_ryTsD.js.map} +1 -1
- package/dist-vue/composables.js +4 -0
- package/dist-vue/composables.js.map +1 -1
- package/dist-vue/index.js +2635 -2637
- package/dist-vue/index.js.map +1 -1
- package/dist-vue/locales.js +32 -8
- package/dist-vue/packages/components/src/chat/PkAgentSettingsPanel.d.ts +2 -2
- package/dist-vue/style.css +1 -1
- package/package.json +1 -1
- package/dist/_chunks/PkToolShowContactForm-CQQ6p4bJ.js.map +0 -1
- package/dist-vue/_chunks/PkChatbot-CcNC2r_E.js.map +0 -1
- package/dist-vue/_chunks/PkToolShowContactForm-BjNpnv6y.js.map +0 -1
package/dist/_chunks/{PkToolShowContactForm-CQQ6p4bJ.js → PkToolShowContactForm--9XOVqNB.js}
RENAMED
|
@@ -66,7 +66,7 @@ var E = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
|
|
|
66
66
|
label: l(c)("label.name"),
|
|
67
67
|
placeholder: l(c)("placeholder.name"),
|
|
68
68
|
icon: "ri:user-line",
|
|
69
|
-
modifiers: "compact
|
|
69
|
+
modifiers: "compact",
|
|
70
70
|
class: "mb-md"
|
|
71
71
|
}, null, 8, ["label", "placeholder"]),
|
|
72
72
|
v(l(V), {
|
|
@@ -75,7 +75,7 @@ var E = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
|
|
|
75
75
|
label: l(c)("label.email"),
|
|
76
76
|
placeholder: l(c)("placeholder.email"),
|
|
77
77
|
icon: "ri:mail-line",
|
|
78
|
-
modifiers: "compact
|
|
78
|
+
modifiers: "compact",
|
|
79
79
|
class: "mb-md"
|
|
80
80
|
}, null, 8, ["label", "placeholder"]),
|
|
81
81
|
v(l(V), {
|
|
@@ -85,7 +85,7 @@ var E = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
|
|
|
85
85
|
placeholder: l(c)("placeholder.phone"),
|
|
86
86
|
icon: "ri:phone-line",
|
|
87
87
|
class: "mb-md",
|
|
88
|
-
modifiers: "compact
|
|
88
|
+
modifiers: "compact"
|
|
89
89
|
}, null, 8, ["label", "placeholder"]),
|
|
90
90
|
f("div", A, [f("div", j, [v(n, {
|
|
91
91
|
name: "ri:shield-check-line",
|
|
@@ -117,4 +117,4 @@ var E = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
|
|
|
117
117
|
//#endregion
|
|
118
118
|
export { I as default };
|
|
119
119
|
|
|
120
|
-
//# sourceMappingURL=PkToolShowContactForm
|
|
120
|
+
//# sourceMappingURL=PkToolShowContactForm--9XOVqNB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PkToolShowContactForm--9XOVqNB.js","names":["z.object","z.string","z.email","useForm","__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_unref","_Transition","_withCtx","_isRef","PkStreamingMarkdown","_sfc_main","object","string","email","withCtx","defineComponent","init_shared_esm_bundler","toDisplayString","openBlock","init_runtime_core_esm_bundler","unref","watch","isRef","createBaseVNode","init_reactivity_esm_bundler","init_runtime_dom_esm_bundler","Transition","createElementBlock","createVNode","useI18n","PkStreamingMarkdown_default","Ca","Ae","useLocalizedString","useSafeLocalStorage","Se","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","PkToolShowContactForm_default","__emit","$t","props","__props","toolPart","computed","input","localSubmitted","LeadFormSchema","emit","newInput","submitted","isSubmitted","submitLead","data","privacyNotice","_component_VvIcon","_component_VvButton","VvForm","formData","_cache","$event","VvFormField"],"sources":["../../../../packages/components/src/chat/PkToolShowContactForm.vue","../../../../packages/components/src/chat/PkToolShowContactForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, watch } from 'vue'\n import { useI18n } from 'vue-i18n'\n import { useForm } from '@volverjs/form-vue'\n import * as z from 'zod'\n import { useSafeLocalStorage, useLocalizedString } from 'composables'\n import type { LocalizedString } from 'models'\n import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n const { t: $t } = useI18n({ useScope: 'global' })\n\n const props = defineProps<{\n part: unknown\n submitted?: boolean\n loading?: boolean\n error?: string\n readonly?: boolean\n privacyPolicyNotice?: LocalizedString\n }>()\n\n const toolPart = computed(() => {\n const part = props.part as {\n type: string\n toolCallId: string\n input?: {\n name: string\n email: string\n phone?: string\n conversationContext?: Record<string, unknown>\n }\n }\n return part\n })\n\n const input = computed(() => toolPart.value.input)\n\n const localSubmitted = useSafeLocalStorage<boolean>(\n computed(\n () =>\n `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n ),\n false,\n )\n\n const LeadFormSchema = z.object({\n name: z.string().min(1).max(255).default(''),\n email: z.email().max(255).default(''),\n phone: z\n .string()\n .max(50)\n .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n .optional(),\n })\n\n const emit = defineEmits<{\n submit: [data: Record<string, unknown>]\n }>()\n\n const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n lazyLoad: true,\n })\n\n // Pre-populate form with input values\n watch(\n input,\n (newInput) => {\n formData.value = {\n name: newInput?.name || '',\n email: newInput?.email || '',\n phone: newInput?.phone || '',\n }\n },\n { immediate: true },\n )\n\n watch(\n () => props.submitted,\n (submitted) => {\n if (submitted) {\n localSubmitted.value = true\n }\n },\n { immediate: true },\n )\n\n const isSubmitted = computed(() => {\n return props.submitted || localSubmitted.value\n })\n\n const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n emit('submit', { ...data, metadata: input.value?.conversationContext })\n }\n\n const privacyNotice = useLocalizedString(\n () => props.privacyPolicyNotice,\n 'message.defaultPrivacyPolicyNotice',\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 min-h-40\">\n <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n </div>\n\n <Transition mode=\"out-in\">\n <div v-if=\"!isSubmitted\" class=\"p-sm\">\n <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n <VvFormField\n name=\"name\"\n type=\"text\"\n :label=\"$t('label.name')\"\n :placeholder=\"$t('placeholder.name')\"\n icon=\"ri:user-line\"\n modifiers=\"compact\"\n class=\"mb-md\" />\n <VvFormField\n name=\"email\"\n type=\"email\"\n :label=\"$t('label.email')\"\n :placeholder=\"$t('placeholder.email')\"\n icon=\"ri:mail-line\"\n modifiers=\"compact\"\n class=\"mb-md\" />\n <VvFormField\n name=\"phone\"\n type=\"tel\"\n :label=\"$t('label.phone')\"\n :placeholder=\"$t('placeholder.phone')\"\n icon=\"ri:phone-line\"\n class=\"mb-md\"\n modifiers=\"compact\" />\n\n <div class=\"flex justify-between items-center gap-16 mt-xs\">\n <div\n class=\"text-smaller text-word-3 flex items-center gap-8\">\n <VvIcon\n name=\"ri:shield-check-line\"\n class=\"text-16 shrink-0\" />\n <PkStreamingMarkdown\n :markdown=\"privacyNotice\"\n class=\"wysiwyg\" />\n </div>\n <VvButton\n type=\"submit\"\n modifiers=\"primary\"\n :loading\n :disabled=\"loading || readonly\"\n icon-position=\"right\"\n class=\"shrink-0\"\n :label=\"$t('action.submit')\" />\n </div>\n </VvForm>\n </div>\n <div v-else class=\"p-sm\">\n <!-- One confirmation row across every tool card: a green\n check, the title in weight, the body quiet. The check is\n the outcome, so it alone carries the colour (DESIGN.md). -->\n <div class=\"flex items-center gap-sm\">\n <VvIcon name=\"ri:check-line\" class=\"text-16 text-success\" />\n <div>\n <strong class=\"font-medium block text-word-1\">\n {{ $t('message.leadSubmittedTitle') }}\n </strong>\n <p class=\"text-word-3\">\n {{ $t('message.leadSubmittedMessage') }}\n </p>\n </div>\n </div>\n </div>\n </Transition>\n </div>\n</template>\n","<script setup lang=\"ts\">\n import { computed, watch } from 'vue'\n import { useI18n } from 'vue-i18n'\n import { useForm } from '@volverjs/form-vue'\n import * as z from 'zod'\n import { useSafeLocalStorage, useLocalizedString } from 'composables'\n import type { LocalizedString } from 'models'\n import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n const { t: $t } = useI18n({ useScope: 'global' })\n\n const props = defineProps<{\n part: unknown\n submitted?: boolean\n loading?: boolean\n error?: string\n readonly?: boolean\n privacyPolicyNotice?: LocalizedString\n }>()\n\n const toolPart = computed(() => {\n const part = props.part as {\n type: string\n toolCallId: string\n input?: {\n name: string\n email: string\n phone?: string\n conversationContext?: Record<string, unknown>\n }\n }\n return part\n })\n\n const input = computed(() => toolPart.value.input)\n\n const localSubmitted = useSafeLocalStorage<boolean>(\n computed(\n () =>\n `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n ),\n false,\n )\n\n const LeadFormSchema = z.object({\n name: z.string().min(1).max(255).default(''),\n email: z.email().max(255).default(''),\n phone: z\n .string()\n .max(50)\n .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n .optional(),\n })\n\n const emit = defineEmits<{\n submit: [data: Record<string, unknown>]\n }>()\n\n const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n lazyLoad: true,\n })\n\n // Pre-populate form with input values\n watch(\n input,\n (newInput) => {\n formData.value = {\n name: newInput?.name || '',\n email: newInput?.email || '',\n phone: newInput?.phone || '',\n }\n },\n { immediate: true },\n )\n\n watch(\n () => props.submitted,\n (submitted) => {\n if (submitted) {\n localSubmitted.value = true\n }\n },\n { immediate: true },\n )\n\n const isSubmitted = computed(() => {\n return props.submitted || localSubmitted.value\n })\n\n const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n emit('submit', { ...data, metadata: input.value?.conversationContext })\n }\n\n const privacyNotice = useLocalizedString(\n () => props.privacyPolicyNotice,\n 'message.defaultPrivacyPolicyNotice',\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 min-h-40\">\n <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n </div>\n\n <Transition mode=\"out-in\">\n <div v-if=\"!isSubmitted\" class=\"p-sm\">\n <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n <VvFormField\n name=\"name\"\n type=\"text\"\n :label=\"$t('label.name')\"\n :placeholder=\"$t('placeholder.name')\"\n icon=\"ri:user-line\"\n modifiers=\"compact\"\n class=\"mb-md\" />\n <VvFormField\n name=\"email\"\n type=\"email\"\n :label=\"$t('label.email')\"\n :placeholder=\"$t('placeholder.email')\"\n icon=\"ri:mail-line\"\n modifiers=\"compact\"\n class=\"mb-md\" />\n <VvFormField\n name=\"phone\"\n type=\"tel\"\n :label=\"$t('label.phone')\"\n :placeholder=\"$t('placeholder.phone')\"\n icon=\"ri:phone-line\"\n class=\"mb-md\"\n modifiers=\"compact\" />\n\n <div class=\"flex justify-between items-center gap-16 mt-xs\">\n <div\n class=\"text-smaller text-word-3 flex items-center gap-8\">\n <VvIcon\n name=\"ri:shield-check-line\"\n class=\"text-16 shrink-0\" />\n <PkStreamingMarkdown\n :markdown=\"privacyNotice\"\n class=\"wysiwyg\" />\n </div>\n <VvButton\n type=\"submit\"\n modifiers=\"primary\"\n :loading\n :disabled=\"loading || readonly\"\n icon-position=\"right\"\n class=\"shrink-0\"\n :label=\"$t('action.submit')\" />\n </div>\n </VvForm>\n </div>\n <div v-else class=\"p-sm\">\n <!-- One confirmation row across every tool card: a green\n check, the title in weight, the body quiet. The check is\n the outcome, so it alone carries the colour (DESIGN.md). -->\n <div class=\"flex items-center gap-sm\">\n <VvIcon name=\"ri:check-line\" class=\"text-16 text-success\" />\n <div>\n <strong class=\"font-medium block text-word-1\">\n {{ $t('message.leadSubmittedTitle') }}\n </strong>\n <p class=\"text-word-3\">\n {{ $t('message.leadSubmittedMessage') }}\n </p>\n </div>\n </div>\n </div>\n </Transition>\n </div>\n</template>\n"],"mappings":"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"}
|