@8wave/ai-elements 0.119.0-beta.12 → 0.119.0-beta.15

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.
Files changed (28) hide show
  1. package/dist/_chunks/{PkToolShowContactForm-CQQ6p4bJ.js → PkToolShowContactForm--9XOVqNB.js} +4 -4
  2. package/dist/_chunks/PkToolShowContactForm--9XOVqNB.js.map +1 -0
  3. package/dist/ai-elements.es.js +33 -28
  4. package/dist/ai-elements.es.js.map +1 -1
  5. package/dist-vue/PkChatbot.js +1 -1
  6. package/dist-vue/PkChatbotMessages.js +1 -1
  7. package/dist-vue/PkChatbotViewChat.js +1 -1
  8. package/dist-vue/_chunks/{PkChatbot-CcNC2r_E.js → PkChatbot-UzdAjTRl.js} +2 -2
  9. package/dist-vue/_chunks/PkChatbot-UzdAjTRl.js.map +1 -0
  10. package/dist-vue/_chunks/PkChatbotInput-BfZqRpQ2.js.map +1 -1
  11. package/dist-vue/_chunks/{PkChatbotMessages-B6qYZsMZ.js → PkChatbotMessages-D9uf0NMI.js} +3 -3
  12. package/dist-vue/_chunks/{PkChatbotMessages-B6qYZsMZ.js.map → PkChatbotMessages-D9uf0NMI.js.map} +1 -1
  13. package/dist-vue/_chunks/{PkChatbotViewChat--Q90F_Kg.js → PkChatbotViewChat-B_7IdZIz.js} +3 -3
  14. package/dist-vue/_chunks/{PkChatbotViewChat--Q90F_Kg.js.map → PkChatbotViewChat-B_7IdZIz.js.map} +1 -1
  15. package/dist-vue/_chunks/{PkToolShowContactForm-BjNpnv6y.js → PkToolShowContactForm-Y0lrHXhr.js} +4 -4
  16. package/dist-vue/_chunks/PkToolShowContactForm-Y0lrHXhr.js.map +1 -0
  17. package/dist-vue/_chunks/{PkToolShowDiagram-CqkabP0e.js → PkToolShowDiagram-BJ_ryTsD.js} +2 -2
  18. package/dist-vue/_chunks/{PkToolShowDiagram-CqkabP0e.js.map → PkToolShowDiagram-BJ_ryTsD.js.map} +1 -1
  19. package/dist-vue/composables.js +4 -0
  20. package/dist-vue/composables.js.map +1 -1
  21. package/dist-vue/index.js +24 -36
  22. package/dist-vue/index.js.map +1 -1
  23. package/dist-vue/locales.js +32 -8
  24. package/dist-vue/style.css +1 -1
  25. package/package.json +1 -1
  26. package/dist/_chunks/PkToolShowContactForm-CQQ6p4bJ.js.map +0 -1
  27. package/dist-vue/_chunks/PkChatbot-CcNC2r_E.js.map +0 -1
  28. package/dist-vue/_chunks/PkToolShowContactForm-BjNpnv6y.js.map +0 -1
@@ -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 no-label",
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 no-label",
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 no-label"
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-CQQ6p4bJ.js.map
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":";;;;;;;;;;;;;;;;;;;;;;;;;;EASI,IAAM,EAAE,GAAGsD,MAAOnB,EAAQ,EAAE,UAAU,SAAS,CAAC,GAE1CoB,IAAQC,GASRC,IAAWC,QACAH,EAAM,IAWtB,GAEKI,IAAQD,QAAeD,EAAS,MAAM,KAAK,GAE3CG,IAAiBpB,EACnBkB,QAEQ,GAAGD,EAAS,MAAM,WAAW,GAAGA,EAAS,MAAM,KAAK,WAC5D,GACA,EACJ,GAEMI,IAAiB7D,EAAS;GAC5B,MAAMC,EAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE;GAC3C,OAAOC,EAAQ,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE;GACpC,OAAOD,EACK,CAAA,CACP,IAAI,EAAE,CAAA,CACN,MAAM,oBAAoBqD,EAAG,+BAA+B,CAAC,CAAA,CAC7D,SAAS;EAClB,CAAC,GAEKQ,IAAOT,GAIP,EAAE,WAAQ,gBAAa,gBAAalD,EAAQ0D,GAAgB,EAC9D,UAAU,GACd,CAAC;EAeD,AAZAlC,EACIgC,IACC,MAAa;GACV,EAAS,QAAQ;IACb,MAAMI,GAAU,QAAQ;IACxB,OAAOA,GAAU,SAAS;IAC1B,OAAOA,GAAU,SAAS;GAC9B;EACJ,GACA,EAAE,WAAW,GAAK,CACtB,GAEApC,QACU4B,EAAM,YACX,MAAc;GACX,AAAIS,MACA,EAAe,QAAQ;EAE/B,GACA,EAAE,WAAW,GAAK,CACtB;EAEA,IAAMC,IAAcP,QACTH,EAAM,aAAaK,EAAe,KAC5C,GAEKM,IAAa,OAAO,MAAiD;GACvE,EAAK,UAAU;IAAE,GAAGC;IAAM,UAAUR,EAAM,OAAO;GAAoB,CAAC;EAC1E,GAEMS,IAAgB7B,QACZgB,EAAM,qBACZ,oCACJ;;;GAIA,OAAAjD,EAAA,GAAAC,EA0EM,OA1ENmC,GA0EM,CAxEFlC,EAIM,OAJNmC,GAIM,CAFFlC,EAAsD4D,GAAA;IAA9C,MAAK;IAAuB,OAAM;GAC1C7D,CAAAA,GAAAA,EAA8D,UAA9DoC,GAA8DlC,EAAjCC,EAAA2C,CAAA,CAAE,CAAA,iBAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAGnC7C,EAiEaG,GAAA,EAjED,MAAK,SAAQ,GAAA;IACrB,SAAAC,QA+CM,CA/CMoD,EAAA,SAgDZ3D,EAAA,GAAAC,EAeM,OAfNyC,GAeM,CAXFxC,EAUM,OAVNyC,GAUM,CATFxC,EAA4D4D,GAAA;KAApD,MAAK;KAAgB,OAAM;IACnC7D,CAAAA,GAAAA,EAOM,OAAA,MAAA,CANFA,EAES,UAFT0C,GAESxC,EADFC,EAAA2C,CAAA,CAAE,CAAA,4BAAA,CAAA,GAAA,CAAA,GAET9C,EAEI,KAFJ2C,GAEIzC,EADGC,EAAA2C,CAAA,CAAE,CAAA,8BAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MA3DrBhD,EAAA,GAAAC,EA+CM,OA/CNsC,GA+CM,CA9CFpC,EA6CSE,EAAA4D,CAAA,GAAA;KA7CQ,YAAA5D,EAAA6D,CAAA;KAAA,uBAAA,AAAAC,EAAA,QAAA,MAAA3D,EAAA0D,CAAA,IAAA,EAAQ,QAAAE,IAAA;KAAG,UAAAlB,EAAA;KAAU,UAAQU;;KAC1C,SAAArD,QAOoB;MAPpBJ,EAOoBE,EAAAgE,CAAA,GAAA;OANhB,MAAK;OACL,MAAK;OACJ,OAAOhE,EAAA2C,CAAA,CAAE,CAAA,YAAA;OACT,aAAa3C,EAAA2C,CAAA,CAAE,CAAA,kBAAA;OAChB,MAAK;OACL,WAAU;OACV,OAAM;;MACV7C,EAOoBE,EAAAgE,CAAA,GAAA;OANhB,MAAK;OACL,MAAK;OACJ,OAAOhE,EAAA2C,CAAA,CAAE,CAAA,aAAA;OACT,aAAa3C,EAAA2C,CAAA,CAAE,CAAA,mBAAA;OAChB,MAAK;OACL,WAAU;OACV,OAAM;;MACV7C,EAO0BE,EAAAgE,CAAA,GAAA;OANtB,MAAK;OACL,MAAK;OACJ,OAAOhE,EAAA2C,CAAA,CAAE,CAAA,aAAA;OACT,aAAa3C,EAAA2C,CAAA,CAAE,CAAA,mBAAA;OAChB,MAAK;OACL,OAAM;OACN,WAAU;;MAEd9C,EAkBM,OAlBNsC,GAkBM,CAjBFtC,EAQM,OARNuC,GAQM,CANFtC,EAE+B4D,GAAA;OAD3B,MAAK;OACL,OAAM;MACV5D,CAAAA,GAAAA,EAEsBM,GAAA;OADjB,UAAUJ,EAAAyD,CAAA;OACX,OAAM;MAEd3D,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA,CAAAA,CAAAA,GAAAA,EAOmC6D,GAAA;OAN/B,MAAK;OACL,WAAU;OACT,SAAAd,EAAA;OACA,UAAUA,EAAA,WAAWA,EAAA;OACtB,iBAAc;OACd,OAAM;OACL,OAAO7C,EAAA2C,CAAA,CAAE,CAAA,eAAA;;;;;;;;IAI1BhD,GAAAA,GAAAA,CAAAA,cAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAWqB,CAAA"}