@mindbill/react 0.33.0 → 0.34.0

package/dist/index.d.ts

@@ -618,7 +618,7 @@ declare function BillSubmissionForm({ initialBill, attachments, onSubmit, onSubm
 declare function extractSendRouteEmail(raw: string | null | undefined): string | null;
 /** "(213) 555-0199" for 10/11-digit US numbers; anything else trimmed as-is. */
 declare function formatSendRouteFax(raw: string | null | undefined): string;
-type SendRouteSubmission = Pick<SubmitBillInput, "route" | "destination" | "attention" | "subject">;
+type SendRouteSubmission = Pick<SubmitBillInput, "route" | "destination" | "attention" | "subject" | "note" | "cc">;
 type SendRouteDialogProps = {
     /** Dialog heading, e.g. "Send bill". */
     title?: ReactNode;

package/dist/index.js

@@ -1315,6 +1315,17 @@ function formatSendRouteFax(raw) {
   if (ten.length === 10) return `(${ten.slice(0, 3)}) ${ten.slice(3, 6)}-${ten.slice(6)}`;
   return raw.trim();
 }
+function formatSendRouteFaxInput(raw) {
+  const trimmed = raw.trimStart();
+  if (trimmed.startsWith("+")) return raw;
+  const all = trimmed.replace(/\D/g, "");
+  const digits = all.length === 11 && all.startsWith("1") ? all.slice(1) : all;
+  if (digits.length > 10 || all.length === 11 && !all.startsWith("1") || all.length > 11) return raw;
+  if (digits.length === 0) return "";
+  if (digits.length <= 3) return `(${digits}`;
+  if (digits.length <= 6) return `(${digits.slice(0, 3)}) ${digits.slice(3)}`;
+  return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
+}
 var css = `
 .mbrd-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(15,30,40,.45)}
 .mbrd{display:grid;gap:16px;width:min(560px,100%);max-height:min(86vh,860px);overflow:auto;overscroll-behavior:contain;padding:24px;border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:var(--mb-surface);color:var(--mb-text);font-family:var(--mb-font);font-size:15px;box-shadow:0 24px 60px rgba(17,38,49,.28)}
@@ -1451,6 +1462,8 @@ function SendRouteDialog({
   const [faxMode, setFaxMode] = useState3(onFileFax ? "onfile" : "alt");
   const [emailTo, setEmailTo] = useState3("");
   const [subject, setSubject] = useState3("");
+  const [message, setMessage] = useState3("");
+  const [ccInput, setCcInput] = useState3("");
   const [faxTo, setFaxTo] = useState3("");
   const [attention, setAttention] = useState3("");
   const [mailTo, setMailTo] = useState3(onFileMail);
@@ -1471,15 +1484,19 @@ function SendRouteDialog({
   const effectiveFax = faxMode === "onfile" && onFileFax ? onFileFax : faxTo;
   const faxDigits = effectiveFax.replace(/\D/g, "");
   const emailValid = EMAIL_RE.test(effectiveEmail);
+  const ccList = ccInput.split(/[,;]/).map((entry) => entry.trim()).filter(Boolean);
+  const ccValid = ccList.every((entry) => EMAIL_RE.test(entry));
   const faxValid = faxDigits.length >= 10;
   const mailValid = mailTo.trim().length > 2;
-  const confirmDisabled = submitting || disabled || route === "email" && !emailValid || route === "fax" && !faxValid || route === "mail" && !mailValid;
+  const confirmDisabled = submitting || disabled || route === "email" && (!emailValid || !ccValid) || route === "fax" && !faxValid || route === "mail" && !mailValid;
   const submission = useMemo2(() => {
     if (route === "email") {
       return {
         route,
         destination: { email: effectiveEmail },
-        ...subject.trim() ? { subject: subject.trim() } : {}
+        ...subject.trim() ? { subject: subject.trim() } : {},
+        ...message.trim() ? { note: message.trim() } : {},
+        ...ccList.length ? { cc: ccList } : {}
       };
     }
     if (route === "fax") {
@@ -1493,7 +1510,7 @@ function SendRouteDialog({
       return { route, destination: { mailingAddress: mailTo.trim() } };
     }
     return { route };
-  }, [route, effectiveEmail, subject, effectiveFax, attention, mailTo]);
+  }, [route, effectiveEmail, subject, message, ccInput, effectiveFax, attention, mailTo]);
   return /* @__PURE__ */ jsxs3("div", { className: "mbrd-overlay", role: "presentation", onMouseDown: (event) => {
     if (event.target === event.currentTarget && !submitting) onCancel();
   }, children: [
@@ -1506,8 +1523,8 @@ function SendRouteDialog({
         ] }),
         /* @__PURE__ */ jsx3("button", { className: "mbrd-close", type: "button", "aria-label": "Close", disabled: submitting, onClick: onCancel, children: "\xD7" })
       ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "mbrd-cards", role: "radiogroup", "aria-label": "Delivery method", children: [
-        ebillOption ? /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx3("div", { className: "mbrd-cards", role: "radiogroup", "aria-label": "Delivery method", children: (() => {
+        const ebillCard = ebillOption ? /* @__PURE__ */ jsx3(
           RouteCard,
           {
             selected: route === "ebill",
@@ -1521,9 +1538,10 @@ function SendRouteDialog({
               recommendedRoute === "ebill" ? /* @__PURE__ */ jsx3("span", { className: "mbrd-badge", "data-tone": "auto", children: "Auto" }) : null
             ] }),
             onSelect: () => setRoute("ebill")
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs3(
+          },
+          "ebill"
+        ) : null;
+        const emailCard = /* @__PURE__ */ jsxs3(
           RouteCard,
           {
             selected: route === "email",
@@ -1560,14 +1578,24 @@ function SendRouteDialog({
                   }
                 )
               ] }),
+              /* @__PURE__ */ jsxs3("label", { className: "mbrd-field", children: [
+                /* @__PURE__ */ jsx3("span", { className: "mbrd-label", children: "Cc \u2014 optional" }),
+                /* @__PURE__ */ jsx3("input", { className: "mbrd-input", value: ccInput, placeholder: "adjuster@payer.com, supervisor@payer.com", onChange: (event) => setCcInput(event.target.value) }),
+                !ccValid ? /* @__PURE__ */ jsx3("span", { className: "mbrd-error", children: "Each Cc entry must be a valid email address (separate with commas)." }) : null
+              ] }),
               /* @__PURE__ */ jsxs3("label", { className: "mbrd-field", children: [
                 /* @__PURE__ */ jsx3("span", { className: "mbrd-label", children: "Email subject \u2014 optional" }),
                 /* @__PURE__ */ jsx3("input", { className: "mbrd-input", value: subject, maxLength: 255, onChange: (event) => setSubject(event.target.value) })
+              ] }),
+              /* @__PURE__ */ jsxs3("label", { className: "mbrd-field", children: [
+                /* @__PURE__ */ jsx3("span", { className: "mbrd-label", children: "Message \u2014 optional" }),
+                /* @__PURE__ */ jsx3("textarea", { className: "mbrd-textarea", value: message, maxLength: 5e3, placeholder: "Added at the top of the email body, above the bill summary.", onChange: (event) => setMessage(event.target.value) })
               ] })
             ]
-          }
-        ),
-        /* @__PURE__ */ jsxs3(
+          },
+          "email"
+        );
+        const faxCard = /* @__PURE__ */ jsxs3(
           RouteCard,
           {
             selected: route === "fax",
@@ -1598,7 +1626,7 @@ function SendRouteDialog({
                         "Alternative fax number ",
                         /* @__PURE__ */ jsx3("span", { className: "mbrd-star", children: "*" })
                       ] }),
-                      /* @__PURE__ */ jsx3("input", { className: "mbrd-input", inputMode: "tel", value: faxTo, placeholder: "(000) 000-0000", onChange: (event) => setFaxTo(event.target.value) }),
+                      /* @__PURE__ */ jsx3("input", { className: "mbrd-input", inputMode: "tel", value: faxTo, placeholder: "(000) 000-0000", onChange: (event) => setFaxTo(formatSendRouteFaxInput(event.target.value)) }),
                       faxTo.trim() && faxTo.replace(/\D/g, "").length < 10 ? /* @__PURE__ */ jsx3("span", { className: "mbrd-error", children: "Enter a valid fax number (10 digits)." }) : null
                     ] })
                   }
@@ -1610,9 +1638,10 @@ function SendRouteDialog({
                 /* @__PURE__ */ jsx3("span", { className: "mbrd-help", children: "Printed as ATTENTION on the fax cover sheet." })
               ] })
             ]
-          }
-        ),
-        /* @__PURE__ */ jsx3(
+          },
+          "fax"
+        );
+        const mailCard = /* @__PURE__ */ jsx3(
           RouteCard,
           {
             selected: route === "mail",
@@ -1629,9 +1658,18 @@ function SendRouteDialog({
               !mailValid ? /* @__PURE__ */ jsx3("span", { className: "mbrd-error", children: "Enter a mailing address." }) : null,
               /* @__PURE__ */ jsx3("span", { className: "mbrd-help", children: mailOption?.printAndMail ? mailOption.detail : "Sent as physical mail \u2014 printed and mailed to this address." })
             ] })
-          }
-        )
-      ] }),
+          },
+          "mail"
+        );
+        const cards = [];
+        if (ebillCard) cards.push(ebillCard);
+        if (onFileFax) cards.push(faxCard);
+        if (onFileEmail) cards.push(emailCard);
+        cards.push(mailCard);
+        if (!onFileFax) cards.push(faxCard);
+        if (!onFileEmail) cards.push(emailCard);
+        return cards;
+      })() }),
       error ? /* @__PURE__ */ jsx3("div", { className: "mbrd-alert", role: "alert", children: error }) : null,
       /* @__PURE__ */ jsxs3("div", { className: "mbrd-actions", children: [
         /* @__PURE__ */ jsx3("button", { className: "mbrd-cancel", type: "button", disabled: submitting, onClick: onCancel, children: "Cancel" }),