@tekkare/romulus 0.1.251 → 0.1.252

package/layer/app/oip-drugs/composables/v-useSalesSource.ts

@@ -0,0 +1,64 @@
+/**
+ * Source et date de verification d'une carte de ventes (RmChartCard les veut
+ * en texte), lues dans Directus par /api/oip/sources. Remplace les champs
+ * `xxxSource` / `xxxUpdateDate` des stores de fr_drugs_app, que
+ * useSourceStoreSync y recopiait depuis Directus : meme libelle
+ * « Producteur (jeu) », et le libelle ecrit a la main du store tant que
+ * Directus n'a pas repondu.
+ */
+
+/** Les jeux Directus des pages de ventes de fr_drugs_app (cf. useDrugsstatsSourceUuids). */
+export const SALES_SOURCE_UUIDS = {
+  MEDICAM: "71949060-2e0f-4493-beab-6c8200dbec21",
+  OUTPATIENT: "7184cd9a-9f31-4f4b-99de-0d284f04d974",
+  SUS: "cf928a21-47a3-4722-923a-0d8642dc900c",
+  RETROCESSION: "ba08baa4-d29b-44c3-bd8a-dff04737f525",
+} as const;
+
+/** Les libelles des stores de fr_drugs_app, en attendant Directus. */
+export const SALES_SOURCE_FALLBACKS = {
+  MEDICAM: "Assurance Maladie (Medic'AM)",
+  OUTPATIENT: "Assurance Maladie - Base PHMEV",
+  SUS: "ATIH - Scan Santé",
+  RETROCESSION: "Assurance Maladie (Retroced'AM)",
+} as const;
+
+function pickTranslation(rows: any[] | null | undefined, field: string, lang: string): string {
+  const list = rows ?? [];
+  const wanted = lang === "fr" ? "fr-FR" : "en-US";
+  const hit = list.find((t) => t?.languages_code === wanted) ?? list.find((t) => t?.languages_code === "en-US") ?? list[0];
+  const value = hit?.[field];
+  return typeof value === "string" ? value.trim() : "";
+}
+
+/** « Producteur (jeu) », comme useDirectusSources de fr_drugs_app. */
+function buildName(source: any, lang: string): string {
+  const dataset = pickTranslation(source?.translations, "source_name", lang) || String(source?.Nickname ?? "").trim();
+  const provider = pickTranslation(source?.provider?.translations, "provider_name", lang);
+  if (!provider) return dataset;
+  if (!dataset) return provider;
+  if (dataset.includes("(")) return `${provider}, ${dataset}`;
+  return `${provider} (${dataset})`;
+}
+
+export function useSalesSource(key: keyof typeof SALES_SOURCE_UUIDS, lang: () => "fr" | "en") {
+  const record = ref<any>(null);
+
+  onMounted(async () => {
+    try {
+      const response = await $fetch<{ sources: any[] }>("/api/oip/sources", {
+        method: "POST",
+        body: { uuids: [SALES_SOURCE_UUIDS[key]] },
+      });
+      record.value = response?.sources?.[0] ?? null;
+    } catch {
+      record.value = null;
+    }
+  });
+
+  return {
+    source: computed(() => (record.value ? buildName(record.value, lang()) : "") || SALES_SOURCE_FALLBACKS[key]),
+    // RmChartCard met en forme une date ISO lui-meme.
+    verified: computed(() => String(record.value?.latest_download_date || "/")),
+  };
+}

package/layer/app/oip-drugs/drugs.css

@@ -0,0 +1,500 @@
+/*
+  Les classes globales de fr_drugs_app (main.css et heart/css/scoped.css),
+  portees par les fiches medicament du layer (components/oip-drugs) et
+  limitees a leur conteneur `.oip-drugs` : une app qui les monte (France
+  Augmented Science) garde ses propres styles. Specificite inchangee (:where).
+  Generee depuis fr_drugs_app ; a reduire a mesure que les fiches passent sur
+  les composants Romulus.
+*/
+:where(.oip-drugs) .full_width {
+    width: calc(100% - 32px);
+}
+:where(.oip-drugs) .full_flex {
+    flex-basis: 100%
+}
+:where(.oip-drugs) .mt-16 {
+    margin-top: 16px;
+}
+:where(.oip-drugs) .cursor-pointer {
+    cursor: pointer !important;
+}
+:where(.oip-drugs) .justify-between {
+    justify-content: space-between;
+}
+:where(.oip-drugs) .gap-24 {
+    gap: 24px !important;
+}
+:where(.oip-drugs) .stretch, :where(.oip-drugs) .full {
+    align-self: stretch;
+}
+:where(.oip-drugs) .mt-24 {
+    margin-top: 24px;
+}
+:where(.oip-drugs) .highlight {
+    color: var(--primary)
+}
+:where(.oip-drugs) .nowrap {
+    white-space: nowrap;
+}
+:where(.oip-drugs) .mb-24 {
+    margin-bottom: 24px;;
+}
+:where(.oip-drugs) .oip_table_card {
+    align-self: stretch !important;
+}
+:where(.oip-drugs) .full {
+  width: 100%;
+}
+:where(.oip-drugs) .oip_row {
+  display: flex;
+  flex-direction: row;
+}
+:where(.oip-drugs) .oip_list {
+  display: flex;
+  flex-direction: column;
+}
+:where(.oip-drugs) .oip_row.wrap, :where(.oip-drugs) .oip_list.wrap {
+  flex-wrap: wrap;
+}
+:where(.oip-drugs) .oip_row.centered, :where(.oip-drugs) .oip_list.centered {
+  justify-content: center;
+}
+:where(.oip-drugs) .oip_row.space-between, :where(.oip-drugs) .oip_list.space-between {
+  justify-content: space-between;
+}
+:where(.oip-drugs) .oip_row.v-start, :where(.oip-drugs) .oip_list.v-start {
+  align-items: flex-start;
+}
+:where(.oip-drugs) .oip_row.v-center, :where(.oip-drugs) .oip_list.v-center {
+  align-items: center;
+}
+:where(.oip-drugs) .oip_row.gap-4, :where(.oip-drugs) .oip_list.gap-4 {
+  gap: 4px;
+}
+:where(.oip-drugs) .oip_row.gap-8, :where(.oip-drugs) .oip_list.gap-8 {
+  gap: 8px;
+}
+:where(.oip-drugs) .oip_row.gap-12, :where(.oip-drugs) .oip_list.gap-12 {
+  gap: 12px;
+}
+:where(.oip-drugs) .oip_row.gap-16, :where(.oip-drugs) .oip_list.gap-16 {
+  gap: 16px;
+}
+:where(.oip-drugs) .oip_row.gap-24, :where(.oip-drugs) .oip_list.gap-24 {
+  gap: 24px;
+}
+:where(.oip-drugs) .oip_row.gap-32, :where(.oip-drugs) .oip_list.gap-32 {
+  gap: 32px;
+}
+:where(.oip-drugs) .oip_row.gap-48, :where(.oip-drugs) .oip_list.gap-48 {
+  gap: 48px;
+}
+:where(.oip-drugs) .arg_page_content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  align-self: stretch;
+  padding: 0 24px;
+}
+:where(.oip-drugs) .arg_page_content > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+:where(.oip-drugs) .oip_title {
+  color: var(--text-primary);
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 28px;
+}
+:where(.oip-drugs) .oip_subtitle {
+  color: var(--text-primary);
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 19px;
+}
+:where(.oip-drugs) .oip_body {
+  color: var(--text-primary);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 160%;
+}
+:where(.oip-drugs) .oip_label {
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 14px;
+}
+:where(.oip-drugs) .oip_filter_label {
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 14px;
+}
+:where(.oip-drugs) .oip_caption {
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 14px;
+}
+:where(.oip-drugs) .oip_underline {
+  color: var(--text-primary);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 14px;
+}
+:where(.oip-drugs) .oip_card {
+  padding: 24px;
+  border: 1px solid var(--border-default);
+  border-radius: 12px;
+  background: var(--bg-surface);
+  box-shadow: var(--shadow-sm);
+}
+:where(.oip-drugs) .oip_card.action:hover, :where(.oip-drugs) .oip_table_card.action:hover {
+  border-color: var(--color-primary);
+  box-shadow: var(--shadow-lg);
+}
+:where(.oip-drugs) .toolbar_tab_container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+}
+:where(.oip-drugs) .rm-shell .rm-page-header {
+  position: sticky;
+  top: 0;
+  left: auto;
+  width: 100%;
+}
+:where(.oip-drugs) .rm-shell .oip_container {
+  max-width: none;
+  padding-right: 0;
+}
+:where(.oip-drugs) .rm-shell {
+  --oip-content-max: 1232px;
+}
+:where(.oip-drugs) .rm-shell .main_container {
+  flex-direction: column;
+  align-items: center;
+  padding-bottom: 32px;
+}
+:where(.oip-drugs) .rm-shell .main_container > * {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: var(--oip-content-max);
+  
+  margin-inline: auto;
+}
+:where(.oip-drugs) .rm-shell .main_container > .rm-page-header {
+  max-width: none;
+  padding-inline: max(32px, (100% - var(--oip-content-max)) / 2 + 32px);
+}
+:where(.oip-drugs) .rm-shell .main_container > .mono-bleed {
+  max-width: none;
+}
+:where(.oip-drugs) .rm-shell .rm-page-header__title, :where(.oip-drugs) .rm-shell .rm-page-header__title .oip_heading, :where(.oip-drugs) .rm-shell .rm-page-header__title .oip_section_title {
+  font-family: var(--font-serif) !important;
+  font-size: 32px;
+  font-weight: 700;
+  line-height: 1.1;
+  letter-spacing: -0.02em;
+}
+:where(.oip-drugs) .rm-shell .main_container {
+  gap: 0;
+}
+:where(.oip-drugs) .rm-shell .main_container > * + * {
+  margin-top: 32px;
+}
+:where(.oip-drugs) .rm-shell #rm_filter_bar {
+  box-sizing: border-box;
+  max-width: none;
+}
+:where(.oip-drugs) .rm-shell #rm_filter_bar .rm-fbar__row, :where(.oip-drugs) .rm-shell #rm_filter_bar .rm-fbar__rail-row {
+  min-width: min(100%, var(--oip-content-max) - 64px);
+  max-width: min(100%, var(--oip-content-max) - 64px);
+}
+:where(.oip-drugs) .rm-shell .main_container > #rm_filter_bar, :where(.oip-drugs) .rm-shell .main_container > *:has(> #rm_filter_bar) {
+  margin-top: 0;
+}
+:where(.oip-drugs) .rm-shell #rm_filter_bar + * {
+  margin-top: 8px;
+}
+:where(.oip-drugs) body.is-monograph-fullbleed .rm-shell .main_container > * + * {
+  margin-top: 0;
+}
+:where(.oip-drugs) .rm-shell .bg_card .rcd-pagination, :where(.oip-drugs) .rm-shell .oip_table_card .rcd-pagination, :where(.oip-drugs) .rm-shell .rcard .rcd-pagination {
+  padding: 4px 9px;
+  font-size: 12px;
+}
+:where(.oip-drugs) .rm-shell .bg_card .rcd-pagination-navigate svg, :where(.oip-drugs) .rm-shell .oip_table_card .rcd-pagination-navigate svg, :where(.oip-drugs) .rm-shell .rcard .rcd-pagination-navigate svg {
+  width: 16px;
+  height: 16px;
+}
+:where(.oip-drugs) .rm-shell .rcard {
+  cursor: pointer;
+  transition: border-color 0.15s linear, box-shadow 0.15s linear;
+  
+  width: 100%;
+}
+:where(.oip-drugs) .rm-shell .rcard:hover {
+  border-color: color-mix(in srgb, var(--primary) 35%, var(--light));
+  box-shadow: var(--medium-shadow);
+}
+:where(.oip-drugs) .rm-shell .rcard .card_content {
+  flex-wrap: wrap;
+}
+:where(.oip-drugs) .rm-shell .rcard_footer {
+  box-sizing: border-box;
+  flex: 0 0 100%;
+  width: auto;
+  margin: 16px -24px -24px;
+  padding: 12px 24px;
+  border-top: 1px solid var(--light);
+  border-radius: 0 0 var(--radius-xl, 12px) var(--radius-xl, 12px);
+  background: var(--demi-fond);
+  color: var(--medium);
+  font-size: 13px;
+}
+:where(.oip-drugs) body.chatwoot-hidden .woot--bubble-holder, :where(.oip-drugs) body.chatwoot-hidden .woot-widget-bubble, :where(.oip-drugs) body.chatwoot-hidden .woot-widget-holder {
+  display: none !important;
+}
+:where(.oip-drugs) .rm-shell .search_suggestions {
+  background: var(--white);
+  
+  border: none !important;
+  border-radius: 12px;
+  padding: 6px;
+  max-height: 320px;
+}
+:where(.oip-drugs) .rm-shell .sugg_container p:not(.loading, :where(.oip-drugs) .not-found) {
+  align-items: center;
+  gap: 12px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  font-size: 14px;
+}
+:where(.oip-drugs) .rm-shell .sugg_container p > svg {
+  box-sizing: content-box;
+  flex: 0 0 auto;
+  width: 16px;
+  height: 16px;
+  padding: 8px;
+  border-radius: 8px;
+  background: var(--lightest);
+  color: var(--primary) !important;
+}
+:where(.oip-drugs) .sugg_container p > span:has(.sugg_type) {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
+  flex: 1;
+  min-width: 0;
+}
+:where(.oip-drugs) .rm-shell .sugg_container p:first-child > svg {
+  padding: 0;
+  background: none;
+  color: var(--medium) !important;
+}
+:where(.oip-drugs) .rm-shell .sugg_container p:first-child {
+  gap: 8px;
+  color: var(--medium);
+}
+:where(.oip-drugs) .rm-shell .sugg_container p.selected, :where(.oip-drugs) .rm-shell .sugg_container p:not(.not-found, :where(.oip-drugs) .loading, :where(.oip-drugs) .no_hover):hover {
+  background: color-mix(in srgb, var(--primary) 6%, transparent);
+}
+:where(.oip-drugs) .rm-shell .sugg_container p:last-of-type {
+  border-radius: 8px;
+}
+:where(.oip-drugs) h1, :where(.oip-drugs) h2, :where(.oip-drugs) h3, :where(.oip-drugs) h4, :where(.oip-drugs) h5, :where(.oip-drugs) h6, :where(.oip-drugs) p {
+  margin: 0;
+}
+:where(.oip-drugs) mark {
+  background: #ffaeff;
+  color: #1e293b;
+}
+:where(.oip-drugs) {
+  
+  --primary: var(--color-primary);
+  --primary-hover: var(--color-primary-hover);
+  --accent: var(--color-primary);
+
+  
+  --white: var(--bg-surface);
+  --base-white: var(--bg-surface);
+  --bg: var(--bg-app);
+  --demi-fond: var(--bg-surface-2);
+  --lightest: var(--bg-surface-3);
+  --very-light-grey: var(--bg-surface-3);
+
+  
+  --light: var(--border-default);
+  --light-grey: var(--border-soft);
+  --Main-Light: var(--border-default);
+
+  
+  --medium: var(--text-muted);
+  --dark: var(--text-secondary);
+  --darkest: var(--text-primary);
+  --Main-Dark: var(--text-secondary);
+  --Main-Darkest: var(--text-primary);
+  --independence: #3e3f5e;
+
+  
+  --system-alert: var(--color-danger);
+  --system-alert-hover: #d21616;
+  --system-success: var(--color-success);
+  --system-success-hover: #138e40;
+  --pink: #f55a8d;
+
+  
+  --small-shadow: 0 1px 2px 0 rgba(30, 41, 59, 0.1);
+  --medium-shadow: 0 2px 4px 0 rgba(30, 41, 59, 0.1);
+  --overlay-shadow: 0 0 40px rgba(94, 92, 154, 0.12);
+}
+:where(body.night) :where(.oip-drugs) {
+  
+  --primary: var(--color-primary);
+  --primary-hover: var(--color-accent-soft);
+  --accent: var(--color-primary);
+
+  
+  --white: var(--bg-surface);
+  --base-white: var(--bg-surface);
+  --demi-fond: var(--bg-surface-2);
+  --lightest: var(--bg-surface-3);
+  --very-light-grey: var(--bg-surface-3);
+  --bg: var(--bg-app);
+
+  
+  --light: var(--border-default);
+  --light-grey: var(--border-soft);
+  --Main-Light: var(--border-default);
+
+  
+  --medium: var(--text-muted);
+  --dark: var(--text-secondary);
+  --darkest: var(--text-primary);
+  --Main-Dark: var(--text-secondary);
+  --Main-Darkest: var(--text-primary);
+}
+:where(body.night) :where(.oip-drugs) [class*="-fill_button"], :where(body.night) :where(.oip-drugs) [class*="-fill_icon_button"], :where(body.night) :where(.oip-drugs) .b-refus, :where(body.night) :where(.oip-drugs) .cis-chip.active, :where(body.night) :where(.oip-drugs) .pv_tip, :where(body.night) :where(.oip-drugs) .hh_link::after, :where(body.night) :where(.oip-drugs) .rl_link::after {
+  color: #FFFFFF;
+}
+:where(body.night) :where(.oip-drugs) .search_suggestions, :where(body.night) :where(.oip-drugs) .tooltip {
+  background: var(--bg-surface);
+}
+:where(body.night) :where(.oip-drugs) :where(input, :where(.oip-drugs) textarea, :where(.oip-drugs) select) {
+  background-color: var(--bg-surface);
+  color: var(--text-primary);
+}
+:where(.oip-drugs) .unavailable {
+  color: var(--medium);
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 16px;
+}
+:where(.oip-drugs) .unavailable.white {
+  color: var(--white) !important;
+}
+:where(.oip-drugs) .has_fav_access {
+  color: var(--system-success);
+    font-weight: 600;
+}
+:where(.oip-drugs) .has_defav_access {
+  color: var(--system-alert);
+    font-weight: 600;
+}
+:where(.oip-drugs) .width_100 {
+  width: 100%;
+}
+:where(.oip-drugs) .white {
+  color: var(--white) !important;
+}
+:where(.oip-drugs) .italic {
+  font-style: italic;
+}
+:where(.oip-drugs) .grey {
+  color: var(--medium) !important;
+}
+:where(.oip-drugs) .italic {
+  font-style: italic !important;
+}
+:where(.oip-drugs) .right {
+  justify-content: flex-end !important;
+}
+:where(.oip-drugs) .mb-8 {
+  margin-bottom: 8px;
+}
+:where(.oip-drugs) .atc_code {
+  color: var(--dark);
+  font-weight: 600;
+}
+:where(.oip-drugs) .link {
+  font-weight: 500 !important;
+  line-height: normal;
+  text-decoration-line: underline;
+  cursor: pointer;
+  color: var(--primary) !important;
+}
+:where(.oip-drugs) .link:hover {
+  color: var(--primary-hover) !important;
+}
+:where(.oip-drugs) .card_header {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+}
+:where(.oip-drugs) .has_product_title {
+  font-size: 20px;
+  font-weight: 900;
+  color: var(--darkest);
+}
+:where(.oip-drugs) .card_tag {
+  border-radius: 7px;
+  border: 1px solid var(--Main-Light, #dbdef0);
+  display: flex;
+  padding: 4px 8px;
+  align-items: center;
+  gap: 8px;
+  width: fit-content;
+}
+:where(.oip-drugs) .card_display {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  align-self: stretch;
+  width: 100%;
+}
+:where(.oip-drugs) .primary {
+  color: var(--primary) !important;
+}
+:where(.oip-drugs) .link.primary:hover {
+  color: var(--primary-hover) !important;
+}
+:where(.oip-drugs) .medium {
+  color: var(--Main-Dark, #525670);
+  font-size: 12px;
+  font-weight: 400;
+}
+:where(.oip-drugs) .sep {
+  background: var(--medium);
+  width: 1px;
+  align-self: stretch;
+}
+:where(.oip-drugs) .card_head_text {
+  color: var(--dark);
+  font-size: 12px;
+}
+:where(.oip-drugs) .card_top {
+  display: flex;
+  flex-direction: column;
+  gap: 0px;
+}
+:where(.oip-drugs) .hide {
+  visibility: hidden;
+  max-height: 0px;
+  max-width: 0px;
+  overflow: hidden;
+}