@tekkare/romulus 0.1.251 → 0.1.252

package/layer/app/components/oip-drugs/resources/Contribution.vue

@@ -0,0 +1,216 @@
+<!--
+  Vue de ressource d'une contribution patient (FrPatientContribution) : la
+  contribution elle-meme (decision produit), relue par son `_id` dans l'index
+  des contributions HAS. Le contenu reprend le detail de France Augmented
+  Science (identite, rubriques, lien vers l'association et vers l'avis), avec
+  les composants et le style du tiroir de contribution de la fiche
+  association de fr_drugs_app.
+-->
+<template>
+  <div class="oip-drugs arg_page_layout">
+    <RmPageHeader :eyebrow="t('oipDrugs.heart.details.tabs.contrib')">
+      <template #title>
+        <span class="oip-drugs-fiche__title">{{ regroup || id }}</span>
+        <slot name="title-link" />
+      </template>
+      <div v-if="contribution" class="contrib_identity oip_list">
+        <div class="oip_row v-center gap-8 wrap">
+          <span v-if="contribution.contribution_date" class="oip_label">
+            <RmDate :date="contribution.contribution_date" :lang="dateLang" />
+          </span>
+          <RmTag v-if="contribution.has_code" variant="gray">{{ contribution.has_code }}</RmTag>
+          <RmTag v-if="contribution.request_nature" variant="violet">{{ contribution.request_nature }}</RmTag>
+          <RmTag v-if="contribution.brand_group" variant="blue">{{ contribution.brand_group }}</RmTag>
+        </div>
+        <p v-if="original" class="contrib_muted">
+          {{ t("oipDrugs.heart.details.patientContrib.originalName") }} : {{ original }}
+        </p>
+      </div>
+    </RmPageHeader>
+
+    <div class="oip_list gap-12 full contrib_detail">
+      <OipDrugsHeartElasticSourceContainerElastic
+        :uuid="HEART_SOURCE_UUIDS.ASSOCIATIONS"
+        :last-label="t('oipDrugs.heart.sources.lastContribution')"
+        :last-date="contribution?.contribution_date ?? null"
+      />
+
+      <RmLoadingState v-if="loading" />
+      <RmEmptyState v-else-if="!contribution" :title="t('oipDrugs.heart.errors.results')" icon="Prohibit" />
+
+      <div v-else class="oip_card oip_list gap-12 oip_body full">
+        <div class="oip_row gap-8 wrap">
+          <!-- La fiche de l'association : le lien n'apparait qu'une fois
+               l'association reconnue par l'annuaire. -->
+          <RmButton
+            v-if="associationId"
+            variant="secondary"
+            prefix-icon="UsersThree"
+            @click="nav.openApp('fr_drugs_app', drugsAssociationPath(associationId))"
+          >
+            {{ t("oipDrugs.heart.details.patientContrib.seeAssociation") }}
+          </RmButton>
+          <RmButton v-if="opinionPath" variant="secondary" prefix-icon="Tag" @click="nav.openApp('fr_drugs_app', opinionPath)">
+            {{ t("oipDrugs.heart.associations.detail.seeLinkedOpinion", { brand: contribution.brand_group }) }}
+          </RmButton>
+          <RmButton
+            v-if="contribution.contribution_url"
+            variant="tertiary"
+            ghost
+            prefix-icon="ArrowSquareOut"
+            @click="openLink(contribution.contribution_url)"
+          >
+            {{ t("oipDrugs.heart.associations.detail.seeOnHas") }}
+          </RmButton>
+        </div>
+
+        <!-- Sections repliables, comme le tiroir de la fiche association : la
+             premiere est ouverte, les autres se replient independamment. -->
+        <div v-if="sections.length > 0" class="oip_list full">
+          <RmCollapse
+            v-for="section in sections"
+            :key="section.key"
+            v-model="sectionOpen[section.key]"
+            :title="section.label"
+          >
+            <p class="contrib_field_text oip_body">{{ section.value }}</p>
+          </RmCollapse>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ES_INDEX } from "../../../oip-drugs/esIndices";
+import { HEART_SOURCE_UUIDS } from "../../../oip-drugs/utils/sourceUuids";
+import { withContributionBrands } from "../../../oip-drugs/utils/contributions";
+import { useAssociationLookup } from "../../../oip-drugs/composables/useAssociationLookup";
+import { drugsAssociationPath, drugsBrandPath } from "../../../oip-drugs/kinds";
+import { oipEsSearch } from "../../../composables/useOipResources";
+
+const props = withDefaults(
+  defineProps<{
+    id: string;
+    type?: string;
+    lang?: "fr" | "en";
+    highlight?: string[];
+  }>(),
+  { type: "FrPatientContribution", lang: undefined, highlight: () => [] },
+);
+
+const { t, locale } = useI18n();
+const nav = useOipResourceNav();
+const lookup = useAssociationLookup();
+
+const dateLang = computed(() => props.lang ?? (locale.value === "en" ? "en" : "fr"));
+
+const contribution = ref<any>(null);
+const loading = ref(true);
+const sectionOpen = ref<Record<string, boolean>>({});
+
+watch(
+  () => props.id,
+  async (id) => {
+    loading.value = true;
+    contribution.value = null;
+    try {
+      const res: any = await oipEsSearch("drugs", ES_INDEX.ASSOCIATION_CONTRIBUTION_HAS, {
+        size: 1,
+        query: { ids: { values: [id] } },
+      });
+      const doc = res?.hits?.hits?.[0]?._source ?? null;
+      // La marque se relit dans l'index HAS, en une requete a part.
+      if (doc) await withContributionBrands([doc]);
+      contribution.value = doc;
+    } catch {
+      contribution.value = null;
+    }
+    sectionOpen.value = sections.value[0] ? { [sections.value[0].key]: true } : {};
+    loading.value = false;
+    // L'annuaire dit sous quel nom ouvrir la fiche de l'association.
+    if (contribution.value) {
+      await lookup.load([contribution.value.association_label_regroup, contribution.value.association_label]);
+    }
+  },
+  { immediate: true },
+);
+
+const regroup = computed(
+  () => contribution.value?.association_label_regroup || contribution.value?.association_label || "",
+);
+
+/** Le nom d'origine, quand le regroupement l'a reecrit. */
+const original = computed(() => {
+  const c = contribution.value;
+  return c?.association_label && c?.association_label_regroup && c.association_label !== c.association_label_regroup
+    ? String(c.association_label)
+    : "";
+});
+
+const associationId = computed(() =>
+  contribution.value
+    ? lookup.idFor(contribution.value.association_label_regroup, contribution.value.association_label)
+    : null,
+);
+
+/** La fiche marque de l'avis, sur son onglet des contributions et sur ce code. */
+const opinionPath = computed(() => {
+  const brand = contribution.value?.brand_group;
+  if (!brand) return "";
+  const code = contribution.value?.has_code;
+  return `${drugsBrandPath(brand)}?tab=contributions${code ? `&code=${encodeURIComponent(code)}` : ""}`;
+});
+
+/** Les champs renseignes, dans l'ordre du questionnaire HAS. */
+const sections = computed(() => {
+  const c = contribution.value;
+  if (!c) return [];
+  const field = (key: string, value: unknown) => ({
+    key,
+    label: t(`oipDrugs.heart.associations.detail.fields.${key}`),
+    value,
+  });
+  return [
+    field("synthesis", c.synthesis),
+    field("drugIndication", c.drug_indication),
+    field("method", c.method),
+    field("experienceDrug", c.experience_drug),
+    field("experienceCurrentTreatment", c.experience_current_treatment),
+    field("impact", c.impact),
+    field("additionalInfo", c.additional_info),
+  ].filter((entry) => typeof entry.value === "string" && entry.value.trim());
+});
+
+function openLink(url: string) {
+  if (url) window.open(url, "_blank");
+}
+</script>
+
+<style scoped>
+.oip-drugs-fiche__title {
+  display: block;
+}
+
+.contrib_detail {
+  padding-left: 24px;
+}
+
+.contrib_identity {
+  gap: 4px;
+  color: var(--text-primary);
+  font-size: 14px;
+  line-height: 160%;
+  max-width: 900px;
+}
+
+.contrib_muted {
+  color: var(--dark, #6c6c8a);
+  font-size: 13px;
+}
+
+/* Les textes arrivent en un seul bloc, avec leurs retours a la ligne. */
+.contrib_field_text {
+  white-space: pre-line;
+}
+</style>

package/layer/app/components/oip-drugs/resources/Hospital.vue

@@ -0,0 +1,151 @@
+<!--
+  Vue de ressource d'une marque hospitaliere : liste en sus ATIH
+  (FrSusBrand) ou retrocession CNAM (FrRetrocessionBrand), selon `type`.
+
+  Decision produit : un graphe d'evolution annuelle de la marque, au gabarit
+  des vues Medic'AM et Outpatient. Donnees et requetes reprises de
+  drugs/HospitalEvolution de France Augmented Science (bloc Total des pages
+  /hospital/sus et /hospital/retrocession de fr_drugs_app, au niveau marque,
+  sur toutes les annees de l'index). La marque vient du `resourceId`
+  (cf. titleFromId de kinds.ts).
+-->
+<template>
+  <div class="oip-drugs v-sales">
+    <RmPageHeader>
+      <template #title>
+        <span class="v-sales__title">{{ brand }}</span>
+        <slot name="title-link" />
+      </template>
+    </RmPageHeader>
+
+    <div class="v-sales__body">
+      <RmLoadingState v-if="loading" :lines="1" :chart-height="400" />
+      <RmEmptyState
+        v-else-if="!rows.length"
+        icon="MagnifyingGlassMinus"
+        :title="en ? 'No data' : 'Aucune donnée'"
+        :text="emptyText"
+      />
+      <div v-else class="v-sales__stack">
+        <RmSegmented
+          v-model="measure"
+          size="sm"
+          :options="options"
+          :aria-label="en ? 'Measure' : 'Mesure'"
+        />
+        <RmChartCard :title="cardTitle" :source="source" :verified="verified" :lang="lang"
+          :state="chartContent.length > 0 ? 'ready' : 'empty'">
+          <RmLineChart :key="chartKey" :categories="chartHead" :series="chartContent" :height="400"
+            number-format="compact" />
+        </RmChartCard>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ES_INDEX } from "../../../oip-drugs/esIndices";
+import { oipEsSearch } from "../../../composables/useOipResources";
+import { HOSPITAL_MEASURES, measureOptions, salesBrandOf, salesPeriods } from "../../../oip-drugs/utils/v-salesSeries";
+import { useSalesSource } from "../../../oip-drugs/composables/v-useSalesSource";
+
+const props = withDefaults(
+  defineProps<{ id: string; type: string; lang?: "fr" | "en"; highlight?: string[] }>(),
+  { lang: "fr", highlight: () => [] },
+);
+
+const en = computed(() => props.lang === "en");
+const sus = computed(() => props.type !== "FrRetrocessionBrand");
+const kindType = computed(() => (sus.value ? "FrSusBrand" : "FrRetrocessionBrand"));
+const brand = computed(() => salesBrandOf(kindType.value, props.id));
+const { source, verified } = useSalesSource(sus.value ? "SUS" : "RETROCESSION", () => props.lang);
+
+// Ex-store hospital : la mesure lue, en etat local.
+const measures = computed(() => HOSPITAL_MEASURES[kindType.value]);
+const measure = ref(measures.value.variables[0]!);
+const options = computed(() => measureOptions(measures.value, en.value));
+const measureLabel = computed(() => options.value.find((o) => o.value === measure.value)?.label ?? "");
+const cardTitle = computed(() => (en.value ? "Yearly evolution: " : "Évolution annuelle : ") + measureLabel.value);
+const emptyText = computed(() => {
+  if (sus.value) return en.value ? "No inpatient list sales for this brand." : "Aucune vente en liste en sus pour cette marque.";
+  return en.value ? "No retrocession sales for this brand." : "Aucune vente en rétrocession pour cette marque.";
+});
+
+// Filtres des pages : niveau marque, et pour la liste en sus le total des
+// secteurs et des activites en analyse 1 (cf. useHospitalBrandIds).
+const filters = computed(() =>
+  sus.value
+    ? [
+        { term: { "level.keyword": "brand" } },
+        { term: { "sector.keyword": "TOTAL" } },
+        { term: { "activity.keyword": "TOTAL" } },
+        { term: { analysis_type: 1 } },
+      ]
+    : [{ term: { "level.keyword": "brand" } }],
+);
+
+const rows = ref<any[]>([]);
+const loading = ref(true);
+const chartKey = ref(0);
+
+async function load() {
+  loading.value = true;
+  try {
+    const response: any = await oipEsSearch(
+      "drugs",
+      sus.value ? ES_INDEX.HOSPITAL_ANNUAL_SUS : ES_INDEX.HOSPITAL_ANNUAL_RETROCESSION,
+      {
+        size: 50,
+        query: { bool: { filter: [{ term: { "code.keyword": brand.value } }, ...filters.value] } },
+      },
+    );
+    rows.value = (response?.hits?.hits ?? []).map((hit: any) => hit._source);
+  } catch {
+    rows.value = [];
+  } finally {
+    loading.value = false;
+  }
+}
+
+onMounted(load);
+watch(() => [brand.value, kindType.value], load);
+
+const chartHead = computed(() => salesPeriods(rows.value));
+
+/** Une courbe, nommee comme sur les pages : « Libelle (CODE) » quand ils different. */
+const chartContent = computed(() => {
+  if (!rows.value.length) return [];
+  const first = rows.value[0];
+  const name = first.code === first.label || !first.label ? String(first.code) : `${first.label} (${first.code})`;
+  const byPeriod = new Map(rows.value.map((i: any) => [i.period, i[measure.value] ?? null]));
+  return [{ name, data: chartHead.value.map((p) => byPeriod.get(p) ?? null) }];
+});
+
+watch(chartContent, () => {
+  chartKey.value = chartKey.value + 1;
+});
+</script>
+
+<style scoped>
+.v-sales__title {
+  display: block;
+}
+
+/* Les gouttieres de la colonne de contenu, comme les onglets d'OipResourceView. */
+.v-sales__body {
+  box-sizing: border-box;
+  margin-top: var(--space-24);
+  padding: 0 var(--space-24) var(--space-32);
+}
+
+.v-sales__stack {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-16);
+}
+
+/* Le rail de mesures garde sa largeur. */
+.v-sales__stack > :first-child {
+  align-self: flex-start;
+}
+</style>

package/layer/app/components/oip-drugs/resources/Indication.vue

@@ -0,0 +1,54 @@
+<!--
+  Vue de ressource FrHasIndication : le document de l'index LES par son `_id`,
+  dont on lit le code d'indication comme le chemin de la famille (cf.
+  oip-drugs/kinds.ts), puis la fiche de l'indication.
+-->
+<template>
+  <div class="oip-drugs">
+    <div v-if="loading" class="oip_row v-center centered stretch">
+      <RmLoadingState spinner />
+    </div>
+    <OipDrugsFichesIndicationFiche
+      v-else-if="code"
+      v-model:tab="tab"
+      :code="code"
+      :lang="lang"
+      :highlight="highlight"
+    >
+      <template #title-link><slot name="title-link" /></template>
+    </OipDrugsFichesIndicationFiche>
+    <RmEmptyState v-else :title="t('oipDrugs.heart.errors.results')" icon="Prohibit" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ES_INDEX } from "../../../oip-drugs/esIndices";
+import { oipEsGet } from "../../../composables/useOipResources";
+
+const props = withDefaults(
+  defineProps<{
+    /** Le `resourceId` : `_id` du document LES. */
+    id: string;
+    type?: string;
+    lang?: "fr" | "en";
+    highlight?: string[];
+  }>(),
+  { type: "FrHasIndication", lang: undefined, highlight: () => [] },
+);
+
+const { t } = useI18n();
+
+const loading = ref(true);
+const code = ref("");
+const tab = ref("1");
+
+async function read() {
+  loading.value = true;
+  const hit = await oipEsGet<any>("drugs", ES_INDEX.INDICATION_SEARCH_HAS, props.id, ["indication"]).catch(() => null);
+  const indication = hit?._source?.indication;
+  code.value = String((Array.isArray(indication) ? indication.find(Boolean) : indication) ?? "");
+  loading.value = false;
+}
+
+watch(() => props.id, read, { immediate: true });
+</script>

package/layer/app/components/oip-drugs/resources/Jo.vue

@@ -0,0 +1,57 @@
+<!--
+  Vue de ressource FrDrugPriceJo : le document de l'index JO par son `_id`,
+  puis la fiche JO de sa presentation (`local_drug_id`). Avec
+  `by="local_drug_id"`, l'id est deja ce code.
+-->
+<template>
+  <div class="oip-drugs">
+    <div v-if="loading" class="oip_row v-center centered stretch">
+      <RmLoadingState spinner />
+    </div>
+    <OipDrugsFichesJoFiche
+      v-else-if="localDrugId"
+      :id="localDrugId"
+      :lang="lang"
+      :highlight="highlight"
+    >
+      <template #title-link><slot name="title-link" /></template>
+    </OipDrugsFichesJoFiche>
+    <RmEmptyState v-else :title="t('oipDrugs.heart.errors.results')" icon="Prohibit" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ES_INDEX } from "../../../oip-drugs/esIndices";
+import { oipEsGet } from "../../../composables/useOipResources";
+
+const props = withDefaults(
+  defineProps<{
+    /** Le `resourceId` : `_id` du document JO (ou son `local_drug_id`, cf. `by`). */
+    id: string;
+    type?: string;
+    lang?: "fr" | "en";
+    highlight?: string[];
+    by?: string;
+  }>(),
+  { type: "FrDrugPriceJo", lang: undefined, highlight: () => [], by: "" },
+);
+
+const { t } = useI18n();
+
+const loading = ref(true);
+const localDrugId = ref("");
+
+async function read() {
+  if (props.by === "local_drug_id") {
+    localDrugId.value = props.id;
+    loading.value = false;
+    return;
+  }
+  loading.value = true;
+  const hit = await oipEsGet<any>("drugs", ES_INDEX.DRUG_CARDS_PRICE_JO, props.id, ["local_drug_id"]).catch(() => null);
+  localDrugId.value = String(hit?._source?.local_drug_id ?? "");
+  loading.value = false;
+}
+
+watch(() => [props.id, props.by], read, { immediate: true });
+</script>

package/layer/app/components/oip-drugs/resources/Medicam.vue

@@ -0,0 +1,140 @@
+<!--
+  Vue de ressource d'une marque Medic'AM (FrMedicamBrand) : son evolution
+  mensuelle, portee de hubr/projectMedicamEvolution de fr_drugs_app.
+
+  La marque vient du `resourceId` (`DOLIPRANE_2026-06_1` : DOLIPRANE, cf.
+  medicamBrandOf) : le mois n'est qu'une ancre. On lit tout l'historique
+  mensuel de la marque, en une requete, et chaque graphe se filtre sur son
+  secteur et la mesure choisie.
+-->
+<template>
+  <div class="oip-drugs v-sales">
+    <RmPageHeader>
+      <template #title>
+        <span class="v-sales__title">{{ brand }}</span>
+        <slot name="title-link" />
+      </template>
+    </RmPageHeader>
+
+    <div class="v-sales__body">
+      <RmEmptyState
+        v-if="pageEmpty"
+        icon="MagnifyingGlassMinus"
+        :title="en ? 'No data' : 'Aucune donnée'"
+        :text="emptyText"
+      />
+      <!-- Les graphes restent montes : ils disent eux-memes s'ils sont vides. -->
+      <div v-show="!pageEmpty" class="hubr_me">
+        <RmSegmented
+          v-model="measure"
+          size="sm"
+          :options="options"
+          :aria-label="en ? 'Measure' : 'Mesure'"
+        />
+        <OipDrugsMedicamMarketChart
+          v-for="chart in charts"
+          :key="`${chart.sector}-${measure}`"
+          :rows="rows"
+          :loading="loading"
+          selected-level="brand"
+          :selected-label="labels"
+          :selected-measure="measure"
+          :selected-switch="true"
+          :selected-title="chart.title"
+          :selected-sector="chart.sector"
+          :lang="lang"
+          :source="source"
+          :verified="verified"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ES_INDEX } from "../../../oip-drugs/esIndices";
+import { oipEsSearch } from "../../../composables/useOipResources";
+import { usePageEmpty } from "../../../oip-drugs/composables/usePageEmpty";
+import { MEDICAM_MEASURES, measureOptions, salesBrandOf } from "../../../oip-drugs/utils/v-salesSeries";
+import { useSalesSource } from "../../../oip-drugs/composables/v-useSalesSource";
+
+const props = withDefaults(
+  defineProps<{ id: string; type?: string; lang?: "fr" | "en"; highlight?: string[] }>(),
+  { type: "FrMedicamBrand", lang: "fr", highlight: () => [] },
+);
+
+const en = computed(() => props.lang === "en");
+const brand = computed(() => salesBrandOf("FrMedicamBrand", props.id));
+const { source, verified } = useSalesSource("MEDICAM", () => props.lang);
+const pageEmpty = usePageEmpty();
+const emptyText = computed(() =>
+  en.value ? "No Medic'AM sales for this brand." : "Aucune vente Medic'AM pour cette marque.",
+);
+
+// Ex-store retail : la mesure lue, en etat local.
+const measure = ref("unit_reimbursed");
+const options = computed(() => measureOptions(MEDICAM_MEASURES, en.value));
+
+const charts = computed(() => [
+  { sector: "total", title: en.value ? "Total" : "Totale" },
+  { sector: "office", title: en.value ? "Office based" : "Ville" },
+  { sector: "hospital", title: en.value ? "Hospital (Public + Espic)" : "Hôpitaux (Publique + Espic)" },
+]);
+
+/** Une seule courbe, nommee par la marque. */
+const labels = computed(() => [{ code: brand.value, label: brand.value, code_label: brand.value }]);
+
+const rows = ref<any[]>([]);
+const loading = ref(true);
+
+async function load() {
+  loading.value = true;
+  try {
+    const response: any = await oipEsSearch("drugs", ES_INDEX.RETAIL_MONTHLY_BRAND, {
+      // Tous les mois de l'index (8 ans au plus), la granularite mensuelle.
+      size: 200,
+      query: {
+        bool: {
+          // Memes clauses que la page Medic'AM (monthlyQuery).
+          must: [
+            { match: { "code.keyword": brand.value } },
+            { match: { period_interval: 1 } },
+          ],
+        },
+      },
+    });
+    rows.value = (response?.hits?.hits ?? []).map((hit: any) => hit._source);
+  } catch {
+    rows.value = [];
+  } finally {
+    loading.value = false;
+  }
+}
+
+onMounted(load);
+watch(brand, load);
+</script>
+
+<style scoped>
+.v-sales__title {
+  display: block;
+}
+
+/* Les gouttieres de la colonne de contenu, comme les onglets d'OipResourceView. */
+.v-sales__body {
+  box-sizing: border-box;
+  margin-top: var(--space-24);
+  padding: 0 var(--space-24) var(--space-32);
+}
+
+.hubr_me {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-16);
+}
+
+/* La colonne etire ses enfants : le rail de mesures garde sa largeur. */
+.hubr_me > :first-child {
+  align-self: flex-start;
+}
+</style>