@ticketboothapp/booking 1.2.91 → 1.2.92

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticketboothapp/booking",
-  "version": "1.2.91",
+  "version": "1.2.92",
   "private": false,
   "sideEffects": [
     "**/*.css",

package/src/components/booking/useEditableSummaryLines.ts

@@ -33,19 +33,28 @@ export function useEditableSummaryLines(
 
   const editableSummaryLineAmountInputs = useMemo(() => {
     const out: Record<string, string> = {};
-    for (const [lineKey, state] of Object.entries(editableSummaryInputsByKey)) {
-      out[lineKey] = state.amountInput;
+    for (let i = 0; i < checkoutPriceSummaryLinesForCheckout.length; i += 1) {
+      const line = checkoutPriceSummaryLinesForCheckout[i];
+      const lineKey = getEditableSummaryLineKey(line, i);
+      const state = editableSummaryInputsByKey[lineKey];
+      const baselineAmount =
+        line.kind === 'ticket' ? String(roundMoney(line.itemTotal)) : String(roundMoney(line.amount));
+      out[lineKey] = state?.amountDirty ? state.amountInput : baselineAmount;
     }
     return out;
-  }, [editableSummaryInputsByKey]);
+  }, [checkoutPriceSummaryLinesForCheckout, editableSummaryInputsByKey]);
 
   const editableSummaryLineLabelInputs = useMemo(() => {
     const out: Record<string, string> = {};
-    for (const [lineKey, state] of Object.entries(editableSummaryInputsByKey)) {
-      out[lineKey] = state.labelInput;
+    for (let i = 0; i < checkoutPriceSummaryLinesForCheckout.length; i += 1) {
+      const line = checkoutPriceSummaryLinesForCheckout[i];
+      const lineKey = getEditableSummaryLineKey(line, i);
+      const state = editableSummaryInputsByKey[lineKey];
+      const baselineLabel = line.kind === 'ticket' ? line.category : line.label;
+      out[lineKey] = state?.labelDirty ? state.labelInput : baselineLabel;
     }
     return out;
-  }, [editableSummaryInputsByKey]);
+  }, [checkoutPriceSummaryLinesForCheckout, editableSummaryInputsByKey]);
 
   const editableCheckoutPriceSummaryLines = useMemo((): PriceSummaryLine[] => {
     const firstTaxLineIndex = checkoutPriceSummaryLinesForCheckout.findIndex(
@@ -56,23 +65,23 @@ export function useEditableSummaryLines(
       const lineKey = getEditableSummaryLineKey(line, index);
       const lineInputState = editableSummaryInputsByKey[lineKey];
       if (line.kind === 'ticket') {
-        const amountInput = lineInputState?.amountInput;
+        const amountInput = lineInputState?.amountDirty ? lineInputState.amountInput : undefined;
         const parsedAmount = amountInput == null || amountInput.trim() === '' ? line.itemTotal : Number(amountInput);
         return {
           ...line,
           lineKey,
           editable: isBeforeSubtotal,
-          category: lineInputState?.labelInput ?? line.category,
+          category: lineInputState?.labelDirty ? lineInputState.labelInput : line.category,
           itemTotal: Number.isFinite(parsedAmount) ? roundMoney(parsedAmount) : line.itemTotal,
         };
       }
-      const amountInput = lineInputState?.amountInput;
+      const amountInput = lineInputState?.amountDirty ? lineInputState.amountInput : undefined;
       const parsedAmount = amountInput == null || amountInput.trim() === '' ? line.amount : Number(amountInput);
       return {
         ...line,
         lineKey,
         editable: isBeforeSubtotal,
-        label: lineInputState?.labelInput ?? line.label,
+        label: lineInputState?.labelDirty ? lineInputState.labelInput : line.label,
         amount: Number.isFinite(parsedAmount) ? roundMoney(parsedAmount) : line.amount,
       };
     });