@cc-openmrs/cc-esm-active-prescriptions 1.0.65 → 1.0.68

package/src/root.component.tsx

@@ -9,10 +9,10 @@
  */
 
 import React, { useMemo, useState } from 'react';
-import { PrescriptionService, PrescriptionPayload } from './prescriptions.service';
-import useSWR from 'swr';
-import { openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import { PrescriptionService } from './prescriptions.service';
+import { Workspace2 } from '@openmrs/esm-framework';
 import {
+  Button,
   Checkbox,
   ComboBox,
   InlineLoading,
@@ -22,176 +22,23 @@ import {
   TabPanel,
   TabPanels,
   Tabs,
+  TextArea,
   TextInput,
 } from '@carbon/react';
 import { useTranslation } from 'react-i18next';
 import { useLocations, type Location } from '@openmrs/esm-framework';
-import { usePatientOrders } from './prescriptions-orders/usePatientOrders';
 import styles from './root.scss';
+import AddDrugPrescription, { type PrescriptionDrugItem } from './prescriptions-actions/add-drug-prescription/add-drug-prescription.component';
 
 interface RootProps {
   patientUuid?: string;
-  patient?: { uuid: string }; // Alguns workspaces passam assim
-}
-
-// Hook para buscar ConceptDrugs do OpenMRS
-function useConceptDrugs(query: string) {
-  const url = query ? `${restBaseUrl}/drug?q=${encodeURIComponent(query)}&v=custom:(uuid,name,display)` : null;
-  const swr = useSWR<any>(url, openmrsFetch);
-  return {
-    drugs: swr.data?.data?.results || [],
-    error: swr.error,
-    isLoading: swr.isValidating,
+  patient?: {
+    name?: Array<{ given?: string[]; family?: string }>;
+    birthDate?: string;
+    gender?: string;
   };
 }
 
-// Tipo para dados do medicamento
-type MedicationFormData = {
-  drugName: string;
-  dosage: string;
-  unit: string;
-  route: string;
-  frequency: string;
-  patientInstructions?: string;
-  asNeeded?: boolean;
-  asNeededCondition?: string;
-  startDate?: string;
-  duration?: string;
-  durationUnit?: string;
-  indication?: string;
-};
-
-const MOCK_UNITS = [{ value: 'mg' }, { value: 'ml' }, { value: 'g' }];
-const MOCK_FREQUENCIES = [{ value: '1x ao dia' }, { value: '2x ao dia' }, { value: '8/8h' }, { value: '12/12h' }];
-
-type MedicationFormProps = {
-  initialData?: MedicationFormData;
-  onSubmit: (data: MedicationFormData) => void;
-  onCancel: () => void;
-  t: any;
-};
-
-const MedicationForm: React.FC<MedicationFormProps> = ({ initialData, onSubmit, onCancel, t }) => {
-  const [drugName, setDrugName] = useState(initialData?.drugName || '');
-  const [dosage, setDosage] = useState(initialData?.dosage || '');
-  const [unit, setUnit] = useState(initialData?.unit || '');
-  const [route, setRoute] = useState(initialData?.route || '');
-  const [frequency, setFrequency] = useState(initialData?.frequency || '');
-  const [patientInstructions, setPatientInstructions] = useState(initialData?.patientInstructions || '');
-  const [asNeeded, setAsNeeded] = useState(initialData?.asNeeded || false);
-  const [asNeededCondition, setAsNeededCondition] = useState(initialData?.asNeededCondition || '');
-  const [indication, setIndication] = useState(initialData?.indication || '');
-
-  // Busca ConceptDrugs conforme digitação
-  const { drugs, isLoading } = useConceptDrugs(drugName);
-  const drugOptions = drugs.map((d: any) => ({ value: d.name, uuid: d.uuid, display: d.display }));
-
-  const handleDrugInput = (input: string) => {
-    setDrugName(input);
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!drugName || !dosage || !unit || !frequency) return;
-    onSubmit({
-      drugName,
-      dosage,
-      unit,
-      route,
-      frequency,
-      patientInstructions,
-      asNeeded,
-      asNeededCondition,
-      indication,
-    });
-  };
-
-  return (
-    <form onSubmit={handleSubmit} style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
-      <ComboBox
-        id="drug-name"
-        items={drugOptions}
-        itemToString={(item) => item?.value || ''}
-        selectedItem={drugOptions.find((d: any) => d.value === drugName) || null}
-        onInputChange={handleDrugInput}
-        onChange={({ selectedItem }) => setDrugName(selectedItem?.value || '')}
-        placeholder={t('drugName', 'Nome do medicamento')}
-        titleText={t('drugName', 'Nome do medicamento')}
-        required
-        disabled={isLoading}
-      />
-      <TextInput
-        id="dosage"
-        labelText={t('dosage', 'Dose')}
-        value={dosage}
-        onChange={(e) => setDosage(e.target.value)}
-        required
-      />
-      <ComboBox
-        id="unit"
-        items={MOCK_UNITS}
-        itemToString={(item) => item?.value || ''}
-        selectedItem={MOCK_UNITS.find((u) => u.value === unit) || null}
-        onChange={({ selectedItem }) => setUnit(selectedItem?.value || '')}
-        placeholder={t('unit', 'Unidade')}
-        titleText={t('unit', 'Unidade')}
-        required
-      />
-      <TextInput
-        id="route"
-        labelText={t('route', 'Via de administração')}
-        value={route}
-        onChange={(e) => setRoute(e.target.value)}
-      />
-      <ComboBox
-        id="frequency"
-        items={MOCK_FREQUENCIES}
-        itemToString={(item) => item?.value || ''}
-        selectedItem={MOCK_FREQUENCIES.find((f) => f.value === frequency) || null}
-        onChange={({ selectedItem }) => setFrequency(selectedItem?.value || '')}
-        placeholder={t('frequency', 'Frequência')}
-        titleText={t('frequency', 'Frequência')}
-        required
-      />
-      <TextInput
-        id="patient-instructions"
-        labelText={t('patientInstructions', 'Instruções ao paciente')}
-        value={patientInstructions}
-        onChange={(e) => setPatientInstructions(e.target.value)}
-      />
-      <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-        <Checkbox
-          id="as-needed"
-          labelText={t('asNeeded', 'Tomar se necessário (P.R.N.)')}
-          checked={asNeeded}
-          onChange={() => setAsNeeded((prev) => !prev)}
-        />
-        <TextInput
-          id="as-needed-condition"
-          labelText={t('asNeededCondition', 'Motivo P.R.N.')}
-          value={asNeededCondition}
-          onChange={(e) => setAsNeededCondition(e.target.value)}
-          disabled={!asNeeded}
-        />
-      </div>
-      <TextInput
-        id="indication"
-        labelText={t('indication', 'Indicação')}
-        value={indication}
-        onChange={(e) => setIndication(e.target.value)}
-      />
-      <div style={{ display: 'flex', gap: 8, marginTop: 8 }}>
-        <button type="submit" style={{ flex: 1 }}>
-          {t('saveMedication', 'Salvar medicamento')}
-        </button>
-        <button type="button" onClick={onCancel} style={{ flex: 1 }}>
-          {t('cancel', 'Cancelar')}
-        </button>
-      </div>
-    </form>
-  );
-};
-
 const Root: React.FC<RootProps> = ({ patientUuid, patient }) => {
   const { t } = useTranslation();
   const [activeTab, setActiveTab] = useState<'new' | 'past'>('new');
@@ -199,168 +46,249 @@ const Root: React.FC<RootProps> = ({ patientUuid, patient }) => {
   const [policyNumber, setPolicyNumber] = useState('');
   const [digitallySigned, setDigitallySigned] = useState(false);
   const [printRequested, setPrintRequested] = useState(false);
+  const [observations, setObservations] = useState('');
   const [isSubmitting, setIsSubmitting] = useState(false);
-  const [medications, setMedications] = useState<MedicationFormData[]>([]);
+  const [submitError, setSubmitError] = useState<string | null>(null);
+
+  // Lista de medicamentos da prescrição — escopo da prescrição
+  const [prescriptionOrders, setPrescriptionOrders] = useState<PrescriptionDrugItem[]>([]);
   const [showAddMedication, setShowAddMedication] = useState(false);
   const [editIndex, setEditIndex] = useState<number | null>(null);
 
   const locations = useLocations();
   const locationItems = useMemo(() => locations ?? [], [locations]);
 
-  // Adiciona novo medicamento
-  const handleAddMedication = (med: MedicationFormData) => {
-    setMedications((prev) => [...prev, med]);
-    setShowAddMedication(false);
-  };
-
-  // Edita medicamento existente
-  const handleEditMedication = (med: MedicationFormData) => {
+  const handleSaveMedication = (item: PrescriptionDrugItem) => {
     if (editIndex !== null) {
-      setMedications((prev) => prev.map((m, idx) => (idx === editIndex ? med : m)));
+      setPrescriptionOrders((prev) => prev.map((m, idx) => (idx === editIndex ? item : m)));
       setEditIndex(null);
-      setShowAddMedication(false);
+    } else {
+      setPrescriptionOrders((prev) => [...prev, item]);
     }
+    setShowAddMedication(false);
   };
 
-  // Remove medicamento
   const handleRemoveMedication = (idx: number) => {
-    setMedications((prev) => prev.filter((_, i) => i !== idx));
-  };
-
-  // Abre tela de adicionar
-  const openAddMedication = () => {
-    setEditIndex(null);
-    setShowAddMedication(true);
+    setPrescriptionOrders((prev) => prev.filter((_, i) => i !== idx));
   };
 
-  // Abre tela de editar
   const openEditMedication = (idx: number) => {
     setEditIndex(idx);
     setShowAddMedication(true);
   };
 
+  const handleSubmitPrescription = async () => {
+    if (!patientUuid || !selectedLocation || prescriptionOrders.length === 0) return;
+    setIsSubmitting(true);
+    setSubmitError(null);
+    try {
+      const payload = {
+        patientUuid,
+        patientName: patient?.name?.[0]
+          ? `${patient.name[0].given?.join(' ')} ${patient.name[0].family}`.trim()
+          : '',
+        patientBirthDate: patient?.birthDate ?? '',
+        patientGender: patient?.gender ?? '',
+        providerUuid: '',
+        providerName: '',
+        locationUuid: selectedLocation.uuid,
+        locationName: selectedLocation.display,
+        policyNumber,
+        orderUuids: prescriptionOrders.map((o) => o.drug.uuid),
+        digitallySigned,
+        printRequested,
+        observations,
+      };
+      await PrescriptionService.createPrescription(payload as any);
+      // Limpar após sucesso
+      setPrescriptionOrders([]);
+      setSelectedLocation(null);
+      setPolicyNumber('');
+      setDigitallySigned(false);
+      setPrintRequested(false);
+      setObservations('');
+    } catch (e: any) {
+      setSubmitError(e?.message ?? t('submitError', 'Erro ao salvar a prescrição.'));
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
   return (
-    <div className={styles.workspace}>
-      <div className={styles.header}>
-        <h2>{t('activePrescriptionsWorkspaceTitle', 'Prescrições ativas')}</h2>
-        <p className={styles.subtitle}>
-          {t(
-            'activePrescriptionsHelper',
-            'Revise o contexto do paciente, escolha os detalhes da visita e adicione os medicamentos à prescrição.',
-          )}
-        </p>
-      </div>
+    <Workspace2 title={t('activePrescriptionsWorkspaceTitle', 'Prescrições ativas')} hasUnsavedChanges={false}>
+      <div className={styles.workspace}>
+        <div className={styles.header}>
+          <h2>{t('activePrescriptionsWorkspaceTitle', 'Prescrições ativas')}</h2>
+          <p className={styles.subtitle}>
+            {t(
+              'activePrescriptionsHelper',
+              'Revise o contexto do paciente, escolha os detalhes da visita e adicione os medicamentos à prescrição.',
+            )}
+          </p>
+        </div>
 
-      <section className={styles.section}>
-        <p className={styles.fieldLabel}>{t('visitTimingLabel', 'A visita é')}</p>
-        <Tabs
-          selectedIndex={activeTab === 'new' ? 0 : 1}
-          onChange={({ selectedIndex }) => setActiveTab(selectedIndex === 0 ? 'new' : 'past')}
-        >
-          <TabList aria-label={t('visitTimingLabel', 'A visita é')}>
-            <Tab>{t('visitTimingNew', 'Nova')}</Tab>
-            <Tab>{t('visitTimingPast', 'No passado')}</Tab>
-          </TabList>
-          <TabPanels>
-            <TabPanel className={styles.tabContent}>
-              <div className={styles.fieldGroup}>
-                <ComboBox
-                  id="visit-location"
-                  items={locationItems}
-                  itemToString={(item) => item?.display ?? ''}
-                  selectedItem={selectedLocation}
-                  onChange={({ selectedItem }) => setSelectedLocation((selectedItem as Location) ?? null)}
-                  placeholder={t('visitLocationPlaceholder', 'Selecione o local')}
-                  titleText={t('visitLocationHeading', 'Local da visita')}
-                  helperText={t('visitLocationHelper', 'Selecione onde a visita ocorrerá.')}
-                />
-              </div>
+        <section className={styles.section}>
+          <p className={styles.fieldLabel}>{t('visitTimingLabel', 'A visita é')}</p>
+          <Tabs
+            selectedIndex={activeTab === 'new' ? 0 : 1}
+            onChange={({ selectedIndex }) => setActiveTab(selectedIndex === 0 ? 'new' : 'past')}
+          >
+            <TabList aria-label={t('visitTimingLabel', 'A visita é')}>
+              <Tab>{t('visitTimingNew', 'Nova')}</Tab>
+              <Tab>{t('visitTimingPast', 'No passado')}</Tab>
+            </TabList>
+            <TabPanels>
+              <TabPanel className={styles.tabContent}>
+                {/* Local da visita */}
+                <div className={styles.fieldGroup}>
+                  <ComboBox
+                    id="visit-location"
+                    items={locationItems}
+                    itemToString={(item) => item?.display ?? ''}
+                    selectedItem={selectedLocation}
+                    onChange={({ selectedItem }) => setSelectedLocation((selectedItem as Location) ?? null)}
+                    placeholder={t('visitLocationPlaceholder', 'Selecione o local')}
+                    titleText={t('visitLocationHeading', 'Local da visita')}
+                    helperText={t('visitLocationHelper', 'Selecione onde a visita ocorrerá.')}
+                  />
+                </div>
 
-              <div className={styles.fieldGroup}>
-                <TextInput
-                  id="insurance-policy"
-                  labelText={t('insurancePolicyNumberLabel', 'Número da apólice (opcional)')}
-                  placeholder={t('insurancePolicyNumberPlaceholder', 'Digite o número da apólice')}
-                  value={policyNumber}
-                  onChange={(event) => setPolicyNumber(event.target.value)}
-                />
-              </div>
-              <div className={styles.fieldGroup}>
-                <Checkbox
-                  id="sign-prescription-checkbox"
-                  labelText={t('signPrescriptionLabel', 'Assinar digitalmente a prescrição')}
-                  checked={digitallySigned}
-                  onChange={() => setDigitallySigned((prev) => !prev)}
-                />
-                <Checkbox
-                  id="print-prescription-checkbox"
-                  labelText={t('printPrescriptionLabel', 'Imprimir a prescrição')}
-                  checked={printRequested}
-                  onChange={() => setPrintRequested((prev) => !prev)}
-                />
-              </div>
+                {/* Número da apólice */}
+                <div className={styles.fieldGroup}>
+                  <TextInput
+                    id="insurance-policy"
+                    labelText={t('insurancePolicyNumberLabel', 'Número da apólice (opcional)')}
+                    placeholder={t('insurancePolicyNumberPlaceholder', 'Digite o número da apólice')}
+                    value={policyNumber}
+                    onChange={(event) => setPolicyNumber(event.target.value)}
+                  />
+                </div>
 
-              {/* Lista de medicamentos adicionados */}
-              <div className={styles.fieldGroup}>
-                <h3>{t('medicationsList', 'Medicamentos adicionados')}</h3>
-                {medications.length === 0 ? (
-                  <p>{t('noMedicationsAdded', 'Nenhum medicamento adicionado ainda.')}</p>
-                ) : (
-                  <ul className={styles.medicationsList}>
-                    {medications.map((med, idx) => (
-                      <li key={idx} className={styles.medicationItem}>
-                        <span>
-                          <b>{med.drugName}</b> - {med.dosage} {med.unit} - {med.frequency}
-                        </span>
-                        <button type="button" onClick={() => openEditMedication(idx)}>
-                          {t('edit', 'Editar')}
-                        </button>
-                        <button type="button" onClick={() => handleRemoveMedication(idx)}>
-                          {t('remove', 'Remover')}
-                        </button>
-                      </li>
-                    ))}
-                  </ul>
-                )}
-                <button type="button" onClick={openAddMedication} className={styles.addMedicationBtn}>
-                  {t('addMedication', '+ Adicionar medicamento')}
-                </button>
-              </div>
+                {/* Assinatura digital e impressão */}
+                <div className={styles.fieldGroup}>
+                  <Checkbox
+                    id="sign-prescription-checkbox"
+                    labelText={t('signPrescriptionLabel', 'Assinar digitalmente a prescrição')}
+                    checked={digitallySigned}
+                    onChange={(_: any, { checked }: any) => setDigitallySigned(checked)}
+                  />
+                  <Checkbox
+                    id="print-prescription-checkbox"
+                    labelText={t('printPrescriptionLabel', 'Imprimir a prescrição')}
+                    checked={printRequested}
+                    onChange={(_: any, { checked }: any) => setPrintRequested(checked)}
+                  />
+                </div>
 
-              {/* Tela sobreposta para adicionar/editar medicamento */}
-              {showAddMedication && (
-                <div className={styles.overlayForm}>
-                  <div className={styles.overlayContent}>
-                    <h3>
-                      {editIndex === null
-                        ? t('addMedication', 'Adicionar medicamento')
-                        : t('editMedication', 'Editar medicamento')}
-                    </h3>
-                    <MedicationForm
-                      initialData={editIndex !== null ? medications[editIndex] : undefined}
-                      onSubmit={editIndex === null ? handleAddMedication : handleEditMedication}
-                      onCancel={() => {
-                        setShowAddMedication(false);
-                        setEditIndex(null);
-                      }}
-                      t={t}
+                {/* Observações */}
+                <div className={styles.fieldGroup}>
+                  <TextArea
+                    id="observations"
+                    labelText={t('observations', 'Observações')}
+                    placeholder={t('observationsPlaceholder', 'Observações da prescrição...')}
+                    value={observations}
+                    onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => setObservations(event.target.value)}
+                    rows={3}
+                  />
+                </div>
+
+                {/* Lista de medicamentos da prescrição */}
+                <div className={styles.fieldGroup}>
+                  <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 }}>
+                    <h3 style={{ margin: 0 }}>{t('medicationsList', 'Medicamentos')}</h3>
+                    <Button
+                      size="sm"
+                      hasIconOnly
+                      kind="ghost"
+                      renderIcon={() => (
+                        <svg width="20" height="20" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M16 6V26" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+                          <path d="M6 16H26" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+                        </svg>
+                      )}
+                      iconDescription={t('addMedication', 'Adicionar medicamento')}
+                      onClick={() => { setEditIndex(null); setShowAddMedication(true); }}
                     />
                   </div>
+
+                  {prescriptionOrders.length === 0 ? (
+                    <p>{t('noMedicationsAdded', 'Nenhum medicamento adicionado ainda.')}</p>
+                  ) : (
+                    <ul className={styles.medicationsList}>
+                      {prescriptionOrders.map((order, idx) => (
+                        <li key={idx} className={styles.medicationItem}>
+                          <span>
+                            <b>{order.drug.display}</b> — {order.dosage} {order.unit}
+                            {order.route ? ` · ${order.route}` : ''} · {order.frequency}
+                          </span>
+                          <Button size="sm" kind="ghost" onClick={() => openEditMedication(idx)}>
+                            {t('edit', 'Editar')}
+                          </Button>
+                          <Button size="sm" kind="danger--ghost" onClick={() => handleRemoveMedication(idx)}>
+                            {t('remove', 'Remover')}
+                          </Button>
+                        </li>
+                      ))}
+                    </ul>
+                  )}
                 </div>
-              )}
-            </TabPanel>
-            <TabPanel className={styles.tabContent}>
-              <InlineNotification
-                lowContrast
-                kind="info"
-                title={t('inPastTabPlaceholderTitle', 'Receitas históricas em breve')}
-                subtitle={t('inPastTabPlaceholderSubtitle', 'Volte para Nova para gerenciar medicamentos atuais.')}
-              />
-            </TabPanel>
-          </TabPanels>
-        </Tabs>
-      </section>
-    </div>
+
+                {/* Formulário de adição/edição de medicamento */}
+                {showAddMedication && (
+                  <div className={styles.overlayForm}>
+                    <div className={styles.overlayContent}>
+                      <h3 style={{ marginTop: 0 }}>
+                        {editIndex !== null
+                          ? t('editMedication', 'Editar medicamento')
+                          : t('addMedication', 'Adicionar medicamento')}
+                      </h3>
+                      <AddDrugPrescription
+                        initialData={editIndex !== null ? prescriptionOrders[editIndex] : undefined}
+                        onSave={handleSaveMedication}
+                        onCancel={() => { setShowAddMedication(false); setEditIndex(null); }}
+                      />
+                    </div>
+                  </div>
+                )}
+
+                {/* Erro de envio */}
+                {submitError && (
+                  <InlineNotification
+                    lowContrast
+                    kind="error"
+                    title={t('submitError', 'Erro ao salvar a prescrição.')}
+                    subtitle={submitError}
+                    onCloseButtonClick={() => setSubmitError(null)}
+                  />
+                )}
+
+                {/* Botão de salvar prescrição */}
+                <div style={{ display: 'flex', gap: 8, marginTop: 16 }}>
+                  <Button
+                    kind="primary"
+                    disabled={!patientUuid || !selectedLocation || prescriptionOrders.length === 0 || isSubmitting}
+                    onClick={handleSubmitPrescription}
+                  >
+                    {isSubmitting
+                      ? <InlineLoading description={t('saving', 'Salvando...')} />
+                      : t('createPrescriptionButtonLabel', 'Salvar Prescrição')}
+                  </Button>
+                </div>
+              </TabPanel>
+
+              <TabPanel className={styles.tabContent}>
+                <InlineNotification
+                  lowContrast
+                  kind="info"
+                  title={t('inPastTabPlaceholderTitle', 'Receitas históricas em breve')}
+                  subtitle={t('inPastTabPlaceholderSubtitle', 'Volte para Nova para gerenciar medicamentos atuais.')}
+                />
+              </TabPanel>
+            </TabPanels>
+          </Tabs>
+        </section>
+      </div>
+    </Workspace2>
   );
 };
 

package/src/routes.json

@@ -19,21 +19,22 @@
       "name": "Brand box",
       "component": "blueBox",
       "slot": "Boxes"
-    },
-    {
-      "name": "prescriptions-action-menu",
-      "component": "prescriptionsActionButton",
-      "slot": "action-menu-patient-chart-items-slot"
     }
   ],
-  "workspaces": [
+  "workspaces2": [
     {
-      "name": "active-prescriptions",
-      "title": "activePrescriptionsWorkspaceTitle",
+      "name": "active-prescriptions-workspace",
       "component": "root",
-      "type": "active-prescriptions",
-      "canHide": false,
-      "width": "wider"
+      "window": "active-prescriptions-workspace"
+    }
+  ],
+  "workspaceWindows2": [
+    {
+      "name": "active-prescriptions-workspace",
+      "group": "patient-chart",
+      "icon": "prescriptionsActionButton",
+      "width": "wider",
+      "order": 4
     }
   ]
 }

package/dist/177.js

@@ -1,2 +0,0 @@
-/*! For license information please see 177.js.LICENSE.txt */
-"use strict";(globalThis.webpackChunk_cc_openmrs_cc_esm_active_prescriptions=globalThis.webpackChunk_cc_openmrs_cc_esm_active_prescriptions||[]).push([[177],{1496:(e,t,n)=>{n.d(t,{CC:()=>r,I0:()=>a,jB:()=>i,q2:()=>o});const r=0,i=1,o=2,a=3},2177:(e,t,n)=>{n.d(t,{Ay:()=>h,BE:()=>g});var r=n(6072),i=n(9888),o=n(6965),a=n(1496),s=n(4993);const c=()=>{};c(),new WeakMap;const u=r.use||(e=>{switch(e.status){case"pending":throw e;case"fulfilled":return e.value;case"rejected":throw e.reason;default:throw e.status="pending",e.then(t=>{e.status="fulfilled",e.value=t},t=>{e.status="rejected",e.reason=t}),e}}),l={dedupe:!0},d=Promise.resolve(o.U),f=()=>o.A,g=o.O.defineProperty(o.g,"defaultValue",{value:o.d}),h=(0,s.qm)((e,t,n)=>{const{cache:c,compare:g,suspense:h,fallbackData:v,revalidateOnMount:p,revalidateIfStale:w,refreshInterval:y,refreshWhenHidden:b,refreshWhenOffline:m,keepPreviousData:S,strictServerPrefetchWarning:O}=n,[_,E,R,k]=o.b.get(c),[T,C]=(0,o.s)(e),L=(0,r.useRef)(!1),j=(0,r.useRef)(!1),D=(0,r.useRef)(T),I=(0,r.useRef)(t),V=(0,r.useRef)(n),P=()=>V.current,x=()=>P().isVisible()&&P().isOnline(),[W,A,M,q]=(0,o.z)(c,T),F=(0,r.useRef)({}).current,U=(0,o.e)(v)?(0,o.e)(n.fallback)?o.U:n.fallback[T]:v,B=(e,t)=>{for(const n in F){const r=n;if("data"===r){if(!g(e[r],t[r])){if(!(0,o.e)(e[r]))return!1;if(!g(Q,t[r]))return!1}}else if(t[r]!==e[r])return!1}return!0},$=!L.current,z=(0,r.useMemo)(()=>{const e=W(),n=q(),r=e=>{const n=(0,o.m)(e);delete n._k;const r=(()=>{if(!T)return!1;if(!t)return!1;if(P().isPaused())return!1;if($&&!(0,o.e)(p))return p;const e=(0,o.e)(U)?n.data:U;return(0,o.e)(e)||w})();return r?{isValidating:!0,isLoading:!0,...n}:n},i=r(e),a=e===n?i:r(n);let s=i;return[()=>{const e=r(W());return B(e,s)?(s.data=e.data,s.isLoading=e.isLoading,s.isValidating=e.isValidating,s.error=e.error,s):(s=e,e)},()=>a]},[c,T]),H=(0,i.useSyncExternalStore)((0,r.useCallback)(e=>M(T,(t,n)=>{B(n,t)||e()}),[c,T]),z[0],z[1]),J=_[T]&&_[T].length>0,N=H.data,Y=(0,o.e)(N)?U&&(0,o.B)(U)?u(U):U:N,G=H.error,K=(0,r.useRef)(Y),Q=S?(0,o.e)(N)?(0,o.e)(K.current)?Y:K.current:N:Y,X=T&&(0,o.e)(Y),Z=(0,r.useRef)(null);!o.I&&(0,i.useSyncExternalStore)(f,()=>(Z.current=!1,Z),()=>(Z.current=!0,Z));const ee=Z.current;O&&ee&&!h&&X&&console.warn(`Missing pre-initiated data for serialized key "${T}" during server-side rendering. Data fetching should be initiated on the server and provided to SWR via fallback data. You can set "strictServerPrefetchWarning: false" to disable this warning.`);const te=!(!T||!t)&&!P().isPaused()&&!(J&&!(0,o.e)(G))&&($&&!(0,o.e)(p)?p:h?!(0,o.e)(Y)&&w:(0,o.e)(Y)||w),ne=$&&te,re=(0,o.e)(H.isValidating)?ne:H.isValidating,ie=(0,o.e)(H.isLoading)?ne:H.isLoading,oe=(0,r.useCallback)(async e=>{const t=I.current;if(!T||!t||j.current||P().isPaused())return!1;let r,i,s=!0;const c=e||{},u=!R[T]||!c.dedupe,l=()=>o.r?!j.current&&T===D.current&&L.current:T===D.current,d={isValidating:!1,isLoading:!1},f=()=>{A(d)},h=()=>{const e=R[T];e&&e[1]===i&&delete R[T]},v={isValidating:!0};(0,o.e)(W().data)&&(v.isLoading=!0);try{if(u&&(A(v),n.loadingTimeout&&(0,o.e)(W().data)&&setTimeout(()=>{s&&l()&&P().onLoadingSlow(T,n)},n.loadingTimeout),R[T]=[t(C),(0,o.o)()]),[r,i]=R[T],r=await r,u&&setTimeout(h,n.dedupingInterval),!R[T]||R[T][1]!==i)return u&&l()&&P().onDiscarded(T),!1;d.error=o.U;const e=E[T];if(!(0,o.e)(e)&&(i<=e[0]||i<=e[1]||0===e[1]))return f(),u&&l()&&P().onDiscarded(T),!1;const a=W().data;d.data=g(a,r)?a:r,u&&l()&&P().onSuccess(r,T,n)}catch(e){h();const t=P(),{shouldRetryOnError:n}=t;t.isPaused()||(d.error=e,u&&l()&&(t.onError(e,T,t),(!0===n||(0,o.a)(n)&&n(e))&&(P().revalidateOnFocus&&P().revalidateOnReconnect&&!x()||t.onErrorRetry(e,T,t,e=>{const t=_[T];t&&t[0]&&t[0](a.I0,e)},{retryCount:(c.retryCount||0)+1,dedupe:!0}))))}return s=!1,f(),!0},[T,c]),ae=(0,r.useCallback)((...e)=>(0,o.n)(c,D.current,...e),[]);if((0,o.u)(()=>{I.current=t,V.current=n,(0,o.e)(N)||(K.current=N)}),(0,o.u)(()=>{if(!T)return;const e=oe.bind(o.U,l);let t=0;if(P().revalidateOnFocus){const e=Date.now();t=e+P().focusThrottleInterval}const n=(0,s.aw)(T,_,(n,r={})=>{if(n==a.CC){const n=Date.now();P().revalidateOnFocus&&n>t&&x()&&(t=n+P().focusThrottleInterval,e())}else if(n==a.jB)P().revalidateOnReconnect&&x()&&e();else{if(n==a.q2)return oe();if(n==a.I0)return oe(r)}});return j.current=!1,D.current=T,L.current=!0,A({_k:C}),te&&(R[T]||((0,o.e)(Y)||o.I?e():(0,o.t)(e))),()=>{j.current=!0,n()}},[T]),(0,o.u)(()=>{let e;function t(){const t=(0,o.a)(y)?y(W().data):y;t&&-1!==e&&(e=setTimeout(n,t))}function n(){W().error||!b&&!P().isVisible()||!m&&!P().isOnline()?t():oe(l).then(t)}return t(),()=>{e&&(clearTimeout(e),e=-1)}},[y,b,m,T]),(0,r.useDebugValue)(Q),h){if(!o.r&&o.I&&X)throw new Error("Fallback data is required when using Suspense in SSR.");X&&(I.current=t,V.current=n,j.current=!1);const e=k[T],r=!(0,o.e)(e)&&X?ae(e):d;if(u(r),!(0,o.e)(G)&&X)throw G;const i=X?oe(l):d;!(0,o.e)(Q)&&X&&(i.status="fulfilled",i.value=!0),u(i)}return{mutate:ae,get data(){return F.data=!0,Q},get error(){return F.error=!0,G},get isValidating(){return F.isValidating=!0,re},get isLoading(){return F.isLoading=!0,ie}}})},4993:(e,t,n)=>{n.d(t,{Ht:()=>f,aw:()=>d,qm:()=>l});var r=n(6965),i=n(5430),o=n(6072);const a=r.i&&window.__SWR_DEVTOOLS_USE__,s=a?window.__SWR_DEVTOOLS_USE__:[],c=e=>(0,r.a)(e[1])?[e[0],e[1],e[2]||{}]:[e[0],null,(null===e[1]?e[2]:e[1])||{}],u=s.concat(e=>(t,n,o)=>e(t,n&&((...e)=>{const[o]=(0,r.s)(t),[,,,a]=r.b.get(r.c);if(o.startsWith(i.q))return n(...e);const s=a[o];return(0,r.e)(s)?n(...e):(delete a[o],s)}),o)),l=e=>function(...t){const n=(()=>{const e=(0,o.useContext)(r.S);return(0,o.useMemo)(()=>(0,r.m)(r.d,e),[e])})(),[i,a,s]=c(t),l=(0,r.f)(n,s);let d=e;const{use:f}=l,g=(f||[]).concat(u);for(let e=g.length;e--;)d=g[e](d);return d(i,a||l.fetcher||null,l)},d=(e,t,n)=>{const r=t[e]||(t[e]=[]);return r.push(n),()=>{const e=r.indexOf(n);e>=0&&(r[e]=r[r.length-1],r.pop())}},f=(e,t)=>(...n)=>{const[r,i,o]=c(n),a=(o.use||[]).concat(t);return e(r,i,{...o,use:a})};a&&(window.__SWR_DEVTOOLS_REACT__=o)},5430:(e,t,n)=>{n.d(t,{q:()=>r});const r="$inf$"},6965:(e,t,n)=>{n.d(t,{A:()=>s,B:()=>g,I:()=>T,O:()=>u,S:()=>J,U:()=>c,a:()=>d,b:()=>a,c:()=>B,d:()=>z,e:()=>l,f:()=>H,g:()=>N,i:()=>w,m:()=>f,n:()=>q,o:()=>M,r:()=>k,s:()=>W,t:()=>C,u:()=>L,z:()=>m});var r=n(6072),i=n(1496),o=Object.prototype.hasOwnProperty;const a=new WeakMap,s=()=>{},c=s(),u=Object,l=e=>e===c,d=e=>"function"==typeof e,f=(e,t)=>({...e,...t}),g=e=>d(e.then),h={},v={},p="undefined",w=typeof window!=p,y=typeof document!=p,b=w&&"Deno"in window,m=(e,t)=>{const n=a.get(e);return[()=>!l(t)&&e.get(t)||h,r=>{if(!l(t)){const i=e.get(t);t in v||(v[t]=i),n[5](t,f(i,r),i||h)}},n[6],()=>!l(t)&&t in v?v[t]:!l(t)&&e.get(t)||h]};let S=!0;const[O,_]=w&&window.addEventListener?[window.addEventListener.bind(window),window.removeEventListener.bind(window)]:[s,s],E={isOnline:()=>S,isVisible:()=>{const e=y&&document.visibilityState;return l(e)||"hidden"!==e}},R={initFocus:e=>(y&&document.addEventListener("visibilitychange",e),O("focus",e),()=>{y&&document.removeEventListener("visibilitychange",e),_("focus",e)}),initReconnect:e=>{const t=()=>{S=!0,e()},n=()=>{S=!1};return O("online",t),O("offline",n),()=>{_("online",t),_("offline",n)}}},k=!r.useId,T=!w||b,C=e=>w&&typeof window.requestAnimationFrame!=p?window.requestAnimationFrame(e):setTimeout(e,1),L=T?r.useEffect:r.useLayoutEffect,j="undefined"!=typeof navigator&&navigator.connection,D=!T&&j&&(["slow-2g","2g"].includes(j.effectiveType)||j.saveData),I=new WeakMap,V=(e,t)=>e===`[object ${t}]`;let P=0;const x=e=>{const t=typeof e,n=(r=e,u.prototype.toString.call(r));var r;const i=V(n,"Date"),o=V(n,"RegExp"),a=V(n,"Object");let s,c;if(u(e)!==e||i||o)s=i?e.toJSON():"symbol"==t?e.toString():"string"==t?JSON.stringify(e):""+e;else{if(s=I.get(e),s)return s;if(s=++P+"~",I.set(e,s),Array.isArray(e)){for(s="@",c=0;c<e.length;c++)s+=x(e[c])+",";I.set(e,s)}if(a){s="#";const t=u.keys(e).sort();for(;!l(c=t.pop());)l(e[c])||(s+=c+":"+x(e[c])+",");I.set(e,s)}}return s},W=e=>{if(d(e))try{e=e()}catch(t){e=""}const t=e;return[e="string"==typeof e?e:(Array.isArray(e)?e.length:e)?x(e):"",t]};let A=0;const M=()=>++A;async function q(...e){const[t,n,r,o]=e,s=f({populateCache:!0,throwOnError:!0},"boolean"==typeof o?{revalidate:o}:o||{});let u=s.populateCache;const h=s.rollbackOnError;let v=s.optimisticData;const p=s.throwOnError;if(d(n)){const e=n,r=[],i=t.keys();for(const n of i)!/^\$(inf|sub)\$/.test(n)&&e(t.get(n)._k)&&r.push(n);return Promise.all(r.map(w))}return w(n);async function w(n){const[o]=W(n);if(!o)return;const[f,w]=m(t,o),[y,b,S,O]=a.get(t),_=()=>{const e=y[o];return(d(s.revalidate)?s.revalidate(f().data,n):!1!==s.revalidate)&&(delete S[o],delete O[o],e&&e[0])?e[0](i.q2).then(()=>f().data):f().data};if(e.length<3)return _();let E,R=r,k=!1;const T=M();b[o]=[T,0];const C=!l(v),L=f(),j=L.data,D=L._c,I=l(D)?j:D;if(C&&(v=d(v)?v(I,j):v,w({data:v,_c:I})),d(R))try{R=R(I)}catch(e){E=e,k=!0}if(R&&g(R)){if(R=await R.catch(e=>{E=e,k=!0}),T!==b[o][0]){if(k)throw E;return R}k&&C&&(e=>"function"==typeof h?h(e):!1!==h)(E)&&(u=!0,w({data:I,_c:c}))}if(u&&!k)if(d(u)){const e=u(R,I);w({data:e,error:c,_c:c})}else w({data:R,error:c,_c:c});if(b[o][1]=M(),Promise.resolve(_()).then(()=>{w({_c:c})}),!k)return R;if(p)throw E}}const F=(e,t)=>{for(const n in e)e[n][0]&&e[n][0](t)},U=(e,t)=>{if(!a.has(e)){const n=f(R,t),r=Object.create(null),o=q.bind(c,e);let u=s;const l=Object.create(null),d=(e,t)=>{const n=l[e]||[];return l[e]=n,n.push(t),()=>n.splice(n.indexOf(t),1)},g=(t,n,r)=>{e.set(t,n);const i=l[t];if(i)for(const e of i)e(n,r)},h=()=>{if(!a.has(e)&&(a.set(e,[r,Object.create(null),Object.create(null),Object.create(null),o,g,d]),!T)){const t=n.initFocus(setTimeout.bind(c,F.bind(c,r,i.CC))),o=n.initReconnect(setTimeout.bind(c,F.bind(c,r,i.jB)));u=()=>{t&&t(),o&&o(),a.delete(e)}}};return h(),[e,o,h,u]}return[e,a.get(e)[4]]},[B,$]=U(new Map),z=f({onLoadingSlow:s,onSuccess:s,onError:s,onErrorRetry:(e,t,n,r,i)=>{const o=n.errorRetryCount,a=i.retryCount,s=~~((Math.random()+.5)*(1<<(a<8?a:8)))*n.errorRetryInterval;!l(o)&&a>o||setTimeout(r,s,i)},onDiscarded:s,revalidateOnFocus:!0,revalidateOnReconnect:!0,revalidateIfStale:!0,shouldRetryOnError:!0,errorRetryInterval:D?1e4:5e3,focusThrottleInterval:5e3,dedupingInterval:2e3,loadingTimeout:D?5e3:3e3,compare:function e(t,n){var r,i;if(t===n)return!0;if(t&&n&&(r=t.constructor)===n.constructor){if(r===Date)return t.getTime()===n.getTime();if(r===RegExp)return t.toString()===n.toString();if(r===Array){if((i=t.length)===n.length)for(;i--&&e(t[i],n[i]););return-1===i}if(!r||"object"==typeof t){for(r in i=0,t){if(o.call(t,r)&&++i&&!o.call(n,r))return!1;if(!(r in n)||!e(t[r],n[r]))return!1}return Object.keys(n).length===i}}return t!=t&&n!=n},isPaused:()=>!1,cache:B,mutate:$,fallback:{}},E),H=(e,t)=>{const n=f(e,t);if(t){const{use:r,fallback:i}=e,{use:o,fallback:a}=t;r&&o&&(n.use=r.concat(o)),i&&a&&(n.fallback=f(i,a))}return n},J=(0,r.createContext)({}),N=e=>{const{value:t}=e,n=(0,r.useContext)(J),i=d(t),o=(0,r.useMemo)(()=>i?t(n):t,[i,n,t]),a=(0,r.useMemo)(()=>i?o:H(n,o),[i,n,o]),s=o&&o.provider,u=(0,r.useRef)(c);s&&!u.current&&(u.current=U(s(a.cache||B),o));const l=u.current;return l&&(a.cache=l[0],a.mutate=l[1]),L(()=>{if(l)return l[2]&&l[2](),l[3]},[]),(0,r.createElement)(J.Provider,f(e,{value:a}))}},8493:(e,t,n)=>{var r=n(6072),i="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},o=r.useState,a=r.useEffect,s=r.useLayoutEffect,c=r.useDebugValue;function u(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!i(e,n)}catch(e){return!0}}var l="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),r=o({inst:{value:n,getSnapshot:t}}),i=r[0].inst,l=r[1];return s(function(){i.value=n,i.getSnapshot=t,u(i)&&l({inst:i})},[e,n,t]),a(function(){return u(i)&&l({inst:i}),e(function(){u(i)&&l({inst:i})})},[e]),c(n),n};t.useSyncExternalStore=void 0!==r.useSyncExternalStore?r.useSyncExternalStore:l},9888:(e,t,n)=>{e.exports=n(8493)}}]);