@layerfi/components 0.1.39 → 0.1.41

package/dist/index.js

@@ -4203,7 +4203,8 @@ var LinkedAccountsComponent = ({
   elevated,
   showLedgerBalance = true,
   showUnlinkItem = false,
-  showBreakConnection = false
+  showBreakConnection = false,
+  stringOverrides
 }) => {
   const { isLoading, error, isValidating, refetchAccounts } = (0, import_react49.useContext)(
     LinkedAccountsContext
@@ -4214,7 +4215,7 @@ var LinkedAccountsComponent = ({
       className: "Layer__linked-accounts__title",
       size: "secondary" /* secondary */
     },
-    "Linked Accounts"
+    stringOverrides?.title || "Linked Accounts"
   )), isLoading && /* @__PURE__ */ import_react49.default.createElement("div", { className: "Layer__linked-accounts__loader-container" }, /* @__PURE__ */ import_react49.default.createElement(Loader2, null)), error && !isLoading ? /* @__PURE__ */ import_react49.default.createElement(
     DataState,
     {
@@ -4284,6 +4285,147 @@ var import_react72 = __toESM(require("react"));
 // src/components/BankTransactionList/BankTransactionListItem.tsx
 var import_react71 = __toESM(require("react"));
 
+// src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
+var import_react51 = require("react");
+var import_date_fns4 = require("date-fns");
+var import_swr3 = __toESM(require("swr"));
+var buildDates = ({ currentDate }) => {
+  return {
+    startYear: (0, import_date_fns4.startOfMonth)(currentDate).getFullYear() - 1,
+    startMonth: (0, import_date_fns4.startOfMonth)(currentDate).getMonth() + 1,
+    endYear: (0, import_date_fns4.startOfMonth)(currentDate).getFullYear(),
+    endMonth: (0, import_date_fns4.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] = (0, import_react51.useState)(currentDate);
+  const [loaded, setLoaded] = (0, import_react51.useState)("initial");
+  const [data, setData] = (0, import_react51.useState)([]);
+  const { startYear, startMonth, endYear, endMonth } = (0, import_react51.useMemo)(() => {
+    return buildDates({ currentDate: date });
+  }, [date, businessId, tagFilter, reportingBasis]);
+  const {
+    data: rawData,
+    isLoading,
+    isValidating,
+    error,
+    mutate
+  } = (0, import_swr3.default)(
+    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
+      }
+    })
+  );
+  (0, import_react51.useEffect)(() => {
+    const newData = data.slice();
+    const newPeriod = buildMonthsArray((0, import_date_fns4.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]);
+  (0, import_react51.useEffect)(() => {
+    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]);
+  (0, import_react51.useEffect)(() => {
+    if (isLoading && loaded === "initial") {
+      setLoaded("loading");
+      return;
+    }
+    if (!isLoading && rawData) {
+      setLoaded("complete");
+    }
+  }, [data, isLoading]);
+  const pullData = (date2) => setDate(date2);
+  (0, import_react51.useEffect)(() => {
+    if (isLoading || isValidating) {
+      read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */);
+    }
+  }, [isLoading, isValidating]);
+  (0, import_react51.useEffect)(() => {
+    if (hasBeenTouched("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */)) {
+      mutate();
+    }
+  }, [syncTimestamps]);
+  const refetch = () => {
+    mutate();
+  };
+  return {
+    data,
+    isLoading,
+    loaded,
+    error,
+    pullData,
+    refetch
+  };
+};
+
 // src/icons/ChevronDownFill.tsx
 var React57 = __toESM(require("react"));
 var ChevronDownFill = ({ size = 18, ...props }) => /* @__PURE__ */ React57.createElement(
@@ -4443,7 +4585,7 @@ var Scissors = ({ size = 11, ...props }) => /* @__PURE__ */ React58.createElemen
 var Scissors_default = Scissors;
 
 // src/components/CategorySelect/CategorySelect.tsx
-var import_react54 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
 
 // src/icons/Check.tsx
@@ -4546,20 +4688,20 @@ var MinimizeTwo = ({ size = 18, ...props }) => /* @__PURE__ */ React61.createEle
 var MinimizeTwo_default = MinimizeTwo;
 
 // src/components/CategorySelect/CategorySelectDrawer.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 
 // src/components/BankTransactionMobileList/BusinessCategories.tsx
-var import_react52 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 
 // src/components/ActionableList/ActionableList.tsx
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var import_classnames21 = __toESM(require("classnames"));
 var ActionableList = ({
   options,
   onClick,
   selected
 }) => {
-  return /* @__PURE__ */ import_react51.default.createElement("ul", { className: "Layer__actionable-list" }, options.map((x, idx) => /* @__PURE__ */ import_react51.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement("ul", { className: "Layer__actionable-list" }, options.map((x, idx) => /* @__PURE__ */ import_react52.default.createElement(
     "li",
     {
       role: "button",
@@ -4570,15 +4712,15 @@ var ActionableList = ({
         x.asLink && "Layer__actionable-list-item--as-link"
       )
     },
-    /* @__PURE__ */ import_react51.default.createElement(Text, null, x.label),
-    !x.asLink && selected && selected.id === x.id ? /* @__PURE__ */ import_react51.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement(Text, null, x.label),
+    !x.asLink && selected && selected.id === x.id ? /* @__PURE__ */ import_react52.default.createElement(
       Check_default,
       {
         size: 16,
         className: "Layer__actionable-list__selected-icon"
       }
     ) : null,
-    x.asLink && /* @__PURE__ */ import_react51.default.createElement(
+    x.asLink && /* @__PURE__ */ import_react52.default.createElement(
       ChevronRight_default,
       {
         size: 16,
@@ -4645,8 +4787,8 @@ var getAssignedValue = (bankTransaction) => {
 var BusinessCategories = ({ select }) => {
   const { categories } = useLayerContext();
   const categoryOptions = flattenCategories(categories);
-  const [optionsToShow, setOptionsToShow] = (0, import_react52.useState)(categoryOptions);
-  const [selectedGroup, setSelectedGroup] = (0, import_react52.useState)();
+  const [optionsToShow, setOptionsToShow] = (0, import_react53.useState)(categoryOptions);
+  const [selectedGroup, setSelectedGroup] = (0, import_react53.useState)();
   const onCategorySelect = (v) => {
     if (v.value.type === "GROUP" && v.value.items) {
       setOptionsToShow(v.value.items);
@@ -4655,14 +4797,14 @@ var BusinessCategories = ({ select }) => {
     }
     select(v);
   };
-  return /* @__PURE__ */ import_react52.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__categories_list-container" }, /* @__PURE__ */ import_react52.default.createElement(
+  return /* @__PURE__ */ import_react53.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__categories_list-container" }, /* @__PURE__ */ import_react53.default.createElement(
     Text,
     {
       weight: "bold" /* bold */,
       className: "Layer__bank-transaction-mobile-list-item__categories_list-title"
     },
     selectedGroup ?? "Select category"
-  ), /* @__PURE__ */ import_react52.default.createElement(
+  ), /* @__PURE__ */ import_react53.default.createElement(
     ActionableList,
     {
       options: optionsToShow,
@@ -4677,12 +4819,12 @@ var CategorySelectDrawer = ({
   onSelect,
   selected
 }) => {
-  const { setContent, close } = (0, import_react53.useContext)(DrawerContext);
+  const { setContent, close } = (0, import_react54.useContext)(DrawerContext);
   const onDrawerCategorySelect = (value) => {
     close();
     onSelect(value);
   };
-  return /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(
     "button",
     {
       "aria-label": "Select category",
@@ -4691,11 +4833,11 @@ var CategorySelectDrawer = ({
         selected && "Layer__category-menu__drawer-btn--selected"
       ),
       onClick: () => setContent(
-        /* @__PURE__ */ import_react53.default.createElement(CategorySelectDrawerContent, { onSelect: onDrawerCategorySelect })
+        /* @__PURE__ */ import_react54.default.createElement(CategorySelectDrawerContent, { onSelect: onDrawerCategorySelect })
       )
     },
     selected?.payload?.display_name ?? "Select...",
-    /* @__PURE__ */ import_react53.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       ChevronDown_default,
       {
         size: 16,
@@ -4706,7 +4848,7 @@ var CategorySelectDrawer = ({
 };
 var CategorySelectDrawerContent = ({
   onSelect
-}) => /* @__PURE__ */ import_react53.default.createElement(
+}) => /* @__PURE__ */ import_react54.default.createElement(
   BusinessCategories,
   {
     select: (option) => {
@@ -4722,7 +4864,7 @@ var CategorySelectDrawerContent = ({
 
 // src/components/CategorySelect/CategorySelect.tsx
 var import_classnames23 = __toESM(require("classnames"));
-var import_date_fns4 = require("date-fns");
+var import_date_fns5 = require("date-fns");
 var mapCategoryToOption2 = (category) => {
   return {
     type: "category" /* CATEGORY */,
@@ -4749,10 +4891,10 @@ var mapSuggestedMatchToOption = (record) => {
   };
 };
 var DropdownIndicator = (props) => {
-  return /* @__PURE__ */ import_react54.default.createElement(import_react_select.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react54.default.createElement(ChevronDown_default, null));
+  return /* @__PURE__ */ import_react55.default.createElement(import_react_select.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react55.default.createElement(ChevronDown_default, null));
 };
 var GroupHeading = (props) => {
-  return /* @__PURE__ */ import_react54.default.createElement(
+  return /* @__PURE__ */ import_react55.default.createElement(
     import_react_select.components.GroupHeading,
     {
       className: (0, import_classnames23.default)(
@@ -4768,24 +4910,24 @@ var Option2 = (props) => {
     return;
   }
   if (props.data.type === "match") {
-    return /* @__PURE__ */ import_react54.default.createElement(
+    return /* @__PURE__ */ import_react55.default.createElement(
       import_react_select.components.Option,
       {
         ...props,
         className: `${props.className} Layer__select__option-content__match`
       },
-      /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__select__option-content__match__main-row" }, /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-content__match__date" }, props.data.payload.date && (0, import_date_fns4.format)((0, import_date_fns4.parseISO)(props.data.payload.date), DATE_FORMAT)), /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-content__match__description" }, props.data.payload.display_name)),
-      /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__select__option-content__match__amount-row" }, /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-content__match__amount" }, "$", centsToDollars(props.data.payload.amount)))
+      /* @__PURE__ */ import_react55.default.createElement("div", { className: "Layer__select__option-content__match__main-row" }, /* @__PURE__ */ import_react55.default.createElement("span", { className: "Layer__select__option-content__match__date" }, props.data.payload.date && (0, import_date_fns5.format)((0, import_date_fns5.parseISO)(props.data.payload.date), DATE_FORMAT)), /* @__PURE__ */ import_react55.default.createElement("span", { className: "Layer__select__option-content__match__description" }, props.data.payload.display_name)),
+      /* @__PURE__ */ import_react55.default.createElement("div", { className: "Layer__select__option-content__match__amount-row" }, /* @__PURE__ */ import_react55.default.createElement("span", { className: "Layer__select__option-content__match__amount" }, "$", centsToDollars(props.data.payload.amount)))
     );
   }
-  return /* @__PURE__ */ import_react54.default.createElement(
+  return /* @__PURE__ */ import_react55.default.createElement(
     import_react_select.components.Option,
     {
       ...props,
       className: `Layer__select__option-menu-content ${props.className}`
     },
-    /* @__PURE__ */ import_react54.default.createElement("div", null, props.data.payload.display_name),
-    props.isSelected ? /* @__PURE__ */ import_react54.default.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ import_react54.default.createElement(Check_default, { size: 16 })) : null
+    /* @__PURE__ */ import_react55.default.createElement("div", null, props.data.payload.display_name),
+    props.isSelected ? /* @__PURE__ */ import_react55.default.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ import_react55.default.createElement(Check_default, { size: 16 })) : null
   );
 };
 var allCategoriesDivider = [
@@ -4871,9 +5013,9 @@ var CategorySelect = ({
   const selected = value ? value : !excludeMatches && matchOptions?.length === 1 && matchOptions[0].options.length === 1 ? matchOptions[0].options[0] : void 0;
   const placeholder = matchOptions?.length === 1 && matchOptions[0].options.length > 1 ? `${matchOptions[0].options.length} possible matches...` : "Categorize or match...";
   if (asDrawer) {
-    return /* @__PURE__ */ import_react54.default.createElement(CategorySelectDrawer, { onSelect: onChange, selected: value });
+    return /* @__PURE__ */ import_react55.default.createElement(CategorySelectDrawer, { onSelect: onChange, selected: value });
   }
-  return /* @__PURE__ */ import_react54.default.createElement(
+  return /* @__PURE__ */ import_react55.default.createElement(
     import_react_select.default,
     {
       name,
@@ -4886,7 +5028,7 @@ var CategorySelect = ({
       isSearchable: true,
       placeholder,
       defaultValue: selected,
-      formatOptionLabel: (props) => /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__select__option-label" }, props.type === "match" && /* @__PURE__ */ import_react54.default.createElement(Badge, { size: "small" /* SMALL */, icon: /* @__PURE__ */ import_react54.default.createElement(MinimizeTwo_default, { size: 11 }) }, "Match"), /* @__PURE__ */ import_react54.default.createElement("span", null, props.payload.display_name)),
+      formatOptionLabel: (props) => /* @__PURE__ */ import_react55.default.createElement("div", { className: "Layer__select__option-label" }, props.type === "match" && /* @__PURE__ */ import_react55.default.createElement(Badge, { size: "small" /* SMALL */, icon: /* @__PURE__ */ import_react55.default.createElement(MinimizeTwo_default, { size: 11 }) }, "Match"), /* @__PURE__ */ import_react55.default.createElement("span", null, props.payload.display_name)),
       value,
       onChange: (newValue) => newValue && onChange(newValue),
       getOptionLabel: (category) => category.payload.display_name,
@@ -5018,7 +5160,7 @@ var Trash = ({ size = 18, ...props }) => /* @__PURE__ */ React67.createElement(
 var Trash_default = Trash;
 
 // src/components/Input/Input.tsx
-var import_react55 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 var import_classnames24 = __toESM(require("classnames"));
 var Input = ({
   className,
@@ -5033,11 +5175,11 @@ var Input = ({
     leftText ? "Layer__input--with-left-text" : "",
     className
   );
-  return /* @__PURE__ */ import_react55.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react55.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react55.default.createElement("input", { ...props, className: baseClassName }), leftText && /* @__PURE__ */ import_react55.default.createElement("span", { className: "Layer__input-left-text" }, leftText)), /* @__PURE__ */ import_react55.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
+  return /* @__PURE__ */ import_react56.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react56.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react56.default.createElement("input", { ...props, className: baseClassName }), leftText && /* @__PURE__ */ import_react56.default.createElement("span", { className: "Layer__input-left-text" }, leftText)), /* @__PURE__ */ import_react56.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
 };
 
 // src/components/Input/InputGroup.tsx
-var import_react56 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 var import_classnames25 = __toESM(require("classnames"));
 var InputGroup = ({
   label,
@@ -5051,7 +5193,7 @@ var InputGroup = ({
     className,
     inline && "Layer__input-group--inline"
   );
-  return /* @__PURE__ */ import_react56.default.createElement("div", { className: baseClassName }, label && /* @__PURE__ */ import_react56.default.createElement(
+  return /* @__PURE__ */ import_react57.default.createElement("div", { className: baseClassName }, label && /* @__PURE__ */ import_react57.default.createElement(
     Text,
     {
       as: "label",
@@ -5064,7 +5206,7 @@ var InputGroup = ({
 };
 
 // src/components/Input/FileInput.tsx
-var import_react57 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 
 // src/icons/UploadCloud.tsx
 var React70 = __toESM(require("react"));
@@ -5119,7 +5261,7 @@ var UploadCloud_default = UploadCloud;
 
 // src/components/Input/FileInput.tsx
 var FileInput = ({ text = "Upload", onUpload }) => {
-  const hiddenFileInput = (0, import_react57.useRef)(null);
+  const hiddenFileInput = (0, import_react58.useRef)(null);
   const onClick = () => {
     if (hiddenFileInput.current) {
       hiddenFileInput.current.click();
@@ -5131,15 +5273,15 @@ var FileInput = ({ text = "Upload", onUpload }) => {
       onUpload(fileUploaded);
     }
   };
-  return /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement(
+  return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, /* @__PURE__ */ import_react58.default.createElement(
     Button,
     {
       onClick,
       variant: "secondary" /* secondary */,
-      rightIcon: /* @__PURE__ */ import_react57.default.createElement(UploadCloud_default, null)
+      rightIcon: /* @__PURE__ */ import_react58.default.createElement(UploadCloud_default, null)
     },
     text
-  ), /* @__PURE__ */ import_react57.default.createElement(
+  ), /* @__PURE__ */ import_react58.default.createElement(
     "input",
     {
       type: "file",
@@ -5151,11 +5293,11 @@ var FileInput = ({ text = "Upload", onUpload }) => {
 };
 
 // src/components/Input/Select.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var import_react_select2 = __toESM(require("react-select"));
 var import_classnames26 = __toESM(require("classnames"));
 var DropdownIndicator2 = (props) => {
-  return /* @__PURE__ */ import_react58.default.createElement(import_react_select2.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react58.default.createElement(ChevronDownFill_default, null));
+  return /* @__PURE__ */ import_react59.default.createElement(import_react_select2.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react59.default.createElement(ChevronDownFill_default, null));
 };
 var Select2 = ({
   name,
@@ -5174,7 +5316,7 @@ var Select2 = ({
     isInvalid ? "Layer__select--error" : "",
     className
   );
-  return /* @__PURE__ */ import_react58.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react58.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react58.default.createElement(
+  return /* @__PURE__ */ import_react59.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react59.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react59.default.createElement(
     import_react_select2.default,
     {
       name,
@@ -5189,11 +5331,11 @@ var Select2 = ({
       components: { DropdownIndicator: DropdownIndicator2 },
       isDisabled: disabled
     }
-  )), /* @__PURE__ */ import_react58.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
+  )), /* @__PURE__ */ import_react59.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
 };
 
 // src/components/Input/InputWithBadge.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 var import_classnames27 = __toESM(require("classnames"));
 var InputWithBadge = ({
   className,
@@ -5210,15 +5352,15 @@ var InputWithBadge = ({
     leftText ? "Layer__input--with-left-text" : "",
     className
   );
-  return /* @__PURE__ */ import_react59.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react59.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "Layer__input-with-badge" }, /* @__PURE__ */ import_react59.default.createElement("input", { ...props, className: baseClassName }), badge && /* @__PURE__ */ import_react59.default.createElement(Badge, { variant }, badge)), leftText && /* @__PURE__ */ import_react59.default.createElement("span", { className: "Layer__input-left-text" }, leftText)), /* @__PURE__ */ import_react59.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
+  return /* @__PURE__ */ import_react60.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react60.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "Layer__input-with-badge" }, /* @__PURE__ */ import_react60.default.createElement("input", { ...props, className: baseClassName }), badge && /* @__PURE__ */ import_react60.default.createElement(Badge, { variant }, badge)), leftText && /* @__PURE__ */ import_react60.default.createElement("span", { className: "Layer__input-left-text" }, leftText)), /* @__PURE__ */ import_react60.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
 };
 
 // src/components/MatchForm/MatchForm.tsx
-var import_react61 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 
 // src/components/BankTransactionRow/MatchBadge.tsx
-var import_react60 = __toESM(require("react"));
-var import_date_fns5 = require("date-fns");
+var import_react61 = __toESM(require("react"));
+var import_date_fns6 = require("date-fns");
 var MatchBadge = ({
   bankTransaction,
   classNamePrefix,
@@ -5227,11 +5369,11 @@ var MatchBadge = ({
 }) => {
   if (bankTransaction.categorization_status === "MATCHED" /* MATCHED */ && bankTransaction.match) {
     const { date, amount } = bankTransaction.match.bank_transaction;
-    return /* @__PURE__ */ import_react60.default.createElement(
+    return /* @__PURE__ */ import_react61.default.createElement(
       Badge,
       {
-        icon: /* @__PURE__ */ import_react60.default.createElement(MinimizeTwo_default, { size: 11 }),
-        tooltip: /* @__PURE__ */ import_react60.default.createElement("span", { className: `${classNamePrefix}__match-tooltip` }, /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__date` }, (0, import_date_fns5.format)((0, import_date_fns5.parseISO)(date), dateFormat)), /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__description` }, bankTransaction.match?.details?.description ?? ""), /* @__PURE__ */ import_react60.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__amount` }, "$", centsToDollars(amount)))
+        icon: /* @__PURE__ */ import_react61.default.createElement(MinimizeTwo_default, { size: 11 }),
+        tooltip: /* @__PURE__ */ import_react61.default.createElement("span", { className: `${classNamePrefix}__match-tooltip` }, /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__date` }, (0, import_date_fns6.format)((0, import_date_fns6.parseISO)(date), dateFormat)), /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__description` }, bankTransaction.match?.details?.description ?? ""), /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-tooltip__amount` }, "$", centsToDollars(amount)))
       },
       text
     );
@@ -5241,7 +5383,7 @@ var MatchBadge = ({
 
 // src/components/MatchForm/MatchForm.tsx
 var import_classnames28 = __toESM(require("classnames"));
-var import_date_fns6 = require("date-fns");
+var import_date_fns7 = require("date-fns");
 var MatchForm = ({
   classNamePrefix,
   bankTransaction,
@@ -5249,13 +5391,13 @@ var MatchForm = ({
   setSelectedMatchId,
   matchFormError
 }) => {
-  return /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table` }, /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__header` }, /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__date` }, "Date"), /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__desc` }, "Description"), /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__amount` }, "Amount"), /* @__PURE__ */ import_react61.default.createElement(
+  return /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table` }, /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__header` }, /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__date` }, "Date"), /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__desc` }, "Description"), /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__amount` }, "Amount"), /* @__PURE__ */ import_react62.default.createElement(
     "div",
     {
       className: `${classNamePrefix}__match-table__status ${bankTransaction.match ? "" : "no-match"}`
     }
   )), bankTransaction.suggested_matches?.map((match, idx) => {
-    return /* @__PURE__ */ import_react61.default.createElement(
+    return /* @__PURE__ */ import_react62.default.createElement(
       "div",
       {
         key: idx,
@@ -5271,15 +5413,15 @@ var MatchForm = ({
           setSelectedMatchId(match.id);
         }
       },
-      /* @__PURE__ */ import_react61.default.createElement(
+      /* @__PURE__ */ import_react62.default.createElement(
         "div",
         {
           className: `Layer__nowrap ${classNamePrefix}__match-table__date`
         },
-        /* @__PURE__ */ import_react61.default.createElement("span", null, (0, import_date_fns6.format)((0, import_date_fns6.parseISO)(match.details.date), DATE_FORMAT)),
-        /* @__PURE__ */ import_react61.default.createElement("span", { className: "amount-next-to-date" }, "$", centsToDollars(match.details.amount))
+        /* @__PURE__ */ import_react62.default.createElement("span", null, (0, import_date_fns7.format)((0, import_date_fns7.parseISO)(match.details.date), DATE_FORMAT)),
+        /* @__PURE__ */ import_react62.default.createElement("span", { className: "amount-next-to-date" }, "$", centsToDollars(match.details.amount))
       ),
-      /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__desc` }, /* @__PURE__ */ import_react61.default.createElement(
+      /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__desc` }, /* @__PURE__ */ import_react62.default.createElement(
         Text,
         {
           className: `${classNamePrefix}__match-table__desc-tooltip`,
@@ -5287,7 +5429,7 @@ var MatchForm = ({
           as: "span"
         },
         match.details.description
-      ), match.details.id === bankTransaction.match?.details.id && /* @__PURE__ */ import_react61.default.createElement("span", { className: "match-badge" }, /* @__PURE__ */ import_react61.default.createElement(
+      ), match.details.id === bankTransaction.match?.details.id && /* @__PURE__ */ import_react62.default.createElement("span", { className: "match-badge" }, /* @__PURE__ */ import_react62.default.createElement(
         MatchBadge,
         {
           classNamePrefix,
@@ -5296,13 +5438,13 @@ var MatchForm = ({
           text: "Matched"
         }
       ))),
-      /* @__PURE__ */ import_react61.default.createElement("div", { className: `${classNamePrefix}__match-table__amount` }, "$", centsToDollars(match.details.amount)),
-      /* @__PURE__ */ import_react61.default.createElement(
+      /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-table__amount` }, "$", centsToDollars(match.details.amount)),
+      /* @__PURE__ */ import_react62.default.createElement(
         "div",
         {
           className: `${classNamePrefix}__match-table__status ${bankTransaction.match ? "" : "no-match"}`
         },
-        match.details.id === bankTransaction.match?.details.id && /* @__PURE__ */ import_react61.default.createElement(
+        match.details.id === bankTransaction.match?.details.id && /* @__PURE__ */ import_react62.default.createElement(
           MatchBadge,
           {
             classNamePrefix,
@@ -5313,13 +5455,13 @@ var MatchForm = ({
         )
       )
     );
-  }), matchFormError && /* @__PURE__ */ import_react61.default.createElement(ErrorText, null, matchFormError));
+  }), matchFormError && /* @__PURE__ */ import_react62.default.createElement(ErrorText, null, matchFormError));
 };
 
 // src/components/MatchForm/MatchFormMobile.tsx
-var import_react62 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 var import_classnames29 = __toESM(require("classnames"));
-var import_date_fns7 = require("date-fns");
+var import_date_fns8 = require("date-fns");
 var MatchFormMobile = ({
   classNamePrefix,
   bankTransaction,
@@ -5327,8 +5469,8 @@ var MatchFormMobile = ({
   setSelectedMatchId,
   matchFormError
 }) => {
-  return /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-list` }, bankTransaction.suggested_matches?.map((match, idx) => {
-    return /* @__PURE__ */ import_react62.default.createElement(
+  return /* @__PURE__ */ import_react63.default.createElement("div", { className: `${classNamePrefix}__match-list` }, bankTransaction.suggested_matches?.map((match, idx) => {
+    return /* @__PURE__ */ import_react63.default.createElement(
       "div",
       {
         key: idx,
@@ -5344,14 +5486,14 @@ var MatchFormMobile = ({
           setSelectedMatchId(match.id);
         }
       },
-      /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-item__col-details` }, /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-item__heading` }, /* @__PURE__ */ import_react62.default.createElement(
+      /* @__PURE__ */ import_react63.default.createElement("div", { className: `${classNamePrefix}__match-item__col-details` }, /* @__PURE__ */ import_react63.default.createElement("div", { className: `${classNamePrefix}__match-item__heading` }, /* @__PURE__ */ import_react63.default.createElement(
         Text,
         {
           className: `${classNamePrefix}__match-item__name`,
           as: "span"
         },
         match.details.description
-      ), /* @__PURE__ */ import_react62.default.createElement(
+      ), /* @__PURE__ */ import_react63.default.createElement(
         Text,
         {
           className: `${classNamePrefix}__match-item__amount`,
@@ -5359,16 +5501,16 @@ var MatchFormMobile = ({
         },
         "$",
         centsToDollars(match.details.amount)
-      )), /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-item__details` }, /* @__PURE__ */ import_react62.default.createElement(
+      )), /* @__PURE__ */ import_react63.default.createElement("div", { className: `${classNamePrefix}__match-item__details` }, /* @__PURE__ */ import_react63.default.createElement(
         Text,
         {
           className: `${classNamePrefix}__match-item__date`,
           size: "sm" /* sm */,
           as: "span"
         },
-        (0, import_date_fns7.format)((0, import_date_fns7.parseISO)(match.details.date), MONTH_DAY_FORMAT)
+        (0, import_date_fns8.format)((0, import_date_fns8.parseISO)(match.details.date), MONTH_DAY_FORMAT)
       ))),
-      /* @__PURE__ */ import_react62.default.createElement("div", { className: `${classNamePrefix}__match-item__col-status` }, selectedMatchId && selectedMatchId === match.id ? /* @__PURE__ */ import_react62.default.createElement(
+      /* @__PURE__ */ import_react63.default.createElement("div", { className: `${classNamePrefix}__match-item__col-status` }, selectedMatchId && selectedMatchId === match.id ? /* @__PURE__ */ import_react63.default.createElement(
         Check_default,
         {
           size: 16,
@@ -5376,11 +5518,11 @@ var MatchFormMobile = ({
         }
       ) : null)
     );
-  }), matchFormError && /* @__PURE__ */ import_react62.default.createElement(ErrorText, null, matchFormError));
+  }), matchFormError && /* @__PURE__ */ import_react63.default.createElement(ErrorText, null, matchFormError));
 };
 
 // src/components/Textarea/Textarea.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var import_classnames30 = __toESM(require("classnames"));
 var Textarea = ({
   className,
@@ -5393,11 +5535,11 @@ var Textarea = ({
     isInvalid ? "Layer__textarea--error" : "",
     className
   );
-  return /* @__PURE__ */ import_react63.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react63.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react63.default.createElement("textarea", { ...props, className: baseClassName })), /* @__PURE__ */ import_react63.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
+  return /* @__PURE__ */ import_react64.default.createElement(Tooltip, { disabled: !isInvalid || !errorMessage }, /* @__PURE__ */ import_react64.default.createElement(TooltipTrigger, { className: "Layer__input-tooltip" }, /* @__PURE__ */ import_react64.default.createElement("textarea", { ...props, className: baseClassName })), /* @__PURE__ */ import_react64.default.createElement(TooltipContent, { className: "Layer__tooltip" }, errorMessage));
 };
 
 // src/components/Toggle/Toggle.tsx
-var import_react64 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 var import_classnames31 = __toESM(require("classnames"));
 var Toggle = ({
   name,
@@ -5406,9 +5548,9 @@ var Toggle = ({
   onChange,
   size = "medium" /* medium */
 }) => {
-  const [currentWidth, setCurrentWidth] = (0, import_react64.useState)(0);
-  const [thumbPos, setThumbPos] = (0, import_react64.useState)({ left: 0, width: 0 });
-  const [initialized, setInitialized] = (0, import_react64.useState)(false);
+  const [currentWidth, setCurrentWidth] = (0, import_react65.useState)(0);
+  const [thumbPos, setThumbPos] = (0, import_react65.useState)({ left: 0, width: 0 });
+  const [initialized, setInitialized] = (0, import_react65.useState)(false);
   const toggleRef = useElementSize((a, b, c) => {
     if (c.width && c?.width !== currentWidth) {
       setCurrentWidth(c.width);
@@ -5443,14 +5585,14 @@ var Toggle = ({
     shift2 = shift2 + (size === "medium" /* medium */ ? 2 : 1.5);
     setThumbPos({ left: shift2, width });
   };
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateThumbPosition(selectedIndex);
     setTimeout(() => {
       setInitialized(true);
     }, 400);
   }, []);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateThumbPosition(selectedIndex);
   }, [currentWidth]);
@@ -5463,7 +5605,7 @@ var Toggle = ({
     }
     return selectedIndex;
   };
-  return /* @__PURE__ */ import_react64.default.createElement("div", { className: baseClassName, ref: toggleRef }, options.map((option, index) => /* @__PURE__ */ import_react64.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement("div", { className: baseClassName, ref: toggleRef }, options.map((option, index) => /* @__PURE__ */ import_react65.default.createElement(
     ToggleOption,
     {
       ...option,
@@ -5476,7 +5618,7 @@ var Toggle = ({
       disabledMessage: option.disabledMessage,
       index
     }
-  )), /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__toggle__thumb", style: { ...thumbPos } }));
+  )), /* @__PURE__ */ import_react65.default.createElement("span", { className: "Layer__toggle__thumb", style: { ...thumbPos } }));
 };
 var ToggleOption = ({
   checked,
@@ -5492,14 +5634,14 @@ var ToggleOption = ({
   index
 }) => {
   if (disabled) {
-    return /* @__PURE__ */ import_react64.default.createElement(Tooltip, null, /* @__PURE__ */ import_react64.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react64.default.createElement(
+    return /* @__PURE__ */ import_react65.default.createElement(Tooltip, null, /* @__PURE__ */ import_react65.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react65.default.createElement(
       "label",
       {
         className: `Layer__toggle-option`,
         "data-checked": checked,
         style
       },
-      /* @__PURE__ */ import_react64.default.createElement(
+      /* @__PURE__ */ import_react65.default.createElement(
         "input",
         {
           type: "radio",
@@ -5511,17 +5653,17 @@ var ToggleOption = ({
           "data-idx": index
         }
       ),
-      /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__toggle-option-content" }, leftIcon && /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__toggle-option__icon" }, leftIcon), /* @__PURE__ */ import_react64.default.createElement("span", null, label))
-    )), /* @__PURE__ */ import_react64.default.createElement(TooltipContent, { className: "Layer__tooltip" }, disabledMessage));
+      /* @__PURE__ */ import_react65.default.createElement("span", { className: "Layer__toggle-option-content" }, leftIcon && /* @__PURE__ */ import_react65.default.createElement("span", { className: "Layer__toggle-option__icon" }, leftIcon), /* @__PURE__ */ import_react65.default.createElement("span", null, label))
+    )), /* @__PURE__ */ import_react65.default.createElement(TooltipContent, { className: "Layer__tooltip" }, disabledMessage));
   }
-  return /* @__PURE__ */ import_react64.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement(
     "label",
     {
       className: `Layer__toggle-option`,
       "data-checked": checked,
       style
     },
-    /* @__PURE__ */ import_react64.default.createElement(
+    /* @__PURE__ */ import_react65.default.createElement(
       "input",
       {
         type: "radio",
@@ -5533,12 +5675,12 @@ var ToggleOption = ({
         "data-idx": index
       }
     ),
-    /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__toggle-option-content" }, leftIcon && /* @__PURE__ */ import_react64.default.createElement("span", { className: "Layer__toggle-option__icon" }, leftIcon), /* @__PURE__ */ import_react64.default.createElement("span", null, label))
+    /* @__PURE__ */ import_react65.default.createElement("span", { className: "Layer__toggle-option-content" }, leftIcon && /* @__PURE__ */ import_react65.default.createElement("span", { className: "Layer__toggle-option__icon" }, leftIcon), /* @__PURE__ */ import_react65.default.createElement("span", null, label))
   );
 };
 
 // src/components/ExpandedBankTransactionRow/APIErrorNotifications.tsx
-var import_react65 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 var ERROR_TITLE = "Approval Failed";
 var ERROR_MESSAGE = "Something went wrong, try again later";
 var NOTIFICATION_TIME = 4e3;
@@ -5548,7 +5690,7 @@ var APIErrorNotifications = ({
   bankTransaction,
   containerWidth
 }) => {
-  const [notifications, setNotifications] = (0, import_react65.useState)([]);
+  const [notifications, setNotifications] = (0, import_react66.useState)([]);
   const pushNotification = (title, message) => {
     const timestamp = (/* @__PURE__ */ new Date()).valueOf();
     if (notificationsCache.find(
@@ -5577,18 +5719,18 @@ var APIErrorNotifications = ({
     );
     setNotifications(notificationsCache.concat());
   };
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (bankTransaction.error) {
       pushNotification(ERROR_TITLE, ERROR_MESSAGE);
     }
   }, [bankTransaction.error]);
-  return /* @__PURE__ */ import_react65.default.createElement(
+  return /* @__PURE__ */ import_react66.default.createElement(
     "div",
     {
       className: "Layer__bank-transactions__notifications",
       style: containerWidth ? { left: containerWidth - 324 } : {}
     },
-    notifications.filter((n) => n.bankTransactionId === bankTransaction.id).map((notification) => /* @__PURE__ */ import_react65.default.createElement(
+    notifications.filter((n) => n.bankTransactionId === bankTransaction.id).map((notification) => /* @__PURE__ */ import_react66.default.createElement(
       Notification,
       {
         key: notification.timestamp,
@@ -5602,8 +5744,8 @@ var Notification = ({
   notification,
   deleteNotification
 }) => {
-  const [visible, setVisible] = (0, import_react65.useState)(false);
-  (0, import_react65.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react66.useState)(false);
+  (0, import_react66.useEffect)(() => {
     setVisible(true);
     const timer = setTimeout(() => {
       hideNotification();
@@ -5616,20 +5758,20 @@ var Notification = ({
       deleteNotification(notification.timestamp);
     }, FADE_OUT_TIME_WAIT);
   };
-  return /* @__PURE__ */ import_react65.default.createElement(
+  return /* @__PURE__ */ import_react66.default.createElement(
     "div",
     {
       className: `Layer__bank-transactions__notification ${visible ? "notification-enter" : "notification-exit"}`,
       onClick: hideNotification
     },
-    /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__bank-transactions__notification-content" }, /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__bank-transactions__notification-icon" }, /* @__PURE__ */ import_react65.default.createElement(AlertOctagon_default, { size: 14 })), /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__bank-transactions__notification-text" }, /* @__PURE__ */ import_react65.default.createElement(
+    /* @__PURE__ */ import_react66.default.createElement("div", { className: "Layer__bank-transactions__notification-content" }, /* @__PURE__ */ import_react66.default.createElement("div", { className: "Layer__bank-transactions__notification-icon" }, /* @__PURE__ */ import_react66.default.createElement(AlertOctagon_default, { size: 14 })), /* @__PURE__ */ import_react66.default.createElement("div", { className: "Layer__bank-transactions__notification-text" }, /* @__PURE__ */ import_react66.default.createElement(
       Text,
       {
         as: "span",
         className: "Layer__bank-transactions__notification-title"
       },
       notification.title
-    ), /* @__PURE__ */ import_react65.default.createElement(
+    ), /* @__PURE__ */ import_react66.default.createElement(
       Text,
       {
         as: "span",
@@ -5642,149 +5784,6 @@ var Notification = ({
 
 // src/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow.tsx
 var import_classnames32 = __toESM(require("classnames"));
-
-// src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
-var import_react66 = require("react");
-var import_date_fns8 = require("date-fns");
-var import_swr3 = __toESM(require("swr"));
-var buildDates = ({ currentDate }) => {
-  return {
-    startYear: (0, import_date_fns8.startOfMonth)(currentDate).getFullYear() - 1,
-    startMonth: (0, import_date_fns8.startOfMonth)(currentDate).getMonth() + 1,
-    endYear: (0, import_date_fns8.startOfMonth)(currentDate).getFullYear(),
-    endMonth: (0, import_date_fns8.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] = (0, import_react66.useState)(currentDate);
-  const [loaded, setLoaded] = (0, import_react66.useState)("initial");
-  const [data, setData] = (0, import_react66.useState)([]);
-  const { startYear, startMonth, endYear, endMonth } = (0, import_react66.useMemo)(() => {
-    return buildDates({ currentDate: date });
-  }, [date, businessId, tagFilter, reportingBasis]);
-  const {
-    data: rawData,
-    isLoading,
-    isValidating,
-    error,
-    mutate
-  } = (0, import_swr3.default)(
-    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
-      }
-    })
-  );
-  (0, import_react66.useEffect)(() => {
-    const newData = data.slice();
-    const newPeriod = buildMonthsArray((0, import_date_fns8.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]);
-  (0, import_react66.useEffect)(() => {
-    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]);
-  (0, import_react66.useEffect)(() => {
-    if (isLoading && loaded === "initial") {
-      setLoaded("loading");
-      return;
-    }
-    if (!isLoading && rawData) {
-      setLoaded("complete");
-    }
-  }, [data, isLoading]);
-  const pullData = (date2) => setDate(date2);
-  (0, import_react66.useEffect)(() => {
-    if (isLoading || isValidating) {
-      read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */);
-    }
-  }, [isLoading, isValidating]);
-  (0, import_react66.useEffect)(() => {
-    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(
@@ -6336,7 +6335,8 @@ var BankTransactionRow = ({
   initialLoad,
   showDescriptions,
   showReceiptUploads,
-  hardRefreshPnlOnCategorize
+  hardRefreshPnlOnCategorize,
+  stringOverrides
 }) => {
   const expandedRowRef = (0, import_react69.useRef)(null);
   const [showRetry, setShowRetry] = (0, import_react69.useState)(false);
@@ -6562,7 +6562,7 @@ var BankTransactionRow = ({
           active: open,
           action: categorized ? "save" /* SAVE */ : "update" /* UPDATE */
         },
-        categorized ? "Update" : "Approve"
+        categorized ? stringOverrides?.updateButtonText || "Update" : stringOverrides?.approveButtonText || "Approve"
       ) : null,
       /* @__PURE__ */ import_react69.default.createElement(
         IconButton,
@@ -6644,7 +6644,8 @@ var BankTransactionListItem = ({
   showReceiptUploads,
   hardRefreshPnlOnCategorize,
   containerWidth,
-  removeTransaction
+  removeTransaction,
+  stringOverrides
 }) => {
   const expandedRowRef = (0, import_react71.useRef)(null);
   const [showRetry, setShowRetry] = (0, import_react71.useState)(false);
@@ -6737,7 +6738,7 @@ var BankTransactionListItem = ({
       close: () => setOpen(false),
       categorized,
       asListItem: true,
-      submitBtnText: categorized ? "Update" : "Approve",
+      submitBtnText: categorized ? stringOverrides?.updateButtonText || "Update" : stringOverrides?.approveButtonText || "Approve",
       containerWidth,
       showDescriptions,
       showReceiptUploads,
@@ -6767,7 +6768,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__ */ import_react71.default.createElement(
     RetryButton,
     {
@@ -6792,7 +6793,8 @@ var BankTransactionList = ({
   containerWidth,
   showDescriptions = false,
   showReceiptUploads = false,
-  hardRefreshPnlOnCategorize = false
+  hardRefreshPnlOnCategorize = false,
+  stringOverrides
 }) => {
   return /* @__PURE__ */ import_react72.default.createElement("ul", { className: "Layer__bank-transactions__list" }, bankTransactions?.map(
     (bankTransaction, index) => /* @__PURE__ */ import_react72.default.createElement(
@@ -6807,7 +6809,8 @@ var BankTransactionList = ({
         containerWidth,
         showDescriptions,
         showReceiptUploads,
-        hardRefreshPnlOnCategorize
+        hardRefreshPnlOnCategorize,
+        stringOverrides
       }
     )
   ));
@@ -7626,6 +7629,7 @@ var BankTransactionsTable = ({
   showDescriptions = false,
   showReceiptUploads = false,
   hardRefreshPnlOnCategorize = false,
+  stringOverrides,
   isSyncing = false,
   page,
   lastPage,
@@ -7637,7 +7641,7 @@ var BankTransactionsTable = ({
       width: "100%",
       className: "Layer__table Layer__bank-transactions__table with-cell-separators"
     },
-    /* @__PURE__ */ import_react86.default.createElement("thead", null, /* @__PURE__ */ import_react86.default.createElement("tr", null, /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__date-col" }, "Date"), /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__tx-col" }, "Transaction"), /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__account-col" }, "Account"), /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount Layer__table-cell__amount-col" }, "Amount"), categorizeView && editable ? /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__table-header--primary Layer__table-cell__category-col" }, "Categorize") : /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__table-cell__category-col" }, "Category"))),
+    /* @__PURE__ */ import_react86.default.createElement("thead", null, /* @__PURE__ */ import_react86.default.createElement("tr", null, /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__date-col" }, stringOverrides?.transactionsTable?.dateColumnHeaderText || "Date"), /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__tx-col" }, stringOverrides?.transactionsTable?.transactionColumnHeaderText || "Transaction"), /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__account-col" }, stringOverrides?.transactionsTable?.accountColumnHeaderText || "Account"), /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount Layer__table-cell__amount-col" }, stringOverrides?.transactionsTable?.amountColumnHeaderText || "Amount"), categorizeView && editable ? /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__table-header--primary Layer__table-cell__category-col" }, stringOverrides?.transactionsTable?.categorizeColumnHeaderText || "Categorize") : /* @__PURE__ */ import_react86.default.createElement("th", { className: "Layer__table-header Layer__table-cell__category-col" }, stringOverrides?.transactionsTable?.categoryColumnHeaderText || "Category"))),
     isLoading && page && page === 1 ? /* @__PURE__ */ import_react86.default.createElement(BankTransactionsLoader, { isLoading: true }) : null,
     !isLoading && isSyncing && page && page === 1 ? /* @__PURE__ */ import_react86.default.createElement(BankTransactionsLoader, { isLoading: false }) : null,
     /* @__PURE__ */ import_react86.default.createElement("tbody", null, !isLoading && bankTransactions?.map(
@@ -7654,7 +7658,8 @@ var BankTransactionsTable = ({
           containerWidth,
           showDescriptions,
           showReceiptUploads,
-          hardRefreshPnlOnCategorize
+          hardRefreshPnlOnCategorize,
+          stringOverrides: stringOverrides?.bankTransactionCTAs
         }
       )
     ), isSyncing && (lastPage || (!bankTransactions || bankTransactions.length === 0) && page === 1) ? /* @__PURE__ */ import_react86.default.createElement("tr", null, /* @__PURE__ */ import_react86.default.createElement("td", { colSpan: 3 }, /* @__PURE__ */ import_react86.default.createElement(
@@ -8429,7 +8434,9 @@ var Tabs = ({ name, options, selected, onChange }) => {
 // src/components/BankTransactions/BankTransactionsHeader.tsx
 var import_classnames42 = __toESM(require("classnames"));
 var import_date_fns15 = require("date-fns");
-var DownloadButton = () => {
+var DownloadButton = ({
+  downloadButtonTextOverride
+}) => {
   const { auth, businessId, apiUrl } = useLayerContext();
   const [requestFailed, setRequestFailed] = (0, import_react95.useState)(false);
   const handleClick = async () => {
@@ -8471,7 +8478,7 @@ var DownloadButton = () => {
       rightIcon: /* @__PURE__ */ import_react95.default.createElement(DownloadCloud_default, { size: 12 }),
       onClick: handleClick
     },
-    "Download"
+    downloadButtonTextOverride || "Download"
   );
 };
 var BankTransactionsHeader = ({
@@ -8486,6 +8493,7 @@ var BankTransactionsHeader = ({
   listView,
   dateRange,
   setDateRange,
+  stringOverrides,
   isSyncing
 }) => {
   const { business } = useLayerContext();
@@ -8505,7 +8513,7 @@ var BankTransactionsHeader = ({
         className: "Layer__bank-transactions__title",
         size: asWidget ? "secondary" /* secondary */ : "secondary" /* secondary */
       },
-      "Transactions"
+      stringOverrides?.header || "Transactions"
     ), isSyncing && /* @__PURE__ */ import_react95.default.createElement(
       SyncingComponent,
       {
@@ -8529,7 +8537,12 @@ var BankTransactionsHeader = ({
         minDate: getEarliestDateToBrowse(business)
       }
     ) : null),
-    /* @__PURE__ */ import_react95.default.createElement("div", { className: "Layer__header__actions-wrapper" }, !categorizedOnly && !(mobileComponent == "mobileList" && listView) && categorizeView && /* @__PURE__ */ import_react95.default.createElement("div", { className: "Layer__header__actions" }, /* @__PURE__ */ import_react95.default.createElement(DownloadButton, null), /* @__PURE__ */ import_react95.default.createElement(
+    /* @__PURE__ */ import_react95.default.createElement("div", { className: "Layer__header__actions-wrapper" }, !categorizedOnly && !(mobileComponent == "mobileList" && listView) && categorizeView && /* @__PURE__ */ import_react95.default.createElement("div", { className: "Layer__header__actions" }, /* @__PURE__ */ import_react95.default.createElement(
+      DownloadButton,
+      {
+        downloadButtonTextOverride: stringOverrides?.downloadButton
+      }
+    ), /* @__PURE__ */ import_react95.default.createElement(
       Toggle,
       {
         name: "bank-transaction-display",
@@ -8647,7 +8660,8 @@ var BankTransactionsContent = ({
   monthlyView = false,
   mobileComponent,
   filters: inputFilters,
-  hideHeader = false
+  hideHeader = false,
+  stringOverrides
 }) => {
   const [currentPage, setCurrentPage] = (0, import_react97.useState)(1);
   const [initialLoad, setInitialLoad] = (0, import_react97.useState)(true);
@@ -8804,6 +8818,7 @@ var BankTransactionsContent = ({
         listView,
         dateRange,
         setDateRange: (v) => setDateRange(v),
+        stringOverrides: stringOverrides?.bankTransactionsHeader,
         isDataLoading: isLoading,
         isSyncing
       }
@@ -8823,6 +8838,7 @@ var BankTransactionsContent = ({
         showReceiptUploads,
         page: currentPage,
         hardRefreshPnlOnCategorize,
+        stringOverrides,
         lastPage: isLastPage,
         onRefresh: refetch
       }
@@ -8834,7 +8850,8 @@ var BankTransactionsContent = ({
         editable,
         removeTransaction,
         containerWidth,
-        hardRefreshPnlOnCategorize
+        hardRefreshPnlOnCategorize,
+        stringOverrides: stringOverrides?.bankTransactionCTAs
       }
     ) : null,
     !isLoading && listView && mobileComponent === "mobileList" ? /* @__PURE__ */ import_react97.default.createElement(
@@ -10045,9 +10062,6 @@ var convertCurrencyToNumber = (amount) => {
   return parseFloat(inputValue);
 };
 
-// src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
-var import_recharts2 = require("recharts");
-
 // src/components/ProfitAndLossDetailedCharts/DetailedTable.tsx
 var import_react105 = __toESM(require("react"));
 
@@ -10066,7 +10080,7 @@ var DEFAULT_CHART_COLOR_TYPE = [
   "#6A52CC",
   "#71CC56"
 ];
-var DEFAULT_CHART_COLORS = [
+var DEFAULT_MINICHART_COLORS = [
   {
     color: "#7417B3",
     opacity: 1
@@ -10208,14 +10222,14 @@ var SortArrows_default = SortArrows;
 
 // src/components/ProfitAndLossDetailedCharts/DetailedTable.tsx
 var import_classnames44 = __toESM(require("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 {
@@ -10234,7 +10248,9 @@ var DetailedTable = ({
   filters,
   sortBy,
   hoveredItem,
-  setHoveredItem
+  setHoveredItem,
+  chartColorsList,
+  stringOverrides
 }) => {
   const buildColClass = (column) => {
     return (0, import_classnames44.default)(
@@ -10242,15 +10258,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__ */ import_react105.default.createElement("div", { className: "details-container" }, /* @__PURE__ */ import_react105.default.createElement("div", { className: "table" }, /* @__PURE__ */ import_react105.default.createElement("table", null, /* @__PURE__ */ import_react105.default.createElement("thead", null, /* @__PURE__ */ import_react105.default.createElement("tr", null, /* @__PURE__ */ import_react105.default.createElement(
     "th",
     {
       className: buildColClass("category"),
       onClick: () => sortBy(sidebarScope ?? "expenses", "category")
     },
-    "Category ",
+    stringOverrides?.categoryColumnHeader || "Category",
+    " ",
     /* @__PURE__ */ import_react105.default.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
   ), /* @__PURE__ */ import_react105.default.createElement(
     "th",
@@ -10258,7 +10275,8 @@ var DetailedTable = ({
       className: buildColClass("type"),
       onClick: () => sortBy(sidebarScope ?? "expenses", "type")
     },
-    "Type ",
+    stringOverrides?.typeColumnHeader || "Type",
+    " ",
     /* @__PURE__ */ import_react105.default.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
   ), /* @__PURE__ */ import_react105.default.createElement("th", null), /* @__PURE__ */ import_react105.default.createElement(
     "th",
@@ -10266,7 +10284,8 @@ var DetailedTable = ({
       className: buildColClass("value"),
       onClick: () => sortBy(sidebarScope ?? "expenses", "value")
     },
-    "Value ",
+    stringOverrides?.valueColumnHeader || "Value",
+    " ",
     /* @__PURE__ */ import_react105.default.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
   ))), /* @__PURE__ */ import_react105.default.createElement("tbody", null, filteredData.filter((x) => !x.hidden).map((item, idx) => {
     return /* @__PURE__ */ import_react105.default.createElement(
@@ -10298,6 +10317,7 @@ var DetailedTable = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
+var import_recharts2 = require("recharts");
 var DetailedChart = ({
   filteredData,
   filteredTotal,
@@ -10305,6 +10325,7 @@ var DetailedChart = ({
   setHoveredItem,
   sidebarScope,
   date,
+  chartColorsList,
   isLoading,
   showDatePicker = true
 }) => {
@@ -10328,7 +10349,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__ */ import_react106.default.createElement("div", { className: "chart-field" }, /* @__PURE__ */ import_react106.default.createElement("div", { className: "header--tablet" }, showDatePicker && /* @__PURE__ */ import_react106.default.createElement(ProfitAndLossDatePicker, null)), /* @__PURE__ */ import_react106.default.createElement("div", { className: "chart-container" }, /* @__PURE__ */ import_react106.default.createElement(import_recharts2.ResponsiveContainer, null, /* @__PURE__ */ import_react106.default.createElement(import_recharts2.PieChart, null, !isLoading && !noValue ? /* @__PURE__ */ import_react106.default.createElement(
     import_recharts2.Pie,
     {
@@ -10607,7 +10628,9 @@ var import_date_fns21 = require("date-fns");
 var ProfitAndLossDetailedCharts = ({
   scope,
   hideClose = false,
-  showDatePicker = false
+  showDatePicker = false,
+  chartColorsList,
+  stringOverrides
 }) => {
   const {
     filteredDataRevenue,
@@ -10644,6 +10667,7 @@ var ProfitAndLossDetailedCharts = ({
       sidebarScope: theScope,
       date: dateRange.startDate,
       isLoading,
+      chartColorsList,
       showDatePicker
     }
   ), /* @__PURE__ */ import_react108.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__table-wrapper" }, /* @__PURE__ */ import_react108.default.createElement(
@@ -10662,7 +10686,9 @@ var ProfitAndLossDetailedCharts = ({
       filters,
       sortBy,
       hoveredItem,
-      setHoveredItem
+      setHoveredItem,
+      chartColorsList,
+      stringOverrides: stringOverrides?.detailedTableStringOverrides
     }
   ))));
 };
@@ -10692,7 +10718,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__ */ import_react109.default.createElement(
         import_recharts3.Cell,
         {
@@ -10736,8 +10762,10 @@ var buildMiniChartData = (scope, data) => {
 };
 var ProfitAndLossSummaries = ({
   vertical,
-  revenueLabel = "Revenue",
-  actionable = false
+  actionable = false,
+  revenueLabel,
+  // deprecated
+  stringOverrides
 }) => {
   const {
     data: storedData,
@@ -10784,7 +10812,7 @@ var ProfitAndLossSummaries = ({
         }
       },
       /* @__PURE__ */ import_react110.default.createElement(MiniChart, { data: revenueChartData }),
-      /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react110.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, revenueLabel), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react110.default.createElement(SkeletonLoader, null)) : /* @__PURE__ */ import_react110.default.createElement(
+      /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react110.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, stringOverrides?.revenueLabel || revenueLabel || "Revenue"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react110.default.createElement(SkeletonLoader, null)) : /* @__PURE__ */ import_react110.default.createElement(
         "span",
         {
           className: `Layer__profit-and-loss-summaries__amount ${incomeDirectionClass}`
@@ -10806,7 +10834,7 @@ var ProfitAndLossSummaries = ({
         }
       },
       /* @__PURE__ */ import_react110.default.createElement(MiniChart, { data: expensesChartData }),
-      /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react110.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, "Expenses"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react110.default.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ import_react110.default.createElement(
+      /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react110.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, stringOverrides?.expensesLabel || "Expenses"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react110.default.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ import_react110.default.createElement(
         "span",
         {
           className: `Layer__profit-and-loss-summaries__amount ${expensesDirectionClass}`
@@ -10824,7 +10852,7 @@ var ProfitAndLossSummaries = ({
           actionable && "Layer__actionable"
         )
       },
-      /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react110.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, "Net Profit"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react110.default.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ import_react110.default.createElement(
+      /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react110.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, stringOverrides?.netProfitLabel || "Net Profit"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react110.default.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ import_react110.default.createElement(
         "span",
         {
           className: `Layer__profit-and-loss-summaries__amount ${netProfitDirectionClass}`
@@ -11011,7 +11039,7 @@ var empty_profit_and_loss_report_default = {
 
 // src/components/ProfitAndLossTable/ProfitAndLossTable.tsx
 var import_classnames46 = __toESM(require("classnames"));
-var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
+var ProfitAndLossTable = ({ lockExpanded, asContainer, stringOverrides }) => {
   const {
     data: actualData,
     isLoading,
@@ -11064,7 +11092,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 */,
@@ -11088,7 +11116,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 */,
@@ -11112,7 +11140,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 */,
@@ -11462,7 +11490,8 @@ var Table = ({
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
 var BalanceSheetTable = ({
   data,
-  config
+  config,
+  stringOverrides
 }) => {
   const { isOpen, setIsOpen, expandedAllRows } = useTableExpandRow();
   const allRowKeys = [];
@@ -11518,7 +11547,7 @@ var BalanceSheetTable = ({
       /* @__PURE__ */ import_react125.default.createElement(TableCell, { primary: true, isCurrency: true }, lineItem.value)
     ));
   };
-  return /* @__PURE__ */ import_react125.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react125.default.createElement(TableHead, null, /* @__PURE__ */ import_react125.default.createElement(TableRow, { isHeadRow: true, rowKey: "balance-sheet-head-row" }, /* @__PURE__ */ import_react125.default.createElement(TableCell, { isHeaderCell: true }, "Type"), /* @__PURE__ */ import_react125.default.createElement(TableCell, { isHeaderCell: true }, "Total"))), /* @__PURE__ */ import_react125.default.createElement(TableBody, null, config.map((row, idx) => /* @__PURE__ */ import_react125.default.createElement(import_react125.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
+  return /* @__PURE__ */ import_react125.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react125.default.createElement(TableHead, null, /* @__PURE__ */ import_react125.default.createElement(TableRow, { isHeadRow: true, rowKey: "balance-sheet-head-row" }, /* @__PURE__ */ import_react125.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react125.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.totalColumnHeader || "Total"))), /* @__PURE__ */ import_react125.default.createElement(TableBody, null, config.map((row, idx) => /* @__PURE__ */ import_react125.default.createElement(import_react125.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
     data[row.lineItem],
     0,
     row.lineItem,
@@ -11620,11 +11649,12 @@ var import_date_fns24 = require("date-fns");
 var COMPONENT_NAME3 = "balance-sheet";
 var BalanceSheet = (props) => {
   const balanceSheetContextData = useBalanceSheet(props.effectiveDate);
-  return /* @__PURE__ */ import_react129.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react129.default.createElement(BalanceSheetView, { asWidget: props.asWidget, ...props }));
+  return /* @__PURE__ */ import_react129.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react129.default.createElement(BalanceSheetView, { asWidget: props.asWidget, stringOverrides: props.stringOverrides, ...props }));
 };
 var BalanceSheetView = ({
   withExpandAllButton = true,
-  asWidget = false
+  asWidget = false,
+  stringOverrides
 }) => {
   const [effectiveDate, setEffectiveDate] = (0, import_react129.useState)((0, import_date_fns24.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useBalanceSheet(effectiveDate);
@@ -11653,7 +11683,7 @@ var BalanceSheetView = ({
           }
         ), withExpandAllButton && /* @__PURE__ */ import_react129.default.createElement(BalanceSheetExpandAllButton, null))
       },
-      !data || isLoading ? /* @__PURE__ */ import_react129.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react129.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react129.default.createElement(BalanceSheetTable, { data, config: BALANCE_SHEET_ROWS })
+      !data || isLoading ? /* @__PURE__ */ import_react129.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react129.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react129.default.createElement(BalanceSheetTable, { data, config: BALANCE_SHEET_ROWS, stringOverrides: stringOverrides?.balanceSheetTable })
     )));
   }
   return /* @__PURE__ */ import_react129.default.createElement(TableProvider, null, /* @__PURE__ */ import_react129.default.createElement(
@@ -11668,7 +11698,7 @@ var BalanceSheetView = ({
         }
       ), withExpandAllButton && /* @__PURE__ */ import_react129.default.createElement(BalanceSheetExpandAllButton, null))
     },
-    !data || isLoading ? /* @__PURE__ */ import_react129.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react129.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react129.default.createElement(BalanceSheetTable, { data, config: BALANCE_SHEET_ROWS })
+    !data || isLoading ? /* @__PURE__ */ import_react129.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react129.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react129.default.createElement(BalanceSheetTable, { data, config: BALANCE_SHEET_ROWS, stringOverrides: stringOverrides?.balanceSheetTable })
   ));
 };
 
@@ -11726,7 +11756,8 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
 var import_react132 = __toESM(require("react"));
 var StatementOfCashFlowTable = ({
   data,
-  config
+  config,
+  stringOverrides
 }) => {
   const { isOpen, setIsOpen } = useTableExpandRow();
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
@@ -11768,7 +11799,7 @@ var StatementOfCashFlowTable = ({
       /* @__PURE__ */ import_react132.default.createElement(TableCell, { primary: true, isCurrency: true }, lineItem.value)
     ));
   };
-  return /* @__PURE__ */ import_react132.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react132.default.createElement(TableHead, null, /* @__PURE__ */ import_react132.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react132.default.createElement(TableCell, { isHeaderCell: true }, "Type"), /* @__PURE__ */ import_react132.default.createElement(TableCell, { isHeaderCell: true }, "Total"))), /* @__PURE__ */ import_react132.default.createElement(TableBody, null, config.map((row, idx) => {
+  return /* @__PURE__ */ import_react132.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react132.default.createElement(TableHead, null, /* @__PURE__ */ import_react132.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react132.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react132.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.totalColumnHeader || "Total"))), /* @__PURE__ */ import_react132.default.createElement(TableBody, null, config.map((row, idx) => {
     if (row.type === "line_item") {
       return /* @__PURE__ */ import_react132.default.createElement(import_react132.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
         data[row.lineItem],
@@ -11824,11 +11855,11 @@ var STATEMENT_OF_CASH_FLOW_ROWS = [
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
 var import_date_fns26 = require("date-fns");
 var COMPONENT_NAME4 = "statement-of-cash-flow";
-var StatementOfCashFlow = () => {
+var StatementOfCashFlow = ({ stringOverrides }) => {
   const cashContextData = useStatementOfCashFlow();
-  return /* @__PURE__ */ import_react133.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react133.default.createElement(StatementOfCashFlowView, null));
+  return /* @__PURE__ */ import_react133.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react133.default.createElement(StatementOfCashFlowView, { stringOverrides }));
 };
-var StatementOfCashFlowView = () => {
+var StatementOfCashFlowView = ({ stringOverrides }) => {
   const [startDate, setStartDate] = (0, import_react133.useState)(
     (0, import_date_fns26.startOfDay)((0, import_date_fns26.subWeeks)(/* @__PURE__ */ new Date(), 4))
   );
@@ -11866,7 +11897,8 @@ var StatementOfCashFlowView = () => {
       StatementOfCashFlowTable,
       {
         data,
-        config: STATEMENT_OF_CASH_FLOW_ROWS
+        config: STATEMENT_OF_CASH_FLOW_ROWS,
+        stringOverrides: stringOverrides?.statementOfCashFlowTable
       }
     )
   ));
@@ -12797,7 +12829,7 @@ var useParentOptions = (data) => (0, import_react140.useMemo)(
 );
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var ChartOfAccountsForm = () => {
+var ChartOfAccountsForm = ({ stringOverrides }) => {
   const {
     form,
     data,
@@ -12828,7 +12860,7 @@ var ChartOfAccountsForm = () => {
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react141.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? "Edit" : "Add New", " Account"), /* @__PURE__ */ import_react141.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react141.default.createElement(
+    /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react141.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? stringOverrides?.editModeHeader || "Edit Account" : stringOverrides?.createModeHeader || "Add New Account"), /* @__PURE__ */ import_react141.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react141.default.createElement(
       Button,
       {
         type: "button",
@@ -12836,7 +12868,7 @@ var ChartOfAccountsForm = () => {
         variant: "secondary" /* secondary */,
         disabled: sendingForm
       },
-      "Cancel"
+      stringOverrides?.cancelButton || "Cancel"
     ), apiError && /* @__PURE__ */ import_react141.default.createElement(
       RetryButton,
       {
@@ -12845,7 +12877,7 @@ var ChartOfAccountsForm = () => {
         error: "Check connection and retry in few seconds.",
         disabled: sendingForm
       },
-      "Retry"
+      stringOverrides?.retryButton || "Retry"
     ), !apiError && /* @__PURE__ */ import_react141.default.createElement(
       SubmitButton,
       {
@@ -12854,7 +12886,7 @@ var ChartOfAccountsForm = () => {
         active: true,
         disabled: sendingForm
       },
-      "Save"
+      stringOverrides?.saveButton || "Save"
     ))),
     apiError && /* @__PURE__ */ import_react141.default.createElement(
       Text,
@@ -12865,7 +12897,7 @@ var ChartOfAccountsForm = () => {
       apiError
     ),
     entry && /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react141.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react141.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
-    /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react141.default.createElement(InputGroup, { name: "parent", label: "Parent", inline: true }, /* @__PURE__ */ import_react141.default.createElement(
+    /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react141.default.createElement(InputGroup, { name: "parent", label: stringOverrides?.parentLabel || "Parent", inline: true }, /* @__PURE__ */ import_react141.default.createElement(
       Select2,
       {
         options: parentOptions,
@@ -12873,7 +12905,7 @@ var ChartOfAccountsForm = () => {
         onChange: (sel) => changeFormData("parent", sel),
         disabled: sendingForm
       }
-    )), /* @__PURE__ */ import_react141.default.createElement(InputGroup, { name: "name", label: "Name", inline: true }, /* @__PURE__ */ import_react141.default.createElement(
+    )), /* @__PURE__ */ import_react141.default.createElement(InputGroup, { name: "name", label: stringOverrides?.nameLabel || "Name", inline: true }, /* @__PURE__ */ import_react141.default.createElement(
       Input,
       {
         name: "name",
@@ -12884,7 +12916,7 @@ var ChartOfAccountsForm = () => {
         disabled: sendingForm,
         onChange: (e) => changeFormData("name", e.target.value)
       }
-    )), /* @__PURE__ */ import_react141.default.createElement(InputGroup, { name: "type", label: "Type", inline: true }, /* @__PURE__ */ import_react141.default.createElement(
+    )), /* @__PURE__ */ import_react141.default.createElement(InputGroup, { name: "type", label: stringOverrides?.typeLabel || "Type", inline: true }, /* @__PURE__ */ import_react141.default.createElement(
       Select2,
       {
         options: LEDGER_ACCOUNT_TYPES,
@@ -12894,7 +12926,7 @@ var ChartOfAccountsForm = () => {
         errorMessage: form?.errors?.find((x) => x.field === "type")?.message,
         disabled: sendingForm || form.action === "edit" || form.data.parent !== void 0
       }
-    )), /* @__PURE__ */ import_react141.default.createElement(InputGroup, { name: "subType", label: "Sub-Type", inline: true }, /* @__PURE__ */ import_react141.default.createElement(
+    )), /* @__PURE__ */ import_react141.default.createElement(InputGroup, { name: "subType", label: stringOverrides?.subTypeLabel || "Sub-Type", inline: true }, /* @__PURE__ */ import_react141.default.createElement(
       Select2,
       {
         options: form?.data.type?.value !== void 0 ? LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE[form?.data.type?.value] : LEDGER_ACCOUNT_SUBTYPES,
@@ -12902,7 +12934,7 @@ var ChartOfAccountsForm = () => {
         onChange: (sel) => changeFormData("subType", sel),
         disabled: sendingForm
       }
-    )), /* @__PURE__ */ import_react141.default.createElement(InputGroup, { name: "normality", label: "Normality", inline: true }, /* @__PURE__ */ import_react141.default.createElement(
+    )), /* @__PURE__ */ import_react141.default.createElement(InputGroup, { name: "normality", label: stringOverrides?.normalityLabel || "Normality", inline: true }, /* @__PURE__ */ import_react141.default.createElement(
       Select2,
       {
         options: NORMALITY_OPTIONS,
@@ -12922,7 +12954,7 @@ var ChartOfAccountsForm = () => {
         variant: "secondary" /* secondary */,
         disabled: sendingForm
       },
-      "Cancel"
+      stringOverrides?.cancelButton || "Cancel"
     ), apiError && /* @__PURE__ */ import_react141.default.createElement(
       RetryButton,
       {
@@ -12931,7 +12963,7 @@ var ChartOfAccountsForm = () => {
         error: "Check connection and retry in few seconds.",
         disabled: sendingForm
       },
-      "Retry"
+      stringOverrides?.retryButton || "Retry"
     ), !apiError && /* @__PURE__ */ import_react141.default.createElement(
       SubmitButton,
       {
@@ -12940,16 +12972,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__ */ import_react142.default.createElement(ChartOfAccountsForm, null);
+  return /* @__PURE__ */ import_react142.default.createElement(ChartOfAccountsForm, { stringOverrides });
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
@@ -12959,7 +12992,8 @@ var ChartOfAccountsTable = ({
   containerRef,
   asWidget = false,
   withDateControl = false,
-  withExpandAllButton = false
+  withExpandAllButton = false,
+  stringOverrides
 }) => {
   const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react143.useContext)(ChartOfAccountsContext);
   const [expandAll, setExpandAll] = (0, import_react143.useState)();
@@ -12968,7 +13002,13 @@ var ChartOfAccountsTable = ({
   return /* @__PURE__ */ import_react143.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react143.default.createElement(ChartOfAccountsSidebar, { parentRef: containerRef }),
+      sidebar: /* @__PURE__ */ import_react143.default.createElement(
+        ChartOfAccountsSidebar,
+        {
+          parentRef: containerRef,
+          stringOverrides: stringOverrides?.chartOfAccountsForm
+        }
+      ),
       sidebarIsOpen: Boolean(form),
       parentRef: containerRef
     },
@@ -12984,7 +13024,7 @@ var ChartOfAccountsTable = ({
           className: `Layer__${COMPONENT_NAME5}__title`,
           size: asWidget ? "secondary" /* secondary */ : "primary" /* primary */
         },
-        "Chart of Accounts"
+        stringOverrides?.headerText || "Chart of Accounts"
       ),
       /* @__PURE__ */ import_react143.default.createElement(
         "div",
@@ -13001,10 +13041,10 @@ var ChartOfAccountsTable = ({
           },
           !expandAll || expandAll === "collapsed" ? "Expand all rows" : "Collapse all rows"
         )) : null,
-        /* @__PURE__ */ import_react143.default.createElement("div", { className: "Layer__header__actions-col" }, /* @__PURE__ */ import_react143.default.createElement(Button, { onClick: () => addAccount(), disabled: isLoading }, "Add Account"))
+        /* @__PURE__ */ import_react143.default.createElement("div", { className: "Layer__header__actions-col" }, /* @__PURE__ */ import_react143.default.createElement(Button, { onClick: () => addAccount(), disabled: isLoading }, stringOverrides?.addAccountButtonText || "Add Account"))
       )
     ),
-    /* @__PURE__ */ import_react143.default.createElement("table", { className: "Layer__chart-of-accounts__table" }, /* @__PURE__ */ import_react143.default.createElement("thead", null, /* @__PURE__ */ import_react143.default.createElement("tr", { className: "Layer__table-row--header" }, /* @__PURE__ */ import_react143.default.createElement("th", { className: "Layer__table-header Layer__coa__name" }, "Name"), /* @__PURE__ */ import_react143.default.createElement("th", { className: "Layer__table-header Layer__coa__type" }, "Type"), /* @__PURE__ */ import_react143.default.createElement("th", { className: "Layer__table-header Layer__coa__subtype Layer__mobile--hidden" }, "Sub-Type"), /* @__PURE__ */ import_react143.default.createElement("th", { className: "Layer__table-header Layer__coa__balance" }, "Balance"), /* @__PURE__ */ import_react143.default.createElement("th", { className: "Layer__table-header Layer__coa__actions" }))), /* @__PURE__ */ import_react143.default.createElement("tbody", null, !error && data?.accounts.map((account, idx) => {
+    /* @__PURE__ */ import_react143.default.createElement("table", { className: "Layer__chart-of-accounts__table" }, /* @__PURE__ */ import_react143.default.createElement("thead", null, /* @__PURE__ */ import_react143.default.createElement("tr", { className: "Layer__table-row--header" }, /* @__PURE__ */ import_react143.default.createElement("th", { className: "Layer__table-header Layer__coa__name" }, stringOverrides?.nameColumnHeader || "Name"), /* @__PURE__ */ import_react143.default.createElement("th", { className: "Layer__table-header Layer__coa__type" }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react143.default.createElement("th", { className: "Layer__table-header Layer__coa__subtype Layer__mobile--hidden" }, stringOverrides?.subtypeColumnHeader || "Sub-Type"), /* @__PURE__ */ import_react143.default.createElement("th", { className: "Layer__table-header Layer__coa__balance" }, stringOverrides?.balanceColumnHeader || "Balance"), /* @__PURE__ */ import_react143.default.createElement("th", { className: "Layer__table-header Layer__coa__actions" }))), /* @__PURE__ */ import_react143.default.createElement("tbody", null, !error && data?.accounts.map((account, idx) => {
       const currentCumulativeIndex = cumulativeIndex;
       cumulativeIndex = (account.sub_accounts?.length || 0) + cumulativeIndex + 1;
       return /* @__PURE__ */ import_react143.default.createElement(
@@ -13126,41 +13166,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__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Account name" }, transactionSource.account_name), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Date" }, /* @__PURE__ */ import_react148.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Direction" }, transactionSource.direction), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Counterparty" }, transactionSource.counterparty));
+      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.accountNameLabel || "Account name" }, transactionSource.account_name), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.dateLabel || "Date" }, /* @__PURE__ */ import_react148.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.directionLabel || "Direction" }, transactionSource.direction), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.counterpartyLabel || "Counterparty" }, transactionSource.counterparty));
     }
     case "Invoice_Ledger_Entry_Source": {
       const invoiceSource = source;
-      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Invoice number" }, invoiceSource.invoice_number), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Recipient name" }, invoiceSource.recipient_name), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Date" }, /* @__PURE__ */ import_react148.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
+      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.invoiceNumberLabel || "Invoice number" }, invoiceSource.invoice_number), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.recipientNameLabel || "Recipient name" }, invoiceSource.recipient_name), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.dateLabel || "Date" }, /* @__PURE__ */ import_react148.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
     }
     case "Manual_Ledger_Entry_Source": {
       const manualSource = source;
-      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Memo" }, manualSource.memo), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Created by" }, manualSource.created_by));
+      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.memoLabel || "Memo" }, manualSource.memo), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.createdByLabel || "Created by" }, manualSource.created_by));
     }
     case "Invoice_Payment_Ledger_Entry_Source": {
       const invoicePaymentSource = source;
-      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Invoice number" }, invoicePaymentSource.invoice_number), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
+      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.invoiceNumberLabel || "Invoice number" }, invoicePaymentSource.invoice_number), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
     }
     case "Refund_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Recipient name" }, refundSource.recipient_name));
+      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.recipientNameLabel || "Recipient name" }, refundSource.recipient_name));
     }
     case "Opening_Balance_Ledger_Entry_Source": {
       const openingBalanceSource = source;
-      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Account name" }, openingBalanceSource.account_name));
+      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.accountNameLabel || "Account name" }, openingBalanceSource.account_name));
     }
     case "Payout_Ledger_Entry_Source": {
       const payoutSource = source;
-      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Processor" }, payoutSource.processor));
+      return /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.processorLabel || "Processor" }, payoutSource.processor));
     }
     default:
       return null;
   }
 };
-var LedgerAccountEntryDetails = () => {
+var LedgerAccountEntryDetails = ({ stringOverrides }) => {
   const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react148.useContext)(LedgerAccountsContext);
   const { totalDebit, totalCredit } = (0, import_react148.useMemo)(() => {
     let totalDebit2 = 0;
@@ -13174,10 +13214,10 @@ var LedgerAccountEntryDetails = () => {
     });
     return { totalDebit: totalDebit2, totalCredit: totalCredit2 };
   }, [entryData]);
-  return /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__entry-details__back-btn" }, /* @__PURE__ */ import_react148.default.createElement(BackButton, { onClick: () => closeSelectedEntry() }), /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__entry-details__title-container" }, /* @__PURE__ */ import_react148.default.createElement(Text, { weight: "bold" /* bold */ }, "Transaction details"))), /* @__PURE__ */ import_react148.default.createElement(
+  return /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__entry-details__back-btn" }, /* @__PURE__ */ import_react148.default.createElement(BackButton, { onClick: () => closeSelectedEntry() }), /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__entry-details__title-container" }, /* @__PURE__ */ import_react148.default.createElement(Text, { weight: "bold" /* bold */ }, stringOverrides?.title || "Transaction details"))), /* @__PURE__ */ import_react148.default.createElement(
     DetailsList,
     {
-      title: "Transaction source",
+      title: stringOverrides?.transactionSource?.header || "Transaction source",
       actions: /* @__PURE__ */ import_react148.default.createElement(
         Button,
         {
@@ -13189,25 +13229,32 @@ var LedgerAccountEntryDetails = () => {
         }
       )
     },
-    /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react148.default.createElement(Badge, null, entryData?.source?.entity_name)),
+    /* @__PURE__ */ import_react148.default.createElement(
+      DetailsListItem,
+      {
+        label: stringOverrides?.transactionSource?.details?.sourceLabel || "Source",
+        isLoading: isLoadingEntry
+      },
+      /* @__PURE__ */ import_react148.default.createElement(Badge, null, entryData?.source?.entity_name)
+    ),
     entryData?.source?.display_description && /* @__PURE__ */ import_react148.default.createElement(SourceDetailView, { source: entryData?.source })
   ), /* @__PURE__ */ import_react148.default.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__ */ import_react148.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entryData?.entry_type ?? "")),
-    /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entryData?.entry_at && /* @__PURE__ */ import_react148.default.createElement(DateTime, { value: entryData?.entry_at })),
-    /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entryData?.date && /* @__PURE__ */ import_react148.default.createElement(DateTime, { value: entryData?.date })),
-    entryData?.reversal_id && /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, entryData?.reversal_id.substring(0, 5))
+    /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.entryTypeLabel || "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entryData?.entry_type ?? "")),
+    /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.dateLabel || "Date", isLoading: isLoadingEntry }, entryData?.entry_at && /* @__PURE__ */ import_react148.default.createElement(DateTime, { value: entryData?.entry_at })),
+    /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.creationDateLabel || "Creation date", isLoading: isLoadingEntry }, entryData?.date && /* @__PURE__ */ import_react148.default.createElement(DateTime, { value: entryData?.date })),
+    entryData?.reversal_id && /* @__PURE__ */ import_react148.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.reversalLabel || "Reversal", isLoading: isLoadingEntry }, entryData?.reversal_id.substring(0, 5))
   ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react148.default.createElement(Card, null, /* @__PURE__ */ import_react148.default.createElement(
     Table,
     {
       componentName: "ledger-account__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ import_react148.default.createElement(TableHead, null, /* @__PURE__ */ import_react148.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react148.default.createElement(TableCell, null, "Line items"), /* @__PURE__ */ import_react148.default.createElement(TableCell, null, "Debit"), /* @__PURE__ */ import_react148.default.createElement(TableCell, null, "Credit"))),
+    /* @__PURE__ */ import_react148.default.createElement(TableHead, null, /* @__PURE__ */ import_react148.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react148.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.lineItemsColumnHeader || "Line items"), /* @__PURE__ */ import_react148.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react148.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.creditColumnHeader || "Credit"))),
     /* @__PURE__ */ import_react148.default.createElement(TableBody, null, entryData?.line_items?.map((item, index) => /* @__PURE__ */ import_react148.default.createElement(
       TableRow,
       {
@@ -13223,7 +13270,7 @@ var LedgerAccountEntryDetails = () => {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ import_react148.default.createElement(TableCell, { primary: true }, "Total"),
+      /* @__PURE__ */ import_react148.default.createElement(TableCell, { primary: true }, stringOverrides?.lineItemsTable?.totalRowHeader || "Total"),
       /* @__PURE__ */ import_react148.default.createElement(TableCell, { isCurrency: true, primary: true }, totalDebit || 0),
       /* @__PURE__ */ import_react148.default.createElement(TableCell, { isCurrency: true, primary: true }, totalCredit || 0)
     ))
@@ -13348,7 +13395,8 @@ var import_classnames56 = __toESM(require("classnames"));
 var LedgerAccount = ({
   containerRef,
   pageSize = 15,
-  view
+  view,
+  stringOverrides
 }) => {
   const [currentPage, setCurrentPage] = (0, import_react150.useState)(1);
   const [initialLoad, setInitialLoad] = (0, import_react150.useState)(true);
@@ -13393,7 +13441,12 @@ var LedgerAccount = ({
   return /* @__PURE__ */ import_react150.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react150.default.createElement(LedgerAccountEntryDetails, null),
+      sidebar: /* @__PURE__ */ import_react150.default.createElement(
+        LedgerAccountEntryDetails,
+        {
+          stringOverrides: stringOverrides?.ledgerEntryDetail
+        }
+      ),
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef,
       className: "Layer__ledger-account__panel"
@@ -13420,7 +13473,7 @@ var LedgerAccount = ({
       },
       "$",
       centsToDollars(entry?.balance || 0)
-    )))), /* @__PURE__ */ import_react150.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react150.default.createElement("thead", null, /* @__PURE__ */ import_react150.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react150.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react150.default.createElement(import_react150.default.Fragment, null, /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header" }, "Date"), /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header" }, "Journal id #"), /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header" }, "Source")), view !== "mobile" && /* @__PURE__ */ import_react150.default.createElement(import_react150.default.Fragment, null, /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"), /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Running balance")))), /* @__PURE__ */ import_react150.default.createElement("tbody", null, data?.map((x, index) => /* @__PURE__ */ import_react150.default.createElement(
+    )))), /* @__PURE__ */ import_react150.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react150.default.createElement("thead", null, /* @__PURE__ */ import_react150.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react150.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react150.default.createElement(import_react150.default.Fragment, null, /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.dateColumnHeader || "Date"), /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.journalIdColumnHeader || "Journal id #"), /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.sourceColumnHeader || "Source")), view !== "mobile" && /* @__PURE__ */ import_react150.default.createElement(import_react150.default.Fragment, null, /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.creditColumnHeader || "Credit"), /* @__PURE__ */ import_react150.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.runningBalanceColumnHeader || "Running balance")))), /* @__PURE__ */ import_react150.default.createElement("tbody", null, data?.map((x, index) => /* @__PURE__ */ import_react150.default.createElement(
       LedgerAccountRow,
       {
         key: x.id,
@@ -13469,7 +13522,8 @@ var ChartOfAccounts = (props) => {
 var ChartOfAccountsContent = ({
   asWidget,
   withDateControl,
-  withExpandAllButton
+  withExpandAllButton,
+  stringOverrides
 }) => {
   const { accountId } = (0, import_react151.useContext)(LedgerAccountsContext);
   const [view, setView] = (0, import_react151.useState)("desktop");
@@ -13484,14 +13538,15 @@ var ChartOfAccountsContent = ({
       }
     }
   });
-  return /* @__PURE__ */ import_react151.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react151.default.createElement(LedgerAccount, { view, containerRef }) : /* @__PURE__ */ import_react151.default.createElement(
+  return /* @__PURE__ */ import_react151.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react151.default.createElement(LedgerAccount, { view, containerRef, stringOverrides: stringOverrides?.ledgerAccount }) : /* @__PURE__ */ import_react151.default.createElement(
     ChartOfAccountsTable,
     {
       asWidget,
       withDateControl,
       withExpandAllButton,
       view,
-      containerRef
+      containerRef,
+      stringOverrides: stringOverrides?.chartOfAccountsTable
     }
   ));
 };
@@ -14209,7 +14264,7 @@ var JournalFormEntryLines = ({
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var JournalForm = ({ config }) => {
+var JournalForm = ({ config, stringOverrides }) => {
   const {
     form,
     cancelForm,
@@ -14229,7 +14284,7 @@ var JournalForm = ({ config }) => {
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react157.default.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react157.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, "Add New Entry"), /* @__PURE__ */ import_react157.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react157.default.createElement(
+    /* @__PURE__ */ import_react157.default.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react157.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, stringOverrides?.header && "Add New Entry"), /* @__PURE__ */ import_react157.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react157.default.createElement(
       Button,
       {
         type: "button",
@@ -14237,7 +14292,7 @@ var JournalForm = ({ config }) => {
         variant: "secondary" /* secondary */,
         disabled: sendingForm
       },
-      "Cancel"
+      stringOverrides?.cancelButton || "Cancel"
     ), apiError && /* @__PURE__ */ import_react157.default.createElement(
       RetryButton,
       {
@@ -14246,7 +14301,7 @@ var JournalForm = ({ config }) => {
         error: "Check connection and retry in few seconds.",
         disabled: sendingForm
       },
-      "Retry"
+      stringOverrides?.retryButton || "Retry"
     ), !apiError && /* @__PURE__ */ import_react157.default.createElement(
       SubmitButton,
       {
@@ -14255,7 +14310,7 @@ var JournalForm = ({ config }) => {
         active: true,
         disabled: sendingForm
       },
-      "Save"
+      stringOverrides?.saveButton || "Save"
     ))),
     apiError && /* @__PURE__ */ import_react157.default.createElement(
       Text,
@@ -14321,7 +14376,7 @@ var JournalForm = ({ config }) => {
         variant: "secondary" /* secondary */,
         disabled: sendingForm
       },
-      "Cancel"
+      stringOverrides?.cancelButton || "Cancel"
     ), apiError && /* @__PURE__ */ import_react157.default.createElement(
       RetryButton,
       {
@@ -14330,7 +14385,7 @@ var JournalForm = ({ config }) => {
         error: "Check connection and retry in few seconds.",
         disabled: sendingForm
       },
-      "Retry"
+      stringOverrides?.retryButton || "Retry"
     ), !apiError && /* @__PURE__ */ import_react157.default.createElement(
       SubmitButton,
       {
@@ -14339,7 +14394,7 @@ var JournalForm = ({ config }) => {
         active: true,
         disabled: sendingForm
       },
-      "Save"
+      stringOverrides?.saveButton || "Save"
     ))
   );
 };
@@ -14347,13 +14402,14 @@ var JournalForm = ({ config }) => {
 // src/components/JournalSidebar/JournalSidebar.tsx
 var JournalSidebar = ({
   parentRef: _parentRef,
-  config
+  config,
+  stringOverrides
 }) => {
   const { selectedEntryId } = (0, import_react158.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
     return /* @__PURE__ */ import_react158.default.createElement(JournalEntryDetails, null);
   }
-  return /* @__PURE__ */ import_react158.default.createElement(JournalForm, { config });
+  return /* @__PURE__ */ import_react158.default.createElement(JournalForm, { config, stringOverrides });
 };
 
 // src/components/JournalTable/JournalTable.tsx
@@ -14362,7 +14418,8 @@ var JournalTable = ({
   view,
   containerRef,
   pageSize = 15,
-  config
+  config,
+  stringOverrides
 }) => {
   const [currentPage, setCurrentPage] = (0, import_react159.useState)(1);
   const {
@@ -14382,12 +14439,12 @@ var JournalTable = ({
   return /* @__PURE__ */ import_react159.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react159.default.createElement(JournalSidebar, { parentRef: containerRef, config }),
+      sidebar: /* @__PURE__ */ import_react159.default.createElement(JournalSidebar, { parentRef: containerRef, config, stringOverrides: stringOverrides?.journalForm }),
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react159.default.createElement(Header, { className: `Layer__${COMPONENT_NAME6}__header` }, /* @__PURE__ */ import_react159.default.createElement(Heading, { className: `Layer__${COMPONENT_NAME6}__title` }, "Journal"), /* @__PURE__ */ import_react159.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__actions` }, /* @__PURE__ */ import_react159.default.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, "Add Entry"))),
-    /* @__PURE__ */ import_react159.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ import_react159.default.createElement("thead", null, /* @__PURE__ */ import_react159.default.createElement("tr", null, /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header" }, "Id"), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header" }, "Date"), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header" }, "Transaction"), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header" }, "Account"), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"))), /* @__PURE__ */ import_react159.default.createElement("tbody", null, !error && data?.map((entry, idx) => {
+    /* @__PURE__ */ import_react159.default.createElement(Header, { className: `Layer__${COMPONENT_NAME6}__header` }, /* @__PURE__ */ import_react159.default.createElement(Heading, { className: `Layer__${COMPONENT_NAME6}__title` }, stringOverrides?.componentTitle || "Journal"), /* @__PURE__ */ import_react159.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__actions` }, /* @__PURE__ */ import_react159.default.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, stringOverrides?.addEntryButton || "Add Entry"))),
+    /* @__PURE__ */ import_react159.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ import_react159.default.createElement("thead", null, /* @__PURE__ */ import_react159.default.createElement("tr", null, /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.idColumnHeader || "Id"), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.dateColumnHeader || "Date"), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.transactionColumnHeader || "Transaction"), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.accountColumnHeader || "Account"), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react159.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.creditColumnHeader || "Credit"))), /* @__PURE__ */ import_react159.default.createElement("tbody", null, !error && data?.map((entry, idx) => {
       return /* @__PURE__ */ import_react159.default.createElement(
         JournalRow,
         {
@@ -14434,7 +14491,8 @@ var Journal = (props) => {
 };
 var JournalContent = ({
   asWidget,
-  config = JOURNAL_CONFIG
+  config = JOURNAL_CONFIG,
+  stringOverrides
 }) => {
   const [view, setView] = (0, import_react160.useState)("desktop");
   const containerRef = useElementSize((_a, _b, { width }) => {
@@ -14448,7 +14506,15 @@ var JournalContent = ({
       }
     }
   });
-  return /* @__PURE__ */ import_react160.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react160.default.createElement(JournalTable, { view, containerRef, config }));
+  return /* @__PURE__ */ import_react160.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react160.default.createElement(
+    JournalTable,
+    {
+      view,
+      containerRef,
+      config,
+      stringOverrides: stringOverrides?.journalTable
+    }
+  ));
 };
 
 // src/components/Tasks/Tasks.tsx
@@ -14896,18 +14962,21 @@ var UseTasksContext = (0, import_react167.createContext)({
   }
 });
 var Tasks = ({
-  tasksHeader,
   collapsable = false,
   defaultCollapsed = false,
-  collapsedWhenComplete
+  collapsedWhenComplete,
+  tasksHeader,
+  // deprecated
+  stringOverrides
 }) => {
   return /* @__PURE__ */ import_react167.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react167.default.createElement(
     TasksComponent,
     {
-      tasksHeader,
       collapsable,
       defaultCollapsed,
-      collapsedWhenComplete
+      collapsedWhenComplete,
+      tasksHeader,
+      stringOverrides
     }
   ));
 };
@@ -14916,10 +14985,12 @@ var TasksProvider = ({ children }) => {
   return /* @__PURE__ */ import_react167.default.createElement(TasksContext.Provider, { value: contextData }, children);
 };
 var TasksComponent = ({
-  tasksHeader,
   collapsable = false,
   defaultCollapsed = false,
-  collapsedWhenComplete
+  collapsedWhenComplete,
+  tasksHeader,
+  // deprecated
+  stringOverrides
 }) => {
   const { isLoading, loadedStatus, data } = (0, import_react167.useContext)(TasksContext);
   const allComplete = (0, import_react167.useMemo)(() => {
@@ -14942,7 +15013,7 @@ var TasksComponent = ({
   return /* @__PURE__ */ import_react167.default.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ import_react167.default.createElement(
     TasksHeader,
     {
-      tasksHeader,
+      tasksHeader: stringOverrides?.header || tasksHeader,
       collapsable,
       open,
       toggleContent: () => setOpen(!open)
@@ -15052,7 +15123,9 @@ var BookkeepingUpsellBar = ({
 var import_react170 = __toESM(require("react"));
 var import_classnames61 = __toESM(require("classnames"));
 var BookkeepingOverview = ({
-  title = "Bookkeeping overview"
+  title,
+  // deprecated
+  stringOverrides
 }) => {
   const [pnlToggle, setPnlToggle] = (0, import_react170.useState)("revenue");
   const [width] = useWindowSize();
@@ -15060,16 +15133,16 @@ var BookkeepingOverview = ({
     View,
     {
       viewClassName: "Layer__bookkeeping-overview--view",
-      title,
+      title: stringOverrides?.title || title || "Bookkeeping overview",
       withSidebar: width > 1100,
-      sidebar: /* @__PURE__ */ import_react170.default.createElement(TasksComponent, { tasksHeader: "Bookkeeeping Tasks" })
+      sidebar: /* @__PURE__ */ import_react170.default.createElement(TasksComponent, { stringOverrides: stringOverrides?.tasks })
     },
     width <= 1100 && /* @__PURE__ */ import_react170.default.createElement(
       TasksComponent,
       {
-        tasksHeader: "Bookkeeeping Tasks",
         collapsable: true,
-        collapsedWhenComplete: true
+        collapsedWhenComplete: true,
+        stringOverrides: stringOverrides?.tasks
       }
     ),
     /* @__PURE__ */ import_react170.default.createElement(
@@ -15079,8 +15152,13 @@ var BookkeepingOverview = ({
         asWidget: true,
         elevated: true
       },
-      /* @__PURE__ */ import_react170.default.createElement(Header, null, /* @__PURE__ */ import_react170.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Profit & Loss"), /* @__PURE__ */ import_react170.default.createElement(ProfitAndLoss.DatePicker, null)),
-      /* @__PURE__ */ import_react170.default.createElement("div", { className: "Layer__bookkeeping-overview__summaries-row" }, /* @__PURE__ */ import_react170.default.createElement(ProfitAndLoss.Summaries, null)),
+      /* @__PURE__ */ import_react170.default.createElement(Header, null, /* @__PURE__ */ import_react170.default.createElement(Heading, { size: "secondary" /* secondary */ }, stringOverrides?.profitAndLoss?.header || "Profit & Loss"), /* @__PURE__ */ import_react170.default.createElement(ProfitAndLoss.DatePicker, null)),
+      /* @__PURE__ */ import_react170.default.createElement("div", { className: "Layer__bookkeeping-overview__summaries-row" }, /* @__PURE__ */ import_react170.default.createElement(
+        ProfitAndLoss.Summaries,
+        {
+          stringOverrides: stringOverrides?.profitAndLoss?.summaries
+        }
+      )),
       /* @__PURE__ */ import_react170.default.createElement(ProfitAndLoss.Chart, null)
     ),
     /* @__PURE__ */ import_react170.default.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react170.default.createElement(
@@ -15108,7 +15186,14 @@ var BookkeepingOverview = ({
           pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ import_react170.default.createElement(ProfitAndLoss.DetailedCharts, { scope: "revenue", hideClose: true })
+      /* @__PURE__ */ import_react170.default.createElement(
+        ProfitAndLoss.DetailedCharts,
+        {
+          scope: "revenue",
+          hideClose: true,
+          stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts
+        }
+      )
     ), /* @__PURE__ */ import_react170.default.createElement(
       Container,
       {
@@ -15117,7 +15202,14 @@ var BookkeepingOverview = ({
           pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ import_react170.default.createElement(ProfitAndLoss.DetailedCharts, { scope: "expenses", hideClose: true })
+      /* @__PURE__ */ import_react170.default.createElement(
+        ProfitAndLoss.DetailedCharts,
+        {
+          scope: "expenses",
+          hideClose: true,
+          stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts
+        }
+      )
     ))
   )));
 };
@@ -15226,7 +15318,9 @@ var AccountingOverview = ({
   title = "Accounting overview",
   enableOnboarding = false,
   onTransactionsToReviewClick,
-  middleBanner
+  middleBanner,
+  chartColorsList,
+  stringOverrides
 }) => {
   const [pnlToggle, setPnlToggle] = (0, import_react174.useState)("revenue");
   return /* @__PURE__ */ import_react174.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react174.default.createElement(View, { title, headerControls: /* @__PURE__ */ import_react174.default.createElement(ProfitAndLoss.DatePicker, null) }, enableOnboarding && /* @__PURE__ */ import_react174.default.createElement(
@@ -15234,7 +15328,12 @@ var AccountingOverview = ({
     {
       onTransactionsToReviewClick
     }
-  ), /* @__PURE__ */ import_react174.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react174.default.createElement(ProfitAndLoss.Summaries, null), /* @__PURE__ */ import_react174.default.createElement(
+  ), /* @__PURE__ */ import_react174.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react174.default.createElement(
+    ProfitAndLoss.Summaries,
+    {
+      stringOverrides: stringOverrides?.profitAndLoss?.summaries
+    }
+  ), /* @__PURE__ */ import_react174.default.createElement(
     TransactionToReviewCard,
     {
       usePnlDateRange: true,
@@ -15247,7 +15346,7 @@ var AccountingOverview = ({
       asWidget: true,
       elevated: true
     },
-    /* @__PURE__ */ import_react174.default.createElement(Header, null, /* @__PURE__ */ import_react174.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Profit & Loss")),
+    /* @__PURE__ */ import_react174.default.createElement(Header, null, /* @__PURE__ */ import_react174.default.createElement(Heading, { size: "secondary" /* secondary */ }, stringOverrides?.header || "Profit & Loss")),
     /* @__PURE__ */ import_react174.default.createElement(ProfitAndLoss.Chart, null)
   ), middleBanner && /* @__PURE__ */ import_react174.default.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner), /* @__PURE__ */ import_react174.default.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react174.default.createElement(
     Toggle,
@@ -15274,7 +15373,15 @@ var AccountingOverview = ({
         pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
       )
     },
-    /* @__PURE__ */ import_react174.default.createElement(ProfitAndLoss.DetailedCharts, { scope: "revenue", hideClose: true })
+    /* @__PURE__ */ import_react174.default.createElement(
+      ProfitAndLoss.DetailedCharts,
+      {
+        scope: "revenue",
+        hideClose: true,
+        stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts,
+        chartColorsList
+      }
+    )
   ), /* @__PURE__ */ import_react174.default.createElement(
     Container,
     {
@@ -15283,14 +15390,23 @@ var AccountingOverview = ({
         pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
       )
     },
-    /* @__PURE__ */ import_react174.default.createElement(ProfitAndLoss.DetailedCharts, { scope: "expenses", hideClose: true })
+    /* @__PURE__ */ import_react174.default.createElement(
+      ProfitAndLoss.DetailedCharts,
+      {
+        scope: "expenses",
+        hideClose: true,
+        stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts,
+        chartColorsList
+      }
+    )
   ))));
 };
 
 // src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
 var import_react175 = __toESM(require("react"));
 var BankTransactionsWithLinkedAccounts = ({
-  title = "Bank transactions",
+  title,
+  // deprecated
   elevatedLinkedAccounts = true,
   showLedgerBalance = true,
   showUnlinkItem = false,
@@ -15299,15 +15415,17 @@ var BankTransactionsWithLinkedAccounts = ({
   hardRefreshPnlOnCategorize = false,
   showDescriptions,
   showReceiptUploads,
-  mobileComponent
+  mobileComponent,
+  stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react175.default.createElement(View, { title }, /* @__PURE__ */ import_react175.default.createElement(
+  return /* @__PURE__ */ import_react175.default.createElement(View, { title: stringOverrides?.title || title || "Bank transactions" }, /* @__PURE__ */ import_react175.default.createElement(
     LinkedAccounts,
     {
       elevated: elevatedLinkedAccounts,
       showLedgerBalance,
       showUnlinkItem,
-      showBreakConnection
+      showBreakConnection,
+      stringOverrides: stringOverrides?.linkedAccounts
     }
   ), /* @__PURE__ */ import_react175.default.createElement(
     BankTransactions,
@@ -15317,7 +15435,8 @@ var BankTransactionsWithLinkedAccounts = ({
       showReceiptUploads,
       mobileComponent,
       categorizedOnly,
-      hardRefreshPnlOnCategorize
+      hardRefreshPnlOnCategorize,
+      stringOverrides: stringOverrides?.bankTransactions
     }
   ));
 };
@@ -15325,32 +15444,41 @@ var BankTransactionsWithLinkedAccounts = ({
 // src/views/GeneralLedger/GeneralLedger.tsx
 var import_react176 = __toESM(require("react"));
 var GeneralLedgerView = ({
-  title = "General Ledger"
+  title,
+  // deprecated
+  stringOverrides
 }) => {
   const [activeTab, setActiveTab] = (0, import_react176.useState)("chartOfAccounts");
-  return /* @__PURE__ */ import_react176.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react176.default.createElement(View, { title }, /* @__PURE__ */ import_react176.default.createElement(
+  return /* @__PURE__ */ import_react176.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react176.default.createElement(View, { title: stringOverrides?.title || title || "General Ledger" }, /* @__PURE__ */ import_react176.default.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__ */ import_react176.default.createElement(Container, { name: "generalLedger" }, activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react176.default.createElement(ChartOfAccounts, { asWidget: true, withExpandAllButton: true }) : /* @__PURE__ */ import_react176.default.createElement(Journal, null))));
+  ), /* @__PURE__ */ import_react176.default.createElement(Container, { name: "generalLedger" }, activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react176.default.createElement(
+    ChartOfAccounts,
+    {
+      asWidget: true,
+      withExpandAllButton: true,
+      stringOverrides: stringOverrides?.chartOfAccounts
+    }
+  ) : /* @__PURE__ */ import_react176.default.createElement(Journal, { stringOverrides: stringOverrides?.journal }))));
 };
 
 // src/views/Reports/Reports.tsx
 var import_react177 = __toESM(require("react"));
-var DownloadButton2 = () => {
+var DownloadButton2 = ({ stringOverrides }) => {
   const { dateRange } = (0, import_react177.useContext)(ProfitAndLoss.Context);
   const { auth, businessId, apiUrl } = useLayerContext();
   const [requestFailed, setRequestFailed] = (0, import_react177.useState)(false);
@@ -15387,7 +15515,7 @@ var DownloadButton2 = () => {
       className: "Layer__download-retry-btn",
       error: "Approval failed. Check connection and retry in few seconds."
     },
-    "Retry"
+    stringOverrides?.retryButtonText || "Retry"
   ) : /* @__PURE__ */ import_react177.default.createElement(
     Button,
     {
@@ -15395,13 +15523,13 @@ var DownloadButton2 = () => {
       rightIcon: /* @__PURE__ */ import_react177.default.createElement(DownloadCloud_default, { size: 12 }),
       onClick: handleClick
     },
-    "Download"
+    stringOverrides?.downloadButtonText || "Download"
   );
 };
-var Reports = ({ title = "Reports" }) => {
+var Reports = ({ title, stringOverrides }) => {
   const containerRef = (0, import_react177.useRef)(null);
   const [activeTab, setActiveTab] = (0, import_react177.useState)("profitAndLoss");
-  return /* @__PURE__ */ import_react177.default.createElement(View, { title }, /* @__PURE__ */ import_react177.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react177.default.createElement(
+  return /* @__PURE__ */ import_react177.default.createElement(View, { title: stringOverrides?.title || title || "Reports" }, /* @__PURE__ */ import_react177.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react177.default.createElement(
     Toggle,
     {
       name: "reports-tabs",
@@ -15416,26 +15544,38 @@ var Reports = ({ title = "Reports" }) => {
       selected: activeTab,
       onChange: (opt) => setActiveTab(opt.target.value)
     }
-  )), /* @__PURE__ */ import_react177.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react177.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react177.default.createElement(ReportsPanel, { containerRef, openReport: activeTab }))));
+  )), /* @__PURE__ */ import_react177.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react177.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react177.default.createElement(ReportsPanel, { containerRef, openReport: activeTab, stringOverrides }))));
 };
-var ReportsPanel = ({ containerRef, openReport }) => {
+var ReportsPanel = ({ containerRef, openReport, stringOverrides }) => {
   const { sidebarScope } = (0, import_react177.useContext)(ProfitAndLoss.Context);
   return /* @__PURE__ */ import_react177.default.createElement(import_react177.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react177.default.createElement(
     View,
     {
       type: "panel",
-      headerControls: /* @__PURE__ */ import_react177.default.createElement(import_react177.default.Fragment, null, /* @__PURE__ */ import_react177.default.createElement(ProfitAndLoss.DatePicker, null), /* @__PURE__ */ import_react177.default.createElement(DownloadButton2, null))
+      headerControls: /* @__PURE__ */ import_react177.default.createElement(import_react177.default.Fragment, null, /* @__PURE__ */ import_react177.default.createElement(ProfitAndLoss.DatePicker, null), /* @__PURE__ */ import_react177.default.createElement(DownloadButton2, { stringOverrides: stringOverrides?.downloadButton }))
     },
     /* @__PURE__ */ import_react177.default.createElement(
       Panel,
       {
-        sidebar: /* @__PURE__ */ import_react177.default.createElement(ProfitAndLoss.DetailedCharts, { showDatePicker: false }),
+        sidebar: /* @__PURE__ */ import_react177.default.createElement(
+          ProfitAndLoss.DetailedCharts,
+          {
+            showDatePicker: false,
+            stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts
+          }
+        ),
         sidebarIsOpen: Boolean(sidebarScope),
         parentRef: containerRef
       },
-      /* @__PURE__ */ import_react177.default.createElement(ProfitAndLoss.Table, { asContainer: false })
+      /* @__PURE__ */ import_react177.default.createElement(
+        ProfitAndLoss.Table,
+        {
+          asContainer: false,
+          stringOverrides: stringOverrides?.profitAndLoss?.table
+        }
+      )
     )
-  ), openReport === "balanceSheet" && /* @__PURE__ */ import_react177.default.createElement(BalanceSheet, null), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react177.default.createElement(StatementOfCashFlow, null));
+  ), openReport === "balanceSheet" && /* @__PURE__ */ import_react177.default.createElement(BalanceSheet, { stringOverrides: stringOverrides?.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react177.default.createElement(StatementOfCashFlow, { stringOverrides: stringOverrides?.statementOfCashflow }));
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
@@ -15447,23 +15587,30 @@ var ProfitAndLossView = (props) => {
 };
 var ProfitAndLossPanel = ({
   containerRef,
+  stringOverrides,
   ...props
 }) => {
   const { sidebarScope } = (0, import_react178.useContext)(ProfitAndLoss.Context);
   return /* @__PURE__ */ import_react178.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react178.default.createElement(ProfitAndLossDetailedCharts, null),
+      sidebar: /* @__PURE__ */ import_react178.default.createElement(
+        ProfitAndLossDetailedCharts,
+        {
+          stringOverrides: stringOverrides?.profitAndLossDetailedCharts
+        }
+      ),
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react178.default.createElement(Header, { className: `Layer__${COMPONENT_NAME7}__header` }, /* @__PURE__ */ import_react178.default.createElement(Heading, { className: "Layer__profit-and-loss__title" }, "Profit & Loss")),
-    /* @__PURE__ */ import_react178.default.createElement(Components, { ...props })
+    /* @__PURE__ */ import_react178.default.createElement(Header, { className: `Layer__${COMPONENT_NAME7}__header` }, /* @__PURE__ */ import_react178.default.createElement(Heading, { className: "Layer__profit-and-loss__title" }, stringOverrides?.header || "Profit & Loss")),
+    /* @__PURE__ */ import_react178.default.createElement(Components, { stringOverrides, ...props })
   );
 };
 var Components = ({
   hideChart = false,
-  hideTable = false
+  hideTable = false,
+  stringOverrides
 }) => {
   const { error, isLoading, isValidating, refetch } = (0, import_react178.useContext)(
     ProfitAndLoss.Context
@@ -15486,14 +15633,26 @@ var Components = ({
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__summary-col`
     },
     /* @__PURE__ */ import_react178.default.createElement(ProfitAndLoss.DatePicker, null),
-    /* @__PURE__ */ import_react178.default.createElement(ProfitAndLoss.Summaries, { vertical: true, actionable: true })
+    /* @__PURE__ */ import_react178.default.createElement(
+      ProfitAndLoss.Summaries,
+      {
+        vertical: true,
+        actionable: true,
+        stringOverrides: stringOverrides?.profitAndLossSummaries
+      }
+    )
   ), /* @__PURE__ */ import_react178.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__chart-col`
     },
     /* @__PURE__ */ import_react178.default.createElement(ProfitAndLoss.Chart, null)
-  )), !hideTable && /* @__PURE__ */ import_react178.default.createElement(ProfitAndLoss.Table, null));
+  )), !hideTable && /* @__PURE__ */ import_react178.default.createElement(
+    ProfitAndLoss.Table,
+    {
+      stringOverrides: stringOverrides?.profitAndLossTable
+    }
+  ));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {