@layerfi/components 0.1.76 → 0.1.77

package/dist/index.js

@@ -640,7 +640,7 @@ var LayerContext = (0, import_react4.createContext)({
   setOnboardingStep: () => void 0,
   environment: "",
   toasts: [],
-  addToast: (toast) => void 0,
+  addToast: (_toast) => void 0,
   removeToast: () => void 0,
   onError: () => void 0,
   touch: () => void 0,
@@ -671,10 +671,10 @@ var Toast = (props) => {
     /* @__PURE__ */ import_react5.default.createElement("p", null, content)
   );
 };
-var ToastsContainer = (0, import_react5.forwardRef)((_props) => {
+function ToastsContainer() {
   const { toasts } = useLayerContext();
   return /* @__PURE__ */ import_react5.default.createElement("div", { className: "Layer__toasts-container" }, toasts.map((toast, idx) => /* @__PURE__ */ import_react5.default.createElement(Toast, __spreadValues({ key: `layer-toast-${idx}` }, toast))));
-});
+}
 
 // src/components/GlobalWidgets/GlobalWidgets.tsx
 var DrawerWidget = () => {
@@ -1328,6 +1328,7 @@ var useLinkedAccounts = () => {
     }
   });
   const unlinkAccount2 = (source, accountId) => __async(void 0, null, function* () {
+    DEBUG && console.debug("unlinking account");
     if (source === "PLAID") {
       yield Layer.unlinkAccount(apiUrl, auth == null ? void 0 : auth.access_token, {
         params: { businessId, accountId }
@@ -1341,7 +1342,7 @@ var useLinkedAccounts = () => {
     }
   });
   const confirmAccount = (source, accountId) => __async(void 0, null, function* () {
-    DEBUG && console.log("confirming account");
+    DEBUG && console.debug("confirming account");
     if (source === "PLAID") {
       yield Layer.confirmConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
         params: {
@@ -1358,7 +1359,7 @@ var useLinkedAccounts = () => {
     }
   });
   const denyAccount = (source, accountId) => __async(void 0, null, function* () {
-    DEBUG && console.log("confirming account");
+    DEBUG && console.debug("confirming account");
     if (source === "PLAID") {
       yield Layer.denyConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
         params: {
@@ -1375,7 +1376,7 @@ var useLinkedAccounts = () => {
     }
   });
   const breakConnection = (source, connectionExternalId) => __async(void 0, null, function* () {
-    DEBUG && console.log("Breaking sandbox plaid item connection");
+    DEBUG && console.debug("Breaking sandbox plaid item connection");
     if (source === "PLAID") {
       yield Layer.breakPlaidItemConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
         params: {
@@ -1392,23 +1393,23 @@ var useLinkedAccounts = () => {
     }
   });
   const refetchAccounts = () => __async(void 0, null, function* () {
-    DEBUG && console.log("refetching accounts...");
+    DEBUG && console.debug("refetching accounts...");
     yield mutate();
   });
   const syncAccounts = () => __async(void 0, null, function* () {
-    DEBUG && console.log("resyncing accounts...");
+    DEBUG && console.debug("resyncing accounts...");
     yield Layer.syncConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     });
   });
   const updateConnectionStatus2 = () => __async(void 0, null, function* () {
-    DEBUG && console.log("updating connection status...");
+    DEBUG && console.debug("updating connection status...");
     yield Layer.updateConnectionStatus(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     });
   });
   const unlinkPlaidItem2 = (plaidItemPlaidId) => __async(void 0, null, function* () {
-    DEBUG && console.log("unlinking plaid item");
+    DEBUG && console.debug("unlinking plaid item");
     yield Layer.unlinkPlaidItem(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId, plaidItemPlaidId }
     });
@@ -2269,6 +2270,7 @@ var Container = (0, import_react17.forwardRef)(
     );
   }
 );
+Container.displayName = "Container";
 
 // src/components/Container/Header.tsx
 var import_react18 = __toESM(require("react"));
@@ -2283,6 +2285,7 @@ var Header = (0, import_react18.forwardRef)(
     return /* @__PURE__ */ import_react18.default.createElement("header", { ref, className: baseClassName, style }, children);
   }
 );
+Header.displayName = "Header";
 
 // src/components/Onboarding/ConnectAccount.tsx
 var import_react42 = __toESM(require("react"));
@@ -2812,7 +2815,7 @@ var TooltipTrigger = (0, import_react22.forwardRef)(function TooltipTrigger2(_a,
   );
 });
 var TooltipContent = (0, import_react22.forwardRef)(function TooltipContent2(_a, propRef) {
-  var _b = _a, { style, className } = _b, props = __objRest(_b, ["style", "className"]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const context = useTooltipContext();
   const ref = (0, import_react23.useMergeRefs)([context.refs.setFloating, propRef]);
   if (!context.open || context.disabled)
@@ -2920,7 +2923,7 @@ var import_classnames5 = __toESM(require("classnames"));
 var IconButton = (_a) => {
   var _b = _a, {
     className,
-    children,
+    children: _children,
     icon,
     active,
     withBorder = false,
@@ -3020,7 +3023,7 @@ var RetryButton = (_a) => {
     className,
     processing,
     disabled,
-    error,
+    error: _error,
     children
   } = _b, props = __objRest(_b, [
     "className",
@@ -3285,11 +3288,9 @@ var import_classnames9 = __toESM(require("classnames"));
 var BackButton = (_a) => {
   var _b = _a, {
     className,
-    children,
     textOnly = false
   } = _b, props = __objRest(_b, [
     "className",
-    "children",
     "textOnly"
   ]);
   const baseClassName = (0, import_classnames9.default)("Layer__btn", "Layer__back-btn", className);
@@ -3340,11 +3341,9 @@ var import_classnames10 = __toESM(require("classnames"));
 var CloseButton = (_a) => {
   var _b = _a, {
     className,
-    children,
     textOnly = false
   } = _b, props = __objRest(_b, [
     "className",
-    "children",
     "textOnly"
   ]);
   const baseClassName = (0, import_classnames10.default)("Layer__btn", "Layer__back-btn", className);
@@ -3357,11 +3356,9 @@ var import_classnames11 = __toESM(require("classnames"));
 var ExpandButton = (_a) => {
   var _b = _a, {
     className,
-    children,
     collapsed
   } = _b, props = __objRest(_b, [
     "className",
-    "children",
     "collapsed"
   ]);
   const baseClassName = (0, import_classnames11.default)(
@@ -3688,9 +3685,9 @@ var TextWithTooltip = (_a) => {
     as: Component2 = "p",
     className,
     children,
-    size = "md" /* md */,
-    weight = "normal" /* normal */,
-    withTooltip = "whenTruncated" /* whenTruncated */,
+    size: _size = "md" /* md */,
+    weight: _weight = "normal" /* normal */,
+    withTooltip: _withTooltip = "whenTruncated" /* whenTruncated */,
     tooltipOptions
   } = _b, props = __objRest(_b, [
     "as",
@@ -5115,6 +5112,19 @@ var Scissors = (_a) => {
 };
 var Scissors_default = Scissors;
 
+// src/utils/styleUtils/toDataProperties.ts
+function toDataProperties(input) {
+  const unsafeProperties = Object.fromEntries(
+    Object.entries(input).map(([key, value]) => {
+      if (typeof value !== "string" && typeof value !== "number" && value !== true) {
+        return null;
+      }
+      return [`data-${key}`, value];
+    }).filter((entry) => entry !== null)
+  );
+  return unsafeProperties;
+}
+
 // src/components/CategorySelect/CategorySelect.tsx
 var import_react59 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
@@ -5433,7 +5443,7 @@ var import_classnames24 = __toESM(require("classnames"));
 var CategorySelectDrawer = ({
   onSelect,
   selected,
-  showTooltips
+  showTooltips: _showTooltips
 }) => {
   var _a, _b;
   const { setContent, close } = (0, import_react58.useContext)(DrawerContext);
@@ -6028,7 +6038,6 @@ var Eye_default = Eye;
 var import_classnames26 = __toESM(require("classnames"));
 var FileThumb = ({
   url,
-  type,
   floatingActions = false,
   uploadPending,
   deletePending,
@@ -6419,6 +6428,7 @@ var BankTransactionReceiptsWithProvider = (0, import_react70.forwardRef)((_a, re
   var _b = _a, { bankTransaction, isActive } = _b, props = __objRest(_b, ["bankTransaction", "isActive"]);
   return /* @__PURE__ */ import_react70.default.createElement(ReceiptsProvider, { bankTransaction, isActive }, /* @__PURE__ */ import_react70.default.createElement(BankTransactionReceipts, __spreadProps(__spreadValues({}, props), { ref })));
 });
+BankTransactionReceiptsWithProvider.displayName = "BankTransactionReceiptsWithProvider";
 var BankTransactionReceipts = (0, import_react70.forwardRef)(
   ({
     classNamePrefix = "Layer",
@@ -6460,6 +6470,7 @@ var BankTransactionReceipts = (0, import_react70.forwardRef)(
     ) : null);
   }
 );
+BankTransactionReceipts.displayName = "BankTransactionReceipts";
 
 // src/components/MatchForm/MatchForm.tsx
 var import_react72 = __toESM(require("react"));
@@ -6750,7 +6761,7 @@ var ToggleOption = ({
   name,
   onChange,
   value,
-  size,
+  size: _size,
   leftIcon,
   disabled,
   disabledMessage = "Disabled",
@@ -6949,8 +6960,7 @@ var ExpandedBankTransactionRow = (0, import_react77.forwardRef)(
     var _a, _b, _c, _d, _e, _f, _g;
     const {
       categorize: categorizeBankTransaction2,
-      match: matchBankTransaction2,
-      updateOneLocal: updateBankTransaction
+      match: matchBankTransaction2
     } = useBankTransactionsContext();
     const [purpose, setPurpose] = (0, import_react77.useState)(
       bankTransaction.category ? "categorize" /* categorize */ : hasMatch(bankTransaction) ? "match" /* match */ : "categorize" /* categorize */
@@ -7063,19 +7073,15 @@ var ExpandedBankTransactionRow = (0, import_react77.forwardRef)(
     };
     const save = () => __async(void 0, null, function* () {
       if (showDescriptions && memoText != void 0) {
-        const result = yield Layer.updateBankTransactionMetadata(
-          apiUrl,
-          auth.access_token,
-          {
-            params: {
-              businessId,
-              bankTransactionId: bankTransaction.id
-            },
-            body: {
-              memo: memoText
-            }
+        yield Layer.updateBankTransactionMetadata(apiUrl, auth.access_token, {
+          params: {
+            businessId,
+            bankTransactionId: bankTransaction.id
+          },
+          body: {
+            memo: memoText
           }
-        );
+        });
       }
       if (purpose === "match" /* match */) {
         if (!selectedMatchId) {
@@ -7389,6 +7395,7 @@ var ExpandedBankTransactionRow = (0, import_react77.forwardRef)(
     );
   }
 );
+ExpandedBankTransactionRow.displayName = "ExpandedBankTransactionRow";
 
 // src/components/IconBox/IconBox.tsx
 var import_react78 = __toESM(require("react"));
@@ -7441,6 +7448,7 @@ var BankTransactionRow = ({
   initialLoad,
   showDescriptions,
   showReceiptUploads,
+  showReceiptUploadColumn,
   showTooltips,
   stringOverrides
 }) => {
@@ -7527,6 +7535,10 @@ var BankTransactionRow = ({
     initialLoad ? "initial-load" : "",
     showComponent ? "show" : ""
   );
+  const showReceiptDataProperties = (0, import_react80.useMemo)(
+    () => toDataProperties({ showReceiptUploadColumn }),
+    [showReceiptUploadColumn]
+  );
   return /* @__PURE__ */ import_react80.default.createElement(import_react80.default.Fragment, null, /* @__PURE__ */ import_react80.default.createElement("tr", { className: rowClassName }, /* @__PURE__ */ import_react80.default.createElement(
     "td",
     __spreadValues({
@@ -7566,11 +7578,17 @@ var BankTransactionRow = ({
     ))
   ), /* @__PURE__ */ import_react80.default.createElement(
     "td",
-    __spreadValues({
+    __spreadValues(__spreadValues({
       className: `Layer__table-cell Layer__table-cell__amount-col Layer__bank-transactions__amount-col Layer__table-cell--amount ${className}__table-cell--amount-${isCredit(bankTransaction) ? "credit" : "debit"}`
-    }, openRow),
+    }, openRow), showReceiptDataProperties),
     /* @__PURE__ */ import_react80.default.createElement("span", { className: "Layer__table-cell-content" }, isCredit(bankTransaction) ? "+$" : " $", centsToDollars(bankTransaction.amount))
-  ), /* @__PURE__ */ import_react80.default.createElement("td", { className: "Layer__table-cell Layer__bank-transactions__documents-col" }, ((_c = bankTransaction.document_ids) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ import_react80.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react80.default.createElement(IconBox, null, /* @__PURE__ */ import_react80.default.createElement(File_default, { size: 12 })))), /* @__PURE__ */ import_react80.default.createElement(
+  ), /* @__PURE__ */ import_react80.default.createElement(
+    "td",
+    __spreadValues({
+      className: "Layer__table-cell Layer__bank-transactions__documents-col"
+    }, showReceiptDataProperties),
+    showReceiptUploads && ((_c = bankTransaction.document_ids) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ import_react80.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react80.default.createElement(IconBox, null, /* @__PURE__ */ import_react80.default.createElement(File_default, { size: 12 })))
+  ), /* @__PURE__ */ import_react80.default.createElement(
     "td",
     {
       className: (0, import_classnames37.default)(
@@ -8224,7 +8242,6 @@ var isAlreadyAssigned = (bankTransaction) => {
 var PersonalForm = ({
   bankTransaction,
   showReceiptUploads,
-  isOpen,
   showDescriptions
 }) => {
   var _a;
@@ -8444,8 +8461,7 @@ var SplitForm = ({
   const receiptsRef = (0, import_react89.useRef)(null);
   const {
     categorize: categorizeBankTransaction2,
-    isLoading,
-    error
+    isLoading
   } = useBankTransactionsContext();
   const { memoText, setMemoText, saveMemoText } = useMemoTextContext();
   const defaultCategory = bankTransaction.category || hasSuggestions(bankTransaction.categorization_flow) && ((_b = (_a = bankTransaction.categorization_flow) == null ? void 0 : _a.suggestions) == null ? void 0 : _b[0]);
@@ -8697,7 +8713,6 @@ var SplitAndMatchForm = ({
   bankTransaction,
   showTooltips,
   showReceiptUploads,
-  isOpen,
   showDescriptions
 }) => {
   const anyMatch = hasMatch(bankTransaction);
@@ -8749,7 +8764,6 @@ var BankTransactionMobileForms = ({
           {
             bankTransaction,
             showReceiptUploads,
-            isOpen,
             showDescriptions
           }
         );
@@ -8760,7 +8774,6 @@ var BankTransactionMobileForms = ({
             bankTransaction,
             showTooltips,
             showReceiptUploads,
-            isOpen,
             showDescriptions
           }
         );
@@ -9169,14 +9182,35 @@ var BankTransactionsTable = ({
   lastPage,
   onRefresh
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
+  const showReceiptColumn = (_a = showReceiptUploads && (bankTransactions == null ? void 0 : bankTransactions.some(
+    (transaction) => {
+      var _a2;
+      return ((_a2 = transaction.document_ids) == null ? void 0 : _a2.length) > 0;
+    }
+  ))) != null ? _a : false;
+  const showReceiptDataProperties = (0, import_react99.useMemo)(
+    () => toDataProperties({ showReceiptUploadColumn: showReceiptColumn }),
+    [showReceiptColumn]
+  );
   return /* @__PURE__ */ import_react99.default.createElement(
     "table",
     {
       width: "100%",
       className: "Layer__table Layer__bank-transactions__table with-cell-separators"
     },
-    /* @__PURE__ */ import_react99.default.createElement("thead", null, /* @__PURE__ */ import_react99.default.createElement("tr", null, /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__date-col" }, ((_a = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _a.dateColumnHeaderText) || "Date"), /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__tx-col" }, ((_b = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _b.transactionColumnHeaderText) || "Transaction"), /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__account-col" }, ((_c = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _c.accountColumnHeaderText) || "Account"), /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount Layer__table-cell__amount-col" }, ((_d = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _d.amountColumnHeaderText) || "Amount"), /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__documents-col" }), categorizeView && editable ? /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__table-header--primary Layer__table-cell__category-col" }, ((_e = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _e.categorizeColumnHeaderText) || "Categorize") : /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__table-cell__category-col" }, ((_f = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _f.categoryColumnHeaderText) || "Category"))),
+    /* @__PURE__ */ import_react99.default.createElement("thead", null, /* @__PURE__ */ import_react99.default.createElement("tr", null, /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__date-col" }, ((_b = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _b.dateColumnHeaderText) || "Date"), /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__tx-col" }, ((_c = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _c.transactionColumnHeaderText) || "Transaction"), /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__account-col" }, ((_d = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _d.accountColumnHeaderText) || "Account"), /* @__PURE__ */ import_react99.default.createElement(
+      "th",
+      __spreadValues({
+        className: "Layer__table-header Layer__table-cell--amount Layer__table-cell__amount-col"
+      }, showReceiptDataProperties),
+      ((_e = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _e.amountColumnHeaderText) || "Amount"
+    ), /* @__PURE__ */ import_react99.default.createElement(
+      "th",
+      __spreadValues({
+        className: "Layer__table-header Layer__bank-transactions__documents-col"
+      }, showReceiptDataProperties)
+    ), categorizeView && editable ? /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__table-header--primary Layer__table-cell__category-col" }, ((_f = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _f.categorizeColumnHeaderText) || "Categorize") : /* @__PURE__ */ import_react99.default.createElement("th", { className: "Layer__table-header Layer__table-cell__category-col" }, ((_g = stringOverrides == null ? void 0 : stringOverrides.transactionsTable) == null ? void 0 : _g.categoryColumnHeaderText) || "Category"))),
     isLoading && page && page === 1 ? /* @__PURE__ */ import_react99.default.createElement(BankTransactionsLoader, { isLoading: true, showTooltips }) : null,
     /* @__PURE__ */ import_react99.default.createElement("tbody", null, !isLoading && (bankTransactions == null ? void 0 : bankTransactions.map(
       (bankTransaction, index) => /* @__PURE__ */ import_react99.default.createElement(
@@ -9193,6 +9227,7 @@ var BankTransactionsTable = ({
           containerWidth,
           showDescriptions,
           showReceiptUploads,
+          showReceiptUploadColumn: showReceiptColumn,
           showTooltips,
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.bankTransactionCTAs
         }
@@ -9532,7 +9567,7 @@ var DatePicker = (_a) => {
     dateFormat = mode === "monthPicker" || mode === "monthRangePicker" ? "MMM, yyyy" : mode === "timePicker" ? "h:mm aa" : "MMM d, yyyy",
     timeIntervals = 15,
     timeCaption,
-    placeholderText,
+    placeholderText: _placeholderText,
     customDateRanges,
     wrapperClassName,
     calendarClassName,
@@ -10275,7 +10310,7 @@ var useQuickbooks = () => {
     setQuickbooksIsLinked(isConnected);
   });
   const syncFromQuickbooks2 = () => {
-    DEBUG2 && console.log("Triggering sync from Quickbooks...");
+    DEBUG2 && console.debug("Triggering sync from Quickbooks...");
     setIsSyncingFromQuickbooks(true);
     try {
       Layer.syncFromQuickbooks(apiUrl, auth.access_token, {
@@ -10286,7 +10321,7 @@ var useQuickbooks = () => {
     }
   };
   const fetchIsSyncingFromQuickbooks = () => __async(void 0, null, function* () {
-    DEBUG2 && console.log("Fetching status of sync from Quickbooks...");
+    DEBUG2 && console.debug("Fetching status of sync from Quickbooks...");
     const isSyncing = (yield Layer.statusOfSyncFromQuickbooks(apiUrl, auth.access_token, {
       params: { businessId }
     })()).data.is_syncing;
@@ -12837,6 +12872,7 @@ var Header2 = (0, import_react129.forwardRef)(
     );
   }
 );
+Header2.displayName = "Header";
 
 // src/components/Header/HeaderRow.tsx
 var import_react130 = __toESM(require("react"));
@@ -12938,6 +12974,7 @@ var View = (0, import_react134.forwardRef)(
     ), withSidebar ? /* @__PURE__ */ import_react134.default.createElement(Panel, { sidebarIsOpen: true, sidebar, defaultSidebarHeight: true }, /* @__PURE__ */ import_react134.default.createElement("div", { className: "Layer__view-main" }, children)) : /* @__PURE__ */ import_react134.default.createElement("div", { className: "Layer__view-main" }, children));
   }
 );
+View.displayName = "View";
 
 // src/components/ProfitAndLossReport/ProfitAndLossReport.tsx
 var ProfitAndLossReport = ({
@@ -13016,21 +13053,6 @@ var import_react141 = __toESM(require("react"));
 
 // src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList.tsx
 var import_react136 = __toESM(require("react"));
-
-// src/utils/styleUtils/toDataProperties.ts
-function toDataProperties(input) {
-  const unsafeProperties = Object.fromEntries(
-    Object.entries(input).map(([key, value]) => {
-      if (typeof value !== "string" && typeof value !== "number" && value !== true) {
-        return null;
-      }
-      return [`data-${key}`, value];
-    }).filter((entry) => entry !== null)
-  );
-  return unsafeProperties;
-}
-
-// src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList.tsx
 var LIST_ITEM_CLASS_NAME = "Layer__ProfitAndLossSummariesListItem";
 function ProfitAndLossSummariesListItem({
   children,
@@ -13828,7 +13850,7 @@ var ProfitAndLossTableComponent = ({
           /* @__PURE__ */ import_react150.default.createElement(PieChart_default, null)
         )
       ),
-      /* @__PURE__ */ import_react150.default.createElement(TableCell, { isCurrency: true, primary: true }, Number.isNaN(lineItem.value) ? 0 : lineItem.value)
+      /* @__PURE__ */ import_react150.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, Number.isNaN(lineItem.value) ? 0 : lineItem.value)
     ), expanded && lineItem.line_items ? lineItem.line_items.map(
       (child, i) => renderLineItem(
         child,