@customer-agent/sdk 0.5.9 → 0.6.0-test.67b72921d3c0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chunks/{App-8CX3o_mN.js → App-B4dn3hns.js} +2 -2
- package/chunks/InterviewChatScreen-D37bCE1R.js +2 -0
- package/chunks/{Panel-DJKqAgzv.js → Panel-XDrfFRK4.js} +3 -3
- package/chunks/{WidgetComposer-BtlsItsm.js → WidgetComposer-C_Y7bwhP.js} +2 -2
- package/chunks/constants-Do-S47mc.js +1 -0
- package/chunks/{controller-DaVQNceG.js → controller-DsoiXsWM.js} +1 -1
- package/chunks/routes-Dh46ka4-.js +1 -0
- package/index.js +1 -1
- package/package.json +1 -1
- package/react.js +1 -1
- package/runtime.es.js +1 -1
- package/sdk.js +1 -1
- package/types/sdk/public-types.d.ts +2 -1
- package/types/types.d.ts +4 -0
- package/types/ui/screens/interview/InterviewChatScreen.d.ts +2 -1
- package/chunks/InterviewChatScreen-C_GJHiUj.js +0 -2
- package/chunks/constants-ip01F3Ef.js +0 -1
- package/chunks/routes-aV4LZuEj.js +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{t as e}from"./constants-ip01F3Ef.js";import{i as t,t as n}from"./launcherAnchorStore-JMTZZGKC.js";import{t as r}from"./i18n-Q8u2wtW4.js";import{r as i}from"../runtime.es.js";import{t as a}from"./react-CKmEJ8Ba.js";import{t as o}from"./client-duvjg9sB.js";import{t as s}from"./createLucideIcon-B1BLVEeA.js";import{n as c,t as l}from"./WidgetGlobalLoading-B_z-6_yk.js";import{t as u}from"./x-CcuT5rCV.js";import{t as d}from"./jsx-runtime-S2ZBQkZm.js";import{t as f}from"./classNames-3q0x02_x.js";var p=i(a(),1),m=Object.freeze({EXPAND_CHANGE:`expand-change`,MEMORY_ROUTE_CHANGE:`memory-route-change`,OPEN_CHANGE:`open-change`}),h=Object.freeze({ACTION:`customer-agent:frame-action`,STATE:`customer-agent:frame-state`});function g(e,t,n){return{action:n,surface:t,type:h.ACTION,widgetId:e}}function _(e){return typeof e==`object`&&!!e&&`type`in e&&e.type===h.ACTION}var v=`#customer-agent-widget{position:var(--customer-agent-host-container-position);inset:var(--customer-agent-host-container-inset);pointer-events:var(--customer-agent-host-container-pointer-events);z-index:var(--customer-agent-host-container-z-index)}#customer-agent-widget .customer-agent-app{position:var(--customer-agent-host-app-position);inset:var(--customer-agent-host-app-inset);pointer-events:none}#customer-agent-widget div.customer-agent-messenger-frame,:where(#customer-agent-widget .customer-agent-launcher-container){box-sizing:border-box;color-scheme:normal;background:0 0;border:0;margin:0;padding:0}#customer-agent-widget iframe.customer-agent-frame[data-customer-agent-surface]{border-radius:inherit;color-scheme:normal;visibility:visible;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel]{position:var(--customer-agent-host-frame-position);left:var(--customer-agent-host-panel-left);right:var(--customer-agent-host-panel-right);bottom:var(--customer-agent-host-panel-bottom);background:var(--customer-agent-host-panel-bg);border:1px solid var(--customer-agent-host-panel-border);border-radius:var(--customer-agent-host-panel-radius);width:0;height:0;box-shadow:var(--customer-agent-host-panel-shadow);opacity:0;pointer-events:none;transform:var(--customer-agent-host-panel-closed-transform);transform-origin:var(--customer-agent-host-panel-transform-origin);visibility:hidden;z-index:2147483646;transition:width .22s,height .22s,left .22s,right .22s,top .22s,bottom .22s,border-radius .22s,opacity .16s,transform .22s,visibility .16s;overflow:hidden}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-anchor-mode=floating]{left:var(--customer-agent-anchor-panel-left);right:auto;top:var(--customer-agent-anchor-panel-top);width:var(--customer-agent-anchor-panel-width,var(--customer-agent-host-panel-size-width));height:var(--customer-agent-anchor-panel-height,var(--customer-agent-host-panel-size-height));transform-origin:top;bottom:auto;transform:translateY(16px)scale(.96)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-anchor-mode=floating][data-anchor-placement=top]{transform-origin:bottom;transform:translateY(-16px)scale(.96)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-anchor-mode=floating][data-anchor-placement=left]{transform-origin:100%;transform:translate(-16px)scale(.96)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-anchor-mode=floating][data-anchor-placement=right]{transform-origin:0;transform:translate(16px)scale(.96)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-state=open]{width:var(--customer-agent-anchor-panel-width,var(--customer-agent-host-panel-size-width));height:var(--customer-agent-anchor-panel-height,var(--customer-agent-host-panel-size-height));opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-anchor-mode=floating][data-state=open]{transform:translate(0)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-state=open][data-expanded=true]{width:var(--customer-agent-anchor-panel-width,var(--customer-agent-host-panel-expanded-size-width));height:var(--customer-agent-anchor-panel-height,var(--customer-agent-host-panel-expanded-size-height-legacy));height:var(--customer-agent-anchor-panel-height,var(--customer-agent-host-panel-expanded-size-height))}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen]{border:0}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen][data-state=open]{top:auto;left:0;right:0;bottom:var(--customer-agent-host-fullscreen-bottom,0px);width:var(--customer-agent-host-fullscreen-width);max-width:100%;height:var(--customer-agent-host-fullscreen-layout-height,var(--customer-agent-host-fullscreen-height-legacy));max-height:var(--customer-agent-host-fullscreen-layout-height,var(--customer-agent-host-fullscreen-max-height-legacy));z-index:2147483647;border-radius:0;transform:translate(0)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen][data-state=open][data-viewport-settling=true]{transition:bottom .22s,opacity .16s,visibility .16s}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen][data-mobile-origin=launcher]:not([data-state=open]){left:var(--customer-agent-mobile-origin-left);right:auto;top:var(--customer-agent-mobile-origin-top);width:var(--customer-agent-mobile-origin-width);height:var(--customer-agent-mobile-origin-height);transform-origin:50%;border-radius:0;bottom:auto;transform:translate(0)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=bottom-sheet]{left:var(--customer-agent-host-bottom-sheet-left);right:var(--customer-agent-host-bottom-sheet-right);border:0;border-radius:14px 14px 0 0;bottom:0;transform:translateY(32px)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=bottom-sheet][data-state=open]{width:var(--customer-agent-host-bottom-sheet-width);z-index:2147483647;max-width:100%;height:min(640px,100dvh - 72px);max-height:calc(100dvh - 72px);transform:translate(0)scale(1)}:where(#customer-agent-widget .customer-agent-launcher-container){position:var(--customer-agent-host-frame-position);left:var(--customer-agent-host-launcher-left);right:var(--customer-agent-host-launcher-right);bottom:var(--customer-agent-host-launcher-bottom);width:var(--customer-agent-host-launcher-size);height:var(--customer-agent-host-launcher-size);background:var(--customer-agent-host-launcher-bg);box-shadow:var(--customer-agent-host-launcher-shadow);pointer-events:auto;z-index:2147483647;border-radius:9999px;transition:box-shadow .15s,transform .15s;animation:.18s ease-out both customer-agent-launcher-enter;overflow:visible}:where(#customer-agent-widget .customer-agent-launcher-container:hover){box-shadow:var(--customer-agent-host-launcher-shadow);transform:scale(1.1)}:where(#customer-agent-widget .customer-agent-launcher-container:active){transform:scale(.9)}:where(#customer-agent-widget .customer-agent-launcher-container[data-state=open]){box-shadow:var(--customer-agent-host-launcher-shadow)}:where(#customer-agent-widget .customer-agent-launcher-container[data-mobile-presentation=fullscreen][data-state=open]){z-index:2147483646}:where(#customer-agent-widget .customer-agent-launcher-container[data-mobile-presentation=bottom-sheet][data-state=open]){opacity:0;pointer-events:none;visibility:hidden;display:none;transform:scale(.88)}@keyframes customer-agent-launcher-enter{0%{opacity:0}to{opacity:1}}@media (width<=640px){#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel]{border:0}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-state=open]{width:var(--customer-agent-host-fullscreen-width);max-width:100%;height:var(--customer-agent-host-fullscreen-layout-height,var(--customer-agent-host-fullscreen-height-legacy));max-height:var(--customer-agent-host-fullscreen-layout-height,var(--customer-agent-host-fullscreen-max-height-legacy));transform:translate(0)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=bottom-sheet][data-state=open]{height:min(640px,100dvh - 72px)}:where(#customer-agent-widget .customer-agent-launcher-container),#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen]:not([data-mobile-origin=launcher]){left:var(--customer-agent-host-mobile-inline-left);right:var(--customer-agent-host-mobile-inline-right);bottom:var(--customer-agent-host-mobile-bottom)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen][data-mobile-origin=launcher]:not([data-state=open]){left:var(--customer-agent-mobile-origin-left);right:auto;top:var(--customer-agent-mobile-origin-top);bottom:auto}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen][data-state=open]{top:auto;left:0;right:0;bottom:var(--customer-agent-host-fullscreen-bottom,0px)}}`,ee=16,y=20,b=48;function x(e){return e.position===`bottom-left`?`translate(-16px, 24px) scale(0.96)`:`translate(16px, 24px) scale(0.96)`}function S(e){let t=e.position===`bottom-left`,n=e.position===`bottom-left`?`left bottom`:`right bottom`,r=x(e),i=e.embedded?`absolute`:`fixed`,a=t?`${y}px`:`auto`,o=t?`auto`:`${y}px`,s=t?`max(${y}px, env(safe-area-inset-left))`:`auto`,c=t?`auto`:`max(${y}px, env(safe-area-inset-right))`,l=e.embedded?`min(var(--customer-agent-host-panel-width), calc(100% - var(--customer-agent-host-panel-safe-margin) - var(--customer-agent-host-panel-safe-margin)))`:`min(var(--customer-agent-host-panel-width), calc(100vw - var(--customer-agent-host-panel-safe-margin) - var(--customer-agent-host-panel-safe-margin)))`,u=e.embedded?`min(var(--customer-agent-host-panel-max-height), calc(100% - var(--customer-agent-host-panel-expanded-height-offset)))`:`min(var(--customer-agent-host-panel-max-height), calc(100vh - var(--customer-agent-host-panel-expanded-height-offset)))`,d=e.embedded?`min(var(--customer-agent-host-panel-expanded-width), calc(100% - var(--customer-agent-host-panel-safe-margin) - var(--customer-agent-host-panel-safe-margin)))`:`min(var(--customer-agent-host-panel-expanded-width), calc(100dvw - var(--customer-agent-host-panel-safe-margin) - var(--customer-agent-host-panel-safe-margin)))`,f=e.embedded?`calc(100% - var(--customer-agent-host-panel-expanded-height-offset))`:`calc(100dvh - var(--customer-agent-host-panel-expanded-height-offset))`,p=e.embedded?`100%`:`100vh`,m=e.embedded?`100%`:`100dvh`;return`#customer-agent-widget{${[`--customer-agent-host-container-position: ${e.embedded?`absolute`:`static`};`,`--customer-agent-host-container-inset: ${e.embedded?`0`:`auto`};`,`--customer-agent-host-container-pointer-events: ${e.embedded?`none`:`auto`};`,`--customer-agent-host-container-z-index: ${e.embedded?`10`:`auto`};`,`--customer-agent-host-app-position: ${e.embedded?`absolute`:`static`};`,`--customer-agent-host-app-inset: ${e.embedded?`0`:`auto`};`,`--customer-agent-host-frame-position: ${i};`,`--customer-agent-host-panel-left: ${a};`,`--customer-agent-host-panel-right: ${o};`,`--customer-agent-host-panel-bottom: ${y+b+ee}px;`,`--customer-agent-host-panel-width: 460px;`,`--customer-agent-host-panel-expanded-width: 716px;`,`--customer-agent-host-panel-expanded-height-offset: 104px;`,`--customer-agent-host-panel-max-height: 704px;`,`--customer-agent-host-panel-safe-margin: 20px;`,`--customer-agent-host-panel-size-width: ${l};`,`--customer-agent-host-panel-size-height: ${u};`,`--customer-agent-host-panel-expanded-size-width: ${d};`,`--customer-agent-host-panel-expanded-size-height-legacy: ${e.embedded?f:`calc(100vh - var(--customer-agent-host-panel-expanded-height-offset))`};`,`--customer-agent-host-panel-expanded-size-height: ${f};`,`--customer-agent-host-panel-bg: #ffffff;`,`--customer-agent-host-panel-border: #e5e5e5;`,`--customer-agent-host-panel-radius: 24px;`,`--customer-agent-host-panel-shadow: 0 1px 6px rgba(9, 14, 21, 0.06), 0 2px 32px rgba(9, 14, 21, 0.16);`,`--customer-agent-host-panel-closed-transform: ${r};`,`--customer-agent-host-panel-transform-origin: ${n};`,`--customer-agent-host-fullscreen-width: 100%;`,`--customer-agent-host-fullscreen-height-legacy: ${p};`,`--customer-agent-host-fullscreen-height: ${m};`,`--customer-agent-host-fullscreen-max-height-legacy: ${p};`,`--customer-agent-host-fullscreen-max-height: ${m};`,`--customer-agent-host-bottom-sheet-left: ${t?`0`:`auto`};`,`--customer-agent-host-bottom-sheet-right: ${t?`auto`:`0`};`,`--customer-agent-host-bottom-sheet-width: 100%;`,`--customer-agent-host-launcher-left: ${a};`,`--customer-agent-host-launcher-right: ${o};`,`--customer-agent-host-launcher-bottom: ${y}px;`,`--customer-agent-host-launcher-size: ${b}px;`,`--customer-agent-host-launcher-bg: #14161a;`,`--customer-agent-host-launcher-shadow: 0 4px 12px rgba(9, 14, 21, 0.1);`,`--customer-agent-host-mobile-inline-left: ${s};`,`--customer-agent-host-mobile-inline-right: ${c};`,`--customer-agent-host-mobile-bottom: max(${y}px, env(safe-area-inset-bottom));`].join(` `)}}`}function te(e,t){return`${v}\n${S(t)}`.trim()}var ne=s(`chevron-down`,[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]]),C=o(),w=d();function T({closeLabel:e,onClose:t}){return(0,w.jsx)(`button`,{className:`relative z-[calc(var(--z-overlay)+1)] grid h-[var(--messenger-header-button-size)] w-[var(--messenger-header-button-size)] cursor-pointer place-items-center rounded-[var(--messenger-header-button-radius)] border-0 bg-transparent text-text-quaternary transition-colors hover:bg-gray-3 hover:text-text-primary focus-visible:outline-none focus-visible:shadow-none`,"aria-label":e,"data-customer-agent-panel-close":``,"data-overlay-exempt":`true`,title:e,type:`button`,onClick:t,children:(0,w.jsx)(u,{size:16})})}var re=`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-\\[calc\\(100\\%\\+0\\.5rem\\)\\]{top:calc(100% + .5rem)}.top-\\[var\\(--messenger-header-padding-y\\)\\]{top:var(--messenger-header-padding-y)}.right-\\[var\\(--messenger-header-button-size\\)\\]{right:var(--messenger-header-button-size)}.right-\\[var\\(--messenger-header-padding-x\\)\\]{right:var(--messenger-header-padding-x)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-\\[1\\]{z-index:1}.z-\\[4\\]{z-index:4}.z-\\[calc\\(var\\(--z-overlay\\)\\+1\\)\\]{z-index:calc(var(--z-overlay) + 1)}.z-\\[var\\(--z-composer\\)\\]{z-index:var(--z-composer)}.z-\\[var\\(--z-dropdown\\)\\]{z-index:var(--z-dropdown)}.z-\\[var\\(--z-overlay\\)\\]{z-index:var(--z-overlay)}.container{width:100%}.mx-auto{margin-inline:auto}.-mt-\\[var\\(--messenger-radius\\)\\]{margin-top:calc(var(--messenger-radius) * -1)}.mt-\\[var\\(--messenger-composer-actions-margin-top\\)\\]{margin-top:var(--messenger-composer-actions-margin-top)}.mt-\\[var\\(--messenger-conversation-part-group-gap\\)\\]{margin-top:var(--messenger-conversation-part-group-gap)}.mt-\\[var\\(--messenger-conversation-part-stack-gap\\)\\]{margin-top:var(--messenger-conversation-part-stack-gap)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-\\[18px\\]{height:18px}.h-\\[var\\(--messenger-composer-actions-height\\)\\]{height:var(--messenger-composer-actions-height)}.h-\\[var\\(--messenger-header-avatar-size\\)\\]{height:var(--messenger-header-avatar-size)}.h-\\[var\\(--messenger-header-button-size\\)\\]{height:var(--messenger-header-button-size)}.h-full{height:100%}.h-px{height:1px}.min-h-\\[304px\\]{min-height:304px}.min-h-\\[var\\(--messenger-composer-actions-height\\)\\]{min-height:var(--messenger-composer-actions-height)}.min-h-\\[var\\(--messenger-composer-height\\)\\]{min-height:var(--messenger-composer-height)}.min-h-full{min-height:100%}.w-\\[18px\\]{width:18px}.w-\\[280px\\]{width:280px}.w-\\[min\\(360px\\,100\\%\\)\\]{width:min(360px,100%)}.w-\\[min\\(360px\\,calc\\(100vw-2\\.5rem\\)\\)\\]{width:min(360px,100vw - 2.5rem)}.w-\\[var\\(--messenger-header-avatar-size\\)\\]{width:var(--messenger-header-avatar-size)}.w-\\[var\\(--messenger-header-button-size\\)\\]{width:var(--messenger-header-button-size)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\\[min\\(100\\%\\,var\\(--messenger-conversation-part-max-width\\)\\)\\]{max-width:min(100%, var(--messenger-conversation-part-max-width))}.max-w-\\[var\\(--messenger-conversation-part-max-width\\)\\]{max-width:var(--messenger-conversation-part-max-width)}.max-w-full{max-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-separate{border-collapse:separate}.origin-\\[var\\(--radix-popover-content-transform-origin\\)\\]{transform-origin:var(--radix-popover-content-transform-origin)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-0{rotate:0deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\\[customer-agent-chat-route-in_var\\(--duration-fast\\)_var\\(--ease-emphasis\\)_both\\]{animation:customer-agent-chat-route-in var(--duration-fast) var(--ease-emphasis) both}.animate-\\[customer-agent-entry-in_180ms_ease-out\\]{animation:.18s ease-out customer-agent-entry-in}.animate-\\[customer-agent-invite-mask-in_140ms_ease-out_both\\]{animation:.14s ease-out both customer-agent-invite-mask-in}.animate-\\[customer-agent-mobile-dock-in_180ms_var\\(--ease-emphasis\\)_both\\]{animation:customer-agent-mobile-dock-in .18s var(--ease-emphasis) both}.animate-\\[customer-agent-typing-dot-bounce_1\\.05s_ease-in-out_infinite\\]{animation:1.05s ease-in-out infinite customer-agent-typing-dot-bounce}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-\\[32px_minmax\\(0\\,1fr\\)\\]{grid-template-columns:32px minmax(0,1fr)}.grid-cols-\\[36px_minmax\\(0\\,1fr\\)\\]{grid-template-columns:36px minmax(0,1fr)}.grid-cols-\\[auto_1fr_auto\\]{grid-template-columns:auto 1fr auto}.grid-cols-\\[auto_auto_1fr_auto\\]{grid-template-columns:auto auto 1fr auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\\[var\\(--messenger-composer-actions-gap\\)\\]{gap:var(--messenger-composer-actions-gap)}.gap-\\[var\\(--messenger-header-action-gap\\)\\]{gap:var(--messenger-header-action-gap)}.gap-\\[var\\(--messenger-header-gap\\)\\]{gap:var(--messenger-header-gap)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[var\\(--messenger-header-button-radius\\)\\]{border-radius:var(--messenger-header-button-radius)}.rounded-\\[var\\(--messenger-radius\\)\\]{border-radius:var(--messenger-radius)}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-messenger{border-radius:var(--messenger-radius)}.rounded-messenger-composer{border-radius:var(--messenger-composer-radius)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-\\[28px\\]{border-top-left-radius:28px;border-bottom-left-radius:28px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-\\[var\\(--gray-4\\)\\]{border-color:var(--gray-4)}.border-border-default{border-color:var(--border-default)}.border-border-divider{border-color:var(--border-divider)}.border-gray-1\\/70{border-color:var(--gray-1)}@supports (color:color-mix(in lab, red, red)){.border-gray-1\\/70{border-color:color-mix(in oklab, var(--gray-1) 70%, transparent)}}.border-gray-12{border-color:var(--gray-12)}.border-transparent{border-color:#0000}.border-t-\\[var\\(--customer-agent-primary\\)\\]{border-top-color:var(--customer-agent-primary)}.bg-\\[var\\(--bg-canvas\\)\\]{background-color:var(--bg-canvas)}.bg-\\[var\\(--customer-agent-primary\\)\\]{background-color:var(--customer-agent-primary)}.bg-bg-canvas{background-color:var(--bg-canvas)}.bg-bg-elevated{background-color:var(--bg-elevated)}.bg-current{background-color:currentColor}.bg-gray-1\\/15{background-color:var(--gray-1)}@supports (color:color-mix(in lab, red, red)){.bg-gray-1\\/15{background-color:color-mix(in oklab, var(--gray-1) 15%, transparent)}}.bg-gray-1\\/20{background-color:var(--gray-1)}@supports (color:color-mix(in lab, red, red)){.bg-gray-1\\/20{background-color:color-mix(in oklab, var(--gray-1) 20%, transparent)}}.bg-gray-3{background-color:var(--gray-3)}.bg-gray-4{background-color:var(--gray-4)}.bg-gray-12,.bg-gray-12\\/35{background-color:var(--gray-12)}@supports (color:color-mix(in lab, red, red)){.bg-gray-12\\/35{background-color:color-mix(in oklab, var(--gray-12) 35%, transparent)}}.bg-transparent{background-color:#0000}.fill-bg-elevated{fill:var(--bg-elevated)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\\[padding\\:var\\(--messenger-composer-actions-padding-top\\)_var\\(--messenger-composer-actions-padding-right\\)_var\\(--messenger-composer-actions-padding-bottom\\)_var\\(--messenger-composer-actions-padding-left\\)\\]{padding:var(--messenger-composer-actions-padding-top) var(--messenger-composer-actions-padding-right) var(--messenger-composer-actions-padding-bottom) var(--messenger-composer-actions-padding-left)}.\\[padding\\:var\\(--messenger-composer-attachments-padding-top\\)_var\\(--messenger-composer-attachments-padding-right\\)_var\\(--messenger-composer-attachments-padding-bottom\\)_var\\(--messenger-composer-attachments-padding-left\\)\\]{padding:var(--messenger-composer-attachments-padding-top) var(--messenger-composer-attachments-padding-right) var(--messenger-composer-attachments-padding-bottom) var(--messenger-composer-attachments-padding-left)}.\\[padding\\:var\\(--messenger-composer-input-padding-top\\)_var\\(--messenger-composer-input-padding-right\\)_var\\(--messenger-composer-input-padding-bottom\\)_var\\(--messenger-composer-input-padding-left\\)\\]{padding:var(--messenger-composer-input-padding-top) var(--messenger-composer-input-padding-right) var(--messenger-composer-input-padding-bottom) var(--messenger-composer-input-padding-left)}.px-\\[var\\(--messenger-conversation-horizontal-padding\\)\\]{padding-inline:var(--messenger-conversation-horizontal-padding)}.px-\\[var\\(--messenger-conversation-part-padding-x\\)\\]{padding-inline:var(--messenger-conversation-part-padding-x)}.px-\\[var\\(--messenger-header-padding-x\\)\\]{padding-inline:var(--messenger-header-padding-x)}.py-\\[var\\(--messenger-conversation-part-padding-y\\)\\]{padding-block:var(--messenger-conversation-part-padding-y)}.py-\\[var\\(--messenger-header-padding-y\\)\\]{padding-block:var(--messenger-header-padding-y)}.pr-\\[var\\(--messenger-header-button-size\\)\\]{padding-right:var(--messenger-header-button-size)}.pb-\\[max\\(1rem\\,calc\\(1rem\\+var\\(--customer-agent-bottom-inset\\)\\)\\)\\]{padding-bottom:max(1rem, calc(1rem + var(--customer-agent-bottom-inset)))}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base-line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm-line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs-line-height))}.text-\\[0\\.9em\\]{font-size:.9em}.text-\\[length\\:var\\(--messenger-composer-text-size\\)\\]{font-size:var(--messenger-composer-text-size)}.text-\\[length\\:var\\(--messenger-header-subtitle-size\\)\\]{font-size:var(--messenger-header-subtitle-size)}.text-\\[length\\:var\\(--messenger-header-title-size\\)\\]{font-size:var(--messenger-header-title-size)}.leading-\\[var\\(--messenger-composer-text-line-height\\)\\]{--tw-leading:var(--messenger-composer-text-line-height);line-height:var(--messenger-composer-text-line-height)}.leading-\\[var\\(--messenger-header-subtitle-line-height\\)\\]{--tw-leading:var(--messenger-header-subtitle-line-height);line-height:var(--messenger-header-subtitle-line-height)}.leading-\\[var\\(--messenger-header-title-line-height\\)\\]{--tw-leading:var(--messenger-header-title-line-height);line-height:var(--messenger-header-title-line-height)}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[var\\(--customer-agent-primary\\,var\\(--gray-12\\)\\)\\]{color:var(--customer-agent-primary,var(--gray-12))}.text-\\[var\\(--customer-agent-primary\\,var\\(--text-quaternary\\)\\)\\]{color:var(--customer-agent-primary,var(--text-quaternary))}.text-\\[var\\(--gray-1\\)\\]{color:var(--gray-1)}.text-\\[var\\(--text-primary\\)\\]{color:var(--text-primary)}.text-gray-1,.text-gray-1\\/70{color:var(--gray-1)}@supports (color:color-mix(in lab, red, red)){.text-gray-1\\/70{color:color-mix(in oklab, var(--gray-1) 70%, transparent)}}.text-inherit{color:inherit}.text-text-primary{color:var(--text-primary)}.text-text-quaternary{color:var(--text-quaternary)}.text-text-secondary{color:var(--text-secondary)}.text-text-tertiary{color:var(--text-tertiary)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-\\[-6px_0_18px_rgba\\(9\\,14\\,21\\,0\\.035\\)\\]{--tw-shadow:-6px 0 18px var(--tw-shadow-color,#090e1509);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_0_0_1px_var\\(--border-default\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--border-default));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(9\\,14\\,21\\,0\\.08\\)\\,0_3px_10px_rgba\\(9\\,14\\,21\\,0\\.09\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#090e1514), 0 3px 10px var(--tw-shadow-color,#090e1517);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-card{--tw-shadow:var(--shadow-card);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-circle{--tw-shadow:var(--shadow-circle);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-popover{--tw-shadow:var(--shadow-popover);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-bg-canvas{--tw-ring-color:var(--bg-canvas)}.\\[outline\\:0_solid_var\\(--border-strong\\)\\]{outline:0 solid var(--border-strong)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\\[background-color\\,box-shadow\\,color\\]{transition-property:background-color,box-shadow,color;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\\[border-color\\,outline-width\\]{transition-property:border-color,outline-width;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\\[max-height\\,opacity\\,transform\\,margin\\]{transition-property:max-height,opacity,transform,margin;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\\[rotate\\,scale\\]{transition-property:rotate,scale;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-\\[var\\(--ease-standard\\)\\]{--tw-ease:var(--ease-standard);transition-timing-function:var(--ease-standard)}.will-change-\\[opacity\\,transform\\]{will-change:opacity,transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[animation-delay\\:140ms\\]{animation-delay:.14s}.\\[animation-delay\\:280ms\\]{animation-delay:.28s}.\\[clip\\:rect\\(0\\,0\\,0\\,0\\)\\]{clip:rect(0,0,0,0)}.placeholder\\:text-text-placeholder::placeholder{color:var(--text-placeholder)}.first\\:rounded-tl-lg:first-child{border-top-left-radius:var(--radius-lg)}.last\\:rounded-tr-lg:last-child{border-top-right-radius:var(--radius-lg)}.focus-within\\:border-border-strong:focus-within{border-color:var(--border-strong)}.focus-within\\:\\[outline-width\\:var\\(--messenger-composer-focus-outline-width\\)\\]:focus-within{outline-width:var(--messenger-composer-focus-outline-width)}.focus-within\\:\\[outline-color\\:var\\(--customer-agent-primary\\,var\\(--primary\\)\\)\\]:focus-within{outline-color:var(--customer-agent-primary,var(--primary))}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-border-strong:hover{border-color:var(--border-strong)}.hover\\:bg-bg-canvas:hover{background-color:var(--bg-canvas)}.hover\\:bg-gray-1\\/20:hover{background-color:var(--gray-1)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-gray-1\\/20:hover{background-color:color-mix(in oklab, var(--gray-1) 20%, transparent)}}.hover\\:bg-gray-2:hover{background-color:var(--gray-2)}.hover\\:bg-gray-3:hover{background-color:var(--gray-3)}.hover\\:bg-gray-4:hover{background-color:var(--gray-4)}.hover\\:bg-gray-10:hover{background-color:var(--gray-10)}.hover\\:text-text-primary:hover{color:var(--text-primary)}.hover\\:text-text-secondary:hover{color:var(--text-secondary)}.hover\\:shadow-\\[0_1px_2px_rgba\\(9\\,14\\,21\\,0\\.06\\)\\,0_2px_8px_rgba\\(9\\,14\\,21\\,0\\.08\\)\\]:hover{--tw-shadow:0 1px 2px var(--tw-shadow-color,#090e150f), 0 2px 8px var(--tw-shadow-color,#090e1514);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\\:shadow-\\[inset_0_0_0_2px_rgba\\(255\\,255\\,255\\,0\\.95\\)\\]:focus-visible{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,#fffffff2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:shadow-\\[var\\(--shadow-circle\\)\\,var\\(--shadow-focus\\)\\]:focus-visible{--tw-shadow:var(--shadow-circle), var(--shadow-focus);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:shadow-\\[var\\(--shadow-focus\\)\\]:focus-visible{--tw-shadow:var(--shadow-focus);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:shadow-none:focus-visible{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:bg-gray-12:active{background-color:var(--gray-12)}.enabled\\:cursor-pointer:enabled{cursor:pointer}.enabled\\:bg-\\[var\\(--customer-agent-primary\\,var\\(--gray-12\\)\\)\\]:enabled{background-color:var(--customer-agent-primary,var(--gray-12))}.enabled\\:text-gray-1:enabled{color:var(--gray-1)}@media (hover:hover){.enabled\\:hover\\:bg-gray-12:enabled:hover{background-color:var(--gray-12)}}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-gray-3:disabled{background-color:var(--gray-3)}.disabled\\:text-gray-7:disabled{color:var(--gray-7)}.disabled\\:opacity-40:disabled{opacity:.4}.data-\\[active\\=true\\]\\:border-border-strong[data-active=true]{border-color:var(--border-strong)}.data-\\[active\\=true\\]\\:\\[outline-width\\:var\\(--messenger-composer-focus-outline-width\\)\\][data-active=true]{outline-width:var(--messenger-composer-focus-outline-width)}.data-\\[active\\=true\\]\\:\\[outline-color\\:var\\(--customer-agent-primary\\,var\\(--primary\\)\\)\\][data-active=true]{outline-color:var(--customer-agent-primary,var(--primary))}.data-\\[expanded\\=true\\]\\:\\[--messenger-conversation-part-max-width\\:520px\\][data-expanded=true]{--messenger-conversation-part-max-width:520px}.data-\\[state\\=open\\]\\:animate-\\[customer-agent-invite-popover-in_180ms_var\\(--ease-emphasis\\)_both\\][data-state=open]{animation:customer-agent-invite-popover-in .18s var(--ease-emphasis) both}.data-\\[state\\=open\\]\\:animate-\\[customer-agent-mobile-dock-in_180ms_var\\(--ease-emphasis\\)_both\\][data-state=open]{animation:customer-agent-mobile-dock-in .18s var(--ease-emphasis) both}.data-\\[state\\=open\\]\\:animate-\\[customer-agent-mobile-dock-overlay-in_160ms_ease-out_both\\][data-state=open]{animation:.16s ease-out both customer-agent-mobile-dock-overlay-in}.data-\\[state\\=open\\]\\:bg-gray-3[data-state=open]{background-color:var(--gray-3)}.data-\\[state\\=open\\]\\:text-\\[var\\(--customer-agent-primary\\,var\\(--gray-12\\)\\)\\][data-state=open]{color:var(--customer-agent-primary,var(--gray-12))}.data-\\[state\\=open\\]\\:text-text-primary[data-state=open]{color:var(--text-primary)}.data-\\[viewport-mode\\=mobile\\]\\:h-\\[var\\(--customer-agent-visual-height\\)\\][data-viewport-mode=mobile]{height:var(--customer-agent-visual-height)}.data-\\[viewport-mode\\=mobile\\]\\:rounded-none[data-viewport-mode=mobile]{border-radius:0}.data-\\[viewport-mode\\=mobile\\]\\:border-l-0[data-viewport-mode=mobile]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\\[viewport-mode\\=mobile\\]\\:shadow-none[data-viewport-mode=mobile]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}.motion-reduce\\:will-change-auto{will-change:auto}}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[\\&\\:placeholder-shown\\]\\:\\!\\[height\\:calc\\(var\\(--messenger-composer-text-line-height\\)\\+var\\(--messenger-composer-input-padding-top\\)\\+var\\(--messenger-composer-input-padding-bottom\\)\\)\\]:placeholder-shown{height:calc(var(--messenger-composer-text-line-height) + var(--messenger-composer-input-padding-top) + var(--messenger-composer-input-padding-bottom))!important}.\\[\\&\\>\\[data-radix-scroll-area-content\\]\\]\\:flex>[data-radix-scroll-area-content]{display:flex}.\\[\\&\\>\\[data-radix-scroll-area-content\\]\\]\\:min-h-full>[data-radix-scroll-area-content]{min-height:100%}.\\[\\&\\>\\[data-radix-scroll-area-content\\]\\]\\:flex-col>[data-radix-scroll-area-content]{flex-direction:column}.\\[\\&\\>\\[data-radix-scroll-area-content\\]\\]\\:self-stretch>[data-radix-scroll-area-content]{align-self:stretch}.\\[\\&\\>\\[data-radix-scroll-area-content\\]\\]\\:bg-inherit>[data-radix-scroll-area-content]{background-color:inherit}.\\[\\&\\>div\\]\\:flex>div{display:flex}.\\[\\&\\>div\\]\\:min-h-full>div{min-height:100%}.\\[\\&\\>div\\]\\:flex-col>div{flex-direction:column}.\\[\\&\\>div\\]\\:self-stretch>div{align-self:stretch}.\\[\\&\\>div\\]\\:bg-inherit>div{background-color:inherit}:root{--brand-50:#f0eefe;--brand-100:#dcd8fd;--brand-200:#bdb5fb;--brand-300:#9388f8;--brand-400:#6457f4;--brand-500:#3a2bf0;--brand-600:#1f11ed;--brand-700:#1a0dc4;--brand-800:#170b99;--brand-900:#120873;--brand-950:#0b044a;--brand-a-04:#1f11ed0a;--brand-a-06:#1f11ed0f;--brand-a-08:#1f11ed14;--brand-a-12:#1f11ed1f;--brand-a-20:#1f11ed33;--brand-a-32:#1f11ed52;--brand-a-48:#1f11ed7a;--gray-1:#fff;--gray-2:#fafafa;--gray-3:#f7f7f7;--gray-4:#f5f5f5;--gray-5:#ededed;--gray-6:#e5e5e5;--gray-7:#d6d6d6;--gray-8:#a0a2a6;--gray-9:#6c6f74;--gray-10:#4e5155;--gray-11:#14161a;--gray-12:#090e15;--text-placeholder:#6c6f74;--text-muted-warm:#6c6f74;--bg-app:#f5f5f5;--bg-app-2:#fafafa;--bg-canvas:#fff;--bg-surface:#f5f5f5;--bg-elevated:#fff;--bg-pill-neutral:#f5f5f5;--text-primary:#14161a;--text-secondary:#14161a;--text-tertiary:#6c6f74;--text-quaternary:#a0a2a6;--text-muted:#6c6f74;--success-bg:#22c55e1a;--success-fg:#16a34a;--error-bg:#dc26261a;--error-fg:#dc2626;--warning-bg:#eab3081f;--warning-fg:#b45309;--info-bg:#f5f5f5;--info-fg:#14161a;--border-subtle:#f5f5f5;--border-default:#ededed;--border-strong:#e5e5e5;--border-divider:#ededed;--font-sans:"Inter", "PingFang SC", system-ui, sans-serif;--font-display:"Playfair Display", "Songti SC", serif;--font-display-2:"Poppins", system-ui, sans-serif;--font-content:var(--font-sans);--font-nav:var(--font-display-2);--font-num:var(--font-display-2);--font-mono:"Geist Mono", ui-monospace, Menlo, monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-14:14px;--radius-lg:16px;--radius-18:18px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:28px;--radius-32:32px;--radius-40:40px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--shadow-card:0 1px 2px #090e150f;--shadow-card-lg:0 1px 6px #090e150f, 0 2px 32px #090e1529;--shadow-cta:none;--shadow-popover:0 1px 15px #090e151a;--shadow-dialog:0 1px 6px #090e150f, 0 2px 32px #090e1529;--shadow-circle:0 1px 2px #090e150f;--shadow-error-ring:0 0 0 3px #dc26262e;--shadow-focus:0 0 0 3px var(--border-default);--messenger-width:400px;--messenger-expanded-width:688px;--messenger-max-height:704px;--messenger-radius:24px;--messenger-iframe-padding:10px;--messenger-global-horizontal-padding:20px;--messenger-conversation-horizontal-padding:16px;--messenger-header-padding-x:13px;--messenger-header-padding-y:8px;--messenger-header-gap:8px;--messenger-header-action-gap:0px;--messenger-header-avatar-size:32px;--messenger-header-button-size:38px;--messenger-header-button-radius:10px;--messenger-header-icon-size:16px;--messenger-header-title-size:14px;--messenger-header-title-line-height:1.1em;--messenger-header-subtitle-size:13px;--messenger-header-subtitle-line-height:19px;--messenger-composer-height:52px;--messenger-composer-radius:16px;--messenger-chat-composer-radius:10px;--messenger-conversation-part-radius:20px;--messenger-conversation-part-adjacent-radius:4px;--messenger-conversation-part-padding-x:16px;--messenger-conversation-part-padding-y:12px;--messenger-conversation-part-max-width:280px;--messenger-conversation-part-group-gap:4px;--messenger-conversation-part-stack-gap:16px;--messenger-typing-indicator-radius:16px;--messenger-composer-text-size:14px;--messenger-composer-text-line-height:20px;--messenger-composer-input-padding-top:0px;--messenger-composer-input-padding-right:8px;--messenger-composer-input-padding-bottom:2px;--messenger-composer-input-padding-left:16px;--messenger-composer-attachments-padding-top:0px;--messenger-composer-attachments-padding-right:8px;--messenger-composer-attachments-padding-bottom:0px;--messenger-composer-attachments-padding-left:12px;--messenger-composer-actions-height:32px;--messenger-composer-actions-gap:8px;--messenger-composer-actions-padding-top:4px;--messenger-composer-actions-padding-right:8px;--messenger-composer-actions-padding-bottom:0px;--messenger-composer-actions-padding-left:12px;--messenger-composer-actions-margin-top:8px;--messenger-composer-focus-outline-width:2px;--text-xs:.75rem;--text-xs-line-height:.875rem;--text-sm:.8125rem;--text-sm-line-height:1.1875rem;--text-base:.875rem;--text-base-line-height:1.25rem;--text-lg:1rem;--text-lg-line-height:1.5rem;--text-xl:1.125rem;--text-xl-line-height:1.125rem;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-emphasis:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--duration-instant:.1s;--duration-fast:.16s;--duration-base:.24s;--duration-slow:.32s;--z-base:0;--z-glow:1;--z-composer:2;--z-sticky:10;--z-sidebar:20;--z-dropdown:40;--z-overlay:60;--z-dialog:61;--z-toast:80;--z-debug:999;--background:var(--bg-app);--foreground:var(--text-primary);--card:var(--bg-canvas);--card-foreground:var(--text-primary);--popover:var(--bg-elevated);--popover-foreground:var(--text-primary);--primary:var(--gray-12);--primary-foreground:var(--gray-1);--secondary:var(--bg-canvas);--secondary-foreground:var(--text-secondary);--muted:var(--gray-4);--muted-foreground:var(--text-tertiary);--accent:var(--bg-pill-neutral);--accent-foreground:var(--text-primary);--destructive:var(--error-fg);--border:var(--border-default);--input:var(--bg-canvas);--ring:var(--border-default)}:root,:host{--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--radius-3xl:var(--radius-3xl);--radius-full:var(--radius-full);--shadow-card:var(--shadow-card);--shadow-card-lg:var(--shadow-card-lg);--shadow-cta:var(--shadow-cta);--shadow-popover:var(--shadow-popover);--shadow-dialog:var(--shadow-dialog);--shadow-circle:var(--shadow-circle);--text-xs:var(--text-xs);--text-sm:var(--text-sm);--text-base:var(--text-base);--text-lg:var(--text-lg);--text-xl:var(--text-xl);--font-sans:var(--font-sans);--font-display:var(--font-display);--font-content:var(--font-content);--font-mono:var(--font-mono)}html,body,#root{background:0 0;width:100%;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}button,input,textarea{font:inherit}.customer-agent-launcher-button{background-color:var(--customer-agent-launcher-bg-color,transparent);border-color:var(--customer-agent-launcher-border-color,transparent);border-radius:var(--customer-agent-launcher-border-radius,9999px);border-style:var(--customer-agent-launcher-border-style,solid);border-width:var(--customer-agent-launcher-border-width,0);box-shadow:var(--customer-agent-launcher-box-shadow,none);color:var(--customer-agent-launcher-color,var(--gray-1))}.customer-agent-launcher-button:hover{background-color:var(--customer-agent-launcher-hover-bg-color,var(--customer-agent-launcher-bg-color,transparent));border-color:var(--customer-agent-launcher-hover-border-color,var(--customer-agent-launcher-border-color,transparent));border-radius:var(--customer-agent-launcher-hover-border-radius,var(--customer-agent-launcher-border-radius,9999px));border-style:var(--customer-agent-launcher-hover-border-style,var(--customer-agent-launcher-border-style,solid));border-width:var(--customer-agent-launcher-hover-border-width,var(--customer-agent-launcher-border-width,0));box-shadow:var(--customer-agent-launcher-hover-box-shadow,var(--customer-agent-launcher-box-shadow,none));color:var(--customer-agent-launcher-hover-color,var(--customer-agent-launcher-color,var(--gray-1)))}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`,E=null,D=null;function O(){return E?Promise.resolve(E):(D??=import(`./panel-BEfk8hPY.js`).then(e=>(E=e.default,E)).catch(e=>{throw D=null,e}),D)}function k(e,t,n){let r=e.createElement(`style`);r.dataset.customerAgentStyle=t,r.textContent=n,e.head.appendChild(r)}function A(e,t,n){let r=e.contentDocument;if(!r)throw Error(`CustomerAgent could not initialize iframe document.`);r.documentElement.dir=t.locale.dir,r.documentElement.lang=t.locale.locale,r.head.replaceChildren(),k(r,`frame`,re),n===`panel`&&E&&k(r,`panel`,E);let i=r.createElement(`div`);return i.id=`root`,i.style.position=`relative`,i.style.width=`100%`,i.style.height=`100%`,r.body.replaceChildren(i),{mount:i,stylesReady:n!==`panel`||!!E}}function j(e,t){let n=e.contentDocument;!n||n.head.querySelector(`[data-customer-agent-style='panel']`)||k(n,`panel`,t)}function M({children:e,loadingFallback:t,state:n,stylesReady:r,surface:i,targetWindow:a,widgetId:o}){function s(e){a.parent.postMessage(g(o,i,e),`*`)}let c=!r&&t?t({dispatch:s,state:n}):e({dispatch:s,state:n});return i===`panel`?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(`div`,{className:`absolute top-[var(--messenger-header-padding-y)] right-[var(--messenger-header-padding-x)] z-[calc(var(--z-overlay)+1)] flex items-center gap-[var(--messenger-header-action-gap)]`,children:(0,w.jsx)(T,{closeLabel:n.locale.messages.close_chat,onClose:()=>s({open:!1,type:m.OPEN_CHANGE})})}),c]}):c}function N({children:e,loadingFallback:t,state:n,surface:r,title:i,widgetId:a}){let[o,s]=(0,p.useState)(null),[c,l]=(0,p.useState)(r!==`panel`),u=(0,p.useRef)(null),d=r===`panel`?`customer-agent-messenger-frame`:`customer-agent-launcher-frame`;return(0,p.useEffect)(()=>{if(r!==`panel`||!o)return;let e=!1;return O().then(t=>{e||(j(o,t),l(!0))}).catch(()=>{e||l(!0)}),()=>{e=!0}},[o,r]),(0,p.useEffect)(()=>{if(o?.contentWindow){if(u.current)o.contentDocument?.documentElement.setAttribute(`lang`,n.locale.locale),o.contentDocument?.documentElement.setAttribute(`dir`,n.locale.dir);else{let e=A(o,n,r);l(e.stylesReady),u.current=(0,C.createRoot)(e.mount)}u.current.render((0,p.createElement)(M,{children:e,loadingFallback:t,state:n,stylesReady:c,surface:r,targetWindow:o.contentWindow,widgetId:a}))}}),(0,p.useEffect)(()=>()=>{u.current?.unmount(),u.current=null},[]),(0,w.jsx)(`iframe`,{allow:`clipboard-write`,allowFullScreen:!0,className:`${d} customer-agent-frame customer-agent-with-namespace-${a}`,"data-customer-agent-frame":`true`,"data-customer-agent-surface":r,id:`customer-agent-widget-${a}-${r}`,ref:s,title:i})}function P(e){return e?.brand?.name??`Customer Agent`}function F(e,t){let n=e?.launcher?.style?.color,r={...t};return(typeof n==`number`||typeof n==`string`)&&(r.color=String(n)),Object.keys(r).length>0?r:void 0}function ie({bootOptions:e,isOpen:t,launcherVariableStyle:n,locale:i,onOpenChange:a,onPanelPreload:o}){let s=P(e),l=F(e,n),u=r(t?i.messages.launcher_close:i.messages.launcher_open,{title:s});return(0,w.jsxs)(`button`,{className:`customer-agent-launcher-button relative grid h-full w-full cursor-pointer place-items-center rounded-full border-0 bg-transparent text-[var(--gray-1)] outline-none focus-visible:shadow-[inset_0_0_0_2px_rgba(255,255,255,0.95)]`,"aria-label":u,title:u,"data-state":t?`open`:`closed`,style:l,onFocus:o,onClick:()=>a(!t),onPointerDown:o,onPointerEnter:o,children:[(0,w.jsx)(c,{className:f(`absolute h-6 w-6 transition-[rotate,scale] duration-150 ease-out`,t?`scale-0 rotate-90`:`scale-100 rotate-0`),"aria-hidden":`true`}),(0,w.jsx)(ne,{className:f(`absolute h-6 w-6 transition-[rotate,scale] duration-150 ease-out`,t?`scale-100 rotate-0`:`scale-0 -rotate-90`),"aria-hidden":`true`}),(0,w.jsx)(`span`,{className:`absolute h-px w-px overflow-hidden whitespace-nowrap [clip:rect(0,0,0,0)]`,children:u})]})}var ae=16,oe=20,I=Object.freeze({IDLE:`idle`,READY:`ready`,UNAVAILABLE:`unavailable`}),L=null,R=null;function se(){return R??=import(`./floating-ui.dom-Cs9alM6A.js`).then(e=>e.a).catch(e=>{throw R=null,e}),R}function z(){return L??=Promise.all([O(),import(`./Panel-DJKqAgzv.js`)]).then(([,e])=>e).catch(e=>{throw L=null,e}),L}function ce(){z()}async function B(){await Promise.all([O(),se()])}function V(e){return e.position===`bottom-left`?`top-start`:`top-end`}function le(e,t){return e.launcher?.placement??(t?`top`:V(e))}function H(e,t,n){let r=e.embedded?t.offsetParent:null,i=r instanceof HTMLElement?r.getBoundingClientRect():null;return{height:i?.height??n.height,width:i?.width??n.width}}function U(e){return Math.max(0,e)}function ue({isExpanded:e,options:t,panelElement:n,viewport:r}){let i=H(t,n,r);return e?{height:U(i.height-104),width:U(Math.min(716,i.width-40))}:{height:U(Math.min(704,i.height-104)),width:U(Math.min(460,i.width-40))}}function W(e){return{contextElement:e,getBoundingClientRect(){let t=e.getBoundingClientRect(),n=e.offsetWidth||t.width,r=e.offsetHeight||t.height,i=t.left+(t.width-n)/2,a=t.top+(t.height-r)/2;return{bottom:a+r,height:r,left:i,right:i+n,top:a,width:n,x:i,y:a}}}}var de=(0,p.lazy)(async()=>({default:(await z()).WidgetPanel})),G=.55,K={"bg-color":{cssProperty:`backgroundColor`,cssVariable:`--customer-agent-launcher-bg-color`},"border-color":{cssProperty:`borderColor`,cssVariable:`--customer-agent-launcher-border-color`},"border-radius":{cssProperty:`borderRadius`,cssVariable:`--customer-agent-launcher-border-radius`},"border-style":{cssProperty:`borderStyle`,cssVariable:`--customer-agent-launcher-border-style`},"border-width":{cssProperty:`borderWidth`,cssVariable:`--customer-agent-launcher-border-width`},"box-shadow":{cssProperty:`boxShadow`,cssVariable:`--customer-agent-launcher-box-shadow`},color:{cssProperty:`color`,cssVariable:`--customer-agent-launcher-color`},"hover-bg-color":{cssProperty:`backgroundColor`,cssVariable:`--customer-agent-launcher-hover-bg-color`},"hover-border-color":{cssProperty:`borderColor`,cssVariable:`--customer-agent-launcher-hover-border-color`},"hover-border-radius":{cssProperty:`borderRadius`,cssVariable:`--customer-agent-launcher-hover-border-radius`},"hover-border-style":{cssProperty:`borderStyle`,cssVariable:`--customer-agent-launcher-hover-border-style`},"hover-border-width":{cssProperty:`borderWidth`,cssVariable:`--customer-agent-launcher-hover-border-width`},"hover-box-shadow":{cssProperty:`boxShadow`,cssVariable:`--customer-agent-launcher-hover-box-shadow`},"hover-color":{cssProperty:`color`,cssVariable:`--customer-agent-launcher-hover-color`}};function fe({isExpanded:e,isOpen:t,options:n,resolvedLocale:i,viewport:a}){let o=n?.brand?.name??`Customer Agent`,s=r(i.messages.support_chat_label,{title:o}),c=!!n?.embedded,u=a.mode===`mobile`&&a.presentation===`fullscreen`&&!c?a.height:a.visualHeight,d={"--customer-agent-primary":n?.theme?.primaryColor??`var(--gray-12)`,"--customer-agent-visual-height":`${u}px`};return(0,w.jsx)(`section`,{className:`customer-agent-panel relative flex h-full w-full flex-col overflow-hidden rounded-[var(--messenger-radius)] bg-[var(--bg-canvas)] text-[var(--text-primary)] outline-none data-[viewport-mode=mobile]:h-[var(--customer-agent-visual-height)] data-[viewport-mode=mobile]:rounded-none`,"aria-hidden":!t,"aria-label":s,"data-expanded":e?`true`:`false`,"data-state":t?`open`:`closed`,"data-viewport-mode":a.mode,style:d,children:(0,w.jsx)(l,{label:`Loading conversations`})})}function q(e){return Object.entries(K).flatMap(([t,n])=>{let r=e?.[t];return typeof r!=`number`&&typeof r!=`string`?[]:[{definition:n,value:String(r)}]})}function pe(e,t=e.height){if(e.mode!==`mobile`)return 0;let n=Math.round(t*G);return Math.min(e.keyboardInset,n)}function J(e){return q(e).map(({definition:e,value:t})=>`${e.cssVariable}:${t}`).join(`;`)}function Y(e){return e?Object.entries(e).map(([e,t])=>`${e}:${String(t)}`).sort().join(`;`):``}function me(e){let t=document.createElement(`div`);return t.dataset.customerAgentLauncherVariableProbe=`true`,t.setAttribute(`aria-hidden`,`true`),t.style.position=`fixed`,t.style.left=`-9999px`,t.style.top=`0`,t.style.width=`1px`,t.style.height=`1px`,t.style.opacity=`0`,t.style.overflow=`hidden`,t.style.pointerEvents=`none`,e.appendChild(t),t}function X({launcherElement:e,variables:t}){let n=q(t);if(n.length===0)return;let r=me(e);for(let{definition:e,value:t}of n)r.style.setProperty(e.cssVariable,t);let i={};for(let{definition:e}of n){r.style[e.cssProperty]=`var(${e.cssVariable})`;let t=window.getComputedStyle(r),n=String(t[e.cssProperty]??``).trim();r.style[e.cssProperty]=``,n&&(i[e.cssVariable]=n)}return r.remove(),Object.keys(i).length>0?i:void 0}function he({launcherElement:e,variables:t}){let[n,r]=(0,p.useState)(),i=(0,p.useRef)(``),a=J(t);return(0,p.useLayoutEffect)(()=>{if(!e||!a){i.current=``,r(void 0);return}let n=e,o=null,s=!1;function c(){if(o=null,s||!n.isConnected)return;let e=X({launcherElement:n,variables:t}),a=Y(e);a!==i.current&&(i.current=a,r(e))}function l(){o===null&&(o=window.requestAnimationFrame(c))}c();let u=typeof MutationObserver>`u`?null:new MutationObserver(l);return u?.observe(document.documentElement,{attributes:!0}),document.body&&u?.observe(document.body,{attributes:!0}),document.head&&u?.observe(document.head,{childList:!0}),document.addEventListener(`load`,l,!0),()=>{s=!0,o!==null&&window.cancelAnimationFrame(o),u?.disconnect(),document.removeEventListener(`load`,l,!0)}},[e,a]),n}function Z({activeTarget:r,eventBus:i,hasPanel:a,hasCustomLauncher:o,isOpen:s,isViewportSettling:c=!1,memoryRoute:l,interviewRuntime:u,launcherTargetElement:d,onMemoryRouteChange:f,onOpenChange:h,options:g,resolvedLocale:v,runtimeState:ee,supportRuntime:y,viewport:b,widgetId:x}){let[S,ne]=(0,p.useState)(!1),C=(0,p.useRef)(!1),[T,re]=(0,p.useState)(0),[E,D]=(0,p.useState)(null),[O,k]=(0,p.useState)(null),[A,j]=(0,p.useState)({status:I.IDLE}),[M,P]=(0,p.useState)(null),F=(0,p.useRef)(null),L=(0,p.useRef)({height:b.height,width:b.width}),[R,z]=(0,p.useState)({hasRenderedOpen:s,isOpen:s}),B=(0,p.useRef)(null),V=R.hasRenderedOpen;if(R.isOpen!==s){let e={hasRenderedOpen:!1,isOpen:s};z(e),V=e.hasRenderedOpen}let H=g.brand?.name??`Customer Agent`,U=d??M,G=!!(U&&b.presentation===`desktop`),K=G?O?.isExpanded??!1:S,q=!!(U&&b.presentation===`fullscreen`),J=O?.anchor&&b.presentation===`desktop`?O.anchor:null,Y=q&&A.status===I.READY?A:null,me=!!J,X=!!Y||A.status===I.UNAVAILABLE,Z=G||q,ge=G?me:!q||X,_e=s&&Z&&!V,Q=(s&&G&&J&&!_e?T:null)??(s&&q&&X&&!_e?T:null),ve=s&&(!Z||ge&&Q!==null&&E===Q)?`open`:`closed`,ye=he({launcherElement:o?null:M,variables:g.launcher?.variables}),be=!g.embedded&&b.mode===`mobile`&&b.presentation===`fullscreen`;(!be||b.width!==L.current.width||b.height>L.current.height)&&(L.current={height:b.height,width:b.width});let $=be?L.current.height:b.height,xe=$===b.height?b:{...b,height:$},Se=(0,p.useCallback)(e=>{let r=F.current;r!==e&&(r&&n(r),F.current=e,P(e),e&&t(e))},[]),Ce=!g.embedded&&b.presentation===`fullscreen`?{"--customer-agent-host-fullscreen-bottom":`${pe(b,$)}px`,"--customer-agent-host-fullscreen-layout-height":`${$}px`}:null,we=G||Y||Ce?{...G?{"--customer-agent-anchor-panel-height":`${J?.panelHeight??0}px`,"--customer-agent-anchor-panel-left":`${J?.panelLeft??-9999}px`,"--customer-agent-anchor-panel-top":`${J?.panelTop??-9999}px`,"--customer-agent-anchor-panel-width":`${J?.panelWidth??0}px`}:null,...Y?{"--customer-agent-mobile-origin-height":`${Y.height}px`,"--customer-agent-mobile-origin-left":`${Y.left}px`,"--customer-agent-mobile-origin-top":`${Y.top}px`,"--customer-agent-mobile-origin-width":`${Y.width}px`}:null,...Ce}:void 0,Te={activeTarget:r,bootOptions:g,isExpanded:K,isOpen:s,locale:v,memoryRoute:l,runtimeState:ee,viewport:xe};return(0,p.useEffect)(()=>{function t(t){if(_(t.data)&&t.data.widgetId===x)if(t.data.action.type===m.OPEN_CHANGE)h(t.data.action.open);else if(t.data.action.type===m.EXPAND_CHANGE){let n=t.data.action.expanded;C.current!==n&&(C.current=n,i?.emit(n?e.WIDGET_EXPANDED:e.WIDGET_COLLAPSED)),ne(n)}else t.data.action.type===m.MEMORY_ROUTE_CHANGE&&f?.(t.data.action.route)}return window.addEventListener(`message`,t),()=>window.removeEventListener(`message`,t)},[i,f,h,x]),(0,p.useEffect)(()=>{if(!s||V)return;let e=window.requestAnimationFrame(()=>{z({hasRenderedOpen:!0,isOpen:!0}),re(e=>e+1)});return()=>window.cancelAnimationFrame(e)},[V,s]),(0,p.useEffect)(()=>{if(Q===null)return;let e=window.requestAnimationFrame(()=>{D(Q)});return()=>window.cancelAnimationFrame(e)},[Q]),(0,p.useLayoutEffect)(()=>{if(!U||b.presentation!==`fullscreen`){let e=window.requestAnimationFrame(()=>{j({status:I.IDLE})});return()=>window.cancelAnimationFrame(e)}let e=U,t=!1,n=null;function r(){if(t)return;if(!e.isConnected){j({status:I.UNAVAILABLE});return}let n=e.getBoundingClientRect();if(!Number.isFinite(n.left)||!Number.isFinite(n.top)||!Number.isFinite(n.width)||!Number.isFinite(n.height)||n.width<=0||n.height<=0){j({status:I.UNAVAILABLE});return}let r=B.current,i=g.embedded?r?.offsetParent:null,a=i instanceof HTMLElement?i.getBoundingClientRect():null;j({height:n.height,left:n.left-(a?.left??0),status:I.READY,top:n.top-(a?.top??0),width:n.width})}function i(){n!==null&&window.cancelAnimationFrame(n),n=window.requestAnimationFrame(()=>{n=null,r()})}r(),window.addEventListener(`resize`,i),window.addEventListener(`scroll`,i,!0);let a=typeof ResizeObserver>`u`?null:new ResizeObserver(i);return a?.observe(e),()=>{t=!0,n!==null&&window.cancelAnimationFrame(n),a?.disconnect(),window.removeEventListener(`resize`,i),window.removeEventListener(`scroll`,i,!0)}},[U,g.embedded,b.presentation]),(0,p.useLayoutEffect)(()=>{if(!U||!B.current||b.presentation!==`desktop`){k(null);return}let e=U,t,n=!1;async function r(){let{autoUpdate:r,computePosition:i,flip:a,offset:s,platform:c,shift:l}=await se();if(n||!B.current)return;let u=B.current,d=W(e),f=le(g,o),p=S,m=typeof g.launcher?.offset==`number`&&Number.isFinite(g.launcher.offset)?Math.max(0,g.launcher.offset):ae;async function h(){let e=ue({isExpanded:p,options:g,panelElement:u,viewport:b}),{x:t,y:r,placement:o}=await i(d,u,{middleware:[s(m),a({padding:oe}),l({padding:oe})],placement:f,platform:{...c,getDimensions(t){return t===u?e:c.getDimensions(t)}},strategy:`fixed`});if(n)return;let h=g.embedded?u.offsetParent:null,_=h instanceof HTMLElement?h.getBoundingClientRect():null,v=o.split(`-`)[0];k({anchor:{panelHeight:e.height,panelLeft:t-(_?.left??0),panelTop:r-(_?.top??0),panelWidth:e.width,placement:v},isExpanded:p})}t=r(d,u,()=>{h()})}return r(),()=>{n=!0,t?.()}},[o,U,g,g.embedded,g.launcher?.offset,g.launcher?.placement,g.position,S,b,b.presentation]),(0,w.jsxs)(p.Fragment,{children:[(0,w.jsx)(`style`,{"data-customer-agent":`styles`,children:te(x,g)}),(0,w.jsxs)(`div`,{"aria-live":`polite`,className:`customer-agent-app`,children:[(0,w.jsx)(`div`,{ref:B,className:`customer-agent-messenger-frame customer-agent-with-namespace-${x}`,"data-anchor-mode":G?`floating`:`default`,"data-anchor-placement":J?.placement,"data-mobile-origin":Y?`launcher`:void 0,"data-mobile-presentation":b.presentation,"data-viewport-settling":c?`true`:void 0,"data-customer-agent-surface-host":`panel`,"data-expanded":K?`true`:`false`,"data-state":ve,style:we,children:a?(0,w.jsx)(N,{loadingFallback:({state:e})=>(0,w.jsx)(fe,{isOpen:e.isOpen,isExpanded:e.isExpanded,options:e.bootOptions,resolvedLocale:e.locale,viewport:e.viewport}),state:Te,surface:`panel`,title:`${H} support chat`,widgetId:x,children:({dispatch:e,state:t})=>(0,w.jsx)(p.Suspense,{fallback:(0,w.jsx)(fe,{isOpen:t.isOpen,isExpanded:t.isExpanded,options:t.bootOptions,resolvedLocale:t.locale,viewport:t.viewport}),children:(0,w.jsx)(de,{bootOptions:t.bootOptions,memoryRoute:t.memoryRoute,activeTarget:t.activeTarget,eventBus:i,interviewRuntime:u,isOpen:t.isOpen,isExpanded:t.isExpanded,locale:t.locale,runtimeState:t.runtimeState,supportRuntime:y,viewport:t.viewport,onMemoryRouteChange:t=>e({route:t,type:m.MEMORY_ROUTE_CHANGE}),onExpandedChange:t=>e({expanded:t,type:m.EXPAND_CHANGE}),onOpenChange:t=>e({open:t,type:m.OPEN_CHANGE})})})}):null}),o?null:(0,w.jsx)(`div`,{ref:Se,className:`customer-agent-launcher-container customer-agent-with-namespace-${x}`,"data-mobile-presentation":b.presentation,"data-customer-agent-surface-host":`launcher`,"data-state":ve,style:g.launcher?.style,children:(0,w.jsx)(N,{state:Te,surface:`launcher`,title:`${H} chat launcher`,widgetId:x,children:({dispatch:e,state:t})=>(0,w.jsx)(ie,{bootOptions:t.bootOptions,isOpen:t.isOpen,launcherVariableStyle:ye,locale:t.locale,onPanelPreload:ce,onOpenChange:t=>e({open:t,type:m.OPEN_CHANGE})})})})]})]})}export{Z as WidgetApp,W as createStableLauncherReference,B as preloadWidgetPanelShell};
|
|
1
|
+
import{t as e}from"./constants-Do-S47mc.js";import{i as t,t as n}from"./launcherAnchorStore-JMTZZGKC.js";import{t as r}from"./i18n-Q8u2wtW4.js";import{r as i}from"../runtime.es.js";import{t as a}from"./react-CKmEJ8Ba.js";import{t as o}from"./client-duvjg9sB.js";import{t as s}from"./createLucideIcon-B1BLVEeA.js";import{n as c,t as l}from"./WidgetGlobalLoading-B_z-6_yk.js";import{t as u}from"./x-CcuT5rCV.js";import{t as d}from"./jsx-runtime-S2ZBQkZm.js";import{t as f}from"./classNames-3q0x02_x.js";var p=i(a(),1),m=Object.freeze({EXPAND_CHANGE:`expand-change`,MEMORY_ROUTE_CHANGE:`memory-route-change`,OPEN_CHANGE:`open-change`}),h=Object.freeze({ACTION:`customer-agent:frame-action`,STATE:`customer-agent:frame-state`});function g(e,t,n){return{action:n,surface:t,type:h.ACTION,widgetId:e}}function _(e){return typeof e==`object`&&!!e&&`type`in e&&e.type===h.ACTION}var v=`#customer-agent-widget{position:var(--customer-agent-host-container-position);inset:var(--customer-agent-host-container-inset);pointer-events:var(--customer-agent-host-container-pointer-events);z-index:var(--customer-agent-host-container-z-index)}#customer-agent-widget .customer-agent-app{position:var(--customer-agent-host-app-position);inset:var(--customer-agent-host-app-inset);pointer-events:none}#customer-agent-widget div.customer-agent-messenger-frame,:where(#customer-agent-widget .customer-agent-launcher-container){box-sizing:border-box;color-scheme:normal;background:0 0;border:0;margin:0;padding:0}#customer-agent-widget iframe.customer-agent-frame[data-customer-agent-surface]{border-radius:inherit;color-scheme:normal;visibility:visible;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel]{position:var(--customer-agent-host-frame-position);left:var(--customer-agent-host-panel-left);right:var(--customer-agent-host-panel-right);bottom:var(--customer-agent-host-panel-bottom);background:var(--customer-agent-host-panel-bg);border:1px solid var(--customer-agent-host-panel-border);border-radius:var(--customer-agent-host-panel-radius);width:0;height:0;box-shadow:var(--customer-agent-host-panel-shadow);opacity:0;pointer-events:none;transform:var(--customer-agent-host-panel-closed-transform);transform-origin:var(--customer-agent-host-panel-transform-origin);visibility:hidden;z-index:2147483646;transition:width .22s,height .22s,left .22s,right .22s,top .22s,bottom .22s,border-radius .22s,opacity .16s,transform .22s,visibility .16s;overflow:hidden}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-anchor-mode=floating]{left:var(--customer-agent-anchor-panel-left);right:auto;top:var(--customer-agent-anchor-panel-top);width:var(--customer-agent-anchor-panel-width,var(--customer-agent-host-panel-size-width));height:var(--customer-agent-anchor-panel-height,var(--customer-agent-host-panel-size-height));transform-origin:top;bottom:auto;transform:translateY(16px)scale(.96)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-anchor-mode=floating][data-anchor-placement=top]{transform-origin:bottom;transform:translateY(-16px)scale(.96)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-anchor-mode=floating][data-anchor-placement=left]{transform-origin:100%;transform:translate(-16px)scale(.96)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-anchor-mode=floating][data-anchor-placement=right]{transform-origin:0;transform:translate(16px)scale(.96)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-state=open]{width:var(--customer-agent-anchor-panel-width,var(--customer-agent-host-panel-size-width));height:var(--customer-agent-anchor-panel-height,var(--customer-agent-host-panel-size-height));opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-anchor-mode=floating][data-state=open]{transform:translate(0)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-state=open][data-expanded=true]{width:var(--customer-agent-anchor-panel-width,var(--customer-agent-host-panel-expanded-size-width));height:var(--customer-agent-anchor-panel-height,var(--customer-agent-host-panel-expanded-size-height-legacy));height:var(--customer-agent-anchor-panel-height,var(--customer-agent-host-panel-expanded-size-height))}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen]{border:0}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen][data-state=open]{top:auto;left:0;right:0;bottom:var(--customer-agent-host-fullscreen-bottom,0px);width:var(--customer-agent-host-fullscreen-width);max-width:100%;height:var(--customer-agent-host-fullscreen-layout-height,var(--customer-agent-host-fullscreen-height-legacy));max-height:var(--customer-agent-host-fullscreen-layout-height,var(--customer-agent-host-fullscreen-max-height-legacy));z-index:2147483647;border-radius:0;transform:translate(0)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen][data-state=open][data-viewport-settling=true]{transition:bottom .22s,opacity .16s,visibility .16s}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen][data-mobile-origin=launcher]:not([data-state=open]){left:var(--customer-agent-mobile-origin-left);right:auto;top:var(--customer-agent-mobile-origin-top);width:var(--customer-agent-mobile-origin-width);height:var(--customer-agent-mobile-origin-height);transform-origin:50%;border-radius:0;bottom:auto;transform:translate(0)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=bottom-sheet]{left:var(--customer-agent-host-bottom-sheet-left);right:var(--customer-agent-host-bottom-sheet-right);border:0;border-radius:14px 14px 0 0;bottom:0;transform:translateY(32px)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=bottom-sheet][data-state=open]{width:var(--customer-agent-host-bottom-sheet-width);z-index:2147483647;max-width:100%;height:min(640px,100dvh - 72px);max-height:calc(100dvh - 72px);transform:translate(0)scale(1)}:where(#customer-agent-widget .customer-agent-launcher-container){position:var(--customer-agent-host-frame-position);left:var(--customer-agent-host-launcher-left);right:var(--customer-agent-host-launcher-right);bottom:var(--customer-agent-host-launcher-bottom);width:var(--customer-agent-host-launcher-size);height:var(--customer-agent-host-launcher-size);background:var(--customer-agent-host-launcher-bg);box-shadow:var(--customer-agent-host-launcher-shadow);pointer-events:auto;z-index:2147483647;border-radius:9999px;transition:box-shadow .15s,transform .15s;animation:.18s ease-out both customer-agent-launcher-enter;overflow:visible}:where(#customer-agent-widget .customer-agent-launcher-container:hover){box-shadow:var(--customer-agent-host-launcher-shadow);transform:scale(1.1)}:where(#customer-agent-widget .customer-agent-launcher-container:active){transform:scale(.9)}:where(#customer-agent-widget .customer-agent-launcher-container[data-state=open]){box-shadow:var(--customer-agent-host-launcher-shadow)}:where(#customer-agent-widget .customer-agent-launcher-container[data-mobile-presentation=fullscreen][data-state=open]){z-index:2147483646}:where(#customer-agent-widget .customer-agent-launcher-container[data-mobile-presentation=bottom-sheet][data-state=open]){opacity:0;pointer-events:none;visibility:hidden;display:none;transform:scale(.88)}@keyframes customer-agent-launcher-enter{0%{opacity:0}to{opacity:1}}@media (width<=640px){#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel]{border:0}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-state=open]{width:var(--customer-agent-host-fullscreen-width);max-width:100%;height:var(--customer-agent-host-fullscreen-layout-height,var(--customer-agent-host-fullscreen-height-legacy));max-height:var(--customer-agent-host-fullscreen-layout-height,var(--customer-agent-host-fullscreen-max-height-legacy));transform:translate(0)scale(1)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=bottom-sheet][data-state=open]{height:min(640px,100dvh - 72px)}:where(#customer-agent-widget .customer-agent-launcher-container),#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen]:not([data-mobile-origin=launcher]){left:var(--customer-agent-host-mobile-inline-left);right:var(--customer-agent-host-mobile-inline-right);bottom:var(--customer-agent-host-mobile-bottom)}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen][data-mobile-origin=launcher]:not([data-state=open]){left:var(--customer-agent-mobile-origin-left);right:auto;top:var(--customer-agent-mobile-origin-top);bottom:auto}#customer-agent-widget div.customer-agent-messenger-frame[data-customer-agent-surface-host=panel][data-mobile-presentation=fullscreen][data-state=open]{top:auto;left:0;right:0;bottom:var(--customer-agent-host-fullscreen-bottom,0px)}}`,ee=16,y=20,b=48;function x(e){return e.position===`bottom-left`?`translate(-16px, 24px) scale(0.96)`:`translate(16px, 24px) scale(0.96)`}function S(e){let t=e.position===`bottom-left`,n=e.position===`bottom-left`?`left bottom`:`right bottom`,r=x(e),i=e.embedded?`absolute`:`fixed`,a=t?`${y}px`:`auto`,o=t?`auto`:`${y}px`,s=t?`max(${y}px, env(safe-area-inset-left))`:`auto`,c=t?`auto`:`max(${y}px, env(safe-area-inset-right))`,l=e.embedded?`min(var(--customer-agent-host-panel-width), calc(100% - var(--customer-agent-host-panel-safe-margin) - var(--customer-agent-host-panel-safe-margin)))`:`min(var(--customer-agent-host-panel-width), calc(100vw - var(--customer-agent-host-panel-safe-margin) - var(--customer-agent-host-panel-safe-margin)))`,u=e.embedded?`min(var(--customer-agent-host-panel-max-height), calc(100% - var(--customer-agent-host-panel-expanded-height-offset)))`:`min(var(--customer-agent-host-panel-max-height), calc(100vh - var(--customer-agent-host-panel-expanded-height-offset)))`,d=e.embedded?`min(var(--customer-agent-host-panel-expanded-width), calc(100% - var(--customer-agent-host-panel-safe-margin) - var(--customer-agent-host-panel-safe-margin)))`:`min(var(--customer-agent-host-panel-expanded-width), calc(100dvw - var(--customer-agent-host-panel-safe-margin) - var(--customer-agent-host-panel-safe-margin)))`,f=e.embedded?`calc(100% - var(--customer-agent-host-panel-expanded-height-offset))`:`calc(100dvh - var(--customer-agent-host-panel-expanded-height-offset))`,p=e.embedded?`100%`:`100vh`,m=e.embedded?`100%`:`100dvh`;return`#customer-agent-widget{${[`--customer-agent-host-container-position: ${e.embedded?`absolute`:`static`};`,`--customer-agent-host-container-inset: ${e.embedded?`0`:`auto`};`,`--customer-agent-host-container-pointer-events: ${e.embedded?`none`:`auto`};`,`--customer-agent-host-container-z-index: ${e.embedded?`10`:`auto`};`,`--customer-agent-host-app-position: ${e.embedded?`absolute`:`static`};`,`--customer-agent-host-app-inset: ${e.embedded?`0`:`auto`};`,`--customer-agent-host-frame-position: ${i};`,`--customer-agent-host-panel-left: ${a};`,`--customer-agent-host-panel-right: ${o};`,`--customer-agent-host-panel-bottom: ${y+b+ee}px;`,`--customer-agent-host-panel-width: 460px;`,`--customer-agent-host-panel-expanded-width: 716px;`,`--customer-agent-host-panel-expanded-height-offset: 104px;`,`--customer-agent-host-panel-max-height: 704px;`,`--customer-agent-host-panel-safe-margin: 20px;`,`--customer-agent-host-panel-size-width: ${l};`,`--customer-agent-host-panel-size-height: ${u};`,`--customer-agent-host-panel-expanded-size-width: ${d};`,`--customer-agent-host-panel-expanded-size-height-legacy: ${e.embedded?f:`calc(100vh - var(--customer-agent-host-panel-expanded-height-offset))`};`,`--customer-agent-host-panel-expanded-size-height: ${f};`,`--customer-agent-host-panel-bg: #ffffff;`,`--customer-agent-host-panel-border: #e5e5e5;`,`--customer-agent-host-panel-radius: 24px;`,`--customer-agent-host-panel-shadow: 0 1px 6px rgba(9, 14, 21, 0.06), 0 2px 32px rgba(9, 14, 21, 0.16);`,`--customer-agent-host-panel-closed-transform: ${r};`,`--customer-agent-host-panel-transform-origin: ${n};`,`--customer-agent-host-fullscreen-width: 100%;`,`--customer-agent-host-fullscreen-height-legacy: ${p};`,`--customer-agent-host-fullscreen-height: ${m};`,`--customer-agent-host-fullscreen-max-height-legacy: ${p};`,`--customer-agent-host-fullscreen-max-height: ${m};`,`--customer-agent-host-bottom-sheet-left: ${t?`0`:`auto`};`,`--customer-agent-host-bottom-sheet-right: ${t?`auto`:`0`};`,`--customer-agent-host-bottom-sheet-width: 100%;`,`--customer-agent-host-launcher-left: ${a};`,`--customer-agent-host-launcher-right: ${o};`,`--customer-agent-host-launcher-bottom: ${y}px;`,`--customer-agent-host-launcher-size: ${b}px;`,`--customer-agent-host-launcher-bg: #14161a;`,`--customer-agent-host-launcher-shadow: 0 4px 12px rgba(9, 14, 21, 0.1);`,`--customer-agent-host-mobile-inline-left: ${s};`,`--customer-agent-host-mobile-inline-right: ${c};`,`--customer-agent-host-mobile-bottom: max(${y}px, env(safe-area-inset-bottom));`].join(` `)}}`}function te(e,t){return`${v}\n${S(t)}`.trim()}var ne=s(`chevron-down`,[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]]),C=o(),w=d();function T({closeLabel:e,onClose:t}){return(0,w.jsx)(`button`,{className:`relative z-[calc(var(--z-overlay)+1)] grid h-[var(--messenger-header-button-size)] w-[var(--messenger-header-button-size)] cursor-pointer place-items-center rounded-[var(--messenger-header-button-radius)] border-0 bg-transparent text-text-quaternary transition-colors hover:bg-gray-3 hover:text-text-primary focus-visible:outline-none focus-visible:shadow-none`,"aria-label":e,"data-customer-agent-panel-close":``,"data-overlay-exempt":`true`,title:e,type:`button`,onClick:t,children:(0,w.jsx)(u,{size:16})})}var re=`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-\\[calc\\(100\\%\\+0\\.5rem\\)\\]{top:calc(100% + .5rem)}.top-\\[var\\(--messenger-header-padding-y\\)\\]{top:var(--messenger-header-padding-y)}.right-\\[var\\(--messenger-header-button-size\\)\\]{right:var(--messenger-header-button-size)}.right-\\[var\\(--messenger-header-padding-x\\)\\]{right:var(--messenger-header-padding-x)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-\\[1\\]{z-index:1}.z-\\[4\\]{z-index:4}.z-\\[calc\\(var\\(--z-overlay\\)\\+1\\)\\]{z-index:calc(var(--z-overlay) + 1)}.z-\\[var\\(--z-composer\\)\\]{z-index:var(--z-composer)}.z-\\[var\\(--z-dropdown\\)\\]{z-index:var(--z-dropdown)}.z-\\[var\\(--z-overlay\\)\\]{z-index:var(--z-overlay)}.container{width:100%}.mx-auto{margin-inline:auto}.-mt-\\[var\\(--messenger-radius\\)\\]{margin-top:calc(var(--messenger-radius) * -1)}.mt-\\[var\\(--messenger-composer-actions-margin-top\\)\\]{margin-top:var(--messenger-composer-actions-margin-top)}.mt-\\[var\\(--messenger-conversation-part-group-gap\\)\\]{margin-top:var(--messenger-conversation-part-group-gap)}.mt-\\[var\\(--messenger-conversation-part-stack-gap\\)\\]{margin-top:var(--messenger-conversation-part-stack-gap)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-\\[18px\\]{height:18px}.h-\\[var\\(--messenger-composer-actions-height\\)\\]{height:var(--messenger-composer-actions-height)}.h-\\[var\\(--messenger-header-avatar-size\\)\\]{height:var(--messenger-header-avatar-size)}.h-\\[var\\(--messenger-header-button-size\\)\\]{height:var(--messenger-header-button-size)}.h-full{height:100%}.h-px{height:1px}.min-h-\\[304px\\]{min-height:304px}.min-h-\\[var\\(--messenger-composer-actions-height\\)\\]{min-height:var(--messenger-composer-actions-height)}.min-h-\\[var\\(--messenger-composer-height\\)\\]{min-height:var(--messenger-composer-height)}.min-h-full{min-height:100%}.w-\\[18px\\]{width:18px}.w-\\[280px\\]{width:280px}.w-\\[min\\(360px\\,100\\%\\)\\]{width:min(360px,100%)}.w-\\[min\\(360px\\,calc\\(100vw-2\\.5rem\\)\\)\\]{width:min(360px,100vw - 2.5rem)}.w-\\[var\\(--messenger-header-avatar-size\\)\\]{width:var(--messenger-header-avatar-size)}.w-\\[var\\(--messenger-header-button-size\\)\\]{width:var(--messenger-header-button-size)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\\[min\\(100\\%\\,var\\(--messenger-conversation-part-max-width\\)\\)\\]{max-width:min(100%, var(--messenger-conversation-part-max-width))}.max-w-\\[var\\(--messenger-conversation-part-max-width\\)\\]{max-width:var(--messenger-conversation-part-max-width)}.max-w-full{max-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-separate{border-collapse:separate}.origin-\\[var\\(--radix-popover-content-transform-origin\\)\\]{transform-origin:var(--radix-popover-content-transform-origin)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-0{rotate:0deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\\[customer-agent-chat-route-in_var\\(--duration-fast\\)_var\\(--ease-emphasis\\)_both\\]{animation:customer-agent-chat-route-in var(--duration-fast) var(--ease-emphasis) both}.animate-\\[customer-agent-entry-in_180ms_ease-out\\]{animation:.18s ease-out customer-agent-entry-in}.animate-\\[customer-agent-invite-mask-in_140ms_ease-out_both\\]{animation:.14s ease-out both customer-agent-invite-mask-in}.animate-\\[customer-agent-mobile-dock-in_180ms_var\\(--ease-emphasis\\)_both\\]{animation:customer-agent-mobile-dock-in .18s var(--ease-emphasis) both}.animate-\\[customer-agent-typing-dot-bounce_1\\.05s_ease-in-out_infinite\\]{animation:1.05s ease-in-out infinite customer-agent-typing-dot-bounce}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-\\[32px_minmax\\(0\\,1fr\\)\\]{grid-template-columns:32px minmax(0,1fr)}.grid-cols-\\[36px_minmax\\(0\\,1fr\\)\\]{grid-template-columns:36px minmax(0,1fr)}.grid-cols-\\[auto_1fr_auto\\]{grid-template-columns:auto 1fr auto}.grid-cols-\\[auto_auto_1fr_auto\\]{grid-template-columns:auto auto 1fr auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\\[var\\(--messenger-composer-actions-gap\\)\\]{gap:var(--messenger-composer-actions-gap)}.gap-\\[var\\(--messenger-header-action-gap\\)\\]{gap:var(--messenger-header-action-gap)}.gap-\\[var\\(--messenger-header-gap\\)\\]{gap:var(--messenger-header-gap)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[var\\(--messenger-header-button-radius\\)\\]{border-radius:var(--messenger-header-button-radius)}.rounded-\\[var\\(--messenger-radius\\)\\]{border-radius:var(--messenger-radius)}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-messenger{border-radius:var(--messenger-radius)}.rounded-messenger-composer{border-radius:var(--messenger-composer-radius)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-\\[28px\\]{border-top-left-radius:28px;border-bottom-left-radius:28px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-\\[var\\(--gray-4\\)\\]{border-color:var(--gray-4)}.border-border-default{border-color:var(--border-default)}.border-border-divider{border-color:var(--border-divider)}.border-gray-1\\/70{border-color:var(--gray-1)}@supports (color:color-mix(in lab, red, red)){.border-gray-1\\/70{border-color:color-mix(in oklab, var(--gray-1) 70%, transparent)}}.border-gray-12{border-color:var(--gray-12)}.border-transparent{border-color:#0000}.border-t-\\[var\\(--customer-agent-primary\\)\\]{border-top-color:var(--customer-agent-primary)}.bg-\\[var\\(--bg-canvas\\)\\]{background-color:var(--bg-canvas)}.bg-\\[var\\(--customer-agent-primary\\)\\]{background-color:var(--customer-agent-primary)}.bg-bg-canvas{background-color:var(--bg-canvas)}.bg-bg-elevated{background-color:var(--bg-elevated)}.bg-current{background-color:currentColor}.bg-gray-1\\/15{background-color:var(--gray-1)}@supports (color:color-mix(in lab, red, red)){.bg-gray-1\\/15{background-color:color-mix(in oklab, var(--gray-1) 15%, transparent)}}.bg-gray-1\\/20{background-color:var(--gray-1)}@supports (color:color-mix(in lab, red, red)){.bg-gray-1\\/20{background-color:color-mix(in oklab, var(--gray-1) 20%, transparent)}}.bg-gray-3{background-color:var(--gray-3)}.bg-gray-4{background-color:var(--gray-4)}.bg-gray-12,.bg-gray-12\\/35{background-color:var(--gray-12)}@supports (color:color-mix(in lab, red, red)){.bg-gray-12\\/35{background-color:color-mix(in oklab, var(--gray-12) 35%, transparent)}}.bg-transparent{background-color:#0000}.fill-bg-elevated{fill:var(--bg-elevated)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\\[padding\\:var\\(--messenger-composer-actions-padding-top\\)_var\\(--messenger-composer-actions-padding-right\\)_var\\(--messenger-composer-actions-padding-bottom\\)_var\\(--messenger-composer-actions-padding-left\\)\\]{padding:var(--messenger-composer-actions-padding-top) var(--messenger-composer-actions-padding-right) var(--messenger-composer-actions-padding-bottom) var(--messenger-composer-actions-padding-left)}.\\[padding\\:var\\(--messenger-composer-attachments-padding-top\\)_var\\(--messenger-composer-attachments-padding-right\\)_var\\(--messenger-composer-attachments-padding-bottom\\)_var\\(--messenger-composer-attachments-padding-left\\)\\]{padding:var(--messenger-composer-attachments-padding-top) var(--messenger-composer-attachments-padding-right) var(--messenger-composer-attachments-padding-bottom) var(--messenger-composer-attachments-padding-left)}.\\[padding\\:var\\(--messenger-composer-input-padding-top\\)_var\\(--messenger-composer-input-padding-right\\)_var\\(--messenger-composer-input-padding-bottom\\)_var\\(--messenger-composer-input-padding-left\\)\\]{padding:var(--messenger-composer-input-padding-top) var(--messenger-composer-input-padding-right) var(--messenger-composer-input-padding-bottom) var(--messenger-composer-input-padding-left)}.px-\\[var\\(--messenger-conversation-horizontal-padding\\)\\]{padding-inline:var(--messenger-conversation-horizontal-padding)}.px-\\[var\\(--messenger-conversation-part-padding-x\\)\\]{padding-inline:var(--messenger-conversation-part-padding-x)}.px-\\[var\\(--messenger-header-padding-x\\)\\]{padding-inline:var(--messenger-header-padding-x)}.py-\\[var\\(--messenger-conversation-part-padding-y\\)\\]{padding-block:var(--messenger-conversation-part-padding-y)}.py-\\[var\\(--messenger-header-padding-y\\)\\]{padding-block:var(--messenger-header-padding-y)}.pr-\\[var\\(--messenger-header-button-size\\)\\]{padding-right:var(--messenger-header-button-size)}.pb-\\[max\\(1rem\\,calc\\(1rem\\+var\\(--customer-agent-bottom-inset\\)\\)\\)\\]{padding-bottom:max(1rem, calc(1rem + var(--customer-agent-bottom-inset)))}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base-line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm-line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs-line-height))}.text-\\[0\\.9em\\]{font-size:.9em}.text-\\[length\\:var\\(--messenger-composer-text-size\\)\\]{font-size:var(--messenger-composer-text-size)}.text-\\[length\\:var\\(--messenger-header-subtitle-size\\)\\]{font-size:var(--messenger-header-subtitle-size)}.text-\\[length\\:var\\(--messenger-header-title-size\\)\\]{font-size:var(--messenger-header-title-size)}.leading-\\[var\\(--messenger-composer-text-line-height\\)\\]{--tw-leading:var(--messenger-composer-text-line-height);line-height:var(--messenger-composer-text-line-height)}.leading-\\[var\\(--messenger-header-subtitle-line-height\\)\\]{--tw-leading:var(--messenger-header-subtitle-line-height);line-height:var(--messenger-header-subtitle-line-height)}.leading-\\[var\\(--messenger-header-title-line-height\\)\\]{--tw-leading:var(--messenger-header-title-line-height);line-height:var(--messenger-header-title-line-height)}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[var\\(--customer-agent-primary\\,var\\(--gray-12\\)\\)\\]{color:var(--customer-agent-primary,var(--gray-12))}.text-\\[var\\(--customer-agent-primary\\,var\\(--text-quaternary\\)\\)\\]{color:var(--customer-agent-primary,var(--text-quaternary))}.text-\\[var\\(--gray-1\\)\\]{color:var(--gray-1)}.text-\\[var\\(--text-primary\\)\\]{color:var(--text-primary)}.text-gray-1,.text-gray-1\\/70{color:var(--gray-1)}@supports (color:color-mix(in lab, red, red)){.text-gray-1\\/70{color:color-mix(in oklab, var(--gray-1) 70%, transparent)}}.text-inherit{color:inherit}.text-text-primary{color:var(--text-primary)}.text-text-quaternary{color:var(--text-quaternary)}.text-text-secondary{color:var(--text-secondary)}.text-text-tertiary{color:var(--text-tertiary)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-\\[-6px_0_18px_rgba\\(9\\,14\\,21\\,0\\.035\\)\\]{--tw-shadow:-6px 0 18px var(--tw-shadow-color,#090e1509);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_0_0_1px_var\\(--border-default\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--border-default));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(9\\,14\\,21\\,0\\.08\\)\\,0_3px_10px_rgba\\(9\\,14\\,21\\,0\\.09\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#090e1514), 0 3px 10px var(--tw-shadow-color,#090e1517);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-card{--tw-shadow:var(--shadow-card);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-circle{--tw-shadow:var(--shadow-circle);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-popover{--tw-shadow:var(--shadow-popover);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-bg-canvas{--tw-ring-color:var(--bg-canvas)}.\\[outline\\:0_solid_var\\(--border-strong\\)\\]{outline:0 solid var(--border-strong)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\\[background-color\\,box-shadow\\,color\\]{transition-property:background-color,box-shadow,color;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\\[border-color\\,outline-width\\]{transition-property:border-color,outline-width;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\\[max-height\\,opacity\\,transform\\,margin\\]{transition-property:max-height,opacity,transform,margin;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\\[rotate\\,scale\\]{transition-property:rotate,scale;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-\\[var\\(--ease-standard\\)\\]{--tw-ease:var(--ease-standard);transition-timing-function:var(--ease-standard)}.will-change-\\[opacity\\,transform\\]{will-change:opacity,transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[animation-delay\\:140ms\\]{animation-delay:.14s}.\\[animation-delay\\:280ms\\]{animation-delay:.28s}.\\[clip\\:rect\\(0\\,0\\,0\\,0\\)\\]{clip:rect(0,0,0,0)}.placeholder\\:text-text-placeholder::placeholder{color:var(--text-placeholder)}.first\\:rounded-tl-lg:first-child{border-top-left-radius:var(--radius-lg)}.last\\:rounded-tr-lg:last-child{border-top-right-radius:var(--radius-lg)}.focus-within\\:border-border-strong:focus-within{border-color:var(--border-strong)}.focus-within\\:\\[outline-width\\:var\\(--messenger-composer-focus-outline-width\\)\\]:focus-within{outline-width:var(--messenger-composer-focus-outline-width)}.focus-within\\:\\[outline-color\\:var\\(--customer-agent-primary\\,var\\(--primary\\)\\)\\]:focus-within{outline-color:var(--customer-agent-primary,var(--primary))}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-border-strong:hover{border-color:var(--border-strong)}.hover\\:bg-bg-canvas:hover{background-color:var(--bg-canvas)}.hover\\:bg-gray-1\\/20:hover{background-color:var(--gray-1)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-gray-1\\/20:hover{background-color:color-mix(in oklab, var(--gray-1) 20%, transparent)}}.hover\\:bg-gray-2:hover{background-color:var(--gray-2)}.hover\\:bg-gray-3:hover{background-color:var(--gray-3)}.hover\\:bg-gray-4:hover{background-color:var(--gray-4)}.hover\\:bg-gray-10:hover{background-color:var(--gray-10)}.hover\\:text-text-primary:hover{color:var(--text-primary)}.hover\\:text-text-secondary:hover{color:var(--text-secondary)}.hover\\:shadow-\\[0_1px_2px_rgba\\(9\\,14\\,21\\,0\\.06\\)\\,0_2px_8px_rgba\\(9\\,14\\,21\\,0\\.08\\)\\]:hover{--tw-shadow:0 1px 2px var(--tw-shadow-color,#090e150f), 0 2px 8px var(--tw-shadow-color,#090e1514);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\\:shadow-\\[inset_0_0_0_2px_rgba\\(255\\,255\\,255\\,0\\.95\\)\\]:focus-visible{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,#fffffff2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:shadow-\\[var\\(--shadow-circle\\)\\,var\\(--shadow-focus\\)\\]:focus-visible{--tw-shadow:var(--shadow-circle), var(--shadow-focus);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:shadow-\\[var\\(--shadow-focus\\)\\]:focus-visible{--tw-shadow:var(--shadow-focus);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:shadow-none:focus-visible{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:bg-gray-12:active{background-color:var(--gray-12)}.enabled\\:cursor-pointer:enabled{cursor:pointer}.enabled\\:bg-\\[var\\(--customer-agent-primary\\,var\\(--gray-12\\)\\)\\]:enabled{background-color:var(--customer-agent-primary,var(--gray-12))}.enabled\\:text-gray-1:enabled{color:var(--gray-1)}@media (hover:hover){.enabled\\:hover\\:bg-gray-12:enabled:hover{background-color:var(--gray-12)}}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-gray-3:disabled{background-color:var(--gray-3)}.disabled\\:text-gray-7:disabled{color:var(--gray-7)}.disabled\\:opacity-40:disabled{opacity:.4}.data-\\[active\\=true\\]\\:border-border-strong[data-active=true]{border-color:var(--border-strong)}.data-\\[active\\=true\\]\\:\\[outline-width\\:var\\(--messenger-composer-focus-outline-width\\)\\][data-active=true]{outline-width:var(--messenger-composer-focus-outline-width)}.data-\\[active\\=true\\]\\:\\[outline-color\\:var\\(--customer-agent-primary\\,var\\(--primary\\)\\)\\][data-active=true]{outline-color:var(--customer-agent-primary,var(--primary))}.data-\\[expanded\\=true\\]\\:\\[--messenger-conversation-part-max-width\\:520px\\][data-expanded=true]{--messenger-conversation-part-max-width:520px}.data-\\[state\\=open\\]\\:animate-\\[customer-agent-invite-popover-in_180ms_var\\(--ease-emphasis\\)_both\\][data-state=open]{animation:customer-agent-invite-popover-in .18s var(--ease-emphasis) both}.data-\\[state\\=open\\]\\:animate-\\[customer-agent-mobile-dock-in_180ms_var\\(--ease-emphasis\\)_both\\][data-state=open]{animation:customer-agent-mobile-dock-in .18s var(--ease-emphasis) both}.data-\\[state\\=open\\]\\:animate-\\[customer-agent-mobile-dock-overlay-in_160ms_ease-out_both\\][data-state=open]{animation:.16s ease-out both customer-agent-mobile-dock-overlay-in}.data-\\[state\\=open\\]\\:bg-gray-3[data-state=open]{background-color:var(--gray-3)}.data-\\[state\\=open\\]\\:text-\\[var\\(--customer-agent-primary\\,var\\(--gray-12\\)\\)\\][data-state=open]{color:var(--customer-agent-primary,var(--gray-12))}.data-\\[state\\=open\\]\\:text-text-primary[data-state=open]{color:var(--text-primary)}.data-\\[viewport-mode\\=mobile\\]\\:h-\\[var\\(--customer-agent-visual-height\\)\\][data-viewport-mode=mobile]{height:var(--customer-agent-visual-height)}.data-\\[viewport-mode\\=mobile\\]\\:rounded-none[data-viewport-mode=mobile]{border-radius:0}.data-\\[viewport-mode\\=mobile\\]\\:border-l-0[data-viewport-mode=mobile]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\\[viewport-mode\\=mobile\\]\\:shadow-none[data-viewport-mode=mobile]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}.motion-reduce\\:will-change-auto{will-change:auto}}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[\\&\\:placeholder-shown\\]\\:\\!\\[height\\:calc\\(var\\(--messenger-composer-text-line-height\\)\\+var\\(--messenger-composer-input-padding-top\\)\\+var\\(--messenger-composer-input-padding-bottom\\)\\)\\]:placeholder-shown{height:calc(var(--messenger-composer-text-line-height) + var(--messenger-composer-input-padding-top) + var(--messenger-composer-input-padding-bottom))!important}.\\[\\&\\>\\[data-radix-scroll-area-content\\]\\]\\:flex>[data-radix-scroll-area-content]{display:flex}.\\[\\&\\>\\[data-radix-scroll-area-content\\]\\]\\:min-h-full>[data-radix-scroll-area-content]{min-height:100%}.\\[\\&\\>\\[data-radix-scroll-area-content\\]\\]\\:flex-col>[data-radix-scroll-area-content]{flex-direction:column}.\\[\\&\\>\\[data-radix-scroll-area-content\\]\\]\\:self-stretch>[data-radix-scroll-area-content]{align-self:stretch}.\\[\\&\\>\\[data-radix-scroll-area-content\\]\\]\\:bg-inherit>[data-radix-scroll-area-content]{background-color:inherit}.\\[\\&\\>div\\]\\:flex>div{display:flex}.\\[\\&\\>div\\]\\:min-h-full>div{min-height:100%}.\\[\\&\\>div\\]\\:flex-col>div{flex-direction:column}.\\[\\&\\>div\\]\\:self-stretch>div{align-self:stretch}.\\[\\&\\>div\\]\\:bg-inherit>div{background-color:inherit}:root{--brand-50:#f0eefe;--brand-100:#dcd8fd;--brand-200:#bdb5fb;--brand-300:#9388f8;--brand-400:#6457f4;--brand-500:#3a2bf0;--brand-600:#1f11ed;--brand-700:#1a0dc4;--brand-800:#170b99;--brand-900:#120873;--brand-950:#0b044a;--brand-a-04:#1f11ed0a;--brand-a-06:#1f11ed0f;--brand-a-08:#1f11ed14;--brand-a-12:#1f11ed1f;--brand-a-20:#1f11ed33;--brand-a-32:#1f11ed52;--brand-a-48:#1f11ed7a;--gray-1:#fff;--gray-2:#fafafa;--gray-3:#f7f7f7;--gray-4:#f5f5f5;--gray-5:#ededed;--gray-6:#e5e5e5;--gray-7:#d6d6d6;--gray-8:#a0a2a6;--gray-9:#6c6f74;--gray-10:#4e5155;--gray-11:#14161a;--gray-12:#090e15;--text-placeholder:#6c6f74;--text-muted-warm:#6c6f74;--bg-app:#f5f5f5;--bg-app-2:#fafafa;--bg-canvas:#fff;--bg-surface:#f5f5f5;--bg-elevated:#fff;--bg-pill-neutral:#f5f5f5;--text-primary:#14161a;--text-secondary:#14161a;--text-tertiary:#6c6f74;--text-quaternary:#a0a2a6;--text-muted:#6c6f74;--success-bg:#22c55e1a;--success-fg:#16a34a;--error-bg:#dc26261a;--error-fg:#dc2626;--warning-bg:#eab3081f;--warning-fg:#b45309;--info-bg:#f5f5f5;--info-fg:#14161a;--border-subtle:#f5f5f5;--border-default:#ededed;--border-strong:#e5e5e5;--border-divider:#ededed;--font-sans:"Inter", "PingFang SC", system-ui, sans-serif;--font-display:"Playfair Display", "Songti SC", serif;--font-display-2:"Poppins", system-ui, sans-serif;--font-content:var(--font-sans);--font-nav:var(--font-display-2);--font-num:var(--font-display-2);--font-mono:"Geist Mono", ui-monospace, Menlo, monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-14:14px;--radius-lg:16px;--radius-18:18px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:28px;--radius-32:32px;--radius-40:40px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--shadow-card:0 1px 2px #090e150f;--shadow-card-lg:0 1px 6px #090e150f, 0 2px 32px #090e1529;--shadow-cta:none;--shadow-popover:0 1px 15px #090e151a;--shadow-dialog:0 1px 6px #090e150f, 0 2px 32px #090e1529;--shadow-circle:0 1px 2px #090e150f;--shadow-error-ring:0 0 0 3px #dc26262e;--shadow-focus:0 0 0 3px var(--border-default);--messenger-width:400px;--messenger-expanded-width:688px;--messenger-max-height:704px;--messenger-radius:24px;--messenger-iframe-padding:10px;--messenger-global-horizontal-padding:20px;--messenger-conversation-horizontal-padding:16px;--messenger-header-padding-x:13px;--messenger-header-padding-y:8px;--messenger-header-gap:8px;--messenger-header-action-gap:0px;--messenger-header-avatar-size:32px;--messenger-header-button-size:38px;--messenger-header-button-radius:10px;--messenger-header-icon-size:16px;--messenger-header-title-size:14px;--messenger-header-title-line-height:1.1em;--messenger-header-subtitle-size:13px;--messenger-header-subtitle-line-height:19px;--messenger-composer-height:52px;--messenger-composer-radius:16px;--messenger-chat-composer-radius:10px;--messenger-conversation-part-radius:20px;--messenger-conversation-part-adjacent-radius:4px;--messenger-conversation-part-padding-x:16px;--messenger-conversation-part-padding-y:12px;--messenger-conversation-part-max-width:280px;--messenger-conversation-part-group-gap:4px;--messenger-conversation-part-stack-gap:16px;--messenger-typing-indicator-radius:16px;--messenger-composer-text-size:14px;--messenger-composer-text-line-height:20px;--messenger-composer-input-padding-top:0px;--messenger-composer-input-padding-right:8px;--messenger-composer-input-padding-bottom:2px;--messenger-composer-input-padding-left:16px;--messenger-composer-attachments-padding-top:0px;--messenger-composer-attachments-padding-right:8px;--messenger-composer-attachments-padding-bottom:0px;--messenger-composer-attachments-padding-left:12px;--messenger-composer-actions-height:32px;--messenger-composer-actions-gap:8px;--messenger-composer-actions-padding-top:4px;--messenger-composer-actions-padding-right:8px;--messenger-composer-actions-padding-bottom:0px;--messenger-composer-actions-padding-left:12px;--messenger-composer-actions-margin-top:8px;--messenger-composer-focus-outline-width:2px;--text-xs:.75rem;--text-xs-line-height:.875rem;--text-sm:.8125rem;--text-sm-line-height:1.1875rem;--text-base:.875rem;--text-base-line-height:1.25rem;--text-lg:1rem;--text-lg-line-height:1.5rem;--text-xl:1.125rem;--text-xl-line-height:1.125rem;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-emphasis:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--duration-instant:.1s;--duration-fast:.16s;--duration-base:.24s;--duration-slow:.32s;--z-base:0;--z-glow:1;--z-composer:2;--z-sticky:10;--z-sidebar:20;--z-dropdown:40;--z-overlay:60;--z-dialog:61;--z-toast:80;--z-debug:999;--background:var(--bg-app);--foreground:var(--text-primary);--card:var(--bg-canvas);--card-foreground:var(--text-primary);--popover:var(--bg-elevated);--popover-foreground:var(--text-primary);--primary:var(--gray-12);--primary-foreground:var(--gray-1);--secondary:var(--bg-canvas);--secondary-foreground:var(--text-secondary);--muted:var(--gray-4);--muted-foreground:var(--text-tertiary);--accent:var(--bg-pill-neutral);--accent-foreground:var(--text-primary);--destructive:var(--error-fg);--border:var(--border-default);--input:var(--bg-canvas);--ring:var(--border-default)}:root,:host{--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--radius-3xl:var(--radius-3xl);--radius-full:var(--radius-full);--shadow-card:var(--shadow-card);--shadow-card-lg:var(--shadow-card-lg);--shadow-cta:var(--shadow-cta);--shadow-popover:var(--shadow-popover);--shadow-dialog:var(--shadow-dialog);--shadow-circle:var(--shadow-circle);--text-xs:var(--text-xs);--text-sm:var(--text-sm);--text-base:var(--text-base);--text-lg:var(--text-lg);--text-xl:var(--text-xl);--font-sans:var(--font-sans);--font-display:var(--font-display);--font-content:var(--font-content);--font-mono:var(--font-mono)}html,body,#root{background:0 0;width:100%;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}button,input,textarea{font:inherit}.customer-agent-launcher-button{background-color:var(--customer-agent-launcher-bg-color,transparent);border-color:var(--customer-agent-launcher-border-color,transparent);border-radius:var(--customer-agent-launcher-border-radius,9999px);border-style:var(--customer-agent-launcher-border-style,solid);border-width:var(--customer-agent-launcher-border-width,0);box-shadow:var(--customer-agent-launcher-box-shadow,none);color:var(--customer-agent-launcher-color,var(--gray-1))}.customer-agent-launcher-button:hover{background-color:var(--customer-agent-launcher-hover-bg-color,var(--customer-agent-launcher-bg-color,transparent));border-color:var(--customer-agent-launcher-hover-border-color,var(--customer-agent-launcher-border-color,transparent));border-radius:var(--customer-agent-launcher-hover-border-radius,var(--customer-agent-launcher-border-radius,9999px));border-style:var(--customer-agent-launcher-hover-border-style,var(--customer-agent-launcher-border-style,solid));border-width:var(--customer-agent-launcher-hover-border-width,var(--customer-agent-launcher-border-width,0));box-shadow:var(--customer-agent-launcher-hover-box-shadow,var(--customer-agent-launcher-box-shadow,none));color:var(--customer-agent-launcher-hover-color,var(--customer-agent-launcher-color,var(--gray-1)))}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}`,E=null,D=null;function O(){return E?Promise.resolve(E):(D??=import(`./panel-BEfk8hPY.js`).then(e=>(E=e.default,E)).catch(e=>{throw D=null,e}),D)}function k(e,t,n){let r=e.createElement(`style`);r.dataset.customerAgentStyle=t,r.textContent=n,e.head.appendChild(r)}function A(e,t,n){let r=e.contentDocument;if(!r)throw Error(`CustomerAgent could not initialize iframe document.`);r.documentElement.dir=t.locale.dir,r.documentElement.lang=t.locale.locale,r.head.replaceChildren(),k(r,`frame`,re),n===`panel`&&E&&k(r,`panel`,E);let i=r.createElement(`div`);return i.id=`root`,i.style.position=`relative`,i.style.width=`100%`,i.style.height=`100%`,r.body.replaceChildren(i),{mount:i,stylesReady:n!==`panel`||!!E}}function j(e,t){let n=e.contentDocument;!n||n.head.querySelector(`[data-customer-agent-style='panel']`)||k(n,`panel`,t)}function M({children:e,loadingFallback:t,state:n,stylesReady:r,surface:i,targetWindow:a,widgetId:o}){function s(e){a.parent.postMessage(g(o,i,e),`*`)}let c=!r&&t?t({dispatch:s,state:n}):e({dispatch:s,state:n});return i===`panel`?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(`div`,{className:`absolute top-[var(--messenger-header-padding-y)] right-[var(--messenger-header-padding-x)] z-[calc(var(--z-overlay)+1)] flex items-center gap-[var(--messenger-header-action-gap)]`,children:(0,w.jsx)(T,{closeLabel:n.locale.messages.close_chat,onClose:()=>s({open:!1,type:m.OPEN_CHANGE})})}),c]}):c}function N({children:e,loadingFallback:t,state:n,surface:r,title:i,widgetId:a}){let[o,s]=(0,p.useState)(null),[c,l]=(0,p.useState)(r!==`panel`),u=(0,p.useRef)(null),d=r===`panel`?`customer-agent-messenger-frame`:`customer-agent-launcher-frame`;return(0,p.useEffect)(()=>{if(r!==`panel`||!o)return;let e=!1;return O().then(t=>{e||(j(o,t),l(!0))}).catch(()=>{e||l(!0)}),()=>{e=!0}},[o,r]),(0,p.useEffect)(()=>{if(o?.contentWindow){if(u.current)o.contentDocument?.documentElement.setAttribute(`lang`,n.locale.locale),o.contentDocument?.documentElement.setAttribute(`dir`,n.locale.dir);else{let e=A(o,n,r);l(e.stylesReady),u.current=(0,C.createRoot)(e.mount)}u.current.render((0,p.createElement)(M,{children:e,loadingFallback:t,state:n,stylesReady:c,surface:r,targetWindow:o.contentWindow,widgetId:a}))}}),(0,p.useEffect)(()=>()=>{u.current?.unmount(),u.current=null},[]),(0,w.jsx)(`iframe`,{allow:`clipboard-write`,allowFullScreen:!0,className:`${d} customer-agent-frame customer-agent-with-namespace-${a}`,"data-customer-agent-frame":`true`,"data-customer-agent-surface":r,id:`customer-agent-widget-${a}-${r}`,ref:s,title:i})}function P(e){return e?.brand?.name??`Customer Agent`}function F(e,t){let n=e?.launcher?.style?.color,r={...t};return(typeof n==`number`||typeof n==`string`)&&(r.color=String(n)),Object.keys(r).length>0?r:void 0}function ie({bootOptions:e,isOpen:t,launcherVariableStyle:n,locale:i,onOpenChange:a,onPanelPreload:o}){let s=P(e),l=F(e,n),u=r(t?i.messages.launcher_close:i.messages.launcher_open,{title:s});return(0,w.jsxs)(`button`,{className:`customer-agent-launcher-button relative grid h-full w-full cursor-pointer place-items-center rounded-full border-0 bg-transparent text-[var(--gray-1)] outline-none focus-visible:shadow-[inset_0_0_0_2px_rgba(255,255,255,0.95)]`,"aria-label":u,title:u,"data-state":t?`open`:`closed`,style:l,onFocus:o,onClick:()=>a(!t),onPointerDown:o,onPointerEnter:o,children:[(0,w.jsx)(c,{className:f(`absolute h-6 w-6 transition-[rotate,scale] duration-150 ease-out`,t?`scale-0 rotate-90`:`scale-100 rotate-0`),"aria-hidden":`true`}),(0,w.jsx)(ne,{className:f(`absolute h-6 w-6 transition-[rotate,scale] duration-150 ease-out`,t?`scale-100 rotate-0`:`scale-0 -rotate-90`),"aria-hidden":`true`}),(0,w.jsx)(`span`,{className:`absolute h-px w-px overflow-hidden whitespace-nowrap [clip:rect(0,0,0,0)]`,children:u})]})}var ae=16,oe=20,I=Object.freeze({IDLE:`idle`,READY:`ready`,UNAVAILABLE:`unavailable`}),L=null,R=null;function se(){return R??=import(`./floating-ui.dom-Cs9alM6A.js`).then(e=>e.a).catch(e=>{throw R=null,e}),R}function z(){return L??=Promise.all([O(),import(`./Panel-XDrfFRK4.js`)]).then(([,e])=>e).catch(e=>{throw L=null,e}),L}function ce(){z()}async function B(){await Promise.all([O(),se()])}function V(e){return e.position===`bottom-left`?`top-start`:`top-end`}function le(e,t){return e.launcher?.placement??(t?`top`:V(e))}function H(e,t,n){let r=e.embedded?t.offsetParent:null,i=r instanceof HTMLElement?r.getBoundingClientRect():null;return{height:i?.height??n.height,width:i?.width??n.width}}function U(e){return Math.max(0,e)}function ue({isExpanded:e,options:t,panelElement:n,viewport:r}){let i=H(t,n,r);return e?{height:U(i.height-104),width:U(Math.min(716,i.width-40))}:{height:U(Math.min(704,i.height-104)),width:U(Math.min(460,i.width-40))}}function W(e){return{contextElement:e,getBoundingClientRect(){let t=e.getBoundingClientRect(),n=e.offsetWidth||t.width,r=e.offsetHeight||t.height,i=t.left+(t.width-n)/2,a=t.top+(t.height-r)/2;return{bottom:a+r,height:r,left:i,right:i+n,top:a,width:n,x:i,y:a}}}}var de=(0,p.lazy)(async()=>({default:(await z()).WidgetPanel})),G=.55,K={"bg-color":{cssProperty:`backgroundColor`,cssVariable:`--customer-agent-launcher-bg-color`},"border-color":{cssProperty:`borderColor`,cssVariable:`--customer-agent-launcher-border-color`},"border-radius":{cssProperty:`borderRadius`,cssVariable:`--customer-agent-launcher-border-radius`},"border-style":{cssProperty:`borderStyle`,cssVariable:`--customer-agent-launcher-border-style`},"border-width":{cssProperty:`borderWidth`,cssVariable:`--customer-agent-launcher-border-width`},"box-shadow":{cssProperty:`boxShadow`,cssVariable:`--customer-agent-launcher-box-shadow`},color:{cssProperty:`color`,cssVariable:`--customer-agent-launcher-color`},"hover-bg-color":{cssProperty:`backgroundColor`,cssVariable:`--customer-agent-launcher-hover-bg-color`},"hover-border-color":{cssProperty:`borderColor`,cssVariable:`--customer-agent-launcher-hover-border-color`},"hover-border-radius":{cssProperty:`borderRadius`,cssVariable:`--customer-agent-launcher-hover-border-radius`},"hover-border-style":{cssProperty:`borderStyle`,cssVariable:`--customer-agent-launcher-hover-border-style`},"hover-border-width":{cssProperty:`borderWidth`,cssVariable:`--customer-agent-launcher-hover-border-width`},"hover-box-shadow":{cssProperty:`boxShadow`,cssVariable:`--customer-agent-launcher-hover-box-shadow`},"hover-color":{cssProperty:`color`,cssVariable:`--customer-agent-launcher-hover-color`}};function fe({isExpanded:e,isOpen:t,options:n,resolvedLocale:i,viewport:a}){let o=n?.brand?.name??`Customer Agent`,s=r(i.messages.support_chat_label,{title:o}),c=!!n?.embedded,u=a.mode===`mobile`&&a.presentation===`fullscreen`&&!c?a.height:a.visualHeight,d={"--customer-agent-primary":n?.theme?.primaryColor??`var(--gray-12)`,"--customer-agent-visual-height":`${u}px`};return(0,w.jsx)(`section`,{className:`customer-agent-panel relative flex h-full w-full flex-col overflow-hidden rounded-[var(--messenger-radius)] bg-[var(--bg-canvas)] text-[var(--text-primary)] outline-none data-[viewport-mode=mobile]:h-[var(--customer-agent-visual-height)] data-[viewport-mode=mobile]:rounded-none`,"aria-hidden":!t,"aria-label":s,"data-expanded":e?`true`:`false`,"data-state":t?`open`:`closed`,"data-viewport-mode":a.mode,style:d,children:(0,w.jsx)(l,{label:`Loading conversations`})})}function q(e){return Object.entries(K).flatMap(([t,n])=>{let r=e?.[t];return typeof r!=`number`&&typeof r!=`string`?[]:[{definition:n,value:String(r)}]})}function pe(e,t=e.height){if(e.mode!==`mobile`)return 0;let n=Math.round(t*G);return Math.min(e.keyboardInset,n)}function J(e){return q(e).map(({definition:e,value:t})=>`${e.cssVariable}:${t}`).join(`;`)}function Y(e){return e?Object.entries(e).map(([e,t])=>`${e}:${String(t)}`).sort().join(`;`):``}function me(e){let t=document.createElement(`div`);return t.dataset.customerAgentLauncherVariableProbe=`true`,t.setAttribute(`aria-hidden`,`true`),t.style.position=`fixed`,t.style.left=`-9999px`,t.style.top=`0`,t.style.width=`1px`,t.style.height=`1px`,t.style.opacity=`0`,t.style.overflow=`hidden`,t.style.pointerEvents=`none`,e.appendChild(t),t}function X({launcherElement:e,variables:t}){let n=q(t);if(n.length===0)return;let r=me(e);for(let{definition:e,value:t}of n)r.style.setProperty(e.cssVariable,t);let i={};for(let{definition:e}of n){r.style[e.cssProperty]=`var(${e.cssVariable})`;let t=window.getComputedStyle(r),n=String(t[e.cssProperty]??``).trim();r.style[e.cssProperty]=``,n&&(i[e.cssVariable]=n)}return r.remove(),Object.keys(i).length>0?i:void 0}function he({launcherElement:e,variables:t}){let[n,r]=(0,p.useState)(),i=(0,p.useRef)(``),a=J(t);return(0,p.useLayoutEffect)(()=>{if(!e||!a){i.current=``,r(void 0);return}let n=e,o=null,s=!1;function c(){if(o=null,s||!n.isConnected)return;let e=X({launcherElement:n,variables:t}),a=Y(e);a!==i.current&&(i.current=a,r(e))}function l(){o===null&&(o=window.requestAnimationFrame(c))}c();let u=typeof MutationObserver>`u`?null:new MutationObserver(l);return u?.observe(document.documentElement,{attributes:!0}),document.body&&u?.observe(document.body,{attributes:!0}),document.head&&u?.observe(document.head,{childList:!0}),document.addEventListener(`load`,l,!0),()=>{s=!0,o!==null&&window.cancelAnimationFrame(o),u?.disconnect(),document.removeEventListener(`load`,l,!0)}},[e,a]),n}function Z({activeTarget:r,eventBus:i,hasPanel:a,hasCustomLauncher:o,isOpen:s,isViewportSettling:c=!1,memoryRoute:l,interviewRuntime:u,launcherTargetElement:d,onMemoryRouteChange:f,onOpenChange:h,options:g,resolvedLocale:v,runtimeState:ee,supportRuntime:y,viewport:b,widgetId:x}){let[S,ne]=(0,p.useState)(!1),C=(0,p.useRef)(!1),[T,re]=(0,p.useState)(0),[E,D]=(0,p.useState)(null),[O,k]=(0,p.useState)(null),[A,j]=(0,p.useState)({status:I.IDLE}),[M,P]=(0,p.useState)(null),F=(0,p.useRef)(null),L=(0,p.useRef)({height:b.height,width:b.width}),[R,z]=(0,p.useState)({hasRenderedOpen:s,isOpen:s}),B=(0,p.useRef)(null),V=R.hasRenderedOpen;if(R.isOpen!==s){let e={hasRenderedOpen:!1,isOpen:s};z(e),V=e.hasRenderedOpen}let H=g.brand?.name??`Customer Agent`,U=d??M,G=!!(U&&b.presentation===`desktop`),K=G?O?.isExpanded??!1:S,q=!!(U&&b.presentation===`fullscreen`),J=O?.anchor&&b.presentation===`desktop`?O.anchor:null,Y=q&&A.status===I.READY?A:null,me=!!J,X=!!Y||A.status===I.UNAVAILABLE,Z=G||q,ge=G?me:!q||X,_e=s&&Z&&!V,Q=(s&&G&&J&&!_e?T:null)??(s&&q&&X&&!_e?T:null),ve=s&&(!Z||ge&&Q!==null&&E===Q)?`open`:`closed`,ye=he({launcherElement:o?null:M,variables:g.launcher?.variables}),be=!g.embedded&&b.mode===`mobile`&&b.presentation===`fullscreen`;(!be||b.width!==L.current.width||b.height>L.current.height)&&(L.current={height:b.height,width:b.width});let $=be?L.current.height:b.height,xe=$===b.height?b:{...b,height:$},Se=(0,p.useCallback)(e=>{let r=F.current;r!==e&&(r&&n(r),F.current=e,P(e),e&&t(e))},[]),Ce=!g.embedded&&b.presentation===`fullscreen`?{"--customer-agent-host-fullscreen-bottom":`${pe(b,$)}px`,"--customer-agent-host-fullscreen-layout-height":`${$}px`}:null,we=G||Y||Ce?{...G?{"--customer-agent-anchor-panel-height":`${J?.panelHeight??0}px`,"--customer-agent-anchor-panel-left":`${J?.panelLeft??-9999}px`,"--customer-agent-anchor-panel-top":`${J?.panelTop??-9999}px`,"--customer-agent-anchor-panel-width":`${J?.panelWidth??0}px`}:null,...Y?{"--customer-agent-mobile-origin-height":`${Y.height}px`,"--customer-agent-mobile-origin-left":`${Y.left}px`,"--customer-agent-mobile-origin-top":`${Y.top}px`,"--customer-agent-mobile-origin-width":`${Y.width}px`}:null,...Ce}:void 0,Te={activeTarget:r,bootOptions:g,isExpanded:K,isOpen:s,locale:v,memoryRoute:l,runtimeState:ee,viewport:xe};return(0,p.useEffect)(()=>{function t(t){if(_(t.data)&&t.data.widgetId===x)if(t.data.action.type===m.OPEN_CHANGE)h(t.data.action.open);else if(t.data.action.type===m.EXPAND_CHANGE){let n=t.data.action.expanded;C.current!==n&&(C.current=n,i?.emit(n?e.WIDGET_EXPANDED:e.WIDGET_COLLAPSED)),ne(n)}else t.data.action.type===m.MEMORY_ROUTE_CHANGE&&f?.(t.data.action.route)}return window.addEventListener(`message`,t),()=>window.removeEventListener(`message`,t)},[i,f,h,x]),(0,p.useEffect)(()=>{if(!s||V)return;let e=window.requestAnimationFrame(()=>{z({hasRenderedOpen:!0,isOpen:!0}),re(e=>e+1)});return()=>window.cancelAnimationFrame(e)},[V,s]),(0,p.useEffect)(()=>{if(Q===null)return;let e=window.requestAnimationFrame(()=>{D(Q)});return()=>window.cancelAnimationFrame(e)},[Q]),(0,p.useLayoutEffect)(()=>{if(!U||b.presentation!==`fullscreen`){let e=window.requestAnimationFrame(()=>{j({status:I.IDLE})});return()=>window.cancelAnimationFrame(e)}let e=U,t=!1,n=null;function r(){if(t)return;if(!e.isConnected){j({status:I.UNAVAILABLE});return}let n=e.getBoundingClientRect();if(!Number.isFinite(n.left)||!Number.isFinite(n.top)||!Number.isFinite(n.width)||!Number.isFinite(n.height)||n.width<=0||n.height<=0){j({status:I.UNAVAILABLE});return}let r=B.current,i=g.embedded?r?.offsetParent:null,a=i instanceof HTMLElement?i.getBoundingClientRect():null;j({height:n.height,left:n.left-(a?.left??0),status:I.READY,top:n.top-(a?.top??0),width:n.width})}function i(){n!==null&&window.cancelAnimationFrame(n),n=window.requestAnimationFrame(()=>{n=null,r()})}r(),window.addEventListener(`resize`,i),window.addEventListener(`scroll`,i,!0);let a=typeof ResizeObserver>`u`?null:new ResizeObserver(i);return a?.observe(e),()=>{t=!0,n!==null&&window.cancelAnimationFrame(n),a?.disconnect(),window.removeEventListener(`resize`,i),window.removeEventListener(`scroll`,i,!0)}},[U,g.embedded,b.presentation]),(0,p.useLayoutEffect)(()=>{if(!U||!B.current||b.presentation!==`desktop`){k(null);return}let e=U,t,n=!1;async function r(){let{autoUpdate:r,computePosition:i,flip:a,offset:s,platform:c,shift:l}=await se();if(n||!B.current)return;let u=B.current,d=W(e),f=le(g,o),p=S,m=typeof g.launcher?.offset==`number`&&Number.isFinite(g.launcher.offset)?Math.max(0,g.launcher.offset):ae;async function h(){let e=ue({isExpanded:p,options:g,panelElement:u,viewport:b}),{x:t,y:r,placement:o}=await i(d,u,{middleware:[s(m),a({padding:oe}),l({padding:oe})],placement:f,platform:{...c,getDimensions(t){return t===u?e:c.getDimensions(t)}},strategy:`fixed`});if(n)return;let h=g.embedded?u.offsetParent:null,_=h instanceof HTMLElement?h.getBoundingClientRect():null,v=o.split(`-`)[0];k({anchor:{panelHeight:e.height,panelLeft:t-(_?.left??0),panelTop:r-(_?.top??0),panelWidth:e.width,placement:v},isExpanded:p})}t=r(d,u,()=>{h()})}return r(),()=>{n=!0,t?.()}},[o,U,g,g.embedded,g.launcher?.offset,g.launcher?.placement,g.position,S,b,b.presentation]),(0,w.jsxs)(p.Fragment,{children:[(0,w.jsx)(`style`,{"data-customer-agent":`styles`,children:te(x,g)}),(0,w.jsxs)(`div`,{"aria-live":`polite`,className:`customer-agent-app`,children:[(0,w.jsx)(`div`,{ref:B,className:`customer-agent-messenger-frame customer-agent-with-namespace-${x}`,"data-anchor-mode":G?`floating`:`default`,"data-anchor-placement":J?.placement,"data-mobile-origin":Y?`launcher`:void 0,"data-mobile-presentation":b.presentation,"data-viewport-settling":c?`true`:void 0,"data-customer-agent-surface-host":`panel`,"data-expanded":K?`true`:`false`,"data-state":ve,style:we,children:a?(0,w.jsx)(N,{loadingFallback:({state:e})=>(0,w.jsx)(fe,{isOpen:e.isOpen,isExpanded:e.isExpanded,options:e.bootOptions,resolvedLocale:e.locale,viewport:e.viewport}),state:Te,surface:`panel`,title:`${H} support chat`,widgetId:x,children:({dispatch:e,state:t})=>(0,w.jsx)(p.Suspense,{fallback:(0,w.jsx)(fe,{isOpen:t.isOpen,isExpanded:t.isExpanded,options:t.bootOptions,resolvedLocale:t.locale,viewport:t.viewport}),children:(0,w.jsx)(de,{bootOptions:t.bootOptions,memoryRoute:t.memoryRoute,activeTarget:t.activeTarget,eventBus:i,interviewRuntime:u,isOpen:t.isOpen,isExpanded:t.isExpanded,locale:t.locale,runtimeState:t.runtimeState,supportRuntime:y,viewport:t.viewport,onMemoryRouteChange:t=>e({route:t,type:m.MEMORY_ROUTE_CHANGE}),onExpandedChange:t=>e({expanded:t,type:m.EXPAND_CHANGE}),onOpenChange:t=>e({open:t,type:m.OPEN_CHANGE})})})}):null}),o?null:(0,w.jsx)(`div`,{ref:Se,className:`customer-agent-launcher-container customer-agent-with-namespace-${x}`,"data-mobile-presentation":b.presentation,"data-customer-agent-surface-host":`launcher`,"data-state":ve,style:g.launcher?.style,children:(0,w.jsx)(N,{state:Te,surface:`launcher`,title:`${H} chat launcher`,widgetId:x,children:({dispatch:e,state:t})=>(0,w.jsx)(ie,{bootOptions:t.bootOptions,isOpen:t.isOpen,launcherVariableStyle:ye,locale:t.locale,onPanelPreload:ce,onOpenChange:t=>e({open:t,type:m.OPEN_CHANGE})})})})]})]})}export{Z as WidgetApp,W as createStableLauncherReference,B as preloadWidgetPanelShell};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{t as e}from"./constants-Do-S47mc.js";import{r as t}from"./interviewTypes-Ch2NsXKB.js";import{t as n}from"./i18n-Q8u2wtW4.js";import{r}from"../runtime.es.js";import{t as i}from"./react-CKmEJ8Ba.js";import{A as a,C as o,D as s,E as ee,O as te,S as c,T as ne,_ as re,a as l,c as u,d,g as f,i as p,j as m,l as h,o as g,p as _,s as v,t as y,u as b,v as x,w as S,y as C}from"./WidgetComposer-C_Y7bwhP.js";import{n as w}from"./conversationRegistry-Y5Ouo35n.js";import{t as T}from"./jsx-runtime-S2ZBQkZm.js";import{t as E}from"./classNames-3q0x02_x.js";var D=r(i(),1),O=T();function k(e){return Array.isArray(e.content)?e.content.map(e=>e.type===`text`?e.text:``).filter(Boolean).join(`
|
|
2
|
+
`):String(e.content??``)}function A(e){return e instanceof Date&&!Number.isNaN(e.getTime())}function j(e){let t=e.createdAt;if(A(t))return t;if(typeof t==`string`||typeof t==`number`){let e=new Date(t);if(A(e))return e}return new Date}function M(e,t){let r=Math.max(0,Date.now()-e.getTime()),i=6e4,a=60*i,o=24*a;return r<i?t.messages.relative_time_now:r<a?n(t.messages.relative_time_minute,{count:String(Math.floor(r/i))}):r<o?n(t.messages.relative_time_hour,{count:String(Math.floor(r/a))}):n(t.messages.relative_time_day,{count:String(Math.floor(r/o))})}function N(e,t,n,r){let i=[n.getFullYear(),n.getMonth()+1,n.getDate()].map(e=>String(e).padStart(2,`0`)).join(`_`);return`${(e??`Customer Agent`).trim().replace(/[^a-z0-9\u4e00-\u9fa5]+/gi,`_`).replace(/^_+|_+$/g,``)||`Customer_Agent`}_${t}_${i}_${r}.txt`}function P(e){let t=`var(--messenger-conversation-part-radius)`;return{borderBottomLeftRadius:t,borderBottomRightRadius:t,borderTopLeftRadius:t,borderTopRightRadius:t}}function F({controller:n,eventBus:r,isHeaderMenuEnabled:i=!0,locale:c,description:l=c.messages.interview_session_description,isExpanded:u=!1,isOpen:p=!0,onDownloadTranscript:h,onOpenMobileDock:g,onToggleExpanded:v,title:y,transcriptAppName:b=y,visitorName:T=`You`,viewportMode:A=`desktop`}){let[F,L]=(0,D.useState)(()=>n.getState()),[R,z]=(0,D.useState)(!1),[B,V]=(0,D.useState)({}),H=(0,D.useRef)(null),U=(0,D.useRef)(!1),W=(0,D.useRef)(null),G=(0,D.useRef)(new Set),K=(0,D.useRef)(F.phase),q=(0,D.useRef)(!1),J=ne({convertMessage:e=>e,isRunning:F.phase===_.SENDING,isSendDisabled:F.phase===_.SENDING||F.phase===_.TERMINAL,messages:F.messages,async onNew(t){let i=k(t).trim(),a=n.getState().sessionId;if(!i||!a)return;let o={conversationId:`interview/session/${a}`,conversationType:`interview`,entryId:`interview/session/${a}`,interviewSessionId:a},s=`interview-user-${Date.now()}`;r?.emit(e.MESSAGE_SENT,{...o,messageId:s,role:`user`}),r?.emit(e.MESSAGE_STARTED,{...o,role:`assistant`});try{await n.sendMessage(i);let t=[...n.getState().messages].reverse().find(e=>e.role===`assistant`);r?.emit(e.MESSAGE_COMPLETED,{...o,messageId:t?.id??`interview-assistant-${Date.now()}`,role:`assistant`})}catch(t){throw r?.emit(e.MESSAGE_FAILED,{...o,role:`assistant`}),t}}}),ae=[...F.messages].reverse().find(e=>e.role===`assistant`&&k(e).trim())?.id??null,Y=F.messages.some(e=>k(e).trim());(0,D.useEffect)(()=>n.subscribe(L),[n]),(0,D.useEffect)(()=>{if(!i){z(!1);return}if(!R)return;function e(e){let t=e.target;t instanceof Node&&(W.current?.contains(t)||z(!1))}return document.addEventListener(`pointerdown`,e,!0),()=>document.removeEventListener(`pointerdown`,e,!0)},[i,R]),(0,D.useEffect)(()=>{if(F.phase===_.TERMINAL&&F.status===t.COMPLETED&&F.sessionId){if(G.current.has(F.sessionId))return;G.current.add(F.sessionId);let t={conversationId:`interview/session/${F.sessionId}`,conversationType:`interview`,entryId:`interview/session/${F.sessionId}`,interviewSessionId:F.sessionId};r?.emit(e.INTERVIEW_SESSION_COMPLETED,{...t,status:F.status}),n.loadReward(F.sessionId).then(n=>{r?.emit(e.INTERVIEW_REWARD_UPDATED,{...t,reward:n})}).catch(e=>{console.error(`CustomerAgent interview reward request failed.`,e)})}},[n,r,F.phase,F.sessionId,F.status]);let X=(0,D.useCallback)(()=>{let e=H.current;if(!e||e.disabled||A===`mobile`||e.closest(`form`)?.querySelector(`[data-customer-agent-emoji-popover="true"]`))return!1;let t=e.value.length;return e.focus(),e.setSelectionRange(t,t),document.activeElement===e},[A]),Z=(0,D.useCallback)(()=>{let e=0,t=0;function n(){if(q.current&&F.phase===_.ACTIVE){if(X()){q.current=!1;return}e+=1,e<6&&(t=window.requestAnimationFrame(n))}}return t=window.requestAnimationFrame(n),()=>window.cancelAnimationFrame(t)},[X,F.phase]);(0,D.useEffect)(()=>{let e=K.current;K.current=F.phase;let t=H.current?.closest(`form`),n=document.activeElement,r=n instanceof HTMLElement&&!!t?.contains(n);if(F.phase===_.TERMINAL){q.current=!1,r&&n.blur();return}if(F.phase===_.SENDING){e!==_.SENDING&&(q.current=r||e===_.ACTIVE),r&&n.blur();return}if(!(e!==_.SENDING||F.phase!==_.ACTIVE||!q.current))return Z()},[Z,F.phase]);let Q=(0,D.useCallback)(()=>{U.current||!p||A===`mobile`||F.phase!==_.ACTIVE||window.requestAnimationFrame(()=>{U.current||=X()})},[X,p,F.phase,A]);function oe(e){H.current=e,e&&Q()}(0,D.useEffect)(()=>{if(!p){U.current=!1;return}Q()},[Q,p]);function $(e,t){V(n=>({...n,[e]:!t}))}function se(e,t,n){let r=e.target;r instanceof Element&&r.closest(`a, button`)||$(t,n)}function ce(e,t,n){e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),$(t,n))}function le(){let t=new Date,n=t.getTime(),i=d({conversationName:y,exportedAt:t,exportSourceName:b,locale:c.locale,messages:F.messages.map(e=>({createdAt:j(e),role:e.role===`user`?`user`:`assistant`,text:k(e)})),userSpeaker:T}),a=new Blob([i],{type:`text/plain;charset=utf-8`}),o=URL.createObjectURL(a),s=document.createElement(`a`);s.href=o,s.download=N(b,`interview`,t,n),s.click(),window.setTimeout(()=>URL.revokeObjectURL(o),0),r?.emit(e.TRANSCRIPT_DOWNLOADED,{...F.sessionId?{conversationId:`interview/session/${F.sessionId}`,entryId:`interview/session/${F.sessionId}`,interviewSessionId:F.sessionId}:{},conversationType:`interview`,messageCount:F.messages.length}),h?.()}return(0,O.jsx)(o,{runtime:J,children:(0,O.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-bg-canvas`,"aria-label":y,"data-customer-agent-interview-chat":``,children:[(0,O.jsxs)(`header`,{className:E(`grid shrink-0 items-center gap-[var(--messenger-header-gap)] border-b border-border-divider bg-bg-canvas px-[var(--messenger-header-padding-x)] py-[var(--messenger-header-padding-y)]`,A===`mobile`?`grid-cols-[auto_auto_1fr_auto] pl-1`:`grid-cols-[auto_1fr_auto]`),"data-customer-agent-panel-header":``,children:[A===`mobile`?(0,O.jsx)(`button`,{className:`grid h-[var(--messenger-header-button-size)] w-6 cursor-pointer place-items-center rounded-md border-0 bg-transparent p-0 text-text-quaternary transition-colors hover:bg-gray-3 hover:text-text-primary focus-visible:outline-none focus-visible:shadow-none`,"aria-label":`Open conversations`,title:`Open conversations`,type:`button`,onClick:g,children:(0,O.jsx)(s,{size:16})}):null,(0,O.jsx)(`div`,{className:`grid h-[var(--messenger-header-avatar-size)] w-[var(--messenger-header-avatar-size)] place-items-center rounded-full bg-[var(--customer-agent-primary)] text-gray-1 shadow-[0_0_0_1px_var(--border-default)]`,"aria-hidden":`true`,children:(0,O.jsx)(w,{size:16})}),(0,O.jsxs)(`div`,{className:`flex min-w-0 flex-col justify-center`,children:[(0,O.jsx)(`p`,{className:`m-0 truncate text-[length:var(--messenger-header-title-size)] font-semibold leading-[var(--messenger-header-title-line-height)]`,children:y}),(0,O.jsx)(`span`,{className:`block truncate text-[length:var(--messenger-header-subtitle-size)] leading-[var(--messenger-header-subtitle-line-height)] text-text-tertiary`,children:l})]}),i&&(Y||v)?(0,O.jsx)(`div`,{className:`relative flex items-center gap-[var(--messenger-header-action-gap)] pr-[var(--messenger-header-button-size)]`,children:(0,O.jsxs)(`div`,{ref:W,onKeyDown:e=>{e.key===`Escape`&&(e.stopPropagation(),z(!1))},children:[(0,O.jsx)(`button`,{className:`grid h-[var(--messenger-header-button-size)] w-[var(--messenger-header-button-size)] cursor-pointer place-items-center rounded-[var(--messenger-header-button-radius)] border-0 bg-transparent text-text-quaternary transition-colors hover:bg-gray-3 hover:text-text-primary focus-visible:outline-none focus-visible:shadow-none data-[state=open]:bg-gray-3 data-[state=open]:text-text-primary`,"aria-expanded":R,"aria-haspopup":`menu`,"aria-label":c.messages.more_options,"data-state":R?`open`:`closed`,title:c.messages.more_options,type:`button`,onClick:()=>z(e=>!e),children:(0,O.jsx)(a,{size:16})}),R?(0,O.jsxs)(`div`,{className:`absolute top-[calc(100%+0.5rem)] right-[var(--messenger-header-button-size)] z-[var(--z-dropdown)] grid min-w-64 gap-1 rounded-lg border border-border-default bg-bg-elevated p-1 text-sm text-text-primary shadow-popover`,role:`menu`,children:[v?(0,O.jsxs)(`button`,{className:`flex w-full cursor-pointer items-center gap-2 rounded-md border-0 bg-transparent px-2 py-1.5 text-left text-sm text-text-secondary transition-colors hover:bg-gray-3 hover:text-text-primary focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]`,role:`menuitem`,type:`button`,onClick:()=>{z(!1),v()},children:[u?(0,O.jsx)(ee,{size:16}):(0,O.jsx)(te,{size:16}),(0,O.jsx)(`span`,{children:u?c.messages.collapse_window:c.messages.expand_window})]}):null,Y?(0,O.jsxs)(`button`,{className:`flex w-full cursor-pointer items-center gap-2 rounded-md border-0 bg-transparent px-2 py-1.5 text-left text-sm text-text-secondary transition-colors hover:bg-gray-3 hover:text-text-primary focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]`,role:`menuitem`,type:`button`,onClick:()=>{z(!1),le()},children:[(0,O.jsx)(m,{size:16}),(0,O.jsx)(`span`,{children:c.messages.download_transcript})]}):null]}):null]})}):(0,O.jsx)(`div`,{className:`h-[var(--messenger-header-button-size)] w-[var(--messenger-header-button-size)]`,"aria-hidden":`true`})]}),(0,O.jsx)(re,{className:`relative flex min-h-0 flex-1 flex-col overflow-hidden bg-bg-canvas`,children:(0,O.jsx)(f,{className:`customer-agent-thread-viewport min-h-0 flex-1 overflow-y-auto bg-bg-canvas [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&>[data-radix-scroll-area-content]]:flex [&>[data-radix-scroll-area-content]]:min-h-full [&>[data-radix-scroll-area-content]]:flex-col [&>[data-radix-scroll-area-content]]:self-stretch [&>[data-radix-scroll-area-content]]:bg-inherit [&>div]:flex [&>div]:min-h-full [&>div]:flex-col [&>div]:self-stretch [&>div]:bg-inherit`,"data-customer-agent-thread-viewport":``,"aria-live":`polite`,autoScroll:!0,role:`log`,children:(0,O.jsxs)(`div`,{className:E(`flex min-h-full flex-col px-[var(--messenger-conversation-horizontal-padding)] pt-3`,`customer-agent-message-list`),"data-customer-agent-message-list":``,children:[(0,O.jsx)(S,{children:({message:e})=>{let t=e,n=k(t),r=e.role===`user`?`user`:`assistant`,i=r===`assistant`,a=t.id??`${r}:${n}`,o=j(t),s=i&&(B[a]??a===ae);return n?(0,O.jsxs)(C,{className:r===`user`?`mt-[var(--messenger-conversation-part-stack-gap)] flex max-w-[var(--messenger-conversation-part-max-width)] flex-col self-end items-end`:`mt-[var(--messenger-conversation-part-stack-gap)] flex max-w-[var(--messenger-conversation-part-max-width)] flex-col self-start items-start`,"aria-expanded":i?s:void 0,"data-message-role":r,role:i?`button`:void 0,tabIndex:i?0:void 0,onClick:i?e=>se(e,a,s):void 0,onKeyDown:i?e=>ce(e,a,s):void 0,children:[(0,O.jsx)(`div`,{className:r===`user`?`w-fit max-w-full whitespace-pre-wrap bg-[var(--customer-agent-primary)] px-[var(--messenger-conversation-part-padding-x)] py-[var(--messenger-conversation-part-padding-y)] text-base leading-5 text-gray-1`:`w-fit max-w-full whitespace-pre-wrap bg-gray-3 px-[var(--messenger-conversation-part-padding-x)] py-[var(--messenger-conversation-part-padding-y)] text-base leading-5 text-text-secondary`,style:P(r),children:(0,O.jsx)(x,{children:({part:e})=>e.type===`text`?(0,O.jsx)(`span`,{children:e.text}):null})}),r===`assistant`?(0,O.jsxs)(`span`,{className:E(`overflow-hidden px-[var(--messenger-conversation-part-padding-x)] text-sm leading-5 text-text-tertiary transition-[max-height,opacity,transform,margin] duration-200 ease-out`,s?`mt-1 max-h-5 translate-y-0 opacity-100`:`mt-0 max-h-0 -translate-y-1 opacity-0`),"data-state":s?`visible`:`hidden`,"data-testid":`interview-message-metadata`,children:[y,` · `,c.messages.assistant_author_ai,` ·`,` `,M(o,c)]}):null]}):null}}),F.phase===_.SENDING?(0,O.jsx)(I,{}):null]})})}),(0,O.jsx)(ie,{inputRef:H,isHidden:F.phase===_.SENDING||F.phase===_.TERMINAL,locale:c,onInputRef:oe})]})})}function ie({inputRef:e,isHidden:t,locale:n,onInputRef:r}){let i=c().composer,a=b({composerRuntime:i,inputRef:e});return(0,O.jsxs)(v,{className:E(`relative z-[var(--z-composer)] shrink-0 bg-transparent px-[var(--messenger-conversation-horizontal-padding)] pt-0 pb-[max(1rem,calc(1rem+var(--customer-agent-bottom-inset)))]`,`-mt-[var(--messenger-radius)]`),isHidden:t,onSubmit:a.closeEmojiPicker,children:[(0,O.jsx)(g,{inputAriaLabel:n.messages.message_aria_label,inputRef:r,placeholder:n.messages.interview_input_placeholder}),(0,O.jsxs)(y,{children:[(0,O.jsx)(h,{children:(0,O.jsx)(l,{hostRef:a.emojiPickerHostRef,isLoading:a.isEmojiPickerLoading,open:a.isEmojiPickerOpen,onOpenChange:a.onEmojiOpenChange,children:(0,O.jsx)(p,{emojiLabel:n.messages.add_emoji})})}),(0,O.jsx)(u,{sendLabel:n.messages.send_message})]})]})}function I(){return(0,O.jsx)(`div`,{className:`mt-[var(--messenger-conversation-part-stack-gap)] flex max-w-[var(--messenger-conversation-part-max-width)] flex-col self-start items-start`,"data-message-role":`assistant`,"data-testid":`interview-thinking-bubble`,children:(0,O.jsx)(`div`,{className:`w-fit max-w-full whitespace-pre-wrap bg-gray-3 px-[var(--messenger-conversation-part-padding-x)] py-[var(--messenger-conversation-part-padding-y)] text-base leading-5 text-text-secondary`,style:P(`assistant`),children:(0,O.jsx)(L,{})})})}function L(){return(0,O.jsxs)(`span`,{className:`inline-flex h-5 items-center gap-1 align-middle text-text-quaternary`,"aria-hidden":`true`,children:[(0,O.jsx)(`span`,{className:`h-1.5 w-1.5 animate-[customer-agent-typing-dot-bounce_1.05s_ease-in-out_infinite] rounded-full bg-current`,"data-testid":`interview-thinking-dot`}),(0,O.jsx)(`span`,{className:`h-1.5 w-1.5 animate-[customer-agent-typing-dot-bounce_1.05s_ease-in-out_infinite] rounded-full bg-current [animation-delay:140ms]`,"data-testid":`interview-thinking-dot`}),(0,O.jsx)(`span`,{className:`h-1.5 w-1.5 animate-[customer-agent-typing-dot-bounce_1.05s_ease-in-out_infinite] rounded-full bg-current [animation-delay:280ms]`,"data-testid":`interview-thinking-dot`})]})}export{F as InterviewChatScreen};
|