@layerfi/components 0.1.107-alpha.2 → 0.1.107

package/dist/esm/index.mjs

@@ -5570,7 +5570,7 @@ import { useState as useState3 } from "react";
 import { useReducer, useEffect } from "react";
 
 // package.json
-var version = "0.1.107-alpha.2";
+var version = "0.1.107";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -6478,10 +6478,10 @@ import { jsx as jsx4 } from "react/jsx-runtime";
 var InAppLinkContext = createContext4({});
 var useInAppLinkContext = () => useContext4(InAppLinkContext);
 var InAppLinkProvider = ({
-  convertToInAppLink,
+  renderInAppLink,
   children
 }) => {
-  return /* @__PURE__ */ jsx4(InAppLinkContext.Provider, { value: { convertToInAppLink }, children });
+  return /* @__PURE__ */ jsx4(InAppLinkContext.Provider, { value: { renderInAppLink }, children });
 };
 
 // src/schemas/customer.ts
@@ -6616,7 +6616,7 @@ var TransactionLedgerEntrySourceSchema = Schema3.Struct({
     Schema3.fromKey("transaction_id")
   ),
   externalId: pipe3(
-    Schema3.propertySignature(Schema3.String),
+    Schema3.propertySignature(Schema3.NullOr(Schema3.String)),
     Schema3.fromKey("external_id")
   ),
   accountName: pipe3(
@@ -6626,7 +6626,7 @@ var TransactionLedgerEntrySourceSchema = Schema3.Struct({
   date: Schema3.String,
   amount: Schema3.Number,
   direction: Schema3.Enums(Direction),
-  counterparty: Schema3.optional(Schema3.String),
+  counterparty: Schema3.optional(Schema3.NullOr(Schema3.String)),
   description: Schema3.optional(Schema3.String),
   memo: Schema3.optional(Schema3.NullOr(Schema3.String)),
   metadata: Schema3.optional(Schema3.NullOr(Schema3.Unknown)),
@@ -6650,7 +6650,7 @@ var InvoiceLedgerEntrySourceSchema = Schema3.Struct({
     Schema3.fromKey("invoice_id")
   ),
   externalId: pipe3(
-    Schema3.propertySignature(Schema3.String),
+    Schema3.propertySignature(Schema3.NullOr(Schema3.String)),
     Schema3.fromKey("external_id")
   ),
   invoiceNumber: pipe3(
@@ -6658,7 +6658,7 @@ var InvoiceLedgerEntrySourceSchema = Schema3.Struct({
     Schema3.fromKey("invoice_number")
   ),
   recipientName: pipe3(
-    Schema3.propertySignature(Schema3.String),
+    Schema3.propertySignature(Schema3.NullOr(Schema3.String)),
     Schema3.fromKey("recipient_name")
   ),
   customerDescription: pipe3(
@@ -6714,7 +6714,7 @@ var InvoicePaymentLedgerEntrySourceSchema = Schema3.Struct({
   ),
   type: Schema3.Literal("Invoice_Payment_Ledger_Entry_Source"),
   externalId: pipe3(
-    Schema3.propertySignature(Schema3.String),
+    Schema3.propertySignature(Schema3.NullOr(Schema3.String)),
     Schema3.fromKey("external_id")
   ),
   invoiceId: pipe3(
@@ -6864,7 +6864,7 @@ var PayoutLedgerEntrySourceSchema = Schema3.Struct({
     Schema3.fromKey("payout_id")
   ),
   externalId: pipe3(
-    Schema3.propertySignature(Schema3.String),
+    Schema3.propertySignature(Schema3.NullOr(Schema3.String)),
     Schema3.fromKey("external_id")
   ),
   paidOutAmount: pipe3(
@@ -16054,7 +16054,7 @@ var flattenOptionGroups = (options3) => {
   return options3.flatMap(
     (opt) => {
       var _a;
-      return ((_a = opt.value) == null ? void 0 : _a.type) === "GROUP" && Array.isArray(opt.value.items) ? flattenOptionGroups(opt.value.items) : [opt];
+      return ((_a = opt.value) == null ? void 0 : _a.type) === "GROUP" && Array.isArray(opt.value.items) ? [opt, ...flattenOptionGroups(opt.value.items)] : [opt];
     }
   );
 };
@@ -16168,18 +16168,21 @@ var BusinessCategories = ({
   const [optionsToShow, setOptionsToShow] = useState20(categoryOptions);
   const [selectedGroup, setSelectedGroup] = useState20();
   const filteredOptions = useMemo18(() => {
-    const sortedOptions = optionsToShow.sort((a, b) => a.label.localeCompare(b.label));
-    if (!query) return sortedOptions;
-    const lower = query.toLowerCase();
-    const flattenedOptions = flattenOptionGroups(sortedOptions);
-    return flattenedOptions.filter(
-      (opt) => opt.label.toLowerCase().includes(lower)
-    );
+    let options3 = optionsToShow;
+    if (query) {
+      const lower = query.toLowerCase();
+      const flattenedOptions = flattenOptionGroups(options3);
+      options3 = flattenedOptions.filter(
+        (opt) => opt.label.toLowerCase().includes(lower)
+      );
+    }
+    return options3.sort((a, b) => a.label.localeCompare(b.label));
   }, [optionsToShow, query]);
   const onCategorySelect = (v) => {
     if (v.value.type === "GROUP" && v.value.items) {
       setOptionsToShow(v.value.items);
       setSelectedGroup(v.label);
+      setQuery("");
       return;
     }
     select(v);
@@ -16187,13 +16190,14 @@ var BusinessCategories = ({
   const clearSelectedGroup = useCallback13(() => {
     setOptionsToShow(categoryOptions);
     setSelectedGroup(void 0);
+    setQuery("");
   }, [categoryOptions]);
   return /* @__PURE__ */ jsxs63(VStack, { className: "Layer__bank-transaction-mobile-list-item__categories_list-container", pbs: "lg", gap: "md", children: [
     /* @__PURE__ */ jsxs63(VStack, { pis: "sm", pie: "sm", gap: "md", children: [
       /* @__PURE__ */ jsx103(HStack, { pis: "xs", children: selectedGroup ? /* @__PURE__ */ jsxs63(Button2, { variant: "text", onClick: clearSelectedGroup, children: [
         /* @__PURE__ */ jsx103(ChevronLeft2, { size: 18 }),
-        /* @__PURE__ */ jsx103(Span, { size: "lg", weight: "bold", align: "center", children: selectedGroup })
-      ] }) : /* @__PURE__ */ jsx103(Span, { size: "lg", weight: "bold", children: "Select category" }) }),
+        /* @__PURE__ */ jsx103(ModalHeading, { size: "sm", weight: "bold", align: "center", children: selectedGroup })
+      ] }) : /* @__PURE__ */ jsx103(ModalHeading, { size: "sm", weight: "bold", children: "Select category" }) }),
       /* @__PURE__ */ jsx103(SearchField, { value: query, onChange: setQuery, label: "Search categories..." })
     ] }),
     /* @__PURE__ */ jsx103(
@@ -16515,7 +16519,7 @@ var Option2 = (props) => {
     return null;
   }
   if (props.data.type === "match") {
-    const inAppLink = props.convertToInAppLink && props.data.payload.details ? props.convertToInAppLink(convertMatchDetailsToLinkingMetadata(props.data.payload.details)) : null;
+    const inAppLink = props.renderInAppLink && props.data.payload.details ? props.renderInAppLink(convertMatchDetailsToLinkingMetadata(props.data.payload.details)) : null;
     return /* @__PURE__ */ jsxs64(
       components3.Option,
       __spreadProps(__spreadValues({}, props), {
@@ -16604,7 +16608,7 @@ var CategorySelect = ({
 }) => {
   var _a, _b, _c, _d;
   const { data: categories } = useCategories();
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   const [isDrawerOpen, setIsDrawerOpen] = useState21(false);
   const onSelect = useCallback14((option) => {
     if (option.value.payload) {
@@ -16715,7 +16719,7 @@ var CategorySelect = ({
       components: {
         DropdownIndicator,
         GroupHeading,
-        Option: (optionProps) => /* @__PURE__ */ jsx105(Option2, __spreadProps(__spreadValues({}, optionProps), { showTooltips, convertToInAppLink }))
+        Option: (optionProps) => /* @__PURE__ */ jsx105(Option2, __spreadProps(__spreadValues({}, optionProps), { showTooltips, renderInAppLink }))
       },
       isDisabled: disabled,
       isOptionDisabled: (option) => {
@@ -17384,7 +17388,7 @@ var MatchForm = ({
 }) => {
   const bookkeepingStatus = useEffectiveBookkeepingStatus();
   const categorizationEnabled = isCategorizationEnabledForStatus(bookkeepingStatus);
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   const {
     suggested_matches: suggestedMatches = [],
     match
@@ -17400,12 +17404,12 @@ var MatchForm = ({
       /* @__PURE__ */ jsx114("div", { className: `${classNamePrefix}__match-table__date`, children: "Date" }),
       /* @__PURE__ */ jsx114("div", { className: `${classNamePrefix}__match-table__desc`, children: "Description" }),
       /* @__PURE__ */ jsx114("div", { className: `${classNamePrefix}__match-table__amount`, children: "Amount" }),
-      convertToInAppLink && /* @__PURE__ */ jsx114("div", { className: `${classNamePrefix}__match-table__link`, children: "Link" }),
+      renderInAppLink && /* @__PURE__ */ jsx114("div", { className: `${classNamePrefix}__match-table__link`, children: "Link" }),
       match && /* @__PURE__ */ jsx114("div", { className: `${classNamePrefix}__match-table__status` })
     ] }),
     effectiveSuggestedMatches.map((suggestedMatch) => {
       var _a;
-      const inAppLink = convertToInAppLink ? convertToInAppLink(convertMatchDetailsToLinkingMetadata(suggestedMatch.details)) : null;
+      const inAppLink = renderInAppLink ? renderInAppLink(convertMatchDetailsToLinkingMetadata(suggestedMatch.details)) : null;
       return /* @__PURE__ */ jsxs71(
         "div",
         {
@@ -17499,10 +17503,10 @@ var MatchFormMobile = ({
   readOnly
 }) => {
   var _a;
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   return /* @__PURE__ */ jsxs72("div", { className: `${classNamePrefix}__match-list`, children: [
     (_a = bankTransaction.suggested_matches) == null ? void 0 : _a.map((match, idx) => {
-      const inAppLink = convertToInAppLink ? convertToInAppLink(convertMatchDetailsToLinkingMetadata(match.details)) : null;
+      const inAppLink = renderInAppLink ? renderInAppLink(convertMatchDetailsToLinkingMetadata(match.details)) : null;
       return /* @__PURE__ */ jsxs72(
         "div",
         {
@@ -21864,14 +21868,14 @@ import classNames48 from "classnames";
 import { parseISO as parseISO12, format as formatTime9 } from "date-fns";
 import { jsx as jsx148, jsxs as jsxs93 } from "react/jsx-runtime";
 var DATE_FORMAT2 = "LLL d";
-var getAssignedValue2 = (bankTransaction, convertToInAppLink) => {
+var getAssignedValue2 = (bankTransaction, renderInAppLink) => {
   var _a, _b, _c, _d;
   if (bankTransaction.categorization_status === "SPLIT" /* SPLIT */) {
     return extractDescriptionForSplit(bankTransaction.category);
   }
   if (bankTransaction.categorization_status === "MATCHED" /* MATCHED */) {
-    if (convertToInAppLink && ((_a = bankTransaction.match) == null ? void 0 : _a.details)) {
-      const inAppLink = convertToInAppLink(convertMatchDetailsToLinkingMetadata(bankTransaction.match.details));
+    if (renderInAppLink && ((_a = bankTransaction.match) == null ? void 0 : _a.details)) {
+      const inAppLink = renderInAppLink(convertMatchDetailsToLinkingMetadata(bankTransaction.match.details));
       if (inAppLink) return inAppLink;
     }
     return (_c = (_b = bankTransaction.match) == null ? void 0 : _b.details) == null ? void 0 : _c.description;
@@ -21896,7 +21900,7 @@ var BankTransactionMobileListItem = ({
     clearTransactionIdToOpen
   } = useContext20(TransactionToOpenContext);
   const { shouldHideAfterCategorize } = useBankTransactionsContext();
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   const formRowRef = useElementSize(
     (_a2, _b, { height: height2 }) => setHeight(height2)
   );
@@ -21983,7 +21987,7 @@ var BankTransactionMobileListItem = ({
           /* @__PURE__ */ jsxs93("div", { className: `${className}__heading__main`, children: [
             /* @__PURE__ */ jsx148(Text, { as: "span", className: `${className}__heading__tx-name`, children: (_a = bankTransaction.counterparty_name) != null ? _a : bankTransaction.description }),
             /* @__PURE__ */ jsxs93(Text, { as: "span", className: `${className}__heading__account-name`, children: [
-              categorized && bankTransaction.categorization_status ? getAssignedValue2(bankTransaction, convertToInAppLink) : null,
+              categorized && bankTransaction.categorization_status ? getAssignedValue2(bankTransaction, renderInAppLink) : null,
               /* @__PURE__ */ jsx148("span", { children: !categorized && bankTransaction.account_name }),
               hasReceipts(bankTransaction) ? /* @__PURE__ */ jsx148(File_default, { size: 12 }) : null
             ] }),
@@ -24807,7 +24811,7 @@ var BankTransactions = (_a) => {
     monthlyView = false,
     applyGlobalDateRange = false,
     mode,
-    convertToInAppLink
+    renderInAppLink
   } = _b, props = __objRest(_b, [
     "onError",
     "showTags",
@@ -24815,13 +24819,13 @@ var BankTransactions = (_a) => {
     "monthlyView",
     "applyGlobalDateRange",
     "mode",
-    "convertToInAppLink"
+    "renderInAppLink"
   ]);
   usePreloadTagDimensions({ isEnabled: showTags });
   usePreloadCustomers({ isEnabled: showCustomerVendor });
   usePreloadVendors({ isEnabled: showCustomerVendor });
   const contextData = useAugmentedBankTransactions({ monthlyView, applyGlobalDateRange });
-  return /* @__PURE__ */ jsx188(ErrorBoundary, { onError, children: /* @__PURE__ */ jsx188(BankTransactionsContext.Provider, { value: contextData, children: /* @__PURE__ */ jsx188(LegacyModeProvider, { overrideMode: mode, children: /* @__PURE__ */ jsx188(BankTransactionTagVisibilityProvider, { showTags, children: /* @__PURE__ */ jsx188(BankTransactionCustomerVendorVisibilityProvider, { showCustomerVendor, children: /* @__PURE__ */ jsx188(InAppLinkProvider, { convertToInAppLink, children: /* @__PURE__ */ jsx188(BankTransactionsContent, __spreadValues({}, props)) }) }) }) }) }) });
+  return /* @__PURE__ */ jsx188(ErrorBoundary, { onError, children: /* @__PURE__ */ jsx188(BankTransactionsContext.Provider, { value: contextData, children: /* @__PURE__ */ jsx188(LegacyModeProvider, { overrideMode: mode, children: /* @__PURE__ */ jsx188(BankTransactionTagVisibilityProvider, { showTags, children: /* @__PURE__ */ jsx188(BankTransactionCustomerVendorVisibilityProvider, { showCustomerVendor, children: /* @__PURE__ */ jsx188(InAppLinkProvider, { renderInAppLink, children: /* @__PURE__ */ jsx188(BankTransactionsContent, __spreadValues({}, props)) }) }) }) }) }) });
 };
 var BankTransactionsContent = ({
   asWidget = false,
@@ -28766,7 +28770,7 @@ var LedgerAccountEntryDetails = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
   const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = useContext33(LedgerAccountsContext);
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   const { totalDebit, totalCredit } = useMemo50(() => {
     var _a2;
     let totalDebit2 = 0;
@@ -28787,12 +28791,12 @@ var LedgerAccountEntryDetails = ({
     var _a2, _b2;
     const badgeContent = (_a2 = ledgerEntrySource == null ? void 0 : ledgerEntrySource.entityName) != null ? _a2 : entryData == null ? void 0 : entryData.entry_type;
     const defaultBadge = /* @__PURE__ */ jsx231(Badge, { children: badgeContent });
-    if (!convertToInAppLink || !ledgerEntrySource) {
+    if (!renderInAppLink || !ledgerEntrySource) {
       return defaultBadge;
     }
     const linkingMetadata = convertLedgerEntrySourceToLinkingMetadata(ledgerEntrySource);
-    return (_b2 = convertToInAppLink(linkingMetadata)) != null ? _b2 : defaultBadge;
-  }, [convertToInAppLink, entryData == null ? void 0 : entryData.entry_type, ledgerEntrySource]);
+    return (_b2 = renderInAppLink(linkingMetadata)) != null ? _b2 : defaultBadge;
+  }, [renderInAppLink, entryData == null ? void 0 : entryData.entry_type, ledgerEntrySource]);
   return /* @__PURE__ */ jsxs141("div", { className: "Layer__ledger-account__entry-details", children: [
     /* @__PURE__ */ jsx231(Header5, { className: "Layer__ledger-account__entry-details__header", children: /* @__PURE__ */ jsxs141(HeaderRow, { children: [
       /* @__PURE__ */ jsxs141(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl", children: [
@@ -29243,6 +29247,17 @@ var ProfitAndLossDetailReport = ({
   const { businessId } = useLayerContext();
   const { tagFilter, dateRange } = useContext34(ProfitAndLoss2.Context);
   const [selectedSource, setSelectedSource] = useState59(null);
+  const { renderInAppLink } = useInAppLinkContext();
+  const badgeOrInAppLink = useMemo52(() => {
+    var _a;
+    if (!selectedSource) return void 0;
+    const defaultBadge = /* @__PURE__ */ jsx237(Badge, { children: selectedSource.entityName });
+    if (!renderInAppLink) {
+      return defaultBadge;
+    }
+    const linkingMetadata = convertLedgerEntrySourceToLinkingMetadata(selectedSource);
+    return (_a = renderInAppLink(linkingMetadata)) != null ? _a : defaultBadge;
+  }, [renderInAppLink, selectedSource]);
   const dynamicBreadcrumbs = useMemo52(() => {
     return breadcrumbPath || [{ name: lineItemName, display_name: lineItemName }];
   }, [breadcrumbPath, lineItemName]);
@@ -29361,7 +29376,7 @@ var ProfitAndLossDetailReport = ({
       {
         title: (stringOverrides == null ? void 0 : stringOverrides.sourceDetailsTitle) || "Transaction source",
         children: [
-          /* @__PURE__ */ jsx237(DetailsListItem, { label: "Source", children: /* @__PURE__ */ jsx237(Badge, { children: selectedSource.entityName }) }),
+          /* @__PURE__ */ jsx237(DetailsListItem, { label: "Source", children: badgeOrInAppLink }),
           /* @__PURE__ */ jsx237(SourceDetailView, { source: selectedSource })
         ]
       }
@@ -29400,7 +29415,8 @@ var ProfitAndLossReport = ({
   defaultDatePickerMode,
   customDateRanges,
   csvMoneyFormat,
-  view
+  view,
+  renderInAppLink
 }) => {
   var _a;
   const { comparisonConfig } = useContext35(ProfitAndLoss2.ComparisonContext);
@@ -29428,7 +29444,7 @@ var ProfitAndLossReport = ({
   const handleCloseDetailReport = useCallback49(() => {
     setSelectedLineItem(null);
   }, []);
-  return /* @__PURE__ */ jsx238(
+  return /* @__PURE__ */ jsx238(InAppLinkProvider, { renderInAppLink, children: /* @__PURE__ */ jsx238(
     View,
     {
       type: "panel",
@@ -29481,7 +29497,7 @@ var ProfitAndLossReport = ({
         }
       )
     }
-  );
+  ) });
 };
 
 // src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
@@ -33344,7 +33360,7 @@ var ChartOfAccounts2 = (props) => {
   const ledgerAccountsContextData = useLedgerAccounts(
     (_a = props.showReversalEntries) != null ? _a : false
   );
-  return /* @__PURE__ */ jsx269(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData, children: /* @__PURE__ */ jsx269(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData, children: /* @__PURE__ */ jsx269(InAppLinkProvider, { convertToInAppLink: props.getInAppLink, children: /* @__PURE__ */ jsx269(ChartOfAccountsContent, __spreadValues({}, props)) }) }) });
+  return /* @__PURE__ */ jsx269(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData, children: /* @__PURE__ */ jsx269(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData, children: /* @__PURE__ */ jsx269(InAppLinkProvider, { renderInAppLink: props.renderInAppLink, children: /* @__PURE__ */ jsx269(ChartOfAccountsContent, __spreadValues({}, props)) }) }) });
 };
 var ChartOfAccountsContent = ({
   asWidget,
@@ -33810,7 +33826,7 @@ var JournalEntryDetails = () => {
     reverseEntry,
     refetch
   } = useContext49(JournalContext);
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   const [reverseEntryProcessing, setReverseEntryProcessing] = useState69(false);
   const [reverseEntryError, setReverseEntryError] = useState69();
   const entry = useMemo67(() => {
@@ -33826,12 +33842,12 @@ var JournalEntryDetails = () => {
     var _a2, _b2;
     const badgeContent = (_a2 = ledgerEntrySource == null ? void 0 : ledgerEntrySource.entityName) != null ? _a2 : entry == null ? void 0 : entry.entry_type;
     const defaultBadge = /* @__PURE__ */ jsx270(Badge, { children: badgeContent });
-    if (!convertToInAppLink || !ledgerEntrySource) {
+    if (!renderInAppLink || !ledgerEntrySource) {
       return defaultBadge;
     }
     const linkingMetadata = convertLedgerEntrySourceToLinkingMetadata(ledgerEntrySource);
-    return (_b2 = convertToInAppLink(linkingMetadata)) != null ? _b2 : defaultBadge;
-  }, [convertToInAppLink, entry == null ? void 0 : entry.entry_type, ledgerEntrySource]);
+    return (_b2 = renderInAppLink(linkingMetadata)) != null ? _b2 : defaultBadge;
+  }, [renderInAppLink, entry == null ? void 0 : entry.entry_type, ledgerEntrySource]);
   const sortedLineItems = useMemo67(
     () => {
       var _a2;
@@ -34750,7 +34766,7 @@ var JOURNAL_CONFIG = {
 var Journal = (props) => {
   const JournalContextData = useJournal();
   const AccountsContextData = useChartOfAccounts();
-  return /* @__PURE__ */ jsx277(ChartOfAccountsContext.Provider, { value: AccountsContextData, children: /* @__PURE__ */ jsx277(JournalContext.Provider, { value: JournalContextData, children: /* @__PURE__ */ jsx277(InAppLinkProvider, { convertToInAppLink: props.convertToInAppLink, children: /* @__PURE__ */ jsx277(JournalContent, __spreadValues({}, props)) }) }) });
+  return /* @__PURE__ */ jsx277(ChartOfAccountsContext.Provider, { value: AccountsContextData, children: /* @__PURE__ */ jsx277(JournalContext.Provider, { value: JournalContextData, children: /* @__PURE__ */ jsx277(InAppLinkProvider, { renderInAppLink: props.renderInAppLink, children: /* @__PURE__ */ jsx277(JournalContent, __spreadValues({}, props)) }) }) });
 };
 var JournalContent = ({
   asWidget,
@@ -37943,7 +37959,7 @@ var BankTransactionsWithLinkedAccounts = ({
   showUploadOptions = false,
   mobileComponent,
   stringOverrides,
-  convertToInAppLink
+  renderInAppLink
 }) => {
   return /* @__PURE__ */ jsxs200(
     View,
@@ -37974,7 +37990,7 @@ var BankTransactionsWithLinkedAccounts = ({
             mobileComponent,
             mode,
             stringOverrides: stringOverrides == null ? void 0 : stringOverrides.bankTransactions,
-            convertToInAppLink
+            renderInAppLink
           }
         )
       ]
@@ -37991,7 +38007,7 @@ var GeneralLedgerView = ({
   showTitle = true,
   stringOverrides,
   chartOfAccountsOptions,
-  convertToInAppLink
+  renderInAppLink
 }) => {
   const [activeTab, setActiveTab] = useState79("chartOfAccounts");
   return /* @__PURE__ */ jsx319(ProfitAndLoss2, { asContainer: false, children: /* @__PURE__ */ jsxs201(
@@ -38027,13 +38043,13 @@ var GeneralLedgerView = ({
             stringOverrides: stringOverrides == null ? void 0 : stringOverrides.chartOfAccounts,
             templateAccountsEditable: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.templateAccountsEditable,
             showReversalEntries: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showReversalEntries,
-            getInAppLink: convertToInAppLink
+            renderInAppLink
           }
         ) : /* @__PURE__ */ jsx319(
           Journal,
           {
             stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal,
-            convertToInAppLink
+            renderInAppLink
           }
         )
       ]
@@ -40291,7 +40307,8 @@ var Reports = ({
   enabledReports = ["profitAndLoss", "balanceSheet", "statementOfCashFlow"],
   comparisonConfig,
   profitAndLossConfig,
-  statementOfCashFlowConfig
+  statementOfCashFlowConfig,
+  renderInAppLink
 }) => {
   var _a;
   const [activeTab, setActiveTab] = useState84(enabledReports[0]);
@@ -40327,7 +40344,8 @@ var Reports = ({
             stringOverrides,
             profitAndLossConfig,
             statementOfCashFlowConfig,
-            view
+            view,
+            renderInAppLink
           }
         ) }) }) })
       ]
@@ -40339,14 +40357,16 @@ var ReportsPanel = ({
   stringOverrides,
   profitAndLossConfig,
   statementOfCashFlowConfig,
-  view
+  view,
+  renderInAppLink
 }) => {
   return /* @__PURE__ */ jsxs212(Fragment56, { children: [
     openReport === "profitAndLoss" && /* @__PURE__ */ jsx340(
       ProfitAndLossReport,
       __spreadValues({
         stringOverrides,
-        view
+        view,
+        renderInAppLink
       }, profitAndLossConfig)
     ),
     openReport === "balanceSheet" && /* @__PURE__ */ jsx340(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }),