@layerfi/components 0.1.39 → 0.1.41

package/dist/esm/index.js

@@ -4164,7 +4164,8 @@ var LinkedAccountsComponent = ({
   elevated,
   showLedgerBalance = true,
   showUnlinkItem = false,
-  showBreakConnection = false
+  showBreakConnection = false,
+  stringOverrides
 }) => {
   const { isLoading, error, isValidating, refetchAccounts } = useContext8(
     LinkedAccountsContext
@@ -4175,7 +4176,7 @@ var LinkedAccountsComponent = ({
       className: "Layer__linked-accounts__title",
       size: "secondary" /* secondary */
     },
-    "Linked Accounts"
+    stringOverrides?.title || "Linked Accounts"
   )), isLoading && /* @__PURE__ */ React56.createElement("div", { className: "Layer__linked-accounts__loader-container" }, /* @__PURE__ */ React56.createElement(Loader2, null)), error && !isLoading ? /* @__PURE__ */ React56.createElement(
     DataState,
     {
@@ -4245,6 +4246,147 @@ import React85 from "react";
 // src/components/BankTransactionList/BankTransactionListItem.tsx
 import React84, { useEffect as useEffect13, useRef as useRef11, useState as useState16 } from "react";
 
+// src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
+import { useEffect as useEffect8, useMemo as useMemo4, useState as useState10 } from "react";
+import { startOfMonth, sub } from "date-fns";
+import useSWR3 from "swr";
+var buildDates = ({ currentDate }) => {
+  return {
+    startYear: startOfMonth(currentDate).getFullYear() - 1,
+    startMonth: startOfMonth(currentDate).getMonth() + 1,
+    endYear: startOfMonth(currentDate).getFullYear(),
+    endMonth: startOfMonth(currentDate).getMonth() + 1
+  };
+};
+var buildMonthsArray = (startDate, endDate) => {
+  if (startDate >= endDate) {
+    return [];
+  }
+  var dates = [];
+  for (var d = startDate; d <= endDate; d.setMonth(d.getMonth() + 1)) {
+    dates.push(new Date(d));
+  }
+  return dates;
+};
+var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
+  currentDate: /* @__PURE__ */ new Date()
+}) => {
+  const { businessId, auth, apiUrl, syncTimestamps, read, hasBeenTouched } = useLayerContext();
+  const [date, setDate] = useState10(currentDate);
+  const [loaded, setLoaded] = useState10("initial");
+  const [data, setData] = useState10([]);
+  const { startYear, startMonth, endYear, endMonth } = useMemo4(() => {
+    return buildDates({ currentDate: date });
+  }, [date, businessId, tagFilter, reportingBasis]);
+  const {
+    data: rawData,
+    isLoading,
+    isValidating,
+    error,
+    mutate
+  } = useSWR3(
+    businessId && Boolean(startYear) && Boolean(startMonth) && Boolean(endYear) && Boolean(endMonth) && auth?.access_token && `profit-and-loss-summaries-${businessId}-${startYear.toString()}-${startMonth.toString()}-${tagFilter?.key}-${tagFilter?.values?.join(
+      ","
+    )}-${reportingBasis}`,
+    Layer.getProfitAndLossSummaries(apiUrl, auth?.access_token, {
+      params: {
+        businessId,
+        startYear: startYear.toString(),
+        startMonth: startMonth.toString(),
+        endYear: endYear.toString(),
+        endMonth: endMonth.toString(),
+        tagKey: tagFilter?.key,
+        tagValues: tagFilter?.values?.join(","),
+        reportingBasis
+      }
+    })
+  );
+  useEffect8(() => {
+    const newData = data.slice();
+    const newPeriod = buildMonthsArray(sub(date, { years: 1 }), date);
+    if (newData && newPeriod) {
+      newPeriod.forEach((x) => {
+        if (!newData?.find(
+          (n) => x.getMonth() + 1 === n.month && x.getFullYear() === n.year
+        )) {
+          newData.push({
+            year: x.getFullYear(),
+            month: x.getMonth() + 1,
+            income: 0,
+            costOfGoodsSold: 0,
+            grossProfit: 0,
+            operatingExpenses: 0,
+            profitBeforeTaxes: 0,
+            taxes: 0,
+            netProfit: 0,
+            fullyCategorized: false,
+            totalExpenses: 0,
+            uncategorizedInflows: 0,
+            uncategorizedOutflows: 0,
+            uncategorized_transactions: 0,
+            isLoading: true
+          });
+        }
+      });
+    }
+    if (newData) {
+      setData(
+        newData.sort(
+          (a, b) => Number(new Date(a.year, a.month, 1)) - Number(new Date(b.year, b.month, 1))
+        )
+      );
+    }
+  }, [startYear, startMonth]);
+  useEffect8(() => {
+    const newData = rawData?.data?.months?.slice();
+    if (data && newData) {
+      data.forEach((x) => {
+        if (!newData?.find((n) => x.month === n.month && x.year === n.year)) {
+          newData.push({ ...x });
+        }
+      });
+    }
+    if (newData) {
+      setData(
+        newData.sort(
+          (a, b) => Number(new Date(a.year, a.month, 1)) - Number(new Date(b.year, b.month, 1))
+        )
+      );
+    }
+  }, [rawData]);
+  useEffect8(() => {
+    if (isLoading && loaded === "initial") {
+      setLoaded("loading");
+      return;
+    }
+    if (!isLoading && rawData) {
+      setLoaded("complete");
+    }
+  }, [data, isLoading]);
+  const pullData = (date2) => setDate(date2);
+  useEffect8(() => {
+    if (isLoading || isValidating) {
+      read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */);
+    }
+  }, [isLoading, isValidating]);
+  useEffect8(() => {
+    if (hasBeenTouched("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */)) {
+      mutate();
+    }
+  }, [syncTimestamps]);
+  const refetch = () => {
+    mutate();
+  };
+  return {
+    data,
+    isLoading,
+    loaded,
+    error,
+    pullData,
+    refetch
+  };
+};
+
 // src/icons/ChevronDownFill.tsx
 import * as React57 from "react";
 var ChevronDownFill = ({ size = 18, ...props }) => /* @__PURE__ */ React57.createElement(
@@ -4512,7 +4654,7 @@ var MinimizeTwo_default = MinimizeTwo;
 import React64, { useContext as useContext9 } from "react";
 
 // src/components/BankTransactionMobileList/BusinessCategories.tsx
-import React63, { useState as useState10 } from "react";
+import React63, { useState as useState11 } from "react";
 
 // src/components/ActionableList/ActionableList.tsx
 import React62 from "react";
@@ -4608,8 +4750,8 @@ var getAssignedValue = (bankTransaction) => {
 var BusinessCategories = ({ select }) => {
   const { categories } = useLayerContext();
   const categoryOptions = flattenCategories(categories);
-  const [optionsToShow, setOptionsToShow] = useState10(categoryOptions);
-  const [selectedGroup, setSelectedGroup] = useState10();
+  const [optionsToShow, setOptionsToShow] = useState11(categoryOptions);
+  const [selectedGroup, setSelectedGroup] = useState11();
   const onCategorySelect = (v) => {
     if (v.value.type === "GROUP" && v.value.items) {
       setOptionsToShow(v.value.items);
@@ -5370,8 +5512,8 @@ var Textarea = ({
 
 // src/components/Toggle/Toggle.tsx
 import React78, {
-  useEffect as useEffect8,
-  useState as useState11
+  useEffect as useEffect9,
+  useState as useState12
 } from "react";
 import classNames31 from "classnames";
 var Toggle = ({
@@ -5381,9 +5523,9 @@ var Toggle = ({
   onChange,
   size = "medium" /* medium */
 }) => {
-  const [currentWidth, setCurrentWidth] = useState11(0);
-  const [thumbPos, setThumbPos] = useState11({ left: 0, width: 0 });
-  const [initialized, setInitialized] = useState11(false);
+  const [currentWidth, setCurrentWidth] = useState12(0);
+  const [thumbPos, setThumbPos] = useState12({ left: 0, width: 0 });
+  const [initialized, setInitialized] = useState12(false);
   const toggleRef = useElementSize((a, b, c) => {
     if (c.width && c?.width !== currentWidth) {
       setCurrentWidth(c.width);
@@ -5418,14 +5560,14 @@ var Toggle = ({
     shift2 = shift2 + (size === "medium" /* medium */ ? 2 : 1.5);
     setThumbPos({ left: shift2, width });
   };
-  useEffect8(() => {
+  useEffect9(() => {
     const selectedIndex = getSelectedIndex();
     updateThumbPosition(selectedIndex);
     setTimeout(() => {
       setInitialized(true);
     }, 400);
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     const selectedIndex = getSelectedIndex();
     updateThumbPosition(selectedIndex);
   }, [currentWidth]);
@@ -5513,7 +5655,7 @@ var ToggleOption = ({
 };
 
 // src/components/ExpandedBankTransactionRow/APIErrorNotifications.tsx
-import React79, { useEffect as useEffect9, useState as useState12 } from "react";
+import React79, { useEffect as useEffect10, useState as useState13 } from "react";
 var ERROR_TITLE = "Approval Failed";
 var ERROR_MESSAGE = "Something went wrong, try again later";
 var NOTIFICATION_TIME = 4e3;
@@ -5523,7 +5665,7 @@ var APIErrorNotifications = ({
   bankTransaction,
   containerWidth
 }) => {
-  const [notifications, setNotifications] = useState12([]);
+  const [notifications, setNotifications] = useState13([]);
   const pushNotification = (title, message) => {
     const timestamp = (/* @__PURE__ */ new Date()).valueOf();
     if (notificationsCache.find(
@@ -5552,7 +5694,7 @@ var APIErrorNotifications = ({
     );
     setNotifications(notificationsCache.concat());
   };
-  useEffect9(() => {
+  useEffect10(() => {
     if (bankTransaction.error) {
       pushNotification(ERROR_TITLE, ERROR_MESSAGE);
     }
@@ -5577,8 +5719,8 @@ var Notification = ({
   notification,
   deleteNotification
 }) => {
-  const [visible, setVisible] = useState12(false);
-  useEffect9(() => {
+  const [visible, setVisible] = useState13(false);
+  useEffect10(() => {
     setVisible(true);
     const timer = setTimeout(() => {
       hideNotification();
@@ -5617,149 +5759,6 @@ var Notification = ({
 
 // src/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow.tsx
 import classNames32 from "classnames";
-
-// src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
-import { useEffect as useEffect10, useMemo as useMemo4, useState as useState13 } from "react";
-import { startOfMonth, sub } from "date-fns";
-import useSWR3 from "swr";
-var buildDates = ({ currentDate }) => {
-  return {
-    startYear: startOfMonth(currentDate).getFullYear() - 1,
-    startMonth: startOfMonth(currentDate).getMonth() + 1,
-    endYear: startOfMonth(currentDate).getFullYear(),
-    endMonth: startOfMonth(currentDate).getMonth() + 1
-  };
-};
-var buildMonthsArray = (startDate, endDate) => {
-  if (startDate >= endDate) {
-    return [];
-  }
-  var dates = [];
-  for (var d = startDate; d <= endDate; d.setMonth(d.getMonth() + 1)) {
-    dates.push(new Date(d));
-  }
-  return dates;
-};
-var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
-  currentDate: /* @__PURE__ */ new Date()
-}) => {
-  const { businessId, auth, apiUrl, syncTimestamps, read, hasBeenTouched } = useLayerContext();
-  const [date, setDate] = useState13(currentDate);
-  const [loaded, setLoaded] = useState13("initial");
-  const [data, setData] = useState13([]);
-  const { startYear, startMonth, endYear, endMonth } = useMemo4(() => {
-    return buildDates({ currentDate: date });
-  }, [date, businessId, tagFilter, reportingBasis]);
-  const {
-    data: rawData,
-    isLoading,
-    isValidating,
-    error,
-    mutate
-  } = useSWR3(
-    businessId && Boolean(startYear) && Boolean(startMonth) && Boolean(endYear) && Boolean(endMonth) && auth?.access_token && `profit-and-loss-summaries-${businessId}-${startYear.toString()}-${startMonth.toString()}-${tagFilter?.key}-${tagFilter?.values?.join(
-      ","
-    )}-${reportingBasis}`,
-    Layer.getProfitAndLossSummaries(apiUrl, auth?.access_token, {
-      params: {
-        businessId,
-        startYear: startYear.toString(),
-        startMonth: startMonth.toString(),
-        endYear: endYear.toString(),
-        endMonth: endMonth.toString(),
-        tagKey: tagFilter?.key,
-        tagValues: tagFilter?.values?.join(","),
-        reportingBasis
-      }
-    })
-  );
-  useEffect10(() => {
-    const newData = data.slice();
-    const newPeriod = buildMonthsArray(sub(date, { years: 1 }), date);
-    if (newData && newPeriod) {
-      newPeriod.forEach((x) => {
-        if (!newData?.find(
-          (n) => x.getMonth() + 1 === n.month && x.getFullYear() === n.year
-        )) {
-          newData.push({
-            year: x.getFullYear(),
-            month: x.getMonth() + 1,
-            income: 0,
-            costOfGoodsSold: 0,
-            grossProfit: 0,
-            operatingExpenses: 0,
-            profitBeforeTaxes: 0,
-            taxes: 0,
-            netProfit: 0,
-            fullyCategorized: false,
-            totalExpenses: 0,
-            uncategorizedInflows: 0,
-            uncategorizedOutflows: 0,
-            uncategorized_transactions: 0,
-            isLoading: true
-          });
-        }
-      });
-    }
-    if (newData) {
-      setData(
-        newData.sort(
-          (a, b) => Number(new Date(a.year, a.month, 1)) - Number(new Date(b.year, b.month, 1))
-        )
-      );
-    }
-  }, [startYear, startMonth]);
-  useEffect10(() => {
-    const newData = rawData?.data?.months?.slice();
-    if (data && newData) {
-      data.forEach((x) => {
-        if (!newData?.find((n) => x.month === n.month && x.year === n.year)) {
-          newData.push({ ...x });
-        }
-      });
-    }
-    if (newData) {
-      setData(
-        newData.sort(
-          (a, b) => Number(new Date(a.year, a.month, 1)) - Number(new Date(b.year, b.month, 1))
-        )
-      );
-    }
-  }, [rawData]);
-  useEffect10(() => {
-    if (isLoading && loaded === "initial") {
-      setLoaded("loading");
-      return;
-    }
-    if (!isLoading && rawData) {
-      setLoaded("complete");
-    }
-  }, [data, isLoading]);
-  const pullData = (date2) => setDate(date2);
-  useEffect10(() => {
-    if (isLoading || isValidating) {
-      read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */);
-    }
-  }, [isLoading, isValidating]);
-  useEffect10(() => {
-    if (hasBeenTouched("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */)) {
-      mutate();
-    }
-  }, [syncTimestamps]);
-  const refetch = () => {
-    mutate();
-  };
-  return {
-    data,
-    isLoading,
-    loaded,
-    error,
-    pullData,
-    refetch
-  };
-};
-
-// src/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow.tsx
 var isAlreadyMatched2 = (bankTransaction) => {
   if (bankTransaction?.match) {
     const foundMatch = bankTransaction.suggested_matches?.find(
@@ -6311,7 +6310,8 @@ var BankTransactionRow = ({
   initialLoad,
   showDescriptions,
   showReceiptUploads,
-  hardRefreshPnlOnCategorize
+  hardRefreshPnlOnCategorize,
+  stringOverrides
 }) => {
   const expandedRowRef = useRef10(null);
   const [showRetry, setShowRetry] = useState15(false);
@@ -6537,7 +6537,7 @@ var BankTransactionRow = ({
           active: open,
           action: categorized ? "save" /* SAVE */ : "update" /* UPDATE */
         },
-        categorized ? "Update" : "Approve"
+        categorized ? stringOverrides?.updateButtonText || "Update" : stringOverrides?.approveButtonText || "Approve"
       ) : null,
       /* @__PURE__ */ React82.createElement(
         IconButton,
@@ -6619,7 +6619,8 @@ var BankTransactionListItem = ({
   showReceiptUploads,
   hardRefreshPnlOnCategorize,
   containerWidth,
-  removeTransaction
+  removeTransaction,
+  stringOverrides
 }) => {
   const expandedRowRef = useRef11(null);
   const [showRetry, setShowRetry] = useState16(false);
@@ -6712,7 +6713,7 @@ var BankTransactionListItem = ({
       close: () => setOpen(false),
       categorized,
       asListItem: true,
-      submitBtnText: categorized ? "Update" : "Approve",
+      submitBtnText: categorized ? stringOverrides?.updateButtonText || "Update" : stringOverrides?.approveButtonText || "Approve",
       containerWidth,
       showDescriptions,
       showReceiptUploads,
@@ -6742,7 +6743,7 @@ var BankTransactionListItem = ({
       processing: bankTransaction.processing,
       action: !categorized ? "save" /* SAVE */ : "update" /* UPDATE */
     },
-    !categorized ? "Approve" : "Update"
+    !categorized ? stringOverrides?.approveButtonText || "Approve" : stringOverrides?.updateButtonText || "Update"
   ) : null, !categorized && showRetry ? /* @__PURE__ */ React84.createElement(
     RetryButton,
     {
@@ -6767,7 +6768,8 @@ var BankTransactionList = ({
   containerWidth,
   showDescriptions = false,
   showReceiptUploads = false,
-  hardRefreshPnlOnCategorize = false
+  hardRefreshPnlOnCategorize = false,
+  stringOverrides
 }) => {
   return /* @__PURE__ */ React85.createElement("ul", { className: "Layer__bank-transactions__list" }, bankTransactions?.map(
     (bankTransaction, index) => /* @__PURE__ */ React85.createElement(
@@ -6782,7 +6784,8 @@ var BankTransactionList = ({
         containerWidth,
         showDescriptions,
         showReceiptUploads,
-        hardRefreshPnlOnCategorize
+        hardRefreshPnlOnCategorize,
+        stringOverrides
       }
     )
   ));
@@ -7601,6 +7604,7 @@ var BankTransactionsTable = ({
   showDescriptions = false,
   showReceiptUploads = false,
   hardRefreshPnlOnCategorize = false,
+  stringOverrides,
   isSyncing = false,
   page,
   lastPage,
@@ -7612,7 +7616,7 @@ var BankTransactionsTable = ({
       width: "100%",
       className: "Layer__table Layer__bank-transactions__table with-cell-separators"
     },
-    /* @__PURE__ */ React98.createElement("thead", null, /* @__PURE__ */ React98.createElement("tr", null, /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__bank-transactions__date-col" }, "Date"), /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__bank-transactions__tx-col" }, "Transaction"), /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__bank-transactions__account-col" }, "Account"), /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__table-cell--amount Layer__table-cell__amount-col" }, "Amount"), categorizeView && editable ? /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__table-header--primary Layer__table-cell__category-col" }, "Categorize") : /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__table-cell__category-col" }, "Category"))),
+    /* @__PURE__ */ React98.createElement("thead", null, /* @__PURE__ */ React98.createElement("tr", null, /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__bank-transactions__date-col" }, stringOverrides?.transactionsTable?.dateColumnHeaderText || "Date"), /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__bank-transactions__tx-col" }, stringOverrides?.transactionsTable?.transactionColumnHeaderText || "Transaction"), /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__bank-transactions__account-col" }, stringOverrides?.transactionsTable?.accountColumnHeaderText || "Account"), /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__table-cell--amount Layer__table-cell__amount-col" }, stringOverrides?.transactionsTable?.amountColumnHeaderText || "Amount"), categorizeView && editable ? /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__table-header--primary Layer__table-cell__category-col" }, stringOverrides?.transactionsTable?.categorizeColumnHeaderText || "Categorize") : /* @__PURE__ */ React98.createElement("th", { className: "Layer__table-header Layer__table-cell__category-col" }, stringOverrides?.transactionsTable?.categoryColumnHeaderText || "Category"))),
     isLoading && page && page === 1 ? /* @__PURE__ */ React98.createElement(BankTransactionsLoader, { isLoading: true }) : null,
     !isLoading && isSyncing && page && page === 1 ? /* @__PURE__ */ React98.createElement(BankTransactionsLoader, { isLoading: false }) : null,
     /* @__PURE__ */ React98.createElement("tbody", null, !isLoading && bankTransactions?.map(
@@ -7629,7 +7633,8 @@ var BankTransactionsTable = ({
           containerWidth,
           showDescriptions,
           showReceiptUploads,
-          hardRefreshPnlOnCategorize
+          hardRefreshPnlOnCategorize,
+          stringOverrides: stringOverrides?.bankTransactionCTAs
         }
       )
     ), isSyncing && (lastPage || (!bankTransactions || bankTransactions.length === 0) && page === 1) ? /* @__PURE__ */ React98.createElement("tr", null, /* @__PURE__ */ React98.createElement("td", { colSpan: 3 }, /* @__PURE__ */ React98.createElement(
@@ -8414,7 +8419,9 @@ var Tabs = ({ name, options, selected, onChange }) => {
 // src/components/BankTransactions/BankTransactionsHeader.tsx
 import classNames41 from "classnames";
 import { endOfMonth as endOfMonth2, startOfMonth as startOfMonth4 } from "date-fns";
-var DownloadButton = () => {
+var DownloadButton = ({
+  downloadButtonTextOverride
+}) => {
   const { auth, businessId, apiUrl } = useLayerContext();
   const [requestFailed, setRequestFailed] = useState26(false);
   const handleClick = async () => {
@@ -8456,7 +8463,7 @@ var DownloadButton = () => {
       rightIcon: /* @__PURE__ */ React108.createElement(DownloadCloud_default, { size: 12 }),
       onClick: handleClick
     },
-    "Download"
+    downloadButtonTextOverride || "Download"
   );
 };
 var BankTransactionsHeader = ({
@@ -8471,6 +8478,7 @@ var BankTransactionsHeader = ({
   listView,
   dateRange,
   setDateRange,
+  stringOverrides,
   isSyncing
 }) => {
   const { business } = useLayerContext();
@@ -8490,7 +8498,7 @@ var BankTransactionsHeader = ({
         className: "Layer__bank-transactions__title",
         size: asWidget ? "secondary" /* secondary */ : "secondary" /* secondary */
       },
-      "Transactions"
+      stringOverrides?.header || "Transactions"
     ), isSyncing && /* @__PURE__ */ React108.createElement(
       SyncingComponent,
       {
@@ -8514,7 +8522,12 @@ var BankTransactionsHeader = ({
         minDate: getEarliestDateToBrowse(business)
       }
     ) : null),
-    /* @__PURE__ */ React108.createElement("div", { className: "Layer__header__actions-wrapper" }, !categorizedOnly && !(mobileComponent == "mobileList" && listView) && categorizeView && /* @__PURE__ */ React108.createElement("div", { className: "Layer__header__actions" }, /* @__PURE__ */ React108.createElement(DownloadButton, null), /* @__PURE__ */ React108.createElement(
+    /* @__PURE__ */ React108.createElement("div", { className: "Layer__header__actions-wrapper" }, !categorizedOnly && !(mobileComponent == "mobileList" && listView) && categorizeView && /* @__PURE__ */ React108.createElement("div", { className: "Layer__header__actions" }, /* @__PURE__ */ React108.createElement(
+      DownloadButton,
+      {
+        downloadButtonTextOverride: stringOverrides?.downloadButton
+      }
+    ), /* @__PURE__ */ React108.createElement(
       Toggle,
       {
         name: "bank-transaction-display",
@@ -8632,7 +8645,8 @@ var BankTransactionsContent = ({
   monthlyView = false,
   mobileComponent,
   filters: inputFilters,
-  hideHeader = false
+  hideHeader = false,
+  stringOverrides
 }) => {
   const [currentPage, setCurrentPage] = useState27(1);
   const [initialLoad, setInitialLoad] = useState27(true);
@@ -8789,6 +8803,7 @@ var BankTransactionsContent = ({
         listView,
         dateRange,
         setDateRange: (v) => setDateRange(v),
+        stringOverrides: stringOverrides?.bankTransactionsHeader,
         isDataLoading: isLoading,
         isSyncing
       }
@@ -8808,6 +8823,7 @@ var BankTransactionsContent = ({
         showReceiptUploads,
         page: currentPage,
         hardRefreshPnlOnCategorize,
+        stringOverrides,
         lastPage: isLastPage,
         onRefresh: refetch
       }
@@ -8819,7 +8835,8 @@ var BankTransactionsContent = ({
         editable,
         removeTransaction,
         containerWidth,
-        hardRefreshPnlOnCategorize
+        hardRefreshPnlOnCategorize,
+        stringOverrides: stringOverrides?.bankTransactionCTAs
       }
     ) : null,
     !isLoading && listView && mobileComponent === "mobileList" ? /* @__PURE__ */ React111.createElement(
@@ -10051,16 +10068,6 @@ var convertCurrencyToNumber = (amount) => {
   return parseFloat(inputValue);
 };
 
-// src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
-import {
-  PieChart,
-  Pie,
-  Cell as Cell2,
-  ResponsiveContainer as ResponsiveContainer2,
-  Label,
-  Text as ChartText
-} from "recharts";
-
 // src/components/ProfitAndLossDetailedCharts/DetailedTable.tsx
 import React118 from "react";
 
@@ -10079,7 +10086,7 @@ var DEFAULT_CHART_COLOR_TYPE = [
   "#6A52CC",
   "#71CC56"
 ];
-var DEFAULT_CHART_COLORS = [
+var DEFAULT_MINICHART_COLORS = [
   {
     color: "#7417B3",
     opacity: 1
@@ -10221,14 +10228,14 @@ var SortArrows_default = SortArrows;
 
 // src/components/ProfitAndLossDetailedCharts/DetailedTable.tsx
 import classNames43 from "classnames";
-var mapColorsToTypes = (data) => {
+var mapTypesToColors = (data, colorList = DEFAULT_CHART_COLOR_TYPE) => {
   const typeToColor = {};
   const typeToLastOpacity = {};
   let colorIndex = 0;
   return data.map((obj) => {
     const type = obj.type;
     if (!typeToColor[type]) {
-      typeToColor[type] = DEFAULT_CHART_COLOR_TYPE[colorIndex % DEFAULT_CHART_COLOR_TYPE.length];
+      typeToColor[type] = colorList[colorIndex % colorList.length];
       colorIndex++;
       typeToLastOpacity[type] = 1;
     } else {
@@ -10247,7 +10254,9 @@ var DetailedTable = ({
   filters,
   sortBy,
   hoveredItem,
-  setHoveredItem
+  setHoveredItem,
+  chartColorsList,
+  stringOverrides
 }) => {
   const buildColClass = (column) => {
     return classNames43(
@@ -10255,15 +10264,16 @@ var DetailedTable = ({
       sidebarScope && filters[sidebarScope]?.sortBy === column ? `sort--${(sidebarScope && filters[sidebarScope]?.sortDirection) ?? "desc"}` : ""
     );
   };
-  const typeColorMapping = mapColorsToTypes(filteredData);
-  let colorIndex = 0;
+  const typeColorMapping = mapTypesToColors(filteredData, chartColorsList);
+  const colorIndex = 0;
   return /* @__PURE__ */ React118.createElement("div", { className: "details-container" }, /* @__PURE__ */ React118.createElement("div", { className: "table" }, /* @__PURE__ */ React118.createElement("table", null, /* @__PURE__ */ React118.createElement("thead", null, /* @__PURE__ */ React118.createElement("tr", null, /* @__PURE__ */ React118.createElement(
     "th",
     {
       className: buildColClass("category"),
       onClick: () => sortBy(sidebarScope ?? "expenses", "category")
     },
-    "Category ",
+    stringOverrides?.categoryColumnHeader || "Category",
+    " ",
     /* @__PURE__ */ React118.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
   ), /* @__PURE__ */ React118.createElement(
     "th",
@@ -10271,7 +10281,8 @@ var DetailedTable = ({
       className: buildColClass("type"),
       onClick: () => sortBy(sidebarScope ?? "expenses", "type")
     },
-    "Type ",
+    stringOverrides?.typeColumnHeader || "Type",
+    " ",
     /* @__PURE__ */ React118.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
   ), /* @__PURE__ */ React118.createElement("th", null), /* @__PURE__ */ React118.createElement(
     "th",
@@ -10279,7 +10290,8 @@ var DetailedTable = ({
       className: buildColClass("value"),
       onClick: () => sortBy(sidebarScope ?? "expenses", "value")
     },
-    "Value ",
+    stringOverrides?.valueColumnHeader || "Value",
+    " ",
     /* @__PURE__ */ React118.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
   ))), /* @__PURE__ */ React118.createElement("tbody", null, filteredData.filter((x) => !x.hidden).map((item, idx) => {
     return /* @__PURE__ */ React118.createElement(
@@ -10311,6 +10323,14 @@ var DetailedTable = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
+import {
+  PieChart,
+  Pie,
+  Cell as Cell2,
+  ResponsiveContainer as ResponsiveContainer2,
+  Label,
+  Text as ChartText
+} from "recharts";
 var DetailedChart = ({
   filteredData,
   filteredTotal,
@@ -10318,6 +10338,7 @@ var DetailedChart = ({
   setHoveredItem,
   sidebarScope,
   date,
+  chartColorsList,
   isLoading,
   showDatePicker = true
 }) => {
@@ -10341,7 +10362,7 @@ var DetailedChart = ({
     });
   }, [filteredData, isLoading]);
   const noValue = chartData.length === 0 || !chartData.find((x) => x.value !== 0);
-  const typeColorMapping = mapColorsToTypes(chartData);
+  const typeColorMapping = mapTypesToColors(chartData, chartColorsList);
   return /* @__PURE__ */ React119.createElement("div", { className: "chart-field" }, /* @__PURE__ */ React119.createElement("div", { className: "header--tablet" }, showDatePicker && /* @__PURE__ */ React119.createElement(ProfitAndLossDatePicker, null)), /* @__PURE__ */ React119.createElement("div", { className: "chart-container" }, /* @__PURE__ */ React119.createElement(ResponsiveContainer2, null, /* @__PURE__ */ React119.createElement(PieChart, null, !isLoading && !noValue ? /* @__PURE__ */ React119.createElement(
     Pie,
     {
@@ -10620,7 +10641,9 @@ import { format as format2 } from "date-fns";
 var ProfitAndLossDetailedCharts = ({
   scope,
   hideClose = false,
-  showDatePicker = false
+  showDatePicker = false,
+  chartColorsList,
+  stringOverrides
 }) => {
   const {
     filteredDataRevenue,
@@ -10657,6 +10680,7 @@ var ProfitAndLossDetailedCharts = ({
       sidebarScope: theScope,
       date: dateRange.startDate,
       isLoading,
+      chartColorsList,
       showDatePicker
     }
   ), /* @__PURE__ */ React121.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__table-wrapper" }, /* @__PURE__ */ React121.createElement(
@@ -10675,7 +10699,9 @@ var ProfitAndLossDetailedCharts = ({
       filters,
       sortBy,
       hoveredItem,
-      setHoveredItem
+      setHoveredItem,
+      chartColorsList,
+      stringOverrides: stringOverrides?.detailedTableStringOverrides
     }
   ))));
 };
@@ -10705,7 +10731,7 @@ var MiniChart = ({ data }) => {
       animationEasing: "ease-in-out"
     },
     data.map((entry, index) => {
-      const colorConfig = DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length];
+      const colorConfig = DEFAULT_MINICHART_COLORS[index % DEFAULT_MINICHART_COLORS.length];
       return /* @__PURE__ */ React122.createElement(
         Cell3,
         {
@@ -10749,8 +10775,10 @@ var buildMiniChartData = (scope, data) => {
 };
 var ProfitAndLossSummaries = ({
   vertical,
-  revenueLabel = "Revenue",
-  actionable = false
+  actionable = false,
+  revenueLabel,
+  // deprecated
+  stringOverrides
 }) => {
   const {
     data: storedData,
@@ -10797,7 +10825,7 @@ var ProfitAndLossSummaries = ({
         }
       },
       /* @__PURE__ */ React123.createElement(MiniChart, { data: revenueChartData }),
-      /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ React123.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, revenueLabel), isLoading || storedData === void 0 ? /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ React123.createElement(SkeletonLoader, null)) : /* @__PURE__ */ React123.createElement(
+      /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ React123.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, stringOverrides?.revenueLabel || revenueLabel || "Revenue"), isLoading || storedData === void 0 ? /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ React123.createElement(SkeletonLoader, null)) : /* @__PURE__ */ React123.createElement(
         "span",
         {
           className: `Layer__profit-and-loss-summaries__amount ${incomeDirectionClass}`
@@ -10819,7 +10847,7 @@ var ProfitAndLossSummaries = ({
         }
       },
       /* @__PURE__ */ React123.createElement(MiniChart, { data: expensesChartData }),
-      /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ React123.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, "Expenses"), isLoading || storedData === void 0 ? /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ React123.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ React123.createElement(
+      /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ React123.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, stringOverrides?.expensesLabel || "Expenses"), isLoading || storedData === void 0 ? /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ React123.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ React123.createElement(
         "span",
         {
           className: `Layer__profit-and-loss-summaries__amount ${expensesDirectionClass}`
@@ -10837,7 +10865,7 @@ var ProfitAndLossSummaries = ({
           actionable && "Layer__actionable"
         )
       },
-      /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ React123.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, "Net Profit"), isLoading || storedData === void 0 ? /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ React123.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ React123.createElement(
+      /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ React123.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, stringOverrides?.netProfitLabel || "Net Profit"), isLoading || storedData === void 0 ? /* @__PURE__ */ React123.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ React123.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ React123.createElement(
         "span",
         {
           className: `Layer__profit-and-loss-summaries__amount ${netProfitDirectionClass}`
@@ -11024,7 +11052,7 @@ var empty_profit_and_loss_report_default = {
 
 // src/components/ProfitAndLossTable/ProfitAndLossTable.tsx
 import classNames45 from "classnames";
-var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
+var ProfitAndLossTable = ({ lockExpanded, asContainer, stringOverrides }) => {
   const {
     data: actualData,
     isLoading,
@@ -11077,7 +11105,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
       {
         lineItem: {
           value: data.gross_profit,
-          display_name: "Gross Profit"
+          display_name: stringOverrides?.grossProfitLabel || "Gross Profit"
         },
         variant: "summation",
         direction: "CREDIT" /* CREDIT */,
@@ -11101,7 +11129,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
       {
         lineItem: {
           value: data.profit_before_taxes,
-          display_name: "Profit Before Taxes"
+          display_name: stringOverrides?.profitBeforeTaxesLabel || "Profit Before Taxes"
         },
         variant: "summation",
         direction: "CREDIT" /* CREDIT */,
@@ -11125,7 +11153,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
       {
         lineItem: {
           value: data.net_profit,
-          display_name: "Net Profit"
+          display_name: stringOverrides?.netProfitLabel || "Net Profit"
         },
         variant: "summation",
         direction: "CREDIT" /* CREDIT */,
@@ -11475,7 +11503,8 @@ var Table = ({
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
 var BalanceSheetTable = ({
   data,
-  config
+  config,
+  stringOverrides
 }) => {
   const { isOpen, setIsOpen, expandedAllRows } = useTableExpandRow();
   const allRowKeys = [];
@@ -11531,7 +11560,7 @@ var BalanceSheetTable = ({
       /* @__PURE__ */ React136.createElement(TableCell, { primary: true, isCurrency: true }, lineItem.value)
     ));
   };
-  return /* @__PURE__ */ React136.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ React136.createElement(TableHead, null, /* @__PURE__ */ React136.createElement(TableRow, { isHeadRow: true, rowKey: "balance-sheet-head-row" }, /* @__PURE__ */ React136.createElement(TableCell, { isHeaderCell: true }, "Type"), /* @__PURE__ */ React136.createElement(TableCell, { isHeaderCell: true }, "Total"))), /* @__PURE__ */ React136.createElement(TableBody, null, config.map((row, idx) => /* @__PURE__ */ React136.createElement(React136.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
+  return /* @__PURE__ */ React136.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ React136.createElement(TableHead, null, /* @__PURE__ */ React136.createElement(TableRow, { isHeadRow: true, rowKey: "balance-sheet-head-row" }, /* @__PURE__ */ React136.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ React136.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.totalColumnHeader || "Total"))), /* @__PURE__ */ React136.createElement(TableBody, null, config.map((row, idx) => /* @__PURE__ */ React136.createElement(React136.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
     data[row.lineItem],
     0,
     row.lineItem,
@@ -11633,11 +11662,12 @@ import { format as format4, parse, startOfDay as startOfDay2 } from "date-fns";
 var COMPONENT_NAME3 = "balance-sheet";
 var BalanceSheet = (props) => {
   const balanceSheetContextData = useBalanceSheet(props.effectiveDate);
-  return /* @__PURE__ */ React140.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ React140.createElement(BalanceSheetView, { asWidget: props.asWidget, ...props }));
+  return /* @__PURE__ */ React140.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ React140.createElement(BalanceSheetView, { asWidget: props.asWidget, stringOverrides: props.stringOverrides, ...props }));
 };
 var BalanceSheetView = ({
   withExpandAllButton = true,
-  asWidget = false
+  asWidget = false,
+  stringOverrides
 }) => {
   const [effectiveDate, setEffectiveDate] = useState37(startOfDay2(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useBalanceSheet(effectiveDate);
@@ -11666,7 +11696,7 @@ var BalanceSheetView = ({
           }
         ), withExpandAllButton && /* @__PURE__ */ React140.createElement(BalanceSheetExpandAllButton, null))
       },
-      !data || isLoading ? /* @__PURE__ */ React140.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ React140.createElement(Loader2, null)) : /* @__PURE__ */ React140.createElement(BalanceSheetTable, { data, config: BALANCE_SHEET_ROWS })
+      !data || isLoading ? /* @__PURE__ */ React140.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ React140.createElement(Loader2, null)) : /* @__PURE__ */ React140.createElement(BalanceSheetTable, { data, config: BALANCE_SHEET_ROWS, stringOverrides: stringOverrides?.balanceSheetTable })
     )));
   }
   return /* @__PURE__ */ React140.createElement(TableProvider, null, /* @__PURE__ */ React140.createElement(
@@ -11681,7 +11711,7 @@ var BalanceSheetView = ({
         }
       ), withExpandAllButton && /* @__PURE__ */ React140.createElement(BalanceSheetExpandAllButton, null))
     },
-    !data || isLoading ? /* @__PURE__ */ React140.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ React140.createElement(Loader2, null)) : /* @__PURE__ */ React140.createElement(BalanceSheetTable, { data, config: BALANCE_SHEET_ROWS })
+    !data || isLoading ? /* @__PURE__ */ React140.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ React140.createElement(Loader2, null)) : /* @__PURE__ */ React140.createElement(BalanceSheetTable, { data, config: BALANCE_SHEET_ROWS, stringOverrides: stringOverrides?.balanceSheetTable })
   ));
 };
 
@@ -11739,7 +11769,8 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
 import React141 from "react";
 var StatementOfCashFlowTable = ({
   data,
-  config
+  config,
+  stringOverrides
 }) => {
   const { isOpen, setIsOpen } = useTableExpandRow();
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
@@ -11781,7 +11812,7 @@ var StatementOfCashFlowTable = ({
       /* @__PURE__ */ React141.createElement(TableCell, { primary: true, isCurrency: true }, lineItem.value)
     ));
   };
-  return /* @__PURE__ */ React141.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ React141.createElement(TableHead, null, /* @__PURE__ */ React141.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React141.createElement(TableCell, { isHeaderCell: true }, "Type"), /* @__PURE__ */ React141.createElement(TableCell, { isHeaderCell: true }, "Total"))), /* @__PURE__ */ React141.createElement(TableBody, null, config.map((row, idx) => {
+  return /* @__PURE__ */ React141.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ React141.createElement(TableHead, null, /* @__PURE__ */ React141.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React141.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ React141.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.totalColumnHeader || "Total"))), /* @__PURE__ */ React141.createElement(TableBody, null, config.map((row, idx) => {
     if (row.type === "line_item") {
       return /* @__PURE__ */ React141.createElement(React141.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
         data[row.lineItem],
@@ -11837,11 +11868,11 @@ var STATEMENT_OF_CASH_FLOW_ROWS = [
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
 import { startOfDay as startOfDay4, subWeeks } from "date-fns";
 var COMPONENT_NAME4 = "statement-of-cash-flow";
-var StatementOfCashFlow = () => {
+var StatementOfCashFlow = ({ stringOverrides }) => {
   const cashContextData = useStatementOfCashFlow();
-  return /* @__PURE__ */ React142.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ React142.createElement(StatementOfCashFlowView, null));
+  return /* @__PURE__ */ React142.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ React142.createElement(StatementOfCashFlowView, { stringOverrides }));
 };
-var StatementOfCashFlowView = () => {
+var StatementOfCashFlowView = ({ stringOverrides }) => {
   const [startDate, setStartDate] = useState38(
     startOfDay4(subWeeks(/* @__PURE__ */ new Date(), 4))
   );
@@ -11879,7 +11910,8 @@ var StatementOfCashFlowView = () => {
       StatementOfCashFlowTable,
       {
         data,
-        config: STATEMENT_OF_CASH_FLOW_ROWS
+        config: STATEMENT_OF_CASH_FLOW_ROWS,
+        stringOverrides: stringOverrides?.statementOfCashFlowTable
       }
     )
   ));
@@ -12810,7 +12842,7 @@ var useParentOptions = (data) => useMemo12(
 );
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var ChartOfAccountsForm = () => {
+var ChartOfAccountsForm = ({ stringOverrides }) => {
   const {
     form,
     data,
@@ -12841,7 +12873,7 @@ var ChartOfAccountsForm = () => {
         submitForm();
       }
     },
-    /* @__PURE__ */ React147.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ React147.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? "Edit" : "Add New", " Account"), /* @__PURE__ */ React147.createElement("div", { className: "actions" }, /* @__PURE__ */ React147.createElement(
+    /* @__PURE__ */ React147.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ React147.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? stringOverrides?.editModeHeader || "Edit Account" : stringOverrides?.createModeHeader || "Add New Account"), /* @__PURE__ */ React147.createElement("div", { className: "actions" }, /* @__PURE__ */ React147.createElement(
       Button,
       {
         type: "button",
@@ -12849,7 +12881,7 @@ var ChartOfAccountsForm = () => {
         variant: "secondary" /* secondary */,
         disabled: sendingForm
       },
-      "Cancel"
+      stringOverrides?.cancelButton || "Cancel"
     ), apiError && /* @__PURE__ */ React147.createElement(
       RetryButton,
       {
@@ -12858,7 +12890,7 @@ var ChartOfAccountsForm = () => {
         error: "Check connection and retry in few seconds.",
         disabled: sendingForm
       },
-      "Retry"
+      stringOverrides?.retryButton || "Retry"
     ), !apiError && /* @__PURE__ */ React147.createElement(
       SubmitButton,
       {
@@ -12867,7 +12899,7 @@ var ChartOfAccountsForm = () => {
         active: true,
         disabled: sendingForm
       },
-      "Save"
+      stringOverrides?.saveButton || "Save"
     ))),
     apiError && /* @__PURE__ */ React147.createElement(
       Text,
@@ -12878,7 +12910,7 @@ var ChartOfAccountsForm = () => {
       apiError
     ),
     entry && /* @__PURE__ */ React147.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ React147.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ React147.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
-    /* @__PURE__ */ React147.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ React147.createElement(InputGroup, { name: "parent", label: "Parent", inline: true }, /* @__PURE__ */ React147.createElement(
+    /* @__PURE__ */ React147.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ React147.createElement(InputGroup, { name: "parent", label: stringOverrides?.parentLabel || "Parent", inline: true }, /* @__PURE__ */ React147.createElement(
       Select2,
       {
         options: parentOptions,
@@ -12886,7 +12918,7 @@ var ChartOfAccountsForm = () => {
         onChange: (sel) => changeFormData("parent", sel),
         disabled: sendingForm
       }
-    )), /* @__PURE__ */ React147.createElement(InputGroup, { name: "name", label: "Name", inline: true }, /* @__PURE__ */ React147.createElement(
+    )), /* @__PURE__ */ React147.createElement(InputGroup, { name: "name", label: stringOverrides?.nameLabel || "Name", inline: true }, /* @__PURE__ */ React147.createElement(
       Input,
       {
         name: "name",
@@ -12897,7 +12929,7 @@ var ChartOfAccountsForm = () => {
         disabled: sendingForm,
         onChange: (e) => changeFormData("name", e.target.value)
       }
-    )), /* @__PURE__ */ React147.createElement(InputGroup, { name: "type", label: "Type", inline: true }, /* @__PURE__ */ React147.createElement(
+    )), /* @__PURE__ */ React147.createElement(InputGroup, { name: "type", label: stringOverrides?.typeLabel || "Type", inline: true }, /* @__PURE__ */ React147.createElement(
       Select2,
       {
         options: LEDGER_ACCOUNT_TYPES,
@@ -12907,7 +12939,7 @@ var ChartOfAccountsForm = () => {
         errorMessage: form?.errors?.find((x) => x.field === "type")?.message,
         disabled: sendingForm || form.action === "edit" || form.data.parent !== void 0
       }
-    )), /* @__PURE__ */ React147.createElement(InputGroup, { name: "subType", label: "Sub-Type", inline: true }, /* @__PURE__ */ React147.createElement(
+    )), /* @__PURE__ */ React147.createElement(InputGroup, { name: "subType", label: stringOverrides?.subTypeLabel || "Sub-Type", inline: true }, /* @__PURE__ */ React147.createElement(
       Select2,
       {
         options: form?.data.type?.value !== void 0 ? LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE[form?.data.type?.value] : LEDGER_ACCOUNT_SUBTYPES,
@@ -12915,7 +12947,7 @@ var ChartOfAccountsForm = () => {
         onChange: (sel) => changeFormData("subType", sel),
         disabled: sendingForm
       }
-    )), /* @__PURE__ */ React147.createElement(InputGroup, { name: "normality", label: "Normality", inline: true }, /* @__PURE__ */ React147.createElement(
+    )), /* @__PURE__ */ React147.createElement(InputGroup, { name: "normality", label: stringOverrides?.normalityLabel || "Normality", inline: true }, /* @__PURE__ */ React147.createElement(
       Select2,
       {
         options: NORMALITY_OPTIONS,
@@ -12935,7 +12967,7 @@ var ChartOfAccountsForm = () => {
         variant: "secondary" /* secondary */,
         disabled: sendingForm
       },
-      "Cancel"
+      stringOverrides?.cancelButton || "Cancel"
     ), apiError && /* @__PURE__ */ React147.createElement(
       RetryButton,
       {
@@ -12944,7 +12976,7 @@ var ChartOfAccountsForm = () => {
         error: "Check connection and retry in few seconds.",
         disabled: sendingForm
       },
-      "Retry"
+      stringOverrides?.retryButton || "Retry"
     ), !apiError && /* @__PURE__ */ React147.createElement(
       SubmitButton,
       {
@@ -12953,16 +12985,17 @@ var ChartOfAccountsForm = () => {
         active: true,
         disabled: sendingForm
       },
-      "Save"
+      stringOverrides?.saveButton || "Save"
     )))
   );
 };
 
 // src/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar.tsx
 var ChartOfAccountsSidebar = ({
-  parentRef: _parentRef
+  parentRef: _parentRef,
+  stringOverrides
 }) => {
-  return /* @__PURE__ */ React148.createElement(ChartOfAccountsForm, null);
+  return /* @__PURE__ */ React148.createElement(ChartOfAccountsForm, { stringOverrides });
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
@@ -12972,7 +13005,8 @@ var ChartOfAccountsTable = ({
   containerRef,
   asWidget = false,
   withDateControl = false,
-  withExpandAllButton = false
+  withExpandAllButton = false,
+  stringOverrides
 }) => {
   const { data, isLoading, addAccount, error, isValidating, refetch, form } = useContext21(ChartOfAccountsContext);
   const [expandAll, setExpandAll] = useState42();
@@ -12981,7 +13015,13 @@ var ChartOfAccountsTable = ({
   return /* @__PURE__ */ React149.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React149.createElement(ChartOfAccountsSidebar, { parentRef: containerRef }),
+      sidebar: /* @__PURE__ */ React149.createElement(
+        ChartOfAccountsSidebar,
+        {
+          parentRef: containerRef,
+          stringOverrides: stringOverrides?.chartOfAccountsForm
+        }
+      ),
       sidebarIsOpen: Boolean(form),
       parentRef: containerRef
     },
@@ -12997,7 +13037,7 @@ var ChartOfAccountsTable = ({
           className: `Layer__${COMPONENT_NAME5}__title`,
           size: asWidget ? "secondary" /* secondary */ : "primary" /* primary */
         },
-        "Chart of Accounts"
+        stringOverrides?.headerText || "Chart of Accounts"
       ),
       /* @__PURE__ */ React149.createElement(
         "div",
@@ -13014,10 +13054,10 @@ var ChartOfAccountsTable = ({
           },
           !expandAll || expandAll === "collapsed" ? "Expand all rows" : "Collapse all rows"
         )) : null,
-        /* @__PURE__ */ React149.createElement("div", { className: "Layer__header__actions-col" }, /* @__PURE__ */ React149.createElement(Button, { onClick: () => addAccount(), disabled: isLoading }, "Add Account"))
+        /* @__PURE__ */ React149.createElement("div", { className: "Layer__header__actions-col" }, /* @__PURE__ */ React149.createElement(Button, { onClick: () => addAccount(), disabled: isLoading }, stringOverrides?.addAccountButtonText || "Add Account"))
       )
     ),
-    /* @__PURE__ */ React149.createElement("table", { className: "Layer__chart-of-accounts__table" }, /* @__PURE__ */ React149.createElement("thead", null, /* @__PURE__ */ React149.createElement("tr", { className: "Layer__table-row--header" }, /* @__PURE__ */ React149.createElement("th", { className: "Layer__table-header Layer__coa__name" }, "Name"), /* @__PURE__ */ React149.createElement("th", { className: "Layer__table-header Layer__coa__type" }, "Type"), /* @__PURE__ */ React149.createElement("th", { className: "Layer__table-header Layer__coa__subtype Layer__mobile--hidden" }, "Sub-Type"), /* @__PURE__ */ React149.createElement("th", { className: "Layer__table-header Layer__coa__balance" }, "Balance"), /* @__PURE__ */ React149.createElement("th", { className: "Layer__table-header Layer__coa__actions" }))), /* @__PURE__ */ React149.createElement("tbody", null, !error && data?.accounts.map((account, idx) => {
+    /* @__PURE__ */ React149.createElement("table", { className: "Layer__chart-of-accounts__table" }, /* @__PURE__ */ React149.createElement("thead", null, /* @__PURE__ */ React149.createElement("tr", { className: "Layer__table-row--header" }, /* @__PURE__ */ React149.createElement("th", { className: "Layer__table-header Layer__coa__name" }, stringOverrides?.nameColumnHeader || "Name"), /* @__PURE__ */ React149.createElement("th", { className: "Layer__table-header Layer__coa__type" }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ React149.createElement("th", { className: "Layer__table-header Layer__coa__subtype Layer__mobile--hidden" }, stringOverrides?.subtypeColumnHeader || "Sub-Type"), /* @__PURE__ */ React149.createElement("th", { className: "Layer__table-header Layer__coa__balance" }, stringOverrides?.balanceColumnHeader || "Balance"), /* @__PURE__ */ React149.createElement("th", { className: "Layer__table-header Layer__coa__actions" }))), /* @__PURE__ */ React149.createElement("tbody", null, !error && data?.accounts.map((account, idx) => {
       const currentCumulativeIndex = cumulativeIndex;
       cumulativeIndex = (account.sub_accounts?.length || 0) + cumulativeIndex + 1;
       return /* @__PURE__ */ React149.createElement(
@@ -13144,41 +13184,41 @@ var DetailsListItem = ({
 };
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-var SourceDetailView = ({ source }) => {
+var SourceDetailView = ({ source, stringOverrides }) => {
   switch (source.type) {
     case "Transaction_Ledger_Entry_Source": {
       const transactionSource = source;
-      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Account name" }, transactionSource.account_name), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Date" }, /* @__PURE__ */ React154.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Direction" }, transactionSource.direction), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Counterparty" }, transactionSource.counterparty));
+      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.accountNameLabel || "Account name" }, transactionSource.account_name), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.dateLabel || "Date" }, /* @__PURE__ */ React154.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.directionLabel || "Direction" }, transactionSource.direction), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.counterpartyLabel || "Counterparty" }, transactionSource.counterparty));
     }
     case "Invoice_Ledger_Entry_Source": {
       const invoiceSource = source;
-      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Invoice number" }, invoiceSource.invoice_number), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Recipient name" }, invoiceSource.recipient_name), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Date" }, /* @__PURE__ */ React154.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
+      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.invoiceNumberLabel || "Invoice number" }, invoiceSource.invoice_number), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.recipientNameLabel || "Recipient name" }, invoiceSource.recipient_name), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.dateLabel || "Date" }, /* @__PURE__ */ React154.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
     }
     case "Manual_Ledger_Entry_Source": {
       const manualSource = source;
-      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Memo" }, manualSource.memo), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Created by" }, manualSource.created_by));
+      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.memoLabel || "Memo" }, manualSource.memo), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.createdByLabel || "Created by" }, manualSource.created_by));
     }
     case "Invoice_Payment_Ledger_Entry_Source": {
       const invoicePaymentSource = source;
-      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Invoice number" }, invoicePaymentSource.invoice_number), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
+      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.invoiceNumberLabel || "Invoice number" }, invoicePaymentSource.invoice_number), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
     }
     case "Refund_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Recipient name" }, refundSource.recipient_name));
+      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.recipientNameLabel || "Recipient name" }, refundSource.recipient_name));
     }
     case "Opening_Balance_Ledger_Entry_Source": {
       const openingBalanceSource = source;
-      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Account name" }, openingBalanceSource.account_name));
+      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.accountNameLabel || "Account name" }, openingBalanceSource.account_name));
     }
     case "Payout_Ledger_Entry_Source": {
       const payoutSource = source;
-      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Processor" }, payoutSource.processor));
+      return /* @__PURE__ */ React154.createElement(React154.Fragment, null, /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.processorLabel || "Processor" }, payoutSource.processor));
     }
     default:
       return null;
   }
 };
-var LedgerAccountEntryDetails = () => {
+var LedgerAccountEntryDetails = ({ stringOverrides }) => {
   const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = useContext22(LedgerAccountsContext);
   const { totalDebit, totalCredit } = useMemo14(() => {
     let totalDebit2 = 0;
@@ -13192,10 +13232,10 @@ var LedgerAccountEntryDetails = () => {
     });
     return { totalDebit: totalDebit2, totalCredit: totalCredit2 };
   }, [entryData]);
-  return /* @__PURE__ */ React154.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ React154.createElement("div", { className: "Layer__ledger-account__entry-details__back-btn" }, /* @__PURE__ */ React154.createElement(BackButton, { onClick: () => closeSelectedEntry() }), /* @__PURE__ */ React154.createElement("div", { className: "Layer__ledger-account__entry-details__title-container" }, /* @__PURE__ */ React154.createElement(Text, { weight: "bold" /* bold */ }, "Transaction details"))), /* @__PURE__ */ React154.createElement(
+  return /* @__PURE__ */ React154.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ React154.createElement("div", { className: "Layer__ledger-account__entry-details__back-btn" }, /* @__PURE__ */ React154.createElement(BackButton, { onClick: () => closeSelectedEntry() }), /* @__PURE__ */ React154.createElement("div", { className: "Layer__ledger-account__entry-details__title-container" }, /* @__PURE__ */ React154.createElement(Text, { weight: "bold" /* bold */ }, stringOverrides?.title || "Transaction details"))), /* @__PURE__ */ React154.createElement(
     DetailsList,
     {
-      title: "Transaction source",
+      title: stringOverrides?.transactionSource?.header || "Transaction source",
       actions: /* @__PURE__ */ React154.createElement(
         Button,
         {
@@ -13207,25 +13247,32 @@ var LedgerAccountEntryDetails = () => {
         }
       )
     },
-    /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ React154.createElement(Badge, null, entryData?.source?.entity_name)),
+    /* @__PURE__ */ React154.createElement(
+      DetailsListItem,
+      {
+        label: stringOverrides?.transactionSource?.details?.sourceLabel || "Source",
+        isLoading: isLoadingEntry
+      },
+      /* @__PURE__ */ React154.createElement(Badge, null, entryData?.source?.entity_name)
+    ),
     entryData?.source?.display_description && /* @__PURE__ */ React154.createElement(SourceDetailView, { source: entryData?.source })
   ), /* @__PURE__ */ React154.createElement(
     DetailsList,
     {
-      title: `Journal Entry ${entryData?.id.substring(0, 5)}`,
+      title: stringOverrides?.journalEntry?.header ? stringOverrides?.journalEntry?.header(entryData?.id.substring(0, 5)) : `Journal Entry ${entryData?.id.substring(0, 5)}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entryData?.entry_type ?? "")),
-    /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entryData?.entry_at && /* @__PURE__ */ React154.createElement(DateTime, { value: entryData?.entry_at })),
-    /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entryData?.date && /* @__PURE__ */ React154.createElement(DateTime, { value: entryData?.date })),
-    entryData?.reversal_id && /* @__PURE__ */ React154.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, entryData?.reversal_id.substring(0, 5))
+    /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.entryTypeLabel || "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entryData?.entry_type ?? "")),
+    /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.dateLabel || "Date", isLoading: isLoadingEntry }, entryData?.entry_at && /* @__PURE__ */ React154.createElement(DateTime, { value: entryData?.entry_at })),
+    /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.creationDateLabel || "Creation date", isLoading: isLoadingEntry }, entryData?.date && /* @__PURE__ */ React154.createElement(DateTime, { value: entryData?.date })),
+    entryData?.reversal_id && /* @__PURE__ */ React154.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.reversalLabel || "Reversal", isLoading: isLoadingEntry }, entryData?.reversal_id.substring(0, 5))
   ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ React154.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ React154.createElement(Card, null, /* @__PURE__ */ React154.createElement(
     Table,
     {
       componentName: "ledger-account__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ React154.createElement(TableHead, null, /* @__PURE__ */ React154.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React154.createElement(TableCell, null, "Line items"), /* @__PURE__ */ React154.createElement(TableCell, null, "Debit"), /* @__PURE__ */ React154.createElement(TableCell, null, "Credit"))),
+    /* @__PURE__ */ React154.createElement(TableHead, null, /* @__PURE__ */ React154.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ React154.createElement(TableCell, null, stringOverrides?.lineItemsTable?.lineItemsColumnHeader || "Line items"), /* @__PURE__ */ React154.createElement(TableCell, null, stringOverrides?.lineItemsTable?.debitColumnHeader || "Debit"), /* @__PURE__ */ React154.createElement(TableCell, null, stringOverrides?.lineItemsTable?.creditColumnHeader || "Credit"))),
     /* @__PURE__ */ React154.createElement(TableBody, null, entryData?.line_items?.map((item, index) => /* @__PURE__ */ React154.createElement(
       TableRow,
       {
@@ -13241,7 +13288,7 @@ var LedgerAccountEntryDetails = () => {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ React154.createElement(TableCell, { primary: true }, "Total"),
+      /* @__PURE__ */ React154.createElement(TableCell, { primary: true }, stringOverrides?.lineItemsTable?.totalRowHeader || "Total"),
       /* @__PURE__ */ React154.createElement(TableCell, { isCurrency: true, primary: true }, totalDebit || 0),
       /* @__PURE__ */ React154.createElement(TableCell, { isCurrency: true, primary: true }, totalCredit || 0)
     ))
@@ -13366,7 +13413,8 @@ import classNames55 from "classnames";
 var LedgerAccount = ({
   containerRef,
   pageSize = 15,
-  view
+  view,
+  stringOverrides
 }) => {
   const [currentPage, setCurrentPage] = useState44(1);
   const [initialLoad, setInitialLoad] = useState44(true);
@@ -13411,7 +13459,12 @@ var LedgerAccount = ({
   return /* @__PURE__ */ React156.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React156.createElement(LedgerAccountEntryDetails, null),
+      sidebar: /* @__PURE__ */ React156.createElement(
+        LedgerAccountEntryDetails,
+        {
+          stringOverrides: stringOverrides?.ledgerEntryDetail
+        }
+      ),
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef,
       className: "Layer__ledger-account__panel"
@@ -13438,7 +13491,7 @@ var LedgerAccount = ({
       },
       "$",
       centsToDollars(entry?.balance || 0)
-    )))), /* @__PURE__ */ React156.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ React156.createElement("thead", null, /* @__PURE__ */ React156.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ React156.createElement("th", null), view === "desktop" && /* @__PURE__ */ React156.createElement(React156.Fragment, null, /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header" }, "Date"), /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header" }, "Journal id #"), /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header" }, "Source")), view !== "mobile" && /* @__PURE__ */ React156.createElement(React156.Fragment, null, /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"), /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Running balance")))), /* @__PURE__ */ React156.createElement("tbody", null, data?.map((x, index) => /* @__PURE__ */ React156.createElement(
+    )))), /* @__PURE__ */ React156.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ React156.createElement("thead", null, /* @__PURE__ */ React156.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ React156.createElement("th", null), view === "desktop" && /* @__PURE__ */ React156.createElement(React156.Fragment, null, /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.dateColumnHeader || "Date"), /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.journalIdColumnHeader || "Journal id #"), /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.sourceColumnHeader || "Source")), view !== "mobile" && /* @__PURE__ */ React156.createElement(React156.Fragment, null, /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.debitColumnHeader || "Debit"), /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.creditColumnHeader || "Credit"), /* @__PURE__ */ React156.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.runningBalanceColumnHeader || "Running balance")))), /* @__PURE__ */ React156.createElement("tbody", null, data?.map((x, index) => /* @__PURE__ */ React156.createElement(
       LedgerAccountRow,
       {
         key: x.id,
@@ -13487,7 +13540,8 @@ var ChartOfAccounts = (props) => {
 var ChartOfAccountsContent = ({
   asWidget,
   withDateControl,
-  withExpandAllButton
+  withExpandAllButton,
+  stringOverrides
 }) => {
   const { accountId } = useContext25(LedgerAccountsContext);
   const [view, setView] = useState45("desktop");
@@ -13502,14 +13556,15 @@ var ChartOfAccountsContent = ({
       }
     }
   });
-  return /* @__PURE__ */ React157.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ React157.createElement(LedgerAccount, { view, containerRef }) : /* @__PURE__ */ React157.createElement(
+  return /* @__PURE__ */ React157.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ React157.createElement(LedgerAccount, { view, containerRef, stringOverrides: stringOverrides?.ledgerAccount }) : /* @__PURE__ */ React157.createElement(
     ChartOfAccountsTable,
     {
       asWidget,
       withDateControl,
       withExpandAllButton,
       view,
-      containerRef
+      containerRef,
+      stringOverrides: stringOverrides?.chartOfAccountsTable
     }
   ));
 };
@@ -13518,8 +13573,8 @@ var ChartOfAccountsContent = ({
 import React164, { useState as useState49 } from "react";
 
 // src/contexts/JournalContext/JournalContext.tsx
-import { createContext as createContext13 } from "react";
-var JournalContext = createContext13({
+import { createContext as createContext12 } from "react";
+var JournalContext = createContext12({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -14227,7 +14282,7 @@ var JournalFormEntryLines = ({
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var JournalForm = ({ config }) => {
+var JournalForm = ({ config, stringOverrides }) => {
   const {
     form,
     cancelForm,
@@ -14247,7 +14302,7 @@ var JournalForm = ({ config }) => {
         submitForm();
       }
     },
-    /* @__PURE__ */ React161.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ React161.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, "Add New Entry"), /* @__PURE__ */ React161.createElement("div", { className: "actions" }, /* @__PURE__ */ React161.createElement(
+    /* @__PURE__ */ React161.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ React161.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, stringOverrides?.header && "Add New Entry"), /* @__PURE__ */ React161.createElement("div", { className: "actions" }, /* @__PURE__ */ React161.createElement(
       Button,
       {
         type: "button",
@@ -14255,7 +14310,7 @@ var JournalForm = ({ config }) => {
         variant: "secondary" /* secondary */,
         disabled: sendingForm
       },
-      "Cancel"
+      stringOverrides?.cancelButton || "Cancel"
     ), apiError && /* @__PURE__ */ React161.createElement(
       RetryButton,
       {
@@ -14264,7 +14319,7 @@ var JournalForm = ({ config }) => {
         error: "Check connection and retry in few seconds.",
         disabled: sendingForm
       },
-      "Retry"
+      stringOverrides?.retryButton || "Retry"
     ), !apiError && /* @__PURE__ */ React161.createElement(
       SubmitButton,
       {
@@ -14273,7 +14328,7 @@ var JournalForm = ({ config }) => {
         active: true,
         disabled: sendingForm
       },
-      "Save"
+      stringOverrides?.saveButton || "Save"
     ))),
     apiError && /* @__PURE__ */ React161.createElement(
       Text,
@@ -14339,7 +14394,7 @@ var JournalForm = ({ config }) => {
         variant: "secondary" /* secondary */,
         disabled: sendingForm
       },
-      "Cancel"
+      stringOverrides?.cancelButton || "Cancel"
     ), apiError && /* @__PURE__ */ React161.createElement(
       RetryButton,
       {
@@ -14348,7 +14403,7 @@ var JournalForm = ({ config }) => {
         error: "Check connection and retry in few seconds.",
         disabled: sendingForm
       },
-      "Retry"
+      stringOverrides?.retryButton || "Retry"
     ), !apiError && /* @__PURE__ */ React161.createElement(
       SubmitButton,
       {
@@ -14357,7 +14412,7 @@ var JournalForm = ({ config }) => {
         active: true,
         disabled: sendingForm
       },
-      "Save"
+      stringOverrides?.saveButton || "Save"
     ))
   );
 };
@@ -14365,13 +14420,14 @@ var JournalForm = ({ config }) => {
 // src/components/JournalSidebar/JournalSidebar.tsx
 var JournalSidebar = ({
   parentRef: _parentRef,
-  config
+  config,
+  stringOverrides
 }) => {
   const { selectedEntryId } = useContext30(JournalContext);
   if (selectedEntryId !== "new") {
     return /* @__PURE__ */ React162.createElement(JournalEntryDetails, null);
   }
-  return /* @__PURE__ */ React162.createElement(JournalForm, { config });
+  return /* @__PURE__ */ React162.createElement(JournalForm, { config, stringOverrides });
 };
 
 // src/components/JournalTable/JournalTable.tsx
@@ -14380,7 +14436,8 @@ var JournalTable = ({
   view,
   containerRef,
   pageSize = 15,
-  config
+  config,
+  stringOverrides
 }) => {
   const [currentPage, setCurrentPage] = useState48(1);
   const {
@@ -14400,12 +14457,12 @@ var JournalTable = ({
   return /* @__PURE__ */ React163.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React163.createElement(JournalSidebar, { parentRef: containerRef, config }),
+      sidebar: /* @__PURE__ */ React163.createElement(JournalSidebar, { parentRef: containerRef, config, stringOverrides: stringOverrides?.journalForm }),
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef
     },
-    /* @__PURE__ */ React163.createElement(Header, { className: `Layer__${COMPONENT_NAME6}__header` }, /* @__PURE__ */ React163.createElement(Heading, { className: `Layer__${COMPONENT_NAME6}__title` }, "Journal"), /* @__PURE__ */ React163.createElement("div", { className: `Layer__${COMPONENT_NAME6}__actions` }, /* @__PURE__ */ React163.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, "Add Entry"))),
-    /* @__PURE__ */ React163.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ React163.createElement("thead", null, /* @__PURE__ */ React163.createElement("tr", null, /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header" }, "Id"), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header" }, "Date"), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header" }, "Transaction"), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header" }, "Account"), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"))), /* @__PURE__ */ React163.createElement("tbody", null, !error && data?.map((entry, idx) => {
+    /* @__PURE__ */ React163.createElement(Header, { className: `Layer__${COMPONENT_NAME6}__header` }, /* @__PURE__ */ React163.createElement(Heading, { className: `Layer__${COMPONENT_NAME6}__title` }, stringOverrides?.componentTitle || "Journal"), /* @__PURE__ */ React163.createElement("div", { className: `Layer__${COMPONENT_NAME6}__actions` }, /* @__PURE__ */ React163.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, stringOverrides?.addEntryButton || "Add Entry"))),
+    /* @__PURE__ */ React163.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ React163.createElement("thead", null, /* @__PURE__ */ React163.createElement("tr", null, /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header" }, stringOverrides?.idColumnHeader || "Id"), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header" }, stringOverrides?.dateColumnHeader || "Date"), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header" }, stringOverrides?.transactionColumnHeader || "Transaction"), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header" }, stringOverrides?.accountColumnHeader || "Account"), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.debitColumnHeader || "Debit"), /* @__PURE__ */ React163.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.creditColumnHeader || "Credit"))), /* @__PURE__ */ React163.createElement("tbody", null, !error && data?.map((entry, idx) => {
       return /* @__PURE__ */ React163.createElement(
         JournalRow,
         {
@@ -14452,7 +14509,8 @@ var Journal = (props) => {
 };
 var JournalContent = ({
   asWidget,
-  config = JOURNAL_CONFIG
+  config = JOURNAL_CONFIG,
+  stringOverrides
 }) => {
   const [view, setView] = useState49("desktop");
   const containerRef = useElementSize((_a, _b, { width }) => {
@@ -14466,12 +14524,20 @@ var JournalContent = ({
       }
     }
   });
-  return /* @__PURE__ */ React164.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ React164.createElement(JournalTable, { view, containerRef, config }));
+  return /* @__PURE__ */ React164.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ React164.createElement(
+    JournalTable,
+    {
+      view,
+      containerRef,
+      config,
+      stringOverrides: stringOverrides?.journalTable
+    }
+  ));
 };
 
 // src/components/Tasks/Tasks.tsx
 import React171, {
-  createContext as createContext15,
+  createContext as createContext14,
   useContext as useContext36,
   useEffect as useEffect44,
   useMemo as useMemo19,
@@ -14479,8 +14545,8 @@ import React171, {
 } from "react";
 
 // src/contexts/TasksContext/TasksContext.tsx
-import { createContext as createContext14 } from "react";
-var TasksContext = createContext14({
+import { createContext as createContext13 } from "react";
+var TasksContext = createContext13({
   data: void 0,
   isLoading: false,
   loadedStatus: "initial",
@@ -14908,7 +14974,7 @@ var TasksPending = () => {
 
 // src/components/Tasks/Tasks.tsx
 import classNames59 from "classnames";
-var UseTasksContext = createContext15({
+var UseTasksContext = createContext14({
   data: void 0,
   isLoading: void 0,
   loadedStatus: "initial",
@@ -14920,18 +14986,21 @@ var UseTasksContext = createContext15({
   }
 });
 var Tasks = ({
-  tasksHeader,
   collapsable = false,
   defaultCollapsed = false,
-  collapsedWhenComplete
+  collapsedWhenComplete,
+  tasksHeader,
+  // deprecated
+  stringOverrides
 }) => {
   return /* @__PURE__ */ React171.createElement(TasksProvider, null, /* @__PURE__ */ React171.createElement(
     TasksComponent,
     {
-      tasksHeader,
       collapsable,
       defaultCollapsed,
-      collapsedWhenComplete
+      collapsedWhenComplete,
+      tasksHeader,
+      stringOverrides
     }
   ));
 };
@@ -14940,10 +15009,12 @@ var TasksProvider = ({ children }) => {
   return /* @__PURE__ */ React171.createElement(TasksContext.Provider, { value: contextData }, children);
 };
 var TasksComponent = ({
-  tasksHeader,
   collapsable = false,
   defaultCollapsed = false,
-  collapsedWhenComplete
+  collapsedWhenComplete,
+  tasksHeader,
+  // deprecated
+  stringOverrides
 }) => {
   const { isLoading, loadedStatus, data } = useContext36(TasksContext);
   const allComplete = useMemo19(() => {
@@ -14966,7 +15037,7 @@ var TasksComponent = ({
   return /* @__PURE__ */ React171.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ React171.createElement(
     TasksHeader,
     {
-      tasksHeader,
+      tasksHeader: stringOverrides?.header || tasksHeader,
       collapsable,
       open,
       toggleContent: () => setOpen(!open)
@@ -15076,7 +15147,9 @@ var BookkeepingUpsellBar = ({
 import React175, { useState as useState54 } from "react";
 import classNames60 from "classnames";
 var BookkeepingOverview = ({
-  title = "Bookkeeping overview"
+  title,
+  // deprecated
+  stringOverrides
 }) => {
   const [pnlToggle, setPnlToggle] = useState54("revenue");
   const [width] = useWindowSize();
@@ -15084,16 +15157,16 @@ var BookkeepingOverview = ({
     View,
     {
       viewClassName: "Layer__bookkeeping-overview--view",
-      title,
+      title: stringOverrides?.title || title || "Bookkeeping overview",
       withSidebar: width > 1100,
-      sidebar: /* @__PURE__ */ React175.createElement(TasksComponent, { tasksHeader: "Bookkeeeping Tasks" })
+      sidebar: /* @__PURE__ */ React175.createElement(TasksComponent, { stringOverrides: stringOverrides?.tasks })
     },
     width <= 1100 && /* @__PURE__ */ React175.createElement(
       TasksComponent,
       {
-        tasksHeader: "Bookkeeeping Tasks",
         collapsable: true,
-        collapsedWhenComplete: true
+        collapsedWhenComplete: true,
+        stringOverrides: stringOverrides?.tasks
       }
     ),
     /* @__PURE__ */ React175.createElement(
@@ -15103,8 +15176,13 @@ var BookkeepingOverview = ({
         asWidget: true,
         elevated: true
       },
-      /* @__PURE__ */ React175.createElement(Header, null, /* @__PURE__ */ React175.createElement(Heading, { size: "secondary" /* secondary */ }, "Profit & Loss"), /* @__PURE__ */ React175.createElement(ProfitAndLoss.DatePicker, null)),
-      /* @__PURE__ */ React175.createElement("div", { className: "Layer__bookkeeping-overview__summaries-row" }, /* @__PURE__ */ React175.createElement(ProfitAndLoss.Summaries, null)),
+      /* @__PURE__ */ React175.createElement(Header, null, /* @__PURE__ */ React175.createElement(Heading, { size: "secondary" /* secondary */ }, stringOverrides?.profitAndLoss?.header || "Profit & Loss"), /* @__PURE__ */ React175.createElement(ProfitAndLoss.DatePicker, null)),
+      /* @__PURE__ */ React175.createElement("div", { className: "Layer__bookkeeping-overview__summaries-row" }, /* @__PURE__ */ React175.createElement(
+        ProfitAndLoss.Summaries,
+        {
+          stringOverrides: stringOverrides?.profitAndLoss?.summaries
+        }
+      )),
       /* @__PURE__ */ React175.createElement(ProfitAndLoss.Chart, null)
     ),
     /* @__PURE__ */ React175.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ React175.createElement(
@@ -15132,7 +15210,14 @@ var BookkeepingOverview = ({
           pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ React175.createElement(ProfitAndLoss.DetailedCharts, { scope: "revenue", hideClose: true })
+      /* @__PURE__ */ React175.createElement(
+        ProfitAndLoss.DetailedCharts,
+        {
+          scope: "revenue",
+          hideClose: true,
+          stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts
+        }
+      )
     ), /* @__PURE__ */ React175.createElement(
       Container,
       {
@@ -15141,7 +15226,14 @@ var BookkeepingOverview = ({
           pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ React175.createElement(ProfitAndLoss.DetailedCharts, { scope: "expenses", hideClose: true })
+      /* @__PURE__ */ React175.createElement(
+        ProfitAndLoss.DetailedCharts,
+        {
+          scope: "expenses",
+          hideClose: true,
+          stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts
+        }
+      )
     ))
   )));
 };
@@ -15250,7 +15342,9 @@ var AccountingOverview = ({
   title = "Accounting overview",
   enableOnboarding = false,
   onTransactionsToReviewClick,
-  middleBanner
+  middleBanner,
+  chartColorsList,
+  stringOverrides
 }) => {
   const [pnlToggle, setPnlToggle] = useState56("revenue");
   return /* @__PURE__ */ React179.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React179.createElement(View, { title, headerControls: /* @__PURE__ */ React179.createElement(ProfitAndLoss.DatePicker, null) }, enableOnboarding && /* @__PURE__ */ React179.createElement(
@@ -15258,7 +15352,12 @@ var AccountingOverview = ({
     {
       onTransactionsToReviewClick
     }
-  ), /* @__PURE__ */ React179.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ React179.createElement(ProfitAndLoss.Summaries, null), /* @__PURE__ */ React179.createElement(
+  ), /* @__PURE__ */ React179.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ React179.createElement(
+    ProfitAndLoss.Summaries,
+    {
+      stringOverrides: stringOverrides?.profitAndLoss?.summaries
+    }
+  ), /* @__PURE__ */ React179.createElement(
     TransactionToReviewCard,
     {
       usePnlDateRange: true,
@@ -15271,7 +15370,7 @@ var AccountingOverview = ({
       asWidget: true,
       elevated: true
     },
-    /* @__PURE__ */ React179.createElement(Header, null, /* @__PURE__ */ React179.createElement(Heading, { size: "secondary" /* secondary */ }, "Profit & Loss")),
+    /* @__PURE__ */ React179.createElement(Header, null, /* @__PURE__ */ React179.createElement(Heading, { size: "secondary" /* secondary */ }, stringOverrides?.header || "Profit & Loss")),
     /* @__PURE__ */ React179.createElement(ProfitAndLoss.Chart, null)
   ), middleBanner && /* @__PURE__ */ React179.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner), /* @__PURE__ */ React179.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ React179.createElement(
     Toggle,
@@ -15298,7 +15397,15 @@ var AccountingOverview = ({
         pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
       )
     },
-    /* @__PURE__ */ React179.createElement(ProfitAndLoss.DetailedCharts, { scope: "revenue", hideClose: true })
+    /* @__PURE__ */ React179.createElement(
+      ProfitAndLoss.DetailedCharts,
+      {
+        scope: "revenue",
+        hideClose: true,
+        stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts,
+        chartColorsList
+      }
+    )
   ), /* @__PURE__ */ React179.createElement(
     Container,
     {
@@ -15307,14 +15414,23 @@ var AccountingOverview = ({
         pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
       )
     },
-    /* @__PURE__ */ React179.createElement(ProfitAndLoss.DetailedCharts, { scope: "expenses", hideClose: true })
+    /* @__PURE__ */ React179.createElement(
+      ProfitAndLoss.DetailedCharts,
+      {
+        scope: "expenses",
+        hideClose: true,
+        stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts,
+        chartColorsList
+      }
+    )
   ))));
 };
 
 // src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
 import React180 from "react";
 var BankTransactionsWithLinkedAccounts = ({
-  title = "Bank transactions",
+  title,
+  // deprecated
   elevatedLinkedAccounts = true,
   showLedgerBalance = true,
   showUnlinkItem = false,
@@ -15323,15 +15439,17 @@ var BankTransactionsWithLinkedAccounts = ({
   hardRefreshPnlOnCategorize = false,
   showDescriptions,
   showReceiptUploads,
-  mobileComponent
+  mobileComponent,
+  stringOverrides
 }) => {
-  return /* @__PURE__ */ React180.createElement(View, { title }, /* @__PURE__ */ React180.createElement(
+  return /* @__PURE__ */ React180.createElement(View, { title: stringOverrides?.title || title || "Bank transactions" }, /* @__PURE__ */ React180.createElement(
     LinkedAccounts,
     {
       elevated: elevatedLinkedAccounts,
       showLedgerBalance,
       showUnlinkItem,
-      showBreakConnection
+      showBreakConnection,
+      stringOverrides: stringOverrides?.linkedAccounts
     }
   ), /* @__PURE__ */ React180.createElement(
     BankTransactions,
@@ -15341,7 +15459,8 @@ var BankTransactionsWithLinkedAccounts = ({
       showReceiptUploads,
       mobileComponent,
       categorizedOnly,
-      hardRefreshPnlOnCategorize
+      hardRefreshPnlOnCategorize,
+      stringOverrides: stringOverrides?.bankTransactions
     }
   ));
 };
@@ -15349,32 +15468,41 @@ var BankTransactionsWithLinkedAccounts = ({
 // src/views/GeneralLedger/GeneralLedger.tsx
 import React181, { useState as useState57 } from "react";
 var GeneralLedgerView = ({
-  title = "General Ledger"
+  title,
+  // deprecated
+  stringOverrides
 }) => {
   const [activeTab, setActiveTab] = useState57("chartOfAccounts");
-  return /* @__PURE__ */ React181.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React181.createElement(View, { title }, /* @__PURE__ */ React181.createElement(
+  return /* @__PURE__ */ React181.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React181.createElement(View, { title: stringOverrides?.title || title || "General Ledger" }, /* @__PURE__ */ React181.createElement(
     Toggle,
     {
       name: "general-ledger-tabs",
       options: [
         {
           value: "chartOfAccounts",
-          label: "Chart of accounts"
+          label: stringOverrides?.chartOfAccountsToggleOption || "Chart of accounts"
         },
         {
           value: "journal",
-          label: "Journal"
+          label: stringOverrides?.journalToggleOption || "Journal"
         }
       ],
       selected: activeTab,
       onChange: (opt) => setActiveTab(opt.target.value)
     }
-  ), /* @__PURE__ */ React181.createElement(Container, { name: "generalLedger" }, activeTab === "chartOfAccounts" ? /* @__PURE__ */ React181.createElement(ChartOfAccounts, { asWidget: true, withExpandAllButton: true }) : /* @__PURE__ */ React181.createElement(Journal, null))));
+  ), /* @__PURE__ */ React181.createElement(Container, { name: "generalLedger" }, activeTab === "chartOfAccounts" ? /* @__PURE__ */ React181.createElement(
+    ChartOfAccounts,
+    {
+      asWidget: true,
+      withExpandAllButton: true,
+      stringOverrides: stringOverrides?.chartOfAccounts
+    }
+  ) : /* @__PURE__ */ React181.createElement(Journal, { stringOverrides: stringOverrides?.journal }))));
 };
 
 // src/views/Reports/Reports.tsx
 import React182, { useContext as useContext38, useRef as useRef16, useState as useState58 } from "react";
-var DownloadButton2 = () => {
+var DownloadButton2 = ({ stringOverrides }) => {
   const { dateRange } = useContext38(ProfitAndLoss.Context);
   const { auth, businessId, apiUrl } = useLayerContext();
   const [requestFailed, setRequestFailed] = useState58(false);
@@ -15411,7 +15539,7 @@ var DownloadButton2 = () => {
       className: "Layer__download-retry-btn",
       error: "Approval failed. Check connection and retry in few seconds."
     },
-    "Retry"
+    stringOverrides?.retryButtonText || "Retry"
   ) : /* @__PURE__ */ React182.createElement(
     Button,
     {
@@ -15419,13 +15547,13 @@ var DownloadButton2 = () => {
       rightIcon: /* @__PURE__ */ React182.createElement(DownloadCloud_default, { size: 12 }),
       onClick: handleClick
     },
-    "Download"
+    stringOverrides?.downloadButtonText || "Download"
   );
 };
-var Reports = ({ title = "Reports" }) => {
+var Reports = ({ title, stringOverrides }) => {
   const containerRef = useRef16(null);
   const [activeTab, setActiveTab] = useState58("profitAndLoss");
-  return /* @__PURE__ */ React182.createElement(View, { title }, /* @__PURE__ */ React182.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ React182.createElement(
+  return /* @__PURE__ */ React182.createElement(View, { title: stringOverrides?.title || title || "Reports" }, /* @__PURE__ */ React182.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ React182.createElement(
     Toggle,
     {
       name: "reports-tabs",
@@ -15440,26 +15568,38 @@ var Reports = ({ title = "Reports" }) => {
       selected: activeTab,
       onChange: (opt) => setActiveTab(opt.target.value)
     }
-  )), /* @__PURE__ */ React182.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ React182.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React182.createElement(ReportsPanel, { containerRef, openReport: activeTab }))));
+  )), /* @__PURE__ */ React182.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ React182.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ React182.createElement(ReportsPanel, { containerRef, openReport: activeTab, stringOverrides }))));
 };
-var ReportsPanel = ({ containerRef, openReport }) => {
+var ReportsPanel = ({ containerRef, openReport, stringOverrides }) => {
   const { sidebarScope } = useContext38(ProfitAndLoss.Context);
   return /* @__PURE__ */ React182.createElement(React182.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ React182.createElement(
     View,
     {
       type: "panel",
-      headerControls: /* @__PURE__ */ React182.createElement(React182.Fragment, null, /* @__PURE__ */ React182.createElement(ProfitAndLoss.DatePicker, null), /* @__PURE__ */ React182.createElement(DownloadButton2, null))
+      headerControls: /* @__PURE__ */ React182.createElement(React182.Fragment, null, /* @__PURE__ */ React182.createElement(ProfitAndLoss.DatePicker, null), /* @__PURE__ */ React182.createElement(DownloadButton2, { stringOverrides: stringOverrides?.downloadButton }))
     },
     /* @__PURE__ */ React182.createElement(
       Panel,
       {
-        sidebar: /* @__PURE__ */ React182.createElement(ProfitAndLoss.DetailedCharts, { showDatePicker: false }),
+        sidebar: /* @__PURE__ */ React182.createElement(
+          ProfitAndLoss.DetailedCharts,
+          {
+            showDatePicker: false,
+            stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts
+          }
+        ),
         sidebarIsOpen: Boolean(sidebarScope),
         parentRef: containerRef
       },
-      /* @__PURE__ */ React182.createElement(ProfitAndLoss.Table, { asContainer: false })
+      /* @__PURE__ */ React182.createElement(
+        ProfitAndLoss.Table,
+        {
+          asContainer: false,
+          stringOverrides: stringOverrides?.profitAndLoss?.table
+        }
+      )
     )
-  ), openReport === "balanceSheet" && /* @__PURE__ */ React182.createElement(BalanceSheet, null), openReport === "statementOfCashFlow" && /* @__PURE__ */ React182.createElement(StatementOfCashFlow, null));
+  ), openReport === "balanceSheet" && /* @__PURE__ */ React182.createElement(BalanceSheet, { stringOverrides: stringOverrides?.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ React182.createElement(StatementOfCashFlow, { stringOverrides: stringOverrides?.statementOfCashflow }));
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
@@ -15471,23 +15611,30 @@ var ProfitAndLossView = (props) => {
 };
 var ProfitAndLossPanel = ({
   containerRef,
+  stringOverrides,
   ...props
 }) => {
   const { sidebarScope } = useContext39(ProfitAndLoss.Context);
   return /* @__PURE__ */ React183.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ React183.createElement(ProfitAndLossDetailedCharts, null),
+      sidebar: /* @__PURE__ */ React183.createElement(
+        ProfitAndLossDetailedCharts,
+        {
+          stringOverrides: stringOverrides?.profitAndLossDetailedCharts
+        }
+      ),
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef
     },
-    /* @__PURE__ */ React183.createElement(Header, { className: `Layer__${COMPONENT_NAME7}__header` }, /* @__PURE__ */ React183.createElement(Heading, { className: "Layer__profit-and-loss__title" }, "Profit & Loss")),
-    /* @__PURE__ */ React183.createElement(Components, { ...props })
+    /* @__PURE__ */ React183.createElement(Header, { className: `Layer__${COMPONENT_NAME7}__header` }, /* @__PURE__ */ React183.createElement(Heading, { className: "Layer__profit-and-loss__title" }, stringOverrides?.header || "Profit & Loss")),
+    /* @__PURE__ */ React183.createElement(Components, { stringOverrides, ...props })
   );
 };
 var Components = ({
   hideChart = false,
-  hideTable = false
+  hideTable = false,
+  stringOverrides
 }) => {
   const { error, isLoading, isValidating, refetch } = useContext39(
     ProfitAndLoss.Context
@@ -15510,14 +15657,26 @@ var Components = ({
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__summary-col`
     },
     /* @__PURE__ */ React183.createElement(ProfitAndLoss.DatePicker, null),
-    /* @__PURE__ */ React183.createElement(ProfitAndLoss.Summaries, { vertical: true, actionable: true })
+    /* @__PURE__ */ React183.createElement(
+      ProfitAndLoss.Summaries,
+      {
+        vertical: true,
+        actionable: true,
+        stringOverrides: stringOverrides?.profitAndLossSummaries
+      }
+    )
   ), /* @__PURE__ */ React183.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__chart-col`
     },
     /* @__PURE__ */ React183.createElement(ProfitAndLoss.Chart, null)
-  )), !hideTable && /* @__PURE__ */ React183.createElement(ProfitAndLoss.Table, null));
+  )), !hideTable && /* @__PURE__ */ React183.createElement(
+    ProfitAndLoss.Table,
+    {
+      stringOverrides: stringOverrides?.profitAndLossTable
+    }
+  ));
 };
 export {
   AccountingOverview,