import {
  defineConfigSchema,
  getAsyncLifecycle,
  getSyncLifecycle,
} from "@openmrs/esm-framework";
import { createDashboardLink } from "@openmrs/esm-patient-common-lib";
import { dashboardMeta } from "./dashboard.meta";
import appointmentsOverviewComponent from "./appointments/appointments-overview.component";
import appointmentsDetailedSummaryComponent from "./appointments/appointments-detailed-summary.component";
import upcomingAppointmentsWidgetComponent from "./appointments/upcoming-appointments-card.component";

export const importTranslation = require.context(
  "../translations",
  false,
  /.json$/,
  "lazy",
);

const moduleName = "@ugandaemr/esm-patient-appointments-app";

const options = {
  featureName: "patient-appointments",
  moduleName,
};

export function startupApp() {
  defineConfigSchema(moduleName, {});
}

export const appointmentsOverview = getSyncLifecycle(
  appointmentsOverviewComponent,
  options,
);

export const appointmentsDetailedSummary = getSyncLifecycle(
  appointmentsDetailedSummaryComponent,
  options,
);

// t('Appointments', 'Appointments')
export const appointmentsSummaryDashboardLink = getSyncLifecycle(
  createDashboardLink({ ...dashboardMeta, moduleName }),
  options,
);

export const appointmentsFormWorkspace = getAsyncLifecycle(
  () => import("./appointments/appointments-form/appointments-form.component"),
  options,
);

export const appointmentsCancelConfirmationDialog = getAsyncLifecycle(
  () => import("./appointments/appointments-cancel-modal.component"),
  options,
);

export const upcomingAppointmentsWidget = getSyncLifecycle(
  upcomingAppointmentsWidgetComponent,
  options,
);