@mediquo/elements 0.3.1

package/dist/mq-videocall.js

@@ -0,0 +1 @@
+import{_ as t,t as e}from"./chunks/custom-element-DA9Fxvxd.js";import{a as i,i as o,E as s,x as n}from"./chunks/lit-element-DiWJYFwC.js";import{n as r}from"./chunks/property-scuRaFcM.js";import{spinnerIcon as a}from"./ui/icons/spinner-icon.js";import{e as l}from"./chunks/provide-CfT7g_Zi.js";import{h as d,s as c}from"./chunks/task-Bj8p7kJX.js";import{f as p,e as h,a as m,C as u,g as v,D as g,d as b,i as f}from"./chunks/api-chat-client-BTBtu01T.js";import{r as y}from"./chunks/state-LQivXIgA.js";import{n as w}from"./chunks/context-provider-CiMFpvDA.js";import{env as x}from"./env.js";import{m as k}from"./chunks/runtime-Bg1WXVCx.js";import{l as $}from"./chunks/parseISO-jT42c8Ob.js";import{t as z,v as _,a as S,n as q,o as T,p as O,g as C,q as E,c as j,r as I,s as R}from"./chunks/telemetry-client-CKCb9Gnf.js";import{getLocale as V}from"./i18n.js";import{calendarIcon as A}from"./ui/icons/calendar-icon.js";import"./ui/back-link.js";import{Q as D,c as P,M as U}from"./chunks/mutation-controller-OVT8NEt6.js";import{MqViewAppointmentsEvent as N,DownloadFileEvent as M}from"./events.js";import{clockIcon as W}from"./ui/icons/clock-icon.js";import{infoCircleOutineIcon as F}from"./ui/icons/info-circle-outine-icon.js";import"./ui/mq-button.js";import{l as L}from"./chunks/chunk-S5RWG6G2-oTcdgk2H.js";import{messageBubbleIcon as K}from"./ui/icons/message-bubble-icon.js";import{a as B}from"./chunks/exports-XZaVrMLd.js";import"./ui/mq-floating-bubble.js";import"./ui/mq-card.js";import"./ui/mq-unread-badge.js";import{chatbubbleIcon as Q}from"./ui/icons/chat-bubble-icon.js";import{micIcon as H}from"./ui/icons/mic-icon.js";import{micOffIcon as G}from"./ui/icons/mic-off-icon.js";import{videoIcon as Z}from"./ui/icons/video-icon.js";import{videoOffIcon as Y}from"./ui/icons/video-off-icon.js";import{g as J}from"./chunks/get-organization-setup-query-BMbuRi6v.js";import{l as X}from"./chunks/external-zAbuzxDj.js";import{e as tt}from"./chunks/query-CeeutdfT.js";import{downloadIcon as et}from"./ui/icons/download-icon.js";import{alertCircleIcon as it}from"./ui/icons/alert-circle-icon.js";import"./ui/mq-rating.js";import{toast as ot}from"./ui/mq-toast.js";import{heartBeatIcon as st}from"./ui/icons/heartbeat-icon.js";import{timeLeftIcon as nt}from"./ui/icons/time-left-icon.js";import"./chunks/mq-layout-DpzeL9_i.js";import"./ui/icons/types.js";import"./chunks/format-Cm3B1GMy.js";import"./chunks/isBefore-Cof0D841.js";import"./chunks/context-request-event-Dfydf1ub.js";import"./ui/icons/chevron-down-icon.js";import"./chunks/if-defined-BYeVdwgd.js";import"./ui/mq-text-button.js";import"./chunks/class-map-Co76I6aw.js";import"./chunks/directive-2EDmOukv.js";import"./ui/mq-avatar.js";import"./ui/icons/chevron-left-icon.js";import"./chunks/query-QJ1INUTG.js";import"./theme.js";import"./ui/icons/x-icon.js";import"./ui/mq-skeleton.js";import"./chunks/style-map-CIdqdn7C.js";import"./ui/icons/check-double-icon.js";import"./ui/icons/check-icon.js";import"./chunks/chunk-YTQUGGS3-DN-JZpgG.js";class PermissionController{constructor(t){this.state="prompt",this.host=t,t.addController(this)}async hostConnected(){await this.requestPermissions()}async requestPermissions(){try{const t=await navigator.mediaDevices.getUserMedia({video:!0,audio:!0});for(const e of t.getTracks())e.stop();this.state="granted"}catch{this.state="denied"}finally{this.host.requestUpdate()}}}class InvalidTokenError extends Error{}function rt(t){let e=t.replace(/-/g,"+").replace(/_/g,"/");switch(e.length%4){case 0:break;case 2:e+="==";break;case 3:e+="=";break;default:throw new Error("base64 string is not of the correct length")}try{return function(t){return decodeURIComponent(atob(t).replace(/(.)/g,(t,e)=>{let i=e.charCodeAt(0).toString(16).toUpperCase();return i.length<2&&(i="0"+i),"%"+i}))}(e)}catch(t){return atob(e)}}InvalidTokenError.prototype.name="InvalidTokenError";const at=w(Symbol("opentok-service")),lt=w(Symbol("params"));class OpenTokService{static{this.URL="https://static.opentok.com/v2/js/opentok.min.js"}_ensureLoaded(){if(!window.OT)throw new Error("OpenTok SDK is not loaded");return window.OT}load(){return new Promise((t,e)=>{if(window.OT)return void t();const i=document.createElement("script");i.src=OpenTokService.URL,i.onload=()=>{t()},i.onerror=e,document.head.appendChild(i)})}initSession(t,e){return this._ensureLoaded().initSession(t,e)}initPublisher(t,e,i){return this._ensureLoaded().initPublisher(t,e,i)}subscribe(t,e,i,o,s){return t.subscribe(e,i,o,s)}}const dt="waiting-room",ct="videocall",pt="documentation",ht="not-time-yet",mt="review";class OpenTokController{constructor(t,e,i,o,s){this.isLoading=!0,this.isSessionReady=!1,this.isReconnecting=!1,this.errorMessage="",this.session=null,this.streams=[],this.destroyedStreamIds=new Set,this.openTokService=new OpenTokService,this.session_token=null,this.hasLeftWaitingRoom=!1,this.host=t,t.addController(this),this.appointment=e,this.token=i,this.onCallStarted=o,this.onCallFinished=s,this._loadOpentok()}async _loadOpentok(){try{await this.openTokService.load(),this._initializeSession()}catch{this.isLoading=!1,this.errorMessage="Failed to load OpenTok script",this.host.requestUpdate()}}async _getSessionAndToken(){const t=await m.flash.joinCall({callId:this.appointment.call_id});return this.session_token=t.session_token,[t.session_id,t.session_token]}async _initializeSession(){try{const[t,e]=await this._getSessionAndToken();this.session=this.openTokService.initSession(x.OPENTOK_API_KEY,t),this.session.on("sessionConnected",()=>{this.isLoading=!1,this.isSessionReady=!0,this.host.requestUpdate()}),this.session.on("sessionDisconnected",()=>{this.isSessionReady=!1,this._leaveWaitingRoom(),setTimeout(()=>{this.onCallFinished(),this.host.requestUpdate()},1e3),this.host.requestUpdate()}),this.session.on("sessionReconnecting",()=>{this.isReconnecting=!0,this.host.requestUpdate()}),this.session.on("sessionReconnected",()=>{this.isReconnecting=!1;const t=this.streams.filter(t=>!this.destroyedStreamIds.has(t.streamId));this.streams=[],this.host.requestUpdate(),requestAnimationFrame(()=>{this.streams=t.filter(t=>!this.destroyedStreamIds.has(t.streamId)),this.host.requestUpdate()})}),this.session.on("streamCreated",t=>{this.streams=[...this.streams,t.stream],this.onCallStarted(),this.host.requestUpdate()}),this.session.on("streamDestroyed",t=>{t.stream?.streamId&&this.destroyedStreamIds.add(t.stream.streamId),setTimeout(()=>{this.streams=this.streams.filter(e=>e.streamId!==t.stream?.streamId),this._leaveWaitingRoom(),this.onCallFinished(),this.host.requestUpdate()},1e3)}),this.session.connect(e,t=>{t&&(this.isLoading=!1,this.errorMessage=`Failed to connect to session: ${t.message}`,this.host.requestUpdate())}),m.flash.setReady({professional_hash:this.appointment.from.hash,consultation_id:this.appointment.id,consultation_type:"appointment"})}catch(t){this.isLoading=!1,this.errorMessage=`Error initializing session: ${t instanceof Error?t.message:"Unknown error"}`,this.host.requestUpdate()}}_leaveWaitingRoom(){this.hasLeftWaitingRoom||(this.hasLeftWaitingRoom=!0,m.flash.leaveWaitingRoom({professional_hash:this.appointment.from.hash,consultation_id:this.appointment.id,consultation_type:"appointment"}))}hostDisconnected(){this._leaveWaitingRoom(),this.session&&(this.session.disconnect(),this.session.off("streamCreated"),this.session.off("streamDestroyed"),this.session.off("sessionConnected"),this.session.off("sessionDisconnected"),this.session.off("sessionReconnecting"),this.session.off("sessionReconnected"))}}let ut=class ChatCta extends i{constructor(){super(...arguments),this.text=k("Utiliza el chat para enviar el motivo de consulta, documentos o imágenes"),this.readonly=!1,this.isChatOpen=!1,this.unreadQuery=new D(this,()=>B(m,{roomId:this.roomId}))}static{this.styles=[o`.chat-cta{padding:var(--sp-6) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.cta-message{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-4);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-neutrals-text-default)}.cta-message svg{flex-shrink:0}mq-button svg{flex-shrink:0}mq-chat-room{height:100%}@media (min-width:768px){.chat-cta{padding:var(--sp-6)}mq-button{max-width:323px;margin:0 auto}}`]}render(){return n`<mq-card class="chat-cta" roundness="md"><div class="cta-message">${F({size:24})} <span>${this.text}</span></div><mq-button variant="primary" size="md" fullwidth @click="${()=>{this.isChatOpen=!this.isChatOpen,this.isChatOpen&&this.onOpenChat?.()}}">${K({size:24})} ${k("Chatea con el profesional")} ${(this.unreadQuery.result?.data?.unread_count??0)>0?n`<mq-unread-badge></mq-unread-badge>`:s}</mq-button></mq-card><mq-floating-bubble ?dismissable="${!1}" .open="${this.isChatOpen}" @mq-close="${()=>{this.isChatOpen=!1}}" hideCloseButton>${this.isChatOpen?n`<mq-chat-room slot="content" .consultationId="${this.consultationId}" .consultationType="${u.appointment}" token="${this.loginToken.access_token}" .roomId="${this.roomId}" .professionalHash="${this.professionalHash}" ?readonly="${this.readonly}" @mq-chat-room-close="${()=>{this.isChatOpen=!1}}"></mq-chat-room>`:s}</mq-floating-bubble>`}};t([r({type:Number})],ut.prototype,"roomId",void 0),t([r({type:String})],ut.prototype,"professionalHash",void 0),t([r({type:String})],ut.prototype,"text",void 0),t([r({type:String})],ut.prototype,"consultationId",void 0),t([r({type:Boolean,reflect:!0})],ut.prototype,"readonly",void 0),t([r({attribute:!1})],ut.prototype,"onOpenChat",void 0),t([P({context:L})],ut.prototype,"loginToken",void 0),t([y()],ut.prototype,"isChatOpen",void 0),ut=t([$(),e("chat-cta")],ut);let vt=class NotTimeYetView extends i{static{this.styles=[o`back-link{display:block;margin-bottom:var(--size-3)}.title{font-family:var(--font-titles);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);color:var(--color-neutrals-text-default);font-weight:var(--font-weight-bold);margin:0;margin-bottom:var(--size-3)}.description{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-neutrals-text-default);font-weight:var(--font-weight-normal);margin:0;margin-bottom:var(--size-3)}.details-card{background-color:var(--color-background);border-radius:var(--border-radius-xl);padding:var(--size-6) var(--size-4);display:flex;min-width:0;flex-direction:column;gap:var(--size-6);margin-bottom:var(--size-6)}.details-card-title{padding:14px 0;font-size:var(--text-base);line-height:100%;font-weight:var(--font-weight-medium);color:var(--color-gray-darker);text-align:left}.details-rows{display:flex;flex-direction:column;gap:var(--size-3)}.details-row{display:flex;align-items:center;gap:var(--size-2);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--text-base--line-height);color:var(--color-neutrals-text-default);font-weight:var(--font-weight-semibold)}.details-row span::first-letter{text-transform:uppercase}@media (min-width:768px){.title{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height)}.description{font-size:var(--text-base);line-height:var(--text-base--line-height);margin-bottom:var(--sp-6)}}`]}firstUpdated(){z.track(_(this.loginToken.patient.hash,this.appointment.id??""))}render(){const t=V()?.replace("_","-")??"es-ES",e=this.loginToken.patient.timezone,i=new Intl.DateTimeFormat(t,{dateStyle:"full",...e?{timeZone:e}:{}}),o=new Intl.DateTimeFormat(t,{timeStyle:"short",...e?{timeZone:e}:{}}),s=new Date(this.appointment.start_date),r=S(s,this.appointment.duration),a=e?v(e,s):"";return n`<back-link @mq-back="${t=>{t.stopPropagation(),this.dispatchEvent(new N({tab:"next"}))}}">${k("Salir")}</back-link><h1 class="title">${k("¡Aún no es la hora!")}</h1><p class="description">${k("Cuando falten 10 minutos para tu consulta, podrás acceder a la videoconsulta")}</p><div class="details-card"><professional-overview .name="${this.appointment.from.name??""}" .specialtyName="${this.appointment.from.speciality??""}" .collegiateNumber="${this.appointment.from.collegiate_number??void 0}" .description="${this.appointment.from.description??""}" .languages="${this.appointment.from.languages}" .avatar="${this.appointment.from.avatar??""}"></professional-overview><div class="details-rows"><div class="details-row">${A({size:24})} <span>${i.format(s)}</span></div><div class="details-row">${W({size:24})} <span>${o.format(s)} - ${o.format(r)}${a?` (${a})`:""}</span></div></div></div><chat-cta .consultationId="${this.appointment.id}" .roomId="${Number(this.appointment.room_id)}" .professionalHash="${this.appointment.from.hash}" .text="${k("Utiliza el chat para enviar el motivo de consulta, documentos o imágenes")}" .onOpenChat="${()=>{z.track(q(this.loginToken.patient.hash,this.appointment.id??""))}}"></chat-cta>`}};t([r({type:Object})],vt.prototype,"appointment",void 0),t([P({context:L})],vt.prototype,"loginToken",void 0),vt=t([$(),e("not-time-yet-view")],vt);let gt=class PermissionStatusBanner extends i{static{this.styles=o`:host{display:block;padding:var(--size-5) var(--size-6);background-color:#ebf9ff;border-radius:var(--border-radius-lg);text-align:center}span{color:var(--color-neutrals-text-default);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-normal)}`}render(){return n`<span>${k("Espera a ser atendido sin salir de esta pantalla")}</span>`}};gt=t([$(),e("permission-status-banner")],gt);let bt=class WaitingRoomLayout extends i{constructor(){super(...arguments),this.isWaitingRoom=!1}static{this.styles=o`.information-container{padding:var(--size-5) var(--size-4);background-color:var(--color-neutrals-background-disabled)}.content{max-width:560px;margin:0 auto}.information-container h2{font-family:var(--font-titles);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-bold);color:var(--color-neutrals-text-default);margin:0;margin-bottom:var(--size-4)}.information-container p{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-normal);color:var(--color-neutrals-text-default);margin:0}.video-container{margin-left:auto;margin-right:auto;margin-bottom:var(--size-6);position:relative;max-height:301px;aspect-ratio:9/16;border-radius:16px;overflow:hidden}@media (min-width:768px){.information-container{background-color:transparent;padding:var(--size-6) 0}.video-container{max-height:454px;aspect-ratio:16/9}.information-container h2{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height)}.information-container p{font-size:var(--text-base);line-height:var(--text-base--line-height)}}`}firstUpdated(){this.isWaitingRoom&&z.track(T(this.loginToken.patient.hash,this.appointment.id??""))}render(){if(!this.isWaitingRoom)return n`<slot></slot>`;const t=V()?.replace("_","-")??"es-ES",e=this.loginToken.patient.timezone,i=e?{timeZone:e}:{},o=new Intl.DateTimeFormat(t,{dateStyle:"short",...i}),s=new Intl.DateTimeFormat(t,{timeStyle:"short",...i}),r=new Date(this.appointment.start_date),a=S(r,this.appointment.duration),l=e?v(e,r):"",d=o.format(r),c=`${s.format(r)} - ${s.format(a)}${l?` (${l})`:""}`;return n`<permission-status-banner></permission-status-banner><div class="content"><div class="information-container"><back-link @mq-back="${t=>{t.stopPropagation(),this.dispatchEvent(new N({tab:"next"}))}}">${k("Salir")}</back-link><h2>${k("Sala de espera")}</h2><div class="doctor-info"><p>${this.appointment.from.name}</p><p>${d}</p><p>${c}</p></div></div><div class="video-container"><slot></slot></div><chat-cta .consultationId="${this.appointment.id}" .roomId="${Number(this.appointment.room_id)}" .professionalHash="${this.appointment.from.hash}" .text="${k("Utiliza el chat para enviar el motivo de consulta, documentos o imágenes")}" .onOpenChat="${()=>{z.track(q(this.loginToken.patient.hash,this.appointment.id??""))}}"></chat-cta></div>`}};t([r({type:Object})],bt.prototype,"appointment",void 0),t([r({type:Boolean,attribute:"is-waiting-room"})],bt.prototype,"isWaitingRoom",void 0),t([P({context:L})],bt.prototype,"loginToken",void 0),bt=t([e("waiting-room-layout")],bt);class AppointmentCounterController{constructor(t,e){this.startsAtGetter=e,this.formattedTime="--:--",this.interval=null,this.host=t,t.addController(this)}async hostConnected(){this.interval=setInterval(()=>{const t=new Date,e=this.startsAtGetter(),i=t.getTime()-e.getTime(),o=Math.floor(i/1e3),s=Math.floor(o/60),n=o%60;this.formattedTime=`${s.toString().padStart(2,"0")}:${n.toString().padStart(2,"0")}`,this.host.requestUpdate()},1e3)}hostDisconnected(){this.interval&&clearInterval(this.interval)}}class ToggleAudioEvent extends Event{static{this.eventName="toggle-audio"}constructor(t){super(ToggleAudioEvent.eventName,{bubbles:!0,composed:!0}),this.isAudioOn=t}}class ToggleVideoEvent extends Event{static{this.eventName="toggle-video"}constructor(t){super(ToggleVideoEvent.eventName,{bubbles:!0,composed:!0}),this.isVideoOn=t}}class ToggleChatEvent extends Event{static{this.eventName="toggle-chat"}constructor(t){super(ToggleChatEvent.eventName,{bubbles:!0,composed:!0}),this.isChatOpen=t}}class ViewDocumentationEvent extends Event{static{this.eventName="view-documentation"}constructor(){super(ViewDocumentationEvent.eventName,{bubbles:!0,composed:!0})}}class DownloadFileEvent extends Event{static{this.eventName="download-file"}constructor(t,e){super(DownloadFileEvent.eventName,{bubbles:!0,composed:!0}),this.url=t,this.filename=e}}let ft=class PublisherControls extends i{constructor(){super(...arguments),this.isAudioOn=!1,this.isVideoOn=!0,this.isChatOpen=!1,this.chatEnabled=!1,this.isWaitingRoom=!1,this.unreadQuery=new D(this,()=>B(m,{roomId:this.roomId}))}static{this.styles=o`:host{display:flex;justify-content:space-between;gap:var(--size-4)}:host([is-waiting-room]){justify-content:center}.left-controls{display:flex;gap:var(--size-4)}.control-button{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--size-10);height:var(--size-10);padding:var(--size-2);border-radius:12.5px;transition:all .2s ease-in-out}@media (min-width:768px){.control-button{width:var(--size-11);height:var(--size-11);padding:var(--size-2);border-radius:16px}}.control-button:hover{background-color:var(--color-gray-light)}.control-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--color-primary-light)}.control-button--on{background-color:var(--color-white);color:var(--color-primary)}.control-button--off{background-color:var(--color-white);color:var(--color-negative)}`}toggleAudio(){this.dispatchEvent(new ToggleAudioEvent(!this.isAudioOn))}toggleVideo(){this.dispatchEvent(new ToggleVideoEvent(!this.isVideoOn))}toggleChat(){this.dispatchEvent(new ToggleChatEvent(!this.isChatOpen))}render(){return n`<div class="left-controls">${this.isWaitingRoom||!this.chatEnabled?s:n`<button type="button" class="control-button control-button--on" @click="${this.toggleChat}">${Q({size:20})} ${(this.unreadQuery.result?.data?.unread_count??0)>0?n`<mq-unread-badge></mq-unread-badge>`:s}</button>`} <button type="button" class="control-button ${this.isAudioOn?"control-button--on":"control-button--off"}" @click="${this.toggleAudio}">${this.isAudioOn?H({size:20}):G({size:20})}</button> <button type="button" class="control-button ${this.isVideoOn?"control-button--on":"control-button--off"}" @click="${this.toggleVideo}">${this.isVideoOn?Z({size:20}):Y({size:20})}</button></div>`}};t([r({type:Boolean})],ft.prototype,"isAudioOn",void 0),t([r({type:Boolean})],ft.prototype,"isVideoOn",void 0),t([r({type:Boolean})],ft.prototype,"isChatOpen",void 0),t([r({type:Boolean})],ft.prototype,"chatEnabled",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-waiting-room"})],ft.prototype,"isWaitingRoom",void 0),t([r({type:Number})],ft.prototype,"roomId",void 0),ft=t([e("publisher-controls")],ft);let yt=class VideoPublisher extends i{constructor(){super(...arguments),this.isWaitingRoom=!1,this.appointmentCounterController=new AppointmentCounterController(this,()=>new Date(this.startsAt)),this.getOrganizationSetupQuery=new D(this,()=>J(m)),this.isAudioOn=!0,this.isVideoOn=!0,this.isChatOpen=!1,this._handleVisibilityChange=()=>{"visible"===document.visibilityState&&this.publisher&&(this.publisher.publishAudio(!1),this.publisher.publishVideo(!1),setTimeout(()=>{this.publisher?.publishAudio(this.isAudioOn),this.publisher?.publishVideo(this.isVideoOn)},500))}}static{this.styles=o`:host{width:100%;height:100%;display:block}.OT_video-element{width:100%;height:100%;background:var(--color-black)}.OT_mute{display:none}video{border-radius:var(--border-radius-lg)}#video-publisher{width:100%;height:100%;transition:width .5s ease-in-out,height .5s ease-in-out;border-radius:var(--border-radius-lg)}:host(:not([is-waiting-room])) #video-publisher{width:121px;height:200px;z-index:50;border-radius:12px;overflow:hidden}:host([is-waiting-room]) .top-items{position:absolute;inset:0}:host(:not([is-waiting-room])) .top-items{position:absolute;z-index:50;top:var(--size-4);left:var(--size-4);right:var(--size-4);display:flex;justify-content:space-between;gap:var(--size-1)}.meta-container{display:flex;align-items:flex-start;gap:var(--size-1);min-width:0}.meta-item{background-color:var(--color-neutrals-text-default);padding:var(--size-2) var(--size-3);color:var(--color-white);font-size:var(--text-xs);line-height:var(--text-xs--line-height);flex-shrink:0}.meta-item:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}publisher-controls{position:absolute;z-index:50;bottom:var(--size-4);left:var(--size-4);right:var(--size-4)}mq-chat-room{height:100%}@media (min-width:768px){:host(:not([is-waiting-room])) #video-publisher{width:250px;height:auto;aspect-ratio:16/9}:host(:not([is-waiting-room])) .top-items{top:var(--size-6);left:var(--size-6);right:var(--size-6)}}`}firstUpdated(t){super.firstUpdated(t),this.publisher=this.openTokService.initPublisher(this.publisherEl,{fitMode:"contain",width:"100%",height:"100%",audioFallbackEnabled:!1,insertMode:"append",mirror:!1,publishAudio:this.isAudioOn,publishVideo:this.isVideoOn},t=>{t&&X.error("error initializing publisher",t),this.session.publish(this.publisher)}),document.addEventListener("visibilitychange",this._handleVisibilityChange)}disconnectedCallback(){document.removeEventListener("visibilitychange",this._handleVisibilityChange),super.disconnectedCallback(),this.publisher?.destroy()}async _handleToggleAudioEvent(t){this.isAudioOn=t.isAudioOn,this.publisher.publishAudio(t.isAudioOn)}async _handleToggleVideoEvent(t){this.isVideoOn=t.isVideoOn,this.publisher.publishVideo(t.isVideoOn)}async _handleToggleChatEvent(t){this.isChatOpen=t.isChatOpen}render(){const t=!0===this.getOrganizationSetupQuery.result?.data?.appointments?.has_chat_in_appointment;return n`<div class="top-items">${this.isWaitingRoom?n`<div></div>`:n`<div class="meta-container"><span class="meta-item">${this.professionalName}</span> <span class="meta-item">${this.appointmentCounterController.formattedTime}</span></div>`}<div id="video-publisher"></div></div><publisher-controls .isAudioOn="${this.isAudioOn}" .isVideoOn="${this.isVideoOn}" .isChatOpen="${this.isChatOpen}" .chatEnabled="${t}" .roomId="${Number.parseInt(this.roomId,10)}" ?is-waiting-room="${this.isWaitingRoom}" @toggle-audio="${this._handleToggleAudioEvent}" @toggle-video="${this._handleToggleVideoEvent}" @toggle-chat="${this._handleToggleChatEvent}"></publisher-controls>${t?n`<mq-floating-bubble ?dismissable="${!1}" .open="${this.isChatOpen}" @mq-close="${()=>{this.isChatOpen=!1}}" hideCloseButton>${this.isChatOpen?n`<mq-chat-room slot="content" .consultationId="${this.consultationId}" .consultationType="${u.appointment}" token="${this.loginToken.access_token}" .roomId="${Number.parseInt(this.roomId,10)}" .professionalHash="${this.professionalHash}" @mq-chat-room-close="${()=>{this.isChatOpen=!1}}"></mq-chat-room>`:s}</mq-floating-bubble>`:s}`}};t([r({type:String})],yt.prototype,"consultationId",void 0),t([r({type:String})],yt.prototype,"apiKey",void 0),t([r({type:String})],yt.prototype,"token",void 0),t([r({type:String})],yt.prototype,"roomId",void 0),t([r({type:String})],yt.prototype,"professionalHash",void 0),t([r({type:Object})],yt.prototype,"session",void 0),t([r({type:String})],yt.prototype,"professionalName",void 0),t([r({type:String})],yt.prototype,"startsAt",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-waiting-room"})],yt.prototype,"isWaitingRoom",void 0),t([P({context:at})],yt.prototype,"openTokService",void 0),t([P({context:L})],yt.prototype,"loginToken",void 0),t([tt("#video-publisher")],yt.prototype,"publisherEl",void 0),t([y()],yt.prototype,"isAudioOn",void 0),t([y()],yt.prototype,"isVideoOn",void 0),t([y()],yt.prototype,"isChatOpen",void 0),yt=t([e("video-publisher")],yt);let wt=class VideoSubscriber extends i{constructor(){super(...arguments),this.isVideoOn=!0,this._subscriberProperties={fitMode:"contain",insertMode:"append",width:"100%",height:"100%"},this._handleVisibilityChange=()=>{"visible"===document.visibilityState&&this.subscriber&&(this.subscriber.subscribeToAudio(!1),this.subscriber.subscribeToVideo(!1),setTimeout(()=>{this.subscriber?.subscribeToAudio(!0),this.subscriber?.subscribeToVideo(!0)},500),setTimeout(()=>this._resubscribe(),600))}}static{this.styles=o`:host{position:absolute;inset:0}.OT_subscriber{width:100%;height:100%;position:absolute;inset:0;background:var(--color-neutrals-background-default)}video{width:100%;height:100%}.video-disabled{position:absolute;inset:0;background:var(--color-gray-dark)}.hidden{display:none}`}firstUpdated(){this._subscribe(),document.addEventListener("visibilitychange",this._handleVisibilityChange)}_subscribe(){this.subscriber=this.openTokService.subscribe(this.session,this.stream,this.subscriberEl,this._subscriberProperties,t=>{}),this._attachSubscriberEvents()}_attachSubscriberEvents(){this.subscriber.on("connected",t=>{this.isVideoOn=t.target.stream?.hasVideo??!0}),this.subscriber.on("videoDisabled",()=>{this.isVideoOn=!1}),this.subscriber.on("videoEnabled",()=>{this.isVideoOn=!0}),this.subscriber.on("disconnected",()=>{this.isVideoOn=!1})}_resubscribe(){if(this.subscriber&&this.session&&this.subscriberEl){try{this.session.unsubscribe(this.subscriber)}catch{}this.subscriberEl.innerHTML="",this._subscribe()}}disconnectedCallback(){if(document.removeEventListener("visibilitychange",this._handleVisibilityChange),this.subscriber&&this.session)try{this.session.unsubscribe(this.subscriber)}catch{}super.disconnectedCallback()}render(){return n`<div id="video-subscriber" class="${this.isVideoOn?"":"hidden"}"></div>${this.isVideoOn?n``:n`<div class="video-disabled"></div>`}`}};t([r({type:Object})],wt.prototype,"session",void 0),t([r({type:Object})],wt.prototype,"stream",void 0),t([y()],wt.prototype,"isVideoOn",void 0),t([P({context:at})],wt.prototype,"openTokService",void 0),t([tt("#video-subscriber")],wt.prototype,"subscriberEl",void 0),wt=t([e("video-subscriber")],wt);let xt=class VideocallContent extends i{constructor(){super(...arguments),this.streams=[],this.isWaitingRoom=!1,this.isReconnecting=!1}static{this.styles=o`:host{display:block;position:relative;width:100%;height:100%;background:var(--color-gray-darkest);aspect-ratio:16/9}.reconnecting-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-3);background:rgba(0,0,0,.6);z-index:100}.reconnecting-overlay__text{color:var(--color-white);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.reconnecting-overlay__subtitle{color:var(--color-white);font-size:var(--text-xs);line-height:var(--text-xs--line-height);opacity:.85}`}firstUpdated(){this.isWaitingRoom||z.track(O(this.loginToken.patient.hash,this.appointment.id??""))}updated(t){t.has("isWaitingRoom")&&!0===t.get("isWaitingRoom")&&!this.isWaitingRoom&&z.track(O(this.loginToken.patient.hash,this.appointment.id??""))}render(){return n`<video-publisher .consultationId="${this.appointment.id}" .session="${this.session}" ?is-waiting-room="${this.isWaitingRoom}" .professionalName="${this.appointment.from.name??""}" .professionalHash="${this.appointment.from.hash}" .startsAt="${this.appointment.started_at??(new Date).toISOString()}" .apiKey="${this.apiKey}" .token="${this.token}" .roomId="${this.appointment.room_id}"></video-publisher>${0===this.streams.length?n``:this.streams.map(t=>n`<video-subscriber .session="${this.session}" .stream="${t}"></video-subscriber>`)} ${this.isReconnecting?n`<div class="reconnecting-overlay">${a({color:"var(--color-white)"})} <span class="reconnecting-overlay__text">${k("Reconectando...")} </span><span class="reconnecting-overlay__subtitle">${k("Espere mientras se restablece la conexión")}</span></div>`:""}`}};t([r({type:Object})],xt.prototype,"session",void 0),t([r({type:Array})],xt.prototype,"streams",void 0),t([r({type:String})],xt.prototype,"apiKey",void 0),t([r({type:String})],xt.prototype,"token",void 0),t([r({type:Object})],xt.prototype,"appointment",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-waiting-room"})],xt.prototype,"isWaitingRoom",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-reconnecting"})],xt.prototype,"isReconnecting",void 0),t([P({context:L})],xt.prototype,"loginToken",void 0),xt=t([$(),e("mq-videocall-content")],xt);let kt=class PageLayout extends i{constructor(){super(...arguments),this.yCentered=!1,this.background="solid"}static{this.styles=o`:host([background=transparent]){background-color:transparent}:host([background=solid]){background-color:var(--color-background)}:host([y-centered]) div{display:grid;place-items:center}div{width:100%;max-width:1000px;padding:var(--mq-layout-padding,0);margin:0 auto;box-sizing:border-box}:host([y-centered]) div{height:100%}main{width:100%}`}render(){return n`<div><main><slot></slot></main></div>`}};t([r({type:Boolean,attribute:"y-centered"})],kt.prototype,"yCentered",void 0),t([r({type:String})],kt.prototype,"background",void 0),kt=t([e("page-layout")],kt);const $t=o`:host{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);width:100%}.left{display:flex;flex-direction:column;gap:var(--sp-1);flex:1;min-width:0}.tag{border-radius:var(--border-radius-sm);display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-0_5) var(--sp-2);background-color:#e5e5e5;width:fit-content}.tag-label{font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-neutrals-text-default);text-transform:uppercase;letter-spacing:3px;line-height:normal}.title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-neutrals-text-default);line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--color-neutrals-text-default);line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;let zt=class PatientDocument extends i{constructor(){super(...arguments),this.isDownloading=!1}static{this.styles=$t}getFormatter(){const t=V().replace("_","-");return new Intl.DateTimeFormat(t,{year:"numeric",month:"numeric",day:"numeric"})}async _handleDownload(){this.isDownloading=!0;const t=await m.flash.downloadDocument({url:this.downloadUrl}),e=await async function(t){return new Promise((e,i)=>{const o=new FileReader;o.onloadend=()=>e(o.result),o.onerror=i,o.readAsDataURL(t)})}(t);this.dispatchEvent(new M({url:e,filename:`${this.filename}.pdf`})),this.isDownloading=!1}formatKind(t){switch(t){case g.prescription:return k("Receta");case g.report:return k("Informe");case g.diagnosticTestPrescription:return k("Prescripción")}}render(){const t=this.getFormatter().format(new Date(this.date));return n`<div class="left"><div class="tag"><span class="tag-label">${this.formatKind(this.kind)}</span></div><div class="title">${t} - ${this.specialty}</div><div class="description">${this.description}</div></div><mq-button variant="ghost" size="icon-lg" @click="${this._handleDownload}" ?disabled="${this.isDownloading}">${et({size:24})}</mq-button>`}};t([r({type:String})],zt.prototype,"kind",void 0),t([r({type:String})],zt.prototype,"filename",void 0),t([r({type:String})],zt.prototype,"specialty",void 0),t([r({type:String})],zt.prototype,"description",void 0),t([r({type:String})],zt.prototype,"date",void 0),t([r({type:String})],zt.prototype,"downloadUrl",void 0),t([y()],zt.prototype,"isDownloading",void 0),zt=t([$(),e("patient-document")],zt);const _t=o`.title{margin:var(--size-3) 0;font-family:var(--font-titles);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);color:var(--color-neutrals-text-default);font-weight:var(--font-weight-bold)}.description{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-neutrals-text-default);font-weight:var(--font-weight-normal);margin:0;margin-bottom:var(--size-5)}.professional-card{padding:var(--size-4);margin-bottom:var(--size-4)}.professional-card>:not(:first-child){margin-top:var(--size-4)}.professional-name{font-family:var(--font-titles);font-size:var(--text-lg);line-height:var(--text-lg--line-height);color:var(--color-neutrals-text-default);font-weight:var(--font-weight-bold);margin:0;margin-bottom:var(--size-1)}.professional-speciality{font-size:var(--text-base);line-height:var(--text-base--line-height);color:var(--color-neutrals-text-default);font-weight:var(--font-weight-normal);margin:0}.description-list{display:flex;flex-direction:column;gap:var(--size-4)}.description-list-item{display:flex;flex-direction:row;align-items:center;gap:var(--size-2);color:var(--color-neutrals-text-default)}.description-list-item dt{display:inline-flex}.description-list-item dd{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-semibold)}.description-list-item dd::first-letter{text-transform:uppercase}.documents-card{padding:var(--size-4);margin-bottom:var(--size-6)}.documents-card-empty{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-neutrals-text-default);font-weight:var(--font-weight-normal)}.documents-card-title{font-family:var(--font-titles);font-size:var(--text-lg);line-height:var(--text-lg--line-height);color:var(--color-neutrals-text-default);font-weight:var(--font-weight-bold);margin:0;margin-bottom:var(--size-4)}.documents-list{margin-bottom:var(--size-4)}.documents-list>:not(:first-child){margin-top:var(--size-2)}.finished-consultation-footer{display:flex;flex-direction:column;gap:var(--size-5)}.document-item-skeleton{height:57px;width:100%;background-color:var(--color-muted);animation:skeleton-pulse 1.5s infinite}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.6}100%{opacity:1}}@media (min-width:768px){.description-list{flex-direction:row}mq-button{display:block;max-width:323px;margin:0 auto}}`;let St=class DocumentationView extends i{constructor(){super(...arguments),this.canReconnect=!1,this._sharedocumentsTask=new d(this,{task:async([t])=>await m.flash.getSharedDocuments({appointment_id:t}),args:()=>[this.appointment.id]}),this.getOrganizationSpecialtiesQuery=new D(this,()=>C(m)),this.getOrganizationSetupQuery=new D(this,()=>J(m)),this._reconnectMutation=new U(this,{mutationFn:t=>m.appointments.reconnectAppointment(t),onSuccess:()=>{this.dispatchEvent(new CustomEvent("reconnect",{bubbles:!0,composed:!0}))}})}static{this.styles=_t}firstUpdated(){z.track(E(this.loginToken.patient.hash,this.appointment.id??""))}render(){const t=!0===this.getOrganizationSetupQuery.result?.data?.appointments?.has_chat_in_appointment,e=V(),i=e.replace("_","-"),o=this.loginToken.patient.timezone,r=o?{timeZone:o}:{},a=new Intl.DateTimeFormat(i,{dateStyle:"full",...r}),l=new Intl.DateTimeFormat(i,{hour:"2-digit",minute:"2-digit",...r}),d=new Date(this.appointment.start_date),p=S(d,this.appointment.duration),h=o?v(o,d):"";return n`<back-link @mq-back="${t=>{t.stopPropagation(),this.dispatchEvent(new N({tab:"history"}))}}">${k("Salir")}</back-link><h1 class="title">${k("Consulta finalizada")}</h1><p class="description">${k("Si tu médico ha generado alguna documentación podrás verla y descargarla aquí, desde la sección de documentación, tu correo o el chat.")}</p><mq-card class="professional-card" roundness="md"><div><h2 class="professional-name">${this.appointment.from.name}</h2><p class="professional-speciality">${this.appointment.from.speciality}</p></div><dl class="description-list"><div class="description-list-item"><dt>${A()}</dt><dd>${a.format(d)}</dd></div><div class="description-list-item"><dt>${W()}</dt><dd>${l.format(d)} - ${l.format(p)}${h?` (${h})`:""}</dd></div></dl></mq-card><mq-card class="documents-card" roundness="md"><h2 class="documents-card-title">${k("Documentación")}</h2><div class="documents-list">${this._sharedocumentsTask?.render({pending:()=>n`<div class="document-item-skeleton"></div>`,complete:()=>0===this._sharedocumentsTask?.value?.length?n`<p class="documents-card-empty">${k("El médico está terminando de gestionar tu consulta. Actualiza en unos minutos para ver si tienes documentación.")}</p>`:this._sharedocumentsTask?.value?.map(t=>n`<patient-document .kind="${t.document_type}" .filename="${t.name}" .specialty="${(()=>{const i=this.getOrganizationSpecialtiesQuery.result?.data?.find(e=>e.id===t.professional.speciality_id);return j(i?.code??"",e,i?.name)})()}" .description="${t.name}" .date="${t.created_at}" .downloadUrl="${t.url}"></patient-document>`)})}</div><mq-button variant="outline" size="md" fullwidth @click="${()=>{z.track(I(this.loginToken.patient.hash,this.appointment.id??"")),this._sharedocumentsTask?.run()}}" .disabled="${this._sharedocumentsTask?.status===c.PENDING}">${k("Actualizar")}</mq-button></mq-card><div class="finished-consultation-footer">${this.canReconnect?n`<mq-button variant="primary" size="md" fullwidth ?disabled="${this._reconnectMutation.isPending}" @click="${()=>this._reconnectMutation.run({appointmentId:this.appointment.id})}">${k("Volver a la sala de espera")}</mq-button>`:s} ${t?n`<chat-cta .consultationId="${this.appointment.id}" .roomId="${Number(this.appointment.room_id)}" .professionalHash="${this.appointment.from.hash}" .text="${k("Puedes chatear con tu profesional hasta 48 horas finalizada tu cita")}" ?readonly="${b(this.appointment.expires_at)}" .onOpenChat="${()=>{z.track(R(this.loginToken.patient.hash,this.appointment.id??""))}}"></chat-cta>`:s}</div>`}};t([r({type:Object})],St.prototype,"appointment",void 0),t([r({type:String})],St.prototype,"token",void 0),t([r({type:Boolean,attribute:"can-reconnect"})],St.prototype,"canReconnect",void 0),t([P({context:L})],St.prototype,"loginToken",void 0),St=t([$(),e("documentation-view")],St);class ReviewSubmittedEvent extends Event{static{this.eventName="review-submitted"}constructor(){super(ReviewSubmittedEvent.eventName,{bubbles:!0,composed:!0})}}class ReviewSkippedEvent extends Event{static{this.eventName="review-skipped"}constructor(){super(ReviewSkippedEvent.eventName,{bubbles:!0,composed:!0})}}let qt=class ReviewView extends i{constructor(){super(...arguments),this.rating=0,this.comment="",this._reviewMutation=new U(this,{mutationFn:({rating:t,comment:e})=>m.consultations.postReview({consultation_id:this.appointment.id??"",consultation_type:u.appointment,rating:t,comment:e.trim()?e.trim():null}),onSuccess:()=>{this.dispatchEvent(new ReviewSubmittedEvent)},onError:t=>{!function(t){const e=t,i=e?.response?.status;return 400===i&&/already exists/i.test(e?.response?.data?.message??"")}(t)?ot.error(k("No se ha podido enviar el cuestionario")):this.dispatchEvent(new ReviewSubmittedEvent)}}),this._reconnectMutation=new U(this,{mutationFn:t=>m.appointments.reconnectAppointment(t),onSuccess:()=>{this.dispatchEvent(new CustomEvent("review-reconnect",{bubbles:!0,composed:!0}))},onError:()=>{ot.error(k("No se ha podido volver a la sala de espera"))}}),this.handleSkip=()=>{this.dispatchEvent(new ReviewSkippedEvent)},this.handleSubmit=()=>{this.rating<1||this.rating>5||this._reviewMutation.isPending||this._reviewMutation.run({rating:this.rating,comment:this.comment})}}static{this.styles=o`:host{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;background-color:var(--color-background);box-sizing:border-box}.container{width:100%;max-width:500px;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5);box-sizing:border-box}.title{margin:0;padding:0 var(--sp-6);font-family:var(--font-titles);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-normal);color:var(--color-primary);text-align:center}.rating{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-6)}.subtitle{margin:0;font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-icons--secondary);text-align:center}.comment-card{background-color:var(--color-white);border:var(--action-border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 4px 4px rgba(0,0,0,.05);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5)}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3)}.comment-label{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-neutrals-text-default)}.comment-counter{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-normal);color:var(--color-text-icons--secondary);white-space:nowrap}.textarea{width:100%;box-sizing:border-box;height:var(--size-44);padding:var(--sp-3) var(--sp-4);background-color:var(--color-gray-lighter);border:var(--action-border-width) solid var(--color-border);border-radius:var(--border-radius-md);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-neutrals-text-default);resize:none}.textarea::placeholder{color:var(--color-text-icons--secondary);opacity:.6}.textarea:focus{outline:0;border-color:var(--color-primary)}.actions{display:flex;gap:var(--sp-4)}.btn{flex:1;height:var(--button-height-md);padding:var(--sp-2) var(--sp-4);border-radius:var(--border-radius-md);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .15s ease-in-out}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed}.btn-skip{background:var(--color-white);border:var(--action-border-width) solid var(--color-primary);color:var(--color-primary)}.btn-skip:hover:not(:disabled){background:var(--color-primary-background-extraWeak)}.btn-submit{background:var(--color-primary);border:var(--action-border-width) solid var(--color-primary);color:var(--color-white)}.btn-submit:hover:not(:disabled){background:var(--color-primary-dark)}.btn-submit:disabled{opacity:.5}.waiting-card{background-color:var(--color-background-primary-light);border-radius:var(--border-radius-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.waiting-header{display:flex;align-items:center;gap:var(--sp-2);color:var(--color-neutrals-text-default)}.waiting-title{font-family:var(--font-body);font-size:var(--text-xs);line-height:1;font-weight:var(--font-weight-medium);color:var(--color-neutrals-text-default)}.waiting-body{margin:0;font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-text-icons--secondary)}.waiting-link{background:0 0;border:0;padding:0;cursor:pointer;color:#3c50ec;font:inherit;text-decoration:none}.waiting-link:hover{text-decoration:none}.waiting-link:disabled{cursor:not-allowed;opacity:.6}`}render(){return n`<div class="container"><h1 class="title">${k("¿Qué tal ha ido tu cita?")}</h1><div class="rating"><mq-rating .value="${this.rating}" .label="${k("Valoración de la consulta")}" @mq-rating-change="${t=>{this.rating=t.value}}"></mq-rating><p class="subtitle">${k("(1 es muy malo, 5 es excelente)")}</p></div><div class="comment-card"><div class="comment-header"><span class="comment-label">${k("¿Tienes comentarios sobre la consulta?")}</span> <span class="comment-counter">${this.comment.length}/${240}</span></div><textarea class="textarea" maxlength="${240}" placeholder="${k("Comparte cómo fue la atención o si tuviste algún problema con la videollamada…")}" .value="${this.comment}" @input="${t=>{this.comment=t.target.value}}"></textarea><div class="actions"><button type="button" class="btn btn-skip" ?disabled="${this._reviewMutation.isPending}" @click="${this.handleSkip}">${k("Omitir")}</button> <button type="button" class="btn btn-submit" ?disabled="${this.rating<1||this._reviewMutation.isPending}" @click="${this.handleSubmit}">${k("Enviar")}</button></div></div><div class="waiting-card"><div class="waiting-header">${it({color:"currentColor",size:18})} <span class="waiting-title">${k("¿Ocurrió algún problema?")}</span></div><p class="waiting-body">${k("Si la cita no se ha podido realizar, puedes")} <button type="button" class="waiting-link" ?disabled="${this._reconnectMutation.isPending}" @click="${()=>this._reconnectMutation.run({appointmentId:this.appointment.id})}">${k("volver a la sala de espera.")}</button></p></div></div>`}};t([r({type:Object})],qt.prototype,"appointment",void 0),t([y()],qt.prototype,"rating",void 0),t([y()],qt.prototype,"comment",void 0),qt=t([$(),e("review-view")],qt);let Tt=class ErrorView extends i{static{this.styles=o`.container{display:grid;place-items:center;width:100%;max-width:447px;margin:0 auto}.card>:not(:first-child){margin-top:var(--size-8)}.title{font-family:var(--font-titles);color:var(--color-neutrals-text-default);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-bold);margin:0;margin-bottom:var(--size-3)}.description{color:var(--color-neutrals-text-default);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:400}`}render(){return n`<div class="container"><div class="card"><slot name="icon"></slot><div class="content"><h1 class="title">${this.title}</h1><p class="description">${this.message}</p></div></div></div>`}};t([r({type:String})],Tt.prototype,"title",void 0),t([r({type:String})],Tt.prototype,"message",void 0),Tt=t([e("error-view")],Tt);let Ot=class UnexpectedErrorView extends i{render(){return n`<error-view .title="${k("Error desconocido")}" .message="${k("Ha ocurrido un error al cargar la página. Por favor, intenta nuevamente o contacta al soporte.")}"><div slot="icon">${st()}</div></error-view>`}};Ot=t([$(),e("unexpected-error-view")],Ot);let Ct=class ExpiredAppointmentErrorView extends i{render(){return n`<error-view .title="${k("Consulta caducada")}" .message="${k("Parece que no te hemos encontrado a la hora de tu cita. Puedes programar otra consulta para resolver tus dudas.")}"><div slot="icon">${nt()}</div></error-view>`}};Ct=t([$(),e("expired-appointment-error-view")],Ct);let Et=class NotFoundErrorView extends i{static{this.styles=o`div{display:flex;flex-direction:column;gap:2px}span{font-size:var(--text-xs);line-height:var(--text-xs--line-height);font-weight:400;color:var(--color-gray-medium)}`}render(){return n`<error-view .title="${k("Página no encontrada")}" .message="${k("La página que estás buscando fue removida, renombrada o puede que no exista.")}"><div slot="icon"><span>404</span> ${st()}</div></error-view>`}};function jt(t){try{return function(t,e){if("string"!=typeof t)throw new InvalidTokenError("Invalid token specified: must be a string");e||(e={});const i=!0===e.header?0:1,o=t.split(".")[i];if("string"!=typeof o)throw new InvalidTokenError(`Invalid token specified: missing part #${i+1}`);let s;try{s=rt(o)}catch(t){throw new InvalidTokenError(`Invalid token specified: invalid base64 for part #${i+1} (${t.message})`)}try{return JSON.parse(s)}catch(t){throw new InvalidTokenError(`Invalid token specified: invalid json for part #${i+1} (${t.message})`)}}(t)}catch{return null}}Et=t([$(),e("not-found-error-view")],Et);let It=class MqVideocallProvider extends i{static{this.styles=o`*{box-sizing:border-box}:host{display:block;margin:0 auto;width:100%;height:100%}.centered{display:grid;place-items:center;height:100%;min-height:var(--mq-container-min-height)}documentation-view{display:block;padding:var(--sp-4)}`}constructor(){super(),this.opentokService=new OpenTokService,this.params={appointmentId:this.appointmentId,token:this.token,apiKey:this.apiKey},this.appointmentTask=new d(this,{task:async([t,,])=>{const[e,i,o]=await Promise.all([m.flash.getAppointment({appointmentId:t}),m.consultations.getReview(t).then(()=>!0).catch(()=>!1),m.organizations.getOrganizationSetup().catch(()=>{})]);return{appointment:e,hasReview:i,hasNps:!0===o?.appointments?.has_nps}},args:()=>[this.appointmentId,this.apiKey,this.token]})}willUpdate(t){if(this.appointmentTask.value&&!this.opentokController){const{appointment:t,hasReview:e,hasNps:i}=this.appointmentTask.value,o=function(t,e){return p(t)?t.status===h.finished||t.status===h.reporting?e?mt:pt:dt:ht}(t,i);this.screen=o===mt&&e?pt:o,this.params={appointmentId:this.appointmentId,token:this.token,apiKey:this.apiKey},this.opentokController=new OpenTokController(this,t,this.token,()=>{this.screen=ct},()=>{this.screen=!i||e?pt:mt})}}render(){const t=n`<div class="centered">${a({color:"var(--color-primary)"})}</div>`,e=n`<mq-layout background="transparent"><not-found-error-view></not-found-error-view></mq-layout>`;return this.appointmentTask.render({pending:()=>t,error:t=>{const i=jt(this.token);return i?.exp&&i.exp<Date.now()/1e3?n`<mq-layout background="transparent"><expired-appointment-error-view></expired-appointment-error-view></mq-layout>`:f(t)&&t.response?.status&&t.response.status<500?e:n`<mq-layout background="transparent"><unexpected-error-view></unexpected-error-view></mq-layout>`},complete:({appointment:i,hasNps:o})=>{if(this.opentokController?.isLoading)return t;if(this.opentokController?.errorMessage||!this.opentokController)return e;if(this.screen===ht)return n`<mq-layout background="transparent"><not-time-yet-view .appointment="${i}"></not-time-yet-view></mq-layout>`;if(this.screen===mt)return n`<mq-layout background="transparent"><review-view .appointment="${i}" @review-submitted="${()=>{this.screen=pt}}" @review-skipped="${()=>{this.screen=pt}}" @review-reconnect="${()=>{this.screen=dt}}"></review-view></mq-layout>`;if(this.screen===pt)return n`<mq-layout background="transparent"><documentation-view .appointment="${i}" .token="${this.token}" ?can-reconnect="${!o}" @reconnect="${()=>{this.screen=dt}}"></documentation-view></mq-layout>`;if(this.screen===dt||this.screen===ct){const e=this.opentokController.session;return e?n`<waiting-room-layout .appointment="${i}" ?is-waiting-room="${this.screen===dt}"><mq-videocall-content .apiKey="${this.apiKey}" .token="${this.token}" .session="${e}" .streams="${this.opentokController?.streams??[]}" ?is-waiting-room="${this.screen===dt}" ?is-reconnecting="${this.opentokController.isReconnecting}" .appointment="${i}"></mq-videocall-content></waiting-room-layout>`:t}return n`<mq-layout background="transparent"><unexpected-error-view></unexpected-error-view></mq-layout>`}})}};t([r({type:String,attribute:"appointment-id"})],It.prototype,"appointmentId",void 0),t([r({type:String,attribute:"api-key"})],It.prototype,"apiKey",void 0),t([r({type:String})],It.prototype,"token",void 0),t([y()],It.prototype,"screen",void 0),t([l({context:at})],It.prototype,"opentokService",void 0),t([l({context:lt})],It.prototype,"params",void 0),It=t([e("mq-videocall-provider")],It);let Rt=class PermissionsRequiredErrorView extends i{static{this.styles=o`.img-container{display:flex;justify-content:center}img{width:100%;height:auto;max-width:229px}`}render(){return n`<error-view .title="${k("Acepta los permisos de cámara y micrófono")}" .message="${k("Parece que has denegado los permisos necesarios para entrar a la videollamada. Edita los permisos en tu navegador para entrar. Una vez concedidos, debes refrescar esta pantalla.")}"><div class="img-container" slot="icon"><img src="${`${x.ASSETS_BASE_URL}/wc-videocall/Miccam_asset.png`}" alt="Miccam_asset" width="229" height="166.44"></div></error-view>`}};Rt=t([$(),e("permissions-required-error-view")],Rt);let Vt=class MqVideocall extends i{constructor(){super(...arguments),this._permissionController=new PermissionController(this)}static{this.styles=o`:host{display:block;width:100%;height:100%}.loading-spinner-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.permissions-required-error-view-container{height:100%;padding-left:var(--size-4);padding-right:var(--size-4);display:grid;place-items:center}`}render(){return"prompt"===this._permissionController.state?n`<div class="loading-spinner-container">${a({color:"var(--color-primary)"})}</div>`:"denied"===this._permissionController.state?n`<div class="permissions-required-error-view-container"><permissions-required-error-view></permissions-required-error-view></div>`:n`<mq-videocall-provider .appointmentId="${this.appointmentId}" .token="${this.token}" .apiKey="${this.apiKey}"></mq-videocall-provider>`}};t([r({type:String,attribute:"appointment-id"})],Vt.prototype,"appointmentId",void 0),t([r({type:String,attribute:"api-key"})],Vt.prototype,"apiKey",void 0),t([r({type:String})],Vt.prototype,"token",void 0),Vt=t([e("mq-videocall")],Vt);export{Vt as MqVideocall};

package/dist/theme.d.ts

@@ -0,0 +1,200 @@
+import * as lit from 'lit';
+export { d as defaultTheme } from './chunks/default-IpEn36CA.js';
+
+declare const mediquoTheme: lit.CSSResult;
+
+declare const breakpoints: {
+    mobile: number;
+    tablet: number;
+    desktop: number;
+};
+type ThemeTokens = {
+    "--spacing-unit"?: string;
+    "--color-white"?: string;
+    "--color-black"?: string;
+    "--color-gray-darkest"?: string;
+    "--color-gray-darker"?: string;
+    "--color-gray-dark"?: string;
+    "--color-gray-medium"?: string;
+    "--color-gray-light"?: string;
+    "--color-gray-lighter"?: string;
+    "--color-negative-light"?: string;
+    "--color-negative"?: string;
+    "--color-negative-dark"?: string;
+    "--color-text-icons--secondary"?: string;
+    "--color-text-icons--success"?: string;
+    "--color-primary-light"?: string;
+    "--color-primary"?: string;
+    "--color-primary-dark"?: string;
+    "--color-warning-icon-default"?: string;
+    "--color-error-border-default"?: string;
+    "--color-error-text-default"?: string;
+    "--color-border"?: string;
+    "--color-border-input"?: string;
+    "--color-background"?: string;
+    "--color-foreground"?: string;
+    "--color-background-primary"?: string;
+    "--color-background-primary-light"?: string;
+    "--color-card"?: string;
+    "--color-card-foreground"?: string;
+    "--color-muted"?: string;
+    "--color-muted-foreground"?: string;
+    "--color-top-banner-background"?: string;
+    "--shadow-none"?: string;
+    "--shadow-sm"?: string;
+    "--shadow-md"?: string;
+    "--shadow-lg"?: string;
+    "--shadow-xl"?: string;
+    "--color-neutrals-link-dark"?: string;
+    "--color-neutrals-link-disabled"?: string;
+    "--color-neutrals-background-extraWeak"?: string;
+    "--color-neutrals-background-weak"?: string;
+    "--color-neutrals-background-disabled"?: string;
+    "--color-neutrals-border-default"?: string;
+    "--color-neutrals-border-disabled"?: string;
+    "--color-neutrals-text-default"?: string;
+    "--color-neutrals-text-medium"?: string;
+    "--color-primary-background-extraWeak"?: string;
+    "--color-primary-link-default"?: string;
+    "--color-primary-text-link"?: string;
+    "--color-primary-icon-link"?: string;
+    "--color-primary-background-default"?: string;
+    "--chat-system-message-background"?: string;
+    "--chat-system-message-foreground"?: string;
+    "--chat-received-message-background"?: string;
+    "--chat-received-message-foreground"?: string;
+    "--chat-sent-message-background"?: string;
+    "--chat-sent-message-foreground"?: string;
+    "--dialog-close-hover-bg"?: string;
+    "--dialog-transition-duration"?: string;
+    "--dialog-underlay"?: string;
+    "--dialog-shadow"?: string;
+    "--size-0"?: string;
+    "--size-1"?: string;
+    "--size-2"?: string;
+    "--size-2_5"?: string;
+    "--size-3"?: string;
+    "--size-4"?: string;
+    "--size-5"?: string;
+    "--size-6"?: string;
+    "--size-7"?: string;
+    "--size-8"?: string;
+    "--size-9"?: string;
+    "--size-10"?: string;
+    "--size-11"?: string;
+    "--size-12"?: string;
+    "--size-13"?: string;
+    "--size-14"?: string;
+    "--size-15"?: string;
+    "--size-16"?: string;
+    "--size-17"?: string;
+    "--size-18"?: string;
+    "--size-19"?: string;
+    "--size-20"?: string;
+    "--size-24"?: string;
+    "--size-28"?: string;
+    "--size-32"?: string;
+    "--size-36"?: string;
+    "--size-40"?: string;
+    "--size-44"?: string;
+    "--size-48"?: string;
+    "--size-52"?: string;
+    "--sp-0"?: string;
+    "--sp-0_5"?: string;
+    "--sp-1"?: string;
+    "--sp-2"?: string;
+    "--sp-2_5"?: string;
+    "--sp-3"?: string;
+    "--sp-4"?: string;
+    "--sp-5"?: string;
+    "--sp-6"?: string;
+    "--sp-7"?: string;
+    "--sp-8"?: string;
+    "--sp-9"?: string;
+    "--sp-10"?: string;
+    "--sp-11"?: string;
+    "--sp-12"?: string;
+    "--sp-13"?: string;
+    "--sp-14"?: string;
+    "--sp-15"?: string;
+    "--sp-16"?: string;
+    "--sp-17"?: string;
+    "--sp-18"?: string;
+    "--sp-19"?: string;
+    "--sp-20"?: string;
+    "--sp-24"?: string;
+    "--sp-28"?: string;
+    "--sp-32"?: string;
+    "--sp-36"?: string;
+    "--sp-40"?: string;
+    "--sp-44"?: string;
+    "--sp-48"?: string;
+    "--sp-52"?: string;
+    "--text-xxs"?: string;
+    "--text-xs"?: string;
+    "--text-sm"?: string;
+    "--text-base"?: string;
+    "--text-lg"?: string;
+    "--text-xl"?: string;
+    "--text-2xl"?: string;
+    "--text-3xl"?: string;
+    "--text-4xl"?: string;
+    "--text-5xl"?: string;
+    "--text-6xl"?: string;
+    "--text-7xl"?: string;
+    "--text-xxs--line-height"?: string;
+    "--text-xs--line-height"?: string;
+    "--text-sm--line-height"?: string;
+    "--text-base--line-height"?: string;
+    "--text-lg--line-height"?: string;
+    "--text-xl--line-height"?: string;
+    "--text-2xl--line-height"?: string;
+    "--text-3xl--line-height"?: string;
+    "--text-4xl--line-height"?: string;
+    "--text-5xl--line-height"?: string;
+    "--text-6xl--line-height"?: string;
+    "--text-7xl--line-height"?: string;
+    "--font-weight-light"?: string;
+    "--font-weight-normal"?: string;
+    "--font-weight-medium"?: string;
+    "--font-weight-semibold"?: string;
+    "--font-weight-bold"?: string;
+    "--font-weight-extrabold"?: string;
+    "--font-titles"?: string;
+    "--font-body"?: string;
+    "--button-height-xs"?: string;
+    "--button-height-sm"?: string;
+    "--button-height-md"?: string;
+    "--button-height-lg"?: string;
+    "--button-height-xl"?: string;
+    "--select-height-sm"?: string;
+    "--select-height-md"?: string;
+    "--select-height-lg"?: string;
+    "--input-height-sm"?: string;
+    "--input-height-md"?: string;
+    "--input-height-lg"?: string;
+    "--border-radius-none"?: string;
+    "--border-radius-sm"?: string;
+    "--border-radius-md"?: string;
+    "--border-radius-lg"?: string;
+    "--border-radius-xl"?: string;
+    "--border-radius-2xl"?: string;
+    "--border-radius-full"?: string;
+    "--action-border-width"?: string;
+    "--avatar-size-sm"?: string;
+    "--avatar-size-md"?: string;
+    "--avatar-size-lg"?: string;
+    "--avatar-size-xl"?: string;
+    "--mq-safe-top"?: string;
+    "--mq-safe-bottom"?: string;
+    "--mq-safe-left"?: string;
+    "--mq-safe-right"?: string;
+};
+declare const tokens: lit.CSSResult;
+/**
+ * @description typesafe theme creation
+ */
+declare function createTheme(theme: ThemeTokens): ThemeTokens;
+
+export { breakpoints, createTheme, mediquoTheme, tokens };
+export type { ThemeTokens };

package/dist/theme.js

@@ -0,0 +1 @@
+import{i as e}from"./chunks/lit-element-DiWJYFwC.js";const a=e`:host{--spacing-unit:4px;--button-height-xs:2rem;--button-height-sm:2.25rem;--button-height-md:2.5rem;--button-height-lg:3rem;--button-height-xl:3.5rem;--select-height-sm:2.25rem;--select-height-md:2.5rem;--select-height-lg:3rem;--input-height-sm:2.25rem;--input-height-md:2.5rem;--input-height-lg:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:600;--font-weight-extrabold:600;--border-radius-none:0rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:1rem;--border-radius-2xl:2.5rem;--border-radius-full:50%;--text-xxs:0.625rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-xxs--line-height:0.75rem;--text-xs--line-height:1rem;--text-sm--line-height:1.25rem;--text-base--line-height:1.5rem;--text-lg--line-height:1.75rem;--text-xl--line-height:1.75rem;--text-2xl--line-height:2rem;--text-3xl--line-height:2.375rem;--text-4xl--line-height:2.5rem;--text-5xl--line-height:1;--text-6xl--line-height:1;--text-7xl--line-height:1;--color-primary-light:#e5e5e5;--color-primary:#2d2d2d;--color-primary-dark:#1a1a1a;--color-negative-light:#fed5e1;--color-negative:#ff014d;--color-negative-dark:#db0545;--color-warning-icon-default:#d4ac0d;--color-error-border-default:#4a4a4a;--color-error-text-default:#2d2d2d;--font-titles:sans-serif;--font-body:sans-serif;--color-background:#ffffff;--color-foreground:#1a1a1a;--color-background-primary:#2d2d2d;--color-background-primary-light:#f5f5f5;--color-card:#ffffff;--color-card-foreground:#1a1a1a;--color-muted:#ebebeb;--color-muted-foreground:#4a4a4a;--shadow-none:none;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07),0 1px 3px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.07),0 4px 6px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.08),0 8px 10px rgba(0, 0, 0, 0.04);--color-neutrals-link-dark:#1a1a1a;--color-neutrals-link-disabled:#9e9e9e;--color-neutrals-background-extraWeak:#ffffff;--color-neutrals-background-weak:#f5f5f5;--color-neutrals-background-disabled:#e0e0e0;--color-neutrals-border-default:#757575;--color-neutrals-border-disabled:#bdbdbd;--color-neutrals-text-default:#1a1a1a;--color-neutrals-text-medium:#4a4a4a;--color-primary-background-extraWeak:#f5f5f5;--color-primary-link-default:#2d2d2d;--color-primary-text-link:#1a1a1a;--color-primary-icon-link:#1a1a1a;--color-primary-background-default:#2d2d2d;--chat-system-message-background:#e0e0e0;--chat-system-message-foreground:#1a1a1a;--chat-received-message-background:#f5f5f5;--chat-received-message-foreground:#1a1a1a;--chat-sent-message-background:#e8e8e8;--chat-sent-message-foreground:#1a1a1a;--dialog-close-hover-bg:rgba(0, 0, 0, 0.05);--dialog-transition-duration:180ms;--dialog-underlay:rgba(0, 0, 0, 0.4);--dialog-shadow:0 10px 25px rgba(0, 0, 0, 0.2);--color-border:#e0e0e0;--color-border-input:#e0e0e0;--action-border-width:1px;--avatar-size-sm:45px;--avatar-size-md:52px;--avatar-size-lg:72px;--avatar-size-xl:80px;--color-top-banner-background:transparent}`,r=e`:host{--spacing-unit:4px;--button-height-xs:2rem;--button-height-sm:2.25rem;--button-height-md:2.5rem;--button-height-lg:3rem;--button-height-xl:3.5rem;--select-height-sm:2.25rem;--select-height-md:2.5rem;--select-height-lg:3rem;--input-height-sm:2.25rem;--input-height-md:2.5rem;--input-height-lg:3rem;--mq-safe-top:env(safe-area-inset-top, 0px);--mq-safe-bottom:env(safe-area-inset-bottom, 0px);--mq-safe-left:env(safe-area-inset-left, 0px);--mq-safe-right:env(safe-area-inset-right, 0px);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:500;--font-weight-bold:500;--font-weight-extrabold:500;--border-radius-none:0rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:1rem;--border-radius-2xl:2.5rem;--border-radius-full:50%;--text-xxs:0.625rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-xxs--line-height:0.75rem;--text-xs--line-height:1rem;--text-sm--line-height:1.25rem;--text-base--line-height:1.5rem;--text-lg--line-height:1.75rem;--text-xl--line-height:1.75rem;--text-2xl--line-height:2rem;--text-3xl--line-height:2.375rem;--text-4xl--line-height:2.5rem;--text-5xl--line-height:1;--text-6xl--line-height:1;--text-7xl--line-height:1;--color-primary-light:#edeefd;--color-primary:#4a1ea7;--color-primary-dark:#2d087d;--color-negative-light:#fed5e1;--color-negative:#ff014d;--color-negative-dark:#db0545;--color-warning-icon-default:#d4ac0d;--color-error-border-default:#ff014d;--color-error-text-default:#ff014d;--font-titles:"Scoop",sans-serif;--font-body:"Scoop",sans-serif;--color-background:#f8f7fa;--color-foreground:#1a1a1a;--color-background-primary:#4a1ea7;--color-background-primary-light:#edeefd;--color-card:#ffffff;--color-card-foreground:#1a1a1a;--color-muted:#f8f7fa;--color-muted-foreground:#4e4e4e;--shadow-none:none;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07),0 1px 3px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.07),0 4px 6px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.08),0 8px 10px rgba(0, 0, 0, 0.04);--color-neutrals-link-dark:#1a1a1a;--color-neutrals-link-disabled:#707070;--color-neutrals-background-extraWeak:#ffffff;--color-neutrals-background-weak:#f7f7f7;--color-neutrals-background-disabled:#f8f7fa;--color-neutrals-border-default:#90a4ae;--color-neutrals-border-disabled:#eceff1;--color-neutrals-text-default:#1a1a1a;--color-neutrals-text-medium:#4e4e4e;--color-primary-background-extraWeak:#edeefd;--color-primary-link-default:#4a1ea7;--color-primary-text-link:#4a1ea7;--color-primary-icon-link:#4a1ea7;--color-primary-background-default:#4a1ea7;--chat-system-message-background:#edeefd;--chat-system-message-foreground:#4a1ea7;--chat-received-message-background:#f8f7fa;--chat-received-message-foreground:#1a1a1a;--chat-sent-message-background:#edeefd;--chat-sent-message-foreground:#1a1a1a;--dialog-close-hover-bg:rgba(74, 30, 169, 0.05);--dialog-transition-duration:180ms;--dialog-underlay:rgba(0, 0, 0, 0.4);--dialog-shadow:0 10px 25px rgba(0, 0, 0, 0.2);--color-border:#eceff1;--color-border-input:#eceff1;--action-border-width:1px;--avatar-size-sm:45px;--avatar-size-md:52px;--avatar-size-lg:72px;--avatar-size-xl:80px;--color-top-banner-background:transparent}`,t={mobile:768,tablet:1024,desktop:1200},i=e`:host{--color-white:#ffffff;--color-black:#000000;--color-gray-darkest:#1a1a1a;--color-gray-darker:#4e4e4e;--color-gray-dark:#3e3e3e;--color-gray-medium:#90a4ae;--color-gray-light:#eceff1;--color-gray-lighter:#f8f7fa;--color-text-icons--secondary:#6d658b;--color-text-icons--success:#34c759;--spacing-unit:4px;--size-0:calc(var(--spacing-unit) * 0);--size-1:calc(var(--spacing-unit) * 1);--size-2:calc(var(--spacing-unit) * 2);--size-2_5:calc(var(--spacing-unit) * 2.5);--size-3:calc(var(--spacing-unit) * 3);--size-4:calc(var(--spacing-unit) * 4);--size-5:calc(var(--spacing-unit) * 5);--size-6:calc(var(--spacing-unit) * 6);--size-7:calc(var(--spacing-unit) * 7);--size-8:calc(var(--spacing-unit) * 8);--size-9:calc(var(--spacing-unit) * 9);--size-10:calc(var(--spacing-unit) * 10);--size-11:calc(var(--spacing-unit) * 11);--size-12:calc(var(--spacing-unit) * 12);--size-13:calc(var(--spacing-unit) * 13);--size-14:calc(var(--spacing-unit) * 14);--size-15:calc(var(--spacing-unit) * 15);--size-16:calc(var(--spacing-unit) * 16);--size-17:calc(var(--spacing-unit) * 17);--size-18:calc(var(--spacing-unit) * 18);--size-19:calc(var(--spacing-unit) * 19);--size-20:calc(var(--spacing-unit) * 20);--size-24:calc(var(--spacing-unit) * 24);--size-28:calc(var(--spacing-unit) * 28);--size-32:calc(var(--spacing-unit) * 32);--size-36:calc(var(--spacing-unit) * 36);--size-40:calc(var(--spacing-unit) * 40);--size-44:calc(var(--spacing-unit) * 44);--size-48:calc(var(--spacing-unit) * 48);--size-52:calc(var(--spacing-unit) * 52);--sp-0:calc(var(--spacing-unit) * 0);--sp-0_5:calc(var(--spacing-unit) * 0.5);--sp-1:calc(var(--spacing-unit) * 1);--sp-2:calc(var(--spacing-unit) * 2);--sp-2_5:calc(var(--spacing-unit) * 2.5);--sp-3:calc(var(--spacing-unit) * 3);--sp-4:calc(var(--spacing-unit) * 4);--sp-5:calc(var(--spacing-unit) * 5);--sp-6:calc(var(--spacing-unit) * 6);--sp-7:calc(var(--spacing-unit) * 7);--sp-8:calc(var(--spacing-unit) * 8);--sp-9:calc(var(--spacing-unit) * 9);--sp-10:calc(var(--spacing-unit) * 10);--sp-11:calc(var(--spacing-unit) * 11);--sp-12:calc(var(--spacing-unit) * 12);--sp-13:calc(var(--spacing-unit) * 13);--sp-14:calc(var(--spacing-unit) * 14);--sp-15:calc(var(--spacing-unit) * 15);--sp-16:calc(var(--spacing-unit) * 16);--sp-17:calc(var(--spacing-unit) * 17);--sp-18:calc(var(--spacing-unit) * 18);--sp-19:calc(var(--spacing-unit) * 19);--sp-20:calc(var(--spacing-unit) * 20);--sp-24:calc(var(--spacing-unit) * 24);--sp-28:calc(var(--spacing-unit) * 28);--sp-32:calc(var(--spacing-unit) * 32);--sp-36:calc(var(--spacing-unit) * 36);--sp-40:calc(var(--spacing-unit) * 40);--sp-44:calc(var(--spacing-unit) * 44);--sp-48:calc(var(--spacing-unit) * 48);--sp-52:calc(var(--spacing-unit) * 52);--avatar-size-sm:45px;--avatar-size-md:52px;--avatar-size-lg:72px;--avatar-size-xl:80px}`;function c(e){return e}export{t as breakpoints,c as createTheme,a as defaultTheme,r as mediquoTheme,i as tokens};

package/dist/ui/back-link.d.ts

@@ -0,0 +1,21 @@
+import * as lit_html from 'lit-html';
+import { LitElement } from 'lit';
+import './mq-text-button.js';
+
+/**
+ * Presentational back control. It does not know about routes or destinations:
+ * on click it emits a decoupled `MqBackEvent`. The host decides what "back"
+ * means. Use the optional `source` to disambiguate when composed inside a
+ * feature that renders more than one back affordance.
+ */
+declare class BackLink extends LitElement {
+    source?: string;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "back-link": BackLink;
+    }
+}
+
+export { BackLink };

package/dist/ui/back-link.js

@@ -0,0 +1 @@
+import{_ as t,t as o}from"../chunks/custom-element-DA9Fxvxd.js";import{a as s,x as e}from"../chunks/lit-element-DiWJYFwC.js";import{n as r}from"../chunks/property-scuRaFcM.js";import{MqBackEvent as i}from"../events.js";import{chevronLeftIcon as n}from"./icons/chevron-left-icon.js";import"./mq-text-button.js";import"../chunks/if-defined-BYeVdwgd.js";import"./icons/types.js";import"../chunks/class-map-Co76I6aw.js";import"../chunks/directive-2EDmOukv.js";let c=class BackLink extends s{render(){return e`<mq-text-button @click="${()=>{this.dispatchEvent(new i(this.source?{source:this.source}:{}))}}" fontWeight="bold">${n({color:"var(--color-primary)",size:24})}<slot></slot></mq-text-button>`}};t([r({type:String})],c.prototype,"source",void 0),c=t([o("back-link")],c);export{c as BackLink};

package/dist/ui/icons/alert-circle-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function alertCircleIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { alertCircleIcon };

package/dist/ui/icons/alert-circle-icon.js

@@ -0,0 +1 @@
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as o}from"./types.js";function r({size:r=18,color:s=o.color,className:i=o.className}={}){return e`<svg width="${r}" height="${r}" viewBox="0 0 24 24" fill="none" stroke="${s}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" class="${i}" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>`}export{r as alertCircleIcon};

package/dist/ui/icons/annotation-question-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function annotationQuestionIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { annotationQuestionIcon };

package/dist/ui/icons/annotation-question-icon.js

@@ -0,0 +1 @@
+import{x as C}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as o}from"./types.js";function t({size:t=o.size,color:e=o.color}={}){return C`<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none"><path opacity="0.12" d="M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V13.5C21 14.8978 21 15.5967 20.7716 16.1481C20.4672 16.8831 19.8831 17.4672 19.1481 17.7716C18.5967 18 17.8978 18 16.5 18C16.0114 18 15.7671 18 15.5405 18.0535C15.2383 18.1248 14.9569 18.2656 14.7185 18.4645C14.5397 18.6137 14.3931 18.8091 14.1 19.2L12.64 21.1467C12.4229 21.4362 12.3143 21.5809 12.1812 21.6327C12.0647 21.678 11.9353 21.678 11.8188 21.6327C11.6857 21.5809 11.5771 21.4362 11.36 21.1467L9.9 19.2C9.60685 18.8091 9.46028 18.6137 9.2815 18.4645C9.04312 18.2656 8.76169 18.1248 8.45951 18.0535C8.23287 18 7.98858 18 7.5 18C6.10218 18 5.40326 18 4.85195 17.7716C4.11687 17.4672 3.53284 16.8831 3.22836 16.1481C3 15.5967 3 14.8978 3 13.5V7.8Z" fill="${e}"/><path d="M10 8.50224C10.1762 8.00136 10.524 7.579 10.9817 7.30998C11.4395 7.04095 11.9777 6.9426 12.501 7.03237C13.0243 7.12213 13.499 7.39421 13.8409 7.80041C14.1829 8.20661 14.37 8.72072 14.3692 9.25168C14.3692 10.7506 12.1209 11.5 12.1209 11.5M12.1499 14.5H12.1599M9.9 19.2L11.36 21.1467C11.5771 21.4362 11.6857 21.5809 11.8188 21.6327C11.9353 21.678 12.0647 21.678 12.1812 21.6327C12.3143 21.5809 12.4229 21.4362 12.64 21.1467L14.1 19.2C14.3931 18.8091 14.5397 18.6137 14.7185 18.4645C14.9569 18.2656 15.2383 18.1248 15.5405 18.0535C15.7671 18 16.0114 18 16.5 18C17.8978 18 18.5967 18 19.1481 17.7716C19.8831 17.4672 20.4672 16.8831 20.7716 16.1481C21 15.5967 21 14.8978 21 13.5V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V13.5C3 14.8978 3 15.5967 3.22836 16.1481C3.53284 16.8831 4.11687 17.4672 4.85195 17.7716C5.40326 18 6.10218 18 7.5 18C7.98858 18 8.23287 18 8.45951 18.0535C8.76169 18.1248 9.04312 18.2656 9.2815 18.4645C9.46028 18.6137 9.60685 18.8091 9.9 19.2Z" stroke="${e}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`}export{t as annotationQuestionIcon};

package/dist/ui/icons/briefcase-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function briefcaseIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { briefcaseIcon };

package/dist/ui/icons/briefcase-icon.js

@@ -0,0 +1 @@
+import{x as C}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as e}from"./types.js";function l({size:l=e.size,color:o=e.color}={}){return C`<svg width="${l}" height="${l}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 10.5C12.5 10.0858 12.1642 9.75 11.75 9.75C11.3358 9.75 11 10.0858 11 10.5V12.75H8.75C8.33579 12.75 8 13.0858 8 13.5C8 13.9142 8.33579 14.25 8.75 14.25H11V16.5C11 16.9142 11.3358 17.25 11.75 17.25C12.1642 17.25 12.5 16.9142 12.5 16.5V14.25H14.75C15.1642 14.25 15.5 13.9142 15.5 13.5C15.5 13.0858 15.1642 12.75 14.75 12.75H12.5V10.5Z" fill="${o}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.75V3H5.75C5.02065 3 4.32118 3.28973 3.80546 3.80546C3.28973 4.32118 3 5.02065 3 5.75V19.75C3 20.4793 3.28973 21.1788 3.80546 21.6945C4.32118 22.2103 5.02065 22.5 5.75 22.5H17.75C18.4793 22.5 19.1788 22.2103 19.6945 21.6945C20.2103 21.1788 20.5 20.4793 20.5 19.75V5.75C20.5 5.02065 20.2103 4.32118 19.6945 3.80546C19.1788 3.28973 18.4793 3 17.75 3H16.5V2.75C16.5 1.7835 15.7165 1 14.75 1H8.75C7.7835 1 7 1.7835 7 2.75ZM8.75 2.5C8.61193 2.5 8.5 2.61193 8.5 2.75V4.75C8.5 4.88807 8.61193 5 8.75 5H14.75C14.8881 5 15 4.88807 15 4.75V2.75C15 2.61193 14.8881 2.5 14.75 2.5H8.75ZM17.75 4.5H16.5V4.75C16.5 5.7165 15.7165 6.5 14.75 6.5H8.75C7.7835 6.5 7 5.7165 7 4.75V4.5H5.75C5.41848 4.5 5.10054 4.6317 4.86612 4.86612C4.6317 5.10054 4.5 5.41848 4.5 5.75V19.75C4.5 20.0815 4.6317 20.3995 4.86612 20.6339C5.10054 20.8683 5.41848 21 5.75 21H17.75C18.0815 21 18.3995 20.8683 18.6339 20.6339C18.8683 20.3995 19 20.0815 19 19.75V5.75C19 5.41848 18.8683 5.10054 18.6339 4.86612C18.3995 4.6317 18.0815 4.5 17.75 4.5Z" fill="${o}"/></svg>`}export{l as briefcaseIcon};

package/dist/ui/icons/calendar-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function calendarIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { calendarIcon };

package/dist/ui/icons/calendar-icon.js

@@ -0,0 +1 @@
+import{x as C}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as V}from"./types.js";function e({size:e=V.size,color:o=V.color}={}){return C`<svg width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.75C7 2.33579 7.33579 2 7.75 2C8.16421 2 8.5 2.33579 8.5 2.75V4H11.5V2.75C11.5 2.33579 11.8358 2 12.25 2C12.6642 2 13 2.33579 13 2.75V4H16V2.75C16 2.33579 16.3358 2 16.75 2C17.1642 2 17.5 2.33579 17.5 2.75V4H19C20.6569 4 22 5.34315 22 7V18C22 19.6569 20.6569 21 19 21H5C3.34315 21 2 19.6569 2 18V7C2 5.34315 3.34315 4 5 4H7V2.75ZM13 5.5H16V6.25C16 6.66421 16.3358 7 16.75 7C17.1642 7 17.5 6.66421 17.5 6.25V5.5H19C19.8284 5.5 20.5 6.17157 20.5 7V9H3.5V7C3.5 6.17157 4.17157 5.5 5 5.5H7V6.25C7 6.66421 7.33579 7 7.75 7C8.16421 7 8.5 6.66421 8.5 6.25V5.5H11.5V6.25C11.5 6.66421 11.8358 7 12.25 7C12.6642 7 13 6.66421 13 6.25V5.5ZM3.5 10.5V18C3.5 18.8284 4.17157 19.5 5 19.5H19C19.8284 19.5 20.5 18.8284 20.5 18V10.5H3.5Z" fill="${o}"/></svg>`}export{e as calendarIcon};

package/dist/ui/icons/chat-bubble-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function chatbubbleIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { chatbubbleIcon };

package/dist/ui/icons/chat-bubble-icon.js

@@ -0,0 +1 @@
+import{x as t}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as o}from"./types.js";function e({size:e=o.size,color:r=o.color}={}){return t`<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" stroke="${r}" stroke-width="2"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"/></svg>`}export{e as chatbubbleIcon};

package/dist/ui/icons/check-circle-icon.d.ts

@@ -0,0 +1,5 @@
+import * as lit_html from 'lit-html';
+
+declare function checkCircleIcon(): lit_html.TemplateResult<1>;
+
+export { checkCircleIcon };

package/dist/ui/icons/check-circle-icon.js

@@ -0,0 +1 @@
+import{x as L}from"../../chunks/lit-element-DiWJYFwC.js";function M(){return L`<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_1001_2180" fill="white"><path d="M19.9997 0.655151C30.6772 0.655151 39.3336 9.16174 39.3336 19.6552L39.3268 20.1454C39.0622 30.4122 30.5104 38.6552 19.9997 38.6552L19.5006 38.6493C9.21968 38.3931 0.932895 30.2492 0.672516 20.1454L0.666656 19.6552C0.666656 9.16185 9.32231 0.655324 19.9997 0.655151ZM19.9997 2.15515C10.126 2.15532 2.16666 10.0148 2.16666 19.6552C2.16666 29.2955 10.126 37.155 19.9997 37.1552C29.8734 37.1552 37.8336 29.2956 37.8336 19.6552C37.8336 10.0147 29.8734 2.15515 19.9997 2.15515ZM29.6461 12.7557C29.8413 12.5639 30.1579 12.5641 30.3532 12.7557C30.5484 12.9476 30.5484 13.2592 30.3532 13.451L17.0202 26.5546C16.825 26.7463 16.5084 26.7461 16.3131 26.5546L9.64615 20.0028C9.4513 19.811 9.45125 19.5003 9.64615 19.3085C9.84138 19.1166 10.1579 19.1167 10.3532 19.3085L16.6667 25.5116L29.6461 12.7557Z"/></mask><path d="M19.9997 0.655151V-0.844849H19.9996L19.9997 0.655151ZM39.3336 19.6552L40.8335 19.6761L40.8336 19.6656V19.6552H39.3336ZM39.3268 20.1454L40.8263 20.184L40.8265 20.1752L40.8267 20.1663L39.3268 20.1454ZM19.9997 38.6552L19.9821 40.155L19.9909 40.1552H19.9997V38.6552ZM19.5006 38.6493L19.4633 40.1488L19.4732 40.1491L19.483 40.1492L19.5006 38.6493ZM0.672516 20.1454L-0.827377 20.1633L-0.827253 20.1737L-0.826986 20.184L0.672516 20.1454ZM0.666656 19.6552H-0.833344V19.6641L-0.833236 19.6731L0.666656 19.6552ZM19.9997 2.15515V0.655151L19.9996 0.655151L19.9997 2.15515ZM2.16666 19.6552H0.666656H0.666656H2.16666ZM19.9997 37.1552L19.9996 38.6552H19.9997V37.1552ZM37.8336 19.6552H39.3336H37.8336ZM29.6461 12.7557L28.5948 11.6859L28.5947 11.6859L29.6461 12.7557ZM30.3532 12.7557L31.4046 11.6859L31.4037 11.685L30.3532 12.7557ZM30.3532 13.451L29.3018 12.3812L29.3018 12.3812L30.3532 13.451ZM17.0202 26.5546L18.0716 27.6244L18.0716 27.6244L17.0202 26.5546ZM16.3131 26.5546L15.2618 27.6244L15.2627 27.6254L16.3131 26.5546ZM9.64615 20.0028L8.59377 21.0717L8.59477 21.0727L9.64615 20.0028ZM9.64615 19.3085L8.59474 18.2386L8.59401 18.2394L9.64615 19.3085ZM10.3532 19.3085L11.4044 18.2385L11.4043 18.2384L10.3532 19.3085ZM16.6667 25.5116L15.6154 26.5816L16.6668 27.6146L17.7181 26.5814L16.6667 25.5116ZM19.9997 0.655151V2.15515C29.8735 2.15515 37.8336 10.0147 37.8336 19.6552H39.3336H40.8336C40.8336 8.30876 31.4808 -0.844849 19.9997 -0.844849V0.655151ZM39.3336 19.6552L37.8338 19.6342L37.827 20.1245L39.3268 20.1454L40.8267 20.1663L40.8335 19.6761L39.3336 19.6552ZM39.3268 20.1454L37.8273 20.1067C37.5842 29.539 29.7187 37.1552 19.9997 37.1552V38.6552V40.1552C31.3021 40.1552 40.5402 31.2855 40.8263 20.184L39.3268 20.1454ZM19.9997 38.6552L20.0173 37.1553L19.5183 37.1494L19.5006 38.6493L19.483 40.1492L19.9821 40.155L19.9997 38.6552ZM19.5006 38.6493L19.538 37.1498C10.0328 36.9129 2.41123 29.3892 2.17202 20.1067L0.672516 20.1454L-0.826986 20.184C-0.545441 31.1091 8.40655 39.8733 19.4633 40.1488L19.5006 38.6493ZM0.672516 20.1454L2.17241 20.1275L2.16655 19.6372L0.666656 19.6552L-0.833236 19.6731L-0.827377 20.1633L0.672516 20.1454ZM0.666656 19.6552H2.16666C2.16666 10.0148 10.126 2.15531 19.9997 2.15515L19.9997 0.655151L19.9996 -0.844849C8.51857 -0.844663 -0.833344 8.30894 -0.833344 19.6552H0.666656ZM19.9997 2.15515L19.9996 0.655151C9.32166 0.655338 0.666656 9.16248 0.666656 19.6552H2.16666H3.66666C3.66666 10.867 10.9304 3.65531 19.9997 3.65515L19.9997 2.15515ZM2.16666 19.6552H0.666656C0.666658 30.1478 9.32166 38.655 19.9996 38.6552L19.9997 37.1552L19.9997 35.6552C10.9304 35.655 3.66666 28.4433 3.66666 19.6552H2.16666ZM19.9997 37.1552V38.6552C30.6777 38.6552 39.3336 30.148 39.3336 19.6552H37.8336H36.3336C36.3336 28.4433 29.0692 35.6552 19.9997 35.6552V37.1552ZM37.8336 19.6552H39.3336C39.3336 9.1623 30.6777 0.655151 19.9997 0.655151V2.15515V3.65515C29.0692 3.65515 36.3336 10.867 36.3336 19.6552H37.8336ZM29.6461 12.7557L30.6975 13.8256C30.3082 14.2082 29.6899 14.2064 29.3027 13.8265L30.3532 12.7557L31.4037 11.685C30.6259 10.9219 29.3744 10.9197 28.5948 11.6859L29.6461 12.7557ZM30.3532 12.7557L29.3018 13.8256C28.8989 13.4297 28.8989 12.7772 29.3018 12.3812L30.3532 13.451L31.4046 14.5209C32.198 13.7412 32.1979 12.4656 31.4046 11.6859L30.3532 12.7557ZM30.3532 13.451L29.3018 12.3812L15.9688 25.4847L17.0202 26.5546L18.0716 27.6244L31.4046 14.5209L30.3532 13.451ZM17.0202 26.5546L15.9688 25.4847C16.3582 25.102 16.9764 25.104 17.3636 25.4838L16.3131 26.5546L15.2627 27.6254C16.0404 28.3883 17.2919 28.3907 18.0716 27.6244L17.0202 26.5546ZM16.3131 26.5546L17.3645 25.4847L10.6975 18.9329L9.64615 20.0028L8.59477 21.0727L15.2618 27.6244L16.3131 26.5546ZM9.64615 20.0028L10.6985 18.9339C11.1003 19.3295 11.1008 19.9815 10.6983 20.3776L9.64615 19.3085L8.59401 18.2394C7.8017 19.0191 7.80235 20.2925 8.59377 21.0717L9.64615 20.0028ZM9.64615 19.3085L10.6976 20.3783C10.3089 20.7602 9.69005 20.7597 9.30202 20.3786L10.3532 19.3085L11.4043 18.2384C10.6258 17.4736 9.37383 17.473 8.59474 18.2386L9.64615 19.3085ZM10.3532 19.3085L9.30191 20.3784L15.6154 26.5816L16.6667 25.5116L17.7179 24.4416L11.4044 18.2385L10.3532 19.3085ZM16.6667 25.5116L17.7181 26.5814L30.6976 13.8256L29.6461 12.7557L28.5947 11.6859L15.6153 24.4418L16.6667 25.5116Z" fill="#41A45D" mask="url(#path-1-inside-1_1001_2180)"/></svg>`}export{M as checkCircleIcon};

package/dist/ui/icons/check-double-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function checkDoubleIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { checkDoubleIcon };

package/dist/ui/icons/check-double-icon.js

@@ -0,0 +1 @@
+import{x as l}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as s}from"./types.js";function e({size:e=s.size,color:o=s.color,className:t=s.className}={}){return l`<svg width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="${t}"><path d="M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z" fill="${o}"/></svg>`}export{e as checkDoubleIcon};

package/dist/ui/icons/check-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function checkIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { checkIcon };

package/dist/ui/icons/check-icon.js

@@ -0,0 +1 @@
+import{x as s}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as l}from"./types.js";function e({size:e=l.size,color:o=l.color,className:t=l.className}={}){return s`<svg width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="${t}"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" fill="${o}"/></svg>`}export{e as checkIcon};

package/dist/ui/icons/chevron-down-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function chevronDownIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { chevronDownIcon };

package/dist/ui/icons/chevron-down-icon.js

@@ -0,0 +1 @@
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{o as s}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as l}from"./types.js";function o({size:o=l.size,color:i=l.color,className:r=l.className}={}){return e`<svg width="${o}" height="${o}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="${s(r)}"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.2071 9.29289C17.5976 9.68342 17.5976 10.3166 17.2071 10.7071L13.2071 14.7071C12.8166 15.0976 12.1834 15.0976 11.7929 14.7071L7.79289 10.7071C7.40237 10.3166 7.40237 9.68342 7.79289 9.29289C8.18342 8.90237 8.81658 8.90237 9.20711 9.29289L12.5 12.5858L15.7929 9.29289C16.1834 8.90237 16.8166 8.90237 17.2071 9.29289Z" fill="${i}"/></svg>`}export{o as chevronDownIcon};

package/dist/ui/icons/chevron-left-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function chevronLeftIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { chevronLeftIcon };

package/dist/ui/icons/chevron-left-icon.js

@@ -0,0 +1 @@
+import{x as o}from"../../chunks/lit-element-DiWJYFwC.js";import{o as s}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as e}from"./types.js";function t({size:t=e.size,color:r=e.color,className:i=e.className}={}){return o`<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="${r}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="${s(i)}"><path d="m15 18-6-6 6-6"/></svg>`}export{t as chevronLeftIcon};

package/dist/ui/icons/chevron-right-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function chevronRightIcon({ size, color, className, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { chevronRightIcon };

package/dist/ui/icons/chevron-right-icon.js

@@ -0,0 +1 @@
+import{x as o}from"../../chunks/lit-element-DiWJYFwC.js";import{o as s}from"../../chunks/if-defined-BYeVdwgd.js";import{defaultIconProps as e}from"./types.js";function t({size:t=e.size,color:r=e.color,className:i=e.className}={}){return o`<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="${r}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="${s(i)}"><path d="m9 18 6-6-6-6"/></svg>`}export{t as chevronRightIcon};

package/dist/ui/icons/clock-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function clockIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { clockIcon };

package/dist/ui/icons/clock-icon.js

@@ -0,0 +1 @@
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as l}from"./types.js";function o({size:o=l.size,color:i=l.color}={}){return e`<svg width="${o}" height="${o}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.75 6C12.75 5.58579 12.4142 5.25 12 5.25C11.5858 5.25 11.25 5.58579 11.25 6V12C11.25 12.2841 11.4105 12.5438 11.6646 12.6708L15.6646 14.6708C16.0351 14.8561 16.4856 14.7059 16.6708 14.3354C16.8561 13.9649 16.7059 13.5144 16.3354 13.3292L12.75 11.5365V6Z" fill="${i}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z" fill="${i}"/></svg>`}export{o as clockIcon};

package/dist/ui/icons/download-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function downloadIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { downloadIcon };

package/dist/ui/icons/download-icon.js

@@ -0,0 +1 @@
+import{x as o}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as t}from"./types.js";function e({size:e=t.size,color:r=t.color}={}){return o`<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" viewBox="0 0 24 24" fill="none" stroke="${r}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 15V3"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="m7 10 5 5 5-5"/></svg>`}export{e as downloadIcon};

package/dist/ui/icons/file-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function fileIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { fileIcon };

package/dist/ui/icons/file-icon.js

@@ -0,0 +1 @@
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";import{defaultIconProps as l}from"./types.js";function i({size:i=l.size,color:d=l.color}={}){return e`<svg width="${i}" height="${i}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 11H7V12.5H17V11Z" fill="${d}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 14H17V15.5H7V14Z" fill="${d}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17 17H7V18.5H17V17Z" fill="${d}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.05546 2.05546C4.57118 1.53973 5.27065 1.25 6 1.25H13C13.2073 1.25 13.3949 1.3341 13.5307 1.47004L20.5303 8.46967L20.5415 8.48109C20.6706 8.61582 20.75 8.79864 20.75 9V20C20.75 20.7293 20.4603 21.4288 19.9445 21.9445C19.4288 22.4603 18.7293 22.75 18 22.75H6C5.27065 22.75 4.57118 22.4603 4.05546 21.9445C3.53973 21.4288 3.25 20.7293 3.25 20V4C3.25 3.27065 3.53973 2.57118 4.05546 2.05546ZM6 2.75H12.25V9C12.25 9.41421 12.5858 9.75 13 9.75H19.25V20C19.25 20.3315 19.1183 20.6495 18.8839 20.8839C18.6495 21.1183 18.3315 21.25 18 21.25H6C5.66848 21.25 5.35054 21.1183 5.11612 20.8839C4.8817 20.6495 4.75 20.3315 4.75 20V4C4.75 3.66848 4.8817 3.35054 5.11612 3.11612C5.35054 2.8817 5.66848 2.75 6 2.75ZM13.75 3.81066L18.1893 8.25H13.75V3.81066Z" fill="${d}"/></svg>`}export{i as fileIcon};

package/dist/ui/icons/heartbeat-icon.d.ts

@@ -0,0 +1,5 @@
+import * as lit_html from 'lit-html';
+
+declare function heartBeatIcon(): lit_html.TemplateResult<1>;
+
+export { heartBeatIcon };

package/dist/ui/icons/heartbeat-icon.js

@@ -0,0 +1 @@
+import{x as e}from"../../chunks/lit-element-DiWJYFwC.js";function t(){return e`<svg width="144" height="139" viewBox="0 0 144 139" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="144" height="139" rx="11" fill="#ECEFF1"/><mask id="mask0_3688_36368" maskUnits="userSpaceOnUse" x="11" y="11" width="122" height="117"><rect x="11" y="11" width="122" height="117" rx="6" fill="white"/></mask><g mask="url(#mask0_3688_36368)"><rect x="11" y="11" width="122" height="117" rx="6" fill="white"/><line x1="22.5" y1="11" x2="22.5" y2="128" stroke="#F5F8FA"/><line x1="33.5" y1="11" x2="33.5" y2="128" stroke="#F5F8FA"/><line x1="44.5" y1="11" x2="44.5" y2="128" stroke="#F5F8FA"/><line x1="55.5" y1="11" x2="55.5" y2="128" stroke="#F5F8FA"/><line x1="66.5" y1="11" x2="66.5" y2="128" stroke="#F5F8FA"/><line x1="77.5" y1="11" x2="77.5" y2="128" stroke="#F5F8FA"/><line x1="88.5" y1="11" x2="88.5" y2="128" stroke="#F5F8FA"/><line x1="99.5" y1="11" x2="99.5" y2="128" stroke="#F5F8FA"/><line x1="110.5" y1="11" x2="110.5" y2="128" stroke="#F5F8FA"/><line x1="121.5" y1="11" x2="121.5" y2="128" stroke="#F5F8FA"/><path d="M9.5 77L16 32L21.5 100L29 55.5L34.5 77L38 69.5L42 77L51 32L56.5 100L63.5 57.5L66.5 69.5H135.5" stroke="url(#paint0_linear_3688_36368)" stroke-width="3" stroke-linejoin="round"/><rect x="109" y="15" width="21" height="17" rx="4" fill="white"/><path d="M115.993 27.1176C117.757 27.1176 118.894 25.4908 118.894 23.57V23.5504C118.894 21.6296 117.777 20.0224 116.013 20.0224C114.249 20.0224 113.102 21.6492 113.102 23.57V23.5896C113.102 25.5104 114.219 27.1176 115.993 27.1176ZM116.013 26.412C114.729 26.412 113.906 25.0694 113.906 23.57V23.5504C113.906 22.0412 114.709 20.728 115.993 20.728C117.267 20.728 118.09 22.0706 118.09 23.57V23.5896C118.09 25.089 117.297 26.412 116.013 26.412ZM122.999 27.1176C124.763 27.1176 125.899 25.4908 125.899 23.57V23.5504C125.899 21.6296 124.782 20.0224 123.018 20.0224C121.254 20.0224 120.108 21.6492 120.108 23.57V23.5896C120.108 25.5104 121.225 27.1176 122.999 27.1176ZM123.018 26.412C121.734 26.412 120.911 25.0694 120.911 23.57V23.5504C120.911 22.0412 121.715 20.728 122.999 20.728C124.273 20.728 125.096 22.0706 125.096 23.57V23.5896C125.096 25.089 124.302 26.412 123.018 26.412Z" fill="#B5C2C9"/></g><defs><linearGradient id="paint0_linear_3688_36368" x1="72" y1="66" x2="5" y2="66" gradientUnits="userSpaceOnUse"><stop stop-color="#90A4AE"/><stop offset="1" stop-color="#90A4AE" stop-opacity="0"/></linearGradient></defs></svg>`}export{t as heartBeatIcon};

package/dist/ui/icons/info-circle-outine-icon.d.ts

@@ -0,0 +1,6 @@
+import * as lit_html from 'lit-html';
+import { IconProps } from './types.js';
+
+declare function infoCircleOutineIcon({ size, color, }?: IconProps): lit_html.TemplateResult<1>;
+
+export { infoCircleOutineIcon };