@layerfi/components 0.1.62 → 0.1.64

package/dist/esm/index.js

@@ -4927,9 +4927,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,
@@ -4976,7 +4973,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)) {
@@ -4992,7 +4989,9 @@ var BusinessCategories = ({
   selectedId
 }) => {
   const { categories } = useLayerContext();
-  const categoryOptions = flattenCategories(categories);
+  const categoryOptions = flattenCategories(
+    categories.filter((category) => category.type != "ExclusionNested")
+  );
   const [optionsToShow, setOptionsToShow] = useState11(categoryOptions);
   const [selectedGroup, setSelectedGroup] = useState11();
   const onCategorySelect = (v) => {
@@ -5156,15 +5155,15 @@ var Option2 = (props) => {
       ...props,
       className: `Layer__select__option-menu-content ${props.className}`
     },
-    /* @__PURE__ */ React71.createElement("div", { className: "Layer__select__option-menu--name" }, /* @__PURE__ */ React71.createElement("div", null, props.data.payload.display_name), props.data.payload.description && /* @__PURE__ */ React71.createElement(Tooltip, null, /* @__PURE__ */ React71.createElement(TooltipTrigger, null, /* @__PURE__ */ React71.createElement(InfoIcon_default, null)), /* @__PURE__ */ React71.createElement(TooltipContent, { className: "Layer__actionable-list__tooltip-content" }, /* @__PURE__ */ React71.createElement(
+    /* @__PURE__ */ React71.createElement("div", { className: "Layer__select__option-menu--name" }, props.isSelected ? /* @__PURE__ */ React71.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ React71.createElement(Check_default, { size: 16 })) : /* @__PURE__ */ React71.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ React71.createElement("div", { style: { width: 16, height: 16 } })), /* @__PURE__ */ React71.createElement("div", null, props.data.payload.display_name)),
+    props.data.payload.description && /* @__PURE__ */ React71.createElement("div", { className: "Layer__select__option-menu--tooltip" }, /* @__PURE__ */ React71.createElement(Tooltip, null, /* @__PURE__ */ React71.createElement(TooltipTrigger, null, /* @__PURE__ */ React71.createElement(InfoIcon_default, null)), /* @__PURE__ */ React71.createElement(TooltipContent, { className: "Layer__actionable-list__tooltip-content" }, /* @__PURE__ */ React71.createElement(
       Text,
       {
         className: "Layer__actionable-list__content-description",
         size: "sm" /* sm */
       },
       props.data.payload.description
-    )))),
-    props.isSelected ? /* @__PURE__ */ React71.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ React71.createElement(Check_default, { size: 16 })) : null
+    ))))
   );
 };
 var allCategoriesDivider = [
@@ -5271,7 +5270,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
     }
   );
 };
@@ -7227,12 +7227,21 @@ var BusinessForm = ({ bankTransaction }) => {
 
 // src/components/BankTransactionMobileList/PersonalForm.tsx
 import React94, { useEffect as useEffect15, useState as useState18 } from "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 }) => {
@@ -7249,8 +7258,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
@@ -7618,7 +7627,7 @@ var BankTransactionMobileListItem = ({
   const itemRef = useRef11(null);
   const [removeAnim, setRemoveAnim] = useState23(false);
   const [purpose, setPurpose] = useState23(
-    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] = useState23(isFirstItem);
   const [showComponent, setShowComponent] = useState23(!initialLoad);