@mediquo/elements 0.3.1

package/dist/mq-my-appointments.d.ts

@@ -0,0 +1,602 @@
+export { A as AppointmentDetails } from './chunks/appointment-details-DpzdYLjq.js';
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import z, { z as z$1 } from 'zod';
+import { MqTabsSelectEvent } from './ui/mq-tabs.js';
+import './ui/mq-card.js';
+export { P as ProfessionalOverview } from './chunks/professional-overview-mO3tuMuH.js';
+import './chunks/mq-chat-room-DuG4RuIp.js';
+import './ui/mq-floating-bubble.js';
+import { P as PriceInCents } from './chunks/price.d-CwLosdAN.js';
+import './ui/mq-button.js';
+import './ui/mq-dialog.js';
+import { QueryClient } from '@tanstack/query-core';
+import './ui/mq-unread-badge.js';
+import './ui/back-link.js';
+import './chunks/appointment.model.d-Dy50gMPg.js';
+import './ui/mq-text-button.js';
+import './ui/mq-avatar.js';
+import './ui/mq-skeleton.js';
+
+declare const LoginTokenResponseSchema: z.ZodObject<{
+    access_token: z.ZodString;
+    patient: z.ZodObject<{
+        hash: z.ZodString;
+        country_code: z.ZodString;
+        timezone: z.ZodString;
+        first_name: z.ZodString;
+        last_name: z.ZodString;
+        name: z.ZodString;
+        birth_date: z.ZodString;
+        email: z.ZodString;
+        language_code: z.ZodString;
+        phone: z.ZodString;
+        phone_prefix: z.ZodString;
+        tax_id: z.ZodString;
+        legal_consent: z.ZodObject<{
+            accepted_at: z.ZodNullable<z.ZodString>;
+            last_version_at: z.ZodNullable<z.ZodString>;
+            terms_url: z.ZodString;
+            privacy_url: z.ZodString;
+            has_commercial_communications: z.ZodBoolean;
+            organization_name: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            accepted_at: string | null;
+            last_version_at: string | null;
+            terms_url: string;
+            privacy_url: string;
+            has_commercial_communications: boolean;
+            organization_name: string;
+        }, {
+            accepted_at: string | null;
+            last_version_at: string | null;
+            terms_url: string;
+            privacy_url: string;
+            has_commercial_communications: boolean;
+            organization_name: string;
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        hash: string;
+        country_code: string;
+        timezone: string;
+        first_name: string;
+        last_name: string;
+        name: string;
+        birth_date: string;
+        email: string;
+        language_code: string;
+        phone: string;
+        phone_prefix: string;
+        tax_id: string;
+        legal_consent: {
+            accepted_at: string | null;
+            last_version_at: string | null;
+            terms_url: string;
+            privacy_url: string;
+            has_commercial_communications: boolean;
+            organization_name: string;
+        };
+    }, {
+        hash: string;
+        country_code: string;
+        timezone: string;
+        first_name: string;
+        last_name: string;
+        name: string;
+        birth_date: string;
+        email: string;
+        language_code: string;
+        phone: string;
+        phone_prefix: string;
+        tax_id: string;
+        legal_consent: {
+            accepted_at: string | null;
+            last_version_at: string | null;
+            terms_url: string;
+            privacy_url: string;
+            has_commercial_communications: boolean;
+            organization_name: string;
+        };
+    }>;
+}, "strip", z.ZodTypeAny, {
+    access_token: string;
+    patient: {
+        hash: string;
+        country_code: string;
+        timezone: string;
+        first_name: string;
+        last_name: string;
+        name: string;
+        birth_date: string;
+        email: string;
+        language_code: string;
+        phone: string;
+        phone_prefix: string;
+        tax_id: string;
+        legal_consent: {
+            accepted_at: string | null;
+            last_version_at: string | null;
+            terms_url: string;
+            privacy_url: string;
+            has_commercial_communications: boolean;
+            organization_name: string;
+        };
+    };
+}, {
+    access_token: string;
+    patient: {
+        hash: string;
+        country_code: string;
+        timezone: string;
+        first_name: string;
+        last_name: string;
+        name: string;
+        birth_date: string;
+        email: string;
+        language_code: string;
+        phone: string;
+        phone_prefix: string;
+        tax_id: string;
+        legal_consent: {
+            accepted_at: string | null;
+            last_version_at: string | null;
+            terms_url: string;
+            privacy_url: string;
+            has_commercial_communications: boolean;
+            organization_name: string;
+        };
+    };
+}>;
+type LoginTokenResponse = z.infer<typeof LoginTokenResponseSchema>;
+
+declare const MqMyAppointmentsTabsSchema: z$1.ZodEnum<["next", "history"]>;
+type MqMyAppointmentsTabs = z$1.infer<typeof MqMyAppointmentsTabsSchema>;
+
+declare const GetAppointmentsResponseSchema: z$1.ZodObject<{
+    data: z$1.ZodArray<z$1.ZodObject<{
+        appointment: z$1.ZodObject<{
+            id: z$1.ZodString;
+            url: z$1.ZodString;
+            starts_at: z$1.ZodString;
+            duration: z$1.ZodNumber;
+            status: z$1.ZodEnum<["pending", "expired", "accepted", "inCall", "declined", "cancelled", "finished", "free_of_charge", "owed", "unpaid", "reporting"]>;
+            channel: z$1.ZodEnum<["videocall", "chat", "phonecall"]>;
+            expires_at: z$1.ZodNullable<z$1.ZodString>;
+            service_id: z$1.ZodNullable<z$1.ZodString>;
+        }, "strip", z$1.ZodTypeAny, {
+            url: string;
+            status: "pending" | "expired" | "accepted" | "inCall" | "declined" | "cancelled" | "finished" | "free_of_charge" | "owed" | "unpaid" | "reporting";
+            id: string;
+            channel: "videocall" | "chat" | "phonecall";
+            duration: number;
+            expires_at: string | null;
+            service_id: string | null;
+            starts_at: string;
+        }, {
+            url: string;
+            status: "pending" | "expired" | "accepted" | "inCall" | "declined" | "cancelled" | "finished" | "free_of_charge" | "owed" | "unpaid" | "reporting";
+            id: string;
+            channel: "videocall" | "chat" | "phonecall";
+            duration: number;
+            expires_at: string | null;
+            service_id: string | null;
+            starts_at: string;
+        }>;
+        room: z$1.ZodObject<{
+            id: z$1.ZodNumber;
+        }, "strip", z$1.ZodTypeAny, {
+            id: number;
+        }, {
+            id: number;
+        }>;
+        price: z$1.ZodNullable<z$1.ZodObject<{
+            amount: z$1.ZodNumber;
+            currency: z$1.ZodString;
+        }, "strip", z$1.ZodTypeAny, {
+            currency: string;
+            amount: number;
+        }, {
+            currency: string;
+            amount: number;
+        }>>;
+        patient: z$1.ZodObject<{
+            hash: z$1.ZodString;
+        }, "strip", z$1.ZodTypeAny, {
+            hash: string;
+        }, {
+            hash: string;
+        }>;
+        slots: z$1.ZodArray<z$1.ZodAny, "many">;
+        professional: z$1.ZodObject<{
+            hash: z$1.ZodString;
+            name: z$1.ZodString;
+            avatar: z$1.ZodOptional<z$1.ZodString>;
+            description: z$1.ZodOptional<z$1.ZodString>;
+            languages: z$1.ZodArray<z$1.ZodString, "many">;
+            collegiate_number: z$1.ZodOptional<z$1.ZodString>;
+        }, "strip", z$1.ZodTypeAny, {
+            hash: string;
+            name: string;
+            languages: string[];
+            avatar?: string | undefined;
+            collegiate_number?: string | undefined;
+            description?: string | undefined;
+        }, {
+            hash: string;
+            name: string;
+            languages: string[];
+            avatar?: string | undefined;
+            collegiate_number?: string | undefined;
+            description?: string | undefined;
+        }>;
+        speciality: z$1.ZodObject<{
+            id: z$1.ZodNumber;
+            name: z$1.ZodString;
+        }, "strip", z$1.ZodTypeAny, {
+            id: number;
+            name: string;
+        }, {
+            id: number;
+            name: string;
+        }>;
+    }, "strip", z$1.ZodTypeAny, {
+        speciality: {
+            id: number;
+            name: string;
+        };
+        price: {
+            currency: string;
+            amount: number;
+        } | null;
+        appointment: {
+            url: string;
+            status: "pending" | "expired" | "accepted" | "inCall" | "declined" | "cancelled" | "finished" | "free_of_charge" | "owed" | "unpaid" | "reporting";
+            id: string;
+            channel: "videocall" | "chat" | "phonecall";
+            duration: number;
+            expires_at: string | null;
+            service_id: string | null;
+            starts_at: string;
+        };
+        room: {
+            id: number;
+        };
+        patient: {
+            hash: string;
+        };
+        slots: any[];
+        professional: {
+            hash: string;
+            name: string;
+            languages: string[];
+            avatar?: string | undefined;
+            collegiate_number?: string | undefined;
+            description?: string | undefined;
+        };
+    }, {
+        speciality: {
+            id: number;
+            name: string;
+        };
+        price: {
+            currency: string;
+            amount: number;
+        } | null;
+        appointment: {
+            url: string;
+            status: "pending" | "expired" | "accepted" | "inCall" | "declined" | "cancelled" | "finished" | "free_of_charge" | "owed" | "unpaid" | "reporting";
+            id: string;
+            channel: "videocall" | "chat" | "phonecall";
+            duration: number;
+            expires_at: string | null;
+            service_id: string | null;
+            starts_at: string;
+        };
+        room: {
+            id: number;
+        };
+        patient: {
+            hash: string;
+        };
+        slots: any[];
+        professional: {
+            hash: string;
+            name: string;
+            languages: string[];
+            avatar?: string | undefined;
+            collegiate_number?: string | undefined;
+            description?: string | undefined;
+        };
+    }>, "many">;
+    meta: z$1.ZodObject<{
+        current_page: z$1.ZodNumber;
+        last_page: z$1.ZodNumber;
+        per_page: z$1.ZodNumber;
+        total: z$1.ZodNumber;
+    }, "strip", z$1.ZodTypeAny, {
+        current_page: number;
+        last_page: number;
+        per_page: number;
+        total: number;
+    }, {
+        current_page: number;
+        last_page: number;
+        per_page: number;
+        total: number;
+    }>;
+}, "strip", z$1.ZodTypeAny, {
+    data: {
+        speciality: {
+            id: number;
+            name: string;
+        };
+        price: {
+            currency: string;
+            amount: number;
+        } | null;
+        appointment: {
+            url: string;
+            status: "pending" | "expired" | "accepted" | "inCall" | "declined" | "cancelled" | "finished" | "free_of_charge" | "owed" | "unpaid" | "reporting";
+            id: string;
+            channel: "videocall" | "chat" | "phonecall";
+            duration: number;
+            expires_at: string | null;
+            service_id: string | null;
+            starts_at: string;
+        };
+        room: {
+            id: number;
+        };
+        patient: {
+            hash: string;
+        };
+        slots: any[];
+        professional: {
+            hash: string;
+            name: string;
+            languages: string[];
+            avatar?: string | undefined;
+            collegiate_number?: string | undefined;
+            description?: string | undefined;
+        };
+    }[];
+    meta: {
+        current_page: number;
+        last_page: number;
+        per_page: number;
+        total: number;
+    };
+}, {
+    data: {
+        speciality: {
+            id: number;
+            name: string;
+        };
+        price: {
+            currency: string;
+            amount: number;
+        } | null;
+        appointment: {
+            url: string;
+            status: "pending" | "expired" | "accepted" | "inCall" | "declined" | "cancelled" | "finished" | "free_of_charge" | "owed" | "unpaid" | "reporting";
+            id: string;
+            channel: "videocall" | "chat" | "phonecall";
+            duration: number;
+            expires_at: string | null;
+            service_id: string | null;
+            starts_at: string;
+        };
+        room: {
+            id: number;
+        };
+        patient: {
+            hash: string;
+        };
+        slots: any[];
+        professional: {
+            hash: string;
+            name: string;
+            languages: string[];
+            avatar?: string | undefined;
+            collegiate_number?: string | undefined;
+            description?: string | undefined;
+        };
+    }[];
+    meta: {
+        current_page: number;
+        last_page: number;
+        per_page: number;
+        total: number;
+    };
+}>;
+type GetAppointmentsResponse = z$1.infer<typeof GetAppointmentsResponseSchema>;
+
+declare class CancelAppointmentConfirmationDialog extends LitElement {
+    static styles: lit.CSSResult;
+    open: boolean;
+    queryClientContext: QueryClient | undefined;
+    appointmentId: string;
+    price?: PriceInCents;
+    private cancelAppointmentMutation;
+    private handleClose;
+    private handleDismissClick;
+    private handleConfirmClick;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "cancel-appointment-confirmation-dialog": CancelAppointmentConfirmationDialog;
+    }
+}
+
+/**
+ * Informational dialog shown when an appointment action (modify, cancel,
+ * repeat) is currently unavailable. Purely presentational: the parent owns
+ * the copy (already translated) and decides when to open it.
+ *
+ * Usage:
+ *   <appointment-action-unavailable-dialog
+ *     .open=${true}
+ *     .heading=${"Anular cita"}
+ *     .message=${"Lo sentimos, ..."}
+ *     @close=${() => { ... }}
+ *   ></appointment-action-unavailable-dialog>
+ */
+declare class AppointmentActionUnavailableDialog extends LitElement {
+    static styles: lit.CSSResult;
+    open: boolean;
+    heading: string;
+    message: string;
+    private handleClose;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "appointment-action-unavailable-dialog": AppointmentActionUnavailableDialog;
+    }
+}
+
+type RepeatTarget = {
+    specialty: string;
+    service: string;
+};
+/**
+ * Action buttons block for an appointment card.
+ *
+ * The modify / cancel / repeat actions are ALWAYS rendered with a normal
+ * (enabled) appearance. When the corresponding action is currently
+ * unavailable, clicking it opens an informational dialog explaining why
+ * instead of executing the action — and no telemetry is tracked for that
+ * blocked click.
+ *
+ * Chat toggle and cancel-confirmation are owned by the parent card, so this
+ * element only emits `toggle-chat` and `request-cancel` for those.
+ */
+declare class AppointmentCardActions extends LitElement {
+    static styles: lit.CSSResult;
+    loginToken: LoginTokenResponse;
+    variant: "next" | "history";
+    appointmentId: string;
+    isVideocall: boolean;
+    hasChatSupport: boolean;
+    unreadCount: number;
+    isModifyUnavailable: boolean;
+    isCancelUnavailable: boolean;
+    hasNoSlots: boolean;
+    modifyUnavailableMessage: string;
+    cancelUnavailableMessage: string;
+    repeatTarget: RepeatTarget | null;
+    professionalHash: string;
+    private openDialog;
+    private get patientHash();
+    private renderChatButton;
+    private handleModifyClick;
+    private handleCancelClick;
+    private handleRepeatClick;
+    private renderNextActions;
+    private renderHistoryActions;
+    private handleDialogClose;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "appointment-card-actions": AppointmentCardActions;
+    }
+}
+
+declare class AppointmentCard extends LitElement {
+    static styles: lit.CSSResult;
+    appointmentResource: GetAppointmentsResponse["data"][number];
+    specialtyId: number;
+    variant: "next" | "history";
+    detailsVariant: "default" | "wide";
+    loginToken: LoginTokenResponse;
+    private isChatOpen;
+    private isCancelDialogOpen;
+    private unreadQuery;
+    private getOrganizationSpecialtiesQuery;
+    private getOrganizationSetupQuery;
+    private getScheduleServicesQuery;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "appointment-card": AppointmentCard;
+    }
+}
+
+declare class AppointmentCardSkeleton extends LitElement {
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "appointment-card-skeleton": AppointmentCardSkeleton;
+    }
+}
+
+/**
+ * @fires request-appointment - Emitted when the request appointment button is clicked
+ */
+declare class NextAppointmentsTab extends LitElement {
+    static styles: lit.CSSResult;
+    private getAppointmentsQuery;
+    render(): lit_html.TemplateResult<1> | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "next-appointments-tab": NextAppointmentsTab;
+    }
+}
+
+declare class AppointmentsHistoryTab extends LitElement {
+    private getAppointmentsQuery;
+    static styles: lit.CSSResult;
+    render(): lit_html.TemplateResult<1> | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "appointments-history-tab": AppointmentsHistoryTab;
+    }
+}
+
+/**
+ * @fires ontabchange - Emitted when the tab is selected
+ * @fires mq-home - Emitted when the user clicks "back to home"
+ * @fires mq-appointment-view-documentation - Emitted when the documentation is clicked
+ * @fires request-appointment - Emitted when the request appointment button is clicked
+ */
+declare class MqMyAppointments extends LitElement {
+    static styles: lit.CSSResult;
+    loginToken: LoginTokenResponse;
+    tab: MqMyAppointmentsTabs;
+    handleSelect(event: MqTabsSelectEvent): void;
+    render(): lit_html.TemplateResult<1>;
+}
+
+declare class RequestAppointmentEvent extends Event {
+    static eventName: string;
+    constructor();
+}
+/**
+ * @fires request-appointment - Emitted when the button is clicked
+ */
+declare class RequestAppointmentCta extends LitElement {
+    static styles: lit.CSSResult;
+    private handleRequestAppointment;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "request-appointment-cta": RequestAppointmentCta;
+    }
+}
+
+declare class MqMyAppointmentsSelectEvent extends Event {
+    readonly value: MqMyAppointmentsTabs;
+    static eventName: string;
+    constructor(value: MqMyAppointmentsTabs);
+}
+
+export { MqMyAppointments, MqMyAppointmentsSelectEvent, RequestAppointmentCta, RequestAppointmentEvent };

package/dist/mq-my-appointments.js

@@ -0,0 +1 @@
+import{h as t,f as e}from"./chunks/price-Dtdjx70D.js";export{A as AppointmentDetails}from"./chunks/price-Dtdjx70D.js";import{_ as i,t as n}from"./chunks/custom-element-DA9Fxvxd.js";import{M as a,c as o,Q as s}from"./chunks/mutation-controller-OVT8NEt6.js";import{m as r,s as p}from"./chunks/runtime-Bg1WXVCx.js";import{l}from"./chunks/parseISO-jT42c8Ob.js";import{l as c}from"./chunks/chunk-S5RWG6G2-oTcdgk2H.js";import{a as d,i as m,x as h,E as u}from"./chunks/lit-element-DiWJYFwC.js";import{n as v}from"./chunks/property-scuRaFcM.js";import{e as g}from"./chunks/external-zAbuzxDj.js";import{MqAppointmentRescheduleEvent as f,MqAppointmentBookEvent as b,MqAppointmentJoinVideocallEvent as y,MqAppointmentViewDocumentationEvent as x,MqHomeEvent as $}from"./events.js";import"./ui/mq-tabs.js";import{a as k,A as q,d as w,e as C}from"./chunks/api-chat-client-BTBtu01T.js";import{g as j}from"./chunks/get-organization-setup-query-BMbuRi6v.js";import{t as H,h as V,i as S,j as M,k as R,l as E,g as z,c as D,m as I}from"./chunks/telemetry-client-CKCb9Gnf.js";export{P as ProfessionalOverview}from"./chunks/telemetry-client-CKCb9Gnf.js";import{g as O,c as N}from"./chunks/refund-cancel-policy-Bm5djPds.js";import{a as _}from"./chunks/exports-XZaVrMLd.js";import{r as U}from"./chunks/state-LQivXIgA.js";import{getLocale as Q}from"./i18n.js";import"./ui/mq-card.js";import"./ui/mq-floating-bubble.js";import{Q as T}from"./chunks/query-QJ1INUTG.js";import"./ui/mq-button.js";import"./ui/mq-dialog.js";import{e as B}from"./chunks/class-map-Co76I6aw.js";import{messageBubbleIcon as Z}from"./ui/icons/message-bubble-icon.js";import{videoIcon as L}from"./ui/icons/video-icon.js";import"./ui/mq-unread-badge.js";import{toast as G}from"./ui/mq-toast.js";import"./ui/back-link.js";import"./ui/icons/briefcase-icon.js";import"./ui/icons/types.js";import"./ui/icons/calendar-icon.js";import"./ui/icons/clock-icon.js";import"./ui/icons/phone-icon.js";import"./chunks/context-request-event-Dfydf1ub.js";import"./chunks/context-provider-CiMFpvDA.js";import"./chunks/format-Cm3B1GMy.js";import"./chunks/isBefore-Cof0D841.js";import"./env.js";import"./ui/icons/chevron-down-icon.js";import"./chunks/if-defined-BYeVdwgd.js";import"./ui/mq-text-button.js";import"./chunks/directive-2EDmOukv.js";import"./ui/mq-avatar.js";import"./chunks/provide-CfT7g_Zi.js";import"./theme.js";import"./ui/icons/x-icon.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"./ui/icons/check-double-icon.js";import"./ui/icons/check-icon.js";import"./chunks/chunk-YTQUGGS3-DN-JZpgG.js";const F=g(["next","history"]).enum;class MqMyAppointmentsSelectEvent extends Event{static{this.eventName="ontabchange"}constructor(t){super(MqMyAppointmentsSelectEvent.eventName,{bubbles:!0,composed:!0}),this.value=t}}let W=class CancelAppointmentConfirmationDialog extends d{constructor(){super(...arguments),this.open=!1,this.cancelAppointmentMutation=new a(this,{mutationFn:async t=>k.appointments.cancelAppointment(t),onSuccess:()=>{this.queryClientContext?.invalidateQueries(),this.dispatchEvent(new CustomEvent("success",{bubbles:!0,composed:!0}))}}),this.handleClose=()=>{this.open=!1,this.dispatchEvent(new CustomEvent("cancel",{bubbles:!0,composed:!0}))},this.handleDismissClick=()=>{this.open=!1,this.dispatchEvent(new CustomEvent("cancel",{bubbles:!0,composed:!0}))},this.handleConfirmClick=()=>{this.cancelAppointmentMutation.run({id:this.appointmentId})}}static{this.styles=m`:host{display:contents}h2{font-family:var(--font-titles);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-bold);margin:0}p{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-normal);margin:0}.subheading-payable{font-size:var(--text-base);line-height:22px}.price-rows{display:flex;flex-direction:column;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);color:var(--color-card-foreground);width:100%;margin-bottom:var(--sp-4)}.price-row{display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:var(--sp-2)}.price-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-4);justify-content:flex-end;flex-wrap:wrap}`}render(){const i=Q(),n=this.price,a=t(n),o=this.cancelAppointmentMutation.isPending;if(a){const t=e(n,i),a=`-${t}`;return h`<mq-dialog .open="${this.open}" @mq-close="${this.handleClose}" dismissable><h2 slot="heading">${r("Confirmar cancelación")}</h2><p slot="subheading" class="subheading-payable">${r("¿Seguro que quieres cancelar esta cita? Se te devolverá el importe pagado en un plazo de 5-10 días hábiles.")}</p><div><div class="price-rows"><div class="price-row"><span>${r("Importe pagado")}</span> <span>${t}</span></div><div class="price-row"><span>${r("Importe a devolver")}</span> <span>${a}</span></div></div><div class="actions"><mq-button variant="outline" ?disabled="${o}" @click="${this.handleDismissClick}">${r("Volver")}</mq-button><mq-button variant="primary" ?disabled="${o}" @click="${this.handleConfirmClick}">${r("Confirmar")}</mq-button></div></div></mq-dialog>`}return h`<mq-dialog .open="${this.open}" @mq-close="${this.handleClose}" dismissable><h2 slot="heading">${r("Confirmar cancelación")}</h2><p slot="subheading">${r("¿Seguro que quieres cancelar esta cita?")}</p><div><div class="actions"><mq-button variant="outline" ?disabled="${o}" @click="${this.handleDismissClick}">${r("Cancelar")}</mq-button><mq-button variant="primary" ?disabled="${o}" @click="${this.handleConfirmClick}">${r("Confirmar")}</mq-button></div></div></mq-dialog>`}};i([v({type:Boolean,reflect:!0})],W.prototype,"open",void 0),i([o({context:T,subscribe:!0})],W.prototype,"queryClientContext",void 0),i([v({type:String})],W.prototype,"appointmentId",void 0),i([v({type:Object})],W.prototype,"price",void 0),W=i([l(),n("cancel-appointment-confirmation-dialog")],W);let K=class AppointmentActionUnavailableDialog extends d{constructor(){super(...arguments),this.open=!1,this.heading="",this.message="",this.handleClose=()=>{this.open=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}static{this.styles=m`:host{display:contents}mq-dialog::part(dialog){max-width:343px;min-width:0}h2{font-family:var(--font-titles);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-bold);margin:0}p{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-normal);margin:0}.actions{display:flex;margin-top:var(--sp-4)}`}render(){return h`<mq-dialog .open="${this.open}" @mq-close="${this.handleClose}" dismissable><h2 slot="heading">${this.heading}</h2><p slot="subheading">${this.message}</p><div class="actions"><mq-button variant="primary" fullwidth @click="${this.handleClose}">${r("Volver")}</mq-button></div></mq-dialog>`}};i([v({type:Boolean,reflect:!0})],K.prototype,"open",void 0),i([v({type:String})],K.prototype,"heading",void 0),i([v({type:String})],K.prototype,"message",void 0),K=i([l(),n("appointment-action-unavailable-dialog")],K);let Y=class AppointmentCardActions extends d{constructor(){super(...arguments),this.variant="next",this.isVideocall=!1,this.hasChatSupport=!1,this.unreadCount=0,this.isModifyUnavailable=!1,this.isCancelUnavailable=!1,this.hasNoSlots=!1,this.modifyUnavailableMessage="",this.cancelUnavailableMessage="",this.repeatTarget=null,this.professionalHash="",this.openDialog=null,this.handleModifyClick=()=>{this.isModifyUnavailable?this.openDialog="modify":(H.track(V(this.patientHash,this.appointmentId)),this.dispatchEvent(new f({appointmentId:this.appointmentId})))},this.handleCancelClick=()=>{this.isCancelUnavailable?this.openDialog="cancel":(H.track(S(this.patientHash,this.appointmentId)),this.dispatchEvent(new CustomEvent("request-cancel",{bubbles:!0,composed:!0})))},this.handleRepeatClick=()=>{this.hasNoSlots?this.openDialog="repeat-no-slots":this.repeatTarget?(H.track(M(this.patientHash,this.appointmentId)),this.dispatchEvent(new b({specialty:this.repeatTarget.specialty,service:this.repeatTarget.service,professional:this.professionalHash}))):this.openDialog="repeat-error"},this.handleDialogClose=()=>{this.openDialog=null}}static{this.styles=m`:host{display:contents}.actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}.actions.next{flex-direction:column}.actions-secondary{display:flex;gap:var(--sp-3)}.actions mq-button{flex:1}`}get patientHash(){return this.loginToken.patient.hash}renderChatButton(){return h`<mq-button variant="primary" fullwidth noPadding @click="${()=>{this.dispatchEvent(new CustomEvent("toggle-chat",{bubbles:!0,composed:!0}))}}">${Z({size:24})} ${r("Chat")} ${this.unreadCount>0?h`<mq-unread-badge></mq-unread-badge>`:u}</mq-button>`}renderNextActions(){return h`${this.isVideocall?h`<mq-button variant="outline" fullwidth noPadding @click="${()=>{H.track(R(this.patientHash,this.appointmentId)),this.dispatchEvent(new y({appointmentId:this.appointmentId}))}}">${L({size:24})} ${r("Ir a videollamada")}</mq-button>`:u}<div class="actions-secondary">${this.hasChatSupport?this.renderChatButton():u}<mq-button variant="outline" fullwidth noPadding @click="${this.handleModifyClick}">${r("Modificar")}</mq-button><mq-button variant="outline-negative" fullwidth noPadding @click="${this.handleCancelClick}">${r("Cancelar")}</mq-button></div>`}renderHistoryActions(){return h`${this.hasChatSupport?this.renderChatButton():u}<mq-button variant="outline" fullwidth noPadding @click="${()=>{H.track(E(this.patientHash,this.appointmentId)),this.dispatchEvent(new x({appointmentId:this.appointmentId}))}}">${r("Documentos")}</mq-button><mq-button variant="outline" fullwidth noPadding @click="${this.handleRepeatClick}">${r("Repetir")}</mq-button>`}render(){return h`<div class="${B({actions:!0,next:"next"===this.variant})}">${"next"===this.variant?this.renderNextActions():this.renderHistoryActions()}</div><appointment-action-unavailable-dialog .open="${"modify"===this.openDialog}" .heading="${r("Modificar cita")}" .message="${this.modifyUnavailableMessage}" @close="${this.handleDialogClose}"></appointment-action-unavailable-dialog><appointment-action-unavailable-dialog .open="${"cancel"===this.openDialog}" .heading="${r("Anular cita")}" .message="${this.cancelUnavailableMessage}" @close="${this.handleDialogClose}"></appointment-action-unavailable-dialog><appointment-action-unavailable-dialog .open="${"repeat-no-slots"===this.openDialog}" .heading="${r("Repetir cita")}" .message="${r("Este profesional no tiene horarios disponibles")}" @close="${this.handleDialogClose}"></appointment-action-unavailable-dialog><appointment-action-unavailable-dialog .open="${"repeat-error"===this.openDialog}" .heading="${r("Repetir cita")}" .message="${r("Lo sentimos, no hemos podido repetir tu cita. Por favor, contacta con soporte.")}" @close="${this.handleDialogClose}"></appointment-action-unavailable-dialog>`}};function J(t){const{action:e,refundPolicySeconds:i}=t,n=null!=i&&i<3600,a=Math.ceil((i??0)/60),o=Math.ceil((i??0)/3600);return r(0===(n?a:o)?"modify"===e?"Esta cita ya ha pasado, por lo que no se puede modificar.":"Esta cita ya ha pasado, por lo que no se puede anular.":"modify"===e?n?p`Lo sentimos, como faltan menos de ${a} minutos para tu cita no podemos modificarla.`:p`Lo sentimos, como faltan menos de ${o} horas para tu cita no podemos modificarla.`:n?p`Lo sentimos, como faltan menos de ${a} minutos para tu cita no podemos anularla.`:p`Lo sentimos, como faltan menos de ${o} horas para tu cita no podemos anularla.`)}i([o({context:c})],Y.prototype,"loginToken",void 0),i([v({type:String})],Y.prototype,"variant",void 0),i([v({type:String})],Y.prototype,"appointmentId",void 0),i([v({type:Boolean})],Y.prototype,"isVideocall",void 0),i([v({type:Boolean})],Y.prototype,"hasChatSupport",void 0),i([v({type:Number})],Y.prototype,"unreadCount",void 0),i([v({type:Boolean})],Y.prototype,"isModifyUnavailable",void 0),i([v({type:Boolean})],Y.prototype,"isCancelUnavailable",void 0),i([v({type:Boolean})],Y.prototype,"hasNoSlots",void 0),i([v({type:String})],Y.prototype,"modifyUnavailableMessage",void 0),i([v({type:String})],Y.prototype,"cancelUnavailableMessage",void 0),i([v({type:Object})],Y.prototype,"repeatTarget",void 0),i([v({type:String})],Y.prototype,"professionalHash",void 0),i([U()],Y.prototype,"openDialog",void 0),Y=i([l(),n("appointment-card-actions")],Y);let X=class AppointmentCard extends d{constructor(){super(...arguments),this.variant="next",this.detailsVariant="wide",this.isChatOpen=!1,this.isCancelDialogOpen=!1,this.unreadQuery=new s(this,()=>_(k,{roomId:this.appointmentResource?.room?.id})),this.getOrganizationSpecialtiesQuery=new s(this,()=>z(k,{enabled:!!this.appointmentResource?.speciality?.id})),this.getOrganizationSetupQuery=new s(this,()=>j(k)),this.getScheduleServicesQuery=new s(this,()=>O(k))}static{this.styles=m`:host{display:flex}.card{width:100%;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);justify-content:space-between}.card-top-content{display:flex;flex-direction:column;gap:var(--sp-6)}.see-details{color:var(--color-primary-link-default);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-bold)}.see-details:hover{text-decoration:underline}.chevron-down{width:16px;height:16px;transition:transform .2s ease}.appointment-details{display:flex;flex-direction:column;gap:12px}.clock-icon-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clock-icon-wrapper svg{width:100%;height:100%}.appointment-type{display:flex;align-items:center;gap:12px;font-size:18px;color:#2c3e50}.actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}.actions.next{flex-direction:column}.actions-secondary{display:flex;gap:var(--sp-3)}.actions mq-button{flex:1}`}render(){const t=this.appointmentResource.appointment.channel===q.videocall,e=this.appointmentResource.appointment.channel===q.phonecall,i=!0===this.getOrganizationSetupQuery.result?.data?.appointments?.has_chat_in_appointment,n=(t||e)&&i,a=Q(),o=w(this.appointmentResource.appointment.expires_at),s=0===this.appointmentResource.slots.length,p=this.getOrganizationSetupQuery.result?.data?.appointments?.seconds_before_start_to_refund_on_cancel,l=N({startsAtIso:this.appointmentResource.appointment.starts_at,refundPolicySeconds:p}),c=o||s||!l,d=o||!l,m=J({action:"modify",refundPolicySeconds:p}),v=J({action:"cancel",refundPolicySeconds:p}),g=this.getOrganizationSpecialtiesQuery.result?.data?.find(t=>Number(t.id)===Number(this.appointmentResource.speciality.id)),f=D(g?.code??"",a,g?.name??this.appointmentResource.speciality.name),b=this.getScheduleServicesQuery.result?.data?.find(t=>t.id===this.appointmentResource.appointment.service_id)?.code,y=g?.code&&b?{specialty:g.code,service:b}:null;return h`<mq-card class="card" roundness="md"><div class="card-top-content"><professional-overview .specialtyName="${f??""}" .collegiateNumber="${this.appointmentResource.professional.collegiate_number??void 0}" .description="${this.appointmentResource.professional.description??""}" .languages="${this.appointmentResource.professional.languages}" .avatar="${this.appointmentResource.professional.avatar??""}" .name="${this.appointmentResource.professional.name}"></professional-overview><appointment-details .startsAt="${this.appointmentResource.appointment.starts_at}" .duration="${this.appointmentResource.appointment.duration}" .channel="${this.appointmentResource.appointment.channel}" .timezone="${this.loginToken?.patient?.timezone}" variant="${this.detailsVariant}"></appointment-details></div><appointment-card-actions .variant="${this.variant}" .appointmentId="${this.appointmentResource.appointment.id??""}" .isVideocall="${t}" .hasChatSupport="${n}" .unreadCount="${this.unreadQuery.result?.data?.unread_count??0}" .isModifyUnavailable="${c}" .isCancelUnavailable="${d}" .hasNoSlots="${s}" .modifyUnavailableMessage="${m}" .cancelUnavailableMessage="${v}" .repeatTarget="${y}" .professionalHash="${this.appointmentResource.professional.hash}" @toggle-chat="${()=>{this.isChatOpen=!this.isChatOpen,this.isChatOpen&&H.track(I(this.loginToken.patient.hash,this.appointmentResource.appointment.id??""))}}" @request-cancel="${()=>{this.isCancelDialogOpen=!0}}"></appointment-card-actions><mq-floating-bubble ?dismissable="${!1}" .open="${this.isChatOpen}" @mq-close="${()=>{this.isChatOpen=!1}}" hideCloseButton>${this.isChatOpen?h`<mq-chat-room slot="content" .consultationId="${this.appointmentResource.appointment.id}" consultation-type="appointment" token="${this.loginToken.access_token}" .roomId="${this.appointmentResource.room.id}" .professionalHash="${this.appointmentResource.professional.hash}" @mq-chat-room-close="${()=>{this.isChatOpen=!1}}" ?readonly="${o}"></mq-chat-room>`:u}</mq-floating-bubble><cancel-appointment-confirmation-dialog .appointmentId="${this.appointmentResource.appointment.id}" .price="${this.appointmentResource.price??void 0}" .open="${this.isCancelDialogOpen}" @cancel="${()=>{this.isCancelDialogOpen=!1}}" @success="${()=>{this.isCancelDialogOpen=!1,G.success(r("Consulta anulada correctamente")),this.dispatchEvent(new CustomEvent("appointment-cancel-confirmed",{bubbles:!0,composed:!0,detail:{id:this.appointmentResource.appointment.id}}))}}"></cancel-appointment-confirmation-dialog></mq-card>`}};i([v({type:Object})],X.prototype,"appointmentResource",void 0),i([v({type:Number})],X.prototype,"specialtyId",void 0),i([v({type:String})],X.prototype,"variant",void 0),i([v({type:String})],X.prototype,"detailsVariant",void 0),i([o({context:c})],X.prototype,"loginToken",void 0),i([U()],X.prototype,"isChatOpen",void 0),i([U()],X.prototype,"isCancelDialogOpen",void 0),X=i([l(),n("appointment-card")],X);let tt=class AppointmentCardSkeleton extends d{static{this.styles=m`div{border-radius:var(--border-radius-md);background:color-mix(in srgb,var(--color-neutrals-background-disabled) 50%,#fff 50%);height:337px;width:100%}`}render(){return h`<div></div>`}};tt=i([n("appointment-card-skeleton")],tt);let et=class EmptyState extends d{static{this.styles=m`.container{border-radius:var(--border-radius-md);background-color:var(--color-neutrals-background-weak);padding:var(--sp-10) var(--sp-6)}.card{border-radius:var(--border-radius-md);max-width:512px;margin:0 auto;background-color:var(--color-neutrals-background-extraWeak);padding:var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.card>*{max-width:323px;margin:0 auto}.title{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--text-lg--line-height);font-weight:var(--font-weight-bold);color:var(--color-neutrals-text-default);margin:0}.description{font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--text-xs--line-height);font-weight:var(--font-weight-normal);text-align:center;color:var(--color-neutrals-text-default);margin:0}@media (min-width:768px){.container{padding:var(--sp-6)}mq-button{max-width:323px}}`}handleRequestAppointment(){this.dispatchEvent(new CustomEvent("request-appointment",{bubbles:!0,composed:!0}))}render(){return h`<div class="container"><div class="card">${function({color:t="currentColor"}){return h`<svg width="31" height="32" viewBox="0 0 31 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.6 2.4H23.2V0H21.6V2.4H18.4V0H16.8V2.4H13.6V0H12V2.4H8.8V0H7.2V2.4H0.8C0.587827 2.4 0.384344 2.48429 0.234315 2.63431C0.0842855 2.78434 0 2.98783 0 3.2V31.2C0 31.4122 0.0842855 31.6157 0.234315 31.7657C0.384344 31.9157 0.587827 32 0.8 32H29.6C29.8122 32 30.0157 31.9157 30.1657 31.7657C30.3157 31.6157 30.4 31.4122 30.4 31.2V3.2C30.4 2.98783 30.3157 2.78434 30.1657 2.63431C30.0157 2.48429 29.8122 2.4 29.6 2.4ZM28.8 30.4H1.6V10.4H27.2V8.8H1.6V4H7.2V7.2H8.8V4H12V7.2H13.6V4H16.8V7.2H18.4V4H21.6V7.2H23.2V4H28.8V30.4ZM3.2 19.2H9.6V12.8H3.2V19.2ZM4.8 14.4H8V17.6H4.8V14.4ZM20.8 19.2H27.2V12.8H20.8V19.2ZM22.4 14.4H25.6V17.6H22.4V14.4ZM12 19.2H18.4V12.8H12V19.2ZM13.6 14.4H16.8V17.6H13.6V14.4ZM3.2 28H9.6V21.6H3.2V28ZM4.8 23.2H8V26.4H4.8V23.2ZM20.8 28H27.2V21.6H20.8V28ZM22.4 23.2H25.6V26.4H22.4V23.2ZM12 28H18.4V21.6H12V28ZM13.6 23.2H16.8V26.4H13.6V23.2Z" fill="${t}"/></svg>`}({color:"var(--color-primary)"})}<p class="title">${this.title}</p><p class="description">${this.description}</p><mq-button variant="primary" size="md" fullwidth @click="${this.handleRequestAppointment}">${r("Pedir cita")}</mq-button></div></div>`}};function it(t,e){return{queryKey:["appointments",e],queryFn:()=>t.appointments.getAppointments(e)}}i([v({type:String})],et.prototype,"title",void 0),i([v({type:String})],et.prototype,"description",void 0),et=i([n("empty-state")],et);const nt=[C.pending,C.accepted],at=m`.appointments-list{display:grid;grid-template-columns:1fr;gap:var(--sp-6);margin-bottom:var(--sp-6)}@media (min-width:768px){.appointments-list{grid-template-columns:repeat(2,1fr)}}`;let ot=class NextAppointmentsTab extends d{constructor(){super(...arguments),this.getAppointmentsQuery=new s(this,()=>it(k,{status:nt,order:{field:"starts_at",direction:"asc"}}))}static{this.styles=at}render(){return this.getAppointmentsQuery.render({complete:t=>h`${t.data.length>0?h`<div class="appointments-list">${t.data.map(t=>h`<appointment-card .appointmentResource="${t}" .specialtyId="${t.speciality?.id}"></appointment-card>`)}</div>`:h`<empty-state title="${r("No tienes próximas citas")}" description="${r("Agenda una consulta médica cuando la necesites. Aquí verás todos los detalles y podrás gestionar tus próximas citas.")}"></empty-state>`}`,pending:()=>h`<div class="appointments-list"><appointment-card-skeleton></appointment-card-skeleton><appointment-card-skeleton></appointment-card-skeleton><appointment-card-skeleton></appointment-card-skeleton></div>`})}};ot=i([l(),n("next-appointments-tab")],ot);const st=[C.finished,C.reporting];let rt=class AppointmentsHistoryTab extends d{constructor(){super(...arguments),this.getAppointmentsQuery=new s(this,()=>it(k,{status:st,order:{field:"starts_at",direction:"desc"}}))}static{this.styles=m`.appointments-list{display:grid;grid-template-columns:1fr;gap:var(--sp-6);margin-bottom:var(--sp-6)}@media (min-width:768px){.appointments-list{grid-template-columns:repeat(2,1fr)}}`}render(){return this.getAppointmentsQuery.render({complete:t=>h`${t.data.length>0?h`<div class="appointments-list">${t.data.map(t=>h`<appointment-card .appointmentResource="${t}" .specialtyId="${t.speciality?.id}" variant="history"></appointment-card>`)}</div>`:h`<empty-state title="${r("No tienes citas en el historial")}" description="${r("Aquí verás todas las citas que has tenido. Puedes acceder a los documentos de cada consulta y reagendar una cita si es necesario.")}"></empty-state>`}`,pending:()=>h`<div class="appointments-list"><appointment-card-skeleton></appointment-card-skeleton><appointment-card-skeleton></appointment-card-skeleton><appointment-card-skeleton></appointment-card-skeleton></div>`})}};rt=i([l(),n("appointments-history-tab")],rt);const pt=m`.container{display:flex;flex-direction:column;gap:var(--size-3)}h1{font-family:var(--font-titles);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-bold);color:var(--color-neutral-link-dark);margin:0}p{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-normal);color:var(--color-neutral-link-dark);margin:0}.user-info{display:flex;align-items:center;justify-content:space-between}@media (min-width:768px){h1{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height)}mq-tabs-list{max-width:435px}}`;let lt=class MqMyAppointments extends d{constructor(){super(...arguments),this.tab=F.next}static{this.styles=pt}handleSelect(t){this.dispatchEvent(new MqMyAppointmentsSelectEvent(t.value))}render(){return h`<div class="container"><back-link @mq-back="${t=>{t.stopPropagation(),this.dispatchEvent(new $)}}">${r("Volver al inicio")}</back-link><h1>${r("Mis citas")}</h1><div class="user-info"><p>${r(p`Para: ${this.loginToken.patient.name}`)}</p></div><mq-tabs .value="${this.tab}" @onvaluechange="${this.handleSelect}"><mq-tabs-list><mq-tabs-trigger value="${F.next}">${r("Próximas citas")}</mq-tabs-trigger><mq-tabs-trigger value="${F.history}">${r("Histórico")}</mq-tabs-trigger></mq-tabs-list><mq-tabs-content value="${F.next}"><next-appointments-tab></next-appointments-tab></mq-tabs-content><mq-tabs-content value="${F.history}"><appointments-history-tab></appointments-history-tab></mq-tabs-content></mq-tabs></div>`}};i([o({context:c})],lt.prototype,"loginToken",void 0),i([v({type:String,reflect:!0})],lt.prototype,"tab",void 0),lt=i([l(),n("mq-my-appointments")],lt);const ct=m`:host{display:block}.request-appointment-cta{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--sp-12) var(--sp-4);background:var(--color-card);gap:var(--sp-4)}.title-body{display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.title{font-family:var(--font-titles);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-bold);color:var(--color-neutrals-text-default);margin:0;text-align:center}.subtitle{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-normal);color:var(--color-neutrals-text-default);margin:0;display:none}mq-button{width:100%}.button-text-desktop{display:none}.button-text-mobile{display:inline}@media (min-width:768px){.request-appointment-cta{flex-direction:row;padding:var(--sp-12) var(--sp-20);gap:var(--sp-2)}.title-body{align-items:flex-start;flex:1;max-width:843px}.title{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);font-weight:var(--font-weight-extrabold);text-align:left}.subtitle{display:block}mq-button{width:auto;flex-shrink:0;--button-height-md:var(--button-height-lg);--text-sm:var(--text-base);--text-sm--line-height:var(--text-base--line-height)}.button-text-desktop{display:inline}.button-text-mobile{display:none}}`;class RequestAppointmentEvent extends Event{static{this.eventName="request-appointment"}constructor(){super(RequestAppointmentEvent.eventName,{bubbles:!0,composed:!0})}}let dt=class RequestAppointmentCta extends d{static{this.styles=ct}handleRequestAppointment(){this.dispatchEvent(new RequestAppointmentEvent)}render(){return h`<div class="request-appointment-cta"><div class="title-body"><h2 class="title">${r("Nueva cita de especialidades digitales")}</h2><p class="subtitle">${r("Realiza la búsqueda en tu cuadro médico digital")}</p></div><mq-button variant="primary" size="md" fullwidth @click="${this.handleRequestAppointment}"><span class="button-text-mobile">${r("Pedir cita")}</span> <span class="button-text-desktop">${r("Pedir una nueva cita")}</span></mq-button></div>`}};dt=i([l(),n("request-appointment-cta")],dt);export{lt as MqMyAppointments,MqMyAppointmentsSelectEvent,dt as RequestAppointmentCta,RequestAppointmentEvent};

package/dist/mq-query-client-provider.d.ts

@@ -0,0 +1,17 @@
+import * as lit_html from 'lit-html';
+import { LitElement } from 'lit';
+
+/** Variadic constructor signature used by Lit/TS mixins (`TS2545`). */
+type Constructor<T = object> = new (...args: any[]) => T;
+
+declare const QueryClientProvider_base: Constructor<{}> & typeof LitElement;
+declare class QueryClientProvider extends QueryClientProvider_base {
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "mq-query-client-provider": QueryClientProvider;
+    }
+}
+
+export { QueryClientProvider };