@mediquo/elements 0.8.1 → 0.8.2

package/dist/mq-support-chat.d.ts

@@ -1,8 +1,8 @@
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement, PropertyValues, nothing } from 'lit';
-import { M as MediquoApiChatClient } from './chunks/index.d-Bl682CAX.js';
-import './chunks/mq-chat-room-t3j3Tq4o.js';
+import { M as MediquoApiChatClient } from './chunks/index.d-XSe7Hy-Q.js';
+import './chunks/mq-chat-room-jeDvIF1Z.js';
 import './ui/mq-avatar.js';
 import 'axios';
 import 'zod';
@@ -85,7 +85,7 @@ declare class MqSupportChat extends LitElement {
     private _open;
     private _onKeydown;
     private _close;
-    render(): lit_html.TemplateResult<1> | typeof nothing;
+    render(): typeof nothing | lit_html.TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/mq-support-chat.js

@@ -1 +1 @@
-import{_ as t,c as o}from"./chunks/custom-element-D2ziPxYE.js";import{e}from"./chunks/provide-BwI4DDGF.js";import{c as i}from"./chunks/consume-CovVqBjI.js";import{m as s}from"./chunks/runtime-Bg1WXVCx.js";import{l as r}from"./chunks/localized-decorator-BlOuLhym.js";import{c as a,g as n,n as c}from"./chunks/api-chat-client-pGZWREjK.js";import{Q as p}from"./chunks/query-controller-BlO1Ax65.js";import{A as h}from"./chunks/api-client-context-V1UAGtKW.js";import{M as l}from"./chunks/mutation-controller-CR2qcqhH.js";import{g as d}from"./chunks/get-organization-setup-query-Dr1cXnHl.js";import{g as u}from"./chunks/chunk-BUV4MGML-CkhBbfUu.js";import{g as m}from"./chunks/chunk-Y4EKUX25-QqMl3eiq.js";import{a as v,i as f,E as g,x as y}from"./chunks/lit-element-DiWJYFwC.js";import{n as k}from"./chunks/property-scuRaFcM.js";import{r as b}from"./chunks/state-LQivXIgA.js";import{tokens as _}from"./theme.js";import{annotationQuestionIcon as j}from"./ui/icons/annotation-question-icon.js";import{spinnerIcon as w}from"./ui/icons/spinner-icon.js";import{xIcon as q}from"./ui/icons/x-icon.js";import"./mq-chat-room.js";import"./ui/mq-avatar.js";import{b as x,a as C,S as z,c as $,d as R}from"./chunks/index-BJYWtEmT.js";import{toast as I}from"./ui/mq-toast.js";import"./chunks/context-request-event-Dfydf1ub.js";import"./chunks/context-consumer-ESdICVAb.js";import"./chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"./chunks/parseISO-Dj3qSTG8.js";import"./chunks/format-CRFiCNHw.js";import"./chunks/external-CJj32K_p.js";import"./chunks/isBefore-CPpTogxo.js";import"./env.js";import"./chunks/chunk-RCFIJTXZ-C6Ir0-sM.js";import"./chunks/create-context-DqP79qjF.js";import"./chunks/query-Cjvi4_dT.js";import"./chunks/chunk-6CCJWPGL-TiaqZaPV.js";import"./ui/icons/types.js";import"./ui/mq-button.js";import"./chunks/class-map-Co76I6aw.js";import"./chunks/directive-2EDmOukv.js";import"./chunks/if-defined-BYeVdwgd.js";import"./ui/mq-skeleton.js";import"./chunks/style-map-CIdqdn7C.js";import"./ui/icons/chevron-left-icon.js";import"./chunks/query-CeeutdfT.js";import"./chunks/chunk-4FFT6DC2-CVWibomC.js";import"./events.js";import"./ui/icons/check-double-icon.js";import"./ui/icons/check-icon.js";import"./i18n.js";import"./chunks/chunk-YTQUGGS3-DmCGIoFy.js";let E=class MqSupportChat extends v{constructor(){super(...arguments),this.variant="icon",this.open=!1,this._hasOpened=!1,this._lastEmittedUnread=0,this._orgSetupQuery=new p(this,()=>d(this.apiClient)),this._professionalQuery=new p(this,()=>u(this.apiClient,{hash:this._professionalHash??""},{enabled:Boolean(this._professionalHash)})),this._unreadQuery=new p(this,()=>m(this.apiClient,{roomId:this.roomId??0},{enabled:Boolean(this.roomId)})),this._supportRoomMutation=new l(this,{mutationFn:t=>this.apiClient.rooms.createSupportRoom(t),onSuccess:t=>{this.roomId=t.room_id,this.open&&this._markSupportRead()},onError:()=>{this.open&&(this.open=!1,I.error(s("No se ha podido abrir el chat con soporte")))}}),this._readAllMutation=new l(this,{mutationFn:()=>this.apiClient.professionals.readAllMessages({roomId:this.roomId??0}),onSuccess:()=>{const t=this.roomId;t&&this._unreadQuery.queryClient?.invalidateQueries({queryKey:m(this.apiClient,{roomId:t}).queryKey})}}),this.apiClient=a(),this._onUnreadRequest=()=>{this._emitUnreadChange()},this._onToggleRequest=()=>{this._toggle()},this._onKeydown=t=>{t.defaultPrevented||"Escape"===t.key&&this.open&&this._close()}}static{this.styles=[_,f`*{box-sizing:border-box}:host{position:fixed;bottom:calc(var(--mq-safe-bottom,0px) + var(--sp-1));right:calc(var(--sp-4) + var(--mq-safe-right,0px));z-index:1000}@keyframes widget-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.widget{animation:widget-in .3s ease-out}.launcher{display:inline-flex;align-items:center;padding:0;border:none;background-color:var(--color-primary-light);border-radius:9999px;cursor:pointer;transition:transform .1s ease-out}.launcher:active{transform:scale(.95)}.launcher:focus-visible{outline:0}.icon-circle{position:relative;flex-shrink:0;width:var(--size-13);height:var(--size-13);--avatar-size:var(--size-13);border-radius:var(--border-radius-full);display:grid;place-items:center;background-color:var(--color-primary);color:var(--color-white);transition:background-color .1s ease-out,color .1s ease-out}.launcher.open .icon-circle{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.icon{position:absolute;display:grid;place-items:center;transition:opacity .12s ease-out,transform .12s ease-out}.icon-chat{opacity:1;transform:rotate(0)}.launcher.open .icon-chat{opacity:0;transform:rotate(90deg)}.icon-close{opacity:0;transform:rotate(-90deg)}.launcher.open .icon-close{opacity:1;transform:rotate(0)}.icon-circle.with-avatar{background-color:var(--color-primary-light)}.launcher-avatar{width:var(--size-13);height:var(--size-13)}.icon-circle.with-avatar .icon-close,.launcher.open .icon-circle.with-avatar .icon-chat{transform:none}.icon-circle.with-avatar .online-dot{z-index:1}.online-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--avatar-size) * .35355),calc(var(--avatar-size) * -.35355));width:var(--size-3);height:var(--size-3);border-radius:var(--border-radius-full);background-color:var(--color-gray-medium);border:2px solid var(--color-background);transition:opacity .2s ease-out}.online-dot[data-presence=online]{background-color:var(--color-text-icons--success)}.online-dot[data-presence=absent]{background-color:#ff014d}.launcher.has-unread .online-dot,.launcher.open .online-dot{opacity:0}@keyframes badge-in{from{transform:scale(0)}to{transform:scale(1)}}.badge{position:absolute;top:calc(-1 * var(--size-1));right:calc(-1 * var(--size-1));min-width:var(--size-5);height:var(--size-5);padding:0 var(--sp-1);display:grid;place-items:center;background-color:var(--color-negative);border:2px solid var(--color-background);border-radius:9999px;color:var(--color-white);font-family:var(--font-body);font-size:var(--text-xs);line-height:1;font-weight:var(--font-weight-bold);animation:badge-in .15s ease-out;z-index:2}.panel{position:fixed;z-index:1;inset:var(--mq-safe-top,0) var(--mq-safe-right,0) var(--mq-safe-bottom,0) var(--mq-safe-left,0);background-color:var(--color-white);overflow:hidden;transform:scale(.95);transform-origin:bottom right;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s linear .15s}.panel.open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .15s ease-out,transform .15s ease-out}.panel-loading{width:100%;height:100%;display:grid;place-items:center}mq-chat-room{display:block;width:100%;height:100%}@media (min-width:768px){.panel{inset:auto;bottom:calc(var(--size-20) + var(--mq-safe-bottom,0px));right:calc(var(--sp-4) + var(--mq-safe-right,0px));width:400px;height:calc(100vh - 6rem - var(--mq-safe-top,0px) - var(--mq-safe-bottom,0px));max-height:560px;border-radius:var(--border-radius-lg)}}`]}get _professionalHash(){return this._orgSetupQuery.result?.data?.support_professional?.hash??void 0}get unreadCount(){return this._unreadQuery.result?.data?.unread_count??0}get _presence(){const t=this._professionalQuery.result?.data;return t?n(t):void 0}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._onKeydown),window.addEventListener(x.eventName,this._onToggleRequest),window.addEventListener(C.eventName,this._onUnreadRequest)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKeydown),window.removeEventListener(x.eventName,this._onToggleRequest),window.removeEventListener(C.eventName,this._onUnreadRequest)}willUpdate(t){const o=c(t,{apiKey:this.apiKey,token:this.token},this.inheritedApiClient);o&&(this.apiClient=o)}updated(){this._ensureRoom();const t=this.unreadCount;t!==this._lastEmittedUnread&&(this._lastEmittedUnread=t,this._emitUnreadChange())}_ensureRoom(){const t=this._professionalHash;!t||this.roomId||this._supportRoomMutation.isPending||this._supportRoomMutation.isError||this._supportRoomMutation.run({professional_hash:t})}_emitUnreadChange(){window.dispatchEvent(new z(this.unreadCount))}_markSupportRead(){const t=this.roomId,o=this._unreadQuery.queryClient;t&&o&&(o.setQueryData(m(this.apiClient,{roomId:t}).queryKey,t=>t?{...t,unread_count:0}:t),this._readAllMutation.run(void 0))}_toggle(){this.open?this._close():this._open()}_open(){this.open=!0,this._hasOpened=!0,this.dispatchEvent(new $),!this.roomId&&this._supportRoomMutation.isError&&this._supportRoomMutation.reset(),this._ensureRoom(),this._markSupportRead()}_close(){this.open=!1,this.dispatchEvent(new R)}render(){const t=this._professionalHash;if(!t||!this.token)return g;const o=this._professionalQuery.result?.data;if("avatar"===this.variant&&!o)return g;const e=this.unreadCount>0,i="avatar"===this.variant&&Boolean(o);return y`<div class="widget"><div class="panel ${this.open?"open":""}">${this._hasOpened?this.roomId?y`<mq-chat-room api-key="${this.apiKey}" token="${this.token}" professional-hash="${t}" .roomId="${this.roomId}" @mq-chat-room-close="${this._close}"></mq-chat-room>`:y`<div class="panel-loading">${w({color:"var(--color-primary)"})}</div>`:g}</div><button type="button" class="launcher ${this.open?"open":""} ${e?"has-unread":""}" aria-label="${this.label||s("Chat con soporte")}" aria-expanded="${this.open?"true":"false"}" @click="${this._toggle}"><span class="icon-circle ${i?"with-avatar":""}">${this._presence?y`<span class="online-dot" data-presence="${this._presence}"></span>`:g} ${e&&!this.open?y`<span class="badge">${this.unreadCount>99?"99+":this.unreadCount}</span>`:g} <span class="icon icon-chat">${i?y`<mq-avatar class="launcher-avatar" .src="${o?.avatar??void 0}" .fallback="${o?.name}" .alt="${o?.name}"></mq-avatar>`:j({size:24})} </span><span class="icon icon-close">${q({size:24})}</span></span></button></div>`}};t([k({type:String,attribute:"api-key"})],E.prototype,"apiKey",void 0),t([k({type:String,attribute:"token"})],E.prototype,"token",void 0),t([k({type:String,attribute:"label"})],E.prototype,"label",void 0),t([k({type:String,attribute:"variant"})],E.prototype,"variant",void 0),t([b()],E.prototype,"open",void 0),t([b()],E.prototype,"roomId",void 0),t([b()],E.prototype,"_hasOpened",void 0),t([i({context:h,subscribe:!0}),b()],E.prototype,"inheritedApiClient",void 0),t([e({context:h}),b()],E.prototype,"apiClient",void 0),E=t([r(),o("mq-support-chat")],E);export{E as MqSupportChat};
+import{_ as t,c as o}from"./chunks/custom-element-D2ziPxYE.js";import{e}from"./chunks/provide-BwI4DDGF.js";import{c as i}from"./chunks/consume-CovVqBjI.js";import{m as s}from"./chunks/runtime-Bg1WXVCx.js";import{l as r}from"./chunks/localized-decorator-BlOuLhym.js";import{c as a,g as n,n as c}from"./chunks/api-chat-client-CJ1EGJe3.js";import{Q as p}from"./chunks/query-controller-BlO1Ax65.js";import{A as h}from"./chunks/api-client-context-V1UAGtKW.js";import{M as l}from"./chunks/mutation-controller-CR2qcqhH.js";import{g as d}from"./chunks/get-organization-setup-query-Dr1cXnHl.js";import{g as u}from"./chunks/chunk-BUV4MGML-CkhBbfUu.js";import{g as m}from"./chunks/chunk-Y4EKUX25-QqMl3eiq.js";import{a as v,i as f,E as g,x as y}from"./chunks/lit-element-DiWJYFwC.js";import{n as k}from"./chunks/property-scuRaFcM.js";import{r as b}from"./chunks/state-LQivXIgA.js";import{tokens as _}from"./theme.js";import{annotationQuestionIcon as j}from"./ui/icons/annotation-question-icon.js";import{spinnerIcon as w}from"./ui/icons/spinner-icon.js";import{xIcon as q}from"./ui/icons/x-icon.js";import"./mq-chat-room.js";import"./ui/mq-avatar.js";import{b as x,a as C,S as z,c as $,d as R}from"./chunks/index-BJYWtEmT.js";import{toast as I}from"./ui/mq-toast.js";import"./chunks/context-request-event-Dfydf1ub.js";import"./chunks/context-consumer-ESdICVAb.js";import"./chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"./chunks/parseISO-Dj3qSTG8.js";import"./chunks/format-CRFiCNHw.js";import"./chunks/external-CJj32K_p.js";import"./chunks/isBefore-CPpTogxo.js";import"./env.js";import"./chunks/chunk-RCFIJTXZ-C6Ir0-sM.js";import"./chunks/create-context-DqP79qjF.js";import"./chunks/query-Cjvi4_dT.js";import"./chunks/chunk-6CCJWPGL-TiaqZaPV.js";import"./ui/icons/types.js";import"./ui/mq-button.js";import"./chunks/class-map-Co76I6aw.js";import"./chunks/directive-2EDmOukv.js";import"./chunks/if-defined-BYeVdwgd.js";import"./ui/mq-skeleton.js";import"./chunks/style-map-CIdqdn7C.js";import"./ui/icons/chevron-left-icon.js";import"./chunks/query-CeeutdfT.js";import"./chunks/chunk-4FFT6DC2-CVWibomC.js";import"./events.js";import"./ui/icons/check-double-icon.js";import"./ui/icons/check-icon.js";import"./i18n.js";import"./chunks/chunk-YTQUGGS3-DmCGIoFy.js";let E=class MqSupportChat extends v{constructor(){super(...arguments),this.variant="icon",this.open=!1,this._hasOpened=!1,this._lastEmittedUnread=0,this._orgSetupQuery=new p(this,()=>d(this.apiClient)),this._professionalQuery=new p(this,()=>u(this.apiClient,{hash:this._professionalHash??""},{enabled:Boolean(this._professionalHash)})),this._unreadQuery=new p(this,()=>m(this.apiClient,{roomId:this.roomId??0},{enabled:Boolean(this.roomId)})),this._supportRoomMutation=new l(this,{mutationFn:t=>this.apiClient.rooms.createSupportRoom(t),onSuccess:t=>{this.roomId=t.room_id,this.open&&this._markSupportRead()},onError:()=>{this.open&&(this.open=!1,I.error(s("No se ha podido abrir el chat con soporte")))}}),this._readAllMutation=new l(this,{mutationFn:()=>this.apiClient.professionals.readAllMessages({roomId:this.roomId??0}),onSuccess:()=>{const t=this.roomId;t&&this._unreadQuery.queryClient?.invalidateQueries({queryKey:m(this.apiClient,{roomId:t}).queryKey})}}),this.apiClient=a(),this._onUnreadRequest=()=>{this._emitUnreadChange()},this._onToggleRequest=()=>{this._toggle()},this._onKeydown=t=>{t.defaultPrevented||"Escape"===t.key&&this.open&&this._close()}}static{this.styles=[_,f`*{box-sizing:border-box}:host{position:fixed;bottom:calc(var(--mq-safe-bottom,0px) + var(--sp-1));right:calc(var(--sp-4) + var(--mq-safe-right,0px));z-index:1000}@keyframes widget-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.widget{animation:widget-in .3s ease-out}.launcher{display:inline-flex;align-items:center;padding:0;border:none;background-color:var(--color-primary-light);border-radius:9999px;cursor:pointer;transition:transform .1s ease-out}.launcher:active{transform:scale(.95)}.launcher:focus-visible{outline:0}.icon-circle{position:relative;flex-shrink:0;width:var(--size-13);height:var(--size-13);--avatar-size:var(--size-13);border-radius:var(--border-radius-full);display:grid;place-items:center;background-color:var(--color-primary);color:var(--color-white);transition:background-color .1s ease-out,color .1s ease-out}.launcher.open .icon-circle{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.icon{position:absolute;display:grid;place-items:center;transition:opacity .12s ease-out,transform .12s ease-out}.icon-chat{opacity:1;transform:rotate(0)}.launcher.open .icon-chat{opacity:0;transform:rotate(90deg)}.icon-close{opacity:0;transform:rotate(-90deg)}.launcher.open .icon-close{opacity:1;transform:rotate(0)}.icon-circle.with-avatar{background-color:var(--color-primary-light)}.launcher-avatar{width:var(--size-13);height:var(--size-13)}.icon-circle.with-avatar .icon-close,.launcher.open .icon-circle.with-avatar .icon-chat{transform:none}.icon-circle.with-avatar .online-dot{z-index:1}.online-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(calc(var(--avatar-size) * .35355),calc(var(--avatar-size) * -.35355));width:var(--size-3);height:var(--size-3);border-radius:var(--border-radius-full);background-color:var(--color-gray-medium);border:2px solid var(--color-background);transition:opacity .2s ease-out}.online-dot[data-presence=online]{background-color:var(--color-text-icons--success)}.online-dot[data-presence=absent]{background-color:#ff014d}.launcher.has-unread .online-dot,.launcher.open .online-dot{opacity:0}@keyframes badge-in{from{transform:scale(0)}to{transform:scale(1)}}.badge{position:absolute;top:calc(-1 * var(--size-1));right:calc(-1 * var(--size-1));min-width:var(--size-5);height:var(--size-5);padding:0 var(--sp-1);display:grid;place-items:center;background-color:var(--color-negative);border:2px solid var(--color-background);border-radius:9999px;color:var(--color-white);font-family:var(--font-body);font-size:var(--text-xs);line-height:1;font-weight:var(--font-weight-bold);animation:badge-in .15s ease-out;z-index:2}.panel{position:fixed;z-index:1;inset:var(--mq-safe-top,0) var(--mq-safe-right,0) var(--mq-safe-bottom,0) var(--mq-safe-left,0);background-color:var(--color-white);overflow:hidden;transform:scale(.95);transform-origin:bottom right;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s linear .15s}.panel.open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .15s ease-out,transform .15s ease-out}.panel-loading{width:100%;height:100%;display:grid;place-items:center}mq-chat-room{display:block;width:100%;height:100%}@media (min-width:768px){.panel{inset:auto;bottom:calc(var(--size-20) + var(--mq-safe-bottom,0px));right:calc(var(--sp-4) + var(--mq-safe-right,0px));width:400px;height:calc(100vh - 6rem - var(--mq-safe-top,0px) - var(--mq-safe-bottom,0px));max-height:560px;border-radius:var(--border-radius-lg)}}`]}get _professionalHash(){return this._orgSetupQuery.result?.data?.support_professional?.hash??void 0}get unreadCount(){return this._unreadQuery.result?.data?.unread_count??0}get _presence(){const t=this._professionalQuery.result?.data;return t?n(t):void 0}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._onKeydown),window.addEventListener(x.eventName,this._onToggleRequest),window.addEventListener(C.eventName,this._onUnreadRequest)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keydown",this._onKeydown),window.removeEventListener(x.eventName,this._onToggleRequest),window.removeEventListener(C.eventName,this._onUnreadRequest)}willUpdate(t){const o=c(t,{apiKey:this.apiKey,token:this.token},this.inheritedApiClient);o&&(this.apiClient=o)}updated(){this._ensureRoom();const t=this.unreadCount;t!==this._lastEmittedUnread&&(this._lastEmittedUnread=t,this._emitUnreadChange())}_ensureRoom(){const t=this._professionalHash;!t||this.roomId||this._supportRoomMutation.isPending||this._supportRoomMutation.isError||this._supportRoomMutation.run({professional_hash:t})}_emitUnreadChange(){window.dispatchEvent(new z(this.unreadCount))}_markSupportRead(){const t=this.roomId,o=this._unreadQuery.queryClient;t&&o&&(o.setQueryData(m(this.apiClient,{roomId:t}).queryKey,t=>t?{...t,unread_count:0}:t),this._readAllMutation.run(void 0))}_toggle(){this.open?this._close():this._open()}_open(){this.open=!0,this._hasOpened=!0,this.dispatchEvent(new $),!this.roomId&&this._supportRoomMutation.isError&&this._supportRoomMutation.reset(),this._ensureRoom(),this._markSupportRead()}_close(){this.open=!1,this.dispatchEvent(new R)}render(){const t=this._professionalHash;if(!t||!this.token)return g;const o=this._professionalQuery.result?.data;if("avatar"===this.variant&&!o)return g;const e=this.unreadCount>0,i="avatar"===this.variant&&Boolean(o);return y`<div class="widget"><div class="panel ${this.open?"open":""}">${this._hasOpened?this.roomId?y`<mq-chat-room api-key="${this.apiKey}" token="${this.token}" professional-hash="${t}" .roomId="${this.roomId}" @mq-chat-room-close="${this._close}"></mq-chat-room>`:y`<div class="panel-loading">${w({color:"var(--color-primary)"})}</div>`:g}</div><button type="button" class="launcher ${this.open?"open":""} ${e?"has-unread":""}" aria-label="${this.label||s("Chat con soporte")}" aria-expanded="${this.open?"true":"false"}" @click="${this._toggle}"><span class="icon-circle ${i?"with-avatar":""}">${this._presence?y`<span class="online-dot" data-presence="${this._presence}"></span>`:g} ${e&&!this.open?y`<span class="badge">${this.unreadCount>99?"99+":this.unreadCount}</span>`:g} <span class="icon icon-chat">${i?y`<mq-avatar class="launcher-avatar" .src="${o?.avatar??void 0}" .fallback="${o?.name}" .alt="${o?.name}"></mq-avatar>`:j({size:24})} </span><span class="icon icon-close">${q({size:24})}</span></span></button></div>`}};t([k({type:String,attribute:"api-key"})],E.prototype,"apiKey",void 0),t([k({type:String,attribute:"token"})],E.prototype,"token",void 0),t([k({type:String,attribute:"label"})],E.prototype,"label",void 0),t([k({type:String,attribute:"variant"})],E.prototype,"variant",void 0),t([b()],E.prototype,"open",void 0),t([b()],E.prototype,"roomId",void 0),t([b()],E.prototype,"_hasOpened",void 0),t([i({context:h,subscribe:!0}),b()],E.prototype,"inheritedApiClient",void 0),t([e({context:h}),b()],E.prototype,"apiClient",void 0),E=t([r(),o("mq-support-chat")],E);export{E as MqSupportChat};

package/dist/mq-terms-and-conditions.d.ts

@@ -1,7 +1,7 @@
-export { M as MqTermsAndConditions, a as TermsAndConditionsAcceptEvent, T as TermsAndConditionsContinueEvent } from './chunks/index-KhJ8hC0H.js';
+export { M as MqTermsAndConditions, a as TermsAndConditionsAcceptEvent, T as TermsAndConditionsContinueEvent } from './chunks/index-Dbbpnw8f.js';
 import 'lit-html';
 import 'lit';
-import './chunks/index.d-Bl682CAX.js';
+import './chunks/index.d-XSe7Hy-Q.js';
 import 'axios';
 import 'zod';
 import './chunks/schemas.d-b6_AekBb.js';

package/dist/mq-terms-and-conditions.js

@@ -1 +1 @@
-export{M as MqTermsAndConditions}from"./chunks/index-PGYfkbm6.js";import{a as t}from"./chunks/chunk-HN62IQ7S-xbkIy7k_.js";import{i as s}from"./chunks/isBefore-CPpTogxo.js";import"./chunks/custom-element-D2ziPxYE.js";import"./chunks/provide-BwI4DDGF.js";import"./chunks/context-request-event-Dfydf1ub.js";import"./chunks/consume-CovVqBjI.js";import"./chunks/context-consumer-ESdICVAb.js";import"./chunks/api-client-context-V1UAGtKW.js";import"./chunks/create-context-DqP79qjF.js";import"./chunks/lit-element-DiWJYFwC.js";import"./chunks/property-scuRaFcM.js";import"./chunks/state-LQivXIgA.js";import"./ui/mq-checkbox.js";import"./chunks/class-map-Co76I6aw.js";import"./chunks/directive-2EDmOukv.js";import"./ui/mq-button.js";import"./chunks/if-defined-BYeVdwgd.js";import"./chunks/mutation-controller-CR2qcqhH.js";import"./env.js";import"./chunks/api-chat-client-pGZWREjK.js";import"./chunks/external-CJj32K_p.js";import"./chunks/parseISO-Dj3qSTG8.js";import"./chunks/format-CRFiCNHw.js";var e={accepted:"accepted",outdated:"outdated",not_accepted:"not-accepted"};function c({acceptedAt:c,lastVersionAt:o}){const n=c?t(c):null,r=o?t(o):null;return n&&r?s(n,r)?e.outdated:e.accepted:e.not_accepted}export{e as TERMS_ACCEPTANCE_STATUS,c as hasAcceptedTermsAndConditions};
+export{M as MqTermsAndConditions}from"./chunks/index-D6Hg-beW.js";import{a as t}from"./chunks/chunk-HN62IQ7S-xbkIy7k_.js";import{i as s}from"./chunks/isBefore-CPpTogxo.js";import"./chunks/custom-element-D2ziPxYE.js";import"./chunks/provide-BwI4DDGF.js";import"./chunks/context-request-event-Dfydf1ub.js";import"./chunks/consume-CovVqBjI.js";import"./chunks/context-consumer-ESdICVAb.js";import"./chunks/api-client-context-V1UAGtKW.js";import"./chunks/create-context-DqP79qjF.js";import"./chunks/lit-element-DiWJYFwC.js";import"./chunks/property-scuRaFcM.js";import"./chunks/state-LQivXIgA.js";import"./ui/mq-checkbox.js";import"./chunks/class-map-Co76I6aw.js";import"./chunks/directive-2EDmOukv.js";import"./ui/mq-button.js";import"./chunks/if-defined-BYeVdwgd.js";import"./chunks/mutation-controller-CR2qcqhH.js";import"./env.js";import"./chunks/api-chat-client-CJ1EGJe3.js";import"./chunks/external-CJj32K_p.js";import"./chunks/parseISO-Dj3qSTG8.js";import"./chunks/format-CRFiCNHw.js";var e={accepted:"accepted",outdated:"outdated",not_accepted:"not-accepted"};function c({acceptedAt:c,lastVersionAt:o}){const n=c?t(c):null,r=o?t(o):null;return n&&r?s(n,r)?e.outdated:e.accepted:e.not_accepted}export{e as TERMS_ACCEPTANCE_STATUS,c as hasAcceptedTermsAndConditions};

package/dist/mq-videocall.d.ts

@@ -2,17 +2,17 @@ import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement, PropertyValues } from 'lit';
 import { Task } from '@lit/task';
-import { M as MediquoApiChatClient } from './chunks/index.d-Bl682CAX.js';
+import { M as MediquoApiChatClient } from './chunks/index.d-XSe7Hy-Q.js';
 import { a as Appointment } from './chunks/appointment.model.d-BWwBLaEL.js';
 import OT from '@opentok/client';
 import './ui/mq-page-title.js';
 import './chunks/professional-overview-mO3tuMuH.js';
 import './ui/mq-button.js';
-import './chunks/mq-chat-room-t3j3Tq4o.js';
+import './chunks/mq-chat-room-jeDvIF1Z.js';
 import './ui/mq-floating-bubble.js';
 import './ui/mq-card.js';
 import './ui/mq-unread-badge.js';
-import './chunks/mq-layout-D1j50tKd.js';
+import './chunks/mq-layout-TG2K4zRv.js';
 import './ui/mq-rating.js';
 import 'axios';
 import 'zod';
@@ -21,6 +21,7 @@ import './ui/mq-text-button.js';
 import './ui/mq-avatar.js';
 import './ui/mq-skeleton.js';
 import '@tanstack/query-core';
+import './chunks/document.model.d-DIzMiOmd.js';
 
 declare class OpenTokService {
     static URL: string;

package/dist/mq-videocall.js

@@ -1 +1 @@
-import{_ as t,c as e}from"./chunks/custom-element-D2ziPxYE.js";import{a as i,i as o,x as s,E 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-BwI4DDGF.js";import{c}from"./chunks/consume-CovVqBjI.js";import{h as d}from"./chunks/task-Bj8p7kJX.js";import{A as p}from"./chunks/api-client-context-V1UAGtKW.js";import{h,a as m,C as u,c as v,n as g,b}from"./chunks/api-chat-client-pGZWREjK.js";import{r as f}from"./chunks/state-LQivXIgA.js";import{n as y}from"./chunks/create-context-DqP79qjF.js";import{env as w}from"./env.js";import{m as k}from"./chunks/runtime-Bg1WXVCx.js";import{l as x}from"./chunks/localized-decorator-BlOuLhym.js";import{g as $}from"./chunks/chunk-HN62IQ7S-xbkIy7k_.js";import{a as C}from"./chunks/addSeconds-ofMnxlgT.js";import{getLocale as E}from"./i18n.js";import{calendarIcon as j}from"./ui/icons/calendar-icon.js";import"./ui/mq-page-title.js";import"./chunks/professional-overview-C4H_znIJ.js";import{MqViewAppointmentsEvent as S}from"./events.js";import{clockIcon as z}from"./ui/icons/clock-icon.js";import"./chunks/documentation-view-GZI-DC3e.js";import{l as T}from"./chunks/chunk-S5RWG6G2-DPesx3Od.js";import{t as _,E as q,F as O,G as I,H as R}from"./chunks/telemetry-client-CoWay8es.js";import"./mq-chat-room.js";import{chatbubbleIcon as V}from"./ui/icons/chat-bubble-icon.js";import{micIcon as A}from"./ui/icons/mic-icon.js";import{micOffIcon as N}from"./ui/icons/mic-off-icon.js";import{videoIcon as U}from"./ui/icons/video-icon.js";import{videoOffIcon as P}from"./ui/icons/video-off-icon.js";import"./ui/mq-unread-badge.js";import{Q as W}from"./chunks/query-controller-BlO1Ax65.js";import{g as M}from"./chunks/chunk-Y4EKUX25-QqMl3eiq.js";import{g as D}from"./chunks/get-appointment-query-C-gTTuiQ.js";import{l as L}from"./chunks/chunk-4FFT6DC2-CVWibomC.js";import"./ui/mq-floating-bubble.js";import{e as F}from"./chunks/query-CeeutdfT.js";import{M as K}from"./chunks/mutation-controller-CR2qcqhH.js";import{alertCircleIcon as B}from"./ui/icons/alert-circle-icon.js";import"./ui/mq-rating.js";import{toast as H}from"./ui/mq-toast.js";import{heartBeatIcon as G}from"./ui/icons/heartbeat-icon.js";import{timeLeftIcon as Q}from"./ui/icons/time-left-icon.js";import"./chunks/mq-layout-L3TlCxI0.js";import"./ui/icons/types.js";import"./chunks/context-request-event-Dfydf1ub.js";import"./chunks/context-consumer-ESdICVAb.js";import"./chunks/external-CJj32K_p.js";import"./chunks/isBefore-CPpTogxo.js";import"./chunks/parseISO-Dj3qSTG8.js";import"./chunks/format-CRFiCNHw.js";import"./ui/mq-button.js";import"./chunks/class-map-Co76I6aw.js";import"./chunks/directive-2EDmOukv.js";import"./chunks/if-defined-BYeVdwgd.js";import"./ui/icons/arrow-narrow-left-icon.js";import"./ui/icons/chevron-down-icon.js";import"./ui/mq-text-button.js";import"./ui/mq-avatar.js";import"./ui/icons/info-circle-outine-icon.js";import"./ui/icons/message-bubble-icon.js";import"./ui/mq-card.js";import"./chunks/chunk-6CCJWPGL-TiaqZaPV.js";import"./theme.js";import"./ui/icons/x-icon.js";import"./ui/mq-skeleton.js";import"./chunks/style-map-CIdqdn7C.js";import"./chunks/chunk-BUV4MGML-CkhBbfUu.js";import"./ui/icons/chevron-left-icon.js";import"./ui/icons/check-double-icon.js";import"./ui/icons/check-icon.js";import"./chunks/chunk-YTQUGGS3-DmCGIoFy.js";import"./chunks/chunk-RCFIJTXZ-C6Ir0-sM.js";import"./chunks/query-Cjvi4_dT.js";import"./ui/icons/download-icon.js";import"./chunks/blob-to-base64-CUL1trde.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 Y(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 Z=y(Symbol("opentok-service")),J=y(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 X="waiting-room",tt="videocall",et="documentation",it="not-time-yet",ot="review";class OpenTokController{constructor(t,e,i,o,s,n){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,this.apiClient=e,t.addController(this),this.appointment=i,this.token=o,this.onCallStarted=s,this.onCallFinished=n,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 this.apiClient.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(w.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())}),this.apiClient.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,this.apiClient.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 st=class NotTimeYetView extends i{static{this.styles=[o`mq-page-title{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){.description{font-size:var(--text-base);line-height:var(--text-base--line-height);margin-bottom:var(--sp-6)}}`]}firstUpdated(){_.track(q(this.loginToken.patient.hash,this.appointment.id??""))}render(){const t=E()?.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}:{}}),n=new Date(this.appointment.start_date),r=C(n,this.appointment.duration),a=e?$(e,n):"";return s`<mq-page-title .title="${k("¡Aún no es la hora!")}" back-label="${k("Salir")}" @mq-back="${t=>{t.stopPropagation(),this.dispatchEvent(new S({tab:"next"}))}}"></mq-page-title><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">${j({size:24})} <span>${i.format(n)}</span></div><div class="details-row">${z({size:24})} <span>${o.format(n)} - ${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="${()=>{_.track(O(this.loginToken.patient.hash,this.appointment.id??""))}}"></chat-cta>`}};t([r({type:Object})],st.prototype,"appointment",void 0),t([c({context:T})],st.prototype,"loginToken",void 0),st=t([x(),e("not-time-yet-view")],st);let nt=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 s`<span>${k("Espera a ser atendido sin salir de esta pantalla")}</span>`}};nt=t([x(),e("permission-status-banner")],nt);let rt=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)}mq-page-title{margin-bottom:var(--size-4)}.content{max-width:560px;margin:0 auto}.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 p{font-size:var(--text-base);line-height:var(--text-base--line-height)}}`}firstUpdated(){this.isWaitingRoom&&_.track(I(this.loginToken.patient.hash,this.appointment.id??""))}render(){if(!this.isWaitingRoom)return s`<slot></slot>`;const t=E()?.replace("_","-")??"es-ES",e=this.loginToken.patient.timezone,i=e?{timeZone:e}:{},o=new Intl.DateTimeFormat(t,{dateStyle:"short",...i}),n=new Intl.DateTimeFormat(t,{timeStyle:"short",...i}),r=new Date(this.appointment.start_date),a=C(r,this.appointment.duration),l=e?$(e,r):"",c=o.format(r),d=`${n.format(r)} - ${n.format(a)}${l?` (${l})`:""}`;return s`<permission-status-banner></permission-status-banner><div class="content"><div class="information-container"><mq-page-title .title="${k("Sala de espera")}" back-label="${k("Salir")}" @mq-back="${t=>{t.stopPropagation(),this.dispatchEvent(new S({tab:"next"}))}}"></mq-page-title><div class="doctor-info"><p>${this.appointment.from.name}</p><p>${c}</p><p>${d}</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="${()=>{_.track(O(this.loginToken.patient.hash,this.appointment.id??""))}}"></chat-cta></div>`}};t([r({type:Object})],rt.prototype,"appointment",void 0),t([r({type:Boolean,attribute:"is-waiting-room"})],rt.prototype,"isWaitingRoom",void 0),t([c({context:T})],rt.prototype,"loginToken",void 0),rt=t([e("waiting-room-layout")],rt);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 at=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 W(this,()=>M(this.apiClient,{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 s`<div class="left-controls">${this.isWaitingRoom||!this.chatEnabled?n:s`<button type="button" class="control-button control-button--on" @click="${this.toggleChat}">${V({size:20})} ${(this.unreadQuery.result?.data?.unread_count??0)>0?s`<mq-unread-badge></mq-unread-badge>`:n}</button>`} <button type="button" class="control-button ${this.isAudioOn?"control-button--on":"control-button--off"}" @click="${this.toggleAudio}">${this.isAudioOn?A({size:20}):N({size:20})}</button> <button type="button" class="control-button ${this.isVideoOn?"control-button--on":"control-button--off"}" @click="${this.toggleVideo}">${this.isVideoOn?U({size:20}):P({size:20})}</button></div>`}};t([c({context:p,subscribe:!0})],at.prototype,"apiClient",void 0),t([r({type:Boolean})],at.prototype,"isAudioOn",void 0),t([r({type:Boolean})],at.prototype,"isVideoOn",void 0),t([r({type:Boolean})],at.prototype,"isChatOpen",void 0),t([r({type:Boolean})],at.prototype,"chatEnabled",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-waiting-room"})],at.prototype,"isWaitingRoom",void 0),t([r({type:Number})],at.prototype,"roomId",void 0),at=t([e("publisher-controls")],at);let lt=class VideoPublisher extends i{constructor(){super(...arguments),this.isWaitingRoom=!1,this.appointmentCounterController=new AppointmentCounterController(this,()=>new Date(this.startsAt)),this.getAppointmentQuery=new W(this,()=>D(this.apiClient,{id:this.consultationId},{enabled:!!this.consultationId})),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&&L.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.getAppointmentQuery.result?.data?.has_chat_in_appointment;return s`<div class="top-items">${this.isWaitingRoom?s`<div></div>`:s`<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?s`<mq-floating-bubble ?dismissable="${!1}" .open="${this.isChatOpen}" @mq-close="${()=>{this.isChatOpen=!1}}" hideCloseButton>${this.isChatOpen?s`<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>`:n}</mq-floating-bubble>`:n}`}};t([c({context:p,subscribe:!0})],lt.prototype,"apiClient",void 0),t([r({type:String})],lt.prototype,"consultationId",void 0),t([r({type:String})],lt.prototype,"apiKey",void 0),t([r({type:String})],lt.prototype,"token",void 0),t([r({type:String})],lt.prototype,"roomId",void 0),t([r({type:String})],lt.prototype,"professionalHash",void 0),t([r({type:Object})],lt.prototype,"session",void 0),t([r({type:String})],lt.prototype,"professionalName",void 0),t([r({type:String})],lt.prototype,"startsAt",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-waiting-room"})],lt.prototype,"isWaitingRoom",void 0),t([c({context:Z})],lt.prototype,"openTokService",void 0),t([c({context:T})],lt.prototype,"loginToken",void 0),t([F("#video-publisher")],lt.prototype,"publisherEl",void 0),t([f()],lt.prototype,"isAudioOn",void 0),t([f()],lt.prototype,"isVideoOn",void 0),t([f()],lt.prototype,"isChatOpen",void 0),lt=t([e("video-publisher")],lt);let ct=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 s`<div id="video-subscriber" class="${this.isVideoOn?"":"hidden"}"></div>${this.isVideoOn?s``:s`<div class="video-disabled"></div>`}`}};t([r({type:Object})],ct.prototype,"session",void 0),t([r({type:Object})],ct.prototype,"stream",void 0),t([f()],ct.prototype,"isVideoOn",void 0),t([c({context:Z})],ct.prototype,"openTokService",void 0),t([F("#video-subscriber")],ct.prototype,"subscriberEl",void 0),ct=t([e("video-subscriber")],ct);let dt=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||_.track(R(this.loginToken.patient.hash,this.appointment.id??""))}updated(t){t.has("isWaitingRoom")&&!0===t.get("isWaitingRoom")&&!this.isWaitingRoom&&_.track(R(this.loginToken.patient.hash,this.appointment.id??""))}render(){return s`<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?s``:this.streams.map(t=>s`<video-subscriber .session="${this.session}" .stream="${t}"></video-subscriber>`)} ${this.isReconnecting?s`<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})],dt.prototype,"session",void 0),t([r({type:Array})],dt.prototype,"streams",void 0),t([r({type:String})],dt.prototype,"apiKey",void 0),t([r({type:String})],dt.prototype,"token",void 0),t([r({type:Object})],dt.prototype,"appointment",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-waiting-room"})],dt.prototype,"isWaitingRoom",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-reconnecting"})],dt.prototype,"isReconnecting",void 0),t([c({context:T})],dt.prototype,"loginToken",void 0),dt=t([x(),e("mq-videocall-content")],dt);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 pt=class ReviewView extends i{constructor(){super(...arguments),this.rating=0,this.comment="",this._reviewMutation=new K(this,{mutationFn:({rating:t,comment:e})=>this.apiClient.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)?H.error(k("No se ha podido enviar el cuestionario")):this.dispatchEvent(new ReviewSubmittedEvent)}}),this._reconnectMutation=new K(this,{mutationFn:t=>this.apiClient.appointments.reconnectAppointment(t),onSuccess:()=>{this.dispatchEvent(new CustomEvent("review-reconnect",{bubbles:!0,composed:!0}))},onError:()=>{H.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 s`<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">${B({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([c({context:p,subscribe:!0})],pt.prototype,"apiClient",void 0),t([r({type:Object})],pt.prototype,"appointment",void 0),t([f()],pt.prototype,"rating",void 0),t([f()],pt.prototype,"comment",void 0),pt=t([x(),e("review-view")],pt);let ht=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 s`<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})],ht.prototype,"title",void 0),t([r({type:String})],ht.prototype,"message",void 0),ht=t([e("error-view")],ht);let mt=class UnexpectedErrorView extends i{render(){return s`<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">${G()}</div></error-view>`}};mt=t([x(),e("unexpected-error-view")],mt);let ut=class ExpiredAppointmentErrorView extends i{render(){return s`<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">${Q()}</div></error-view>`}};ut=t([x(),e("expired-appointment-error-view")],ut);let vt=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 s`<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> ${G()}</div></error-view>`}};function gt(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=Y(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}}vt=t([x(),e("not-found-error-view")],vt);let bt=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.apiClient=v(),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([this.apiClient.flash.getAppointment({appointmentId:t}),this.apiClient.consultations.getReview(t).then(()=>!0).catch(()=>!1),this.apiClient.organizations.getOrganizationSetup().catch(()=>{})]);return{appointment:e,hasReview:i,hasNps:!0===o?.appointments?.has_nps}},args:()=>[this.appointmentId,this.apiKey,this.token]})}willUpdate(t){const e=g(t,{apiKey:this.apiKey,token:this.token},this.inheritedApiClient);if(e&&(this.apiClient=e),this.appointmentTask.value&&!this.opentokController){const{appointment:t,hasReview:e,hasNps:i}=this.appointmentTask.value,o=function(t,e){return h(t)?t.status===m.finished||t.status===m.reporting?e?ot:et:X:it}(t,i);this.screen=o===ot&&e?et:o,this.params={appointmentId:this.appointmentId,token:this.token,apiKey:this.apiKey},this.opentokController=new OpenTokController(this,this.apiClient,t,this.token,()=>{this.screen=tt},()=>{this.screen=!i||e?et:ot})}}render(){const t=s`<div class="centered">${a({color:"var(--color-primary)"})}</div>`,e=s`<mq-layout background="transparent"><not-found-error-view></not-found-error-view></mq-layout>`;return this.appointmentTask.render({pending:()=>t,error:t=>{const i=gt(this.token);return i?.exp&&i.exp<Date.now()/1e3?s`<mq-layout background="transparent"><expired-appointment-error-view></expired-appointment-error-view></mq-layout>`:b(t)&&t.response?.status&&t.response.status<500?e:s`<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===it)return s`<mq-layout background="transparent"><not-time-yet-view .appointment="${i}"></not-time-yet-view></mq-layout>`;if(this.screen===ot)return s`<mq-layout background="transparent"><review-view .appointment="${i}" @review-submitted="${()=>{this.screen=et}}" @review-skipped="${()=>{this.screen=et}}" @review-reconnect="${()=>{this.screen=X}}"></review-view></mq-layout>`;if(this.screen===et)return s`<mq-layout background="transparent"><documentation-view .appointment="${i}" .token="${this.token}" ?can-reconnect="${!o}" @reconnect="${()=>{this.screen=X}}"></documentation-view></mq-layout>`;if(this.screen===X||this.screen===tt){const e=this.opentokController.session;return e?s`<waiting-room-layout .appointment="${i}" ?is-waiting-room="${this.screen===X}"><mq-videocall-content .apiKey="${this.apiKey}" .token="${this.token}" .session="${e}" .streams="${this.opentokController?.streams??[]}" ?is-waiting-room="${this.screen===X}" ?is-reconnecting="${this.opentokController.isReconnecting}" .appointment="${i}"></mq-videocall-content></waiting-room-layout>`:t}return s`<mq-layout background="transparent"><unexpected-error-view></unexpected-error-view></mq-layout>`}})}};t([r({type:String,attribute:"appointment-id"})],bt.prototype,"appointmentId",void 0),t([r({type:String,attribute:"api-key"})],bt.prototype,"apiKey",void 0),t([r({type:String})],bt.prototype,"token",void 0),t([c({context:p,subscribe:!0}),f()],bt.prototype,"inheritedApiClient",void 0),t([l({context:p}),f()],bt.prototype,"apiClient",void 0),t([f()],bt.prototype,"screen",void 0),t([l({context:Z})],bt.prototype,"opentokService",void 0),t([l({context:J})],bt.prototype,"params",void 0),bt=t([e("mq-videocall-provider")],bt);let ft=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 s`<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="${`${w.ASSETS_BASE_URL}/wc-videocall/Miccam_asset.png`}" alt="Miccam_asset" width="229" height="166.44"></div></error-view>`}};ft=t([x(),e("permissions-required-error-view")],ft);let yt=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?s`<div class="loading-spinner-container">${a({color:"var(--color-primary)"})}</div>`:"denied"===this._permissionController.state?s`<div class="permissions-required-error-view-container"><permissions-required-error-view></permissions-required-error-view></div>`:s`<mq-videocall-provider .appointmentId="${this.appointmentId}" .token="${this.token}" .apiKey="${this.apiKey}"></mq-videocall-provider>`}};t([r({type:String,attribute:"appointment-id"})],yt.prototype,"appointmentId",void 0),t([r({type:String,attribute:"api-key"})],yt.prototype,"apiKey",void 0),t([r({type:String})],yt.prototype,"token",void 0),yt=t([e("mq-videocall")],yt);export{DownloadFileEvent,yt as MqVideocall,ReviewSkippedEvent,ReviewSubmittedEvent,ToggleAudioEvent,ToggleChatEvent,ToggleVideoEvent,ViewDocumentationEvent};
+import{_ as t,c as e}from"./chunks/custom-element-D2ziPxYE.js";import{a as i,i as o,x as s,E 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-BwI4DDGF.js";import{c}from"./chunks/consume-CovVqBjI.js";import{h as d}from"./chunks/task-Bj8p7kJX.js";import{A as p}from"./chunks/api-client-context-V1UAGtKW.js";import{h,a as m,C as u,c as v,n as g,b}from"./chunks/api-chat-client-CJ1EGJe3.js";import{r as f}from"./chunks/state-LQivXIgA.js";import{n as y}from"./chunks/create-context-DqP79qjF.js";import{env as w}from"./env.js";import{m as k}from"./chunks/runtime-Bg1WXVCx.js";import{l as x}from"./chunks/localized-decorator-BlOuLhym.js";import{g as $}from"./chunks/chunk-HN62IQ7S-xbkIy7k_.js";import{a as C}from"./chunks/addSeconds-ofMnxlgT.js";import{getLocale as E}from"./i18n.js";import{calendarIcon as j}from"./ui/icons/calendar-icon.js";import"./ui/mq-page-title.js";import"./chunks/professional-overview-C4H_znIJ.js";import{MqViewAppointmentsEvent as S}from"./events.js";import{clockIcon as z}from"./ui/icons/clock-icon.js";import"./chunks/documentation-view-BbMbGneD.js";import{l as T}from"./chunks/chunk-S5RWG6G2-DPesx3Od.js";import{t as _,E as q,F as O,G as I,H as R}from"./chunks/telemetry-client-7fvNqUSU.js";import"./mq-chat-room.js";import{chatbubbleIcon as V}from"./ui/icons/chat-bubble-icon.js";import{micIcon as A}from"./ui/icons/mic-icon.js";import{micOffIcon as N}from"./ui/icons/mic-off-icon.js";import{videoIcon as U}from"./ui/icons/video-icon.js";import{videoOffIcon as P}from"./ui/icons/video-off-icon.js";import"./ui/mq-unread-badge.js";import{Q as W}from"./chunks/query-controller-BlO1Ax65.js";import{g as M}from"./chunks/chunk-Y4EKUX25-QqMl3eiq.js";import{g as D}from"./chunks/get-appointment-query-C-gTTuiQ.js";import{l as L}from"./chunks/chunk-4FFT6DC2-CVWibomC.js";import"./ui/mq-floating-bubble.js";import{e as F}from"./chunks/query-CeeutdfT.js";import{M as K}from"./chunks/mutation-controller-CR2qcqhH.js";import{alertCircleIcon as B}from"./ui/icons/alert-circle-icon.js";import"./ui/mq-rating.js";import{toast as H}from"./ui/mq-toast.js";import{heartBeatIcon as G}from"./ui/icons/heartbeat-icon.js";import{timeLeftIcon as Q}from"./ui/icons/time-left-icon.js";import"./chunks/mq-layout-E5mKSz4A.js";import"./ui/icons/types.js";import"./chunks/context-request-event-Dfydf1ub.js";import"./chunks/context-consumer-ESdICVAb.js";import"./chunks/external-CJj32K_p.js";import"./chunks/isBefore-CPpTogxo.js";import"./chunks/parseISO-Dj3qSTG8.js";import"./chunks/format-CRFiCNHw.js";import"./ui/mq-button.js";import"./chunks/class-map-Co76I6aw.js";import"./chunks/directive-2EDmOukv.js";import"./chunks/if-defined-BYeVdwgd.js";import"./ui/icons/arrow-narrow-left-icon.js";import"./ui/icons/chevron-down-icon.js";import"./ui/mq-text-button.js";import"./ui/mq-avatar.js";import"./ui/icons/info-circle-outine-icon.js";import"./ui/icons/message-bubble-icon.js";import"./ui/mq-card.js";import"./chunks/chunk-6CCJWPGL-TiaqZaPV.js";import"./theme.js";import"./ui/icons/x-icon.js";import"./ui/mq-skeleton.js";import"./chunks/style-map-CIdqdn7C.js";import"./chunks/chunk-BUV4MGML-CkhBbfUu.js";import"./ui/icons/chevron-left-icon.js";import"./ui/icons/check-double-icon.js";import"./ui/icons/check-icon.js";import"./chunks/chunk-YTQUGGS3-DmCGIoFy.js";import"./chunks/chunk-RCFIJTXZ-C6Ir0-sM.js";import"./chunks/query-Cjvi4_dT.js";import"./ui/icons/download-icon.js";import"./chunks/blob-to-base64-CUL1trde.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 Y(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 Z=y(Symbol("opentok-service")),J=y(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 X="waiting-room",tt="videocall",et="documentation",it="not-time-yet",ot="review";class OpenTokController{constructor(t,e,i,o,s,n){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,this.apiClient=e,t.addController(this),this.appointment=i,this.token=o,this.onCallStarted=s,this.onCallFinished=n,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 this.apiClient.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(w.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())}),this.apiClient.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,this.apiClient.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 st=class NotTimeYetView extends i{static{this.styles=[o`mq-page-title{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){.description{font-size:var(--text-base);line-height:var(--text-base--line-height);margin-bottom:var(--sp-6)}}`]}firstUpdated(){_.track(q(this.loginToken.patient.hash,this.appointment.id??""))}render(){const t=E()?.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}:{}}),n=new Date(this.appointment.start_date),r=C(n,this.appointment.duration),a=e?$(e,n):"";return s`<mq-page-title .title="${k("¡Aún no es la hora!")}" back-label="${k("Salir")}" @mq-back="${t=>{t.stopPropagation(),this.dispatchEvent(new S({tab:"next"}))}}"></mq-page-title><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">${j({size:24})} <span>${i.format(n)}</span></div><div class="details-row">${z({size:24})} <span>${o.format(n)} - ${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="${()=>{_.track(O(this.loginToken.patient.hash,this.appointment.id??""))}}"></chat-cta>`}};t([r({type:Object})],st.prototype,"appointment",void 0),t([c({context:T})],st.prototype,"loginToken",void 0),st=t([x(),e("not-time-yet-view")],st);let nt=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 s`<span>${k("Espera a ser atendido sin salir de esta pantalla")}</span>`}};nt=t([x(),e("permission-status-banner")],nt);let rt=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)}mq-page-title{margin-bottom:var(--size-4)}.content{max-width:560px;margin:0 auto}.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 p{font-size:var(--text-base);line-height:var(--text-base--line-height)}}`}firstUpdated(){this.isWaitingRoom&&_.track(I(this.loginToken.patient.hash,this.appointment.id??""))}render(){if(!this.isWaitingRoom)return s`<slot></slot>`;const t=E()?.replace("_","-")??"es-ES",e=this.loginToken.patient.timezone,i=e?{timeZone:e}:{},o=new Intl.DateTimeFormat(t,{dateStyle:"short",...i}),n=new Intl.DateTimeFormat(t,{timeStyle:"short",...i}),r=new Date(this.appointment.start_date),a=C(r,this.appointment.duration),l=e?$(e,r):"",c=o.format(r),d=`${n.format(r)} - ${n.format(a)}${l?` (${l})`:""}`;return s`<permission-status-banner></permission-status-banner><div class="content"><div class="information-container"><mq-page-title .title="${k("Sala de espera")}" back-label="${k("Salir")}" @mq-back="${t=>{t.stopPropagation(),this.dispatchEvent(new S({tab:"next"}))}}"></mq-page-title><div class="doctor-info"><p>${this.appointment.from.name}</p><p>${c}</p><p>${d}</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="${()=>{_.track(O(this.loginToken.patient.hash,this.appointment.id??""))}}"></chat-cta></div>`}};t([r({type:Object})],rt.prototype,"appointment",void 0),t([r({type:Boolean,attribute:"is-waiting-room"})],rt.prototype,"isWaitingRoom",void 0),t([c({context:T})],rt.prototype,"loginToken",void 0),rt=t([e("waiting-room-layout")],rt);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 at=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 W(this,()=>M(this.apiClient,{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 s`<div class="left-controls">${this.isWaitingRoom||!this.chatEnabled?n:s`<button type="button" class="control-button control-button--on" @click="${this.toggleChat}">${V({size:20})} ${(this.unreadQuery.result?.data?.unread_count??0)>0?s`<mq-unread-badge></mq-unread-badge>`:n}</button>`} <button type="button" class="control-button ${this.isAudioOn?"control-button--on":"control-button--off"}" @click="${this.toggleAudio}">${this.isAudioOn?A({size:20}):N({size:20})}</button> <button type="button" class="control-button ${this.isVideoOn?"control-button--on":"control-button--off"}" @click="${this.toggleVideo}">${this.isVideoOn?U({size:20}):P({size:20})}</button></div>`}};t([c({context:p,subscribe:!0})],at.prototype,"apiClient",void 0),t([r({type:Boolean})],at.prototype,"isAudioOn",void 0),t([r({type:Boolean})],at.prototype,"isVideoOn",void 0),t([r({type:Boolean})],at.prototype,"isChatOpen",void 0),t([r({type:Boolean})],at.prototype,"chatEnabled",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-waiting-room"})],at.prototype,"isWaitingRoom",void 0),t([r({type:Number})],at.prototype,"roomId",void 0),at=t([e("publisher-controls")],at);let lt=class VideoPublisher extends i{constructor(){super(...arguments),this.isWaitingRoom=!1,this.appointmentCounterController=new AppointmentCounterController(this,()=>new Date(this.startsAt)),this.getAppointmentQuery=new W(this,()=>D(this.apiClient,{id:this.consultationId},{enabled:!!this.consultationId})),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&&L.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.getAppointmentQuery.result?.data?.has_chat_in_appointment;return s`<div class="top-items">${this.isWaitingRoom?s`<div></div>`:s`<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?s`<mq-floating-bubble ?dismissable="${!1}" .open="${this.isChatOpen}" @mq-close="${()=>{this.isChatOpen=!1}}" hideCloseButton>${this.isChatOpen?s`<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>`:n}</mq-floating-bubble>`:n}`}};t([c({context:p,subscribe:!0})],lt.prototype,"apiClient",void 0),t([r({type:String})],lt.prototype,"consultationId",void 0),t([r({type:String})],lt.prototype,"apiKey",void 0),t([r({type:String})],lt.prototype,"token",void 0),t([r({type:String})],lt.prototype,"roomId",void 0),t([r({type:String})],lt.prototype,"professionalHash",void 0),t([r({type:Object})],lt.prototype,"session",void 0),t([r({type:String})],lt.prototype,"professionalName",void 0),t([r({type:String})],lt.prototype,"startsAt",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-waiting-room"})],lt.prototype,"isWaitingRoom",void 0),t([c({context:Z})],lt.prototype,"openTokService",void 0),t([c({context:T})],lt.prototype,"loginToken",void 0),t([F("#video-publisher")],lt.prototype,"publisherEl",void 0),t([f()],lt.prototype,"isAudioOn",void 0),t([f()],lt.prototype,"isVideoOn",void 0),t([f()],lt.prototype,"isChatOpen",void 0),lt=t([e("video-publisher")],lt);let ct=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 s`<div id="video-subscriber" class="${this.isVideoOn?"":"hidden"}"></div>${this.isVideoOn?s``:s`<div class="video-disabled"></div>`}`}};t([r({type:Object})],ct.prototype,"session",void 0),t([r({type:Object})],ct.prototype,"stream",void 0),t([f()],ct.prototype,"isVideoOn",void 0),t([c({context:Z})],ct.prototype,"openTokService",void 0),t([F("#video-subscriber")],ct.prototype,"subscriberEl",void 0),ct=t([e("video-subscriber")],ct);let dt=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||_.track(R(this.loginToken.patient.hash,this.appointment.id??""))}updated(t){t.has("isWaitingRoom")&&!0===t.get("isWaitingRoom")&&!this.isWaitingRoom&&_.track(R(this.loginToken.patient.hash,this.appointment.id??""))}render(){return s`<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?s``:this.streams.map(t=>s`<video-subscriber .session="${this.session}" .stream="${t}"></video-subscriber>`)} ${this.isReconnecting?s`<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})],dt.prototype,"session",void 0),t([r({type:Array})],dt.prototype,"streams",void 0),t([r({type:String})],dt.prototype,"apiKey",void 0),t([r({type:String})],dt.prototype,"token",void 0),t([r({type:Object})],dt.prototype,"appointment",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-waiting-room"})],dt.prototype,"isWaitingRoom",void 0),t([r({type:Boolean,reflect:!0,attribute:"is-reconnecting"})],dt.prototype,"isReconnecting",void 0),t([c({context:T})],dt.prototype,"loginToken",void 0),dt=t([x(),e("mq-videocall-content")],dt);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 pt=class ReviewView extends i{constructor(){super(...arguments),this.rating=0,this.comment="",this._reviewMutation=new K(this,{mutationFn:({rating:t,comment:e})=>this.apiClient.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)?H.error(k("No se ha podido enviar el cuestionario")):this.dispatchEvent(new ReviewSubmittedEvent)}}),this._reconnectMutation=new K(this,{mutationFn:t=>this.apiClient.appointments.reconnectAppointment(t),onSuccess:()=>{this.dispatchEvent(new CustomEvent("review-reconnect",{bubbles:!0,composed:!0}))},onError:()=>{H.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 s`<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">${B({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([c({context:p,subscribe:!0})],pt.prototype,"apiClient",void 0),t([r({type:Object})],pt.prototype,"appointment",void 0),t([f()],pt.prototype,"rating",void 0),t([f()],pt.prototype,"comment",void 0),pt=t([x(),e("review-view")],pt);let ht=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 s`<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})],ht.prototype,"title",void 0),t([r({type:String})],ht.prototype,"message",void 0),ht=t([e("error-view")],ht);let mt=class UnexpectedErrorView extends i{render(){return s`<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">${G()}</div></error-view>`}};mt=t([x(),e("unexpected-error-view")],mt);let ut=class ExpiredAppointmentErrorView extends i{render(){return s`<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">${Q()}</div></error-view>`}};ut=t([x(),e("expired-appointment-error-view")],ut);let vt=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 s`<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> ${G()}</div></error-view>`}};function gt(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=Y(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}}vt=t([x(),e("not-found-error-view")],vt);let bt=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.apiClient=v(),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([this.apiClient.flash.getAppointment({appointmentId:t}),this.apiClient.consultations.getReview(t).then(()=>!0).catch(()=>!1),this.apiClient.organizations.getOrganizationSetup().catch(()=>{})]);return{appointment:e,hasReview:i,hasNps:!0===o?.appointments?.has_nps}},args:()=>[this.appointmentId,this.apiKey,this.token]})}willUpdate(t){const e=g(t,{apiKey:this.apiKey,token:this.token},this.inheritedApiClient);if(e&&(this.apiClient=e),this.appointmentTask.value&&!this.opentokController){const{appointment:t,hasReview:e,hasNps:i}=this.appointmentTask.value,o=function(t,e){return h(t)?t.status===m.finished||t.status===m.reporting?e?ot:et:X:it}(t,i);this.screen=o===ot&&e?et:o,this.params={appointmentId:this.appointmentId,token:this.token,apiKey:this.apiKey},this.opentokController=new OpenTokController(this,this.apiClient,t,this.token,()=>{this.screen=tt},()=>{this.screen=!i||e?et:ot})}}render(){const t=s`<div class="centered">${a({color:"var(--color-primary)"})}</div>`,e=s`<mq-layout background="transparent"><not-found-error-view></not-found-error-view></mq-layout>`;return this.appointmentTask.render({pending:()=>t,error:t=>{const i=gt(this.token);return i?.exp&&i.exp<Date.now()/1e3?s`<mq-layout background="transparent"><expired-appointment-error-view></expired-appointment-error-view></mq-layout>`:b(t)&&t.response?.status&&t.response.status<500?e:s`<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===it)return s`<mq-layout background="transparent"><not-time-yet-view .appointment="${i}"></not-time-yet-view></mq-layout>`;if(this.screen===ot)return s`<mq-layout background="transparent"><review-view .appointment="${i}" @review-submitted="${()=>{this.screen=et}}" @review-skipped="${()=>{this.screen=et}}" @review-reconnect="${()=>{this.screen=X}}"></review-view></mq-layout>`;if(this.screen===et)return s`<mq-layout background="transparent"><documentation-view .appointment="${i}" .token="${this.token}" ?can-reconnect="${!o}" @reconnect="${()=>{this.screen=X}}"></documentation-view></mq-layout>`;if(this.screen===X||this.screen===tt){const e=this.opentokController.session;return e?s`<waiting-room-layout .appointment="${i}" ?is-waiting-room="${this.screen===X}"><mq-videocall-content .apiKey="${this.apiKey}" .token="${this.token}" .session="${e}" .streams="${this.opentokController?.streams??[]}" ?is-waiting-room="${this.screen===X}" ?is-reconnecting="${this.opentokController.isReconnecting}" .appointment="${i}"></mq-videocall-content></waiting-room-layout>`:t}return s`<mq-layout background="transparent"><unexpected-error-view></unexpected-error-view></mq-layout>`}})}};t([r({type:String,attribute:"appointment-id"})],bt.prototype,"appointmentId",void 0),t([r({type:String,attribute:"api-key"})],bt.prototype,"apiKey",void 0),t([r({type:String})],bt.prototype,"token",void 0),t([c({context:p,subscribe:!0}),f()],bt.prototype,"inheritedApiClient",void 0),t([l({context:p}),f()],bt.prototype,"apiClient",void 0),t([f()],bt.prototype,"screen",void 0),t([l({context:Z})],bt.prototype,"opentokService",void 0),t([l({context:J})],bt.prototype,"params",void 0),bt=t([e("mq-videocall-provider")],bt);let ft=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 s`<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="${`${w.ASSETS_BASE_URL}/wc-videocall/Miccam_asset.png`}" alt="Miccam_asset" width="229" height="166.44"></div></error-view>`}};ft=t([x(),e("permissions-required-error-view")],ft);let yt=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?s`<div class="loading-spinner-container">${a({color:"var(--color-primary)"})}</div>`:"denied"===this._permissionController.state?s`<div class="permissions-required-error-view-container"><permissions-required-error-view></permissions-required-error-view></div>`:s`<mq-videocall-provider .appointmentId="${this.appointmentId}" .token="${this.token}" .apiKey="${this.apiKey}"></mq-videocall-provider>`}};t([r({type:String,attribute:"appointment-id"})],yt.prototype,"appointmentId",void 0),t([r({type:String,attribute:"api-key"})],yt.prototype,"apiKey",void 0),t([r({type:String})],yt.prototype,"token",void 0),yt=t([e("mq-videocall")],yt);export{DownloadFileEvent,yt as MqVideocall,ReviewSkippedEvent,ReviewSubmittedEvent,ToggleAudioEvent,ToggleChatEvent,ToggleVideoEvent,ViewDocumentationEvent};

package/dist/react/mq-api-client-provider.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { MqApiClientProvider as MqApiClientProvider$1 } from '../mq-api-client-provider.js';
 import 'lit-html';
-import '../chunks/index.d-Bl682CAX.js';
+import '../chunks/index.d-XSe7Hy-Q.js';
 import 'axios';
 import 'zod';
 import '../chunks/schemas.d-b6_AekBb.js';

package/dist/react/mq-api-client-provider.js

@@ -1,2 +1,2 @@
 "use client";
-import{o as t}from"../chunks/create-component-BB-6Gu6l.js";import*as e from"react";import{MqApiClientProvider as s}from"../mq-api-client-provider.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../env.js";import"../chunks/api-chat-client-pGZWREjK.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/external-CJj32K_p.js";import"../chunks/isBefore-CPpTogxo.js";import"../chunks/ensure-context-root-DbdqwnKB.js";const r=t({react:e,tagName:"mq-api-client-provider",elementClass:s});export{r as MqApiClientProvider};
+import{o as t}from"../chunks/create-component-BB-6Gu6l.js";import*as e from"react";import{MqApiClientProvider as s}from"../mq-api-client-provider.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../env.js";import"../chunks/api-chat-client-CJ1EGJe3.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/external-CJj32K_p.js";import"../chunks/isBefore-CPpTogxo.js";import"../chunks/ensure-context-root-DbdqwnKB.js";const r=t({react:e,tagName:"mq-api-client-provider",elementClass:s});export{r as MqApiClientProvider};

package/dist/react/mq-apple-pay-checkout.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { MqApplePayCheckout as MqApplePayCheckout$1, ApplePayCheckoutSuccessEvent, ApplePayCheckoutDeniedEvent, ApplePayCheckoutErrorEvent } from '../mq-apple-pay-checkout.js';
 import 'lit';
-import '../chunks/index.d-Bl682CAX.js';
+import '../chunks/index.d-XSe7Hy-Q.js';
 import 'axios';
 import 'zod';
 import '../chunks/schemas.d-b6_AekBb.js';

package/dist/react/mq-apple-pay-checkout.js

@@ -1,2 +1,2 @@
 "use client";
-import{o as t}from"../chunks/create-component-BB-6Gu6l.js";import*as s from"react";import{MqApplePayCheckout as e}from"../mq-apple-pay-checkout.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/consume-CovVqBjI.js";import"../chunks/context-consumer-ESdICVAb.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/localized-decorator-BlOuLhym.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/login-token-task-Yib__6a9.js";import"../chunks/task-Bj8p7kJX.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/chunk-4FFT6DC2-CVWibomC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../env.js";import"../i18n.js";import"../chunks/external-CJj32K_p.js";import"../chunks/api-chat-client-pGZWREjK.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/isBefore-CPpTogxo.js";import"../chunks/apple-pay-outcomes-BONpT54d.js";const o=t({react:s,tagName:"mq-apple-pay-checkout",elementClass:e,events:{onPaymentSuccess:"payment-success",onPaymentDenied:"payment-denied",onPaymentError:"payment-error"}});export{o as MqApplePayCheckout};
+import{o as t}from"../chunks/create-component-BB-6Gu6l.js";import*as s from"react";import{MqApplePayCheckout as e}from"../mq-apple-pay-checkout.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/consume-CovVqBjI.js";import"../chunks/context-consumer-ESdICVAb.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/localized-decorator-BlOuLhym.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/login-token-task-Yib__6a9.js";import"../chunks/task-Bj8p7kJX.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/chunk-4FFT6DC2-CVWibomC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../env.js";import"../i18n.js";import"../chunks/external-CJj32K_p.js";import"../chunks/api-chat-client-CJ1EGJe3.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/isBefore-CPpTogxo.js";import"../chunks/apple-pay-outcomes-B1LrUXHR.js";const o=t({react:s,tagName:"mq-apple-pay-checkout",elementClass:e,events:{onPaymentSuccess:"payment-success",onPaymentDenied:"payment-denied",onPaymentError:"payment-error"}});export{o as MqApplePayCheckout};

package/dist/react/mq-appointment-checkout.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { MqAppointmentCheckout as MqAppointmentCheckout$1, AppointmentPaidEvent } from '../mq-appointment-checkout.js';
 import 'lit-html';
-import '../chunks/index.d-Bl682CAX.js';
+import '../chunks/index.d-XSe7Hy-Q.js';
 import 'axios';
 import 'zod';
 import '../chunks/schemas.d-b6_AekBb.js';

package/dist/react/mq-appointment-checkout.js

@@ -1,2 +1,2 @@
 "use client";
-import{o as t}from"../chunks/create-component-BB-6Gu6l.js";import*as s from"react";import{MqAppointmentCheckout as e}from"../mq-appointment-checkout.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/if-defined-BYeVdwgd.js";import"../mq-checkout.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/consume-CovVqBjI.js";import"../chunks/context-consumer-ESdICVAb.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/localized-decorator-BlOuLhym.js";import"../chunks/task-Bj8p7kJX.js";import"../chunks/api-chat-client-pGZWREjK.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/external-CJj32K_p.js";import"../chunks/isBefore-CPpTogxo.js";import"../env.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/login-token-task-Yib__6a9.js";import"../chunks/chunk-4FFT6DC2-CVWibomC.js";import"../chunks/state-LQivXIgA.js";import"../theme.js";import"../i18n.js";import"../ui/mq-skeleton.js";import"../chunks/style-map-CIdqdn7C.js";import"../chunks/directive-2EDmOukv.js";const o=t({react:s,tagName:"mq-appointment-checkout",elementClass:e,events:{onPaymentSuccess:"payment-success"}});export{o as MqAppointmentCheckout};
+import{o as t}from"../chunks/create-component-BB-6Gu6l.js";import*as s from"react";import{MqAppointmentCheckout as e}from"../mq-appointment-checkout.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/if-defined-BYeVdwgd.js";import"../mq-checkout.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/consume-CovVqBjI.js";import"../chunks/context-consumer-ESdICVAb.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/localized-decorator-BlOuLhym.js";import"../chunks/task-Bj8p7kJX.js";import"../chunks/api-chat-client-CJ1EGJe3.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/external-CJj32K_p.js";import"../chunks/isBefore-CPpTogxo.js";import"../env.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/login-token-task-Yib__6a9.js";import"../chunks/chunk-4FFT6DC2-CVWibomC.js";import"../chunks/state-LQivXIgA.js";import"../theme.js";import"../i18n.js";import"../ui/mq-skeleton.js";import"../chunks/style-map-CIdqdn7C.js";import"../chunks/directive-2EDmOukv.js";const o=t({react:s,tagName:"mq-appointment-checkout",elementClass:e,events:{onPaymentSuccess:"payment-success"}});export{o as MqAppointmentCheckout};

package/dist/react/mq-appointment-documentation.d.ts

@@ -2,14 +2,14 @@ import * as React from 'react';
 import { MqAppointmentDocumentation as MqAppointmentDocumentation$1 } from '../mq-appointment-documentation.js';
 import { DownloadFileEvent, MqViewAppointmentsEvent } from '../events.js';
 import 'lit-html';
-import '../chunks/index.d-Bl682CAX.js';
+import '../chunks/index.d-XSe7Hy-Q.js';
 import 'axios';
 import 'zod';
 import '../chunks/schemas.d-b6_AekBb.js';
 import 'lit';
 import '../env.js';
 import '../ui/mq-button.js';
-import '../chunks/mq-chat-room-t3j3Tq4o.js';
+import '../chunks/mq-chat-room-jeDvIF1Z.js';
 import '../ui/mq-avatar.js';
 import '../ui/mq-skeleton.js';
 import '../chunks/appointment.model.d-BWwBLaEL.js';
@@ -18,7 +18,8 @@ import '../ui/mq-floating-bubble.js';
 import '../ui/mq-card.js';
 import '../ui/mq-unread-badge.js';
 import '../ui/mq-page-title.js';
-import '../chunks/mq-layout-D1j50tKd.js';
+import '../chunks/mq-layout-TG2K4zRv.js';
+import '../chunks/document.model.d-DIzMiOmd.js';
 
 interface MqAppointmentDocumentationProps {
     appointmentId: MqAppointmentDocumentation$1["appointmentId"];

package/dist/react/mq-appointment-documentation.js

@@ -1,2 +1,2 @@
 "use client";
-import{o}from"../chunks/create-component-BB-6Gu6l.js";import*as t from"react";import{MqAppointmentDocumentation as s}from"../mq-appointment-documentation.js";import"../i18n.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/chunk-4FFT6DC2-CVWibomC.js";import"../chunks/external-CJj32K_p.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/consume-CovVqBjI.js";import"../chunks/context-consumer-ESdICVAb.js";import"../chunks/query-controller-BlO1Ax65.js";import"../chunks/chunk-RCFIJTXZ-C6Ir0-sM.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/query-Cjvi4_dT.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/get-appointment-query-C-gTTuiQ.js";import"../chunks/chunk-6CCJWPGL-TiaqZaPV.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../env.js";import"../chunks/api-chat-client-pGZWREjK.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/isBefore-CPpTogxo.js";import"../chunks/documentation-view-GZI-DC3e.js";import"../chunks/localized-decorator-BlOuLhym.js";import"../chunks/task-Bj8p7kJX.js";import"../chunks/addSeconds-ofMnxlgT.js";import"../ui/icons/calendar-icon.js";import"../ui/icons/types.js";import"../ui/icons/clock-icon.js";import"../ui/icons/info-circle-outine-icon.js";import"../ui/mq-button.js";import"../chunks/class-map-Co76I6aw.js";import"../chunks/directive-2EDmOukv.js";import"../chunks/if-defined-BYeVdwgd.js";import"../chunks/chunk-S5RWG6G2-DPesx3Od.js";import"../ui/icons/message-bubble-icon.js";import"../mq-chat-room.js";import"../theme.js";import"../ui/icons/x-icon.js";import"../ui/mq-avatar.js";import"../ui/mq-skeleton.js";import"../chunks/style-map-CIdqdn7C.js";import"../chunks/chunk-BUV4MGML-CkhBbfUu.js";import"../ui/icons/chevron-left-icon.js";import"../chunks/query-CeeutdfT.js";import"../events.js";import"../chunks/chunk-Y4EKUX25-QqMl3eiq.js";import"../ui/icons/check-double-icon.js";import"../ui/icons/check-icon.js";import"../chunks/chunk-YTQUGGS3-DmCGIoFy.js";import"../chunks/mutation-controller-CR2qcqhH.js";import"../ui/mq-floating-bubble.js";import"../ui/mq-card.js";import"../ui/mq-unread-badge.js";import"../ui/mq-page-title.js";import"../ui/icons/arrow-narrow-left-icon.js";import"../chunks/mq-layout-L3TlCxI0.js";import"../ui/icons/download-icon.js";import"../chunks/blob-to-base64-CUL1trde.js";import"../chunks/telemetry-client-CoWay8es.js";const i=o({react:t,tagName:"mq-appointment-documentation",elementClass:s,events:{onDownloadFile:"mq-download-file",onViewAppointments:"mq-view-appointments"}});export{i as MqAppointmentDocumentation};
+import{o}from"../chunks/create-component-BB-6Gu6l.js";import*as t from"react";import{MqAppointmentDocumentation as s}from"../mq-appointment-documentation.js";import"../i18n.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/chunk-4FFT6DC2-CVWibomC.js";import"../chunks/external-CJj32K_p.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/consume-CovVqBjI.js";import"../chunks/context-consumer-ESdICVAb.js";import"../chunks/query-controller-BlO1Ax65.js";import"../chunks/chunk-RCFIJTXZ-C6Ir0-sM.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/query-Cjvi4_dT.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/get-appointment-query-C-gTTuiQ.js";import"../chunks/chunk-6CCJWPGL-TiaqZaPV.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../env.js";import"../chunks/api-chat-client-CJ1EGJe3.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/isBefore-CPpTogxo.js";import"../chunks/documentation-view-BbMbGneD.js";import"../chunks/localized-decorator-BlOuLhym.js";import"../chunks/task-Bj8p7kJX.js";import"../chunks/addSeconds-ofMnxlgT.js";import"../ui/icons/calendar-icon.js";import"../ui/icons/types.js";import"../ui/icons/clock-icon.js";import"../ui/icons/info-circle-outine-icon.js";import"../ui/mq-button.js";import"../chunks/class-map-Co76I6aw.js";import"../chunks/directive-2EDmOukv.js";import"../chunks/if-defined-BYeVdwgd.js";import"../chunks/chunk-S5RWG6G2-DPesx3Od.js";import"../ui/icons/message-bubble-icon.js";import"../mq-chat-room.js";import"../theme.js";import"../ui/icons/x-icon.js";import"../ui/mq-avatar.js";import"../ui/mq-skeleton.js";import"../chunks/style-map-CIdqdn7C.js";import"../chunks/chunk-BUV4MGML-CkhBbfUu.js";import"../ui/icons/chevron-left-icon.js";import"../chunks/query-CeeutdfT.js";import"../events.js";import"../chunks/chunk-Y4EKUX25-QqMl3eiq.js";import"../ui/icons/check-double-icon.js";import"../ui/icons/check-icon.js";import"../chunks/chunk-YTQUGGS3-DmCGIoFy.js";import"../chunks/mutation-controller-CR2qcqhH.js";import"../ui/mq-floating-bubble.js";import"../ui/mq-card.js";import"../ui/mq-unread-badge.js";import"../ui/mq-page-title.js";import"../ui/icons/arrow-narrow-left-icon.js";import"../chunks/mq-layout-E5mKSz4A.js";import"../ui/icons/download-icon.js";import"../chunks/blob-to-base64-CUL1trde.js";import"../chunks/telemetry-client-7fvNqUSU.js";const i=o({react:t,tagName:"mq-appointment-documentation",elementClass:s,events:{onDownloadFile:"mq-download-file",onViewAppointments:"mq-view-appointments"}});export{i as MqAppointmentDocumentation};

package/dist/react/mq-chat-room.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { M as MqChatRoom$1 } from '../chunks/mq-chat-room-t3j3Tq4o.js';
+import { M as MqChatRoom$1 } from '../chunks/mq-chat-room-jeDvIF1Z.js';
 import { MqChatRoomCloseEvent, MqChatRoomProfileEvent } from '../mq-chat-room.js';
 import { DownloadFileEvent } from '../events.js';
 import 'lit-html';
 import 'lit';
-import '../chunks/index.d-Bl682CAX.js';
+import '../chunks/index.d-XSe7Hy-Q.js';
 import 'axios';
 import 'zod';
 import '../chunks/schemas.d-b6_AekBb.js';

package/dist/react/mq-chat-room.js

@@ -1,2 +1,2 @@
 "use client";
-import{o}from"../chunks/create-component-BB-6Gu6l.js";import*as s from"react";import{MqChatRoom as t}from"../mq-chat-room.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/consume-CovVqBjI.js";import"../chunks/context-consumer-ESdICVAb.js";import"../chunks/localized-decorator-BlOuLhym.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../theme.js";import"../ui/icons/x-icon.js";import"../ui/icons/types.js";import"../ui/mq-avatar.js";import"../chunks/class-map-Co76I6aw.js";import"../chunks/directive-2EDmOukv.js";import"../ui/mq-button.js";import"../chunks/if-defined-BYeVdwgd.js";import"../ui/mq-skeleton.js";import"../chunks/style-map-CIdqdn7C.js";import"../chunks/query-controller-BlO1Ax65.js";import"../chunks/chunk-RCFIJTXZ-C6Ir0-sM.js";import"../chunks/query-Cjvi4_dT.js";import"../chunks/chunk-BUV4MGML-CkhBbfUu.js";import"../chunks/chunk-6CCJWPGL-TiaqZaPV.js";import"../ui/icons/chevron-left-icon.js";import"../chunks/query-CeeutdfT.js";import"../chunks/chunk-4FFT6DC2-CVWibomC.js";import"../events.js";import"../chunks/api-chat-client-pGZWREjK.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/external-CJj32K_p.js";import"../chunks/isBefore-CPpTogxo.js";import"../env.js";import"../chunks/chunk-Y4EKUX25-QqMl3eiq.js";import"../ui/icons/check-double-icon.js";import"../ui/icons/check-icon.js";import"../i18n.js";import"../chunks/chunk-YTQUGGS3-DmCGIoFy.js";import"../chunks/mutation-controller-CR2qcqhH.js";const i=o({react:s,tagName:"mq-chat-room",elementClass:t,events:{onClose:"mq-chat-room-close",onProfile:"mq-chat-room-profile",onDownloadFile:"mq-download-file"}});export{i as MqChatRoom};
+import{o}from"../chunks/create-component-BB-6Gu6l.js";import*as s from"react";import{MqChatRoom as t}from"../mq-chat-room.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/consume-CovVqBjI.js";import"../chunks/context-consumer-ESdICVAb.js";import"../chunks/localized-decorator-BlOuLhym.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../theme.js";import"../ui/icons/x-icon.js";import"../ui/icons/types.js";import"../ui/mq-avatar.js";import"../chunks/class-map-Co76I6aw.js";import"../chunks/directive-2EDmOukv.js";import"../ui/mq-button.js";import"../chunks/if-defined-BYeVdwgd.js";import"../ui/mq-skeleton.js";import"../chunks/style-map-CIdqdn7C.js";import"../chunks/query-controller-BlO1Ax65.js";import"../chunks/chunk-RCFIJTXZ-C6Ir0-sM.js";import"../chunks/query-Cjvi4_dT.js";import"../chunks/chunk-BUV4MGML-CkhBbfUu.js";import"../chunks/chunk-6CCJWPGL-TiaqZaPV.js";import"../ui/icons/chevron-left-icon.js";import"../chunks/query-CeeutdfT.js";import"../chunks/chunk-4FFT6DC2-CVWibomC.js";import"../events.js";import"../chunks/api-chat-client-CJ1EGJe3.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/external-CJj32K_p.js";import"../chunks/isBefore-CPpTogxo.js";import"../env.js";import"../chunks/chunk-Y4EKUX25-QqMl3eiq.js";import"../ui/icons/check-double-icon.js";import"../ui/icons/check-icon.js";import"../i18n.js";import"../chunks/chunk-YTQUGGS3-DmCGIoFy.js";import"../chunks/mutation-controller-CR2qcqhH.js";const i=o({react:s,tagName:"mq-chat-room",elementClass:t,events:{onClose:"mq-chat-room-close",onProfile:"mq-chat-room-profile",onDownloadFile:"mq-download-file"}});export{i as MqChatRoom};

package/dist/react/mq-checkout.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { MqCheckout as MqCheckout$1, CheckoutSuccessEvent, CheckoutDeniedEvent, CheckoutErrorEvent, CheckoutRetryEvent } from '../mq-checkout.js';
 import 'lit-html';
 import 'lit';
-import '../chunks/index.d-Bl682CAX.js';
+import '../chunks/index.d-XSe7Hy-Q.js';
 import 'axios';
 import 'zod';
 import '../chunks/schemas.d-b6_AekBb.js';

package/dist/react/mq-checkout.js

@@ -1,2 +1,2 @@
 "use client";
-import{o as t}from"../chunks/create-component-BB-6Gu6l.js";import*as s from"react";import{MqCheckout as e}from"../mq-checkout.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/consume-CovVqBjI.js";import"../chunks/context-consumer-ESdICVAb.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/localized-decorator-BlOuLhym.js";import"../chunks/task-Bj8p7kJX.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/api-chat-client-pGZWREjK.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/external-CJj32K_p.js";import"../chunks/isBefore-CPpTogxo.js";import"../env.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/login-token-task-Yib__6a9.js";import"../chunks/chunk-4FFT6DC2-CVWibomC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../theme.js";import"../i18n.js";import"../ui/mq-skeleton.js";import"../chunks/style-map-CIdqdn7C.js";import"../chunks/directive-2EDmOukv.js";const n=t({react:s,tagName:"mq-checkout",elementClass:e,events:{onPaymentSuccess:"payment-success",onPaymentDenied:"payment-denied",onPaymentError:"payment-error",onPaymentRetry:"payment-retry"}});export{n as MqCheckout};
+import{o as t}from"../chunks/create-component-BB-6Gu6l.js";import*as s from"react";import{MqCheckout as e}from"../mq-checkout.js";import"../chunks/custom-element-D2ziPxYE.js";import"../chunks/provide-BwI4DDGF.js";import"../chunks/context-request-event-Dfydf1ub.js";import"../chunks/consume-CovVqBjI.js";import"../chunks/context-consumer-ESdICVAb.js";import"../chunks/runtime-Bg1WXVCx.js";import"../chunks/localized-decorator-BlOuLhym.js";import"../chunks/task-Bj8p7kJX.js";import"../chunks/lit-element-DiWJYFwC.js";import"../chunks/api-chat-client-CJ1EGJe3.js";import"../chunks/chunk-HN62IQ7S-xbkIy7k_.js";import"../chunks/parseISO-Dj3qSTG8.js";import"../chunks/format-CRFiCNHw.js";import"../chunks/external-CJj32K_p.js";import"../chunks/isBefore-CPpTogxo.js";import"../env.js";import"../chunks/api-client-context-V1UAGtKW.js";import"../chunks/create-context-DqP79qjF.js";import"../chunks/login-token-task-Yib__6a9.js";import"../chunks/chunk-4FFT6DC2-CVWibomC.js";import"../chunks/property-scuRaFcM.js";import"../chunks/state-LQivXIgA.js";import"../theme.js";import"../i18n.js";import"../ui/mq-skeleton.js";import"../chunks/style-map-CIdqdn7C.js";import"../chunks/directive-2EDmOukv.js";const n=t({react:s,tagName:"mq-checkout",elementClass:e,events:{onPaymentSuccess:"payment-success",onPaymentDenied:"payment-denied",onPaymentError:"payment-error",onPaymentRetry:"payment-retry"}});export{n as MqCheckout};

package/dist/react/mq-dashboard.d.ts

@@ -4,24 +4,25 @@ import { MqDashboard as MqDashboard$1 } from '../mq-dashboard.js';
 import { MqAppointmentBookEvent, MqViewAppointmentsEvent, MqAppointmentJoinVideocallEvent, MqAppointmentRescheduleEvent, MqAppointmentViewDocumentationEvent, MqViewDocumentsEvent } from '../events.js';
 import 'lit-html';
 import 'lit';
-import '../chunks/index.d-Bl682CAX.js';
+import '../chunks/index.d-XSe7Hy-Q.js';
 import 'axios';
 import 'zod';
 import '../chunks/schemas.d-b6_AekBb.js';
-import '../chunks/mq-layout-D1j50tKd.js';
+import '../chunks/mq-layout-TG2K4zRv.js';
 import '../ui/mq-button.js';
+import '../chunks/document.model.d-DIzMiOmd.js';
 import '../ui/mq-skeleton.js';
 import '../ui/mq-avatar.js';
 import '../ui/mq-card.js';
-import '../chunks/appointment-card-skeleton-C3mV8Ky1.js';
+import '../chunks/appointment-card-skeleton-C2Sim4nR.js';
 import '../chunks/appointment-details-CVEDe_k0.js';
 import '../chunks/appointment.model.d-BWwBLaEL.js';
 import '../chunks/professional-overview-mO3tuMuH.js';
 import '../ui/mq-text-button.js';
-import '../chunks/mq-chat-room-t3j3Tq4o.js';
+import '../chunks/mq-chat-room-jeDvIF1Z.js';
 import '@tanstack/query-core';
 import '../ui/mq-floating-bubble.js';
-import '../chunks/appointment-action-unavailable-dialog-BYse3uIa.js';
+import '../chunks/appointment-action-unavailable-dialog-CTiL4nMo.js';
 import '../chunks/price.d-CwLosdAN.js';
 import '../ui/mq-dialog.js';
 import '../ui/mq-unread-badge.js';