@layerfi/components 0.1.35 → 0.1.36

package/dist/index.d.ts

@@ -4758,6 +4758,7 @@ declare module '@layerfi/components/types/linked_accounts' {
       connection_external_id?: string;
       connection_needs_repair_as_of: string | null;
       requires_user_confirmation_as_of: string | null;
+      is_syncing: boolean;
   }
   export type PublicToken = {
       public_token: string;

package/dist/index.js

@@ -1544,7 +1544,7 @@ var LINKED_ACCOUNTS_MOCK_DATA = [
       external_account_source: "PLAID",
       balance: 435121,
       at: "2024-04-03T13:00:00Z",
-      created_at: "2024-04-06T16:44:35.715458Z"
+      created_at: "2024-04-06T22:47:59.715458Z"
     },
     current_ledger_balance: 373717,
     institution: {
@@ -1554,7 +1554,8 @@ var LINKED_ACCOUNTS_MOCK_DATA = [
     connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
     connection_external_id: "11111",
     connection_needs_repair_as_of: null,
-    requires_user_confirmation_as_of: null
+    requires_user_confirmation_as_of: null,
+    is_syncing: true
   },
   {
     id: "f98ec50a-c370-484d-a35b-d00207436075",
@@ -1577,7 +1578,8 @@ var LINKED_ACCOUNTS_MOCK_DATA = [
     connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
     connection_external_id: "11111",
     connection_needs_repair_as_of: null,
-    requires_user_confirmation_as_of: null
+    requires_user_confirmation_as_of: null,
+    is_syncing: false
   },
   {
     id: "843f1748-fdaa-422d-a73d-2489a40c8dc7",
@@ -1600,7 +1602,8 @@ var LINKED_ACCOUNTS_MOCK_DATA = [
     connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
     connection_external_id: "11111",
     connection_needs_repair_as_of: "2024-03-06T16:44:35.715458Z",
-    requires_user_confirmation_as_of: null
+    requires_user_confirmation_as_of: null,
+    is_syncing: false
   },
   {
     id: "8f430e29-e339-4d71-a08a-fce469c7a7c1",
@@ -1623,7 +1626,8 @@ var LINKED_ACCOUNTS_MOCK_DATA = [
     connection_id: "0Br385JmgbTryJn8nEBnUb4A5ydv06U9Vbqqq",
     connection_external_id: "11111",
     connection_needs_repair_as_of: null,
-    requires_user_confirmation_as_of: "2024-03-06T16:44:35.715458Z"
+    requires_user_confirmation_as_of: "2024-03-06T16:44:35.715458Z",
+    is_syncing: false
   }
 ];
 
@@ -3859,13 +3863,13 @@ var LinkedAccountThumb = ({
     "Layer__linked-account-thumb",
     asWidget && "--as-widget"
   );
-  let balance;
+  let bankBalance;
   if (pillConfig) {
-    balance = /* @__PURE__ */ import_react46.default.createElement(LinkedAccountPill, { text: pillConfig.text, config: pillConfig.config });
+    bankBalance = /* @__PURE__ */ import_react46.default.createElement(LinkedAccountPill, { text: pillConfig.text, config: pillConfig.config });
   } else {
-    balance = /* @__PURE__ */ import_react46.default.createElement(Text, { as: "span", className: "account-balance" }, "$", centsToDollars(account.latest_balance_timestamp?.balance));
+    bankBalance = /* @__PURE__ */ import_react46.default.createElement(Text, { as: "span", className: "account-balance" }, account.is_syncing ? "Syncing..." : `${centsToDollars(account.latest_balance_timestamp?.balance)}`);
   }
-  return /* @__PURE__ */ import_react46.default.createElement("div", { className: linkedAccountThumbClassName }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "topbar-details" }, /* @__PURE__ */ import_react46.default.createElement(Text, { as: "span", className: "account-name" }, account.external_account_name), !asWidget && account.mask && /* @__PURE__ */ import_react46.default.createElement(AccountNumber, { accountNumber: account.mask }), /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react46.default.createElement("div", { className: linkedAccountThumbClassName }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "topbar-details" }, /* @__PURE__ */ import_react46.default.createElement(Text, { as: "div", className: "account-name" }, account.external_account_name), !asWidget && account.mask && /* @__PURE__ */ import_react46.default.createElement(AccountNumber, { accountNumber: account.mask }), /* @__PURE__ */ import_react46.default.createElement(
     Text,
     {
       as: "span",
@@ -3889,7 +3893,7 @@ var LinkedAccountThumb = ({
       size: "sm"
     },
     "Bank balance"
-  ), balance), showLedgerBalance && /* @__PURE__ */ import_react46.default.createElement("div", { className: "bottombar" }, asWidget && account.mask ? /* @__PURE__ */ import_react46.default.createElement(AccountNumber, { accountNumber: account.mask }) : /* @__PURE__ */ import_react46.default.createElement(
+  ), bankBalance), showLedgerBalance && /* @__PURE__ */ import_react46.default.createElement("div", { className: "bottombar" }, asWidget && account.mask ? /* @__PURE__ */ import_react46.default.createElement(AccountNumber, { accountNumber: account.mask }) : /* @__PURE__ */ import_react46.default.createElement(
     Text,
     {
       as: "span",
@@ -3897,7 +3901,7 @@ var LinkedAccountThumb = ({
       size: "sm"
     },
     "Ledger balance"
-  ), /* @__PURE__ */ import_react46.default.createElement(Text, { as: "span", className: "account-balance" }, "$", centsToDollars(account.current_ledger_balance))));
+  ), /* @__PURE__ */ import_react46.default.createElement(Text, { as: "span", className: "account-balance" }, account.is_syncing ? "Syncing..." : `${centsToDollars(account.current_ledger_balance)}`)));
 };
 
 // src/components/LinkedAccounts/LinkedAccountsContent.tsx
@@ -7628,6 +7632,7 @@ var DatePicker = ({
       showTimeSelect: mode === "timePicker",
       showTimeSelectOnly: mode === "timePicker",
       minDate,
+      maxDate: /* @__PURE__ */ new Date(),
       ...props
     },
     mode === "dayRangePicker" && /* @__PURE__ */ import_react86.default.createElement(