@layerfi/components 0.1.62 → 0.1.64

package/dist/index.d.ts

@@ -1047,7 +1047,10 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Transac
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/constants' {
-  export const PersonalCategories: string[];
+  export enum PersonalCategories {
+      INCOME = "PERSONAL_INFLOWS",
+      EXPENSES = "PERSONAL_EXPENSES"
+  }
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/index' {

package/dist/index.js

@@ -4966,9 +4966,6 @@ var ActionableList = ({
   )));
 };
 
-// src/components/BankTransactionMobileList/constants.ts
-var PersonalCategories = ["PERSONAL_INCOME", "PERSONAL_EXPENSES"];
-
 // src/components/BankTransactionMobileList/utils.ts
 var mapCategoryToOption = (category) => ({
   label: category.display_name,
@@ -5015,7 +5012,7 @@ var getAssignedValue = (bankTransaction) => {
   if (bankTransaction.categorization_status === "MATCHED" /* MATCHED */ || bankTransaction?.categorization_status === "SPLIT" /* SPLIT */) {
     return;
   }
-  if (bankTransaction.category && !PersonalCategories.includes(bankTransaction.category.display_name)) {
+  if (bankTransaction.category && bankTransaction.category.type != "Exclusion") {
     return mapCategoryToOption(bankTransaction.category);
   }
   if (hasSuggestions(bankTransaction.categorization_flow)) {
@@ -5031,7 +5028,9 @@ var BusinessCategories = ({
   selectedId
 }) => {
   const { categories } = useLayerContext();
-  const categoryOptions = flattenCategories(categories);
+  const categoryOptions = flattenCategories(
+    categories.filter((category) => category.type != "ExclusionNested")
+  );
   const [optionsToShow, setOptionsToShow] = (0, import_react56.useState)(categoryOptions);
   const [selectedGroup, setSelectedGroup] = (0, import_react56.useState)();
   const onCategorySelect = (v) => {
@@ -5195,15 +5194,15 @@ var Option2 = (props) => {
       ...props,
       className: `Layer__select__option-menu-content ${props.className}`
     },
-    /* @__PURE__ */ import_react58.default.createElement("div", { className: "Layer__select__option-menu--name" }, /* @__PURE__ */ import_react58.default.createElement("div", null, props.data.payload.display_name), props.data.payload.description && /* @__PURE__ */ import_react58.default.createElement(Tooltip, null, /* @__PURE__ */ import_react58.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react58.default.createElement(InfoIcon_default, null)), /* @__PURE__ */ import_react58.default.createElement(TooltipContent, { className: "Layer__actionable-list__tooltip-content" }, /* @__PURE__ */ import_react58.default.createElement(
+    /* @__PURE__ */ import_react58.default.createElement("div", { className: "Layer__select__option-menu--name" }, props.isSelected ? /* @__PURE__ */ import_react58.default.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ import_react58.default.createElement(Check_default, { size: 16 })) : /* @__PURE__ */ import_react58.default.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ import_react58.default.createElement("div", { style: { width: 16, height: 16 } })), /* @__PURE__ */ import_react58.default.createElement("div", null, props.data.payload.display_name)),
+    props.data.payload.description && /* @__PURE__ */ import_react58.default.createElement("div", { className: "Layer__select__option-menu--tooltip" }, /* @__PURE__ */ import_react58.default.createElement(Tooltip, null, /* @__PURE__ */ import_react58.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react58.default.createElement(InfoIcon_default, null)), /* @__PURE__ */ import_react58.default.createElement(TooltipContent, { className: "Layer__actionable-list__tooltip-content" }, /* @__PURE__ */ import_react58.default.createElement(
       Text,
       {
         className: "Layer__actionable-list__content-description",
         size: "sm" /* sm */
       },
       props.data.payload.description
-    )))),
-    props.isSelected ? /* @__PURE__ */ import_react58.default.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ import_react58.default.createElement(Check_default, { size: 16 })) : null
+    ))))
   );
 };
 var allCategoriesDivider = [
@@ -5310,7 +5309,8 @@ var CategorySelect = ({
       },
       components: { DropdownIndicator, GroupHeading, Option: Option2 },
       isDisabled: disabled,
-      isOptionDisabled: (option) => option.disabled ?? false
+      isOptionDisabled: (option) => option.disabled ?? false,
+      isOptionSelected: (option) => selected?.payload.display_name == option.payload.display_name
     }
   );
 };
@@ -7252,12 +7252,21 @@ var BusinessForm = ({ bankTransaction }) => {
 
 // src/components/BankTransactionMobileList/PersonalForm.tsx
 var import_react78 = __toESM(require("react"));
+
+// src/components/BankTransactionMobileList/constants.ts
+var PersonalCategories = /* @__PURE__ */ ((PersonalCategories2) => {
+  PersonalCategories2["INCOME"] = "PERSONAL_INFLOWS";
+  PersonalCategories2["EXPENSES"] = "PERSONAL_EXPENSES";
+  return PersonalCategories2;
+})(PersonalCategories || {});
+
+// src/components/BankTransactionMobileList/PersonalForm.tsx
 var isAlreadyAssigned = (bankTransaction) => {
   if (bankTransaction.categorization_status === "MATCHED" /* MATCHED */ || bankTransaction?.categorization_status === "SPLIT" /* SPLIT */) {
     return false;
   }
   return Boolean(
-    bankTransaction.category && PersonalCategories.includes(bankTransaction.category.display_name)
+    bankTransaction.category && Object.values(PersonalCategories).includes(bankTransaction.category.display_name)
   );
 };
 var PersonalForm = ({ bankTransaction }) => {
@@ -7274,8 +7283,8 @@ var PersonalForm = ({ bankTransaction }) => {
       {
         type: "Category",
         category: {
-          type: "StableName",
-          stable_name: isCredit(bankTransaction) ? "PERSONAL_INCOME" : "PERSONAL_EXPENSES"
+          type: "Exclusion",
+          exclusion_type: isCredit(bankTransaction) ? "PERSONAL_INFLOWS" /* INCOME */ : "PERSONAL_EXPENSES" /* EXPENSES */
         }
       },
       true
@@ -7643,7 +7652,7 @@ var BankTransactionMobileListItem = ({
   const itemRef = (0, import_react84.useRef)(null);
   const [removeAnim, setRemoveAnim] = (0, import_react84.useState)(false);
   const [purpose, setPurpose] = (0, import_react84.useState)(
-    bankTransaction.category ? bankTransaction.categorization_status === "SPLIT" /* SPLIT */ ? "more" /* more */ : "business" /* business */ : hasMatch(bankTransaction) ? "more" /* more */ : "business" /* business */
+    bankTransaction.category ? bankTransaction.category.type === "Exclusion" ? "personal" /* personal */ : bankTransaction.categorization_status === "SPLIT" /* SPLIT */ ? "more" /* more */ : "business" /* business */ : hasMatch(bankTransaction) ? "more" /* more */ : "business" /* business */
   );
   const [open, setOpen] = (0, import_react84.useState)(isFirstItem);
   const [showComponent, setShowComponent] = (0, import_react84.useState)(!initialLoad);