@layerfi/components 0.1.102-alpha → 0.1.102-alpha.1

package/dist/esm/index.mjs

@@ -5570,7 +5570,7 @@ import { useState as useState8 } from "react";
 import { useReducer, useEffect as useEffect4 } from "react";
 
 // package.json
-var version = "0.1.102-alpha";
+var version = "0.1.102-alpha.1";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -13270,7 +13270,7 @@ var LinkedAccountsComponent = ({
 };
 
 // src/components/UploadTransactions/UploadTransactions.tsx
-import { useCallback as useCallback12, useState as useState22 } from "react";
+import { useCallback as useCallback13, useState as useState22 } from "react";
 
 // src/components/Wizard/Wizard.tsx
 import {
@@ -13661,7 +13661,7 @@ var CustomAccountForm = ({ initialAccountName, onCancel, onSuccess }) => {
           submitError && /* @__PURE__ */ jsx94(ErrorText, { pb: "xs", children: submitError }),
           /* @__PURE__ */ jsx94(Spacer, {}),
           onCancel && /* @__PURE__ */ jsx94(Button, { type: "button", variant: "secondary" /* secondary */, onClick: onCancel, children: "Cancel" }),
-          /* @__PURE__ */ jsx94(SubmitButton, { type: "submit", processing: isSubmitting, noIcon: !isSubmitting, withRetry: true, error: submitError, children: submitError ? "Retry" : "Submit" })
+          /* @__PURE__ */ jsx94(SubmitButton, { type: "submit", processing: isSubmitting, noIcon: !isSubmitting, withRetry: true, error: submitError, children: "Submit" })
         ] })
       ] })
     }
@@ -13983,7 +13983,6 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
     "Layer__upload-transactions__select-account-name-input",
     !!customAccountsError && "Layer__upload-transactions__select-account-name-input--error"
   );
-  const hasSelectedAccount = selectedAccount && selectedAccount.value !== "new_account";
   return /* @__PURE__ */ jsxs58(VStack, { gap: "lg", children: [
     /* @__PURE__ */ jsxs58(HStack, { fluid: true, align: "center", gap: "lg", className: "Layer__upload-transactions__select-account-name-field", children: [
       /* @__PURE__ */ jsx99(Label, { htmlFor: "account_name", children: "Account name" }),
@@ -14008,7 +14007,7 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
     selectedAccount && selectedAccount.value === "new_account" && /* @__PURE__ */ jsx99(VStack, { className: "Layer__upload-transactions__create-account-form", children: /* @__PURE__ */ jsx99(
       CustomAccountForm,
       {
-        initialAccountName: (_a = selectedAccount.createdAccountName) != null ? _a : "",
+        initialAccountName: (_a = selectedAccount == null ? void 0 : selectedAccount.createdAccountName) != null ? _a : "",
         onCancel: onCancelCreateAccount,
         onSuccess: onCreateAccountSuccess
       }
@@ -14036,8 +14035,8 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
       /* @__PURE__ */ jsx99(
         SubmitButton,
         {
-          tooltip: selectedFile && !hasSelectedAccount ? "Select an account" : null,
-          disabled: !hasSelectedAccount || !selectedFile,
+          tooltip: selectedFile && (!selectedAccount || selectedAccount.value === "new_account") ? "Select an account" : null,
+          disabled: !selectedAccount || selectedAccount.value === "new_account" || !selectedFile,
           processing: isParsingCsv,
           error: hasParseCsvError,
           onClick: onClickContinue,
@@ -14051,11 +14050,13 @@ function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, sel
 }
 
 // src/components/UploadTransactions/UploadTransactionsValidateCsvStep.tsx
-import { useCallback as useCallback11 } from "react";
+import { useCallback as useCallback12 } from "react";
 import { RefreshCcw as RefreshCcw2 } from "lucide-react";
 
 // src/hooks/customAccounts/useCreateCustomAccountTransactions.ts
+import { useCallback as useCallback11 } from "react";
 import useSWRMutation7 from "swr/mutation";
+import { useSWRConfig as useSWRConfig4 } from "swr";
 var createCustomAccountTransactions = post(({ businessId, customAccountId }) => `/v1/businesses/${businessId}/custom-accounts/${customAccountId}/transactions`);
 function buildKey11({
   access_token: accessToken,
@@ -14074,7 +14075,8 @@ function buildKey11({
 function useCreateCustomAccountTransactions() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  return useSWRMutation7(
+  const { mutate } = useSWRConfig4();
+  const mutationResponse = useSWRMutation7(
     () => buildKey11(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
@@ -14097,6 +14099,29 @@ function useCreateCustomAccountTransactions() {
       throwOnError: false
     }
   );
+  const { trigger: originalTrigger } = mutationResponse;
+  const stableProxiedTrigger = useCallback11(
+    (...triggerParameters) => __async(null, null, function* () {
+      const triggerResult = yield originalTrigger(...triggerParameters);
+      void mutate((key) => withSWRKeyTags(
+        key,
+        (tags) => tags.includes(BANK_TRANSACTIONS_TAG_KEY)
+      ));
+      return triggerResult;
+    }),
+    [
+      originalTrigger,
+      mutate
+    ]
+  );
+  return new Proxy(mutationResponse, {
+    get(target, prop) {
+      if (prop === "trigger") {
+        return stableProxiedTrigger;
+      }
+      return Reflect.get(target, prop);
+    }
+  });
 }
 
 // src/components/CsvUpload/ValidateCsvTable.tsx
@@ -14247,7 +14272,7 @@ function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId
     new_transactions_preview: transactionsPreview,
     new_transactions_request: transactionsRequest
   } = parseCsvResponse;
-  const onClickUploadTransactions = useCallback11(() => {
+  const onClickUploadTransactions = useCallback12(() => {
     void uploadTransactions(__spreadProps(__spreadValues({}, transactionsRequest), {
       customAccountId: selectedAccountId
     }));
@@ -14283,7 +14308,7 @@ function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId
           onClick: onClickUploadTransactions,
           action: "upload" /* UPLOAD */,
           withRetry: true,
-          children: uploadTransactionsError ? "Retry" : "Upload transactions"
+          children: "Upload transactions"
         }
       )
     ] })
@@ -14298,20 +14323,20 @@ function UploadTransactions({ onComplete }) {
   const [file, setFile] = useState22(null);
   const [parseCsvResponse, setParseCsvResponse] = useState22(null);
   const isValid2 = parseCsvResponse == null ? void 0 : parseCsvResponse.is_valid;
-  const onSelectAccount = useCallback12((account) => {
+  const onSelectAccount = useCallback13((account) => {
     setSelectedAccount(account);
   }, []);
-  const onSelectFile = useCallback12((file2) => {
+  const onSelectFile = useCallback13((file2) => {
     setFile(file2);
     setParseCsvResponse(null);
   }, []);
-  const goBack = useCallback12((step = 1) => setCurrentStep(currentStep - step), [currentStep]);
-  const goForward = useCallback12((step = 1) => setCurrentStep(currentStep + step), [currentStep]);
-  const onParseCsv = useCallback12((parseCsvResponse2) => {
+  const goBack = useCallback13((step = 1) => setCurrentStep(currentStep - step), [currentStep]);
+  const goForward = useCallback13((step = 1) => setCurrentStep(currentStep + step), [currentStep]);
+  const onParseCsv = useCallback13((parseCsvResponse2) => {
     setParseCsvResponse(parseCsvResponse2);
     goForward();
   }, [goForward]);
-  const onReupload = useCallback12(() => {
+  const onReupload = useCallback13(() => {
     setFile(null);
     setParseCsvResponse(null);
     goBack();
@@ -15298,7 +15323,7 @@ import {
   forwardRef as forwardRef12,
   useImperativeHandle as useImperativeHandle2,
   useState as useState28,
-  useCallback as useCallback14,
+  useCallback as useCallback15,
   useEffect as useEffect14,
   useRef as useRef11
 } from "react";
@@ -16474,8 +16499,8 @@ function useBankTransactionMetadata({ bankTransactionId }) {
 
 // src/hooks/useBankTransactions/useUpdateBankTransactionMetadata.ts
 import useSWRMutation8 from "swr/mutation";
-import { useSWRConfig as useSWRConfig4 } from "swr";
-import { useCallback as useCallback13 } from "react";
+import { useSWRConfig as useSWRConfig5 } from "swr";
+import { useCallback as useCallback14 } from "react";
 var UPDATE_BANK_TRANSACTION_METADATA_TAG_KEY = "#update-bank-transaction-metadata";
 function buildKey15({
   access_token: accessToken,
@@ -16496,7 +16521,7 @@ function buildKey15({
 function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig4();
+  const { mutate } = useSWRConfig5();
   const mutationResponse = useSWRMutation8(
     () => buildKey15({
       access_token: auth == null ? void 0 : auth.access_token,
@@ -16524,7 +16549,7 @@ function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback13(
+  const stableProxiedTrigger = useCallback14(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -16794,11 +16819,11 @@ var ExpandedBankTransactionRow = forwardRef12(
       yield matchBankTransaction2(bankTransaction.id, foundMatch.id);
       close2();
     });
-    const getDivHeight = useCallback14(() => {
+    const getDivHeight = useCallback15(() => {
       const { height: height2 } = bodyRef.current ? bodyRef.current.getBoundingClientRect() : { height: void 0 };
       return height2 || 0;
     }, []);
-    const handleTransitionEnd = useCallback14(
+    const handleTransitionEnd = useCallback15(
       (e) => {
         if (e.propertyName === "height") {
           setHeight(isOpen ? "auto" : 0);
@@ -19336,7 +19361,7 @@ var PaginationContent = ({
 };
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
-import { useCallback as useCallback16, useState as useState39 } from "react";
+import { useCallback as useCallback17, useState as useState39 } from "react";
 import classNames54 from "classnames";
 import { endOfMonth as endOfMonth5, startOfMonth as startOfMonth5 } from "date-fns";
 
@@ -19472,7 +19497,7 @@ function useBankTransactionsDownload() {
 }
 
 // src/components/utility/InvisibleDownload.tsx
-import { forwardRef as forwardRef13, useCallback as useCallback15, useImperativeHandle as useImperativeHandle3, useRef as useRef20 } from "react";
+import { forwardRef as forwardRef13, useCallback as useCallback16, useImperativeHandle as useImperativeHandle3, useRef as useRef20 } from "react";
 
 // src/utils/delay/runDelayed.ts
 var DEFAULT_DELAY_MS = 50;
@@ -19486,7 +19511,7 @@ function runDelayedSync(block, delayMs = DEFAULT_DELAY_MS) {
 import { jsx as jsx158 } from "react/jsx-runtime";
 function useInvisibleDownload() {
   const invisibleDownloadRef = useRef20(null);
-  const triggerInvisibleDownload = useCallback15((options) => {
+  const triggerInvisibleDownload = useCallback16((options) => {
     var _a;
     void ((_a = invisibleDownloadRef.current) == null ? void 0 : _a.trigger(options));
   }, []);
@@ -19505,7 +19530,7 @@ var InvisibleDownload = forwardRef13((_props, ref) => {
       });
     })
   }));
-  const handleContainClick = useCallback15((event) => {
+  const handleContainClick = useCallback16((event) => {
     event.stopPropagation();
   }, []);
   return /* @__PURE__ */ jsx158("a", { download: true, className: CLASS_NAME9, ref: internalRef, onClick: handleContainClick });
@@ -19524,7 +19549,7 @@ function TransactionsSearch({ slot }) {
   const debouncedSetDescription = useDebounce((value) => {
     setFilters({ descriptionFilter: value });
   });
-  const handleSearch = useCallback16((value) => {
+  const handleSearch = useCallback17((value) => {
     setLocalSearch(value);
     void debouncedSetDescription(value);
   }, [debouncedSetDescription]);
@@ -19995,7 +20020,7 @@ import { useContext as useContext27 } from "react";
 import { useContext as useContext25 } from "react";
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb.tsx
-import { useCallback as useCallback18, useContext as useContext24, useMemo as useMemo23, useState as useState42 } from "react";
+import { useCallback as useCallback19, useContext as useContext24, useMemo as useMemo23, useState as useState42 } from "react";
 
 // src/icons/QuickbooksIcon.tsx
 import { jsx as jsx163, jsxs as jsxs104 } from "react/jsx-runtime";
@@ -20167,14 +20192,14 @@ var IntegrationsQuickbooksItemThumbFooter = ({ quickbooksUiState }) => {
 import { AlertCircle as AlertCircle2, CheckIcon } from "lucide-react";
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksUnlinkConfirmationModal.tsx
-import { useCallback as useCallback17, useContext as useContext23, useState as useState41 } from "react";
+import { useCallback as useCallback18, useContext as useContext23, useState as useState41 } from "react";
 import { Fragment as Fragment21, jsx as jsx168, jsxs as jsxs108 } from "react/jsx-runtime";
 function IntegrationsQuickbooksUnlinkConfirmationModalContent({ onClose }) {
   const { unlinkQuickbooks } = useContext23(QuickbooksContext);
   const [isProcessing, setIsProcessing] = useState41(false);
   const [hasFailed, setHasFailed] = useState41(false);
   const unlinkErrorText = "Unlink failed. Check connection and retry in few seconds.";
-  const onClickUnlinkQuickbooks = useCallback17(() => {
+  const onClickUnlinkQuickbooks = useCallback18(() => {
     setIsProcessing(true);
     unlinkQuickbooks().then(() => {
       onClose();
@@ -20256,7 +20281,7 @@ var IntegrationsQuickbooksItemThumb = () => {
   const { quickbooksConnectionStatus, syncFromQuickbooks: syncFromQuickbooks2 } = useContext24(QuickbooksContext);
   const [hasSynced, setHasSynced] = useState42(false);
   const [isConfirmationModalOpen, setIsConfirmationModalOpen] = useState42(false);
-  const onSync = useCallback18(() => {
+  const onSync = useCallback19(() => {
     setHasSynced(true);
     syncFromQuickbooks2();
   }, [syncFromQuickbooks2]);
@@ -20307,7 +20332,7 @@ var IntegrationsContent = () => {
 };
 
 // src/hooks/useQuickbooks/useQuickbooks.ts
-import { useCallback as useCallback19, useEffect as useEffect25, useRef as useRef22, useState as useState43 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect25, useRef as useRef22, useState as useState43 } from "react";
 import { format as format2 } from "date-fns";
 var useQuickbooks = () => {
   var _a;
@@ -20317,7 +20342,7 @@ var useQuickbooks = () => {
   const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = useState43(void 0);
   const isSyncingFromQuickbooks = (_a = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_syncing) != null ? _a : false;
   const syncStatusIntervalRef = useRef22(null);
-  const fetchQuickbooksConnectionStatus = useCallback19(() => __async(null, null, function* () {
+  const fetchQuickbooksConnectionStatus = useCallback20(() => __async(null, null, function* () {
     const newQuickbooksConnectionStatus = (yield Layer.statusOfQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     })()).data;
@@ -20338,7 +20363,7 @@ var useQuickbooks = () => {
       void fetchQuickbooksConnectionStatus();
     }
   }, [auth == null ? void 0 : auth.access_token, fetchQuickbooksConnectionStatus]);
-  const handleSyncError = useCallback19(() => {
+  const handleSyncError = useCallback20(() => {
     setQuickbooksConnectionStatus({
       is_connected: true,
       is_syncing: false,
@@ -20346,19 +20371,19 @@ var useQuickbooks = () => {
       last_synced_at: format2(/* @__PURE__ */ new Date(), "yyyy-MM-dd'T'HH:mm:ss")
     });
   }, []);
-  const syncFromQuickbooks2 = useCallback19(() => {
+  const syncFromQuickbooks2 = useCallback20(() => {
     const newQuickbooksConnectionStatus = quickbooksConnectionStatus ? __spreadProps(__spreadValues({}, quickbooksConnectionStatus), { is_syncing: true }) : void 0;
     setQuickbooksConnectionStatus(newQuickbooksConnectionStatus);
     void Layer.syncFromQuickbooks(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).catch(handleSyncError);
   }, [apiUrl, auth == null ? void 0 : auth.access_token, businessId, quickbooksConnectionStatus, handleSyncError]);
-  const linkQuickbooks = useCallback19(() => __async(null, null, function* () {
+  const linkQuickbooks = useCallback20(() => __async(null, null, function* () {
     return Layer.initQuickbooksOAuth(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).then((res) => res.data.redirect_url);
   }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId]);
-  const unlinkQuickbooks = useCallback19(() => __async(null, null, function* () {
+  const unlinkQuickbooks = useCallback20(() => __async(null, null, function* () {
     return Layer.unlinkQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).then(() => fetchQuickbooksConnectionStatus());
@@ -20379,7 +20404,7 @@ function QuickbooksContextProvider({ children }) {
 }
 
 // src/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu.tsx
-import { useCallback as useCallback20, useContext as useContext26, useState as useState44 } from "react";
+import { useCallback as useCallback21, useContext as useContext26, useState as useState44 } from "react";
 
 // src/components/ui/DropdownMenu/DropdownMenu.tsx
 import { Menu as Menu3, MenuItem as AriaMenuItem, MenuTrigger as MenuTrigger2, Popover as Popover2, Separator as AriaSeparator, Header as Header2, Dialog as Dialog2 } from "react-aria-components";
@@ -20435,7 +20460,7 @@ var IntegrationsConnectMenu = () => {
   const { quickbooksConnectionStatus, linkQuickbooks } = useContext26(QuickbooksContext);
   const quickbooksIsConnected = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected;
   const [isLinkQuickbooksError, setIsLinkQuickbooksError] = useState44(false);
-  const initiateQuickbooksOAuth = useCallback20(() => {
+  const initiateQuickbooksOAuth = useCallback21(() => {
     linkQuickbooks().then((res) => {
       window.location.href = res;
     }).catch(() => {
@@ -20529,7 +20554,7 @@ var PNLComparisonContext = createContext15({
 });
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-import { useCallback as useCallback21, useMemo as useMemo25, useState as useState46 } from "react";
+import { useCallback as useCallback22, useMemo as useMemo25, useState as useState46 } from "react";
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -20807,7 +20832,7 @@ var useProfitAndLoss = ({
   const { start, end } = useGlobalDateRange();
   const { setRange } = useGlobalDateRangeActions();
   const dateRange = useMemo25(() => ({ startDate: start, endDate: end }), [start, end]);
-  const changeDateRange = useCallback21(
+  const changeDateRange = useCallback22(
     ({ startDate: start2, endDate: end2 }) => setRange({ start: start2, end: end2 }),
     [setRange]
   );
@@ -25837,8 +25862,8 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 
 // src/hooks/useChartOfAccounts/useCreateChildAccount.tsx
 import useSWRMutation12 from "swr/mutation";
-import { useSWRConfig as useSWRConfig5 } from "swr";
-import { useCallback as useCallback22 } from "react";
+import { useSWRConfig as useSWRConfig6 } from "swr";
+import { useCallback as useCallback23 } from "react";
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
 import { useEffect as useEffect36, useState as useState56 } from "react";
@@ -28684,7 +28709,7 @@ function getIconForTask(task) {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-import { useSWRConfig as useSWRConfig6 } from "swr";
+import { useSWRConfig as useSWRConfig7 } from "swr";
 import useSWRMutation15 from "swr/mutation";
 
 // src/api/layer/tasks.ts
@@ -28718,7 +28743,7 @@ function completeTaskWithUpload(baseUrl, accessToken, {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-import { useCallback as useCallback23 } from "react";
+import { useCallback as useCallback24 } from "react";
 function buildKey25({
   access_token: accessToken,
   apiUrl,
@@ -28736,7 +28761,7 @@ function buildKey25({
 function useSubmitUserResponseForTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig6();
+  const { mutate } = useSWRConfig7();
   const mutationResponse = useSWRMutation15(
     () => buildKey25(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28761,7 +28786,7 @@ function useSubmitUserResponseForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback23(
+  const stableProxiedTrigger = useCallback24(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28786,9 +28811,9 @@ function useSubmitUserResponseForTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useUploadDocumentsForTask.ts
-import { useSWRConfig as useSWRConfig7 } from "swr";
+import { useSWRConfig as useSWRConfig8 } from "swr";
 import useSWRMutation16 from "swr/mutation";
-import { useCallback as useCallback24 } from "react";
+import { useCallback as useCallback25 } from "react";
 function buildKey26({
   access_token: accessToken,
   apiUrl,
@@ -28806,7 +28831,7 @@ function buildKey26({
 function useUploadDocumentsForTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig7();
+  const { mutate } = useSWRConfig8();
   const mutationResponse = useSWRMutation16(
     () => buildKey26(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28827,7 +28852,7 @@ function useUploadDocumentsForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback24(
+  const stableProxiedTrigger = useCallback25(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28852,9 +28877,9 @@ function useUploadDocumentsForTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useDeleteUploadsOnTask.ts
-import { useSWRConfig as useSWRConfig8 } from "swr";
+import { useSWRConfig as useSWRConfig9 } from "swr";
 import useSWRMutation17 from "swr/mutation";
-import { useCallback as useCallback25 } from "react";
+import { useCallback as useCallback26 } from "react";
 function buildKey27({
   access_token: accessToken,
   apiUrl,
@@ -28872,7 +28897,7 @@ function buildKey27({
 function useDeleteUploadsOnTask() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig8();
+  const { mutate } = useSWRConfig9();
   const mutationResponse = useSWRMutation17(
     () => buildKey27(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28890,7 +28915,7 @@ function useDeleteUploadsOnTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback25(
+  const stableProxiedTrigger = useCallback26(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -28915,9 +28940,9 @@ function useDeleteUploadsOnTask() {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useUpdateTaskUploadDescription.ts
-import { useSWRConfig as useSWRConfig9 } from "swr";
+import { useSWRConfig as useSWRConfig10 } from "swr";
 import useSWRMutation18 from "swr/mutation";
-import { useCallback as useCallback26 } from "react";
+import { useCallback as useCallback27 } from "react";
 function buildKey28({
   access_token: accessToken,
   apiUrl,
@@ -28935,7 +28960,7 @@ function buildKey28({
 function useUpdateTaskUploadDescription() {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig9();
+  const { mutate } = useSWRConfig10();
   const mutationResponse = useSWRMutation18(
     () => buildKey28(__spreadProps(__spreadValues({}, auth), {
       businessId
@@ -28957,7 +28982,7 @@ function useUpdateTaskUploadDescription() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback26(
+  const stableProxiedTrigger = useCallback27(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -29227,7 +29252,7 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-import { useCallback as useCallback27, useMemo as useMemo43, useState as useState66 } from "react";
+import { useCallback as useCallback28, useMemo as useMemo43, useState as useState66 } from "react";
 function usePaginatedList(list, pageSize) {
   const [internalPageIndex, setInternalPageIndex] = useState66(0);
   const pageCount = Math.max(0, Math.ceil(list.length / pageSize));
@@ -29238,16 +29263,16 @@ function usePaginatedList(list, pageSize) {
       (effectivePageIndex + 1) * pageSize
     );
   }, [list, effectivePageIndex, pageSize]);
-  const next = useCallback27(() => {
+  const next = useCallback28(() => {
     setInternalPageIndex(Math.min(effectivePageIndex + 1, pageCount - 1));
   }, [effectivePageIndex, pageCount]);
-  const set2 = useCallback27((pageIndex) => {
+  const set2 = useCallback28((pageIndex) => {
     setInternalPageIndex(Math.max(0, Math.min(pageIndex, pageCount - 1)));
   }, [pageCount]);
-  const previous = useCallback27(() => {
+  const previous = useCallback28(() => {
     setInternalPageIndex(Math.max(effectivePageIndex - 1, 0));
   }, [effectivePageIndex]);
-  const reset = useCallback27(() => {
+  const reset = useCallback28(() => {
     setInternalPageIndex(0);
   }, []);
   return {
@@ -30611,8 +30636,8 @@ function useBusinessPersonnel() {
 
 // src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
 import useSWRMutation19 from "swr/mutation";
-import { useSWRConfig as useSWRConfig10 } from "swr";
-import { useCallback as useCallback28 } from "react";
+import { useSWRConfig as useSWRConfig11 } from "swr";
+import { useCallback as useCallback29 } from "react";
 var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
 function buildKey30({
   access_token: accessToken,
@@ -30631,7 +30656,7 @@ function buildKey30({
 function useCreateBusinessPersonnel() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig10();
+  const { mutate } = useSWRConfig11();
   const mutationResponse = useSWRMutation19(
     () => buildKey30(__spreadProps(__spreadValues({}, data), {
       businessId
@@ -30650,7 +30675,7 @@ function useCreateBusinessPersonnel() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback28(
+  const stableProxiedTrigger = useCallback29(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -30676,7 +30701,7 @@ function useCreateBusinessPersonnel() {
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
 import useSWRMutation20 from "swr/mutation";
-import { useSWRConfig as useSWRConfig11 } from "swr";
+import { useSWRConfig as useSWRConfig12 } from "swr";
 
 // src/api/layer/businessPersonnel/updateBusinessPersonnel.ts
 var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
@@ -30684,7 +30709,7 @@ var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
 });
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-import { useCallback as useCallback29 } from "react";
+import { useCallback as useCallback30 } from "react";
 function buildKey31({
   access_token: accessToken,
   apiUrl,
@@ -30704,7 +30729,7 @@ function buildKey31({
 function useUpdateBusinessPersonnel({ businessPersonnelId }) {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig11();
+  const { mutate } = useSWRConfig12();
   const mutationResponse = useSWRMutation20(
     () => buildKey31(__spreadProps(__spreadValues({}, data), {
       businessId,
@@ -30727,7 +30752,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback29(
+  const stableProxiedTrigger = useCallback30(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -30753,8 +30778,8 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
 
 // src/hooks/business/useUpdateBusiness.ts
 import useSWRMutation21 from "swr/mutation";
-import { useSWRConfig as useSWRConfig12 } from "swr";
-import { useCallback as useCallback30 } from "react";
+import { useSWRConfig as useSWRConfig13 } from "swr";
+import { useCallback as useCallback31 } from "react";
 var BUSINESS_TAG_KEY = "business";
 function buildKey32({
   access_token: accessToken,
@@ -30773,7 +30798,7 @@ function buildKey32({
 function useUpdateBusiness() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = useSWRConfig12();
+  const { mutate } = useSWRConfig13();
   const mutationResponse = useSWRMutation21(
     () => buildKey32(__spreadProps(__spreadValues({}, data), {
       businessId
@@ -30792,7 +30817,7 @@ function useUpdateBusiness() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback30(
+  const stableProxiedTrigger = useCallback31(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(

package/dist/index.css

@@ -5416,6 +5416,7 @@ tbody .Layer__table__empty-row:first-child {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  align-content: center;
   width: 100%;
 }
 .Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content--error {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.102-alpha",
+  "version": "0.1.102-alpha.1",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",