pcm-shared-components 2.1.387 → 2.1.389

package/dist/components/Reservation/AnimalVehicleDetailsEditor/index.js

@@ -8,6 +8,7 @@ import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 import WarningAmberIcon from '@mui/icons-material/WarningAmber';
 import * as i18nextLocal from 'i18next';
+import { classifyAnimalFieldValue } from '../animalFieldDrift';
 
 // Every visible string this component owns lives under these two pre-existing i18next namespaces
 // (already shared across both PitchCamp apps via pcm-shared-components' translations.json). Keyed
@@ -84,6 +85,7 @@ export const AnimalVehicleDetailsEditor = props => {
     onRemoveItem,
     canAddMore,
     maxItems,
+    showHistoricalAnswers,
     className,
     theme,
     i18next
@@ -114,6 +116,28 @@ export const AnimalVehicleDetailsEditor = props => {
     setPendingRemoveId(null);
   };
 
+  // Historical answers have no live field config left (see the Historical answers block below),
+  // so there's no field.type to route through a type-specific "clear" -- but classifyAnimalFieldValue
+  // treats an empty string as 'unanswered' regardless of what type the value used to be (a retired
+  // boolean/array/number all read back through the exact same generic-stringify branch above), so
+  // routing every deletion through the one existing onFieldChange callback with value '' is enough
+  // to make the entry disappear next render. No new prop needed on top of the ones this component
+  // already takes. Holds an array of keys so one dialog/confirm serves both a single delete and
+  // "Clear" (all of them at once) -- the array just has one entry for a single delete.
+  const [pendingHistoricalDelete, setPendingHistoricalDelete] = useState(null);
+  const requestDeleteHistorical = (itemId, deleteKeys) => setPendingHistoricalDelete({
+    itemId,
+    keys: deleteKeys
+  });
+  const confirmDeleteHistorical = () => {
+    const {
+      itemId,
+      keys: deleteKeys
+    } = pendingHistoricalDelete;
+    deleteKeys.forEach(k => onFieldChange(itemId, k, ''));
+    setPendingHistoricalDelete(null);
+  };
+
   // A drifted field (its stored value no longer matches this field's current type/options -- see
   // isFieldDrifted) renders read-only instead of feeding a mismatched value into a live
   // type-specific control (e.g. never shove a raw string into a date picker). "Replace" reveals
@@ -279,8 +303,12 @@ export const AnimalVehicleDetailsEditor = props => {
     // replaceable. Not drifted (or already revealed): behaves exactly as before.
     const value = showAsDrifted ? rawValue : wasDrifted ? field.type === 'select_multiple' ? [] : '' : rawValue;
     const showError = field.required && !isFieldAnswered(field.type, value);
-    const labelText = field.required ? `${field.label} *` : `${field.label} (${i18next.t('common.app.optional')})`;
-    const wrapperClassName = ['select', 'textarea', 'select_multiple', 'yes_no'].includes(field.type) ? 'col-span-full' : undefined;
+    // No "(Optional)" suffix -- required fields already say so via the asterisk, so
+    // spelling out the alternative on every other field was redundant noise, and the
+    // extra length was long enough to wrap onto a second line in a narrow column,
+    // throwing that field's input out of vertical alignment with its paired neighbor.
+    const labelText = field.required ? `${field.label} *` : field.label;
+    const wrapperClassName = ['select', 'textarea', 'select_multiple'].includes(field.type) ? 'col-span-full' : undefined;
     let control;
     if (showAsDrifted) {
       // Generic stringify -- this renders whatever type the field used to be, which
@@ -424,7 +452,8 @@ export const AnimalVehicleDetailsEditor = props => {
           if (val !== null) onFieldChange(selectedItem.id, field.key, val === 'yes');
         },
         fullWidth: true,
-        size: "small"
+        size: "small",
+        color: showError ? 'error' : 'standard'
       }, /*#__PURE__*/React.createElement(ToggleButton, {
         value: "yes"
       }, i18next.t('common.app.yes')), /*#__PURE__*/React.createElement(ToggleButton, {
@@ -483,7 +512,104 @@ export const AnimalVehicleDetailsEditor = props => {
       color: "error",
       className: "block mt-4"
     }, requiredErrorText(field.type)));
-  })))), (() => {
+  })))), showHistoricalAnswers && selectedItem && (() => {
+    const liveKeys = new Set(fieldConfig.map(f => f.key));
+    const historicalEntries = Object.keys(selectedItem.values || {}).filter(k => !liveKeys.has(k)).map(k => ({
+      key: k,
+      value: selectedItem.values[k]
+    })).filter(entry => classifyAnimalFieldValue(null, entry.value) !== 'unanswered');
+    if (historicalEntries.length === 0) return null;
+    return /*#__PURE__*/React.createElement(Paper, {
+      variant: "outlined",
+      sx: {
+        mt: 1,
+        p: 1.5,
+        borderRadius: 2,
+        bgcolor: 'action.hover'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center justify-between",
+      style: {
+        marginBottom: 4
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center",
+      style: {
+        gap: 6
+      }
+    }, /*#__PURE__*/React.createElement(WarningAmberIcon, {
+      fontSize: "small",
+      color: "warning"
+    }), /*#__PURE__*/React.createElement(Typography, {
+      sx: {
+        fontWeight: 700
+      }
+    }, i18next.t('animal.historical_answers_title'))), /*#__PURE__*/React.createElement(Button, {
+      size: "small",
+      color: "error",
+      onClick: () => requestDeleteHistorical(selectedItem.id, historicalEntries.map(e => e.key)),
+      sx: {
+        textTransform: 'none',
+        minWidth: 0
+      }
+    }, i18next.t('common.app.clear'))), /*#__PURE__*/React.createElement(Typography, {
+      variant: "caption",
+      color: "text.secondary",
+      sx: {
+        display: 'block',
+        mb: 1.5
+      }
+    }, i18next.t('animal.historical_answers_hint')), /*#__PURE__*/React.createElement("div", {
+      className: "grid grid-cols-2",
+      style: {
+        columnGap: 12,
+        rowGap: 12
+      }
+    }, historicalEntries.map(({
+      key: k,
+      value: v
+    }) => {
+      const displayText = typeof v === 'boolean' ? v ? i18next.t('common.app.yes') : i18next.t('common.app.no') : Array.isArray(v) ? v.join(', ') : String(v);
+      // No live config left to carry a real label -- same title-cased-slug fallback the
+      // read-only review screens use for a retired key.
+      const label = k.replace(/_/g, ' ').replace(/\b\w/g, c => c.toUpperCase());
+      return /*#__PURE__*/React.createElement("div", {
+        key: k,
+        className: "flex items-start justify-between",
+        style: {
+          gap: 4
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "flex flex-col",
+        style: {
+          minWidth: 0
+        }
+      }, /*#__PURE__*/React.createElement(Typography, {
+        variant: "body2",
+        sx: {
+          fontWeight: 500,
+          color: 'text.secondary'
+        }
+      }, label), /*#__PURE__*/React.createElement(Typography, {
+        variant: "body2",
+        sx: {
+          color: 'text.primary',
+          wordBreak: 'break-word'
+        }
+      }, displayText)), /*#__PURE__*/React.createElement(IconButton, {
+        size: "small",
+        color: "error",
+        "aria-label": i18next.t('common.app.delete'),
+        onClick: () => requestDeleteHistorical(selectedItem.id, [k]),
+        sx: {
+          flexShrink: 0,
+          mt: -0.5
+        }
+      }, /*#__PURE__*/React.createElement(DeleteOutlineIcon, {
+        fontSize: "small"
+      })));
+    })));
+  })(), (() => {
     const incompleteCount = items.filter(item => missingRequiredFields(item).length > 0).length;
     if (incompleteCount === 0) return null;
     return /*#__PURE__*/React.createElement(Alert, {
@@ -524,7 +650,18 @@ export const AnimalVehicleDetailsEditor = props => {
     color: "error",
     variant: "contained",
     onClick: confirmRemove
-  }, i18next.t('common.app.remove'))))));
+  }, i18next.t('common.app.remove')))), /*#__PURE__*/React.createElement(Dialog, {
+    open: pendingHistoricalDelete !== null,
+    onClose: () => setPendingHistoricalDelete(null),
+    maxWidth: "xs",
+    fullWidth: true
+  }, /*#__PURE__*/React.createElement(DialogTitle, null, i18next.t('common.app.delete')), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(DialogContentText, null, i18next.t('common.app.generic_delete_message'))), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: () => setPendingHistoricalDelete(null)
+  }, i18next.t('common.app.cancel')), /*#__PURE__*/React.createElement(Button, {
+    color: "error",
+    variant: "contained",
+    onClick: confirmDeleteHistorical
+  }, i18next.t('common.app.delete'))))));
 };
 AnimalVehicleDetailsEditor.defaultProps = {
   items: [],
@@ -535,6 +672,7 @@ AnimalVehicleDetailsEditor.defaultProps = {
   isFieldDrifted: () => false,
   canAddMore: true,
   maxItems: 0,
+  showHistoricalAnswers: true,
   className: 'w-full',
   theme: undefined,
   i18next: i18nextLocal
@@ -576,6 +714,11 @@ AnimalVehicleDetailsEditor.propTypes = {
   canAddMore: PropTypes.bool,
   /** Shown in the "max reached" message once canAddMore is false. */
   maxItems: PropTypes.number,
+  /** Whether the read-only "Historical Answers" block (retired field keys still holding a value)
+   * can render at all. Defaults to true for the admin edit screen, where reviewing/clearing a
+   * since-retired answer on an EXISTING reservation is legitimate. A guest-facing booking widget
+   * creating a brand-new reservation has no history to show and should pass false. */
+  showHistoricalAnswers: PropTypes.bool,
   /** Classes applied to the component's own wrapper div. */
   className: PropTypes.string,
   /** Theme object to use on this component, if none provided then the MUI5 theme provider theme is used. */

package/dist/languages/en/translations.json

@@ -39,7 +39,9 @@
     "remove_confirm_message": "All information entered for this animal will be lost. This can't be undone.",
     "field_drifted_hint": "This answer no longer matches this question's current setup.",
     "field_drifted_replace": "Enter a new answer",
-    "field_removed": "This question no longer exists in this lot's setup."
+    "field_removed": "This question no longer exists in this lot's setup.",
+    "historical_answers_title": "Historical Answers",
+    "historical_answers_hint": "These questions are no longer part of this lot's setup and can't be edited."
   },
   "app": {
     "common": {
@@ -2467,7 +2469,14 @@
         "change_type_confirm_title": "Change field type?",
         "change_type_confirm_text": "{{count}} reservation(s) already have an answer for \"{{label}}\". Changing its type may make that answer display incorrectly. Continue?",
         "remove_option_confirm_title": "Remove option?",
-        "remove_option_confirm_text": "{{count}} reservation(s) have an answer using an option you're removing from \"{{label}}\". Their answer will no longer match this field's choices. Continue?"
+        "remove_option_confirm_text": "{{count}} reservation(s) have an answer using an option you're removing from \"{{label}}\". Their answer will no longer match this field's choices. Continue?",
+        "visibility_hint": "Also controls whether this section appears in Online Booking → Online Checkout Options.",
+        "hidden_from_guests_warning": "Guests won't see this until you turn it on.",
+        "online_booking_title": "Animal details for online booking",
+        "manage_fields": "Manage fields",
+        "fields_configured_count_one": "{{count}} field configured",
+        "fields_configured_count_other": "{{count}} fields configured",
+        "fields_configured_count_plural": "{{count}} fields configured"
       },
       "edit_lot": "Edit Lot",
       "lot_id_exist": "Lot number already exist",

package/dist/languages/es/translations.json

@@ -39,7 +39,9 @@
     "remove_confirm_message": "Toda la información ingresada para este animal se perderá. Esto no se puede deshacer.",
     "field_drifted_hint": "Esta respuesta ya no coincide con la configuración actual de esta pregunta.",
     "field_drifted_replace": "Ingrese una nueva respuesta",
-    "field_removed": "Esta pregunta ya no existe en la configuración de este lote."
+    "field_removed": "Esta pregunta ya no existe en la configuración de este lote.",
+    "historical_answers_title": "Respuestas Históricas",
+    "historical_answers_hint": "Estas preguntas ya no forman parte de la configuración de este lote y no se pueden editar."
   },
   "app": {
     "common": {
@@ -2467,7 +2469,14 @@
         "change_type_confirm_title": "¿Cambiar el tipo de campo?",
         "change_type_confirm_text": "{{count}} reserva(s) ya tienen una respuesta para \"{{label}}\". Cambiar su tipo puede hacer que esa respuesta se muestre incorrectamente. ¿Continuar?",
         "remove_option_confirm_title": "¿Eliminar la opción?",
-        "remove_option_confirm_text": "{{count}} reserva(s) tienen una respuesta usando una opción que está eliminando de \"{{label}}\". Su respuesta ya no coincidirá con las opciones de este campo. ¿Continuar?"
+        "remove_option_confirm_text": "{{count}} reserva(s) tienen una respuesta usando una opción que está eliminando de \"{{label}}\". Su respuesta ya no coincidirá con las opciones de este campo. ¿Continuar?",
+        "visibility_hint": "También controla si esta sección aparece en Reserva en línea → Opciones de pago en línea.",
+        "hidden_from_guests_warning": "Los huéspedes no verán esto hasta que lo actives.",
+        "online_booking_title": "Detalles de los animales para la reserva en línea",
+        "manage_fields": "Administrar campos",
+        "fields_configured_count_one": "{{count}} campo configurado",
+        "fields_configured_count_other": "{{count}} campos configurados",
+        "fields_configured_count_plural": "{{count}} campos configurados"
       },
       "edit_lot": "Editar lote",
       "lot_id_exist": "El número de lote ya existe",

package/dist/languages/fr/translations.json

@@ -39,7 +39,9 @@
     "remove_confirm_message": "Toutes les informations saisies pour cet animal seront perdues. Cela ne peut pas être annulé.",
     "field_drifted_hint": "Cette réponse ne correspond plus à la configuration actuelle de cette question.",
     "field_drifted_replace": "Entrez une nouvelle réponse",
-    "field_removed": "Cette question n'existe plus dans la configuration de ce terrain."
+    "field_removed": "Cette question n'existe plus dans la configuration de ce terrain.",
+    "historical_answers_title": "Réponses Historiques",
+    "historical_answers_hint": "Ces questions ne font plus partie de la configuration de ce terrain et ne peuvent pas être modifiées."
   },
   "app": {
     "common": {
@@ -2467,7 +2469,14 @@
         "change_type_confirm_title": "Changer le type de champ ?",
         "change_type_confirm_text": "{{count}} réservation(s) ont déjà une réponse pour « {{label}} ». Modifier son type peut faire afficher incorrectement cette réponse. Continuer ?",
         "remove_option_confirm_title": "Supprimer l'option ?",
-        "remove_option_confirm_text": "{{count}} réservation(s) ont une réponse utilisant une option que vous supprimez de « {{label}} ». Leur réponse ne correspondra plus aux choix de ce champ. Continuer ?"
+        "remove_option_confirm_text": "{{count}} réservation(s) ont une réponse utilisant une option que vous supprimez de « {{label}} ». Leur réponse ne correspondra plus aux choix de ce champ. Continuer ?",
+        "visibility_hint": "Contrôle également l'affichage de cette section dans Réservation en ligne → Options de paiement en ligne.",
+        "hidden_from_guests_warning": "Les clients ne verront cela que lorsque vous l'activerez.",
+        "online_booking_title": "Détails sur les animaux pour la réservation en ligne",
+        "manage_fields": "Gérer les champs",
+        "fields_configured_count_one": "{{count}} champ configuré",
+        "fields_configured_count_other": "{{count}} champs configurés",
+        "fields_configured_count_plural": "{{count}} champs configurés"
       },
       "edit_lot": "Editer le lot",
       "lot_id_exist": "Le numéro de lot existe déjà",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "2.1.387",
+  "version": "2.1.389",
   "private": false,
   "main": "dist/index.js",
   "babel": {