@layerfi/components 0.1.107-alpha.2 → 0.1.107

package/dist/cjs/index.cjs

@@ -5603,7 +5603,7 @@ var import_react12 = require("react");
 var import_react10 = require("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 {
@@ -6511,10 +6511,10 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
 var InAppLinkContext = (0, import_react5.createContext)({});
 var useInAppLinkContext = () => (0, import_react5.useContext)(InAppLinkContext);
 var InAppLinkProvider = ({
-  convertToInAppLink,
+  renderInAppLink,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InAppLinkContext.Provider, { value: { convertToInAppLink }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(InAppLinkContext.Provider, { value: { renderInAppLink }, children });
 };
 
 // src/schemas/customer.ts
@@ -6649,7 +6649,7 @@ var TransactionLedgerEntrySourceSchema = import_effect3.Schema.Struct({
     import_effect3.Schema.fromKey("transaction_id")
   ),
   externalId: (0, import_effect3.pipe)(
-    import_effect3.Schema.propertySignature(import_effect3.Schema.String),
+    import_effect3.Schema.propertySignature(import_effect3.Schema.NullOr(import_effect3.Schema.String)),
     import_effect3.Schema.fromKey("external_id")
   ),
   accountName: (0, import_effect3.pipe)(
@@ -6659,7 +6659,7 @@ var TransactionLedgerEntrySourceSchema = import_effect3.Schema.Struct({
   date: import_effect3.Schema.String,
   amount: import_effect3.Schema.Number,
   direction: import_effect3.Schema.Enums(Direction),
-  counterparty: import_effect3.Schema.optional(import_effect3.Schema.String),
+  counterparty: import_effect3.Schema.optional(import_effect3.Schema.NullOr(import_effect3.Schema.String)),
   description: import_effect3.Schema.optional(import_effect3.Schema.String),
   memo: import_effect3.Schema.optional(import_effect3.Schema.NullOr(import_effect3.Schema.String)),
   metadata: import_effect3.Schema.optional(import_effect3.Schema.NullOr(import_effect3.Schema.Unknown)),
@@ -6683,7 +6683,7 @@ var InvoiceLedgerEntrySourceSchema = import_effect3.Schema.Struct({
     import_effect3.Schema.fromKey("invoice_id")
   ),
   externalId: (0, import_effect3.pipe)(
-    import_effect3.Schema.propertySignature(import_effect3.Schema.String),
+    import_effect3.Schema.propertySignature(import_effect3.Schema.NullOr(import_effect3.Schema.String)),
     import_effect3.Schema.fromKey("external_id")
   ),
   invoiceNumber: (0, import_effect3.pipe)(
@@ -6691,7 +6691,7 @@ var InvoiceLedgerEntrySourceSchema = import_effect3.Schema.Struct({
     import_effect3.Schema.fromKey("invoice_number")
   ),
   recipientName: (0, import_effect3.pipe)(
-    import_effect3.Schema.propertySignature(import_effect3.Schema.String),
+    import_effect3.Schema.propertySignature(import_effect3.Schema.NullOr(import_effect3.Schema.String)),
     import_effect3.Schema.fromKey("recipient_name")
   ),
   customerDescription: (0, import_effect3.pipe)(
@@ -6747,7 +6747,7 @@ var InvoicePaymentLedgerEntrySourceSchema = import_effect3.Schema.Struct({
   ),
   type: import_effect3.Schema.Literal("Invoice_Payment_Ledger_Entry_Source"),
   externalId: (0, import_effect3.pipe)(
-    import_effect3.Schema.propertySignature(import_effect3.Schema.String),
+    import_effect3.Schema.propertySignature(import_effect3.Schema.NullOr(import_effect3.Schema.String)),
     import_effect3.Schema.fromKey("external_id")
   ),
   invoiceId: (0, import_effect3.pipe)(
@@ -6897,7 +6897,7 @@ var PayoutLedgerEntrySourceSchema = import_effect3.Schema.Struct({
     import_effect3.Schema.fromKey("payout_id")
   ),
   externalId: (0, import_effect3.pipe)(
-    import_effect3.Schema.propertySignature(import_effect3.Schema.String),
+    import_effect3.Schema.propertySignature(import_effect3.Schema.NullOr(import_effect3.Schema.String)),
     import_effect3.Schema.fromKey("external_id")
   ),
   paidOutAmount: (0, import_effect3.pipe)(
@@ -16035,7 +16035,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];
     }
   );
 };
@@ -16146,18 +16146,21 @@ var BusinessCategories = ({
   const [optionsToShow, setOptionsToShow] = (0, import_react60.useState)(categoryOptions);
   const [selectedGroup, setSelectedGroup] = (0, import_react60.useState)();
   const filteredOptions = (0, import_react60.useMemo)(() => {
-    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);
@@ -16165,13 +16168,14 @@ var BusinessCategories = ({
   const clearSelectedGroup = (0, import_react60.useCallback)(() => {
     setOptionsToShow(categoryOptions);
     setSelectedGroup(void 0);
+    setQuery("");
   }, [categoryOptions]);
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(VStack, { className: "Layer__bank-transaction-mobile-list-item__categories_list-container", pbs: "lg", gap: "md", children: [
     /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(VStack, { pis: "sm", pie: "sm", gap: "md", children: [
       /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(HStack, { pis: "xs", children: selectedGroup ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Button2, { variant: "text", onClick: clearSelectedGroup, children: [
         /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react6.ChevronLeft, { size: 18 }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Span, { size: "lg", weight: "bold", align: "center", children: selectedGroup })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Span, { size: "lg", weight: "bold", children: "Select category" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ModalHeading, { size: "sm", weight: "bold", align: "center", children: selectedGroup })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ModalHeading, { size: "sm", weight: "bold", children: "Select category" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SearchField, { value: query, onChange: setQuery, label: "Search categories..." })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
@@ -16493,7 +16497,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__ */ (0, import_jsx_runtime105.jsxs)(
       import_react_select3.components.Option,
       __spreadProps(__spreadValues({}, props), {
@@ -16582,7 +16586,7 @@ var CategorySelect = ({
 }) => {
   var _a, _b, _c, _d;
   const { data: categories } = useCategories();
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   const [isDrawerOpen, setIsDrawerOpen] = (0, import_react61.useState)(false);
   const onSelect = (0, import_react61.useCallback)((option) => {
     if (option.value.payload) {
@@ -16693,7 +16697,7 @@ var CategorySelect = ({
       components: {
         DropdownIndicator,
         GroupHeading,
-        Option: (optionProps) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Option2, __spreadProps(__spreadValues({}, optionProps), { showTooltips, convertToInAppLink }))
+        Option: (optionProps) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Option2, __spreadProps(__spreadValues({}, optionProps), { showTooltips, renderInAppLink }))
       },
       isDisabled: disabled,
       isOptionDisabled: (option) => {
@@ -17357,7 +17361,7 @@ var MatchForm = ({
 }) => {
   const bookkeepingStatus = useEffectiveBookkeepingStatus();
   const categorizationEnabled = isCategorizationEnabledForStatus(bookkeepingStatus);
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   const {
     suggested_matches: suggestedMatches = [],
     match
@@ -17373,12 +17377,12 @@ var MatchForm = ({
       /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: `${classNamePrefix}__match-table__date`, children: "Date" }),
       /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: `${classNamePrefix}__match-table__desc`, children: "Description" }),
       /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: `${classNamePrefix}__match-table__amount`, children: "Amount" }),
-      convertToInAppLink && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: `${classNamePrefix}__match-table__link`, children: "Link" }),
+      renderInAppLink && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: `${classNamePrefix}__match-table__link`, children: "Link" }),
       match && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("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__ */ (0, import_jsx_runtime114.jsxs)(
         "div",
         {
@@ -17472,10 +17476,10 @@ var MatchFormMobile = ({
   readOnly
 }) => {
   var _a;
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("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__ */ (0, import_jsx_runtime115.jsxs)(
         "div",
         {
@@ -21815,14 +21819,14 @@ var import_classnames48 = __toESM(require("classnames"));
 var import_date_fns20 = require("date-fns");
 var import_jsx_runtime148 = require("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;
@@ -21847,7 +21851,7 @@ var BankTransactionMobileListItem = ({
     clearTransactionIdToOpen
   } = (0, import_react96.useContext)(TransactionToOpenContext);
   const { shouldHideAfterCategorize } = useBankTransactionsContext();
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   const formRowRef = useElementSize(
     (_a2, _b, { height: height2 }) => setHeight(height2)
   );
@@ -21934,7 +21938,7 @@ var BankTransactionMobileListItem = ({
           /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: `${className}__heading__main`, children: [
             /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Text, { as: "span", className: `${className}__heading__tx-name`, children: (_a = bankTransaction.counterparty_name) != null ? _a : bankTransaction.description }),
             /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(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__ */ (0, import_jsx_runtime148.jsx)("span", { children: !categorized && bankTransaction.account_name }),
               hasReceipts(bankTransaction) ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(File_default, { size: 12 }) : null
             ] }),
@@ -24730,7 +24734,7 @@ var BankTransactions = (_a) => {
     monthlyView = false,
     applyGlobalDateRange = false,
     mode,
-    convertToInAppLink
+    renderInAppLink
   } = _b, props = __objRest(_b, [
     "onError",
     "showTags",
@@ -24738,13 +24742,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__ */ (0, import_jsx_runtime189.jsx)(ErrorBoundary, { onError, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(BankTransactionsContext.Provider, { value: contextData, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(LegacyModeProvider, { overrideMode: mode, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(BankTransactionTagVisibilityProvider, { showTags, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(BankTransactionCustomerVendorVisibilityProvider, { showCustomerVendor, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(InAppLinkProvider, { convertToInAppLink, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(BankTransactionsContent, __spreadValues({}, props)) }) }) }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(ErrorBoundary, { onError, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(BankTransactionsContext.Provider, { value: contextData, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(LegacyModeProvider, { overrideMode: mode, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(BankTransactionTagVisibilityProvider, { showTags, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(BankTransactionCustomerVendorVisibilityProvider, { showCustomerVendor, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(InAppLinkProvider, { renderInAppLink, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(BankTransactionsContent, __spreadValues({}, props)) }) }) }) }) }) });
 };
 var BankTransactionsContent = ({
   asWidget = false,
@@ -28659,7 +28663,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 } = (0, import_react153.useContext)(LedgerAccountsContext);
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   const { totalDebit, totalCredit } = (0, import_react153.useMemo)(() => {
     var _a2;
     let totalDebit2 = 0;
@@ -28680,12 +28684,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__ */ (0, import_jsx_runtime232.jsx)(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__ */ (0, import_jsx_runtime232.jsxs)("div", { className: "Layer__ledger-account__entry-details", children: [
     /* @__PURE__ */ (0, import_jsx_runtime232.jsx)(Header5, { className: "Layer__ledger-account__entry-details__header", children: /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(HeaderRow, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl", children: [
@@ -29123,6 +29127,17 @@ var ProfitAndLossDetailReport = ({
   const { businessId } = useLayerContext();
   const { tagFilter, dateRange } = (0, import_react157.useContext)(ProfitAndLoss2.Context);
   const [selectedSource, setSelectedSource] = (0, import_react157.useState)(null);
+  const { renderInAppLink } = useInAppLinkContext();
+  const badgeOrInAppLink = (0, import_react157.useMemo)(() => {
+    var _a;
+    if (!selectedSource) return void 0;
+    const defaultBadge = /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Badge, { children: selectedSource.entityName });
+    if (!renderInAppLink) {
+      return defaultBadge;
+    }
+    const linkingMetadata = convertLedgerEntrySourceToLinkingMetadata(selectedSource);
+    return (_a = renderInAppLink(linkingMetadata)) != null ? _a : defaultBadge;
+  }, [renderInAppLink, selectedSource]);
   const dynamicBreadcrumbs = (0, import_react157.useMemo)(() => {
     return breadcrumbPath || [{ name: lineItemName, display_name: lineItemName }];
   }, [breadcrumbPath, lineItemName]);
@@ -29241,7 +29256,7 @@ var ProfitAndLossDetailReport = ({
       {
         title: (stringOverrides == null ? void 0 : stringOverrides.sourceDetailsTitle) || "Transaction source",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(DetailsListItem, { label: "Source", children: /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(Badge, { children: selectedSource.entityName }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(DetailsListItem, { label: "Source", children: badgeOrInAppLink }),
           /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(SourceDetailView, { source: selectedSource })
         ]
       }
@@ -29280,7 +29295,8 @@ var ProfitAndLossReport = ({
   defaultDatePickerMode,
   customDateRanges,
   csvMoneyFormat,
-  view
+  view,
+  renderInAppLink
 }) => {
   var _a;
   const { comparisonConfig } = (0, import_react158.useContext)(ProfitAndLoss2.ComparisonContext);
@@ -29308,7 +29324,7 @@ var ProfitAndLossReport = ({
   const handleCloseDetailReport = (0, import_react158.useCallback)(() => {
     setSelectedLineItem(null);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(InAppLinkProvider, { renderInAppLink, children: /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
     View,
     {
       type: "panel",
@@ -29361,7 +29377,7 @@ var ProfitAndLossReport = ({
         }
       )
     }
-  );
+  ) });
 };
 
 // src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
@@ -33220,7 +33236,7 @@ var ChartOfAccounts2 = (props) => {
   const ledgerAccountsContextData = useLedgerAccounts(
     (_a = props.showReversalEntries) != null ? _a : false
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData, children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData, children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(InAppLinkProvider, { convertToInAppLink: props.getInAppLink, children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(ChartOfAccountsContent, __spreadValues({}, props)) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData, children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData, children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(InAppLinkProvider, { renderInAppLink: props.renderInAppLink, children: /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(ChartOfAccountsContent, __spreadValues({}, props)) }) }) });
 };
 var ChartOfAccountsContent = ({
   asWidget,
@@ -33686,7 +33702,7 @@ var JournalEntryDetails = () => {
     reverseEntry,
     refetch
   } = (0, import_react188.useContext)(JournalContext);
-  const { convertToInAppLink } = useInAppLinkContext();
+  const { renderInAppLink } = useInAppLinkContext();
   const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react188.useState)(false);
   const [reverseEntryError, setReverseEntryError] = (0, import_react188.useState)();
   const entry = (0, import_react188.useMemo)(() => {
@@ -33702,12 +33718,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__ */ (0, import_jsx_runtime271.jsx)(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 = (0, import_react188.useMemo)(
     () => {
       var _a2;
@@ -34626,7 +34642,7 @@ var JOURNAL_CONFIG = {
 var Journal = (props) => {
   const JournalContextData = useJournal();
   const AccountsContextData = useChartOfAccounts();
-  return /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(ChartOfAccountsContext.Provider, { value: AccountsContextData, children: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(JournalContext.Provider, { value: JournalContextData, children: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(InAppLinkProvider, { convertToInAppLink: props.convertToInAppLink, children: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(JournalContent, __spreadValues({}, props)) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(ChartOfAccountsContext.Provider, { value: AccountsContextData, children: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(JournalContext.Provider, { value: JournalContextData, children: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(InAppLinkProvider, { renderInAppLink: props.renderInAppLink, children: /* @__PURE__ */ (0, import_jsx_runtime278.jsx)(JournalContent, __spreadValues({}, props)) }) }) });
 };
 var JournalContent = ({
   asWidget,
@@ -37819,7 +37835,7 @@ var BankTransactionsWithLinkedAccounts = ({
   showUploadOptions = false,
   mobileComponent,
   stringOverrides,
-  convertToInAppLink
+  renderInAppLink
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime319.jsxs)(
     View,
@@ -37850,7 +37866,7 @@ var BankTransactionsWithLinkedAccounts = ({
             mobileComponent,
             mode,
             stringOverrides: stringOverrides == null ? void 0 : stringOverrides.bankTransactions,
-            convertToInAppLink
+            renderInAppLink
           }
         )
       ]
@@ -37867,7 +37883,7 @@ var GeneralLedgerView = ({
   showTitle = true,
   stringOverrides,
   chartOfAccountsOptions,
-  convertToInAppLink
+  renderInAppLink
 }) => {
   const [activeTab, setActiveTab] = (0, import_react218.useState)("chartOfAccounts");
   return /* @__PURE__ */ (0, import_jsx_runtime320.jsx)(ProfitAndLoss2, { asContainer: false, children: /* @__PURE__ */ (0, import_jsx_runtime320.jsxs)(
@@ -37903,13 +37919,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__ */ (0, import_jsx_runtime320.jsx)(
           Journal,
           {
             stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal,
-            convertToInAppLink
+            renderInAppLink
           }
         )
       ]
@@ -40167,7 +40183,8 @@ var Reports = ({
   enabledReports = ["profitAndLoss", "balanceSheet", "statementOfCashFlow"],
   comparisonConfig,
   profitAndLossConfig,
-  statementOfCashFlowConfig
+  statementOfCashFlowConfig,
+  renderInAppLink
 }) => {
   var _a;
   const [activeTab, setActiveTab] = (0, import_react231.useState)(enabledReports[0]);
@@ -40203,7 +40220,8 @@ var Reports = ({
             stringOverrides,
             profitAndLossConfig,
             statementOfCashFlowConfig,
-            view
+            view,
+            renderInAppLink
           }
         ) }) }) })
       ]
@@ -40215,14 +40233,16 @@ var ReportsPanel = ({
   stringOverrides,
   profitAndLossConfig,
   statementOfCashFlowConfig,
-  view
+  view,
+  renderInAppLink
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime341.jsxs)(import_jsx_runtime341.Fragment, { children: [
     openReport === "profitAndLoss" && /* @__PURE__ */ (0, import_jsx_runtime341.jsx)(
       ProfitAndLossReport,
       __spreadValues({
         stringOverrides,
-        view
+        view,
+        renderInAppLink
       }, profitAndLossConfig)
     ),
     openReport === "balanceSheet" && /* @__PURE__ */ (0, import_jsx_runtime341.jsx)(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }),