@layerfi/components 0.1.89 → 0.1.91-alpha

package/dist/esm/index.mjs

@@ -29,10 +29,7 @@ var __objRest = (source, exclude2) => {
     }
   return target;
 };
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -61,7 +58,7 @@ import { useState as useState8 } from "react";
 import { useReducer, useEffect as useEffect4 } from "react";
 
 // package.json
-var version = "0.1.89";
+var version = "0.1.91-alpha";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -305,6 +302,9 @@ var createBillPayment = post(
 
 // src/api/layer/business.ts
 var getBusiness = get(({ businessId }) => `/v1/businesses/${businessId}`);
+var updateBusiness = put(
+  ({ businessId }) => `/v1/businesses/${businessId}`
+);
 
 // src/api/layer/categories.ts
 var getCategories = get(({ businessId, mode }) => {
@@ -706,14 +706,14 @@ function ToastsContainer() {
 // src/components/GlobalWidgets/GlobalWidgets.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var DrawerWidget = () => {
-  const { content, close } = useContext3(DrawerContext);
+  const { content, close: close2 } = useContext3(DrawerContext);
   const { isMobile, isTablet } = useSizeClass();
   useEffect(() => {
     if (!isMobile && !isTablet && content) {
-      close();
+      close2();
     }
   }, [isMobile]);
-  return /* @__PURE__ */ jsx3(Drawer, { isOpen: Boolean(content), onClose: close, children: content });
+  return /* @__PURE__ */ jsx3(Drawer, { isOpen: Boolean(content), onClose: close2, children: content });
 };
 var GlobalWidgets = () => {
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
@@ -818,7 +818,7 @@ import { useState as useState3 } from "react";
 var useDrawer = () => {
   const [content, setContent] = useState3(void 0);
   const [isClosing, setIsClosing] = useState3(false);
-  const close = () => {
+  const close2 = () => {
     setIsClosing(true);
   };
   const finishClosing = () => {
@@ -830,7 +830,7 @@ var useDrawer = () => {
     setContent,
     finishClosing,
     isClosing,
-    close
+    close: close2
   };
 };
 
@@ -852,6 +852,15 @@ function hasSuggestions(categorization) {
   return categorization != null && categorization.suggestions !== void 0 && categorization.suggestions.length > 0;
 }
 
+// src/types/business.ts
+var ENTITY_TYPES = [
+  { value: "SOLE_PROP", label: "Sole Proprietorship" },
+  { value: "C_CORP", label: "C Corporation" },
+  { value: "LLC", label: "Limited Liability Company" },
+  { value: "S_CORP", label: "S Corporation" },
+  { value: "PARTNERSHIP", label: "Partnership" }
+];
+
 // src/config/theme.ts
 var SHADES = {
   50: { s: 1, l: 98 },
@@ -1050,16 +1059,11 @@ var buildColorShade = (shade, darkColorHsl) => {
   return { hsl, rgb, hex };
 };
 var hueToRgb = (p, q, t) => {
-  if (t < 0)
-    t += 1;
-  if (t > 1)
-    t -= 1;
-  if (t < 1 / 6)
-    return p + (q - p) * 6 * t;
-  if (t < 1 / 2)
-    return q;
-  if (t < 2 / 3)
-    return p + (q - p) * (2 / 3 - t) * 6;
+  if (t < 0) t += 1;
+  if (t > 1) t -= 1;
+  if (t < 1 / 6) return p + (q - p) * 6 * t;
+  if (t < 1 / 2) return q;
+  if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
   return p;
 };
 var hslToRgb = (hsl) => {
@@ -2404,7 +2408,7 @@ var BusinessProvider = ({
         setOnboardingStep,
         addToast,
         removeToast,
-        onError: errorHandler.onError,
+        onError: (payload) => errorHandler.onError(payload),
         touch,
         read,
         syncTimestamps,
@@ -3338,8 +3342,7 @@ var TooltipContent = forwardRef3(function TooltipContent2(_a, propRef) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const context = useTooltipContext();
   const ref = useMergeRefs([context.refs.setFloating, propRef]);
-  if (!context.open || context.disabled)
-    return null;
+  if (!context.open || context.disabled) return null;
   return /* @__PURE__ */ jsx22(FloatingPortal, { children: /* @__PURE__ */ jsx22(
     "div",
     __spreadProps(__spreadValues({
@@ -3487,8 +3490,7 @@ var IconButton = (_a) => {
         download,
         className: baseClassName,
         onClick: (e) => {
-          if (props.disabled)
-            e.preventDefault();
+          if (props.disabled) e.preventDefault();
         },
         children: icon
       }
@@ -3748,7 +3750,8 @@ var SubmitButton = (_a) => {
     children,
     action = "save" /* SAVE */,
     noIcon,
-    variant = "primary" /* primary */
+    variant = "primary" /* primary */,
+    withRetry
   } = _b, props = __objRest(_b, [
     "active",
     "className",
@@ -3758,12 +3761,24 @@ var SubmitButton = (_a) => {
     "children",
     "action",
     "noIcon",
-    "variant"
+    "variant",
+    "withRetry"
   ]);
   const baseClassName = classNames7(
     active ? "Layer__btn--active" : "",
     className
   );
+  if (withRetry && error) {
+    return /* @__PURE__ */ jsx30(
+      RetryButton,
+      __spreadProps(__spreadValues({}, props), {
+        className: baseClassName,
+        disabled: processing || disabled,
+        error: typeof error === "string" ? error : "Something went wrong",
+        children
+      })
+    );
+  }
   return /* @__PURE__ */ jsx30(
     Button,
     __spreadProps(__spreadValues({}, props), {
@@ -4219,7 +4234,8 @@ var Text = (_a) => {
     weight = "normal" /* normal */,
     withTooltip,
     ellipsis,
-    status
+    status,
+    pb
   } = _b, props = __objRest(_b, [
     "as",
     "className",
@@ -4228,9 +4244,10 @@ var Text = (_a) => {
     "weight",
     "withTooltip",
     "ellipsis",
-    "status"
+    "status",
+    "pb"
   ]);
-  const dataProperties = toDataProperties({ status, ellipsis });
+  const dataProperties = toDataProperties({ status, ellipsis, pb });
   const baseClassName = classNames15(
     `Layer__text Layer__text--${size} Layer__text--${weight}`,
     className
@@ -4312,10 +4329,12 @@ var Heading = ({
   as: Component2 = "h2",
   className,
   children,
-  size = "primary" /* primary */
+  size = "primary" /* primary */,
+  align = "center"
 }) => {
   const baseClassName = classNames16(
     `Layer__heading Layer__heading--${size}`,
+    `Layer__heading--${align}`,
     className
   );
   return /* @__PURE__ */ jsx45(Component2, { className: baseClassName, children });
@@ -5440,7 +5459,7 @@ var LinkedAccountItemThumb = ({
 };
 
 // src/components/LinkedAccounts/LinkedAccountsContent.tsx
-import classNames24 from "classnames";
+import classNames25 from "classnames";
 
 // src/components/LinkedAccounts/ConfirmationModal/LinkedAccountsConfirmationModal.tsx
 import { useState as useState14 } from "react";
@@ -5623,12 +5642,13 @@ function ModalActions({ children }) {
 }
 
 // src/components/ui/Stack/Stack.tsx
+import classNames23 from "classnames";
 import { jsx as jsx69 } from "react/jsx-runtime";
 var CLASS_NAME2 = "Layer__Stack";
 function Stack(_a) {
-  var _b = _a, { align, children, direction, gap, justify, pbs, pbe } = _b, restProps = __objRest(_b, ["align", "children", "direction", "gap", "justify", "pbs", "pbe"]);
+  var _b = _a, { align, children, direction, gap, justify, pbs, pbe, className } = _b, restProps = __objRest(_b, ["align", "children", "direction", "gap", "justify", "pbs", "pbe", "className"]);
   const dataProperties = toDataProperties({ align, direction, gap, justify, pbs, pbe });
-  return /* @__PURE__ */ jsx69("div", __spreadProps(__spreadValues(__spreadValues({}, restProps), dataProperties), { className: CLASS_NAME2, children }));
+  return /* @__PURE__ */ jsx69("div", __spreadProps(__spreadValues(__spreadValues({}, restProps), dataProperties), { className: classNames23(CLASS_NAME2, className), children }));
 }
 function VStack(props) {
   return /* @__PURE__ */ jsx69(Stack, __spreadProps(__spreadValues({}, props), { direction: "column" }));
@@ -5676,7 +5696,7 @@ function withRenderProp(renderProp, callback) {
 }
 
 // src/components/ui/Checkbox/Checkbox.tsx
-import classNames23 from "classnames";
+import classNames24 from "classnames";
 import { Fragment as Fragment8, jsx as jsx71, jsxs as jsxs35 } from "react/jsx-runtime";
 var CLASS_NAME3 = "Layer__Checkbox";
 function Checkbox(_a) {
@@ -5689,7 +5709,7 @@ function Checkbox(_a) {
   return /* @__PURE__ */ jsx71(
     ReactAriaCheckbox,
     __spreadProps(__spreadValues(__spreadValues({}, dataProperties), props), {
-      className: classNames23(CLASS_NAME3, className),
+      className: classNames24(CLASS_NAME3, className),
       children: withRenderProp(children, (node) => /* @__PURE__ */ jsxs35(Fragment8, { children: [
         /* @__PURE__ */ jsx71("div", { slot: "checkbox", children: /* @__PURE__ */ jsx71(Check, { size: size === "lg" ? 16 : 12 }) }),
         node
@@ -5707,7 +5727,7 @@ function BasicLinkedAccountContainer({ children, isSelected }) {
 }
 function BasicLinkedAccountLogo({ account }) {
   var _a, _b, _c;
-  return /* @__PURE__ */ jsx72(VStack, { justify: "center", children: ((_a = account.institution) == null ? void 0 : _a.logo) ? /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx72(VStack, { justify: "center", className: "Layer__BasicLinkedAccountLogo", children: ((_a = account.institution) == null ? void 0 : _a.logo) ? /* @__PURE__ */ jsx72(
     "img",
     {
       width: 28,
@@ -5715,17 +5735,17 @@ function BasicLinkedAccountLogo({ account }) {
       src: `data:image/png;base64,${account.institution.logo}`,
       alt: ((_b = account.institution) == null ? void 0 : _b.name) ? (_c = account.institution) == null ? void 0 : _c.name : account.external_account_name
     }
-  ) : /* @__PURE__ */ jsx72(InstitutionIcon_default, { size: 28 }) });
+  ) : /* @__PURE__ */ jsx72(InstitutionIcon_default, {}) });
 }
 function BasicLinkedAccountContent({ account }) {
   var _a;
   return /* @__PURE__ */ jsxs36(HStack, { gap: "md", children: [
     /* @__PURE__ */ jsx72(BasicLinkedAccountLogo, { account }),
     /* @__PURE__ */ jsxs36(VStack, { children: [
-      /* @__PURE__ */ jsx72(Heading2, { level: 3, size: "sm", pbe: "2xs", children: account.external_account_name }),
+      /* @__PURE__ */ jsx72(Heading2, { level: 3, size: "xs", pbe: "3xs", children: account.external_account_name }),
       /* @__PURE__ */ jsxs36(HStack, { gap: "xs", children: [
-        /* @__PURE__ */ jsx72(P, { children: (_a = account.institution) == null ? void 0 : _a.name }),
-        /* @__PURE__ */ jsxs36(P, { variant: "subtle", children: [
+        /* @__PURE__ */ jsx72(P, { size: "sm", children: (_a = account.institution) == null ? void 0 : _a.name }),
+        /* @__PURE__ */ jsxs36(P, { variant: "subtle", size: "sm", children: [
           "\u2022\u2022\u2022",
           " ",
           account.mask
@@ -5897,13 +5917,8 @@ function useLinkedAccountsConfirmationModal() {
   }, baseInfo);
 }
 function LinkedAccountsConfirmationModalPreloadedContent({ onClose }) {
-  const { onDismiss } = useLinkedAccountsConfirmationModal();
-  const handleDismiss = () => {
-    onDismiss();
-    onClose();
-  };
   return /* @__PURE__ */ jsxs38(Fragment9, { children: [
-    /* @__PURE__ */ jsx75(ModalContextBar, { onClose: handleDismiss }),
+    /* @__PURE__ */ jsx75(ModalContextBar, { onClose }),
     /* @__PURE__ */ jsx75(ModalHeading, { pbe: "md", children: "Loading Your Accounts..." }),
     /* @__PURE__ */ jsx75(ModalContent, { children: /* @__PURE__ */ jsxs38(VStack, { slot: "center", align: "center", gap: "md", children: [
       /* @__PURE__ */ jsx75(LoadingSpinner, { size: 48 }),
@@ -5912,16 +5927,12 @@ function LinkedAccountsConfirmationModalPreloadedContent({ onClose }) {
   ] });
 }
 function LinkedAccountsConfirmationModalContent({ onClose }) {
-  const { accounts, onDismiss, onFinish, refetchAccounts } = useLinkedAccountsConfirmationModal();
+  const { accounts, onFinish, refetchAccounts } = useLinkedAccountsConfirmationModal();
   const [formState, setFormState] = useState14(() => Object.fromEntries(
     accounts.map(({ id }) => [id, true])
   ));
   const { trigger, isMutating, error } = useConfirmAndExcludeMultiple({ onSuccess: refetchAccounts });
   const hasError = Boolean(error);
-  const handleDismiss = () => {
-    onDismiss();
-    onClose();
-  };
   const handleFinish = () => __async(this, null, function* () {
     const success = yield trigger(formState);
     if (success) {
@@ -5929,9 +5940,12 @@ function LinkedAccountsConfirmationModalContent({ onClose }) {
       onClose();
     }
   });
+  const handleDismiss = () => {
+    onClose();
+  };
   const { descriptionLabel, buttonLabel } = getFormComponentLabels(formState);
   return /* @__PURE__ */ jsxs38(Fragment9, { children: [
-    /* @__PURE__ */ jsx75(ModalContextBar, { onClose: handleDismiss }),
+    /* @__PURE__ */ jsx75(ModalContextBar, { onClose }),
     /* @__PURE__ */ jsx75(ModalHeading, { pbe: "2xs", children: "Confirm Business Accounts" }),
     /* @__PURE__ */ jsx75(ModalDescription, { pbe: "md", children: descriptionLabel }),
     /* @__PURE__ */ jsx75(ModalContent, { children: /* @__PURE__ */ jsx75(
@@ -5959,13 +5973,26 @@ function LinkedAccountsConfirmationModalContent({ onClose }) {
     /* @__PURE__ */ jsx75(ModalActions, { children: /* @__PURE__ */ jsx75(VStack, { gap: "md", children: hasError ? /* @__PURE__ */ jsxs38(Fragment9, { children: [
       /* @__PURE__ */ jsx75(P, { size: "sm", children: "An error occurred while confirming accounts. You will have an opportunity to try again later." }),
       /* @__PURE__ */ jsx75(P, { size: "sm", children: "No data will be synced until you confirm." }),
-      /* @__PURE__ */ jsx75(Button2, { size: "lg", onPress: handleDismiss, children: "Close" })
-    ] }) : /* @__PURE__ */ jsx75(Button2, { size: "lg", onPress: handleFinish, isPending: isMutating, children: buttonLabel }) }) })
+      /* @__PURE__ */ jsx75(Button2, { size: "lg", onPress: close, children: "Close" })
+    ] }) : /* @__PURE__ */ jsx75(Button2, { size: "lg", onPress: () => {
+      void handleFinish();
+    }, isPending: isMutating, children: buttonLabel }) }) })
   ] });
 }
 function LinkedAccountsConfirmationModal() {
-  const { preloadIsOpen, mainIsOpen } = useLinkedAccountsConfirmationModal();
-  return /* @__PURE__ */ jsx75(Modal, { isOpen: preloadIsOpen || mainIsOpen, children: ({ close }) => preloadIsOpen ? /* @__PURE__ */ jsx75(LinkedAccountsConfirmationModalPreloadedContent, { onClose: close }) : /* @__PURE__ */ jsx75(LinkedAccountsConfirmationModalContent, { onClose: close }) });
+  const { preloadIsOpen, mainIsOpen, onDismiss } = useLinkedAccountsConfirmationModal();
+  return /* @__PURE__ */ jsx75(
+    Modal,
+    {
+      isOpen: preloadIsOpen || mainIsOpen,
+      onOpenChange: (isOpen) => {
+        if (!isOpen) {
+          onDismiss();
+        }
+      },
+      children: ({ close: close2 }) => preloadIsOpen ? /* @__PURE__ */ jsx75(LinkedAccountsConfirmationModalPreloadedContent, { onClose: close2 }) : /* @__PURE__ */ jsx75(LinkedAccountsConfirmationModalContent, { onClose: close2 })
+    }
+  );
 }
 
 // src/components/LinkedAccounts/LinkedAccountsContent.tsx
@@ -5977,7 +6004,7 @@ var LinkedAccountsContent = ({
   showBreakConnection
 }) => {
   const { data, addConnection } = useContext13(LinkedAccountsContext);
-  const linkedAccountsNewAccountClassName = classNames24(
+  const linkedAccountsNewAccountClassName = classNames25(
     "Layer__linked-accounts__new-account",
     asWidget && "--as-widget",
     showLedgerBalance && "--show-ledger-balance",
@@ -6053,7 +6080,7 @@ var isDateAllowedToBrowse = (date, business) => {
 import { useMemo as useMemo10 } from "react";
 
 // src/components/Input/Input.tsx
-import classNames25 from "classnames";
+import classNames26 from "classnames";
 import { jsx as jsx77, jsxs as jsxs40 } from "react/jsx-runtime";
 var Input = (_a) => {
   var _b = _a, {
@@ -6067,7 +6094,7 @@ var Input = (_a) => {
     "errorMessage",
     "leftText"
   ]);
-  const baseClassName = classNames25(
+  const baseClassName = classNames26(
     "Layer__input",
     isInvalid ? "Layer__input--error" : "",
     leftText ? "Layer__input--with-left-text" : "",
@@ -6083,7 +6110,7 @@ var Input = (_a) => {
 };
 
 // src/components/Input/InputGroup.tsx
-import classNames26 from "classnames";
+import classNames27 from "classnames";
 import { jsx as jsx78, jsxs as jsxs41 } from "react/jsx-runtime";
 var InputGroup = ({
   label,
@@ -6092,7 +6119,7 @@ var InputGroup = ({
   inline,
   children
 }) => {
-  const baseClassName = classNames26(
+  const baseClassName = classNames27(
     "Layer__input-group",
     className,
     inline && "Layer__input-group--inline"
@@ -6271,7 +6298,7 @@ var ChevronDownFill = (_a) => {
 var ChevronDownFill_default = ChevronDownFill;
 
 // src/components/Input/Select.tsx
-import classNames27 from "classnames";
+import classNames28 from "classnames";
 import { jsx as jsx82, jsxs as jsxs45 } from "react/jsx-runtime";
 var Select = ({
   name,
@@ -6285,7 +6312,7 @@ var Select = ({
   isInvalid,
   errorMessage
 }) => {
-  const baseClassName = classNames27(
+  const baseClassName = classNames28(
     "Layer__select",
     isInvalid ? "Layer__select--error" : "",
     className
@@ -6313,7 +6340,7 @@ var Select = ({
 };
 
 // src/components/Input/InputWithBadge.tsx
-import classNames28 from "classnames";
+import classNames29 from "classnames";
 import { jsx as jsx83, jsxs as jsxs46 } from "react/jsx-runtime";
 var InputWithBadge = (_a) => {
   var _b = _a, {
@@ -6331,7 +6358,7 @@ var InputWithBadge = (_a) => {
     "badge",
     "variant"
   ]);
-  const baseClassName = classNames28(
+  const baseClassName = classNames29(
     "Layer__input",
     isInvalid ? "Layer__input--error" : "",
     leftText ? "Layer__input--with-left-text" : "",
@@ -6354,7 +6381,7 @@ import { useCallback as useCallback2 } from "react";
 import ReactSelect2, {
   components as components2
 } from "react-select";
-import classNames29 from "classnames";
+import classNames30 from "classnames";
 import { jsx as jsx84, jsxs as jsxs47 } from "react/jsx-runtime";
 var MultiSelect = ({
   name,
@@ -6370,7 +6397,7 @@ var MultiSelect = ({
   errorMessage,
   styles
 }) => {
-  const baseClassName = classNames29(
+  const baseClassName = classNames30(
     "Layer__select",
     isInvalid ? "Layer__select--error" : "",
     className
@@ -6402,7 +6429,7 @@ var MultiSelect = ({
 };
 
 // src/components/Input/AmountInput.tsx
-import classNames30 from "classnames";
+import classNames31 from "classnames";
 import CurrencyInput from "react-currency-input-field";
 import { jsx as jsx85, jsxs as jsxs48 } from "react/jsx-runtime";
 var AmountInput = (_a) => {
@@ -6421,7 +6448,7 @@ var AmountInput = (_a) => {
     "isInvalid",
     "placeholder"
   ]);
-  const baseClassName = classNames30(
+  const baseClassName = classNames31(
     "Layer__input Layer__amount-input",
     isInvalid ? "Layer__input--error" : "",
     leftText ? "Layer__input--with-left-text" : "",
@@ -6549,7 +6576,7 @@ var DatePickerOptions = ({
 };
 
 // src/components/DatePicker/DatePicker.tsx
-import classNames31 from "classnames";
+import classNames32 from "classnames";
 import { endOfDay as endOfDay2, endOfMonth as endOfMonth4, endOfYear as endOfYear3, getYear } from "date-fns";
 import { Fragment as Fragment13, jsx as jsx88, jsxs as jsxs49 } from "react/jsx-runtime";
 var ReactDatePicker = RDP.default.default || RDP.default || RDP;
@@ -6655,21 +6682,21 @@ var DatePicker = (_a) => {
     return [selected[0], null];
   }, [selected, displayMode]);
   const { isDesktop } = useSizeClass();
-  const wrapperClassNames = classNames31(
+  const wrapperClassNames = classNames32(
     "Layer__datepicker__wrapper",
     displayMode === "timePicker" && "Layer__datepicker__time__wrapper",
     showNavigationArrows(navigateArrows, isDesktop) && "Layer__datepicker__wrapper--arrows"
   );
-  const datePickerWrapperClassNames = classNames31(
+  const datePickerWrapperClassNames = classNames32(
     "Layer__datepicker",
     displayMode === "timePicker" && "Layer__datepicker__time",
     wrapperClassName
   );
-  const calendarClassNames = classNames31(
+  const calendarClassNames = classNames32(
     "Layer__datepicker__calendar",
     calendarClassName
   );
-  const popperClassNames = classNames31(
+  const popperClassNames = classNames32(
     "Layer__datepicker__popper",
     displayMode === "timePicker" && "Layer__datepicker__time__popper",
     popperClassName
@@ -6839,7 +6866,7 @@ var DatePicker = (_a) => {
         Button,
         {
           "aria-label": "Previous Date",
-          className: classNames31(
+          className: classNames32(
             "Layer__datepicker__prev-button",
             isBeforeMinDate && "Layer__datepicker__button--disabled"
           ),
@@ -6861,7 +6888,7 @@ var DatePicker = (_a) => {
         {
           "aria-label": "Next Date",
           variant: "secondary" /* secondary */,
-          className: classNames31(
+          className: classNames32(
             "Layer__datepicker__next-button",
             isTodayOrAfter ? "Layer__datepicker__button--disabled" : void 0
           ),
@@ -7121,8 +7148,7 @@ var humanizeEnum = (text) => {
   return capitalizeFirstLetter(text.replace(/_/gi, " ").toLowerCase());
 };
 var convertNumberToCurrency = (amount) => {
-  if (typeof amount !== "number" || isNaN(amount))
-    return "";
+  if (typeof amount !== "number" || isNaN(amount)) return "";
   const formattedValue = amount.toLocaleString("en-US");
   return formattedValue.length > 0 ? `$${formattedValue}` : "";
 };
@@ -7261,11 +7287,11 @@ function OpeningBalanceModal({
           setAccountsToAddOpeningBalanceInModal([]);
         }
       },
-      children: ({ close }) => /* @__PURE__ */ jsx90(
+      children: ({ close: close2 }) => /* @__PURE__ */ jsx90(
         LinkedAccountsOpeningBalanceModalContent,
         {
           accounts: accountsToAddOpeningBalanceInModal,
-          onClose: close,
+          onClose: close2,
           stringOverrides
         }
       )
@@ -7776,7 +7802,7 @@ import { useContext as useContext16 } from "react";
 import { useState as useState18 } from "react";
 
 // src/components/ActionableList/ActionableList.tsx
-import classNames32 from "classnames";
+import classNames33 from "classnames";
 import { jsx as jsx98, jsxs as jsxs57 } from "react/jsx-runtime";
 var ActionableList = ({
   options,
@@ -7789,7 +7815,7 @@ var ActionableList = ({
     {
       role: "button",
       onClick: () => onClick(x),
-      className: classNames32(
+      className: classNames33(
         x.secondary && "Layer__actionable-list-item--secondary",
         x.asLink && "Layer__actionable-list-item--as-link",
         selectedId === x.id && "Layer__actionable-list__item--selected"
@@ -7931,7 +7957,7 @@ var BusinessCategories = ({
 };
 
 // src/components/CategorySelect/CategorySelectDrawer.tsx
-import classNames33 from "classnames";
+import classNames34 from "classnames";
 import { jsx as jsx100, jsxs as jsxs59 } from "react/jsx-runtime";
 var CategorySelectDrawer = ({
   onSelect,
@@ -7939,16 +7965,16 @@ var CategorySelectDrawer = ({
   showTooltips: _showTooltips
 }) => {
   var _a, _b;
-  const { setContent, close } = useContext16(DrawerContext);
+  const { setContent, close: close2 } = useContext16(DrawerContext);
   const onDrawerCategorySelect = (value) => {
-    close();
+    close2();
     onSelect(value);
   };
   return /* @__PURE__ */ jsxs59(
     "button",
     {
       "aria-label": "Select category",
-      className: classNames33(
+      className: classNames34(
         "Layer__category-menu__drawer-btn",
         selected && "Layer__category-menu__drawer-btn--selected"
       ),
@@ -7997,7 +8023,7 @@ var CategorySelectDrawerContent = ({
 };
 
 // src/components/CategorySelect/CategorySelect.tsx
-import classNames34 from "classnames";
+import classNames35 from "classnames";
 import { parseISO as parseISO4, format as formatTime } from "date-fns";
 import { jsx as jsx101, jsxs as jsxs60 } from "react/jsx-runtime";
 var mapCategoryToOption2 = (category) => {
@@ -8049,7 +8075,7 @@ var GroupHeading = (props) => {
   return /* @__PURE__ */ jsx101(
     components3.GroupHeading,
     __spreadValues({
-      className: classNames34(
+      className: classNames35(
         props.className,
         props.children === "Match" || props.children === "All categories" ? "Layer__select__group-heading--main" : ""
       )
@@ -8387,8 +8413,7 @@ var useReceiptsContext = () => useContext17(ReceiptsContext);
 import { useEffect as useEffect10, useState as useState19 } from "react";
 import { parseISO as parseISO5, format as formatTime2 } from "date-fns";
 var readDate = (date) => {
-  if (!date)
-    return void 0;
+  if (!date) return void 0;
   return date && formatTime2(parseISO5(date), DATE_FORMAT);
 };
 var useReceipts = ({
@@ -8473,8 +8498,7 @@ var useReceipts = ({
     }
   });
   const archiveDocument = (document2) => __async(void 0, null, function* () {
-    if (!document2.id)
-      return;
+    if (!document2.id) return;
     try {
       if (document2.error) {
         setReceiptUrls(receiptUrls.filter((url) => url.id !== document2.id));
@@ -8569,7 +8593,7 @@ var Eye = (_a) => {
 var Eye_default = Eye;
 
 // src/components/FileThumb/FileThumb.tsx
-import classNames35 from "classnames";
+import classNames36 from "classnames";
 import { jsx as jsx106, jsxs as jsxs64 } from "react/jsx-runtime";
 var FileThumb = ({
   url,
@@ -8588,7 +8612,7 @@ var FileThumb = ({
   return /* @__PURE__ */ jsxs64(
     "div",
     {
-      className: classNames35(
+      className: classNames36(
         "Layer__file-thumb",
         floatingActions && "Layer__file-thumb--floating"
       ),
@@ -8621,7 +8645,7 @@ var FileThumb = ({
         enableOpen || enableDownload || onDelete ? /* @__PURE__ */ jsxs64(
           "div",
           {
-            className: classNames35(
+            className: classNames36(
               "Layer__file-thumb__actions",
               floatingActions && "Layer__file-thumb__actions--floating"
             ),
@@ -8779,7 +8803,7 @@ var MatchBadge = ({
 };
 
 // src/components/MatchForm/MatchForm.tsx
-import classNames36 from "classnames";
+import classNames37 from "classnames";
 import { parseISO as parseISO7, format as formatTime4 } from "date-fns";
 import { jsx as jsx109, jsxs as jsxs67 } from "react/jsx-runtime";
 var MatchForm = ({
@@ -8808,7 +8832,7 @@ var MatchForm = ({
       return /* @__PURE__ */ jsxs67(
         "div",
         {
-          className: classNames36(
+          className: classNames37(
             `${classNamePrefix}__match-row`,
             match.id === selectedMatchId ? `${classNamePrefix}__match-row--selected` : ""
           ),
@@ -8885,7 +8909,7 @@ var MatchForm = ({
 };
 
 // src/components/MatchForm/MatchFormMobile.tsx
-import classNames37 from "classnames";
+import classNames38 from "classnames";
 import { parseISO as parseISO8, format as formatTime5 } from "date-fns";
 import { jsx as jsx110, jsxs as jsxs68 } from "react/jsx-runtime";
 var MatchFormMobile = ({
@@ -8901,7 +8925,7 @@ var MatchFormMobile = ({
       return /* @__PURE__ */ jsxs68(
         "div",
         {
-          className: classNames37(
+          className: classNames38(
             `${classNamePrefix}__match-item`,
             match.id === selectedMatchId ? `${classNamePrefix}__match-item--selected` : ""
           ),
@@ -8962,7 +8986,7 @@ var MatchFormMobile = ({
 };
 
 // src/components/Textarea/Textarea.tsx
-import classNames38 from "classnames";
+import classNames39 from "classnames";
 import { jsx as jsx111, jsxs as jsxs69 } from "react/jsx-runtime";
 var Textarea = (_a) => {
   var _b = _a, {
@@ -8974,7 +8998,7 @@ var Textarea = (_a) => {
     "isInvalid",
     "errorMessage"
   ]);
-  const baseClassName = classNames38(
+  const baseClassName = classNames39(
     "Layer__textarea",
     isInvalid ? "Layer__textarea--error" : "",
     className
@@ -8991,7 +9015,7 @@ import {
   useMemo as useMemo12,
   useState as useState20
 } from "react";
-import classNames39 from "classnames";
+import classNames40 from "classnames";
 import { jsx as jsx112, jsxs as jsxs70 } from "react/jsx-runtime";
 import { createElement } from "react";
 var Toggle = ({
@@ -9012,7 +9036,7 @@ var Toggle = ({
       setCurrentWidth(c.width);
     }
   });
-  const baseClassName = classNames39(
+  const baseClassName = classNames40(
     "Layer__toggle",
     `Layer__toggle--${size}`,
     initialized ? "Layer__toggle--initialized" : ""
@@ -9097,7 +9121,7 @@ var ToggleOption = ({
   style,
   index
 }) => {
-  const optionClassName = classNames39("Layer__toggle-option", {
+  const optionClassName = classNames40("Layer__toggle-option", {
     "Layer__toggle-option--active": checked
   });
   if (disabled) {
@@ -9262,7 +9286,7 @@ var Notification = ({
 };
 
 // src/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow.tsx
-import classNames40 from "classnames";
+import classNames41 from "classnames";
 
 // src/hooks/bookkeeping/useBookkeepingStatus.ts
 import useSWR4 from "swr";
@@ -9285,7 +9309,12 @@ function LegacyModeProvider({
 }
 
 // src/hooks/bookkeeping/useBookkeepingStatus.ts
-var BOOKKEEPING_STATUSES = ["NOT_PURCHASED", "BOOKKEEPING_PAUSED", "ACTIVE"];
+var BOOKKEEPING_STATUSES = [
+  "NOT_PURCHASED",
+  "ACTIVE",
+  "ONBOARDING",
+  "BOOKKEEPING_PAUSED"
+];
 function constrainToKnownBookkeepingStatus(status) {
   if (BOOKKEEPING_STATUSES.includes(status)) {
     return status;
@@ -9305,7 +9334,7 @@ function buildKey4({
       accessToken,
       apiUrl,
       businessId,
-      tags: ["#bookkeeping, #status"]
+      tags: ["#bookkeeping", "#status"]
     };
   }
 }
@@ -9376,7 +9405,7 @@ var ExpandedBankTransactionRow = forwardRef10(
   ({
     bankTransaction,
     isOpen = false,
-    close,
+    close: close2,
     categorized,
     asListItem = false,
     submitBtnText = "Save",
@@ -9521,7 +9550,7 @@ var ExpandedBankTransactionRow = forwardRef10(
           yield onMatchSubmit(selectedMatchId);
           return;
         }
-        close();
+        close2();
         return;
       }
       if (!validateSplit(rowState)) {
@@ -9547,7 +9576,7 @@ var ExpandedBankTransactionRow = forwardRef10(
           }))
         }
       );
-      close();
+      close2();
     });
     const fetchMemos = () => __async(void 0, null, function* () {
       const getBankTransactionMetadata2 = Layer.getBankTransactionMetadata(
@@ -9561,8 +9590,7 @@ var ExpandedBankTransactionRow = forwardRef10(
         }
       );
       const result = yield getBankTransactionMetadata2();
-      if (result.data.memo)
-        setMemoText(result.data.memo);
+      if (result.data.memo) setMemoText(result.data.memo);
     });
     useImperativeHandle2(ref, () => ({
       save
@@ -9576,7 +9604,7 @@ var ExpandedBankTransactionRow = forwardRef10(
         return;
       }
       yield matchBankTransaction2(bankTransaction.id, foundMatch.id);
-      close();
+      close2();
     });
     const getDivHeight = useCallback3(() => {
       const { height: height2 } = bodyRef.current ? bodyRef.current.getBoundingClientRect() : { height: void 0 };
@@ -9612,8 +9640,7 @@ var ExpandedBankTransactionRow = forwardRef10(
     }, [getDivHeight, isOpen]);
     useEffect13(() => {
       const loadDocumentsAndMetadata = () => __async(void 0, null, function* () {
-        if (showDescriptions && isOpen)
-          yield fetchMemos();
+        if (showDescriptions && isOpen) yield fetchMemos();
         setIsLoaded(true);
         setOver(true);
       });
@@ -9661,7 +9688,7 @@ var ExpandedBankTransactionRow = forwardRef10(
                   /* @__PURE__ */ jsx115(
                     "div",
                     {
-                      className: classNames40(
+                      className: classNames41(
                         `${className}__match`,
                         `${className}__content-panel`,
                         purpose === "match" /* match */ ? `${className}__content-panel--active` : ""
@@ -9685,7 +9712,7 @@ var ExpandedBankTransactionRow = forwardRef10(
                   /* @__PURE__ */ jsx115(
                     "div",
                     {
-                      className: classNames40(
+                      className: classNames41(
                         `${className}__splits`,
                         `${className}__content-panel`,
                         purpose === "categorize" /* categorize */ ? `${className}__content-panel--active` : ""
@@ -9879,7 +9906,7 @@ var SplitTooltipDetails = ({
 };
 
 // src/components/BankTransactionRow/BankTransactionRow.tsx
-import classNames41 from "classnames";
+import classNames42 from "classnames";
 import { parseISO as parseISO9, format as formatTime6 } from "date-fns";
 import { Fragment as Fragment16, jsx as jsx118, jsxs as jsxs74 } from "react/jsx-runtime";
 var extractDescriptionForSplit = (category) => {
@@ -9993,7 +10020,7 @@ var BankTransactionRow = ({
   const categorized = isCategorized(bankTransaction);
   const className = "Layer__bank-transaction-row";
   const openClassName = open ? `${className}--expanded` : "";
-  const rowClassName = classNames41(
+  const rowClassName = classNames42(
     className,
     bankTransaction.recently_categorized && editable && shouldHideAfterCategorize(bankTransaction) ? "Layer__bank-transaction-row--removing" : "",
     open ? openClassName : "",
@@ -10071,7 +10098,7 @@ var BankTransactionRow = ({
       /* @__PURE__ */ jsx118(
         "td",
         {
-          className: classNames41(
+          className: classNames42(
             "Layer__table-cell",
             "Layer__table-cell__category-col",
             `${className}__actions-cell`,
@@ -10253,7 +10280,7 @@ var Assignment = ({ bankTransaction }) => {
 };
 
 // src/components/BankTransactionList/BankTransactionListItem.tsx
-import classNames42 from "classnames";
+import classNames43 from "classnames";
 import { parseISO as parseISO11, format as formatTime8 } from "date-fns";
 import { jsx as jsx120, jsxs as jsxs76 } from "react/jsx-runtime";
 var BankTransactionListItem = ({
@@ -10324,7 +10351,7 @@ var BankTransactionListItem = ({
   const categorized = isCategorized(bankTransaction);
   const className = "Layer__bank-transaction-list-item";
   const openClassName = open ? `${className}--expanded` : "";
-  const rowClassName = classNames42(
+  const rowClassName = classNames43(
     className,
     bankTransaction.recently_categorized && editable && shouldHideAfterCategorize(bankTransaction) ? "Layer__bank-transaction-row--removing" : "",
     open ? openClassName : "",
@@ -10535,8 +10562,7 @@ var useMemoText = ({ bankTransaction, isActive }) => {
         }
       );
       const result = yield getBankTransactionMetadata2();
-      if (result.data.memo)
-        setMemoText(result.data.memo);
+      if (result.data.memo) setMemoText(result.data.memo);
     } catch (error) {
       console.error(error);
     }
@@ -10574,7 +10600,7 @@ var MemoTextProvider = ({
 };
 
 // src/components/BankTransactionMobileList/BusinessForm.tsx
-import classNames43 from "classnames";
+import classNames44 from "classnames";
 import { jsx as jsx124, jsxs as jsxs77 } from "react/jsx-runtime";
 var BusinessForm = ({
   bankTransaction,
@@ -10584,7 +10610,7 @@ var BusinessForm = ({
   showDescriptions
 }) => {
   const receiptsRef = useRef12(null);
-  const { setContent, close } = useContext20(DrawerContext);
+  const { setContent, close: close2 } = useContext20(DrawerContext);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
   const [selectedCategory, setSelectedCategory] = useState26(
     getAssignedValue(bankTransaction)
@@ -10618,7 +10644,7 @@ var BusinessForm = ({
     return options2;
   }, [bankTransaction, selectedCategory]);
   const onDrawerCategorySelect = (value) => {
-    close();
+    close2();
     setSelectedCategory(value);
   };
   const openDrawer = () => {
@@ -10708,7 +10734,7 @@ var BusinessForm = ({
     /* @__PURE__ */ jsx124(
       "div",
       {
-        className: classNames43(
+        className: classNames44(
           "Layer__bank-transaction-mobile-list-item__receipts",
           hasReceipts(bankTransaction) ? "Layer__bank-transaction-mobile-list-item__actions--with-receipts" : void 0
         ),
@@ -10770,7 +10796,7 @@ var PersonalCategories = /* @__PURE__ */ ((PersonalCategories2) => {
 })(PersonalCategories || {});
 
 // src/components/BankTransactionMobileList/PersonalForm.tsx
-import classNames44 from "classnames";
+import classNames45 from "classnames";
 import { jsx as jsx125, jsxs as jsxs78 } from "react/jsx-runtime";
 var isAlreadyAssigned = (bankTransaction) => {
   if (bankTransaction.categorization_status === "MATCHED" /* MATCHED */ || (bankTransaction == null ? void 0 : bankTransaction.categorization_status) === "SPLIT" /* SPLIT */) {
@@ -10843,7 +10869,7 @@ var PersonalForm = ({
     /* @__PURE__ */ jsx125(
       "div",
       {
-        className: classNames44(
+        className: classNames45(
           "Layer__bank-transaction-mobile-list-item__receipts",
           hasReceipts(bankTransaction) ? "Layer__bank-transaction-mobile-list-item__actions--with-receipts" : void 0
         ),
@@ -10890,7 +10916,7 @@ import { useState as useState30 } from "react";
 
 // src/components/BankTransactionMobileList/MatchForm.tsx
 import { useEffect as useEffect19, useRef as useRef14, useState as useState28 } from "react";
-import classNames45 from "classnames";
+import classNames46 from "classnames";
 import { jsx as jsx126, jsxs as jsxs79 } from "react/jsx-runtime";
 var MatchForm2 = ({
   bankTransaction,
@@ -10977,7 +11003,7 @@ var MatchForm2 = ({
     /* @__PURE__ */ jsx126(
       "div",
       {
-        className: classNames45(
+        className: classNames46(
           "Layer__bank-transaction-mobile-list-item__receipts",
           hasReceipts(bankTransaction) ? "Layer__bank-transaction-mobile-list-item__actions--with-receipts" : void 0
         ),
@@ -11022,7 +11048,7 @@ var MatchForm2 = ({
 
 // src/components/BankTransactionMobileList/SplitForm.tsx
 import { useEffect as useEffect20, useRef as useRef15, useState as useState29 } from "react";
-import classNames46 from "classnames";
+import classNames47 from "classnames";
 import { Fragment as Fragment18, jsx as jsx127, jsxs as jsxs80 } from "react/jsx-runtime";
 var SplitForm = ({
   bankTransaction,
@@ -11199,7 +11225,7 @@ var SplitForm = ({
                 {
                   type: "text",
                   name: `split-${index}`,
-                  className: classNames46(
+                  className: classNames47(
                     "Layer__split-amount-input",
                     index === 0 && "Layer__split-amount-input--first"
                   ),
@@ -11266,7 +11292,7 @@ var SplitForm = ({
     /* @__PURE__ */ jsx127(
       "div",
       {
-        className: classNames46(
+        className: classNames47(
           "Layer__bank-transaction-mobile-list-item__receipts",
           hasReceipts(bankTransaction) ? "Layer__bank-transaction-mobile-list-item__actions--with-receipts" : void 0
         ),
@@ -11415,7 +11441,7 @@ var TransactionToOpenContext = createContext13({
 });
 
 // src/components/BankTransactionMobileList/BankTransactionMobileListItem.tsx
-import classNames47 from "classnames";
+import classNames48 from "classnames";
 import { parseISO as parseISO12, format as formatTime9 } from "date-fns";
 import { jsx as jsx130, jsxs as jsxs82 } from "react/jsx-runtime";
 var DATE_FORMAT2 = "LLL d";
@@ -11484,7 +11510,7 @@ var BankTransactionMobileListItem = ({
         setRemoveAnim(true);
         openNext();
       } else {
-        close();
+        close2();
       }
     }
   }, [
@@ -11498,7 +11524,7 @@ var BankTransactionMobileListItem = ({
     }
     setOpen(!open);
   };
-  const close = () => {
+  const close2 = () => {
     setOpen(false);
     setHeight(0);
   };
@@ -11525,7 +11551,7 @@ var BankTransactionMobileListItem = ({
   const categorized = isCategorized(bankTransaction);
   const className = "Layer__bank-transaction-mobile-list-item";
   const openClassName = open ? `${className}--expanded` : "";
-  const rowClassName = classNames47(
+  const rowClassName = classNames48(
     className,
     removeAnim ? "Layer__bank-transaction-row--removing" : "",
     open ? openClassName : "",
@@ -11603,7 +11629,7 @@ var BankTransactionMobileListItem = ({
                     onChange: onChangePurpose
                   }
                 ),
-                /* @__PURE__ */ jsx130(CloseButton, { onClick: () => close() })
+                /* @__PURE__ */ jsx130(CloseButton, { onClick: () => close2() })
               ] }) : null,
               /* @__PURE__ */ jsx130(
                 BankTransactionMobileForms,
@@ -11660,14 +11686,14 @@ var BankTransactionMobileList = ({
 import { useMemo as useMemo16 } from "react";
 
 // src/components/SkeletonLoader/SkeletonLoader.tsx
-import classNames48 from "classnames";
+import classNames49 from "classnames";
 import { jsx as jsx132 } from "react/jsx-runtime";
 var SkeletonLoader = ({
   height,
   width,
   className
 }) => {
-  const baseClassName = classNames48(
+  const baseClassName = classNames49(
     "Layer__skeleton-loader Layer__anim--skeleton-loading",
     className
   );
@@ -11767,7 +11793,7 @@ var BankTransactionsLoader = ({
 };
 
 // src/components/SyncingComponent/SyncingComponent.tsx
-import classNames49 from "classnames";
+import classNames50 from "classnames";
 import { jsx as jsx135, jsxs as jsxs84 } from "react/jsx-runtime";
 var SyncingComponent = ({
   title = "Syncing account data",
@@ -11789,7 +11815,7 @@ var SyncingComponent = ({
   return /* @__PURE__ */ jsxs84(
     "div",
     {
-      className: classNames49(
+      className: classNames50(
         "Layer__syncing-component",
         inProgress ? "Layer__syncing-component--with-border" : ""
       ),
@@ -12084,7 +12110,7 @@ var PaginationContent = ({
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
 import { useState as useState33 } from "react";
-import classNames50 from "classnames";
+import classNames51 from "classnames";
 import { endOfMonth as endOfMonth5, startOfMonth as startOfMonth5 } from "date-fns";
 import { jsx as jsx140, jsxs as jsxs87 } from "react/jsx-runtime";
 var DownloadButton2 = ({
@@ -12154,7 +12180,7 @@ var BankTransactionsHeader = ({
   return /* @__PURE__ */ jsxs87(
     Header,
     {
-      className: classNames50(
+      className: classNames51(
         "Layer__bank-transactions__header",
         withDatePicker && "Layer__bank-transactions__header--with-date-picker",
         mobileComponent && listView ? "Layer__bank-transactions__header--mobile" : void 0
@@ -13140,25 +13166,36 @@ function prepareFiltersBody(compareOptions) {
   const noneFilters = compareOptions.filter(
     ({ tagFilterConfig: { tagFilters: tagFilters2 } }) => tagFilters2 === "None"
   );
-  const tagFilters = compareOptions.flatMap(({ tagFilterConfig: { tagFilters: tagFilters2 } }) => {
+  const tagFilters = compareOptions.flatMap(({ tagFilterConfig: { tagFilters: tagFilters2, structure } }) => {
     if (tagFilters2 === "None") {
       return null;
     }
     if (tagFilters2.tagValues.length === 0) {
-      return { required_tags: [] };
-    }
-    return tagFilters2.tagValues.map((tagValue) => ({
-      required_tags: [{
-        key: tagFilters2.tagKey,
-        value: tagValue
-      }]
-    }));
+      const filter = {
+        structure,
+        required_tags: []
+      };
+      return filter;
+    }
+    return tagFilters2.tagValues.map((tagValue) => {
+      const filter = {
+        structure,
+        required_tags: [{
+          key: tagFilters2.tagKey,
+          value: tagValue
+        }]
+      };
+      return filter;
+    });
   }).filter((item) => item !== null);
   if (tagFilters.length === 0) {
     return;
   }
   const allFilters = [
-    noneFilters.length > 0 ? { required_tags: [] } : null,
+    noneFilters.length > 0 ? {
+      structure: noneFilters[0].tagFilterConfig.structure,
+      required_tags: []
+    } : null,
     ...tagFilters
   ].filter((item) => item !== null);
   return isArrayWithAtLeastOne(allFilters) ? allFilters : void 0;
@@ -13466,7 +13503,7 @@ var Indicator = ({
 };
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
-import classNames51 from "classnames";
+import classNames52 from "classnames";
 import {
   add,
   differenceInMonths as differenceInMonths2,
@@ -13894,7 +13931,7 @@ var ProfitAndLossChart = ({
     /* @__PURE__ */ jsx148(
       ResponsiveContainer,
       {
-        className: classNames51(
+        className: classNames52(
           "Layer__chart-container",
           loaded !== "complete" && "Layer__chart-container--loading"
         ),
@@ -14014,7 +14051,7 @@ var ProfitAndLossChart = ({
                   isAnimationActive: barAnimActive,
                   animationDuration: 100,
                   radius: [2, 2, 0, 0],
-                  className: classNames51(
+                  className: classNames52(
                     "Layer__profit-and-loss-chart__bar--loading",
                     loaded !== "complete" && "Layer__profit-and-loss-chart__bar--loading-anim"
                   ),
@@ -14030,7 +14067,7 @@ var ProfitAndLossChart = ({
                   isAnimationActive: barAnimActive,
                   animationDuration: 100,
                   radius: [2, 2, 0, 0],
-                  className: classNames51(
+                  className: classNames52(
                     "Layer__profit-and-loss-chart__bar--loading",
                     loaded !== "complete" && "Layer__profit-and-loss-chart__bar--loading-anim"
                   ),
@@ -14587,7 +14624,7 @@ var SortArrows = (_a) => {
 var SortArrows_default = SortArrows;
 
 // src/components/ProfitAndLossDetailedCharts/DetailedTable.tsx
-import classNames52 from "classnames";
+import classNames53 from "classnames";
 import { jsx as jsx154, jsxs as jsxs98 } from "react/jsx-runtime";
 var mapTypesToColors = (data, colorList = DEFAULT_CHART_COLOR_TYPE) => {
   const typeToColor = {};
@@ -14681,7 +14718,7 @@ var DetailedTable = ({
 }) => {
   const buildColClass = (column) => {
     var _a, _b, _c;
-    return classNames52(
+    return classNames53(
       "Layer__sortable-col",
       sidebarScope && ((_a = filters[sidebarScope]) == null ? void 0 : _a.sortBy) === column ? `sort--${(_c = sidebarScope && ((_b = filters[sidebarScope]) == null ? void 0 : _b.sortDirection)) != null ? _c : "desc"}` : ""
     );
@@ -14733,7 +14770,7 @@ var DetailedTable = ({
       return /* @__PURE__ */ jsxs98(
         "tr",
         {
-          className: classNames52(
+          className: classNames53(
             "Layer__profit-and-loss-detailed-table__row",
             hoveredItem && hoveredItem === item.display_name ? "active" : ""
           ),
@@ -14766,7 +14803,7 @@ var DetailedTable = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
-import classNames53 from "classnames";
+import classNames54 from "classnames";
 import {
   PieChart,
   Pie,
@@ -14867,7 +14904,7 @@ var DetailedChart = ({
               return /* @__PURE__ */ jsx155(
                 Cell2,
                 {
-                  className: classNames53(
+                  className: classNames54(
                     "Layer__profit-and-loss-detailed-charts__pie",
                     hoveredItem && active ? "active" : "inactive",
                     entry.type === "Uncategorized" && "Layer__profit-and-loss-detailed-charts__pie--border"
@@ -15335,11 +15372,11 @@ import { useContext as useContext25 } from "react";
 import {
   forwardRef as forwardRef11
 } from "react";
-import classNames54 from "classnames";
+import classNames55 from "classnames";
 import { jsx as jsx161 } from "react/jsx-runtime";
 var Header2 = forwardRef11(
   ({ className, children, style, sticky, asHeader, rounded }, ref) => {
-    const baseClassName = classNames54(
+    const baseClassName = classNames55(
       "Layer__header",
       sticky && "Layer__header--sticky",
       rounded && "Layer__header--top-rounded",
@@ -15362,24 +15399,24 @@ var Header2 = forwardRef11(
 Header2.displayName = "Header";
 
 // src/components/Header/HeaderRow.tsx
-import classNames55 from "classnames";
+import classNames56 from "classnames";
 import { jsx as jsx162 } from "react/jsx-runtime";
 var HeaderRow = ({ className, children, direction, style }) => {
   const dataProps = toDataProperties({ direction });
-  return /* @__PURE__ */ jsx162("div", __spreadProps(__spreadValues({}, dataProps), { className: classNames55("Layer__header__row", className), style, children }));
+  return /* @__PURE__ */ jsx162("div", __spreadProps(__spreadValues({}, dataProps), { className: classNames56("Layer__header__row", className), style, children }));
 };
 
 // src/components/Header/HeaderCol.tsx
-import classNames56 from "classnames";
+import classNames57 from "classnames";
 import { jsx as jsx163 } from "react/jsx-runtime";
 var HeaderCol = ({ className, children, style, noPadding = false }) => {
   const dataProperties = toDataProperties({ "no-padding": noPadding });
-  return /* @__PURE__ */ jsx163("div", __spreadProps(__spreadValues({}, dataProperties), { className: classNames56("Layer__header__col", className), style, children }));
+  return /* @__PURE__ */ jsx163("div", __spreadProps(__spreadValues({}, dataProperties), { className: classNames57("Layer__header__col", className), style, children }));
 };
 
 // src/components/Panel/Panel.tsx
 import { useEffect as useEffect28, useState as useState43 } from "react";
-import classNames57 from "classnames";
+import classNames58 from "classnames";
 import { jsx as jsx164, jsxs as jsxs103 } from "react/jsx-runtime";
 var Panel = ({
   children,
@@ -15399,7 +15436,7 @@ var Panel = ({
       setSidebarHeight((_b = parentRef == null ? void 0 : parentRef.current) == null ? void 0 : _b.offsetHeight);
     }
   }, [parentRef, (_a = parentRef == null ? void 0 : parentRef.current) == null ? void 0 : _a.offsetHeight, sidebarIsOpen]);
-  const sidebarClass = classNames57(
+  const sidebarClass = classNames58(
     "Layer__panel__sidebar",
     defaultSidebarHeight && "Layer__panel__sidebar--default",
     floating && "Layer__panel__sidebar--floating"
@@ -15407,7 +15444,7 @@ var Panel = ({
   return /* @__PURE__ */ jsxs103(
     "div",
     {
-      className: classNames57(
+      className: classNames58(
         "Layer__panel",
         className,
         sidebarIsOpen && "Layer__panel--open"
@@ -15436,17 +15473,17 @@ var Panel = ({
 import { forwardRef as forwardRef12 } from "react";
 
 // src/components/ViewHeader/ViewHeader.tsx
-import classNames58 from "classnames";
+import classNames59 from "classnames";
 import { jsx as jsx165, jsxs as jsxs104 } from "react/jsx-runtime";
 var ViewHeader = ({ title, className, children }) => {
-  return /* @__PURE__ */ jsx165("div", { className: classNames58("Layer__view-header", className), children: /* @__PURE__ */ jsxs104("div", { className: "Layer__view-header__content", children: [
+  return /* @__PURE__ */ jsx165("div", { className: classNames59("Layer__view-header", className), children: /* @__PURE__ */ jsxs104("div", { className: "Layer__view-header__content", children: [
     title && /* @__PURE__ */ jsx165(Heading, { className: "Layer__view-header__title", children: title }),
     children && /* @__PURE__ */ jsx165("div", { className: "Layer__view-header__children", children })
   ] }) });
 };
 
 // src/components/View/View.tsx
-import classNames59 from "classnames";
+import classNames60 from "classnames";
 import { jsx as jsx166, jsxs as jsxs105 } from "react/jsx-runtime";
 var View = forwardRef12(
   ({
@@ -15462,7 +15499,7 @@ var View = forwardRef12(
   }, ref) => {
     const { theme } = useLayerContext();
     const styles = parseStylesFromThemeConfig(theme);
-    const viewClassNames = classNames59(
+    const viewClassNames = classNames60(
       "Layer__view",
       type === "panel" && "Layer__view--panel",
       viewClassName
@@ -15472,7 +15509,7 @@ var View = forwardRef12(
         ViewHeader,
         {
           title,
-          className: classNames59(
+          className: classNames60(
             headerControls ? "Layer__view-header--paddings" : void 0
           ),
           children: header != null ? header : headerControls
@@ -15981,7 +16018,7 @@ var TableBody = ({ children }) => {
 };
 
 // src/components/TableCell/TableCell.tsx
-import classNames60 from "classnames";
+import classNames61 from "classnames";
 import { jsx as jsx176, jsxs as jsxs109 } from "react/jsx-runtime";
 var TableCell = ({
   children,
@@ -16001,7 +16038,7 @@ var TableCell = ({
   const amount = typeof children === "number" ? children : 0;
   const isPositive = amount >= 0;
   const amountString = centsToDollars(Math.abs(amount));
-  const cellClassNames = classNames60(
+  const cellClassNames = classNames61(
     "Layer__table-cell",
     (primary || isHeaderCell) && "Layer__table-cell--primary",
     isHeaderCell && "Layer__table-header",
@@ -16044,7 +16081,7 @@ var TableHead = ({ children }) => {
 };
 
 // src/components/TableRow/TableRow.tsx
-import classNames61 from "classnames";
+import classNames62 from "classnames";
 import { Fragment as Fragment21, jsx as jsx178, jsxs as jsxs110 } from "react/jsx-runtime";
 var TableRow = ({
   rowKey,
@@ -16064,12 +16101,11 @@ var TableRow = ({
     if (onClick) {
       onClick(e);
     } else {
-      if (variant === "summation" || !expandable)
-        return;
+      if (variant === "summation" || !expandable) return;
       handleExpand && handleExpand();
     }
   };
-  const rowClassNames = classNames61([
+  const rowClassNames = classNames62([
     "Layer__table-row",
     !isHeadRow && `Layer__table-row--depth-${depth}`,
     !isHeadRow && `Layer__table-row--variant-${variant}`,
@@ -16093,7 +16129,7 @@ var TableRow = ({
 
 // src/components/Table/Table.tsx
 import { useEffect as useEffect29, useRef as useRef19 } from "react";
-import classNames62 from "classnames";
+import classNames63 from "classnames";
 import { jsx as jsx179 } from "react/jsx-runtime";
 var Table = ({
   componentName,
@@ -16134,11 +16170,11 @@ var Table = ({
       prevChildrenRef.current = newChildrenKeys;
     }
   }, [children]);
-  const tableWrapperClassNames = classNames62(
+  const tableWrapperClassNames = classNames63(
     "Layer__table-wrapper",
     bottomSpacing && "Layer__table-wrapper--bottom-spacing"
   );
-  const tableClassNames = classNames62(
+  const tableClassNames = classNames63(
     "Layer__table",
     componentName && `Layer__${componentName}__table`,
     borderCollapse && `Layer__table__${borderCollapse}-rows`
@@ -16147,7 +16183,7 @@ var Table = ({
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
-import classNames63 from "classnames";
+import classNames64 from "classnames";
 import { Fragment as Fragment23, jsx as jsx180, jsxs as jsxs111 } from "react/jsx-runtime";
 var ProfitAndLossCompareTable = ({
   stringOverrides
@@ -16168,7 +16204,7 @@ var ProfitAndLossCompareTable = ({
     return /* @__PURE__ */ jsx180(
       "div",
       {
-        className: classNames63("Layer__profit-and-loss-table__loader-container"),
+        className: classNames64("Layer__profit-and-loss-table__loader-container"),
         children: /* @__PURE__ */ jsx180(Loader2, {})
       }
     );
@@ -16358,7 +16394,7 @@ var empty_profit_and_loss_report_default = {
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
-import classNames64 from "classnames";
+import classNames65 from "classnames";
 import { jsx as jsx182, jsxs as jsxs113 } from "react/jsx-runtime";
 var ProfitAndLossTableComponent = ({
   asContainer,
@@ -16379,7 +16415,7 @@ var ProfitAndLossTableComponent = ({
     return /* @__PURE__ */ jsx182(
       "div",
       {
-        className: classNames64(
+        className: classNames65(
           "Layer__profit-and-loss-table__loader-container",
           asContainer && "Layer__component-container"
         ),
@@ -18697,10 +18733,10 @@ var lineEntryNumber = (ledgerEntryLine) => {
 };
 
 // src/components/Card/Card.tsx
-import classNames65 from "classnames";
+import classNames66 from "classnames";
 import { jsx as jsx203 } from "react/jsx-runtime";
 var Card = ({ children, className }) => {
-  return /* @__PURE__ */ jsx203("div", { className: classNames65("Layer__card", className), children });
+  return /* @__PURE__ */ jsx203("div", { className: classNames66("Layer__card", className), children });
 };
 
 // src/components/DateTime/DateTime.tsx
@@ -18744,7 +18780,7 @@ var DateTime = ({
 };
 
 // src/components/DetailsList/DetailsList.tsx
-import classNames66 from "classnames";
+import classNames67 from "classnames";
 import { jsx as jsx205, jsxs as jsxs126 } from "react/jsx-runtime";
 var DetailsList = ({
   title,
@@ -18753,7 +18789,7 @@ var DetailsList = ({
   titleClassName,
   actions
 }) => {
-  return /* @__PURE__ */ jsxs126("div", { className: classNames66("Layer__details-list", className), children: [
+  return /* @__PURE__ */ jsxs126("div", { className: classNames67("Layer__details-list", className), children: [
     title && /* @__PURE__ */ jsxs126(Header, { className: titleClassName, children: [
       /* @__PURE__ */ jsx205(Heading, { size: "secondary" /* secondary */, children: title }),
       actions && /* @__PURE__ */ jsx205("div", { className: "Layer__details-list__actions", children: actions })
@@ -19068,7 +19104,7 @@ var LedgerAccountEntryDetails = ({
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
 import { useContext as useContext36, useEffect as useEffect36, useState as useState50 } from "react";
-import classNames67 from "classnames";
+import classNames68 from "classnames";
 import { parseISO as parseISO14, format as formatTime11 } from "date-fns";
 import { jsx as jsx208, jsxs as jsxs129 } from "react/jsx-runtime";
 var LedgerAccountRow = ({
@@ -19094,7 +19130,7 @@ var LedgerAccountRow = ({
     return /* @__PURE__ */ jsxs129(
       "tr",
       {
-        className: classNames67(
+        className: classNames68(
           "Layer__table-row",
           row.entry_id === selectedEntryId && "Layer__table-row--active",
           initialLoad && "initial-load",
@@ -19135,7 +19171,7 @@ var LedgerAccountRow = ({
     return /* @__PURE__ */ jsx208(
       "tr",
       {
-        className: classNames67(
+        className: classNames68(
           "Layer__table-row",
           row.entry_id === selectedEntryId && "Layer__table-row--active",
           initialLoad && "initial-load",
@@ -19187,7 +19223,7 @@ var LedgerAccountRow = ({
   return /* @__PURE__ */ jsxs129(
     "tr",
     {
-      className: classNames67(
+      className: classNames68(
         "Layer__table-row",
         row.entry_id === selectedEntryId && "Layer__table-row--active",
         initialLoad && "initial-load",
@@ -19215,7 +19251,7 @@ var LedgerAccountRow = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-import classNames68 from "classnames";
+import classNames69 from "classnames";
 import { Fragment as Fragment32, jsx as jsx209, jsxs as jsxs130 } from "react/jsx-runtime";
 var LedgerAccount = ({
   containerRef,
@@ -19246,7 +19282,7 @@ var LedgerAccount = ({
       return () => clearTimeout(timeoutLoad);
     }
   }, [isLoading]);
-  const baseClassName = classNames68(
+  const baseClassName = classNames69(
     "Layer__ledger-account__index",
     accountId && "open"
   );
@@ -19261,7 +19297,7 @@ var LedgerAccount = ({
     const lastPageIndex = firstPageIndex + pageSize;
     return (_a2 = rawData == null ? void 0 : rawData.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))) == null ? void 0 : _a2.slice(firstPageIndex, lastPageIndex);
   }, [rawData, currentPage]);
-  const close = () => {
+  const close2 = () => {
     setAccountId(void 0);
     closeSelectedEntry();
   };
@@ -19279,7 +19315,7 @@ var LedgerAccount = ({
       className: "Layer__ledger-account__panel",
       children: /* @__PURE__ */ jsxs130("div", { className: baseClassName, children: [
         /* @__PURE__ */ jsx209(Header2, { className: "Layer__ledger-account__header", children: /* @__PURE__ */ jsx209(HeaderRow, { children: /* @__PURE__ */ jsxs130(HeaderCol, { children: [
-          /* @__PURE__ */ jsx209(BackButton, { onClick: close }),
+          /* @__PURE__ */ jsx209(BackButton, { onClick: close2 }),
           /* @__PURE__ */ jsxs130("div", { className: "Layer__ledger-account__title-container", children: [
             /* @__PURE__ */ jsx209(
               Text,
@@ -20893,8 +20929,7 @@ var useTasks = ({
     }).then(refetch);
   });
   const submitResponseToTask2 = (taskId, userResponse) => {
-    if (!taskId || !userResponse || userResponse.length === 0)
-      return;
+    if (!taskId || !userResponse || userResponse.length === 0) return;
     const data2 = {
       type: "FreeResponse",
       user_response: userResponse
@@ -21047,7 +21082,7 @@ var ProgressIcon_default = ProgressIcon;
 
 // src/components/TasksHeader/TasksHeader.tsx
 import { endOfYear as endOfYear6, getYear as getYear4, startOfYear as startOfYear7 } from "date-fns";
-import classNames69 from "classnames";
+import classNames70 from "classnames";
 import { jsx as jsx220, jsxs as jsxs138 } from "react/jsx-runtime";
 var ICONS = {
   loading: {
@@ -21090,7 +21125,7 @@ var TasksHeader = ({
   const completedTasks = tasks == null ? void 0 : tasks.filter((task) => isComplete(task.status)).length;
   const badgeVariant = completedTasks === (tasks == null ? void 0 : tasks.length) ? ICONS.done : ICONS.pending;
   const minDate = getEarliestDateToBrowse(business);
-  return /* @__PURE__ */ jsx220("div", { className: classNames69("Layer__tasks-header", collapsable && "Layer__tasks-header--collapsable"), children: /* @__PURE__ */ jsxs138("div", { className: "Layer__tasks-header__left-col", children: [
+  return /* @__PURE__ */ jsx220("div", { className: classNames70("Layer__tasks-header", collapsable && "Layer__tasks-header--collapsable"), children: /* @__PURE__ */ jsxs138("div", { className: "Layer__tasks-header__left-col", children: [
     /* @__PURE__ */ jsxs138("div", { className: "Layer__tasks-header__left-col__title", children: [
       /* @__PURE__ */ jsx220(Text, { size: "lg" /* lg */, children: tasksHeader }),
       loadedStatus !== "complete" && !open ? /* @__PURE__ */ jsx220(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon, children: ICONS.loading.text }) : loadedStatus === "complete" && !open && (!tasks || error) ? /* @__PURE__ */ jsx220(
@@ -21194,7 +21229,7 @@ var SmileIcon_default = SmileIcon;
 
 // src/components/TasksListItem/TasksListItem.tsx
 import { useContext as useContext46, useEffect as useEffect41, useMemo as useMemo37, useState as useState56 } from "react";
-import classNames70 from "classnames";
+import classNames71 from "classnames";
 import { Fragment as Fragment36, jsx as jsx222, jsxs as jsxs140 } from "react/jsx-runtime";
 var TasksListItem = ({
   task,
@@ -21211,16 +21246,16 @@ var TasksListItem = ({
     deleteUploadsForTask,
     updateDocUploadTaskDescription
   } = useContext46(TasksContext);
-  const taskBodyClassName = classNames70(
+  const taskBodyClassName = classNames71(
     "Layer__tasks-list-item__body",
     isOpen && "Layer__tasks-list-item__body--expanded",
     isComplete(task.status) && "Layer__tasks-list-item--completed"
   );
-  const taskHeadClassName = classNames70(
+  const taskHeadClassName = classNames71(
     "Layer__tasks-list-item__head-info",
     isComplete(task.status) ? "Layer__tasks-list-item--completed" : "Layer__tasks-list-item--pending"
   );
-  const taskItemClassName = classNames70(
+  const taskItemClassName = classNames71(
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
@@ -21429,7 +21464,7 @@ var TasksList = ({ pageSize = 10 }) => {
 
 // src/components/TasksPending/TasksPending.tsx
 import { useContext as useContext48, useMemo as useMemo39 } from "react";
-import classNames71 from "classnames";
+import classNames72 from "classnames";
 import { endOfMonth as endOfMonth15, format as format4, isAfter as isAfter2, isBefore as isBefore2, parseISO as parseISO18, startOfMonth as startOfMonth17 } from "date-fns";
 import { Cell as Cell4, Pie as Pie3, PieChart as PieChart4 } from "recharts";
 import { jsx as jsx224, jsxs as jsxs142 } from "react/jsx-runtime";
@@ -21452,7 +21487,7 @@ var TasksPending = () => {
       value: data == null ? void 0 : data.filter((task) => !isComplete(task.status)).length
     }
   ];
-  const taskStatusClassName = classNames71(
+  const taskStatusClassName = classNames72(
     completedTasks && completedTasks > 0 ? "Layer__tasks-pending-bar__status--done" : "Layer__tasks-pending-bar__status--pending"
   );
   return /* @__PURE__ */ jsxs142("div", { className: "Layer__tasks-pending", children: [
@@ -21501,11 +21536,11 @@ import { useMemo as useMemo40 } from "react";
 import { endOfMonth as endOfMonth16, format as format5, getMonth as getMonth3, getYear as getYear5, isAfter as isAfter3, isBefore as isBefore3, set, startOfMonth as startOfMonth18 } from "date-fns";
 
 // src/components/TasksMonthSelector/TaskMonthTile.tsx
-import classNames72 from "classnames";
+import classNames73 from "classnames";
 import { jsx as jsx225, jsxs as jsxs143 } from "react/jsx-runtime";
 var TaskMonthTile = ({ monthData, onClick, active, disabled }) => {
   const isCompleted = monthData.total === monthData.completed;
-  const baseClass = classNames72(
+  const baseClass = classNames73(
     "Layer__tasks-month-selector__month",
     isCompleted && "Layer__tasks-month-selector__month--completed",
     active && "Layer__tasks-month-selector__month--active",
@@ -21549,7 +21584,6 @@ var TasksMonthSelector = ({ tasks, year, currentDate, onClick }) => {
         { year, month: i, date: 1, hours: 0, minutes: 0, seconds: 0, milliseconds: 0 }
       );
       const endDate = endOfMonth16(startDate);
-      const disabled = minDate && isBefore3(startDate, minDate) || isAfter3(startDate, startOfMonth18(/* @__PURE__ */ new Date()));
       const taskData = (_a = tasks == null ? void 0 : tasks.find((x) => x.month === i && x.year === year)) != null ? _a : __spreadValues({
         monthStr: format5(startDate, "MMM"),
         year,
@@ -21557,6 +21591,7 @@ var TasksMonthSelector = ({ tasks, year, currentDate, onClick }) => {
         startDate,
         endDate
       }, DEFAULT_TASK_DATA);
+      const disabled = taskData.total === 0 && (minDate && isBefore3(startDate, minDate) || isAfter3(startDate, startOfMonth18(/* @__PURE__ */ new Date())));
       return __spreadValues({
         monthStr: format5(startDate, "MMM"),
         startDate,
@@ -21580,7 +21615,7 @@ var TasksMonthSelector = ({ tasks, year, currentDate, onClick }) => {
 };
 
 // src/components/Tasks/Tasks.tsx
-import classNames73 from "classnames";
+import classNames74 from "classnames";
 import { endOfYear as endOfYear7, getYear as getYear6, startOfYear as startOfYear8 } from "date-fns";
 import { Fragment as Fragment38, jsx as jsx227, jsxs as jsxs144 } from "react/jsx-runtime";
 var UseTasksContext = createContext21({
@@ -21670,7 +21705,7 @@ var TasksComponent = ({
   return /* @__PURE__ */ jsxs144(
     "div",
     {
-      className: classNames73(
+      className: classNames74(
         "Layer__tasks-component",
         collapsable && "Layer__tasks-component--collapsable"
       ),
@@ -21688,7 +21723,7 @@ var TasksComponent = ({
         /* @__PURE__ */ jsx227(
           "div",
           {
-            className: classNames73(
+            className: classNames74(
               "Layer__tasks__content",
               !open && "Layer__tasks__content--collapsed"
             ),
@@ -21850,7 +21885,7 @@ function LinkAccountsConfirmationStep() {
         ) }, index)
       }
     ) }),
-    /* @__PURE__ */ jsxs146(HStack, { pbs: "lg", justify: "end", gap: "sm", children: [
+    /* @__PURE__ */ jsxs146(HStack, { pbs: "lg", gap: "sm", children: [
       /* @__PURE__ */ jsx229(Button, { variant: "secondary" /* secondary */, onClick: previous, children: "Back" }),
       /* @__PURE__ */ jsx229(
         Subscribe,
@@ -21882,7 +21917,16 @@ function LinkAccountsConfirmationStep() {
 // src/components/PlatformOnboarding/Steps/LinkAccountsLinkStep.tsx
 import { useContext as useContext52 } from "react";
 import pluralize from "pluralize";
-import { Fragment as Fragment39, jsx as jsx230, jsxs as jsxs147 } from "react/jsx-runtime";
+
+// src/components/Separator/Separator.tsx
+import { jsx as jsx230 } from "react/jsx-runtime";
+var Separator = ({ mbs, mbe }) => {
+  const dataProperties = toDataProperties({ mbs, mbe });
+  return /* @__PURE__ */ jsx230("div", __spreadValues({ className: "Layer__separator" }, dataProperties));
+};
+
+// src/components/PlatformOnboarding/Steps/LinkAccountsLinkStep.tsx
+import { Fragment as Fragment39, jsx as jsx231, jsxs as jsxs147 } from "react/jsx-runtime";
 function LinkAccountsLinkStep() {
   const {
     data,
@@ -21894,47 +21938,56 @@ function LinkAccountsLinkStep() {
   const { next } = useWizard();
   const effectiveAccounts = data != null ? data : [];
   return /* @__PURE__ */ jsxs147(Fragment39, { children: [
-    /* @__PURE__ */ jsx230(
+    /* @__PURE__ */ jsx231(
       ConditionalList,
       {
         list: effectiveAccounts,
-        Empty: /* @__PURE__ */ jsxs147(VStack, { gap: "2xs", pbe: "md", children: [
-          /* @__PURE__ */ jsx230(P, { variant: "subtle", size: "lg", children: "Connect your bank accounts and credit cards to automatically import your business transactions." }),
-          /* @__PURE__ */ jsx230(HStack, { pbs: "lg", justify: "center", children: /* @__PURE__ */ jsx230(
-            Button,
+        Empty: /* @__PURE__ */ jsxs147(VStack, { gap: "xl", pbe: "md", children: [
+          /* @__PURE__ */ jsx231(Text, { status: "disabled", children: "Connect your bank accounts and credit cards to automatically import your business transactions." }),
+          /* @__PURE__ */ jsx231(
+            ActionableRow,
             {
-              onClick: () => {
-                addConnection("PLAID");
-              },
-              rightIcon: /* @__PURE__ */ jsx230(Link_default, { size: 12 }),
-              disabled: loadingStatus !== "complete",
-              children: "Connect my bank"
+              iconBox: /* @__PURE__ */ jsx231(PlaidIcon_default, {}),
+              title: "Connect my bank",
+              description: "Import data with one simple integration.",
+              button: /* @__PURE__ */ jsx231(
+                Button,
+                {
+                  onClick: () => addConnection("PLAID"),
+                  rightIcon: /* @__PURE__ */ jsx231(Link_default, { size: 12 }),
+                  disabled: loadingStatus !== "complete",
+                  children: "Connect"
+                }
+              )
             }
-          ) })
+          )
         ] }),
         Container: ({ children }) => /* @__PURE__ */ jsxs147(VStack, { children: [
           /* @__PURE__ */ jsxs147(VStack, { gap: "2xs", pbe: "md", children: [
-            /* @__PURE__ */ jsx230(Heading2, { level: 3, size: "sm", children: `We've found ${pluralize("account", effectiveAccounts.length, true)}` }),
-            /* @__PURE__ */ jsx230(P, { variant: "subtle", children: "You'll have the chance to remove any accounts you don't use for your business in the next step." })
+            /* @__PURE__ */ jsx231(Heading2, { level: 3, size: "sm", children: `We've found ${pluralize("account", effectiveAccounts.length, true)}` }),
+            /* @__PURE__ */ jsx231(Text, { status: "disabled", children: "You'll have the chance to remove any accounts you don't use for your business in the next step." })
           ] }),
-          /* @__PURE__ */ jsx230(LinkAccountsListContainer, { children }),
-          /* @__PURE__ */ jsxs147(VStack, { pbs: "xl", gap: "sm", children: [
-            /* @__PURE__ */ jsx230(Heading2, { level: 3, align: "center", children: "Do you use any other bank accounts or credit cards for your business?" }),
-            /* @__PURE__ */ jsx230(HStack, { justify: "center", pbe: "sm", children: /* @__PURE__ */ jsx230(
-              Button,
-              {
-                onClick: () => {
-                  addConnection("PLAID");
-                },
-                rightIcon: /* @__PURE__ */ jsx230(Link_default, { size: 12 }),
-                disabled: loadingStatus !== "complete",
-                children: "Link another bank"
-              }
-            ) })
-          ] })
+          /* @__PURE__ */ jsx231(LinkAccountsListContainer, { children }),
+          /* @__PURE__ */ jsx231(VStack, { pbs: "xl", children: /* @__PURE__ */ jsx231(
+            ActionableRow,
+            {
+              iconBox: /* @__PURE__ */ jsx231(PlaidIcon_default, {}),
+              title: "Connect my next bank account",
+              description: "Import data with one simple integration.",
+              button: /* @__PURE__ */ jsx231(
+                Button,
+                {
+                  onClick: () => addConnection("PLAID"),
+                  rightIcon: /* @__PURE__ */ jsx231(Link_default, { size: 12 }),
+                  disabled: loadingStatus !== "complete",
+                  children: "Connect next"
+                }
+              )
+            }
+          ) })
         ] }),
         isError: Boolean(error),
-        Error: /* @__PURE__ */ jsx230(
+        Error: /* @__PURE__ */ jsx231(
           DataState,
           {
             status: "failed" /* failed */,
@@ -21946,20 +21999,23 @@ function LinkAccountsLinkStep() {
           }
         ),
         isLoading: loadingStatus === "loading" || loadingStatus === "initial",
-        Loading: /* @__PURE__ */ jsx230(Loader2, {}),
-        children: ({ item: account }) => /* @__PURE__ */ jsx230(BasicLinkedAccountContainer, { isSelected: true, children: /* @__PURE__ */ jsx230(BasicLinkedAccountContent, { account }) }, account.id)
+        Loading: /* @__PURE__ */ jsx231(Loader2, {}),
+        children: ({ item: account }) => /* @__PURE__ */ jsx231(BasicLinkedAccountContainer, { isSelected: true, children: /* @__PURE__ */ jsx231(BasicLinkedAccountContent, { account }) }, account.id)
       }
     ),
-    effectiveAccounts.length > 0 ? /* @__PURE__ */ jsx230(HStack, { pbs: "lg", justify: "end", gap: "sm", children: /* @__PURE__ */ jsx230(Button, { onClick: () => {
-      void next();
-    }, rightIcon: /* @__PURE__ */ jsx230(ChevronRight_default, {}), children: "I\u2019m done linking my banks" }) }) : null
+    effectiveAccounts.length > 0 ? /* @__PURE__ */ jsxs147(Fragment39, { children: [
+      /* @__PURE__ */ jsx231(Separator, { mbs: "lg", mbe: "lg" }),
+      /* @__PURE__ */ jsx231(HStack, { justify: "start", gap: "sm", children: /* @__PURE__ */ jsx231(Button, { onClick: () => {
+        void next();
+      }, rightIcon: /* @__PURE__ */ jsx231(ChevronRight_default, {}), children: "I\u2019m done linking my banks" }) })
+    ] }) : null
   ] });
 }
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-import { jsx as jsx231, jsxs as jsxs148 } from "react/jsx-runtime";
+import { jsx as jsx232, jsxs as jsxs148 } from "react/jsx-runtime";
 function LinkAccounts(props) {
-  return /* @__PURE__ */ jsx231(LinkedAccountsProvider, { children: /* @__PURE__ */ jsx231(LinkAccountsContent, __spreadValues({}, props)) });
+  return /* @__PURE__ */ jsx232(LinkedAccountsProvider, { children: /* @__PURE__ */ jsx232(LinkAccountsContent, __spreadValues({}, props)) });
 }
 function LinkAccountsContent({
   onComplete
@@ -21967,82 +22023,1149 @@ function LinkAccountsContent({
   const { data: linkedAccounts, loadingStatus } = useContext53(LinkedAccountsContext);
   const linkedAccountsNeedingConfirmation = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const hideConfirmationStep = loadingStatus === "complete" && linkedAccountsNeedingConfirmation.length === 0;
-  return /* @__PURE__ */ jsx231("section", { className: "Layer__link-accounts Layer__component", children: /* @__PURE__ */ jsxs148(
+  return /* @__PURE__ */ jsx232("section", { className: "Layer__link-accounts Layer__component", children: /* @__PURE__ */ jsxs148(
     Wizard,
     {
-      Header: /* @__PURE__ */ jsx231(Heading2, { level: 2, pbe: "md", children: "Link your bank accounts and credit cards" }),
+      Header: /* @__PURE__ */ jsx232(Heading2, { children: "Link your bank accounts and credit cards" }),
       Footer: null,
       onComplete,
       children: [
-        /* @__PURE__ */ jsx231(LinkAccountsLinkStep, {}),
-        hideConfirmationStep ? null : /* @__PURE__ */ jsx231(LinkAccountsConfirmationStep, {})
+        /* @__PURE__ */ jsx232(LinkAccountsLinkStep, {}),
+        hideConfirmationStep ? null : /* @__PURE__ */ jsx232(LinkAccountsConfirmationStep, {})
       ]
     }
   ) });
 }
 
-// src/icons/Coffee.tsx
-import { jsx as jsx232, jsxs as jsxs149 } from "react/jsx-runtime";
-var CoffeeIcon = (_a) => {
-  var _b = _a, { size = 11 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ jsxs149(
+// src/components/PlatformOnboarding/PlatformOnboarding.tsx
+import { useState as useState61 } from "react";
+
+// src/components/ProgressSteps/ProgressSteps.tsx
+import { jsx as jsx233, jsxs as jsxs149 } from "react/jsx-runtime";
+var ProgressSteps = ({ steps, currentStep }) => {
+  return /* @__PURE__ */ jsx233("div", { className: "Layer__progress-steps", children: steps.map((step, index) => {
+    const dataProperties = toDataProperties({ active: index <= currentStep, complete: currentStep > index });
+    return /* @__PURE__ */ jsx233(
+      "div",
+      {
+        className: "Layer__progress-steps--step-wrapper",
+        children: /* @__PURE__ */ jsxs149("div", __spreadProps(__spreadValues({ className: "Layer__progress-steps--step" }, dataProperties), { children: [
+          index < steps.length - 1 && /* @__PURE__ */ jsx233("div", { className: "Layer__progress-steps--step-line" }),
+          /* @__PURE__ */ jsx233("div", { className: "Layer__progress-steps--circle", children: index < currentStep && /* @__PURE__ */ jsx233(Check_default, { size: 10 }) }),
+          /* @__PURE__ */ jsx233("div", { className: "Layer__progress-steps--label", children: /* @__PURE__ */ jsx233(Text, { size: "sm" /* sm */, children: step }) })
+        ] }))
+      },
+      index
+    );
+  }) });
+};
+
+// src/icons/Document.tsx
+import { jsx as jsx234, jsxs as jsxs150 } from "react/jsx-runtime";
+var Document = (_a) => {
+  var _b = _a, { size = 20 } = _b, props = __objRest(_b, ["size"]);
+  return /* @__PURE__ */ jsxs150(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 12 12",
+      viewBox: "0 0 20 20",
       fill: "none"
     }, props), {
       width: size,
       height: size,
       children: [
-        /* @__PURE__ */ jsxs149("g", { clipPath: "url(#clip0_5018_10141)", children: [
-          /* @__PURE__ */ jsx232(
-            "path",
-            {
-              d: "M3.25 4.16666H2.79167C2.30544 4.16666 1.83912 4.35981 1.4953 4.70363C1.15149 5.04744 0.958333 5.51376 0.958333 5.99999C0.958333 6.48622 1.15149 6.95254 1.4953 7.29635C1.83912 7.64017 2.30544 7.83332 2.79167 7.83332H3.25",
-              stroke: "currentColor",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ),
-          /* @__PURE__ */ jsx232(
-            "path",
-            {
-              d: "M10.5834 4.16666H3.25004V8.29166C3.25004 8.77789 3.4432 9.2442 3.78701 9.58802C4.13083 9.93184 4.59714 10.125 5.08337 10.125H8.75004C9.23627 10.125 9.70259 9.93184 10.0464 9.58802C10.3902 9.2442 10.5834 8.77789 10.5834 8.29166V4.16666Z",
-              stroke: "currentColor",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ),
-          /* @__PURE__ */ jsx232(
-            "path",
-            {
-              d: "M8.75 0.958344V2.33334",
-              stroke: "currentColor",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ),
-          /* @__PURE__ */ jsx232(
-            "path",
-            {
-              d: "M6.91663 0.958344V2.33334",
-              stroke: "currentColor",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ),
-          /* @__PURE__ */ jsx232(
-            "path",
-            {
-              d: "M5.08337 0.958344V2.33334",
-              stroke: "currentColor",
-              strokeLinecap: "round",
+        /* @__PURE__ */ jsx234(
+          "path",
+          {
+            d: "M11.6667 1.66666H5.00004C4.55801 1.66666 4.13409 1.84226 3.82153 2.15482C3.50897 2.46738 3.33337 2.8913 3.33337 3.33333V16.6667C3.33337 17.1087 3.50897 17.5326 3.82153 17.8452C4.13409 18.1577 4.55801 18.3333 5.00004 18.3333H15C15.4421 18.3333 15.866 18.1577 16.1786 17.8452C16.4911 17.5326 16.6667 17.1087 16.6667 16.6667V6.66666L11.6667 1.66666Z",
+            stroke: "white",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx234(
+          "path",
+          {
+            d: "M11.6667 1.66666H5.00004C4.55801 1.66666 4.13409 1.84226 3.82153 2.15482C3.50897 2.46738 3.33337 2.8913 3.33337 3.33333V16.6667C3.33337 17.1087 3.50897 17.5326 3.82153 17.8452C4.13409 18.1577 4.55801 18.3333 5.00004 18.3333H15C15.4421 18.3333 15.866 18.1577 16.1786 17.8452C16.4911 17.5326 16.6667 17.1087 16.6667 16.6667V6.66666L11.6667 1.66666Z",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx234(
+          "path",
+          {
+            d: "M11.6666 1.66666V6.66666H16.6666",
+            stroke: "white",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx234(
+          "path",
+          {
+            d: "M11.6666 1.66666V6.66666H16.6666",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx234(
+          "path",
+          {
+            d: "M13.3333 10.8333H6.66663",
+            stroke: "white",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx234(
+          "path",
+          {
+            d: "M13.3333 10.8333H6.66663",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx234(
+          "path",
+          {
+            d: "M13.3333 14.1667H6.66663",
+            stroke: "white",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx234(
+          "path",
+          {
+            d: "M13.3333 14.1667H6.66663",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx234(
+          "path",
+          {
+            d: "M8.33329 7.5H7.49996H6.66663",
+            stroke: "white",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx234(
+          "path",
+          {
+            d: "M8.33329 7.5H7.49996H6.66663",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+var Document_default = Document;
+
+// src/icons/TrendingUp.tsx
+import { jsx as jsx235, jsxs as jsxs151 } from "react/jsx-runtime";
+var TrendingUp = (_a) => {
+  var _b = _a, { size = 20 } = _b, props = __objRest(_b, ["size"]);
+  return /* @__PURE__ */ jsxs151(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "none"
+    }, props), {
+      width: size,
+      height: size,
+      children: [
+        /* @__PURE__ */ jsx235(
+          "path",
+          {
+            d: "M19.1667 5L11.25 12.9167L7.08337 8.75L0.833374 15",
+            stroke: "white",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx235(
+          "path",
+          {
+            d: "M19.1667 5L11.25 12.9167L7.08337 8.75L0.833374 15",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx235(
+          "path",
+          {
+            d: "M14.1666 5H19.1666V10",
+            stroke: "white",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx235(
+          "path",
+          {
+            d: "M14.1666 5H19.1666V10",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+var TrendingUp_default = TrendingUp;
+
+// src/components/PlatformOnboarding/Steps/WelcomeStep.tsx
+import { Fragment as Fragment40, jsx as jsx236, jsxs as jsxs152 } from "react/jsx-runtime";
+var defaultTitle = "Welcome";
+var defaultDescription = "Welcome to the platform onboarding process";
+var WelcomeStep = ({ onNext, title = defaultTitle, description, stepsEnabled }) => {
+  const buildDescription = () => {
+    if (description) {
+      return description;
+    }
+    if (stepsEnabled) {
+      let text = "In this flow we\u2019ll ";
+      if (stepsEnabled.includes("business-info")) {
+        text += "confirm your business information, ";
+      }
+      if (stepsEnabled.includes("link-accounts")) {
+        text += "connect your financial accounts, ";
+      }
+      text += "and start managing your books like a pro.";
+      return text;
+    }
+    return defaultDescription;
+  };
+  return /* @__PURE__ */ jsxs152(Fragment40, { children: [
+    /* @__PURE__ */ jsxs152("div", { className: "Layer__platform-onboarding__welcome", children: [
+      /* @__PURE__ */ jsx236(Heading, { className: "Layer__platform-onboarding__heading", align: "left", children: title }),
+      /* @__PURE__ */ jsx236(Text, { status: "disabled", children: buildDescription() })
+    ] }),
+    /* @__PURE__ */ jsx236(Button, { onClick: onNext, children: "Get started" })
+  ] });
+};
+var WelcomeStepFooter = () => {
+  return /* @__PURE__ */ jsxs152("div", { className: "Layer__platform-onboarding__welcome-footer", children: [
+    /* @__PURE__ */ jsxs152("div", { className: "Layer__platform-onboarding__welcome-footer__content", children: [
+      /* @__PURE__ */ jsxs152("div", { className: "Layer__platform-onboarding__welcome-footer__header", children: [
+        /* @__PURE__ */ jsx236(Heading, { align: "left", children: "How it works" }),
+        /* @__PURE__ */ jsx236(Text, { status: "disabled", children: "Discover how seamless accounting can transform your business." })
+      ] }),
+      /* @__PURE__ */ jsxs152(VStack, { gap: "lg", children: [
+        /* @__PURE__ */ jsxs152(VStack, { gap: "xs", children: [
+          /* @__PURE__ */ jsxs152(HStack, { gap: "xs", children: [
+            /* @__PURE__ */ jsx236(TrendingUp_default, {}),
+            /* @__PURE__ */ jsx236(Heading, { size: "secondary" /* secondary */, children: "Understand your business health" })
+          ] }),
+          /* @__PURE__ */ jsx236(Text, { status: "disabled", children: "Get an accurate picture of your financial performance and insight into how to grow your profit." })
+        ] }),
+        /* @__PURE__ */ jsxs152(VStack, { gap: "xs", children: [
+          /* @__PURE__ */ jsxs152(HStack, { gap: "xs", children: [
+            /* @__PURE__ */ jsx236(Document_default, {}),
+            /* @__PURE__ */ jsx236(Heading, { size: "secondary" /* secondary */, children: "Be ready for tax time" })
+          ] }),
+          /* @__PURE__ */ jsx236(Text, { status: "disabled", children: "Keep your business finances organized to avoid paying more taxes than needed or IRS fines at tax time." })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs152("div", { className: "Layer__platform-onboarding__welcome-footer__images", children: [
+      /* @__PURE__ */ jsxs152("div", { className: "Layer__platform-onboarding__welcome-footer__image", children: [
+        /* @__PURE__ */ jsx236("div", { className: "Layer__platform__onboarding__welcome-footer__image-wrapper", children: /* @__PURE__ */ jsx236(
+          "img",
+          {
+            src: "https://layer-public.s3.us-west-2.amazonaws.com/site-images/linked-accounts.png",
+            alt: "Connect your accounts"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs152("div", { className: "Layer__platform__onboarding__welcome-footer__image-text", children: [
+          /* @__PURE__ */ jsx236(Heading, { size: "secondary" /* secondary */, children: "Connect your accounts" }),
+          /* @__PURE__ */ jsx236(Text, { as: "p", children: "Connect your bank accounts and credit cards to see a complete picture of your business finances." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs152("div", { className: "Layer__platform-onboarding__welcome-footer__image", children: [
+        /* @__PURE__ */ jsx236("div", { className: "Layer__platform__onboarding__welcome-footer__image-wrapper", children: /* @__PURE__ */ jsx236(
+          "img",
+          {
+            src: "https://layer-public.s3.us-west-2.amazonaws.com/site-images/bookkeeping-tasks.png",
+            alt: "Bookkeeping tasks"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs152("div", { className: "Layer__platform__onboarding__welcome-footer__image-text", children: [
+          /* @__PURE__ */ jsx236(Heading, { size: "secondary" /* secondary */, children: "Ongoing monthly bookkeeping" }),
+          /* @__PURE__ */ jsx236(Text, { as: "p", children: "Receive a monthly report of your financial performance to review with your PSM." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs152("div", { className: "Layer__platform-onboarding__welcome-footer__image", children: [
+        /* @__PURE__ */ jsx236("div", { className: "Layer__platform__onboarding__welcome-footer__image-wrapper", children: /* @__PURE__ */ jsx236(
+          "img",
+          {
+            src: "https://layer-public.s3.us-west-2.amazonaws.com/site-images/revenue.png",
+            alt: "Profitability"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs152("div", { className: "Layer__platform__onboarding__welcome-footer__image-text", children: [
+          /* @__PURE__ */ jsx236(Heading, { size: "secondary" /* secondary */, children: "See your profitability" }),
+          /* @__PURE__ */ jsx236(Text, { as: "p", children: "Our bookkeeping team organized and categorizes your business transactions." })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/PlatformOnboarding/Steps/SummaryStep.tsx
+import { Fragment as Fragment41, jsx as jsx237, jsxs as jsxs153 } from "react/jsx-runtime";
+var defaultTitle2 = "You\u2019re all set!";
+var defaultDescription2 = "We\u2019re syncing your accounts. This process may take a while to complete.";
+var defaultNextBtnText = "Go to dashboard";
+var SummaryStep = ({ onNext, title = defaultTitle2, description = defaultDescription2, nextBtnText = defaultNextBtnText }) => {
+  return /* @__PURE__ */ jsxs153(Fragment41, { children: [
+    /* @__PURE__ */ jsxs153("div", { className: "Layer__platform-onboarding__summary", children: [
+      /* @__PURE__ */ jsx237(Heading, { className: "Layer__platform-onboarding__heading", align: "left", children: title }),
+      /* @__PURE__ */ jsx237(Text, { status: "disabled", children: description })
+    ] }),
+    /* @__PURE__ */ jsx237(Button, { onClick: onNext, children: nextBtnText })
+  ] });
+};
+
+// src/utils/form.ts
+var notEmpty = (value) => {
+  if (!value) {
+    return false;
+  }
+  return value.trim().length > 0;
+};
+var validateEmailFormat = (email, required = false) => {
+  if (!email) {
+    return !required;
+  }
+  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+};
+
+// src/components/BusinessForm/useBusinessForm.ts
+import { useForm as useForm2, useStore as useStore3 } from "@tanstack/react-form";
+
+// src/hooks/businessPersonnel/useBusinessPersonnel.ts
+import useSWR15 from "swr";
+
+// src/utils/array/readonlyTransformations.ts
+function mapReadonly(array, callbackFn) {
+  return array.map(callbackFn);
+}
+function filterReadonly(array, predicate) {
+  return array.filter(predicate);
+}
+
+// src/hooks/businessPersonnel/types.ts
+var PERSONNEL_ROLES = ["ACCOUNTANT", "ADMINISTRATOR", "OWNER"];
+function isPersonnelRole(role) {
+  return PERSONNEL_ROLES.includes(role);
+}
+
+// src/hooks/businessPersonnel/useBusinessPersonnel.ts
+var BUSINESS_PERSONNEL_TAG_KEY = "#business-personnel";
+function buildKey13({
+  access_token: accessToken,
+  apiUrl,
+  businessId
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      tags: [BUSINESS_PERSONNEL_TAG_KEY]
+    };
+  }
+}
+var getBusinessPersonnel = get(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
+function useBusinessPersonnel() {
+  const { data } = useAuth();
+  const { businessId } = useLayerContext();
+  return useSWR15(
+    () => buildKey13(__spreadProps(__spreadValues({}, data), {
+      businessId
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2 }) => getBusinessPersonnel(
+      apiUrl,
+      accessToken,
+      {
+        params: { businessId: businessId2 }
+      }
+    )().then(({ data: data2 }) => data2.map(({
+      id,
+      full_name: fullName,
+      preferred_name: preferredName,
+      external_id: externalId,
+      email_addresses,
+      phone_numbers,
+      roles
+    }) => ({
+      id,
+      fullName,
+      preferredName,
+      externalId,
+      emailAddresses: mapReadonly(
+        email_addresses,
+        ({ id: id2, email_address: emailAddress }) => ({ id: id2, emailAddress })
+      ),
+      phoneNumbers: mapReadonly(
+        phone_numbers,
+        ({ id: id2, phone_number: phoneNumber }) => ({ id: id2, phoneNumber })
+      ),
+      roles: filterReadonly(
+        roles,
+        (roleEntity) => isPersonnelRole(roleEntity.role)
+      )
+    })))
+  );
+}
+
+// src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
+import useSWRMutation7 from "swr/mutation";
+import { useSWRConfig } from "swr";
+
+// src/utils/swr/withSWRKeyTags.ts
+function withSWRKeyTags(key, predicate) {
+  if (typeof key !== "object" || key === null || !("tags" in key)) {
+    return false;
+  }
+  return isStringArray(key.tags) ? predicate(key.tags) : false;
+}
+
+// src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
+var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
+function buildKey14({
+  access_token: accessToken,
+  apiUrl,
+  businessId
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      tags: [`${BUSINESS_PERSONNEL_TAG_KEY}:create`]
+    };
+  }
+}
+function useCreateBusinessPersonnel() {
+  const { data } = useAuth();
+  const { businessId } = useLayerContext();
+  const { mutate } = useSWRConfig();
+  const mutationResponse = useSWRMutation7(
+    () => buildKey14(__spreadProps(__spreadValues({}, data), {
+      businessId
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2 }, { arg: body }) => createBusinessPersonnel(
+      apiUrl,
+      accessToken,
+      {
+        params: { businessId: businessId2 },
+        body
+      }
+    ).then(({ data: data2 }) => data2),
+    {
+      revalidate: false,
+      throwOnError: false
+    }
+  );
+  const { trigger: originalTrigger } = mutationResponse;
+  return Object.assign(
+    mutationResponse,
+    {
+      trigger: (...triggerParameters) => __async(this, null, function* () {
+        const data2 = yield originalTrigger(...triggerParameters);
+        if (data2) {
+          yield mutate((key) => withSWRKeyTags(key, (tags) => tags.includes(BUSINESS_PERSONNEL_TAG_KEY)));
+        }
+        return data2;
+      })
+    }
+  );
+}
+
+// src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
+import useSWRMutation8 from "swr/mutation";
+import { useSWRConfig as useSWRConfig2 } from "swr";
+
+// src/api/layer/businessPersonnel/updateBusinessPersonnel.ts
+var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
+  return `/v1/businesses/${businessId}/personnel/${businessPersonnelId}/update`;
+});
+
+// src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
+function buildKey15({
+  access_token: accessToken,
+  apiUrl,
+  businessId,
+  businessPersonnelId
+}) {
+  if (accessToken && apiUrl && businessPersonnelId) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      businessPersonnelId,
+      tags: [`${BUSINESS_PERSONNEL_TAG_KEY}:${businessPersonnelId}`]
+    };
+  }
+}
+function useUpdateBusinessPersonnel({ businessPersonnelId }) {
+  const { data } = useAuth();
+  const { businessId } = useLayerContext();
+  const { mutate } = useSWRConfig2();
+  const mutationResponse = useSWRMutation8(
+    () => buildKey15(__spreadProps(__spreadValues({}, data), {
+      businessId,
+      businessPersonnelId
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2, businessPersonnelId: businessPersonnelId2 }, { arg: body }) => updateBusinessPersonnel(
+      apiUrl,
+      accessToken,
+      {
+        params: {
+          businessId: businessId2,
+          businessPersonnelId: businessPersonnelId2
+        },
+        body
+      }
+    ).then(({ data: data2 }) => data2),
+    {
+      revalidate: false,
+      throwOnError: false
+    }
+  );
+  const { trigger: originalTrigger } = mutationResponse;
+  return Object.assign(
+    mutationResponse,
+    {
+      trigger: (...triggerParameters) => __async(this, null, function* () {
+        const data2 = yield originalTrigger(...triggerParameters);
+        if (data2) {
+          yield mutate((key) => withSWRKeyTags(key, (tags) => tags.includes(BUSINESS_PERSONNEL_TAG_KEY)));
+        }
+        return data2;
+      })
+    }
+  );
+}
+
+// src/hooks/business/useUpdateBusiness.ts
+import useSWRMutation9 from "swr/mutation";
+import { useSWRConfig as useSWRConfig3 } from "swr";
+var BUSINESS_TAG_KEY = "business";
+function buildKey16({
+  access_token: accessToken,
+  apiUrl,
+  businessId
+}) {
+  if (accessToken && apiUrl && businessId) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      tags: [`${BUSINESS_TAG_KEY}:${businessId}`]
+    };
+  }
+}
+function useUpdateBusiness() {
+  const { data } = useAuth();
+  const { businessId } = useLayerContext();
+  const { mutate } = useSWRConfig3();
+  const mutationResponse = useSWRMutation9(
+    () => buildKey16(__spreadProps(__spreadValues({}, data), {
+      businessId
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2 }, { arg: body }) => updateBusiness(
+      apiUrl,
+      accessToken,
+      {
+        params: { businessId: businessId2 },
+        body
+      }
+    ).then(({ data: data2 }) => data2),
+    {
+      revalidate: false,
+      throwOnError: false
+    }
+  );
+  const { trigger: originalTrigger } = mutationResponse;
+  return Object.assign(
+    mutationResponse,
+    {
+      trigger: (...triggerParameters) => __async(this, null, function* () {
+        const data2 = yield originalTrigger(...triggerParameters);
+        if (data2) {
+          yield mutate((key) => withSWRKeyTags(key, (tags) => tags.includes(BUSINESS_TAG_KEY)));
+        }
+        return data2;
+      })
+    }
+  );
+}
+
+// src/components/BusinessForm/useBusinessForm.ts
+import { useState as useState60 } from "react";
+var getPerson = (personnel) => {
+  const owners = personnel == null ? void 0 : personnel.filter((p) => p.roles.find((x) => x.role === "OWNER"));
+  if (owners && owners.length > 0) {
+    return owners[0];
+  }
+  return personnel == null ? void 0 : personnel[0];
+};
+var useBusinessForm = ({ onSuccess }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const { business } = useLayerContext();
+  const [submitError, setSubmitError] = useState60(void 0);
+  const { data: personnel } = useBusinessPersonnel();
+  const person = getPerson(personnel);
+  const { trigger: createBusinessPersonnel2 } = useCreateBusinessPersonnel();
+  const { trigger: updateBusinessPersonnel2 } = useUpdateBusinessPersonnel({ businessPersonnelId: person == null ? void 0 : person.id });
+  const { trigger: updateBusiness2 } = useUpdateBusiness();
+  const form = useForm2({
+    defaultValues: {
+      full_name: (_a = person == null ? void 0 : person.fullName) != null ? _a : void 0,
+      preferred_name: (_b = person == null ? void 0 : person.preferredName) != null ? _b : void 0,
+      phone_number: (_d = (_c = person == null ? void 0 : person.phoneNumbers) == null ? void 0 : _c[0]) == null ? void 0 : _d.phoneNumber,
+      email: (_f = (_e = person == null ? void 0 : person.emailAddresses) == null ? void 0 : _e[0]) == null ? void 0 : _f.emailAddress,
+      legal_name: (_g = business == null ? void 0 : business.legal_name) != null ? _g : void 0,
+      entity_type: (_h = business == null ? void 0 : business.entity_type) != null ? _h : void 0,
+      us_state: (_i = business == null ? void 0 : business.us_state) != null ? _i : void 0,
+      tin: business == null ? void 0 : business.tin
+    },
+    onSubmit: (_0) => __async(void 0, [_0], function* ({ value }) {
+      var _a2;
+      try {
+        setSubmitError(void 0);
+        if (person) {
+          yield updateBusinessPersonnel2({
+            id: person.id,
+            full_name: value.full_name,
+            preferred_name: value.preferred_name,
+            email_addresses: value.email ? [{ email_address: value.email }] : [],
+            phone_numbers: value.phone_number ? [{ phone_number: value.phone_number }] : []
+          });
+        } else {
+          if (value.full_name) {
+            yield createBusinessPersonnel2({
+              full_name: value.full_name,
+              preferred_name: (_a2 = value.preferred_name) != null ? _a2 : null,
+              email_addresses: value.email ? [{ email_address: value.email }] : [],
+              phone_numbers: value.phone_number ? [{ phone_number: value.phone_number }] : [],
+              external_id: null,
+              roles: [{ role: "OWNER" }]
+            });
+          }
+        }
+        yield updateBusiness2({
+          legal_name: value.legal_name,
+          entity_type: value.entity_type,
+          us_state: value.us_state,
+          tin: value.tin
+        });
+        onSuccess == null ? void 0 : onSuccess();
+      } catch (e) {
+        setSubmitError("Something went wrong. Please try again.");
+      }
+    })
+  });
+  const isFormValid = useStore3(form.store, (state) => state.isValid);
+  return { form, submitError, isFormValid };
+};
+
+// src/components/Input/FormSection.tsx
+import { jsx as jsx238, jsxs as jsxs154 } from "react/jsx-runtime";
+var FormSection = ({ children, title }) => {
+  return /* @__PURE__ */ jsxs154(VStack, { className: "Layer__form-section", gap: "sm", children: [
+    title && /* @__PURE__ */ jsx238(
+      Text,
+      {
+        className: "Layer__form-section__title",
+        size: "sm" /* sm */,
+        weight: "bold" /* bold */,
+        children: title
+      }
+    ),
+    children
+  ] });
+};
+
+// src/components/Input/BusinessTypeSelect.tsx
+import { jsx as jsx239 } from "react/jsx-runtime";
+var findSelectOption = (options, value) => {
+  if (!value) {
+    return void 0;
+  }
+  return options.find((o) => o.value === value);
+};
+var BusinessTypeSelect = ({ value, onChange }) => {
+  const entityTypeOptions = ENTITY_TYPES;
+  return /* @__PURE__ */ jsx239(
+    Select,
+    {
+      options: entityTypeOptions,
+      value: findSelectOption(entityTypeOptions, value),
+      onChange: (option) => onChange(option == null ? void 0 : option.value)
+    }
+  );
+};
+
+// src/types/location.ts
+var US_STATES = [
+  { value: "AL", label: "Alabama" },
+  { value: "AK", label: "Alaska" },
+  { value: "AZ", label: "Arizona" },
+  { value: "AR", label: "Arkansas" },
+  { value: "CA", label: "California" },
+  { value: "CO", label: "Colorado" },
+  { value: "CT", label: "Connecticut" },
+  { value: "DE", label: "Delaware" },
+  { value: "DC", label: "District of Columbia" },
+  { value: "FL", label: "Florida" },
+  { value: "GA", label: "Georgia" },
+  { value: "HI", label: "Hawaii" },
+  { value: "ID", label: "Idaho" },
+  { value: "IL", label: "Illinois" },
+  { value: "IN", label: "Indiana" },
+  { value: "IA", label: "Iowa" },
+  { value: "KS", label: "Kansas" },
+  { value: "KY", label: "Kentucky" },
+  { value: "LA", label: "Louisiana" },
+  { value: "ME", label: "Maine" },
+  { value: "MD", label: "Maryland" },
+  { value: "MA", label: "Massachusetts" },
+  { value: "MI", label: "Michigan" },
+  { value: "MN", label: "Minnesota" },
+  { value: "MS", label: "Mississippi" },
+  { value: "MO", label: "Missouri" },
+  { value: "MT", label: "Montana" },
+  { value: "NE", label: "Nebraska" },
+  { value: "NV", label: "Nevada" },
+  { value: "NH", label: "New Hampshire" },
+  { value: "NJ", label: "New Jersey" },
+  { value: "NM", label: "New Mexico" },
+  { value: "NY", label: "New York" },
+  { value: "NC", label: "North Carolina" },
+  { value: "ND", label: "North Dakota" },
+  { value: "OH", label: "Ohio" },
+  { value: "OK", label: "Oklahoma" },
+  { value: "OR", label: "Oregon" },
+  { value: "PA", label: "Pennsylvania" },
+  { value: "RI", label: "Rhode Island" },
+  { value: "SC", label: "South Carolina" },
+  { value: "SD", label: "South Dakota" },
+  { value: "TN", label: "Tennessee" },
+  { value: "TX", label: "Texas" },
+  { value: "UT", label: "Utah" },
+  { value: "VT", label: "Vermont" },
+  { value: "VA", label: "Virginia" },
+  { value: "WA", label: "Washington" },
+  { value: "WV", label: "West Virginia" },
+  { value: "WI", label: "Wisconsin" },
+  { value: "WY", label: "Wyoming" },
+  { value: "PR", label: "Puerto Rico" }
+];
+
+// src/components/Input/USStateSelect.tsx
+import { jsx as jsx240 } from "react/jsx-runtime";
+var findSelectOption2 = (options, selected) => {
+  if (!selected) {
+    return void 0;
+  }
+  return options.find(
+    (o) => String(o.value).toLowerCase() === String(selected).toLowerCase() || String(o.label).toLowerCase() === String(selected).toLowerCase()
+  );
+};
+var USStateSelect = ({ value, onChange }) => {
+  const usStateOptions = US_STATES.map((state) => ({
+    label: state.label,
+    value: state.value
+  }));
+  return /* @__PURE__ */ jsx240(
+    Select,
+    {
+      options: usStateOptions,
+      value: findSelectOption2(usStateOptions, value),
+      onChange: (option) => onChange(option),
+      placeholder: "US state"
+    }
+  );
+};
+
+// src/components/Input/PhoneInput.tsx
+import { formatIncompletePhoneNumber } from "libphonenumber-js";
+import { jsx as jsx241 } from "react/jsx-runtime";
+var PhoneInput = (_a) => {
+  var _b = _a, {
+    value,
+    onChange,
+    placeholder = "Phone number"
+  } = _b, props = __objRest(_b, [
+    "value",
+    "onChange",
+    "placeholder"
+  ]);
+  const handleChange = (e) => {
+    const input = e.target.value;
+    const formattedNumber = formatIncompletePhoneNumber(input, "US");
+    onChange(formattedNumber != null ? formattedNumber : input);
+  };
+  return /* @__PURE__ */ jsx241(
+    Input,
+    __spreadValues({
+      type: "tel",
+      value: value ? formatIncompletePhoneNumber(value, "US") : void 0,
+      onChange: handleChange,
+      placeholder,
+      "aria-label": "Phone number input"
+    }, props)
+  );
+};
+
+// src/components/BusinessForm/BusinessForm.tsx
+import { isPossiblePhoneNumber } from "libphonenumber-js";
+import { Fragment as Fragment42, jsx as jsx242, jsxs as jsxs155 } from "react/jsx-runtime";
+var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
+  var _a;
+  const { form, submitError, isFormValid } = useBusinessForm({ onSuccess });
+  const { isSubmitting } = form.state;
+  return /* @__PURE__ */ jsxs155(
+    "form",
+    {
+      className: "Layer__form Layer__business-form",
+      onSubmit: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        void form.handleSubmit();
+      },
+      children: [
+        /* @__PURE__ */ jsxs155(FormSection, { title: "Contact information", children: [
+          /* @__PURE__ */ jsxs155("div", { className: "Layer__business-form__name-fields", children: [
+            /* @__PURE__ */ jsx242(
+              form.Field,
+              {
+                name: "full_name",
+                validators: {
+                  onSubmit: ({ value }) => notEmpty(value) ? void 0 : "Full name is required"
+                },
+                children: (field) => /* @__PURE__ */ jsx242(Fragment42, { children: /* @__PURE__ */ jsx242(InputGroup, { name: "full_name", label: "Full name", children: /* @__PURE__ */ jsx242(
+                  Input,
+                  {
+                    name: "full_name",
+                    placeholder: "John Doe",
+                    value: field.state.value,
+                    onChange: (e) => field.handleChange(e.target.value),
+                    isInvalid: field.state.meta.errors.length > 0,
+                    errorMessage: field.state.meta.errors.join(", ")
+                  }
+                ) }) })
+              }
+            ),
+            /* @__PURE__ */ jsx242(form.Field, { name: "preferred_name", children: (field) => /* @__PURE__ */ jsx242(Fragment42, { children: /* @__PURE__ */ jsx242(InputGroup, { name: "preferred_name", label: "Preferred name", children: /* @__PURE__ */ jsx242(
+              Input,
+              {
+                name: "preferred_name",
+                placeholder: "John",
+                value: field.state.value,
+                onChange: (e) => field.handleChange(e.target.value)
+              }
+            ) }) }) })
+          ] }),
+          /* @__PURE__ */ jsx242(
+            form.Field,
+            {
+              name: "email",
+              validators: {
+                onSubmit: ({ value }) => validateEmailFormat(value, true) ? void 0 : "Email is invalid"
+              },
+              children: (field) => /* @__PURE__ */ jsx242(Fragment42, { children: /* @__PURE__ */ jsx242(
+                InputGroup,
+                {
+                  name: "email",
+                  label: "What\u2019s the email you want to use for bookkeeping communication?",
+                  children: /* @__PURE__ */ jsx242(
+                    Input,
+                    {
+                      name: "email",
+                      placeholder: "john@company.com",
+                      value: field.state.value,
+                      onChange: (e) => field.handleChange(e.target.value),
+                      isInvalid: field.state.meta.errors.length > 0,
+                      errorMessage: field.state.meta.errors.join(", ")
+                    }
+                  )
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ jsx242(
+            form.Field,
+            {
+              name: "phone_number",
+              validators: {
+                onSubmit: ({ value }) => isPossiblePhoneNumber(value != null ? value : "", "US") ? void 0 : "Phone number is invalid"
+              },
+              children: (field) => /* @__PURE__ */ jsx242(Fragment42, { children: /* @__PURE__ */ jsx242(
+                InputGroup,
+                {
+                  name: "phone_number",
+                  label: "What\u2019s the phone number you want to use for bookkeeping communication?",
+                  children: /* @__PURE__ */ jsx242(
+                    PhoneInput,
+                    {
+                      value: field.state.value,
+                      onChange: (value) => field.handleChange(value),
+                      isInvalid: field.state.meta.errors.length > 0,
+                      errorMessage: field.state.meta.errors.join(", ")
+                    }
+                  )
+                }
+              ) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs155(FormSection, { title: "Business information", children: [
+          /* @__PURE__ */ jsx242(
+            form.Field,
+            {
+              name: "legal_name",
+              validators: {
+                onBlur: ({ value }) => notEmpty(value) ? void 0 : "Company name is required"
+              },
+              children: (field) => /* @__PURE__ */ jsx242(Fragment42, { children: /* @__PURE__ */ jsx242(InputGroup, { name: "legal_name", label: "Company", children: /* @__PURE__ */ jsx242(
+                Input,
+                {
+                  name: "legal_name",
+                  placeholder: "Company",
+                  value: field.state.value,
+                  onChange: (e) => field.handleChange(e.target.value),
+                  isInvalid: field.state.meta.errors.length > 0,
+                  errorMessage: field.state.meta.errors.join(", ")
+                }
+              ) }) })
+            }
+          ),
+          /* @__PURE__ */ jsx242(form.Field, { name: "dba", children: (field) => /* @__PURE__ */ jsx242(Fragment42, { children: /* @__PURE__ */ jsx242(InputGroup, { name: "dba", label: "DBA (optional)", children: /* @__PURE__ */ jsx242(
+            Input,
+            {
+              name: "dba",
+              placeholder: "Alternative name",
+              value: field.state.value,
+              onChange: (e) => field.handleChange(e.target.value),
+              isInvalid: field.state.meta.errors.length > 0,
+              errorMessage: field.state.meta.errors.join(", ")
+            }
+          ) }) }) }),
+          /* @__PURE__ */ jsx242(form.Field, { name: "entity_type", children: (field) => /* @__PURE__ */ jsx242(Fragment42, { children: /* @__PURE__ */ jsx242(InputGroup, { name: "entity_type", label: "Entity type", children: /* @__PURE__ */ jsx242(
+            BusinessTypeSelect,
+            {
+              value: field.state.value,
+              onChange: (value) => field.handleChange(value)
+            }
+          ) }) }) }),
+          /* @__PURE__ */ jsxs155("div", { className: "Layer__business-form__state-tin-fields", children: [
+            /* @__PURE__ */ jsx242(form.Field, { name: "us_state", children: (field) => /* @__PURE__ */ jsx242(Fragment42, { children: /* @__PURE__ */ jsx242(InputGroup, { name: "us_state", label: "State", className: "Layer__business-form__state", children: /* @__PURE__ */ jsx242(
+              USStateSelect,
+              {
+                value: field.state.value,
+                onChange: (option) => field.handleChange(option.value)
+              }
+            ) }) }) }),
+            /* @__PURE__ */ jsx242(form.Field, { name: "tin", children: (field) => /* @__PURE__ */ jsx242(Fragment42, { children: /* @__PURE__ */ jsx242(InputGroup, { name: "tin", label: "Tax ID number (optional)", children: /* @__PURE__ */ jsx242(
+              Input,
+              {
+                name: "tin",
+                placeholder: "Tax ID number",
+                value: field.state.value,
+                onChange: (e) => field.handleChange(e.target.value),
+                isInvalid: field.state.meta.errors.length > 0,
+                errorMessage: field.state.meta.errors.join(", ")
+              }
+            ) }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx242(
+          SubmitButton,
+          {
+            type: "submit",
+            processing: isSubmitting,
+            noIcon: true,
+            withRetry: true,
+            error: submitError,
+            children: (_a = stringOverrides == null ? void 0 : stringOverrides.saveButton) != null ? _a : "Save"
+          }
+        ),
+        !isFormValid && /* @__PURE__ */ jsx242(ErrorText, { pb: "xs", children: "Please check all fields." })
+      ]
+    }
+  );
+};
+
+// src/components/PlatformOnboarding/Steps/BusinessInfoStep.tsx
+import { Fragment as Fragment43, jsx as jsx243, jsxs as jsxs156 } from "react/jsx-runtime";
+var defaultTitle3 = "We\u2019ll use this information to contact you whenever we have questions on your books.";
+var BusinessInfoStep = ({ title = defaultTitle3, onNext }) => {
+  return /* @__PURE__ */ jsxs156(Fragment43, { children: [
+    /* @__PURE__ */ jsx243(Heading2, { children: title }),
+    /* @__PURE__ */ jsx243(BusinessForm2, { onSuccess: onNext })
+  ] });
+};
+
+// src/components/PlatformOnboarding/PlatformOnboarding.tsx
+import { jsx as jsx244, jsxs as jsxs157 } from "react/jsx-runtime";
+var PLATFORM_ONBOARDING_STEPS = [
+  {
+    id: "welcome",
+    label: "Get started"
+  },
+  {
+    id: "business-info",
+    label: "Confirm your informations"
+  },
+  {
+    id: "link-accounts",
+    label: "Connect accounts"
+  },
+  {
+    id: "summary",
+    label: "Summary"
+  }
+];
+var PlatformOnboarding = ({ onComplete }) => {
+  const [step, setStep] = useState61(PLATFORM_ONBOARDING_STEPS[0].id);
+  const isFirstStep = PLATFORM_ONBOARDING_STEPS[0].id === step;
+  const nextStep = () => {
+    const currentStepIndex = PLATFORM_ONBOARDING_STEPS.findIndex((s) => s.id === step);
+    if (currentStepIndex === PLATFORM_ONBOARDING_STEPS.length - 1) {
+      onComplete == null ? void 0 : onComplete();
+      return;
+    }
+    const nextStep2 = PLATFORM_ONBOARDING_STEPS[currentStepIndex + 1];
+    if (nextStep2) {
+      setStep(nextStep2.id);
+    }
+  };
+  const previousStep = () => {
+    const currentStepIndex = PLATFORM_ONBOARDING_STEPS.findIndex((s) => s.id === step);
+    const previousStep2 = PLATFORM_ONBOARDING_STEPS[currentStepIndex - 1];
+    if (previousStep2) {
+      setStep(previousStep2.id);
+    }
+  };
+  const renderStepContent = () => {
+    switch (step) {
+      case "welcome":
+        return /* @__PURE__ */ jsx244(WelcomeStep, { onNext: nextStep, stepsEnabled: PLATFORM_ONBOARDING_STEPS.map((s) => s.id) });
+      case "business-info":
+        return /* @__PURE__ */ jsx244(BusinessInfoStep, { onNext: nextStep });
+      case "link-accounts":
+        return /* @__PURE__ */ jsx244(LinkAccounts, { onComplete: nextStep });
+      case "summary":
+        return /* @__PURE__ */ jsx244(SummaryStep, { onNext: nextStep });
+    }
+  };
+  const renderStepFooter = () => {
+    if (step === "welcome") {
+      return /* @__PURE__ */ jsx244(WelcomeStepFooter, {});
+    }
+  };
+  return /* @__PURE__ */ jsx244("div", { className: "Layer__component Layer__platform-onboarding", children: /* @__PURE__ */ jsxs157("div", { className: "Layer__platform-onboarding-layout", children: [
+    !isFirstStep && /* @__PURE__ */ jsx244("div", { className: "Layer__platform-onboarding__back-button-container", children: /* @__PURE__ */ jsx244(
+      Button,
+      {
+        onClick: previousStep,
+        variant: "secondary" /* secondary */,
+        children: "Back"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs157("div", { className: "Layer__platfom-onboarding-layout__box", children: [
+      PLATFORM_ONBOARDING_STEPS.length > 1 && /* @__PURE__ */ jsx244(
+        ProgressSteps,
+        {
+          steps: PLATFORM_ONBOARDING_STEPS.map((step2) => step2.label),
+          currentStep: step === "summary" ? PLATFORM_ONBOARDING_STEPS.length : PLATFORM_ONBOARDING_STEPS.findIndex((s) => s.id === step)
+        }
+      ),
+      /* @__PURE__ */ jsx244("div", { className: "Layer__platform-onboarding-layout__content", children: renderStepContent() })
+    ] }),
+    /* @__PURE__ */ jsx244("div", { className: "Layer__platform-onboarding-layout__footer", children: renderStepFooter() })
+  ] }) });
+};
+
+// src/icons/Coffee.tsx
+import { jsx as jsx245, jsxs as jsxs158 } from "react/jsx-runtime";
+var CoffeeIcon = (_a) => {
+  var _b = _a, { size = 11 } = _b, props = __objRest(_b, ["size"]);
+  return /* @__PURE__ */ jsxs158(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 12 12",
+      fill: "none"
+    }, props), {
+      width: size,
+      height: size,
+      children: [
+        /* @__PURE__ */ jsxs158("g", { clipPath: "url(#clip0_5018_10141)", children: [
+          /* @__PURE__ */ jsx245(
+            "path",
+            {
+              d: "M3.25 4.16666H2.79167C2.30544 4.16666 1.83912 4.35981 1.4953 4.70363C1.15149 5.04744 0.958333 5.51376 0.958333 5.99999C0.958333 6.48622 1.15149 6.95254 1.4953 7.29635C1.83912 7.64017 2.30544 7.83332 2.79167 7.83332H3.25",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx245(
+            "path",
+            {
+              d: "M10.5834 4.16666H3.25004V8.29166C3.25004 8.77789 3.4432 9.2442 3.78701 9.58802C4.13083 9.93184 4.59714 10.125 5.08337 10.125H8.75004C9.23627 10.125 9.70259 9.93184 10.0464 9.58802C10.3902 9.2442 10.5834 8.77789 10.5834 8.29166V4.16666Z",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx245(
+            "path",
+            {
+              d: "M8.75 0.958344V2.33334",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx245(
+            "path",
+            {
+              d: "M6.91663 0.958344V2.33334",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx245(
+            "path",
+            {
+              d: "M5.08337 0.958344V2.33334",
+              stroke: "currentColor",
+              strokeLinecap: "round",
               strokeLinejoin: "round"
             }
           )
         ] }),
-        /* @__PURE__ */ jsx232("defs", { children: /* @__PURE__ */ jsx232("clipPath", { id: "clip0_5018_10141", children: /* @__PURE__ */ jsx232(
+        /* @__PURE__ */ jsx245("defs", { children: /* @__PURE__ */ jsx245("clipPath", { id: "clip0_5018_10141", children: /* @__PURE__ */ jsx245(
           "rect",
           {
             width: "11",
@@ -22058,17 +23181,17 @@ var CoffeeIcon = (_a) => {
 var Coffee_default = CoffeeIcon;
 
 // src/components/UpsellBanner/BookkeepingUpsellBar.tsx
-import { jsx as jsx233, jsxs as jsxs150 } from "react/jsx-runtime";
+import { jsx as jsx246, jsxs as jsxs159 } from "react/jsx-runtime";
 var BookkeepingUpsellBar = ({
   onClick,
   href
 }) => {
-  return /* @__PURE__ */ jsxs150("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping", children: [
-    /* @__PURE__ */ jsxs150("div", { className: "Layer__bar-banner__left-col", children: [
-      /* @__PURE__ */ jsx233(IconBox, { children: /* @__PURE__ */ jsx233(Coffee_default, {}) }),
-      /* @__PURE__ */ jsxs150("div", { className: "Layer__bar-banner__text-container", children: [
-        /* @__PURE__ */ jsx233(Text, { size: "md" /* md */, weight: "bold" /* bold */, children: "Need help with your books?" }),
-        /* @__PURE__ */ jsx233(
+  return /* @__PURE__ */ jsxs159("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping", children: [
+    /* @__PURE__ */ jsxs159("div", { className: "Layer__bar-banner__left-col", children: [
+      /* @__PURE__ */ jsx246(IconBox, { children: /* @__PURE__ */ jsx246(Coffee_default, {}) }),
+      /* @__PURE__ */ jsxs159("div", { className: "Layer__bar-banner__text-container", children: [
+        /* @__PURE__ */ jsx246(Text, { size: "md" /* md */, weight: "bold" /* bold */, children: "Need help with your books?" }),
+        /* @__PURE__ */ jsx246(
           Text,
           {
             size: "sm" /* sm */,
@@ -22078,25 +23201,25 @@ var BookkeepingUpsellBar = ({
         )
       ] })
     ] }),
-    onClick ? /* @__PURE__ */ jsx233(Button, { variant: "secondary" /* secondary */, onClick, children: "Schedule a demo" }) : href ? /* @__PURE__ */ jsx233(Link2, { href, target: "_blank", variant: "secondary" /* secondary */, children: "Schedule a demo" }) : null
+    onClick ? /* @__PURE__ */ jsx246(Button, { variant: "secondary" /* secondary */, onClick, children: "Schedule a demo" }) : href ? /* @__PURE__ */ jsx246(Link2, { href, target: "_blank", variant: "secondary" /* secondary */, children: "Schedule a demo" }) : null
   ] });
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-import { useState as useState60 } from "react";
+import { useState as useState62 } from "react";
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
-import { jsx as jsx234 } from "react/jsx-runtime";
+import { jsx as jsx247 } from "react/jsx-runtime";
 var CLASS_NAME10 = "Layer__BookkeepingProfitAndLossSummariesContainer";
 function BookkeepingProfitAndLossSummariesContainer({
   children
 }) {
-  return /* @__PURE__ */ jsx234("div", { className: CLASS_NAME10, children });
+  return /* @__PURE__ */ jsx247("div", { className: CLASS_NAME10, children });
 }
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-import classNames74 from "classnames";
-import { jsx as jsx235, jsxs as jsxs151 } from "react/jsx-runtime";
+import classNames75 from "classnames";
+import { jsx as jsx248, jsxs as jsxs160 } from "react/jsx-runtime";
 var BookkeepingOverview = ({
   title,
   showTitle = true,
@@ -22104,19 +23227,19 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = useState60("expenses");
+  const [pnlToggle, setPnlToggle] = useState62("expenses");
   const [width] = useWindowSize();
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
-  return /* @__PURE__ */ jsx235(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ jsx235(TasksProvider, { children: /* @__PURE__ */ jsxs151(
+  return /* @__PURE__ */ jsx248(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ jsx248(TasksProvider, { children: /* @__PURE__ */ jsxs160(
     View,
     {
       viewClassName: "Layer__bookkeeping-overview--view",
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bookkeeping overview",
       withSidebar: width > 1100,
-      sidebar: /* @__PURE__ */ jsx235(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
+      sidebar: /* @__PURE__ */ jsx248(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
       showHeader: showTitle,
       children: [
-        width <= 1100 && /* @__PURE__ */ jsx235(
+        width <= 1100 && /* @__PURE__ */ jsx248(
           TasksComponent,
           {
             collapsable: true,
@@ -22124,33 +23247,33 @@ var BookkeepingOverview = ({
             stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks
           }
         ),
-        /* @__PURE__ */ jsxs151(
+        /* @__PURE__ */ jsxs160(
           Container,
           {
             name: "bookkeeping-overview-profit-and-loss",
             asWidget: true,
             elevated: true,
             children: [
-              /* @__PURE__ */ jsx235(
+              /* @__PURE__ */ jsx248(
                 ProfitAndLoss.Header,
                 {
                   text: ((_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.header) || "Profit & Loss",
                   withDatePicker: true
                 }
               ),
-              /* @__PURE__ */ jsx235(BookkeepingProfitAndLossSummariesContainer, { children: /* @__PURE__ */ jsx235(
+              /* @__PURE__ */ jsx248(BookkeepingProfitAndLossSummariesContainer, { children: /* @__PURE__ */ jsx248(
                 ProfitAndLoss.Summaries,
                 {
                   stringOverrides: (_d = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _d.summaries,
                   variants: profitAndLossSummariesVariants
                 }
               ) }),
-              /* @__PURE__ */ jsx235(ProfitAndLoss.Chart, {})
+              /* @__PURE__ */ jsx248(ProfitAndLoss.Chart, {})
             ]
           }
         ),
-        /* @__PURE__ */ jsxs151("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts", children: [
-          /* @__PURE__ */ jsx235(
+        /* @__PURE__ */ jsxs160("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts", children: [
+          /* @__PURE__ */ jsx248(
             Toggle,
             {
               name: "pnl-detailed-charts",
@@ -22168,14 +23291,14 @@ var BookkeepingOverview = ({
               onChange: (e) => setPnlToggle(e.target.value)
             }
           ),
-          /* @__PURE__ */ jsx235(
+          /* @__PURE__ */ jsx248(
             Container,
             {
-              name: classNames74(
+              name: classNames75(
                 "bookkeeping-overview-profit-and-loss-chart",
                 pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
               ),
-              children: /* @__PURE__ */ jsx235(
+              children: /* @__PURE__ */ jsx248(
                 ProfitAndLoss.DetailedCharts,
                 {
                   scope: "revenue",
@@ -22185,14 +23308,14 @@ var BookkeepingOverview = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx235(
+          /* @__PURE__ */ jsx248(
             Container,
             {
-              name: classNames74(
+              name: classNames75(
                 "bookkeeping-overview-profit-and-loss-chart",
                 pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
               ),
-              children: /* @__PURE__ */ jsx235(
+              children: /* @__PURE__ */ jsx248(
                 ProfitAndLoss.DetailedCharts,
                 {
                   scope: "expenses",
@@ -22209,23 +23332,23 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-import { useState as useState62 } from "react";
+import { useState as useState64 } from "react";
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-import { useContext as useContext54, useEffect as useEffect43, useState as useState61 } from "react";
+import { useContext as useContext54, useEffect as useEffect43, useState as useState63 } from "react";
 
 // src/components/BadgeLoader/BadgeLoader.tsx
-import { jsx as jsx236, jsxs as jsxs152 } from "react/jsx-runtime";
+import { jsx as jsx249, jsxs as jsxs161 } from "react/jsx-runtime";
 var BadgeLoader = ({ children }) => {
-  return /* @__PURE__ */ jsxs152("span", { className: "Layer__loader Layer__loader--as-badge", children: [
-    /* @__PURE__ */ jsx236(Loader_default, { size: 11, className: "Layer__anim--rotating" }),
+  return /* @__PURE__ */ jsxs161("span", { className: "Layer__loader Layer__loader--as-badge", children: [
+    /* @__PURE__ */ jsx249(Loader_default, { size: 11, className: "Layer__anim--rotating" }),
     children
   ] });
 };
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
 import { getMonth as getMonth4, getYear as getYear7, startOfMonth as startOfMonth19 } from "date-fns";
-import { jsx as jsx237, jsxs as jsxs153 } from "react/jsx-runtime";
+import { jsx as jsx250, jsxs as jsxs162 } from "react/jsx-runtime";
 var CLASS_NAME11 = "Layer__TransactionsToReview";
 function TransactionsToReview({
   onClick,
@@ -22236,7 +23359,7 @@ function TransactionsToReview({
   const { size = "sm" } = variants != null ? variants : {};
   const { dateRange: contextDateRange } = useContext54(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = useState61(0);
+  const [toReview, setToReview] = useState63(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
     currentDate: dateRange ? dateRange.startDate : startOfMonth19(/* @__PURE__ */ new Date()),
     tagFilter
@@ -22266,26 +23389,26 @@ function TransactionsToReview({
       verticalGap = "sm";
       break;
   }
-  return /* @__PURE__ */ jsxs153("div", { onClick, className: CLASS_NAME11, children: [
-    /* @__PURE__ */ jsxs153(VStack, { gap: verticalGap, align: "start", children: [
-      /* @__PURE__ */ jsx237(ProfitAndLossSummariesHeading, { variants, children: "Transactions to review" }),
-      loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ jsx237(BadgeLoader, {}) : null,
-      loaded === "complete" && error ? /* @__PURE__ */ jsx237(
+  return /* @__PURE__ */ jsxs162("div", { onClick, className: CLASS_NAME11, children: [
+    /* @__PURE__ */ jsxs162(VStack, { gap: verticalGap, align: "start", children: [
+      /* @__PURE__ */ jsx250(ProfitAndLossSummariesHeading, { variants, children: "Transactions to review" }),
+      loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ jsx250(BadgeLoader, {}) : null,
+      loaded === "complete" && error ? /* @__PURE__ */ jsx250(
         Badge,
         {
           variant: "error" /* ERROR */,
           size: "small" /* SMALL */,
-          icon: /* @__PURE__ */ jsx237(RefreshCcw_default, { size: 12 }),
+          icon: /* @__PURE__ */ jsx250(RefreshCcw_default, { size: 12 }),
           onClick: () => refetch(),
           children: "Refresh"
         }
       ) : null,
-      loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ jsxs153(
+      loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ jsxs162(
         Badge,
         {
           variant: "warning" /* WARNING */,
           size: "small" /* SMALL */,
-          icon: /* @__PURE__ */ jsx237(Bell_default, { size: 12 }),
+          icon: /* @__PURE__ */ jsx250(Bell_default, { size: 12 }),
           children: [
             toReview,
             " ",
@@ -22293,23 +23416,23 @@ function TransactionsToReview({
           ]
         }
       ) : null,
-      loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ jsx237(
+      loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ jsx250(
         Badge,
         {
           variant: "success" /* SUCCESS */,
           size: "small" /* SMALL */,
-          icon: /* @__PURE__ */ jsx237(Check_default, { size: 12 }),
+          icon: /* @__PURE__ */ jsx250(Check_default, { size: 12 }),
           children: "All done"
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsx237(IconButton, { icon: /* @__PURE__ */ jsx237(ChevronRight_default, {}), withBorder: true, onClick })
+    /* @__PURE__ */ jsx250(IconButton, { icon: /* @__PURE__ */ jsx250(ChevronRight_default, {}), withBorder: true, onClick })
   ] });
 }
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-import classNames75 from "classnames";
-import { jsx as jsx238, jsxs as jsxs154 } from "react/jsx-runtime";
+import classNames76 from "classnames";
+import { jsx as jsx251, jsxs as jsxs163 } from "react/jsx-runtime";
 var AccountingOverview = ({
   title = "Accounting overview",
   showTitle = true,
@@ -22324,35 +23447,35 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = useState62("expenses");
+  const [pnlToggle, setPnlToggle] = useState64("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
-  return /* @__PURE__ */ jsx238(
+  return /* @__PURE__ */ jsx251(
     ProfitAndLoss,
     {
       asContainer: false,
       tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0,
-      children: /* @__PURE__ */ jsxs154(
+      children: /* @__PURE__ */ jsxs163(
         View,
         {
           title,
           showHeader: showTitle,
-          header: /* @__PURE__ */ jsx238(Header2, { children: /* @__PURE__ */ jsx238(HeaderRow, { children: /* @__PURE__ */ jsx238(HeaderCol, { children: /* @__PURE__ */ jsx238(ProfitAndLoss.DatePicker, {}) }) }) }),
+          header: /* @__PURE__ */ jsx251(Header2, { children: /* @__PURE__ */ jsx251(HeaderRow, { children: /* @__PURE__ */ jsx251(HeaderCol, { children: /* @__PURE__ */ jsx251(ProfitAndLoss.DatePicker, {}) }) }) }),
           children: [
-            enableOnboarding && /* @__PURE__ */ jsx238(
+            enableOnboarding && /* @__PURE__ */ jsx251(
               Onboarding,
               {
                 onTransactionsToReviewClick,
                 onboardingStepOverride
               }
             ),
-            /* @__PURE__ */ jsx238(
+            /* @__PURE__ */ jsx251(
               Internal_ProfitAndLossSummaries,
               {
                 stringOverrides: (_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.summaries,
                 chartColorsList,
                 slots: {
                   unstable_AdditionalListItems: showTransactionsToReview ? [
-                    /* @__PURE__ */ jsx238(
+                    /* @__PURE__ */ jsx251(
                       TransactionsToReview,
                       {
                         usePnlDateRange: true,
@@ -22366,20 +23489,20 @@ var AccountingOverview = ({
                 variants: profitAndLossSummariesVariants
               }
             ),
-            /* @__PURE__ */ jsxs154(
+            /* @__PURE__ */ jsxs163(
               Container,
               {
                 name: "accounting-overview-profit-and-loss",
                 asWidget: true,
                 elevated: true,
                 children: [
-                  /* @__PURE__ */ jsx238(
+                  /* @__PURE__ */ jsx251(
                     ProfitAndLoss.Header,
                     {
                       text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss"
                     }
                   ),
-                  /* @__PURE__ */ jsx238(
+                  /* @__PURE__ */ jsx251(
                     ProfitAndLoss.Chart,
                     {
                       tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
@@ -22388,9 +23511,9 @@ var AccountingOverview = ({
                 ]
               }
             ),
-            middleBanner && /* @__PURE__ */ jsx238(Container, { name: "accounting-overview-middle-banner", children: middleBanner }),
-            /* @__PURE__ */ jsxs154("div", { className: "Layer__accounting-overview-profit-and-loss-charts", children: [
-              /* @__PURE__ */ jsx238(
+            middleBanner && /* @__PURE__ */ jsx251(Container, { name: "accounting-overview-middle-banner", children: middleBanner }),
+            /* @__PURE__ */ jsxs163("div", { className: "Layer__accounting-overview-profit-and-loss-charts", children: [
+              /* @__PURE__ */ jsx251(
                 Toggle,
                 {
                   name: "pnl-detailed-charts",
@@ -22408,14 +23531,14 @@ var AccountingOverview = ({
                   onChange: (e) => setPnlToggle(e.target.value)
                 }
               ),
-              /* @__PURE__ */ jsx238(
+              /* @__PURE__ */ jsx251(
                 Container,
                 {
-                  name: classNames75(
+                  name: classNames76(
                     "accounting-overview-profit-and-loss-chart",
                     pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
                   ),
-                  children: /* @__PURE__ */ jsx238(
+                  children: /* @__PURE__ */ jsx251(
                     ProfitAndLoss.DetailedCharts,
                     {
                       scope: "revenue",
@@ -22426,14 +23549,14 @@ var AccountingOverview = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx238(
+              /* @__PURE__ */ jsx251(
                 Container,
                 {
-                  name: classNames75(
+                  name: classNames76(
                     "accounting-overview-profit-and-loss-chart",
                     pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
                   ),
-                  children: /* @__PURE__ */ jsx238(
+                  children: /* @__PURE__ */ jsx251(
                     ProfitAndLoss.DetailedCharts,
                     {
                       scope: "expenses",
@@ -22453,7 +23576,7 @@ var AccountingOverview = ({
 };
 
 // src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
-import { jsx as jsx239, jsxs as jsxs155 } from "react/jsx-runtime";
+import { jsx as jsx252, jsxs as jsxs164 } from "react/jsx-runtime";
 var BankTransactionsWithLinkedAccounts = ({
   title,
   // deprecated
@@ -22469,13 +23592,13 @@ var BankTransactionsWithLinkedAccounts = ({
   mobileComponent,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ jsxs155(
+  return /* @__PURE__ */ jsxs164(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bank transactions",
       showHeader: showTitle,
       children: [
-        /* @__PURE__ */ jsx239(
+        /* @__PURE__ */ jsx252(
           LinkedAccounts,
           {
             elevated: elevatedLinkedAccounts,
@@ -22485,7 +23608,7 @@ var BankTransactionsWithLinkedAccounts = ({
             stringOverrides: stringOverrides == null ? void 0 : stringOverrides.linkedAccounts
           }
         ),
-        /* @__PURE__ */ jsx239(
+        /* @__PURE__ */ jsx252(
           BankTransactions,
           {
             asWidget: true,
@@ -22503,8 +23626,8 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-import { useState as useState63 } from "react";
-import { jsx as jsx240, jsxs as jsxs156 } from "react/jsx-runtime";
+import { useState as useState65 } from "react";
+import { jsx as jsx253, jsxs as jsxs165 } from "react/jsx-runtime";
 var GeneralLedgerView = ({
   title,
   // deprecated
@@ -22512,14 +23635,14 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = useState63("chartOfAccounts");
-  return /* @__PURE__ */ jsx240(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ jsxs156(
+  const [activeTab, setActiveTab] = useState65("chartOfAccounts");
+  return /* @__PURE__ */ jsx253(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ jsxs165(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "General Ledger",
       showHeader: showTitle,
       children: [
-        /* @__PURE__ */ jsx240(
+        /* @__PURE__ */ jsx253(
           Toggle,
           {
             name: "general-ledger-tabs",
@@ -22537,7 +23660,7 @@ var GeneralLedgerView = ({
             onChange: (opt) => setActiveTab(opt.target.value)
           }
         ),
-        activeTab === "chartOfAccounts" ? /* @__PURE__ */ jsx240(
+        activeTab === "chartOfAccounts" ? /* @__PURE__ */ jsx253(
           ChartOfAccounts,
           {
             asWidget: true,
@@ -22547,16 +23670,16 @@ var GeneralLedgerView = ({
             templateAccountsEditable: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.templateAccountsEditable,
             showReversalEntries: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showReversalEntries
           }
-        ) : /* @__PURE__ */ jsx240(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
+        ) : /* @__PURE__ */ jsx253(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
       ]
     }
   ) });
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-import { useState as useState64 } from "react";
+import { useState as useState66 } from "react";
 import Select4 from "react-select";
-import { Fragment as Fragment40, jsx as jsx241, jsxs as jsxs157 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx254, jsxs as jsxs166 } from "react/jsx-runtime";
 var ProjectProfitabilityView = ({
   valueOptions,
   showTitle,
@@ -22564,9 +23687,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = useState64("overview");
-  const [tagFilter, setTagFilter] = useState64(null);
-  const [pnlTagFilter, setPnlTagFilter] = useState64(
+  const [activeTab, setActiveTab] = useState66("overview");
+  const [tagFilter, setTagFilter] = useState66(null);
+  const [pnlTagFilter, setPnlTagFilter] = useState66(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -22580,15 +23703,15 @@ var ProjectProfitabilityView = ({
       values: tagFilter2.tagValues
     } : void 0;
   };
-  return /* @__PURE__ */ jsxs157(
+  return /* @__PURE__ */ jsxs166(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || "",
       showHeader: showTitle,
       viewClassName: "Layer__project-view",
       children: [
-        /* @__PURE__ */ jsxs157("div", { className: "Layer__component Layer__header__actions", children: [
-          /* @__PURE__ */ jsx241("div", { className: "Layer__component", children: /* @__PURE__ */ jsx241(
+        /* @__PURE__ */ jsxs166("div", { className: "Layer__component Layer__header__actions", children: [
+          /* @__PURE__ */ jsx254("div", { className: "Layer__component", children: /* @__PURE__ */ jsx254(
             Toggle,
             {
               name: "project-tabs",
@@ -22610,7 +23733,7 @@ var ProjectProfitabilityView = ({
               onChange: (opt) => setActiveTab(opt.target.value)
             }
           ) }),
-          /* @__PURE__ */ jsx241(
+          /* @__PURE__ */ jsx254(
             Select4,
             {
               className: "Layer__category-menu Layer__select",
@@ -22629,8 +23752,8 @@ var ProjectProfitabilityView = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx241(Container, { name: "project", children: /* @__PURE__ */ jsxs157(Fragment40, { children: [
-          activeTab === "overview" && /* @__PURE__ */ jsx241(
+        /* @__PURE__ */ jsx254(Container, { name: "project", children: /* @__PURE__ */ jsxs166(Fragment44, { children: [
+          activeTab === "overview" && /* @__PURE__ */ jsx254(
             AccountingOverview,
             {
               stringOverrides: { header: "Project Overview" },
@@ -22641,7 +23764,7 @@ var ProjectProfitabilityView = ({
               showTitle: false
             }
           ),
-          activeTab === "transactions" && /* @__PURE__ */ jsx241(
+          activeTab === "transactions" && /* @__PURE__ */ jsx254(
             BankTransactions,
             {
               hideHeader: true,
@@ -22651,7 +23774,7 @@ var ProjectProfitabilityView = ({
               }
             }
           ),
-          activeTab === "report" && /* @__PURE__ */ jsx241(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter, children: /* @__PURE__ */ jsx241(
+          activeTab === "report" && /* @__PURE__ */ jsx254(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter, children: /* @__PURE__ */ jsx254(
             ProfitAndLoss.Report,
             {
               stringOverrides,
@@ -22666,8 +23789,8 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-import { useState as useState65 } from "react";
-import { Fragment as Fragment41, jsx as jsx242, jsxs as jsxs158 } from "react/jsx-runtime";
+import { useState as useState67 } from "react";
+import { Fragment as Fragment45, jsx as jsx255, jsxs as jsxs167 } from "react/jsx-runtime";
 var getOptions = (enabledReports) => {
   return [
     enabledReports.includes("profitAndLoss") ? {
@@ -22694,17 +23817,17 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = useState65(enabledReports[0]);
+  const [activeTab, setActiveTab] = useState67(enabledReports[0]);
   const { view, containerRef } = useElementViewSize();
   const options = getOptions(enabledReports);
-  const defaultTitle = enabledReports.length > 1 ? "Reports" : (_a = options.find((option) => option.value = enabledReports[0])) == null ? void 0 : _a.label;
-  return /* @__PURE__ */ jsxs158(
+  const defaultTitle4 = enabledReports.length > 1 ? "Reports" : (_a = options.find((option) => option.value = enabledReports[0])) == null ? void 0 : _a.label;
+  return /* @__PURE__ */ jsxs167(
     View,
     {
-      title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || defaultTitle,
+      title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || defaultTitle4,
       showHeader: showTitle,
       children: [
-        enabledReports.length > 1 && /* @__PURE__ */ jsx242("div", { className: "Layer__component Layer__header__actions", children: /* @__PURE__ */ jsx242(
+        enabledReports.length > 1 && /* @__PURE__ */ jsx255("div", { className: "Layer__component Layer__header__actions", children: /* @__PURE__ */ jsx255(
           Toggle,
           {
             name: "reports-tabs",
@@ -22713,7 +23836,7 @@ var Reports = ({
             onChange: (opt) => setActiveTab(opt.target.value)
           }
         ) }),
-        /* @__PURE__ */ jsx242(Container, { name: "reports", ref: containerRef, children: /* @__PURE__ */ jsx242(ProfitAndLoss, { asContainer: false, comparisonConfig, children: /* @__PURE__ */ jsx242(
+        /* @__PURE__ */ jsx255(Container, { name: "reports", ref: containerRef, children: /* @__PURE__ */ jsx255(ProfitAndLoss, { asContainer: false, comparisonConfig, children: /* @__PURE__ */ jsx255(
           ReportsPanel,
           {
             containerRef,
@@ -22736,8 +23859,8 @@ var ReportsPanel = ({
   statementOfCashFlowConfig,
   view
 }) => {
-  return /* @__PURE__ */ jsxs158(Fragment41, { children: [
-    openReport === "profitAndLoss" && /* @__PURE__ */ jsx242(
+  return /* @__PURE__ */ jsxs167(Fragment45, { children: [
+    openReport === "profitAndLoss" && /* @__PURE__ */ jsx255(
       ProfitAndLoss.Report,
       __spreadValues({
         stringOverrides,
@@ -22745,8 +23868,8 @@ var ReportsPanel = ({
         view
       }, profitAndLossConfig)
     ),
-    openReport === "balanceSheet" && /* @__PURE__ */ jsx242(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }),
-    openReport === "statementOfCashFlow" && /* @__PURE__ */ jsx242(
+    openReport === "balanceSheet" && /* @__PURE__ */ jsx255(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }),
+    openReport === "statementOfCashFlow" && /* @__PURE__ */ jsx255(
       StatementOfCashFlow,
       __spreadValues({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.statementOfCashflow
@@ -22757,11 +23880,11 @@ var ReportsPanel = ({
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
 import { useContext as useContext55, useRef as useRef22 } from "react";
-import { Fragment as Fragment42, jsx as jsx243, jsxs as jsxs159 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx256, jsxs as jsxs168 } from "react/jsx-runtime";
 var COMPONENT_NAME7 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
   const containerRef = useRef22(null);
-  return /* @__PURE__ */ jsx243(Container, { name: COMPONENT_NAME7, ref: containerRef, children: /* @__PURE__ */ jsx243(ProfitAndLoss, { children: /* @__PURE__ */ jsx243(ProfitAndLossPanel, __spreadValues({ containerRef }, props)) }) });
+  return /* @__PURE__ */ jsx256(Container, { name: COMPONENT_NAME7, ref: containerRef, children: /* @__PURE__ */ jsx256(ProfitAndLoss, { children: /* @__PURE__ */ jsx256(ProfitAndLossPanel, __spreadValues({ containerRef }, props)) }) });
 };
 var ProfitAndLossPanel = (_a) => {
   var _b = _a, {
@@ -22772,10 +23895,10 @@ var ProfitAndLossPanel = (_a) => {
     "stringOverrides"
   ]);
   const { sidebarScope } = useContext55(ProfitAndLoss.Context);
-  return /* @__PURE__ */ jsxs159(
+  return /* @__PURE__ */ jsxs168(
     Panel,
     {
-      sidebar: /* @__PURE__ */ jsx243(
+      sidebar: /* @__PURE__ */ jsx256(
         ProfitAndLossDetailedCharts,
         {
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossDetailedCharts
@@ -22784,7 +23907,7 @@ var ProfitAndLossPanel = (_a) => {
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef,
       children: [
-        /* @__PURE__ */ jsx243(
+        /* @__PURE__ */ jsx256(
           ProfitAndLoss.Header,
           {
             text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss",
@@ -22792,7 +23915,7 @@ var ProfitAndLossPanel = (_a) => {
             headingClassName: "Layer__profit-and-loss__title"
           }
         ),
-        /* @__PURE__ */ jsx243(Components, __spreadValues({ stringOverrides }, props))
+        /* @__PURE__ */ jsx256(Components, __spreadValues({ stringOverrides }, props))
       ]
     }
   );
@@ -22806,7 +23929,7 @@ var Components = ({
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
-    return /* @__PURE__ */ jsx243("div", { className: "Layer__table-state-container", children: /* @__PURE__ */ jsx243(
+    return /* @__PURE__ */ jsx256("div", { className: "Layer__table-state-container", children: /* @__PURE__ */ jsx256(
       DataState,
       {
         status: "failed" /* failed */,
@@ -22817,15 +23940,15 @@ var Components = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs159(Fragment42, { children: [
-    !hideChart && /* @__PURE__ */ jsxs159("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries`, children: [
-      /* @__PURE__ */ jsxs159(
+  return /* @__PURE__ */ jsxs168(Fragment46, { children: [
+    !hideChart && /* @__PURE__ */ jsxs168("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries`, children: [
+      /* @__PURE__ */ jsxs168(
         "div",
         {
           className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__summary-col`,
           children: [
-            /* @__PURE__ */ jsx243(ProfitAndLoss.DatePicker, {}),
-            /* @__PURE__ */ jsx243(
+            /* @__PURE__ */ jsx256(ProfitAndLoss.DatePicker, {}),
+            /* @__PURE__ */ jsx256(
               ProfitAndLoss.Summaries,
               {
                 actionable: true,
@@ -22835,15 +23958,15 @@ var Components = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx243(
+      /* @__PURE__ */ jsx256(
         "div",
         {
           className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__chart-col`,
-          children: /* @__PURE__ */ jsx243(ProfitAndLoss.Chart, {})
+          children: /* @__PURE__ */ jsx256(ProfitAndLoss.Chart, {})
         }
       )
     ] }),
-    !hideTable && /* @__PURE__ */ jsx243(
+    !hideTable && /* @__PURE__ */ jsx256(
       ProfitAndLoss.Table,
       {
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossTable
@@ -22868,6 +23991,7 @@ export {
   LinkAccounts,
   LinkedAccounts,
   Onboarding,
+  PlatformOnboarding,
   ProfitAndLoss,
   ProfitAndLossView,
   ProjectProfitabilityView,