@layerfi/components 0.1.43 → 0.1.45

package/.eslintrc.js

@@ -18,7 +18,7 @@ module.exports = {
     ecmaVersion: 'latest',
     sourceType: 'module',
   },
-  plugins: ['react', '@typescript-eslint', 'prettier'],
+  plugins: ['react', '@typescript-eslint', 'prettier', 'import'],
   rules: {
     'prettier/prettier': 'error',
     indent: ['off', 2, { SwitchCase: 1 }],
@@ -37,4 +37,17 @@ module.exports = {
       },
     ],
   },
+  overrides: [
+    {
+      files: ['*.tsx'],
+      rules: {
+        'no-restricted-imports': [
+          'error',
+          {
+            patterns: ['*.css'],
+          },
+        ],
+      },
+    },
+  ],
 }

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,61 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <HTMLCodeStyleSettings>
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/layer-react.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_19" default="true" project-jdk-name="corretto-19" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/layer-react.iml" filepath="$PROJECT_DIR$/.idea/layer-react.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/dist/esm/index.js

@@ -647,7 +647,7 @@ var DisplayState = /* @__PURE__ */ ((DisplayState2) => {
 
 // src/types/categories.ts
 function hasSuggestions(categorization) {
-  return categorization.suggestions !== void 0 && categorization.suggestions.length > 0;
+  return categorization != null && categorization.suggestions !== void 0 && categorization.suggestions.length > 0;
 }
 
 // src/contexts/BankTransactionsContext/BankTransactionsContext.tsx
@@ -3979,14 +3979,14 @@ var LinkedAccountThumb = ({
       className: "account-institution",
       size: "sm"
     },
-    account.institution?.name
+    account.institution?.name ? account.institution?.name : account.external_account_name
   )), /* @__PURE__ */ React54.createElement("div", { className: "topbar-logo" }, account.institution?.logo != void 0 ? /* @__PURE__ */ React54.createElement(
     "img",
     {
       width: 28,
       height: 28,
       src: `data:image/png;base64,${account.institution.logo}`,
-      alt: account.institution?.name
+      alt: account.institution?.name ? account.institution?.name : account.external_account_name
     }
   ) : /* @__PURE__ */ React54.createElement(InstitutionIcon_default, null))), account.is_syncing ? /* @__PURE__ */ React54.createElement("div", { className: "loadingbar" }, /* @__PURE__ */ React54.createElement("div", { className: "loading-text Layer__text--sm" }, /* @__PURE__ */ React54.createElement("div", null, "Syncing account data"), /* @__PURE__ */ React54.createElement("div", { className: "syncing-data-description" }, "This may take up to 5 minutes")), /* @__PURE__ */ React54.createElement("div", { className: "loading-wrapper" }, /* @__PURE__ */ React54.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }))) : /* @__PURE__ */ React54.createElement(React54.Fragment, null, !asWidget && /* @__PURE__ */ React54.createElement("div", { className: "middlebar" }, /* @__PURE__ */ React54.createElement(
     Text,
@@ -7946,7 +7946,6 @@ var isDateAllowedToBrowse = (date, business) => {
 // src/components/DatePicker/DatePicker.tsx
 import React105, { useEffect as useEffect19, useRef as useRef13, useState as useState24 } from "react";
 import ReactDatePicker from "react-datepicker";
-import "react-datepicker/dist/react-datepicker.css";
 
 // src/components/DatePicker/DatePickerOptions.tsx
 import React104 from "react";
@@ -8540,12 +8539,12 @@ var BankTransactionsHeader = ({
         minDate: getEarliestDateToBrowse(business)
       }
     ) : null),
-    /* @__PURE__ */ React108.createElement("div", { className: "Layer__header__actions-wrapper" }, !categorizedOnly && !(mobileComponent == "mobileList" && listView) && categorizeView && /* @__PURE__ */ React108.createElement("div", { className: "Layer__header__actions" }, /* @__PURE__ */ React108.createElement(
+    /* @__PURE__ */ React108.createElement("div", { className: "Layer__header__actions-wrapper" }, /* @__PURE__ */ React108.createElement("div", { className: "Layer__header__actions" }, /* @__PURE__ */ React108.createElement(
       DownloadButton,
       {
         downloadButtonTextOverride: stringOverrides?.downloadButton
       }
-    ), /* @__PURE__ */ React108.createElement(
+    ), !categorizedOnly && !(mobileComponent == "mobileList" && listView) && categorizeView && /* @__PURE__ */ React108.createElement(
       Toggle,
       {
         name: "bank-transaction-display",