@8wave/ai-elements 0.103.0-beta.3 → 0.103.0-beta.4

package/dist-vue/_chunks/{PkChatbotAuth-CqwTN8ih.js.map → PkChatbotAuth-DvnmIukc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotAuth-CqwTN8ih.js","names":[],"sources":["../../../../packages/models/src/schema/User.ts","../../../../packages/components/src/chat/PkChatbotAuth.vue","../../../../packages/components/src/chat/PkChatbotAuth.vue"],"sourcesContent":["import * as z from 'zod'\nimport { MediaSchema } from './Media'\n\nconst RoleSchema = z.enum(['user', 'admin'])\nconst PasswordSchema = z.string().min(8)\n\nexport const UserSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    email: z.string(),\n    emailVerified: z.boolean(),\n    image: z.string().nullable(),\n    media: MediaSchema.optional().nullable(),\n    createdAt: z.coerce.date(),\n    updatedAt: z.coerce.date(),\n    banned: z.boolean().nullable(),\n    banReason: z.string().nullable(),\n    banExpires: z.coerce.date().nullable(),\n    isAnonymous: z.boolean().nullable(),\n    role: RoleSchema,\n})\n\nexport type User = z.infer<typeof UserSchema>\n\n/**\n * Trimmed user shape for org-scoped lookups (avatars, chat logs, member\n * lists). Served by GET /:audience/users/:id, which only resolves users\n * visible to the caller's active organization.\n */\nexport const UserPreviewSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    email: z.string().nullable(),\n    image: z.string().nullable(),\n    isAnonymous: z.boolean().nullable(),\n    banned: z.boolean().nullable(),\n})\n\nexport type UserPreview = z.infer<typeof UserPreviewSchema>\n\nexport const PasswordChangeSchema = z\n    .object({\n        password: PasswordSchema,\n        passwordConfirmation: PasswordSchema,\n    })\n    .refine((data) => data.password === data.passwordConfirmation, {\n        params: {\n            i18n: 'errors.passwordsDoNotMatch',\n        },\n        path: ['passwordConfirmation'],\n    })\n\nexport type PasswordChange = z.infer<typeof PasswordChangeSchema>\n\nexport const PasswordChangeWithCurrentSchema = PasswordChangeSchema.extend({\n    currentPassword: PasswordSchema,\n})\n\nexport type PasswordChangeWithCurrent = z.infer<\n    typeof PasswordChangeWithCurrentSchema\n>\n\nexport const UserCreateSchema = PasswordChangeSchema.extend({\n    name: z.string().min(1),\n    email: z.email(),\n    media: MediaSchema.optional(),\n    role: RoleSchema.optional().default('user'),\n})\n\nexport type UserCreate = z.infer<typeof UserCreateSchema>\n\nexport const UserUpdateSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    email: z.string(),\n    emailVerified: z.boolean().optional(),\n    image: z.string().nullish(),\n    role: RoleSchema,\n    media: MediaSchema.optional().nullable(),\n    banned: z.boolean().nullish(),\n    banReason: z.string().nullish(),\n    banExpires: z.string().nullish(),\n    isAnonymous: z.boolean().nullish(),\n})\n\nexport type UserUpdate = z.infer<typeof UserUpdateSchema>\n\nexport const SignUpSchema = PasswordChangeSchema.extend({\n    name: z.string().min(1),\n    email: z.email(),\n    rememberMe: z.boolean().optional(),\n})\n\nexport type SignUp = z.infer<typeof SignUpSchema>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { SignUpSchema } from 'models'\n    import type { AgentBranding, AuthMethods } from 'models'\n    import { useImageFallback } from 'composables'\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const props = withDefaults(\n        defineProps<{\n            branding?: AgentBranding\n            authMethods?: AuthMethods\n            loading?: boolean\n        }>(),\n        {\n            branding: undefined,\n            authMethods: undefined,\n            loading: false,\n        },\n    )\n\n    // A deleted agent logo would leave a broken glyph above the sign-in form:\n    // drop the whole block instead, the agent name below already identifies it.\n    const { canShowImage, onImageError } = useImageFallback()\n\n    const errorMessage = defineModel<string>('errorMessage')\n    /**\n     * Non-error feedback (e.g. \"check your inbox\" after sign-up / reset).\n     * When set, a dedicated success screen replaces the form.\n     */\n    const success = defineModel<{ title: string; message: string }>('success')\n\n    const emit = defineEmits<{\n        (\n            e: 'sign-in',\n            payload: {\n                email: string\n                password: string\n                rememberMe: boolean\n            },\n        ): void\n        (\n            e: 'sign-up',\n            payload: { email: string; password: string; name: string },\n        ): void\n        (e: 'request-reset', payload: { email: string }): void\n        (e: 'social', provider: 'google' | 'microsoft'): void\n        (e: 'update:errorMessage', message?: string): void\n        (e: 'update:success', value?: { title: string; message: string }): void\n    }>()\n\n    type Mode = 'sign-in' | 'sign-up' | 'reset'\n    const mode = ref<Mode>('sign-in')\n    watch(mode, () => {\n        errorMessage.value = undefined\n        success.value = undefined\n    })\n\n    /** Returns to the sign-in form, clearing any success feedback. */\n    function backToSignIn() {\n        success.value = undefined\n        mode.value = 'sign-in'\n    }\n\n    const showSocialButtons = computed(\n        () => props.authMethods?.google || props.authMethods?.microsoft,\n    )\n\n    const signInSchema = z.object({\n        email: z.email(),\n        password: z.string().min(8).max(64),\n        rememberMe: z.boolean().default(false),\n    })\n\n    const resetSchema = z.object({\n        email: z.email(),\n    })\n\n    const { VvForm: VvSignInForm, VvFormField: VvSignInField } = useForm(\n        signInSchema,\n        { lazyLoad: true },\n    )\n    const {\n        VvForm: VvSignUpForm,\n        VvFormField: VvSignUpField,\n        clear: clearSignUp,\n    } = useForm(SignUpSchema, { lazyLoad: true })\n    const {\n        VvForm: VvResetForm,\n        VvFormField: VvResetField,\n        clear: clearReset,\n    } = useForm(resetSchema, { lazyLoad: true })\n\n    // Empty the sign-up / reset forms once their submission succeeds so a\n    // later \"back to sign in\" doesn't reveal stale input.\n    watch(success, (value) => {\n        if (value) {\n            clearSignUp()\n            clearReset()\n        }\n    })\n\n    // Move focus to the success card once the flip animation has finished\n    // (the out-in transition mounts it only after the form leaves), so\n    // screen-reader/keyboard users are announced the result.\n    const successCard = ref<HTMLElement>()\n    function focusSuccessCard() {\n        if (success.value) {\n            successCard.value?.focus()\n        }\n    }\n\n    function onSignIn(data: {\n        email: string\n        password: string\n        rememberMe?: boolean\n    }) {\n        emit('sign-in', {\n            email: data.email,\n            password: data.password,\n            rememberMe: data.rememberMe ?? false,\n        })\n    }\n\n    function onSignUp(data: { name: string; email: string; password: string }) {\n        emit('sign-up', {\n            name: data.name.trim(),\n            email: data.email,\n            password: data.password,\n        })\n    }\n\n    function onReset(data: { email: string }) {\n        emit('request-reset', { email: data.email })\n    }\n\n    function handleSocial(provider: 'google' | 'microsoft') {\n        emit('social', provider)\n    }\n</script>\n\n<template>\n    <div\n        class=\"pk-chatbot-auth flex flex-col items-center justify-center w-full min-h-full p-lg overflow-y-auto\">\n        <div class=\"pk-chatbot-auth__flip w-full max-w-384 mx-auto my-auto\">\n            <Transition\n                name=\"pk-flip\"\n                mode=\"out-in\"\n                @after-enter=\"focusSuccessCard\">\n                <!-- Success screen (sign-up / reset feedback) -->\n                <div\n                    v-if=\"success\"\n                    ref=\"successCard\"\n                    key=\"success\"\n                    tabindex=\"-1\"\n                    class=\"pk-chatbot-auth__flip-card outline-none flex flex-col text-center leading-normal\">\n                    <div\n                        class=\"pk-chatbot-auth__success-icon w-64 h-64 border border-surface-3 rounded-full bg-surface-0 flex items-center justify-center overflow-hidden bg-surface mx-auto mb-md\">\n                        <VvIcon\n                            name=\"ri:mail-check-line\"\n                            aria-hidden=\"true\"\n                            class=\"text-success w-32 h-32\" />\n                    </div>\n                    <h1 class=\"font-bold text-18 mb-xs\">\n                        {{ success.title }}\n                    </h1>\n                    <p class=\"mb-lg text-16 text-word-3\">\n                        {{ success.message }}\n                    </p>\n                    <VvButton\n                        type=\"button\"\n                        modifiers=\"link\"\n                        icon=\"chevron-left\"\n                        :label=\"$t('action.backToSignIn')\"\n                        @click=\"backToSignIn\" />\n                </div>\n\n                <!-- Sign-in / sign-up / reset forms -->\n                <div\n                    v-else\n                    key=\"form\"\n                    class=\"pk-chatbot-auth__flip-card flex flex-col\">\n                    <!-- Form Container -->\n                    <div class=\"flex flex-col\">\n                        <!-- Relative Header Logo -->\n                        <div\n                            v-if=\"canShowImage(branding?.interface.logo)\"\n                            class=\"flex justify-center mb-md\">\n                            <img\n                                :src=\"branding?.interface.logo\"\n                                :alt=\"branding?.name\"\n                                class=\"w-64 h-64 border border-surface-3 rounded-full bg-surface-0 overflow-hidden bg-surface object-contain\"\n                                @error=\"\n                                    onImageError(branding?.interface.logo)\n                                \" />\n                        </div>\n\n                        <div class=\"text-center leading-normal mb-lg\">\n                            <h1\n                                v-if=\"branding?.name\"\n                                class=\"font-bold text-20 m-0\">\n                                {{ branding.name }}\n                            </h1>\n                            <component\n                                :is=\"branding?.name ? 'h2' : 'h1'\"\n                                class=\"text-word-3 mb-0\">\n                                <template v-if=\"mode === 'sign-in'\">\n                                    {{ $t('auth.signInTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'sign-up'\">\n                                    {{ $t('auth.signUpTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'reset'\">\n                                    {{ $t('auth.resetTitle') }}\n                                </template>\n                            </component>\n                        </div>\n\n                        <!-- Error message -->\n                        <VvAlert\n                            v-if=\"errorMessage\"\n                            modifiers=\"danger\"\n                            class=\"mb-md\"\n                            :content=\"errorMessage\" />\n\n                        <!-- Sign In -->\n                        <VvSignInForm\n                            v-if=\"mode === 'sign-in'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignIn\">\n                            <div class=\"mb-md\">\n                                <VvSignInField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignInField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"current-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <div class=\"mb-md\">\n                                    <VvButton\n                                        type=\"button\"\n                                        modifiers=\"link\"\n                                        :label=\"$t('action.forgetPassword')\"\n                                        @click=\"mode = 'reset'\" />\n                                </div>\n                                <VvSignInField\n                                    name=\"rememberMe\"\n                                    type=\"checkbox\"\n                                    :label=\"$t('label.rememberMe')\"\n                                    switch />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.signIn')\" />\n                        </VvSignInForm>\n\n                        <!-- Sign Up -->\n                        <VvSignUpForm\n                            v-else-if=\"mode === 'sign-up'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignUp\">\n                            <div class=\"mb-md\">\n                                <VvSignUpField\n                                    name=\"name\"\n                                    type=\"text\"\n                                    autocomplete=\"name\"\n                                    :label=\"$t('label.name')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"passwordConfirmation\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.confirmPassword')\"\n                                    floating />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.continue')\" />\n                        </VvSignUpForm>\n\n                        <!-- Reset Password -->\n                        <VvResetForm\n                            v-else-if=\"mode === 'reset'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onReset\">\n                            <VvResetField\n                                name=\"email\"\n                                type=\"email\"\n                                autocomplete=\"username\"\n                                :label=\"$t('label.email')\"\n                                floating />\n                            <VvButtonGroup modifiers=\"vertical\">\n                                <VvButton\n                                    type=\"submit\"\n                                    modifiers=\"primary\"\n                                    :loading=\"loading\"\n                                    :disabled=\"loading\"\n                                    :label=\"$t('action.submit')\" />\n                            </VvButtonGroup>\n                        </VvResetForm>\n\n                        <!-- Social providers (shared by sign-in and sign-up) -->\n                        <template\n                            v-if=\"\n                                (mode === 'sign-in' || mode === 'sign-up') &&\n                                showSocialButtons\n                            \">\n                            <div class=\"hr mt-xs\">\n                                <span>{{ $t('label.or') }}</span>\n                            </div>\n                            <VvButtonGroup\n                                modifiers=\"vertical\"\n                                class=\"gap-xs mt-xs\">\n                                <VvButton\n                                    v-if=\"authMethods?.google\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:google-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Google',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('google')\" />\n                                <VvButton\n                                    v-if=\"authMethods?.microsoft\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:microsoft-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Microsoft',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('microsoft')\" />\n                            </VvButtonGroup>\n                        </template>\n                    </div>\n\n                    <!-- Footer below Form -->\n                    <div class=\"pt-lg text-center text-word-3\">\n                        <template v-if=\"mode === 'sign-in'\">\n                            {{ $t('auth.noAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signUp')\"\n                                @click=\"mode = 'sign-up'\" />\n                        </template>\n                        <template v-else-if=\"mode === 'sign-up'\">\n                            {{ $t('auth.haveAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                        <template v-else>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                icon=\"chevron-left\"\n                                :label=\"$t('action.backToSignIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                    </div>\n                </div>\n            </Transition>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-auth {\n        // Flip-card reveal between the form and the success screen, mirroring\n        // the classic login in apps/frontend.\n        &__flip {\n            display: grid;\n            transform-style: preserve-3d;\n            perspective: 1000px;\n        }\n\n        &__flip-card {\n            grid-area: 1 / 1;\n            backface-visibility: hidden;\n            transform-style: preserve-3d;\n        }\n\n        // Subtle pop on the success check icon once the card has flipped in.\n        &__success-icon {\n            animation: pk-chatbot-auth-check-pop 0.4s ease-out 0.3s backwards;\n        }\n    }\n\n    .pk-flip-enter-active {\n        animation: pk-chatbot-auth-flip-in 0.6s ease-out;\n    }\n\n    .pk-flip-leave-active {\n        animation: pk-chatbot-auth-flip-out 0.6s ease-in;\n    }\n\n    @keyframes pk-chatbot-auth-flip-in {\n        0% {\n            transform: rotateY(-180deg);\n            opacity: 0;\n        }\n\n        100% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-flip-out {\n        0% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n\n        100% {\n            transform: rotateY(180deg);\n            opacity: 0;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-check-pop {\n        0% {\n            transform: scale(0);\n            opacity: 0;\n        }\n\n        60% {\n            transform: scale(1.15);\n        }\n\n        100% {\n            transform: scale(1);\n            opacity: 1;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { SignUpSchema } from 'models'\n    import type { AgentBranding, AuthMethods } from 'models'\n    import { useImageFallback } from 'composables'\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const props = withDefaults(\n        defineProps<{\n            branding?: AgentBranding\n            authMethods?: AuthMethods\n            loading?: boolean\n        }>(),\n        {\n            branding: undefined,\n            authMethods: undefined,\n            loading: false,\n        },\n    )\n\n    // A deleted agent logo would leave a broken glyph above the sign-in form:\n    // drop the whole block instead, the agent name below already identifies it.\n    const { canShowImage, onImageError } = useImageFallback()\n\n    const errorMessage = defineModel<string>('errorMessage')\n    /**\n     * Non-error feedback (e.g. \"check your inbox\" after sign-up / reset).\n     * When set, a dedicated success screen replaces the form.\n     */\n    const success = defineModel<{ title: string; message: string }>('success')\n\n    const emit = defineEmits<{\n        (\n            e: 'sign-in',\n            payload: {\n                email: string\n                password: string\n                rememberMe: boolean\n            },\n        ): void\n        (\n            e: 'sign-up',\n            payload: { email: string; password: string; name: string },\n        ): void\n        (e: 'request-reset', payload: { email: string }): void\n        (e: 'social', provider: 'google' | 'microsoft'): void\n        (e: 'update:errorMessage', message?: string): void\n        (e: 'update:success', value?: { title: string; message: string }): void\n    }>()\n\n    type Mode = 'sign-in' | 'sign-up' | 'reset'\n    const mode = ref<Mode>('sign-in')\n    watch(mode, () => {\n        errorMessage.value = undefined\n        success.value = undefined\n    })\n\n    /** Returns to the sign-in form, clearing any success feedback. */\n    function backToSignIn() {\n        success.value = undefined\n        mode.value = 'sign-in'\n    }\n\n    const showSocialButtons = computed(\n        () => props.authMethods?.google || props.authMethods?.microsoft,\n    )\n\n    const signInSchema = z.object({\n        email: z.email(),\n        password: z.string().min(8).max(64),\n        rememberMe: z.boolean().default(false),\n    })\n\n    const resetSchema = z.object({\n        email: z.email(),\n    })\n\n    const { VvForm: VvSignInForm, VvFormField: VvSignInField } = useForm(\n        signInSchema,\n        { lazyLoad: true },\n    )\n    const {\n        VvForm: VvSignUpForm,\n        VvFormField: VvSignUpField,\n        clear: clearSignUp,\n    } = useForm(SignUpSchema, { lazyLoad: true })\n    const {\n        VvForm: VvResetForm,\n        VvFormField: VvResetField,\n        clear: clearReset,\n    } = useForm(resetSchema, { lazyLoad: true })\n\n    // Empty the sign-up / reset forms once their submission succeeds so a\n    // later \"back to sign in\" doesn't reveal stale input.\n    watch(success, (value) => {\n        if (value) {\n            clearSignUp()\n            clearReset()\n        }\n    })\n\n    // Move focus to the success card once the flip animation has finished\n    // (the out-in transition mounts it only after the form leaves), so\n    // screen-reader/keyboard users are announced the result.\n    const successCard = ref<HTMLElement>()\n    function focusSuccessCard() {\n        if (success.value) {\n            successCard.value?.focus()\n        }\n    }\n\n    function onSignIn(data: {\n        email: string\n        password: string\n        rememberMe?: boolean\n    }) {\n        emit('sign-in', {\n            email: data.email,\n            password: data.password,\n            rememberMe: data.rememberMe ?? false,\n        })\n    }\n\n    function onSignUp(data: { name: string; email: string; password: string }) {\n        emit('sign-up', {\n            name: data.name.trim(),\n            email: data.email,\n            password: data.password,\n        })\n    }\n\n    function onReset(data: { email: string }) {\n        emit('request-reset', { email: data.email })\n    }\n\n    function handleSocial(provider: 'google' | 'microsoft') {\n        emit('social', provider)\n    }\n</script>\n\n<template>\n    <div\n        class=\"pk-chatbot-auth flex flex-col items-center justify-center w-full min-h-full p-lg overflow-y-auto\">\n        <div class=\"pk-chatbot-auth__flip w-full max-w-384 mx-auto my-auto\">\n            <Transition\n                name=\"pk-flip\"\n                mode=\"out-in\"\n                @after-enter=\"focusSuccessCard\">\n                <!-- Success screen (sign-up / reset feedback) -->\n                <div\n                    v-if=\"success\"\n                    ref=\"successCard\"\n                    key=\"success\"\n                    tabindex=\"-1\"\n                    class=\"pk-chatbot-auth__flip-card outline-none flex flex-col text-center leading-normal\">\n                    <div\n                        class=\"pk-chatbot-auth__success-icon w-64 h-64 border border-surface-3 rounded-full bg-surface-0 flex items-center justify-center overflow-hidden bg-surface mx-auto mb-md\">\n                        <VvIcon\n                            name=\"ri:mail-check-line\"\n                            aria-hidden=\"true\"\n                            class=\"text-success w-32 h-32\" />\n                    </div>\n                    <h1 class=\"font-bold text-18 mb-xs\">\n                        {{ success.title }}\n                    </h1>\n                    <p class=\"mb-lg text-16 text-word-3\">\n                        {{ success.message }}\n                    </p>\n                    <VvButton\n                        type=\"button\"\n                        modifiers=\"link\"\n                        icon=\"chevron-left\"\n                        :label=\"$t('action.backToSignIn')\"\n                        @click=\"backToSignIn\" />\n                </div>\n\n                <!-- Sign-in / sign-up / reset forms -->\n                <div\n                    v-else\n                    key=\"form\"\n                    class=\"pk-chatbot-auth__flip-card flex flex-col\">\n                    <!-- Form Container -->\n                    <div class=\"flex flex-col\">\n                        <!-- Relative Header Logo -->\n                        <div\n                            v-if=\"canShowImage(branding?.interface.logo)\"\n                            class=\"flex justify-center mb-md\">\n                            <img\n                                :src=\"branding?.interface.logo\"\n                                :alt=\"branding?.name\"\n                                class=\"w-64 h-64 border border-surface-3 rounded-full bg-surface-0 overflow-hidden bg-surface object-contain\"\n                                @error=\"\n                                    onImageError(branding?.interface.logo)\n                                \" />\n                        </div>\n\n                        <div class=\"text-center leading-normal mb-lg\">\n                            <h1\n                                v-if=\"branding?.name\"\n                                class=\"font-bold text-20 m-0\">\n                                {{ branding.name }}\n                            </h1>\n                            <component\n                                :is=\"branding?.name ? 'h2' : 'h1'\"\n                                class=\"text-word-3 mb-0\">\n                                <template v-if=\"mode === 'sign-in'\">\n                                    {{ $t('auth.signInTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'sign-up'\">\n                                    {{ $t('auth.signUpTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'reset'\">\n                                    {{ $t('auth.resetTitle') }}\n                                </template>\n                            </component>\n                        </div>\n\n                        <!-- Error message -->\n                        <VvAlert\n                            v-if=\"errorMessage\"\n                            modifiers=\"danger\"\n                            class=\"mb-md\"\n                            :content=\"errorMessage\" />\n\n                        <!-- Sign In -->\n                        <VvSignInForm\n                            v-if=\"mode === 'sign-in'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignIn\">\n                            <div class=\"mb-md\">\n                                <VvSignInField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignInField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"current-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <div class=\"mb-md\">\n                                    <VvButton\n                                        type=\"button\"\n                                        modifiers=\"link\"\n                                        :label=\"$t('action.forgetPassword')\"\n                                        @click=\"mode = 'reset'\" />\n                                </div>\n                                <VvSignInField\n                                    name=\"rememberMe\"\n                                    type=\"checkbox\"\n                                    :label=\"$t('label.rememberMe')\"\n                                    switch />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.signIn')\" />\n                        </VvSignInForm>\n\n                        <!-- Sign Up -->\n                        <VvSignUpForm\n                            v-else-if=\"mode === 'sign-up'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignUp\">\n                            <div class=\"mb-md\">\n                                <VvSignUpField\n                                    name=\"name\"\n                                    type=\"text\"\n                                    autocomplete=\"name\"\n                                    :label=\"$t('label.name')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"passwordConfirmation\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.confirmPassword')\"\n                                    floating />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.continue')\" />\n                        </VvSignUpForm>\n\n                        <!-- Reset Password -->\n                        <VvResetForm\n                            v-else-if=\"mode === 'reset'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onReset\">\n                            <VvResetField\n                                name=\"email\"\n                                type=\"email\"\n                                autocomplete=\"username\"\n                                :label=\"$t('label.email')\"\n                                floating />\n                            <VvButtonGroup modifiers=\"vertical\">\n                                <VvButton\n                                    type=\"submit\"\n                                    modifiers=\"primary\"\n                                    :loading=\"loading\"\n                                    :disabled=\"loading\"\n                                    :label=\"$t('action.submit')\" />\n                            </VvButtonGroup>\n                        </VvResetForm>\n\n                        <!-- Social providers (shared by sign-in and sign-up) -->\n                        <template\n                            v-if=\"\n                                (mode === 'sign-in' || mode === 'sign-up') &&\n                                showSocialButtons\n                            \">\n                            <div class=\"hr mt-xs\">\n                                <span>{{ $t('label.or') }}</span>\n                            </div>\n                            <VvButtonGroup\n                                modifiers=\"vertical\"\n                                class=\"gap-xs mt-xs\">\n                                <VvButton\n                                    v-if=\"authMethods?.google\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:google-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Google',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('google')\" />\n                                <VvButton\n                                    v-if=\"authMethods?.microsoft\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:microsoft-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Microsoft',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('microsoft')\" />\n                            </VvButtonGroup>\n                        </template>\n                    </div>\n\n                    <!-- Footer below Form -->\n                    <div class=\"pt-lg text-center text-word-3\">\n                        <template v-if=\"mode === 'sign-in'\">\n                            {{ $t('auth.noAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signUp')\"\n                                @click=\"mode = 'sign-up'\" />\n                        </template>\n                        <template v-else-if=\"mode === 'sign-up'\">\n                            {{ $t('auth.haveAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                        <template v-else>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                icon=\"chevron-left\"\n                                :label=\"$t('action.backToSignIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                    </div>\n                </div>\n            </Transition>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-auth {\n        // Flip-card reveal between the form and the success screen, mirroring\n        // the classic login in apps/frontend.\n        &__flip {\n            display: grid;\n            transform-style: preserve-3d;\n            perspective: 1000px;\n        }\n\n        &__flip-card {\n            grid-area: 1 / 1;\n            backface-visibility: hidden;\n            transform-style: preserve-3d;\n        }\n\n        // Subtle pop on the success check icon once the card has flipped in.\n        &__success-icon {\n            animation: pk-chatbot-auth-check-pop 0.4s ease-out 0.3s backwards;\n        }\n    }\n\n    .pk-flip-enter-active {\n        animation: pk-chatbot-auth-flip-in 0.6s ease-out;\n    }\n\n    .pk-flip-leave-active {\n        animation: pk-chatbot-auth-flip-out 0.6s ease-in;\n    }\n\n    @keyframes pk-chatbot-auth-flip-in {\n        0% {\n            transform: rotateY(-180deg);\n            opacity: 0;\n        }\n\n        100% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-flip-out {\n        0% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n\n        100% {\n            transform: rotateY(180deg);\n            opacity: 0;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-check-pop {\n        0% {\n            transform: scale(0);\n            opacity: 0;\n        }\n\n        60% {\n            transform: scale(1.15);\n        }\n\n        100% {\n            transform: scale(1);\n            opacity: 1;\n        }\n    }\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"PkChatbotAuth-DvnmIukc.js","names":[],"sources":["../../../../packages/models/src/schema/User.ts","../../../../packages/components/src/chat/PkChatbotAuth.vue","../../../../packages/components/src/chat/PkChatbotAuth.vue"],"sourcesContent":["import * as z from 'zod'\nimport { MediaSchema } from './Media'\n\nconst RoleSchema = z.enum(['user', 'admin'])\nconst PasswordSchema = z.string().min(8)\n\nexport const UserSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    email: z.string(),\n    emailVerified: z.boolean(),\n    image: z.string().nullable(),\n    media: MediaSchema.optional().nullable(),\n    createdAt: z.coerce.date(),\n    updatedAt: z.coerce.date(),\n    banned: z.boolean().nullable(),\n    banReason: z.string().nullable(),\n    banExpires: z.coerce.date().nullable(),\n    isAnonymous: z.boolean().nullable(),\n    role: RoleSchema,\n})\n\nexport type User = z.infer<typeof UserSchema>\n\n/**\n * Trimmed user shape for org-scoped lookups (avatars, chat logs, member\n * lists). Served by GET /:audience/users/:id, which only resolves users\n * visible to the caller's active organization.\n */\nexport const UserPreviewSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    email: z.string().nullable(),\n    image: z.string().nullable(),\n    isAnonymous: z.boolean().nullable(),\n    banned: z.boolean().nullable(),\n})\n\nexport type UserPreview = z.infer<typeof UserPreviewSchema>\n\nexport const PasswordChangeSchema = z\n    .object({\n        password: PasswordSchema,\n        passwordConfirmation: PasswordSchema,\n    })\n    .refine((data) => data.password === data.passwordConfirmation, {\n        params: {\n            i18n: 'errors.passwordsDoNotMatch',\n        },\n        path: ['passwordConfirmation'],\n    })\n\nexport type PasswordChange = z.infer<typeof PasswordChangeSchema>\n\nexport const PasswordChangeWithCurrentSchema = PasswordChangeSchema.extend({\n    currentPassword: PasswordSchema,\n})\n\nexport type PasswordChangeWithCurrent = z.infer<\n    typeof PasswordChangeWithCurrentSchema\n>\n\nexport const UserCreateSchema = PasswordChangeSchema.extend({\n    name: z.string().min(1),\n    email: z.email(),\n    media: MediaSchema.optional(),\n    role: RoleSchema.optional().default('user'),\n})\n\nexport type UserCreate = z.infer<typeof UserCreateSchema>\n\nexport const UserUpdateSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    email: z.string(),\n    emailVerified: z.boolean().optional(),\n    image: z.string().nullish(),\n    role: RoleSchema,\n    media: MediaSchema.optional().nullable(),\n    banned: z.boolean().nullish(),\n    banReason: z.string().nullish(),\n    banExpires: z.string().nullish(),\n    isAnonymous: z.boolean().nullish(),\n})\n\nexport type UserUpdate = z.infer<typeof UserUpdateSchema>\n\nexport const SignUpSchema = PasswordChangeSchema.extend({\n    name: z.string().min(1),\n    email: z.email(),\n    rememberMe: z.boolean().optional(),\n})\n\nexport type SignUp = z.infer<typeof SignUpSchema>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { SignUpSchema } from 'models'\n    import type { AgentBranding, AuthMethods } from 'models'\n    import { useImageFallback } from 'composables'\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const props = withDefaults(\n        defineProps<{\n            branding?: AgentBranding\n            authMethods?: AuthMethods\n            loading?: boolean\n        }>(),\n        {\n            branding: undefined,\n            authMethods: undefined,\n            loading: false,\n        },\n    )\n\n    // A deleted agent logo would leave a broken glyph above the sign-in form:\n    // drop the whole block instead, the agent name below already identifies it.\n    const { canShowImage, onImageError } = useImageFallback()\n\n    const errorMessage = defineModel<string>('errorMessage')\n    /**\n     * Non-error feedback (e.g. \"check your inbox\" after sign-up / reset).\n     * When set, a dedicated success screen replaces the form.\n     */\n    const success = defineModel<{ title: string; message: string }>('success')\n\n    const emit = defineEmits<{\n        (\n            e: 'sign-in',\n            payload: {\n                email: string\n                password: string\n                rememberMe: boolean\n            },\n        ): void\n        (\n            e: 'sign-up',\n            payload: { email: string; password: string; name: string },\n        ): void\n        (e: 'request-reset', payload: { email: string }): void\n        (e: 'social', provider: 'google' | 'microsoft'): void\n        (e: 'update:errorMessage', message?: string): void\n        (e: 'update:success', value?: { title: string; message: string }): void\n    }>()\n\n    type Mode = 'sign-in' | 'sign-up' | 'reset'\n    const mode = ref<Mode>('sign-in')\n    watch(mode, () => {\n        errorMessage.value = undefined\n        success.value = undefined\n    })\n\n    /** Returns to the sign-in form, clearing any success feedback. */\n    function backToSignIn() {\n        success.value = undefined\n        mode.value = 'sign-in'\n    }\n\n    const showSocialButtons = computed(\n        () => props.authMethods?.google || props.authMethods?.microsoft,\n    )\n\n    const signInSchema = z.object({\n        email: z.email(),\n        password: z.string().min(8).max(64),\n        rememberMe: z.boolean().default(false),\n    })\n\n    const resetSchema = z.object({\n        email: z.email(),\n    })\n\n    const { VvForm: VvSignInForm, VvFormField: VvSignInField } = useForm(\n        signInSchema,\n        { lazyLoad: true },\n    )\n    const {\n        VvForm: VvSignUpForm,\n        VvFormField: VvSignUpField,\n        clear: clearSignUp,\n    } = useForm(SignUpSchema, { lazyLoad: true })\n    const {\n        VvForm: VvResetForm,\n        VvFormField: VvResetField,\n        clear: clearReset,\n    } = useForm(resetSchema, { lazyLoad: true })\n\n    // Empty the sign-up / reset forms once their submission succeeds so a\n    // later \"back to sign in\" doesn't reveal stale input.\n    watch(success, (value) => {\n        if (value) {\n            clearSignUp()\n            clearReset()\n        }\n    })\n\n    // Move focus to the success card once the flip animation has finished\n    // (the out-in transition mounts it only after the form leaves), so\n    // screen-reader/keyboard users are announced the result.\n    const successCard = ref<HTMLElement>()\n    function focusSuccessCard() {\n        if (success.value) {\n            successCard.value?.focus()\n        }\n    }\n\n    function onSignIn(data: {\n        email: string\n        password: string\n        rememberMe?: boolean\n    }) {\n        emit('sign-in', {\n            email: data.email,\n            password: data.password,\n            rememberMe: data.rememberMe ?? false,\n        })\n    }\n\n    function onSignUp(data: { name: string; email: string; password: string }) {\n        emit('sign-up', {\n            name: data.name.trim(),\n            email: data.email,\n            password: data.password,\n        })\n    }\n\n    function onReset(data: { email: string }) {\n        emit('request-reset', { email: data.email })\n    }\n\n    function handleSocial(provider: 'google' | 'microsoft') {\n        emit('social', provider)\n    }\n</script>\n\n<template>\n    <div\n        class=\"pk-chatbot-auth flex flex-col items-center justify-center w-full min-h-full p-lg overflow-y-auto\">\n        <div class=\"pk-chatbot-auth__flip w-full max-w-384 mx-auto my-auto\">\n            <Transition\n                name=\"pk-flip\"\n                mode=\"out-in\"\n                @after-enter=\"focusSuccessCard\">\n                <!-- Success screen (sign-up / reset feedback) -->\n                <div\n                    v-if=\"success\"\n                    ref=\"successCard\"\n                    key=\"success\"\n                    tabindex=\"-1\"\n                    class=\"pk-chatbot-auth__flip-card outline-none flex flex-col text-center leading-normal\">\n                    <div\n                        class=\"pk-chatbot-auth__success-icon w-64 h-64 border border-surface-3 rounded-full bg-surface-0 flex items-center justify-center overflow-hidden bg-surface mx-auto mb-md\">\n                        <VvIcon\n                            name=\"ri:mail-check-line\"\n                            aria-hidden=\"true\"\n                            class=\"text-success w-32 h-32\" />\n                    </div>\n                    <h1 class=\"font-bold text-18 mb-xs\">\n                        {{ success.title }}\n                    </h1>\n                    <p class=\"mb-lg text-16 text-word-3\">\n                        {{ success.message }}\n                    </p>\n                    <VvButton\n                        type=\"button\"\n                        modifiers=\"link\"\n                        icon=\"chevron-left\"\n                        :label=\"$t('action.backToSignIn')\"\n                        @click=\"backToSignIn\" />\n                </div>\n\n                <!-- Sign-in / sign-up / reset forms -->\n                <div\n                    v-else\n                    key=\"form\"\n                    class=\"pk-chatbot-auth__flip-card flex flex-col\">\n                    <!-- Form Container -->\n                    <div class=\"flex flex-col\">\n                        <!-- Relative Header Logo -->\n                        <div\n                            v-if=\"canShowImage(branding?.interface.logo)\"\n                            class=\"flex justify-center mb-md\">\n                            <img\n                                :src=\"branding?.interface.logo\"\n                                :alt=\"branding?.name\"\n                                class=\"w-64 h-64 border border-surface-3 rounded-full bg-surface-0 overflow-hidden bg-surface object-contain\"\n                                @error=\"\n                                    onImageError(branding?.interface.logo)\n                                \" />\n                        </div>\n\n                        <div class=\"text-center leading-normal mb-lg\">\n                            <h1\n                                v-if=\"branding?.name\"\n                                class=\"font-bold text-20 m-0\">\n                                {{ branding.name }}\n                            </h1>\n                            <component\n                                :is=\"branding?.name ? 'h2' : 'h1'\"\n                                class=\"text-word-3 mb-0\">\n                                <template v-if=\"mode === 'sign-in'\">\n                                    {{ $t('auth.signInTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'sign-up'\">\n                                    {{ $t('auth.signUpTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'reset'\">\n                                    {{ $t('auth.resetTitle') }}\n                                </template>\n                            </component>\n                        </div>\n\n                        <!-- Error message -->\n                        <VvAlert\n                            v-if=\"errorMessage\"\n                            modifiers=\"danger\"\n                            class=\"mb-md\"\n                            :content=\"errorMessage\" />\n\n                        <!-- Sign In -->\n                        <VvSignInForm\n                            v-if=\"mode === 'sign-in'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignIn\">\n                            <div class=\"mb-md\">\n                                <VvSignInField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignInField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"current-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <div class=\"mb-md\">\n                                    <VvButton\n                                        type=\"button\"\n                                        modifiers=\"link\"\n                                        :label=\"$t('action.forgetPassword')\"\n                                        @click=\"mode = 'reset'\" />\n                                </div>\n                                <VvSignInField\n                                    name=\"rememberMe\"\n                                    type=\"checkbox\"\n                                    :label=\"$t('label.rememberMe')\"\n                                    switch />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.signIn')\" />\n                        </VvSignInForm>\n\n                        <!-- Sign Up -->\n                        <VvSignUpForm\n                            v-else-if=\"mode === 'sign-up'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignUp\">\n                            <div class=\"mb-md\">\n                                <VvSignUpField\n                                    name=\"name\"\n                                    type=\"text\"\n                                    autocomplete=\"name\"\n                                    :label=\"$t('label.name')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"passwordConfirmation\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.confirmPassword')\"\n                                    floating />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.continue')\" />\n                        </VvSignUpForm>\n\n                        <!-- Reset Password -->\n                        <VvResetForm\n                            v-else-if=\"mode === 'reset'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onReset\">\n                            <VvResetField\n                                name=\"email\"\n                                type=\"email\"\n                                autocomplete=\"username\"\n                                :label=\"$t('label.email')\"\n                                floating />\n                            <VvButtonGroup modifiers=\"vertical\">\n                                <VvButton\n                                    type=\"submit\"\n                                    modifiers=\"primary\"\n                                    :loading=\"loading\"\n                                    :disabled=\"loading\"\n                                    :label=\"$t('action.submit')\" />\n                            </VvButtonGroup>\n                        </VvResetForm>\n\n                        <!-- Social providers (shared by sign-in and sign-up) -->\n                        <template\n                            v-if=\"\n                                (mode === 'sign-in' || mode === 'sign-up') &&\n                                showSocialButtons\n                            \">\n                            <div class=\"hr mt-xs\">\n                                <span>{{ $t('label.or') }}</span>\n                            </div>\n                            <VvButtonGroup\n                                modifiers=\"vertical\"\n                                class=\"gap-xs mt-xs\">\n                                <VvButton\n                                    v-if=\"authMethods?.google\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:google-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Google',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('google')\" />\n                                <VvButton\n                                    v-if=\"authMethods?.microsoft\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:microsoft-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Microsoft',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('microsoft')\" />\n                            </VvButtonGroup>\n                        </template>\n                    </div>\n\n                    <!-- Footer below Form -->\n                    <div class=\"pt-lg text-center text-word-3\">\n                        <template v-if=\"mode === 'sign-in'\">\n                            {{ $t('auth.noAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signUp')\"\n                                @click=\"mode = 'sign-up'\" />\n                        </template>\n                        <template v-else-if=\"mode === 'sign-up'\">\n                            {{ $t('auth.haveAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                        <template v-else>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                icon=\"chevron-left\"\n                                :label=\"$t('action.backToSignIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                    </div>\n                </div>\n            </Transition>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-auth {\n        // Flip-card reveal between the form and the success screen, mirroring\n        // the classic login in apps/frontend.\n        &__flip {\n            display: grid;\n            transform-style: preserve-3d;\n            perspective: 1000px;\n        }\n\n        &__flip-card {\n            grid-area: 1 / 1;\n            backface-visibility: hidden;\n            transform-style: preserve-3d;\n        }\n\n        // Subtle pop on the success check icon once the card has flipped in.\n        &__success-icon {\n            animation: pk-chatbot-auth-check-pop 0.4s ease-out 0.3s backwards;\n        }\n    }\n\n    .pk-flip-enter-active {\n        animation: pk-chatbot-auth-flip-in 0.6s ease-out;\n    }\n\n    .pk-flip-leave-active {\n        animation: pk-chatbot-auth-flip-out 0.6s ease-in;\n    }\n\n    @keyframes pk-chatbot-auth-flip-in {\n        0% {\n            transform: rotateY(-180deg);\n            opacity: 0;\n        }\n\n        100% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-flip-out {\n        0% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n\n        100% {\n            transform: rotateY(180deg);\n            opacity: 0;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-check-pop {\n        0% {\n            transform: scale(0);\n            opacity: 0;\n        }\n\n        60% {\n            transform: scale(1.15);\n        }\n\n        100% {\n            transform: scale(1);\n            opacity: 1;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { SignUpSchema } from 'models'\n    import type { AgentBranding, AuthMethods } from 'models'\n    import { useImageFallback } from 'composables'\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const props = withDefaults(\n        defineProps<{\n            branding?: AgentBranding\n            authMethods?: AuthMethods\n            loading?: boolean\n        }>(),\n        {\n            branding: undefined,\n            authMethods: undefined,\n            loading: false,\n        },\n    )\n\n    // A deleted agent logo would leave a broken glyph above the sign-in form:\n    // drop the whole block instead, the agent name below already identifies it.\n    const { canShowImage, onImageError } = useImageFallback()\n\n    const errorMessage = defineModel<string>('errorMessage')\n    /**\n     * Non-error feedback (e.g. \"check your inbox\" after sign-up / reset).\n     * When set, a dedicated success screen replaces the form.\n     */\n    const success = defineModel<{ title: string; message: string }>('success')\n\n    const emit = defineEmits<{\n        (\n            e: 'sign-in',\n            payload: {\n                email: string\n                password: string\n                rememberMe: boolean\n            },\n        ): void\n        (\n            e: 'sign-up',\n            payload: { email: string; password: string; name: string },\n        ): void\n        (e: 'request-reset', payload: { email: string }): void\n        (e: 'social', provider: 'google' | 'microsoft'): void\n        (e: 'update:errorMessage', message?: string): void\n        (e: 'update:success', value?: { title: string; message: string }): void\n    }>()\n\n    type Mode = 'sign-in' | 'sign-up' | 'reset'\n    const mode = ref<Mode>('sign-in')\n    watch(mode, () => {\n        errorMessage.value = undefined\n        success.value = undefined\n    })\n\n    /** Returns to the sign-in form, clearing any success feedback. */\n    function backToSignIn() {\n        success.value = undefined\n        mode.value = 'sign-in'\n    }\n\n    const showSocialButtons = computed(\n        () => props.authMethods?.google || props.authMethods?.microsoft,\n    )\n\n    const signInSchema = z.object({\n        email: z.email(),\n        password: z.string().min(8).max(64),\n        rememberMe: z.boolean().default(false),\n    })\n\n    const resetSchema = z.object({\n        email: z.email(),\n    })\n\n    const { VvForm: VvSignInForm, VvFormField: VvSignInField } = useForm(\n        signInSchema,\n        { lazyLoad: true },\n    )\n    const {\n        VvForm: VvSignUpForm,\n        VvFormField: VvSignUpField,\n        clear: clearSignUp,\n    } = useForm(SignUpSchema, { lazyLoad: true })\n    const {\n        VvForm: VvResetForm,\n        VvFormField: VvResetField,\n        clear: clearReset,\n    } = useForm(resetSchema, { lazyLoad: true })\n\n    // Empty the sign-up / reset forms once their submission succeeds so a\n    // later \"back to sign in\" doesn't reveal stale input.\n    watch(success, (value) => {\n        if (value) {\n            clearSignUp()\n            clearReset()\n        }\n    })\n\n    // Move focus to the success card once the flip animation has finished\n    // (the out-in transition mounts it only after the form leaves), so\n    // screen-reader/keyboard users are announced the result.\n    const successCard = ref<HTMLElement>()\n    function focusSuccessCard() {\n        if (success.value) {\n            successCard.value?.focus()\n        }\n    }\n\n    function onSignIn(data: {\n        email: string\n        password: string\n        rememberMe?: boolean\n    }) {\n        emit('sign-in', {\n            email: data.email,\n            password: data.password,\n            rememberMe: data.rememberMe ?? false,\n        })\n    }\n\n    function onSignUp(data: { name: string; email: string; password: string }) {\n        emit('sign-up', {\n            name: data.name.trim(),\n            email: data.email,\n            password: data.password,\n        })\n    }\n\n    function onReset(data: { email: string }) {\n        emit('request-reset', { email: data.email })\n    }\n\n    function handleSocial(provider: 'google' | 'microsoft') {\n        emit('social', provider)\n    }\n</script>\n\n<template>\n    <div\n        class=\"pk-chatbot-auth flex flex-col items-center justify-center w-full min-h-full p-lg overflow-y-auto\">\n        <div class=\"pk-chatbot-auth__flip w-full max-w-384 mx-auto my-auto\">\n            <Transition\n                name=\"pk-flip\"\n                mode=\"out-in\"\n                @after-enter=\"focusSuccessCard\">\n                <!-- Success screen (sign-up / reset feedback) -->\n                <div\n                    v-if=\"success\"\n                    ref=\"successCard\"\n                    key=\"success\"\n                    tabindex=\"-1\"\n                    class=\"pk-chatbot-auth__flip-card outline-none flex flex-col text-center leading-normal\">\n                    <div\n                        class=\"pk-chatbot-auth__success-icon w-64 h-64 border border-surface-3 rounded-full bg-surface-0 flex items-center justify-center overflow-hidden bg-surface mx-auto mb-md\">\n                        <VvIcon\n                            name=\"ri:mail-check-line\"\n                            aria-hidden=\"true\"\n                            class=\"text-success w-32 h-32\" />\n                    </div>\n                    <h1 class=\"font-bold text-18 mb-xs\">\n                        {{ success.title }}\n                    </h1>\n                    <p class=\"mb-lg text-16 text-word-3\">\n                        {{ success.message }}\n                    </p>\n                    <VvButton\n                        type=\"button\"\n                        modifiers=\"link\"\n                        icon=\"chevron-left\"\n                        :label=\"$t('action.backToSignIn')\"\n                        @click=\"backToSignIn\" />\n                </div>\n\n                <!-- Sign-in / sign-up / reset forms -->\n                <div\n                    v-else\n                    key=\"form\"\n                    class=\"pk-chatbot-auth__flip-card flex flex-col\">\n                    <!-- Form Container -->\n                    <div class=\"flex flex-col\">\n                        <!-- Relative Header Logo -->\n                        <div\n                            v-if=\"canShowImage(branding?.interface.logo)\"\n                            class=\"flex justify-center mb-md\">\n                            <img\n                                :src=\"branding?.interface.logo\"\n                                :alt=\"branding?.name\"\n                                class=\"w-64 h-64 border border-surface-3 rounded-full bg-surface-0 overflow-hidden bg-surface object-contain\"\n                                @error=\"\n                                    onImageError(branding?.interface.logo)\n                                \" />\n                        </div>\n\n                        <div class=\"text-center leading-normal mb-lg\">\n                            <h1\n                                v-if=\"branding?.name\"\n                                class=\"font-bold text-20 m-0\">\n                                {{ branding.name }}\n                            </h1>\n                            <component\n                                :is=\"branding?.name ? 'h2' : 'h1'\"\n                                class=\"text-word-3 mb-0\">\n                                <template v-if=\"mode === 'sign-in'\">\n                                    {{ $t('auth.signInTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'sign-up'\">\n                                    {{ $t('auth.signUpTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'reset'\">\n                                    {{ $t('auth.resetTitle') }}\n                                </template>\n                            </component>\n                        </div>\n\n                        <!-- Error message -->\n                        <VvAlert\n                            v-if=\"errorMessage\"\n                            modifiers=\"danger\"\n                            class=\"mb-md\"\n                            :content=\"errorMessage\" />\n\n                        <!-- Sign In -->\n                        <VvSignInForm\n                            v-if=\"mode === 'sign-in'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignIn\">\n                            <div class=\"mb-md\">\n                                <VvSignInField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignInField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"current-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <div class=\"mb-md\">\n                                    <VvButton\n                                        type=\"button\"\n                                        modifiers=\"link\"\n                                        :label=\"$t('action.forgetPassword')\"\n                                        @click=\"mode = 'reset'\" />\n                                </div>\n                                <VvSignInField\n                                    name=\"rememberMe\"\n                                    type=\"checkbox\"\n                                    :label=\"$t('label.rememberMe')\"\n                                    switch />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.signIn')\" />\n                        </VvSignInForm>\n\n                        <!-- Sign Up -->\n                        <VvSignUpForm\n                            v-else-if=\"mode === 'sign-up'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignUp\">\n                            <div class=\"mb-md\">\n                                <VvSignUpField\n                                    name=\"name\"\n                                    type=\"text\"\n                                    autocomplete=\"name\"\n                                    :label=\"$t('label.name')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"passwordConfirmation\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.confirmPassword')\"\n                                    floating />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.continue')\" />\n                        </VvSignUpForm>\n\n                        <!-- Reset Password -->\n                        <VvResetForm\n                            v-else-if=\"mode === 'reset'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onReset\">\n                            <VvResetField\n                                name=\"email\"\n                                type=\"email\"\n                                autocomplete=\"username\"\n                                :label=\"$t('label.email')\"\n                                floating />\n                            <VvButtonGroup modifiers=\"vertical\">\n                                <VvButton\n                                    type=\"submit\"\n                                    modifiers=\"primary\"\n                                    :loading=\"loading\"\n                                    :disabled=\"loading\"\n                                    :label=\"$t('action.submit')\" />\n                            </VvButtonGroup>\n                        </VvResetForm>\n\n                        <!-- Social providers (shared by sign-in and sign-up) -->\n                        <template\n                            v-if=\"\n                                (mode === 'sign-in' || mode === 'sign-up') &&\n                                showSocialButtons\n                            \">\n                            <div class=\"hr mt-xs\">\n                                <span>{{ $t('label.or') }}</span>\n                            </div>\n                            <VvButtonGroup\n                                modifiers=\"vertical\"\n                                class=\"gap-xs mt-xs\">\n                                <VvButton\n                                    v-if=\"authMethods?.google\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:google-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Google',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('google')\" />\n                                <VvButton\n                                    v-if=\"authMethods?.microsoft\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:microsoft-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Microsoft',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('microsoft')\" />\n                            </VvButtonGroup>\n                        </template>\n                    </div>\n\n                    <!-- Footer below Form -->\n                    <div class=\"pt-lg text-center text-word-3\">\n                        <template v-if=\"mode === 'sign-in'\">\n                            {{ $t('auth.noAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signUp')\"\n                                @click=\"mode = 'sign-up'\" />\n                        </template>\n                        <template v-else-if=\"mode === 'sign-up'\">\n                            {{ $t('auth.haveAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                        <template v-else>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                icon=\"chevron-left\"\n                                :label=\"$t('action.backToSignIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                    </div>\n                </div>\n            </Transition>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-auth {\n        // Flip-card reveal between the form and the success screen, mirroring\n        // the classic login in apps/frontend.\n        &__flip {\n            display: grid;\n            transform-style: preserve-3d;\n            perspective: 1000px;\n        }\n\n        &__flip-card {\n            grid-area: 1 / 1;\n            backface-visibility: hidden;\n            transform-style: preserve-3d;\n        }\n\n        // Subtle pop on the success check icon once the card has flipped in.\n        &__success-icon {\n            animation: pk-chatbot-auth-check-pop 0.4s ease-out 0.3s backwards;\n        }\n    }\n\n    .pk-flip-enter-active {\n        animation: pk-chatbot-auth-flip-in 0.6s ease-out;\n    }\n\n    .pk-flip-leave-active {\n        animation: pk-chatbot-auth-flip-out 0.6s ease-in;\n    }\n\n    @keyframes pk-chatbot-auth-flip-in {\n        0% {\n            transform: rotateY(-180deg);\n            opacity: 0;\n        }\n\n        100% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-flip-out {\n        0% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n\n        100% {\n            transform: rotateY(180deg);\n            opacity: 0;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-check-pop {\n        0% {\n            transform: scale(0);\n            opacity: 0;\n        }\n\n        60% {\n            transform: scale(1.15);\n        }\n\n        100% {\n            transform: scale(1);\n            opacity: 1;\n        }\n    }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotFeedbackForm-nEevDHmI.js → PkChatbotFeedbackForm-D0RNa7bE.js}

@@ -1,5 +1,5 @@
 import { g as e, v as t } from "./schemas-COkEQ0wM.js";
-import { t as n } from "./index.es-BT6Jr2yi.js";
+import { t as n } from "./index.es-BKxzs6Sh.js";
 import { VvAlert as r, VvButton as i, VvButtonGroup as a, VvIcon as o } from "@volverjs/ui-vue/components";
 import { Transition as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, isRef as m, openBlock as h, toDisplayString as g, unref as _, withCtx as v, withModifiers as y } from "vue";
 import { useI18n as b } from "vue-i18n";
@@ -89,4 +89,4 @@ var x = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
 //#endregion
 export { j as t };
 
-//# sourceMappingURL=PkChatbotFeedbackForm-nEevDHmI.js.map
+//# sourceMappingURL=PkChatbotFeedbackForm-D0RNa7bE.js.map

package/dist-vue/_chunks/{PkChatbotFeedbackForm-nEevDHmI.js.map → PkChatbotFeedbackForm-D0RNa7bE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotFeedbackForm-nEevDHmI.js","names":["$emit"],"sources":["../../../../packages/components/src/chat/PkChatbotFeedbackForm.vue","../../../../packages/components/src/chat/PkChatbotFeedbackForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    defineProps<{\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n    }>()\n\n    const emit = defineEmits<{\n        submit: [comment: string]\n        close: []\n    }>()\n\n    const FeedbackFormSchema = z.object({\n        comment: z.string().min(1).default(''),\n    })\n\n    const { VvForm, VvFormField, formData } = useForm(FeedbackFormSchema, {\n        lazyLoad: true,\n    })\n\n    const onSubmit = (data: { comment: string }) => {\n        emit('submit', data.comment)\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:feedback-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('action.feedback') }}</strong>\n            <VvButton\n                icon=\"ri:close-line\"\n                modifiers=\"action-quiet-small\"\n                :title=\"$t('action.close')\"\n                class=\"ml-auto\"\n                @click.stop=\"$emit('close')\" />\n        </div>\n        <Transition mode=\"out-in\">\n            <div v-if=\"!submitted\">\n                <VvAlert\n                    v-if=\"error\"\n                    modifiers=\"danger\"\n                    class=\"mb-sm\"\n                    :label=\"error\" />\n                <VvForm v-model=\"formData\" @submit=\"onSubmit\">\n                    <div class=\"p-sm\">\n                        <VvFormField\n                            name=\"comment\"\n                            type=\"textarea\"\n                            rows=\"3\"\n                            :label=\"$t('label.comment')\"\n                            :placeholder=\"$t('placeholder.comment')\"\n                            modifiers=\"compact no-label\"\n                            class=\"mb-0\" />\n                    </div>\n                    <div\n                        class=\"flex justify-end border-t border-surface-3 px-sm py-10\">\n                        <VvButtonGroup>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"action-quiet\"\n                                icon=\"ri:close-line\"\n                                icon-position=\"right\"\n                                :label=\"$t('action.close')\"\n                                @click=\"$emit('close')\" />\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"action-primary\"\n                                icon=\"ri:send-plane-2-line\"\n                                icon-position=\"right\"\n                                :loading\n                                :disabled=\"loading\"\n                                :label=\"$t('action.submit')\" />\n                        </VvButtonGroup>\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:checkbox-circle-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.feedbackSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.feedbackSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    defineProps<{\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n    }>()\n\n    const emit = defineEmits<{\n        submit: [comment: string]\n        close: []\n    }>()\n\n    const FeedbackFormSchema = z.object({\n        comment: z.string().min(1).default(''),\n    })\n\n    const { VvForm, VvFormField, formData } = useForm(FeedbackFormSchema, {\n        lazyLoad: true,\n    })\n\n    const onSubmit = (data: { comment: string }) => {\n        emit('submit', data.comment)\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:feedback-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('action.feedback') }}</strong>\n            <VvButton\n                icon=\"ri:close-line\"\n                modifiers=\"action-quiet-small\"\n                :title=\"$t('action.close')\"\n                class=\"ml-auto\"\n                @click.stop=\"$emit('close')\" />\n        </div>\n        <Transition mode=\"out-in\">\n            <div v-if=\"!submitted\">\n                <VvAlert\n                    v-if=\"error\"\n                    modifiers=\"danger\"\n                    class=\"mb-sm\"\n                    :label=\"error\" />\n                <VvForm v-model=\"formData\" @submit=\"onSubmit\">\n                    <div class=\"p-sm\">\n                        <VvFormField\n                            name=\"comment\"\n                            type=\"textarea\"\n                            rows=\"3\"\n                            :label=\"$t('label.comment')\"\n                            :placeholder=\"$t('placeholder.comment')\"\n                            modifiers=\"compact no-label\"\n                            class=\"mb-0\" />\n                    </div>\n                    <div\n                        class=\"flex justify-end border-t border-surface-3 px-sm py-10\">\n                        <VvButtonGroup>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"action-quiet\"\n                                icon=\"ri:close-line\"\n                                icon-position=\"right\"\n                                :label=\"$t('action.close')\"\n                                @click=\"$emit('close')\" />\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"action-primary\"\n                                icon=\"ri:send-plane-2-line\"\n                                icon-position=\"right\"\n                                :loading\n                                :disabled=\"loading\"\n                                :label=\"$t('action.submit')\" />\n                        </VvButtonGroup>\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:checkbox-circle-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.feedbackSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.feedbackSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAKI,IAAM,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,SAAS,CAAC,GAQ1C,IAAO,GAKP,IAAqB,EAAS,EAChC,SAAS,EAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,EACzC,CAAC,GAEK,EAAE,WAAQ,gBAAa,gBAAa,EAAQ,GAAoB,EAClE,UAAU,GACd,CAAC,GAEK,KAAY,MAA8B;GAC5C,EAAK,UAAU,EAAK,OAAO;EAC/B;;;GAIA,OAAA,EAAA,GAAA,EAqEM,OArEN,GAqEM,CAnEF,EAUM,OAVN,GAUM;IARF,EAAkD,GAAA;KAA1C,MAAK;KAAmB,OAAM;;IACtC,EAA8D,UAA9D,GAA8D,EAAjC,EAAA,CAAA,CAAE,CAAA,iBAAA,CAAA,GAAA,CAAA;IAC/B,EAKmC,GAAA;KAJ/B,MAAK;KACL,WAAU;KACT,OAAO,EAAA,CAAA,CAAE,CAAA,cAAA;KACV,OAAM;KACL,SAAK,AAAA,EAAA,OAAA,GAAA,MAAOA,EAAAA,MAAK,OAAA,GAAA,CAAA,MAAA,CAAA;;GAE1B,CAAA,GAAA,EAuDa,GAAA,EAvDD,MAAK,SAAQ,GAAA;IACrB,SAAA,QAsCM,CAtCM,EAAA,aAuCZ,EAAA,GAAA,EAcM,OAdN,GAcM,CAbF,EAYM,OAZN,GAYM,CAXF,EAEmC,GAAA;KAD/B,MAAK;KACL,OAAM;IACV,CAAA,GAAA,EAOM,OAAA,MAAA,CANF,EAES,UAFT,GAES,EADF,EAAA,CAAA,CAAE,CAAA,gCAAA,CAAA,GAAA,CAAA,GAET,EAEI,KAFJ,GAEI,EADG,EAAA,CAAA,CAAE,CAAA,kCAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAjDrB,EAAA,GAAA,EAsCM,OAAA,GAAA,CApCQ,EAAA,SADV,EAAA,GAAA,EAIqB,GAAA;;KAFjB,WAAU;KACV,OAAM;KACL,OAAO,EAAA;IACZ,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAAA,EA+BS,EAAA,CAAA,GAAA;KA/BQ,YAAA,EAAA,CAAA;KAAA,uBAAA,AAAA,EAAA,QAAA,MAAA,EAAA,CAAA,IAAA,EAAQ,QAAA,IAAA;KAAW;;KAChC,SAAA,QASM,CATN,EASM,OATN,GASM,CARF,EAOmB,EAAA,CAAA,GAAA;MANf,MAAK;MACL,MAAK;MACL,MAAK;MACJ,OAAO,EAAA,CAAA,CAAE,CAAA,eAAA;MACT,aAAa,EAAA,CAAA,CAAE,CAAA,qBAAA;MAChB,WAAU;MACV,OAAM;KAEd,GAAA,MAAA,GAAA,CAAA,SAAA,aAAA,CAAA,CAAA,CAAA,GAAA,EAmBM,OAnBN,GAmBM,CAjBF,EAgBgB,GAAA,MAAA;MAfZ,SAAA,QAM8B,CAN9B,EAM8B,GAAA;OAL1B,MAAK;OACL,WAAU;OACV,MAAK;OACL,iBAAc;OACb,OAAO,EAAA,CAAA,CAAE,CAAA,cAAA;OACT,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,OAAA;MACjB,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,GAAA,EAOmC,GAAA;OAN/B,MAAK;OACL,WAAU;OACV,MAAK;OACL,iBAAc;OACb,SAAA,EAAA;OACA,UAAU,EAAA;OACV,OAAO,EAAA,CAAA,CAAE,CAAA,eAAA;;;;;;;;;IAK9B,GAAA,GAAA,CAAA,YAAA,CAAA,CAAA,CAAA,EAUqB,CAAA"}
+{"version":3,"file":"PkChatbotFeedbackForm-D0RNa7bE.js","names":["$emit"],"sources":["../../../../packages/components/src/chat/PkChatbotFeedbackForm.vue","../../../../packages/components/src/chat/PkChatbotFeedbackForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    defineProps<{\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n    }>()\n\n    const emit = defineEmits<{\n        submit: [comment: string]\n        close: []\n    }>()\n\n    const FeedbackFormSchema = z.object({\n        comment: z.string().min(1).default(''),\n    })\n\n    const { VvForm, VvFormField, formData } = useForm(FeedbackFormSchema, {\n        lazyLoad: true,\n    })\n\n    const onSubmit = (data: { comment: string }) => {\n        emit('submit', data.comment)\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:feedback-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('action.feedback') }}</strong>\n            <VvButton\n                icon=\"ri:close-line\"\n                modifiers=\"action-quiet-small\"\n                :title=\"$t('action.close')\"\n                class=\"ml-auto\"\n                @click.stop=\"$emit('close')\" />\n        </div>\n        <Transition mode=\"out-in\">\n            <div v-if=\"!submitted\">\n                <VvAlert\n                    v-if=\"error\"\n                    modifiers=\"danger\"\n                    class=\"mb-sm\"\n                    :label=\"error\" />\n                <VvForm v-model=\"formData\" @submit=\"onSubmit\">\n                    <div class=\"p-sm\">\n                        <VvFormField\n                            name=\"comment\"\n                            type=\"textarea\"\n                            rows=\"3\"\n                            :label=\"$t('label.comment')\"\n                            :placeholder=\"$t('placeholder.comment')\"\n                            modifiers=\"compact no-label\"\n                            class=\"mb-0\" />\n                    </div>\n                    <div\n                        class=\"flex justify-end border-t border-surface-3 px-sm py-10\">\n                        <VvButtonGroup>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"action-quiet\"\n                                icon=\"ri:close-line\"\n                                icon-position=\"right\"\n                                :label=\"$t('action.close')\"\n                                @click=\"$emit('close')\" />\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"action-primary\"\n                                icon=\"ri:send-plane-2-line\"\n                                icon-position=\"right\"\n                                :loading\n                                :disabled=\"loading\"\n                                :label=\"$t('action.submit')\" />\n                        </VvButtonGroup>\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:checkbox-circle-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.feedbackSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.feedbackSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    defineProps<{\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n    }>()\n\n    const emit = defineEmits<{\n        submit: [comment: string]\n        close: []\n    }>()\n\n    const FeedbackFormSchema = z.object({\n        comment: z.string().min(1).default(''),\n    })\n\n    const { VvForm, VvFormField, formData } = useForm(FeedbackFormSchema, {\n        lazyLoad: true,\n    })\n\n    const onSubmit = (data: { comment: string }) => {\n        emit('submit', data.comment)\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:feedback-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('action.feedback') }}</strong>\n            <VvButton\n                icon=\"ri:close-line\"\n                modifiers=\"action-quiet-small\"\n                :title=\"$t('action.close')\"\n                class=\"ml-auto\"\n                @click.stop=\"$emit('close')\" />\n        </div>\n        <Transition mode=\"out-in\">\n            <div v-if=\"!submitted\">\n                <VvAlert\n                    v-if=\"error\"\n                    modifiers=\"danger\"\n                    class=\"mb-sm\"\n                    :label=\"error\" />\n                <VvForm v-model=\"formData\" @submit=\"onSubmit\">\n                    <div class=\"p-sm\">\n                        <VvFormField\n                            name=\"comment\"\n                            type=\"textarea\"\n                            rows=\"3\"\n                            :label=\"$t('label.comment')\"\n                            :placeholder=\"$t('placeholder.comment')\"\n                            modifiers=\"compact no-label\"\n                            class=\"mb-0\" />\n                    </div>\n                    <div\n                        class=\"flex justify-end border-t border-surface-3 px-sm py-10\">\n                        <VvButtonGroup>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"action-quiet\"\n                                icon=\"ri:close-line\"\n                                icon-position=\"right\"\n                                :label=\"$t('action.close')\"\n                                @click=\"$emit('close')\" />\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"action-primary\"\n                                icon=\"ri:send-plane-2-line\"\n                                icon-position=\"right\"\n                                :loading\n                                :disabled=\"loading\"\n                                :label=\"$t('action.submit')\" />\n                        </VvButtonGroup>\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:checkbox-circle-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.feedbackSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.feedbackSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAKI,IAAM,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,SAAS,CAAC,GAQ1C,IAAO,GAKP,IAAqB,EAAS,EAChC,SAAS,EAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,EACzC,CAAC,GAEK,EAAE,WAAQ,gBAAa,gBAAa,EAAQ,GAAoB,EAClE,UAAU,GACd,CAAC,GAEK,KAAY,MAA8B;GAC5C,EAAK,UAAU,EAAK,OAAO;EAC/B;;;GAIA,OAAA,EAAA,GAAA,EAqEM,OArEN,GAqEM,CAnEF,EAUM,OAVN,GAUM;IARF,EAAkD,GAAA;KAA1C,MAAK;KAAmB,OAAM;;IACtC,EAA8D,UAA9D,GAA8D,EAAjC,EAAA,CAAA,CAAE,CAAA,iBAAA,CAAA,GAAA,CAAA;IAC/B,EAKmC,GAAA;KAJ/B,MAAK;KACL,WAAU;KACT,OAAO,EAAA,CAAA,CAAE,CAAA,cAAA;KACV,OAAM;KACL,SAAK,AAAA,EAAA,OAAA,GAAA,MAAOA,EAAAA,MAAK,OAAA,GAAA,CAAA,MAAA,CAAA;;GAE1B,CAAA,GAAA,EAuDa,GAAA,EAvDD,MAAK,SAAQ,GAAA;IACrB,SAAA,QAsCM,CAtCM,EAAA,aAuCZ,EAAA,GAAA,EAcM,OAdN,GAcM,CAbF,EAYM,OAZN,GAYM,CAXF,EAEmC,GAAA;KAD/B,MAAK;KACL,OAAM;IACV,CAAA,GAAA,EAOM,OAAA,MAAA,CANF,EAES,UAFT,GAES,EADF,EAAA,CAAA,CAAE,CAAA,gCAAA,CAAA,GAAA,CAAA,GAET,EAEI,KAFJ,GAEI,EADG,EAAA,CAAA,CAAE,CAAA,kCAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAjDrB,EAAA,GAAA,EAsCM,OAAA,GAAA,CApCQ,EAAA,SADV,EAAA,GAAA,EAIqB,GAAA;;KAFjB,WAAU;KACV,OAAM;KACL,OAAO,EAAA;IACZ,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAAA,EA+BS,EAAA,CAAA,GAAA;KA/BQ,YAAA,EAAA,CAAA;KAAA,uBAAA,AAAA,EAAA,QAAA,MAAA,EAAA,CAAA,IAAA,EAAQ,QAAA,IAAA;KAAW;;KAChC,SAAA,QASM,CATN,EASM,OATN,GASM,CARF,EAOmB,EAAA,CAAA,GAAA;MANf,MAAK;MACL,MAAK;MACL,MAAK;MACJ,OAAO,EAAA,CAAA,CAAE,CAAA,eAAA;MACT,aAAa,EAAA,CAAA,CAAE,CAAA,qBAAA;MAChB,WAAU;MACV,OAAM;KAEd,GAAA,MAAA,GAAA,CAAA,SAAA,aAAA,CAAA,CAAA,CAAA,GAAA,EAmBM,OAnBN,GAmBM,CAjBF,EAgBgB,GAAA,MAAA;MAfZ,SAAA,QAM8B,CAN9B,EAM8B,GAAA;OAL1B,MAAK;OACL,WAAU;OACV,MAAK;OACL,iBAAc;OACb,OAAO,EAAA,CAAA,CAAE,CAAA,cAAA;OACT,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,OAAA;MACjB,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,GAAA,EAOmC,GAAA;OAN/B,MAAK;OACL,WAAU;OACV,MAAK;OACL,iBAAc;OACb,SAAA,EAAA;OACA,UAAU,EAAA;OACV,OAAO,EAAA,CAAA,CAAE,CAAA,eAAA;;;;;;;;;IAK9B,GAAA,GAAA,CAAA,YAAA,CAAA,CAAA,CAAA,EAUqB,CAAA"}

package/dist-vue/_chunks/{PkChatbotMessages-BgsyN-mB.js → PkChatbotMessages-DGO0WIqx.js}

@@ -5,7 +5,7 @@ import "./src-BbpxM17m.js";
 import { a as r, c as i, o as a, r as o, s, t as c } from "./message-RohfrdWS.js";
 import { t as l } from "./PkRelativeTime--1cIphlA.js";
 import { t as u } from "./PkChatbotFilePreview-DPQn4Xnq.js";
-import { t as d } from "./PkChatbotFeedbackForm-nEevDHmI.js";
+import { t as d } from "./PkChatbotFeedbackForm-D0RNa7bE.js";
 import { t as f } from "./PkChatbotMessageFeedback-BYmrVaCE.js";
 import { a as p, c as m, d as h, g, h as _, i as ee, m as v, o as te, p as ne, s as y, t as b } from "./utils-CgxndZld.js";
 import { n as re, t as ie } from "./PkChatbotSteps-DlZpwc_a.js";
@@ -19,8 +19,8 @@ var W = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, ""), ge = (e) => e
 	showArtifact: M(() => import("./PkToolShowArtifact-BGGsbY-0.js").then((e) => e.n)),
 	showCalendarEvent: M(() => import("./PkToolShowCalendarEvent-CK5KnNxq.js").then((e) => e.n)),
 	showComparison: M(() => import("./PkToolShowComparison-D0iMf7JW.js").then((e) => e.n)),
-	showContactForm: M(() => import("./PkToolShowContactForm-CMK4zR2J.js").then((e) => e.n)),
-	showDiagram: M(() => import("./PkToolShowDiagram-DoklcF3f.js")),
+	showContactForm: M(() => import("./PkToolShowContactForm-CkkWxSSz.js").then((e) => e.n)),
+	showDiagram: M(() => import("./PkToolShowDiagram-D0NBG-Gy.js")),
 	showEmail: M(() => import("./PkToolShowEmail-tUYlAzar.js").then((e) => e.n)),
 	showImageGallery: M(() => import("./PkToolShowImageGallery-6MmMV2y_.js").then((e) => e.n)),
 	showLocation: M(() => import("./PkToolShowLocation-BBdeY0Ae.js").then((e) => e.n)),
@@ -768,4 +768,4 @@ var De = ["aria-busy"], Oe = {
 //#endregion
 export { ve as a, _e as i, ye as n, ge as r, $e as t };
 
-//# sourceMappingURL=PkChatbotMessages-BgsyN-mB.js.map
+//# sourceMappingURL=PkChatbotMessages-DGO0WIqx.js.map