{"version":3,"file":"WidgetPopup-DXNgctVq.js","sources":["../../src/frames/popup/WidgetPopupContent.svelte","../../src/frames/popup/WidgetPopupInput.svelte","../../src/frames/popup/WidgetPopupAgentInfo.svelte","../../src/frames/popup/WidgetPopup.svelte"],"sourcesContent":["<script lang=\"ts\">\nimport type { Attachment } from '@smartsupp/smartsupp-message'\nimport { AttachmentType } from '@smartsupp/smartsupp-message'\n\nimport Carousel from '@/components/carousel/Carousel.svelte'\nimport Card from '@/components/content/Card.svelte'\nimport MessageText from '@/components/content/MessageText.svelte'\nimport Linkifier from '@/components/Linkifier.svelte'\nimport { testIds } from '@/constants'\nimport { isTouchDevice } from '@/modules/device'\nimport { popupMessage } from '@/modules/messages'\n\nconst findCards = (attachments: Attachment[]): Attachment.Cards | null => {\n\tconst cards = attachments.find((a) => a.type === AttachmentType.Cards) as Attachment.Cards\n\tif (!cards) return null\n\treturn cards\n}\n\nlet cards = $derived($popupMessage && findCards($popupMessage.attachments))\nlet singleCard: boolean = $derived(cards ? cards.items.length === 1 : false)\n</script>\n\n{#if $popupMessage?.content.text}\n\t<div class=\"text-sm leading-[22px] line-clamp-5 color-slate-800\" data-testid={testIds.popupMessage}>\n\t\t<MessageText>\n\t\t\t<Linkifier text={$popupMessage.content.text} />\n\t\t</MessageText>\n\t</div>\n{/if}\n{#if cards}\n\t<!--Needs to be wrapped with `key` block to handle rendering of Carousel when the cards array changes-->\n\t{#key cards.items.length}\n\t\t<div class=\"w-full flex-center pt-2\">\n\t\t\t<div class={['relative w-56', singleCard && 'w-full']}>\n\t\t\t\t<Carousel controlsTop=\"4rem\" controls={!isTouchDevice()}>\n\t\t\t\t\t{#each cards.items as item}\n\t\t\t\t\t\t<Card card={item} isCompact fullWidth={singleCard} />\n\t\t\t\t\t{/each}\n\t\t\t\t</Carousel>\n\t\t\t</div>\n\t\t</div>\n\t{/key}\n{/if}\n","<script lang=\"ts\">\nimport WidgetMessengerInput from '../messenger/input/WidgetMessengerInput.svelte'\n</script>\n\n<!-- svelte-ignore a11y-no-static-element-interactions -->\n<div onclick={(e) => e.stopPropagation()} onkeydown={() => {}} onkeyup={() => {}}>\n\t<WidgetMessengerInput />\n</div>\n","<script lang=\"ts\">\nimport IdentityAvatar from '@/components/avatars/IdentityAvatar.svelte'\nimport { getAgentById } from '@/modules/agents'\nimport { getIdentityById } from '@/modules/botIdentities'\n\ntype Props = {\n\tagentId: string | null\n\tidentityId?: string\n}\n\nlet { agentId, identityId }: Props = $props()\n\nlet agent = $derived(getAgentById(agentId ?? ''))\nlet identity = $derived(getIdentityById(identityId || ''))\n</script>\n\n{#if $agent || $identity}\n\t<div class=\"flex-center flex-shrink-0\">\n\t\t<IdentityAvatar avatar={$identity?.avatarUrl || $agent?.avatar} isBot={!!identityId} />\n\t</div>\n\t<div class=\"ml-3 mr-10 font-bold truncate color-slate-800\">{$identity?.name || $agent?.fullname}</div>\n{/if}\n","<script lang=\"ts\">\nimport type { Message } from '@smartsupp/smartsupp-message'\nimport { onDestroy, onMount, tick } from 'svelte'\nimport IconClose from 'virtual:icons/lucide/x'\n\nimport AvatarGroup from '@/components/avatars/AvatarGroup.svelte'\nimport Button from '@/components/core/Button.svelte'\nimport IconButton from '@/components/core/IconButton.svelte'\nimport FlashMessageContainer from '@/components/flashMessage/FlashMessageContainer.svelte'\nimport IconSend from '@/components/icons/IconSend.svelte'\nimport { testIds } from '@/constants'\nimport WidgetPopupContent from '@/frames/popup/WidgetPopupContent.svelte'\nimport WidgetPopupInput from '@/frames/popup/WidgetPopupInput.svelte'\nimport { closePopupFrame, openMessengerFrame } from '@/modules/app'\nimport { readChat } from '@/modules/chat'\nimport { hasPopupFrameHover, popupFrameHeight } from '@/modules/frames'\nimport { hasContactMessage, hasQuickReplies, lastUnreadMessage, popupMessage } from '@/modules/messages'\nimport { widgetOptions } from '@/modules/options'\nimport { t } from '@/modules/translations'\nimport { getHostWindow } from '@/utils/window'\n\nimport WidgetPopupAgentInfo from './WidgetPopupAgentInfo.svelte'\n\nlet ref: HTMLDivElement | undefined = $state()\n\nlet setPopupHeight = () => ref && popupFrameHeight.set(ref.getBoundingClientRect().height)\nonMount(() => {\n\t// Set correct height of popup frame => depends on height of content which is dynamic\n\tsetPopupHeight()\n\tgetHostWindow().addEventListener('visibilitychange', setPopupHeight)\n})\n\nonDestroy(() => {\n\tgetHostWindow().removeEventListener('visibilitychange', setPopupHeight)\n})\n\nconst handlePopupClick = () => {\n\topenMessengerFrame()\n\treadChat()\n}\n\nconst handlePopupClose = () => {\n\tclosePopupFrame(true)\n}\n\nconst handlePopupMouseEnter = () => {\n\thasPopupFrameHover.set(true)\n}\n\nconst handlePopupMouseLeave = () => {\n\thasPopupFrameHover.set(false)\n}\n\nconst onLastUnreadMessage = async () => {\n\tawait tick()\n\tsetPopupHeight()\n}\n\nconst { popupTextareaEnabled } = widgetOptions.getOptions()\n\n$effect(() => {\n\t$lastUnreadMessage && void onLastUnreadMessage()\n})\nlet buttonText = $derived($hasContactMessage ? 'trigger.replyButton' : 'trigger.openChatButton')\nlet shouldShowTextarea = $derived(\n\tpopupTextareaEnabled && $popupMessage && !hasQuickReplies($popupMessage as Message.Message.Bot),\n)\n</script>\n\n<!-- If block must be wrapped by extra div, otherwise it throws error in console: https://github.com/sveltejs/svelte/issues/6037#issuecomment-1161861663 -->\n<div data-testid={testIds.popup}>\n\t{#if $popupMessage}\n\t\t<FlashMessageContainer />\n\t\t<!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_static_element_interactions -->\n\t\t<div\n\t\t\tbind:this={ref}\n\t\t\tclass=\"relative p-4 bg-white rounded-lg cursor-pointer\"\n\t\t\tonclick={handlePopupClick}\n\t\t\tonmouseenter={handlePopupMouseEnter}\n\t\t\tonmouseleave={handlePopupMouseLeave}\n\t\t>\n\t\t\t<div class=\"flex items-center mb-2\">\n\t\t\t\t{#if $popupMessage.agentId || $popupMessage?.trigger?.identityId}\n\t\t\t\t\t<WidgetPopupAgentInfo agentId={$popupMessage.agentId} identityId={$popupMessage?.trigger?.identityId} />\n\t\t\t\t{:else}\n\t\t\t\t\t<AvatarGroup />\n\t\t\t\t{/if}\n\t\t\t</div>\n\t\t\t<WidgetPopupContent />\n\t\t\t<div class=\"mt-4\">\n\t\t\t\t{#if shouldShowTextarea}\n\t\t\t\t\t<WidgetPopupInput />\n\t\t\t\t{:else}\n\t\t\t\t\t<Button icon={IconSend} isBlock testId={testIds.popupButton}>{$t(buttonText)}</Button>\n\t\t\t\t{/if}\n\t\t\t</div>\n\t\t\t<div class=\"absolute top-2 right-2 text-gray-500\">\n\t\t\t\t<IconButton\n\t\t\t\t\ticon={IconClose}\n\t\t\t\t\ticonDescription=\"Close\"\n\t\t\t\t\tonClick={handlePopupClose}\n\t\t\t\t\ttestId={testIds.popupButtonClose}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t{/if}\n</div>\n"],"names":["findCards","attachments","cards","a","AttachmentType","$popupMessage","singleCard","$.derived","$.get","$.template_effect","$.set_attribute","div","testIds","_a","$$render","consequent","$$anchor","isTouchDevice","$.index","item","consequent_1","e","agent","getAgentById","$$props","identity","getIdentityById","avatar","$identity","_b","$agent","$.set_text","text","handlePopupClick","openMessengerFrame","readChat","ref","$.state","setPopupHeight","popupFrameHeight","onMount","getHostWindow","onDestroy","handlePopupClose","closePopupFrame","handlePopupMouseEnter","hasPopupFrameHover","handlePopupMouseLeave","onLastUnreadMessage","tick","popupTextareaEnabled","widgetOptions","$.user_effect","$lastUnreadMessage","buttonText","$hasContactMessage","shouldShowTextarea","hasQuickReplies","alternate","IconSend","$t","alternate_1","IconClose","$.bind_this","div_1","$$value","$.set","consequent_2"],"mappings":"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"}