@dainamite/cpq 0.5.0 → 0.7.0

package/dist/modules/cpq/backend/cpq/quotes/[id]/_components/ArcQuoteConfigurator.js

@@ -2,20 +2,33 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Alert } from "@open-mercato/ui/primitives/alert";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { NumberInput as BaseNumberInput } from "../../../../../components/NumberInput.js";
-const REASON_CODES = [
-  { value: "upgrade", label: "Upgrade" },
-  { value: "downgrade", label: "Downgrade" },
-  { value: "config-change", label: "Configuration change" },
-  { value: "price-adjustment", label: "Price adjustment" },
-  { value: "term-extension", label: "Term extension" },
-  { value: "term-reduction", label: "Term reduction" },
-  { value: "consolidation", label: "Consolidation" },
-  { value: "customer-request", label: "Customer request" },
-  { value: "non-payment", label: "Non-payment" },
-  { value: "contract-breach", label: "Contract breach" },
-  { value: "other", label: "Other" }
-];
+function buildReasonCodes(t) {
+  return [
+    { value: "upgrade", label: t("cpq.quotes.arc.drawer.reasons.upgrade", "Upgrade") },
+    { value: "downgrade", label: t("cpq.quotes.arc.drawer.reasons.downgrade", "Downgrade") },
+    { value: "config-change", label: t("cpq.quotes.arc.drawer.reasons.configChange", "Configuration change") },
+    { value: "price-adjustment", label: t("cpq.quotes.arc.drawer.reasons.priceAdjustment", "Price adjustment") },
+    { value: "term-extension", label: t("cpq.quotes.arc.drawer.reasons.termExtension", "Term extension") },
+    { value: "term-reduction", label: t("cpq.quotes.arc.drawer.reasons.termReduction", "Term reduction") },
+    { value: "consolidation", label: t("cpq.quotes.arc.drawer.reasons.consolidation", "Consolidation") },
+    { value: "customer-request", label: t("cpq.quotes.arc.drawer.reasons.customerRequest", "Customer request") },
+    { value: "non-payment", label: t("cpq.quotes.arc.drawer.reasons.nonPayment", "Non-payment") },
+    { value: "contract-breach", label: t("cpq.quotes.arc.drawer.reasons.contractBreach", "Contract breach") },
+    { value: "other", label: t("cpq.quotes.arc.drawer.reasons.other", "Other") }
+  ];
+}
+function arcTypeLabel(t, type) {
+  switch (type) {
+    case "amend":
+      return t("cpq.quotes.type.amend", "amend");
+    case "renew":
+      return t("cpq.quotes.type.renew", "renew");
+    case "cancel":
+      return t("cpq.quotes.type.cancel", "cancel");
+  }
+}
 function ArcQuoteConfigurator(props) {
   const {
     quoteId,
@@ -28,6 +41,8 @@ function ArcQuoteConfigurator(props) {
     onClose,
     onChanged
   } = props;
+  const t = useT();
+  const reasonCodes = React.useMemo(() => buildReasonCodes(t), [t]);
   const [step, setStep] = React.useState(
     initialType === "new" ? "pick-action" : "pick-targets"
   );
@@ -38,17 +53,17 @@ function ArcQuoteConfigurator(props) {
   const [eligibleLoading, setEligibleLoading] = React.useState(false);
   const [picked, setPicked] = React.useState(() => {
     const seed = {};
-    for (const t of initialTargets) {
-      if (t.subscription) {
-        seed[t.subscriptionId] = {
-          id: t.subscriptionId,
-          code: t.subscription.code,
-          name: t.subscription.name,
+    for (const target of initialTargets) {
+      if (target.subscription) {
+        seed[target.subscriptionId] = {
+          id: target.subscriptionId,
+          code: target.subscription.code,
+          name: target.subscription.name,
           status: "active",
-          currencyCode: t.subscription.currencyCode,
-          billingCycle: t.subscription.billingCycle,
+          currencyCode: target.subscription.currencyCode,
+          billingCycle: target.subscription.billingCycle,
           currentTermEnd: null,
-          mrcAmount: t.subscription.mrcAmount
+          mrcAmount: target.subscription.mrcAmount
         };
       }
     }
@@ -111,14 +126,14 @@ function ArcQuoteConfigurator(props) {
         });
         if (!r.ok) {
           const body = await r.json().catch(() => ({}));
-          throw new Error(body.error ?? `PATCH /quotes/${quoteId} failed`);
+          throw new Error(body.error ?? t("cpq.quotes.arc.drawer.errors.patchFailed", "PATCH /quotes/{quoteId} failed", { quoteId }));
         }
       }
-      const initialTargetIds = new Set(initialTargets.map((t) => t.subscriptionId));
+      const initialTargetIds = new Set(initialTargets.map((target) => target.subscriptionId));
       const pickedIds = new Set(pickedList.map((s) => s.id));
-      for (const t of initialTargets) {
-        if (!pickedIds.has(t.subscriptionId)) {
-          await fetch(`/api/cpq/quotes/${quoteId}/target-subscriptions/${t.id}`, { method: "DELETE" });
+      for (const target of initialTargets) {
+        if (!pickedIds.has(target.subscriptionId)) {
+          await fetch(`/api/cpq/quotes/${quoteId}/target-subscriptions/${target.id}`, { method: "DELETE" });
         }
       }
       for (const s of pickedList) {
@@ -142,7 +157,7 @@ function ArcQuoteConfigurator(props) {
           });
           if (!r.ok) {
             const errBody = await r.json().catch(() => ({}));
-            throw new Error(errBody.error ?? `POST /target-subscriptions failed`);
+            throw new Error(errBody.error ?? t("cpq.quotes.arc.drawer.errors.attachFailed", "POST /target-subscriptions failed"));
           }
         }
       }
@@ -161,7 +176,7 @@ function ArcQuoteConfigurator(props) {
         });
         if (!r.ok) {
           const errBody = await r.json().catch(() => ({}));
-          throw new Error(errBody.error ?? `POST /merge-meta failed`);
+          throw new Error(errBody.error ?? t("cpq.quotes.arc.drawer.errors.mergeMetaFailed", "POST /merge-meta failed"));
         }
       }
       if (type === "cancel") {
@@ -176,7 +191,7 @@ function ArcQuoteConfigurator(props) {
         });
         if (!r.ok) {
           const errBody = await r.json().catch(() => ({}));
-          throw new Error(errBody.error ?? `POST /cancel-meta failed`);
+          throw new Error(errBody.error ?? t("cpq.quotes.arc.drawer.errors.cancelMetaFailed", "POST /cancel-meta failed"));
         }
       }
       await onChanged();
@@ -195,13 +210,14 @@ function ArcQuoteConfigurator(props) {
     singleTerm,
     mergeTerm,
     cancelMeta,
-    onChanged
+    onChanged,
+    t
   ]);
   return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex", role: "dialog", "aria-modal": "true", children: [
     /* @__PURE__ */ jsx(
       "button",
       {
-        "aria-label": "Close drawer",
+        "aria-label": t("cpq.quotes.arc.drawer.close", "Close drawer"),
         className: "absolute inset-0 bg-black/40",
         onClick: onClose
       }
@@ -209,7 +225,7 @@ function ArcQuoteConfigurator(props) {
     /* @__PURE__ */ jsxs("div", { className: "ml-auto h-full w-full max-w-2xl bg-card shadow-xl border-l overflow-y-auto relative flex flex-col", children: [
       /* @__PURE__ */ jsxs("header", { className: "border-b px-5 py-4 flex items-start justify-between", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Modify subscription" }),
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t("cpq.quotes.arc.drawer.title", "Modify subscription") }),
           /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-0.5", children: [
             customerName ?? customerId.slice(0, 12) + "\u2026",
             " \u2022 ",
@@ -227,20 +243,20 @@ function ArcQuoteConfigurator(props) {
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 px-5 py-4 space-y-4", children: [
         /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-          "Step: ",
+          t("cpq.quotes.arc.drawer.stepLabel", "Step:"),
+          " ",
           /* @__PURE__ */ jsx("span", { className: "font-mono", children: step }),
           type && /* @__PURE__ */ jsxs("span", { children: [
             " \u2022 ",
-            type
+            arcTypeLabel(t, type)
           ] }),
           pickedList.length > 0 && /* @__PURE__ */ jsxs("span", { children: [
             " \u2022 ",
-            pickedList.length,
-            " target(s)"
+            t("cpq.quotes.arc.drawer.targetCount", "{count} target(s)", { count: pickedList.length })
           ] })
         ] }),
         step === "pick-action" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Pick the kind of change you want to make:" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("cpq.quotes.arc.drawer.pickAction", "Pick the kind of change you want to make:") }),
           ["amend", "renew", "cancel"].map((opt) => /* @__PURE__ */ jsxs(
             "button",
             {
@@ -250,11 +266,11 @@ function ArcQuoteConfigurator(props) {
               },
               className: "block w-full text-left rounded-md border border-input px-4 py-3 hover:bg-muted",
               children: [
-                /* @__PURE__ */ jsx("span", { className: "font-medium capitalize", children: opt }),
+                /* @__PURE__ */ jsx("span", { className: "font-medium capitalize", children: arcTypeLabel(t, opt) }),
                 /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground mt-0.5", children: [
-                  opt === "amend" && "Add or remove items on existing subscriptions. Term untouched.",
-                  opt === "renew" && "Extend term. With 2+ targets, merges them into a new contract.",
-                  opt === "cancel" && "Terminate one or more subscriptions."
+                  opt === "amend" && t("cpq.quotes.arc.drawer.actions.amendHint", "Add or remove items on existing subscriptions. Term untouched."),
+                  opt === "renew" && t("cpq.quotes.arc.drawer.actions.renewHint", "Extend term. With 2+ targets, merges them into a new contract."),
+                  opt === "cancel" && t("cpq.quotes.arc.drawer.actions.cancelHint", "Terminate one or more subscriptions.")
                 ] })
               ]
             },
@@ -262,7 +278,7 @@ function ArcQuoteConfigurator(props) {
           ))
         ] }),
         step === "pick-targets" && type && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          eligibleLoading ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading subscriptions\u2026" }) : eligible.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "No subscriptions for this customer." }) : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: eligible.map((s) => {
+          eligibleLoading ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: t("cpq.quotes.arc.drawer.loadingSubscriptions", "Loading subscriptions\u2026") }) : eligible.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: t("cpq.quotes.arc.drawer.noSubscriptions", "No subscriptions for this customer.") }) : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: eligible.map((s) => {
             const currencyMismatch = s.currencyCode !== currencyCode;
             const isPicked = !!picked[s.id];
             return /* @__PURE__ */ jsxs(
@@ -296,48 +312,39 @@ function ArcQuoteConfigurator(props) {
                       s.status,
                       " \u2022 ",
                       s.billingCycle,
-                      " \u2022 MRC ",
+                      " \u2022 ",
+                      t("cpq.lines.mrc", "MRC"),
+                      " ",
                       s.mrcAmount.toFixed(2),
                       " ",
                       s.currencyCode,
-                      s.currentTermEnd ? ` \u2022 Term ends ${new Date(s.currentTermEnd).toLocaleDateString()}` : ""
+                      s.currentTermEnd ? " \u2022 " : "",
+                      s.currentTermEnd ? t("cpq.quotes.arc.drawer.termEnds", "Term ends {date}", { date: new Date(s.currentTermEnd).toLocaleDateString() }) : ""
                     ] }),
-                    currencyMismatch && /* @__PURE__ */ jsxs("div", { className: "text-xs text-status-warning-text mt-1", children: [
-                      "Currency mismatch (",
-                      s.currencyCode,
-                      " vs ",
-                      currencyCode,
-                      ") \u2014 cannot include"
-                    ] })
+                    currencyMismatch && /* @__PURE__ */ jsx("div", { className: "text-xs text-status-warning-text mt-1", children: t("cpq.quotes.arc.drawer.currencyMismatch", "Currency mismatch ({subscriptionCurrency} vs {quoteCurrency}) \u2014 cannot include", { subscriptionCurrency: s.currencyCode, quoteCurrency: currencyCode }) })
                   ] })
                 ]
               },
               s.id
             );
           }) }),
-          !cyclesMatch && /* @__PURE__ */ jsx(Alert, { variant: "warning", className: "text-xs", children: "Picked targets have different billing cycles \u2014 merge requires matching cycles." }),
-          isMergeRenew && /* @__PURE__ */ jsxs(Alert, { variant: "warning", className: "text-xs", children: [
-            "Merging ",
-            pickedList.length,
-            " contracts into a new one \u2014 sources will be marked Merged at activation."
-          ] })
+          !cyclesMatch && /* @__PURE__ */ jsx(Alert, { variant: "warning", className: "text-xs", children: t("cpq.quotes.arc.drawer.cyclesMismatch", "Picked targets have different billing cycles \u2014 merge requires matching cycles.") }),
+          isMergeRenew && /* @__PURE__ */ jsx(Alert, { variant: "warning", className: "text-xs", children: t("cpq.quotes.arc.drawer.mergeWarning", "Merging {count} contracts into a new one \u2014 sources will be marked Merged at activation.", { count: pickedList.length }) })
         ] }),
         step === "config-renew" && type === "renew" && !isMergeRenew && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
-            "New contract term for ",
-            pickedList[0]?.name,
-            ":"
-          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("cpq.quotes.arc.drawer.renew.singleTitle", "New contract term for {name}:", { name: pickedList[0]?.name ?? "" }) }),
           /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-            "Pre-filled with same length as the current term, starting at the current term end. Type a new value in ",
-            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Months" }),
-            " to auto-shift the end date, or edit start/end directly."
+            t("cpq.quotes.arc.drawer.renew.singleHintBefore", "Pre-filled with same length as the current term, starting at the current term end. Type a new value in"),
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("cpq.quotes.arc.drawer.fields.months", "Months") }),
+            " ",
+            t("cpq.quotes.arc.drawer.renew.singleHintAfter", "to auto-shift the end date, or edit start/end directly.")
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
             /* @__PURE__ */ jsx(
               DateInput,
               {
-                label: "Start",
+                label: t("cpq.quotes.arc.drawer.fields.start", "Start"),
                 value: singleTerm.start,
                 onChange: (v) => {
                   const months = singleTerm.months ? Number(singleTerm.months) : null;
@@ -349,7 +356,7 @@ function ArcQuoteConfigurator(props) {
             /* @__PURE__ */ jsx(
               DateInput,
               {
-                label: "End",
+                label: t("cpq.quotes.arc.drawer.fields.end", "End"),
                 value: singleTerm.end,
                 onChange: (v) => setSingleTerm({ ...singleTerm, end: v })
               }
@@ -357,7 +364,7 @@ function ArcQuoteConfigurator(props) {
             /* @__PURE__ */ jsx(
               NumberInput,
               {
-                label: "Months",
+                label: t("cpq.quotes.arc.drawer.fields.months", "Months"),
                 value: singleTerm.months,
                 onChange: (v) => {
                   const months = v ? Number(v) : null;
@@ -369,21 +376,19 @@ function ArcQuoteConfigurator(props) {
           ] })
         ] }),
         step === "config-renew" && type === "renew" && isMergeRenew && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
-            "New contract details (merge of ",
-            pickedList.length,
-            " subscriptions):"
-          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("cpq.quotes.arc.drawer.renew.mergeTitle", "New contract details (merge of {count} subscriptions):", { count: pickedList.length }) }),
           /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-            "Type a value into ",
-            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Months" }),
-            " to auto-fill both dates \u2014 start defaults to today, end is start + months."
+            t("cpq.quotes.arc.drawer.renew.mergeHintBefore", "Type a value into"),
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("cpq.quotes.arc.drawer.fields.months", "Months") }),
+            " ",
+            t("cpq.quotes.arc.drawer.renew.mergeHintAfter", "to auto-fill both dates \u2014 start defaults to today, end is start + months.")
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
             /* @__PURE__ */ jsx(
               DateInput,
               {
-                label: "Start",
+                label: t("cpq.quotes.arc.drawer.fields.start", "Start"),
                 value: mergeTerm.start,
                 onChange: (v) => {
                   const months = mergeTerm.months ? Number(mergeTerm.months) : null;
@@ -395,7 +400,7 @@ function ArcQuoteConfigurator(props) {
             /* @__PURE__ */ jsx(
               DateInput,
               {
-                label: "End",
+                label: t("cpq.quotes.arc.drawer.fields.end", "End"),
                 value: mergeTerm.end,
                 onChange: (v) => setMergeTerm({ ...mergeTerm, end: v })
               }
@@ -403,7 +408,7 @@ function ArcQuoteConfigurator(props) {
             /* @__PURE__ */ jsx(
               NumberInput,
               {
-                label: "Months",
+                label: t("cpq.quotes.arc.drawer.fields.months", "Months"),
                 value: mergeTerm.months,
                 onChange: (v) => {
                   const months = v ? Number(v) : null;
@@ -418,7 +423,7 @@ function ArcQuoteConfigurator(props) {
             /* @__PURE__ */ jsx(
               TextInput,
               {
-                label: "New contract code (optional \u2014 auto-generated if blank)",
+                label: t("cpq.quotes.arc.drawer.fields.newCode", "New contract code (optional \u2014 auto-generated if blank)"),
                 value: mergeTerm.code,
                 onChange: (v) => setMergeTerm({ ...mergeTerm, code: v })
               }
@@ -426,7 +431,7 @@ function ArcQuoteConfigurator(props) {
             /* @__PURE__ */ jsx(
               TextInput,
               {
-                label: "New contract name (optional)",
+                label: t("cpq.quotes.arc.drawer.fields.newName", "New contract name (optional)"),
                 value: mergeTerm.name,
                 onChange: (v) => setMergeTerm({ ...mergeTerm, name: v })
               }
@@ -434,9 +439,9 @@ function ArcQuoteConfigurator(props) {
           ] })
         ] }),
         step === "config-cancel" && type === "cancel" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Reason for cancellation:" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("cpq.quotes.arc.drawer.cancel.title", "Reason for cancellation:") }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs text-muted-foreground", children: "Reason code" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs text-muted-foreground", children: t("cpq.quotes.arc.drawer.cancel.reasonCode", "Reason code") }),
             /* @__PURE__ */ jsxs(
               "select",
               {
@@ -444,8 +449,8 @@ function ArcQuoteConfigurator(props) {
                 onChange: (e) => setCancelMeta({ ...cancelMeta, reasonCode: e.target.value }),
                 className: "w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm",
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: "\u2014 pick one \u2014" }),
-                  REASON_CODES.map((r) => /* @__PURE__ */ jsx("option", { value: r.value, children: r.label }, r.value))
+                  /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.quotes.arc.drawer.cancel.pickOne", "\u2014 pick one \u2014") }),
+                  reasonCodes.map((r) => /* @__PURE__ */ jsx("option", { value: r.value, children: r.label }, r.value))
                 ]
               }
             )
@@ -453,7 +458,7 @@ function ArcQuoteConfigurator(props) {
           /* @__PURE__ */ jsx(
             TextInput,
             {
-              label: "Free text (optional)",
+              label: t("cpq.quotes.arc.drawer.cancel.freeText", "Free text (optional)"),
               value: cancelMeta.reasonText,
               onChange: (v) => setCancelMeta({ ...cancelMeta, reasonText: v })
             }
@@ -462,7 +467,7 @@ function ArcQuoteConfigurator(props) {
             /* @__PURE__ */ jsx(
               TextInput,
               {
-                label: "ETF amount (optional)",
+                label: t("cpq.quotes.arc.drawer.cancel.etfAmount", "ETF amount (optional)"),
                 value: cancelMeta.etfAmount,
                 onChange: (v) => setCancelMeta({ ...cancelMeta, etfAmount: v })
               }
@@ -470,7 +475,7 @@ function ArcQuoteConfigurator(props) {
             /* @__PURE__ */ jsx(
               TextInput,
               {
-                label: "ETF currency",
+                label: t("cpq.quotes.arc.drawer.cancel.etfCurrency", "ETF currency"),
                 value: cancelMeta.etfCurrency,
                 onChange: (v) => setCancelMeta({ ...cancelMeta, etfCurrency: v })
               }
@@ -478,47 +483,34 @@ function ArcQuoteConfigurator(props) {
           ] })
         ] }),
         step === "review" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Review and submit:" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("cpq.quotes.arc.drawer.review.title", "Review and submit:") }),
           /* @__PURE__ */ jsxs("ul", { className: "text-sm space-y-1 list-disc pl-5", children: [
-            /* @__PURE__ */ jsxs("li", { children: [
-              "Action: ",
-              type
-            ] }),
-            /* @__PURE__ */ jsxs("li", { children: [
-              "Targets: ",
-              pickedList.length
-            ] }),
+            /* @__PURE__ */ jsx("li", { children: t("cpq.quotes.arc.drawer.review.action", "Action: {type}", { type: type ? arcTypeLabel(t, type) : "" }) }),
+            /* @__PURE__ */ jsx("li", { children: t("cpq.quotes.arc.drawer.review.targets", "Targets: {count}", { count: pickedList.length }) }),
             pickedList.map((s) => /* @__PURE__ */ jsxs("li", { className: "text-muted-foreground", children: [
               s.code,
               " \u2014 ",
               s.name
             ] }, s.id)),
-            type === "renew" && !isMergeRenew && /* @__PURE__ */ jsxs("li", { children: [
-              "Term: ",
-              singleTerm.start,
-              " \u2192 ",
-              singleTerm.end,
-              singleTerm.months ? ` (${singleTerm.months}m)` : ""
-            ] }),
+            type === "renew" && !isMergeRenew && /* @__PURE__ */ jsx("li", { children: singleTerm.months ? t("cpq.quotes.arc.drawer.review.termWithMonths", "Term: {start} \u2192 {end} ({months}m)", { start: singleTerm.start, end: singleTerm.end, months: singleTerm.months }) : t("cpq.quotes.arc.drawer.review.term", "Term: {start} \u2192 {end}", { start: singleTerm.start, end: singleTerm.end }) }),
             type === "renew" && isMergeRenew && /* @__PURE__ */ jsxs("li", { children: [
-              "Merge term: ",
-              mergeTerm.start,
-              " \u2192 ",
-              mergeTerm.end,
-              mergeTerm.code ? ` \u2022 code=${mergeTerm.code}` : "",
-              mergeTerm.name ? ` \u2022 name=${mergeTerm.name}` : ""
+              t("cpq.quotes.arc.drawer.review.mergeTerm", "Merge term: {start} \u2192 {end}", { start: mergeTerm.start, end: mergeTerm.end }),
+              mergeTerm.code ? " \u2022 " : "",
+              mergeTerm.code ? t("cpq.quotes.arc.drawer.review.mergeCode", "code={code}", { code: mergeTerm.code }) : "",
+              mergeTerm.name ? " \u2022 " : "",
+              mergeTerm.name ? t("cpq.quotes.arc.drawer.review.mergeName", "name={name}", { name: mergeTerm.name }) : ""
             ] }),
             type === "cancel" && /* @__PURE__ */ jsxs("li", { children: [
-              "Reason: ",
-              cancelMeta.reasonCode,
-              cancelMeta.etfAmount ? ` \u2022 ETF ${cancelMeta.etfAmount} ${cancelMeta.etfCurrency}` : ""
+              t("cpq.quotes.arc.drawer.review.reason", "Reason: {reason}", { reason: cancelMeta.reasonCode }),
+              cancelMeta.etfAmount ? " \u2022 " : "",
+              cancelMeta.etfAmount ? t("cpq.quotes.arc.drawer.review.etf", "ETF {amount} {currency}", { amount: cancelMeta.etfAmount, currency: cancelMeta.etfCurrency }) : ""
             ] })
           ] }),
-          /* @__PURE__ */ jsx(Alert, { variant: "warning", className: "text-xs", children: "Submitting locks the quote type. Lines will be edited on the host page after this completes." }),
+          /* @__PURE__ */ jsx(Alert, { variant: "warning", className: "text-xs", children: t("cpq.quotes.arc.drawer.review.lockWarning", "Submitting locks the quote type. Lines will be edited on the host page after this completes.") }),
           submitError && /* @__PURE__ */ jsx(Alert, { variant: "destructive", className: "text-xs", children: submitError })
         ] }),
-        step === "submitting" && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Submitting\u2026" }),
-        step === "done" && /* @__PURE__ */ jsx("div", { className: "text-sm text-status-success-text", children: "Done \u2014 close to return to the quote." })
+        step === "submitting" && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: t("cpq.quotes.arc.drawer.submitting", "Submitting\u2026") }),
+        step === "done" && /* @__PURE__ */ jsx("div", { className: "text-sm text-status-success-text", children: t("cpq.quotes.arc.drawer.done", "Done \u2014 close to return to the quote.") })
       ] }),
       /* @__PURE__ */ jsxs("footer", { className: "border-t px-5 pt-3 pb-20 flex items-center justify-between", children: [
         /* @__PURE__ */ jsx(
@@ -538,7 +530,7 @@ function ArcQuoteConfigurator(props) {
             },
             disabled: step === "pick-action" || step === "submitting" || step === "done" || step === "pick-targets" && initialType !== "new",
             className: "text-sm text-muted-foreground hover:text-foreground disabled:opacity-30",
-            children: "\u2190 Back"
+            children: t("cpq.quotes.arc.drawer.back", "\u2190 Back")
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
@@ -547,7 +539,7 @@ function ArcQuoteConfigurator(props) {
             {
               onClick: onClose,
               className: "rounded-md border border-input px-3 py-1.5 text-sm hover:bg-muted",
-              children: "Cancel"
+              children: t("cpq.common.cancel", "Cancel")
             }
           ),
           step === "pick-targets" && /* @__PURE__ */ jsx(
@@ -560,7 +552,7 @@ function ArcQuoteConfigurator(props) {
                 else setStep("review");
               },
               className: "rounded-md bg-primary px-3 py-1.5 text-sm text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
-              children: "Next"
+              children: t("cpq.quotes.arc.drawer.next", "Next")
             }
           ),
           (step === "config-renew" || step === "config-cancel") && /* @__PURE__ */ jsx(
@@ -569,7 +561,7 @@ function ArcQuoteConfigurator(props) {
               disabled: step === "config-renew" && !canProceedFromRenew || step === "config-cancel" && !canProceedFromCancel,
               onClick: () => setStep("review"),
               className: "rounded-md bg-primary px-3 py-1.5 text-sm text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
-              children: "Next"
+              children: t("cpq.quotes.arc.drawer.next", "Next")
             }
           ),
           step === "review" && /* @__PURE__ */ jsx(
@@ -578,7 +570,7 @@ function ArcQuoteConfigurator(props) {
               disabled: !editable,
               onClick: submit,
               className: "rounded-md bg-primary px-3 py-1.5 text-sm text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
-              children: "Submit"
+              children: t("cpq.quotes.arc.drawer.submit", "Submit")
             }
           ),
           step === "done" && /* @__PURE__ */ jsx(
@@ -586,7 +578,7 @@ function ArcQuoteConfigurator(props) {
             {
               onClick: onClose,
               className: "rounded-md bg-primary px-3 py-1.5 text-sm text-primary-foreground hover:bg-primary/90",
-              children: "Close"
+              children: t("cpq.quotes.arc.drawer.closeButton", "Close")
             }
           )
         ] })