@layerfi/components 0.1.49 → 0.1.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +400 -391
- package/dist/esm/index.js.map +4 -4
- package/dist/index.d.ts +14 -12
- package/dist/index.js +524 -515
- package/dist/index.js.map +4 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8730,7 +8730,7 @@ var Quickbooks = () => {
|
|
|
8730
8730
|
};
|
|
8731
8731
|
|
|
8732
8732
|
// src/components/ProfitAndLoss/ProfitAndLoss.tsx
|
|
8733
|
-
var
|
|
8733
|
+
var import_react118 = __toESM(require("react"));
|
|
8734
8734
|
|
|
8735
8735
|
// src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
|
|
8736
8736
|
var import_react99 = require("react");
|
|
@@ -10876,11 +10876,8 @@ var ProfitAndLossSummaries = ({
|
|
|
10876
10876
|
);
|
|
10877
10877
|
};
|
|
10878
10878
|
|
|
10879
|
-
// src/components/ProfitAndLossTable/
|
|
10880
|
-
var
|
|
10881
|
-
|
|
10882
|
-
// src/hooks/useTableExpandRow/useTableExpandRow.tsx
|
|
10883
|
-
var import_react110 = require("react");
|
|
10879
|
+
// src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
|
|
10880
|
+
var import_react117 = __toESM(require("react"));
|
|
10884
10881
|
|
|
10885
10882
|
// src/contexts/TableContext/TableContext.tsx
|
|
10886
10883
|
var import_react109 = __toESM(require("react"));
|
|
@@ -10922,7 +10919,11 @@ var TableProvider = ({ children }) => {
|
|
|
10922
10919
|
return /* @__PURE__ */ import_react109.default.createElement(TableContext.Provider, { value: contextValue }, children);
|
|
10923
10920
|
};
|
|
10924
10921
|
|
|
10922
|
+
// src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
|
|
10923
|
+
var import_react116 = __toESM(require("react"));
|
|
10924
|
+
|
|
10925
10925
|
// src/hooks/useTableExpandRow/useTableExpandRow.tsx
|
|
10926
|
+
var import_react110 = require("react");
|
|
10926
10927
|
var useTableExpandRow = () => {
|
|
10927
10928
|
const {
|
|
10928
10929
|
expandedAllRows,
|
|
@@ -11172,9 +11173,12 @@ var empty_profit_and_loss_report_default = {
|
|
|
11172
11173
|
fully_categorized: false
|
|
11173
11174
|
};
|
|
11174
11175
|
|
|
11175
|
-
// src/components/ProfitAndLossTable/
|
|
11176
|
+
// src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
|
|
11176
11177
|
var import_classnames49 = __toESM(require("classnames"));
|
|
11177
|
-
var
|
|
11178
|
+
var ProfitAndLossTableComponent = ({
|
|
11179
|
+
asContainer,
|
|
11180
|
+
stringOverrides
|
|
11181
|
+
}) => {
|
|
11178
11182
|
const {
|
|
11179
11183
|
data: actualData,
|
|
11180
11184
|
isLoading,
|
|
@@ -11299,9 +11303,14 @@ var ProfitAndLossTable = ({ asContainer, stringOverrides }) => {
|
|
|
11299
11303
|
), data.other_outflows || data.personal_expenses ? /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null, renderLineItem(data.other_outflows, 0, "other_outflows", 6), renderLineItem(data.personal_expenses, 0, "personal_expenses", 7)) : null));
|
|
11300
11304
|
};
|
|
11301
11305
|
|
|
11306
|
+
// src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
|
|
11307
|
+
var ProfitAndLossTableWithProvider = (props) => {
|
|
11308
|
+
return /* @__PURE__ */ import_react117.default.createElement(TableProvider, null, /* @__PURE__ */ import_react117.default.createElement(ProfitAndLossTableComponent, { ...props }));
|
|
11309
|
+
};
|
|
11310
|
+
|
|
11302
11311
|
// src/components/ProfitAndLoss/ProfitAndLoss.tsx
|
|
11303
11312
|
var import_date_fns22 = require("date-fns");
|
|
11304
|
-
var PNLContext = (0,
|
|
11313
|
+
var PNLContext = (0, import_react118.createContext)({
|
|
11305
11314
|
data: void 0,
|
|
11306
11315
|
filteredDataRevenue: [],
|
|
11307
11316
|
filteredTotalRevenue: void 0,
|
|
@@ -11337,21 +11346,21 @@ var ProfitAndLoss = ({
|
|
|
11337
11346
|
asContainer = true
|
|
11338
11347
|
}) => {
|
|
11339
11348
|
const contextData = useProfitAndLoss({ tagFilter, reportingBasis });
|
|
11340
|
-
return /* @__PURE__ */
|
|
11349
|
+
return /* @__PURE__ */ import_react118.default.createElement(PNLContext.Provider, { value: contextData }, asContainer ? /* @__PURE__ */ import_react118.default.createElement(Container, { name: "profit-and-loss" }, children) : children);
|
|
11341
11350
|
};
|
|
11342
11351
|
ProfitAndLoss.Chart = ProfitAndLossChart;
|
|
11343
11352
|
ProfitAndLoss.Context = PNLContext;
|
|
11344
11353
|
ProfitAndLoss.DatePicker = ProfitAndLossDatePicker;
|
|
11345
11354
|
ProfitAndLoss.Summaries = ProfitAndLossSummaries;
|
|
11346
|
-
ProfitAndLoss.Table =
|
|
11355
|
+
ProfitAndLoss.Table = ProfitAndLossTableWithProvider;
|
|
11347
11356
|
ProfitAndLoss.DetailedCharts = ProfitAndLossDetailedCharts;
|
|
11348
11357
|
|
|
11349
11358
|
// src/components/BalanceSheet/BalanceSheet.tsx
|
|
11350
|
-
var
|
|
11359
|
+
var import_react127 = __toESM(require("react"));
|
|
11351
11360
|
|
|
11352
11361
|
// src/contexts/BalanceSheetContext/BalanceSheetContext.tsx
|
|
11353
|
-
var
|
|
11354
|
-
var BalanceSheetContext = (0,
|
|
11362
|
+
var import_react119 = require("react");
|
|
11363
|
+
var BalanceSheetContext = (0, import_react119.createContext)({
|
|
11355
11364
|
data: void 0,
|
|
11356
11365
|
isLoading: false,
|
|
11357
11366
|
error: void 0,
|
|
@@ -11360,7 +11369,7 @@ var BalanceSheetContext = (0, import_react118.createContext)({
|
|
|
11360
11369
|
});
|
|
11361
11370
|
|
|
11362
11371
|
// src/hooks/useBalanceSheet/useBalanceSheet.tsx
|
|
11363
|
-
var
|
|
11372
|
+
var import_react120 = require("react");
|
|
11364
11373
|
var import_date_fns23 = require("date-fns");
|
|
11365
11374
|
var import_swr5 = __toESM(require("swr"));
|
|
11366
11375
|
var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
|
|
@@ -11379,12 +11388,12 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
|
|
|
11379
11388
|
const refetch = () => {
|
|
11380
11389
|
mutate();
|
|
11381
11390
|
};
|
|
11382
|
-
(0,
|
|
11391
|
+
(0, import_react120.useEffect)(() => {
|
|
11383
11392
|
if (queryKey && (isLoading || isValidating)) {
|
|
11384
11393
|
read("BALANCE_SHEET" /* BALANCE_SHEET */, queryKey);
|
|
11385
11394
|
}
|
|
11386
11395
|
}, [isLoading, isValidating]);
|
|
11387
|
-
(0,
|
|
11396
|
+
(0, import_react120.useEffect)(() => {
|
|
11388
11397
|
if (queryKey && hasBeenTouched(queryKey)) {
|
|
11389
11398
|
refetch();
|
|
11390
11399
|
}
|
|
@@ -11393,12 +11402,12 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
|
|
|
11393
11402
|
};
|
|
11394
11403
|
|
|
11395
11404
|
// src/components/BalanceSheetDatePicker/BalanceSheetDatePicker.tsx
|
|
11396
|
-
var
|
|
11405
|
+
var import_react121 = __toESM(require("react"));
|
|
11397
11406
|
var BalanceSheetDatePicker = ({
|
|
11398
11407
|
effectiveDate,
|
|
11399
11408
|
setEffectiveDate
|
|
11400
11409
|
}) => {
|
|
11401
|
-
return /* @__PURE__ */
|
|
11410
|
+
return /* @__PURE__ */ import_react121.default.createElement(import_react121.default.Fragment, null, /* @__PURE__ */ import_react121.default.createElement(
|
|
11402
11411
|
DatePicker,
|
|
11403
11412
|
{
|
|
11404
11413
|
selected: effectiveDate,
|
|
@@ -11409,14 +11418,14 @@ var BalanceSheetDatePicker = ({
|
|
|
11409
11418
|
};
|
|
11410
11419
|
|
|
11411
11420
|
// src/components/BalanceSheetExpandAllButton/BalanceSheetExpandAllButton.tsx
|
|
11412
|
-
var
|
|
11421
|
+
var import_react122 = __toESM(require("react"));
|
|
11413
11422
|
var BalanceSheetExpandAllButton = () => {
|
|
11414
11423
|
const { expandedAllRows, toggleAllRows } = useTableExpandRow();
|
|
11415
|
-
return /* @__PURE__ */
|
|
11424
|
+
return /* @__PURE__ */ import_react122.default.createElement(Button, { onClick: () => toggleAllRows(), variant: "secondary" /* secondary */ }, !expandedAllRows ? "Expand all rows" : "Collapse all rows");
|
|
11416
11425
|
};
|
|
11417
11426
|
|
|
11418
11427
|
// src/components/BalanceSheetTable/BalanceSheetTable.tsx
|
|
11419
|
-
var
|
|
11428
|
+
var import_react123 = __toESM(require("react"));
|
|
11420
11429
|
var BalanceSheetTable = ({
|
|
11421
11430
|
data,
|
|
11422
11431
|
config,
|
|
@@ -11424,12 +11433,12 @@ var BalanceSheetTable = ({
|
|
|
11424
11433
|
}) => {
|
|
11425
11434
|
const { isOpen, setIsOpen, expandedAllRows } = useTableExpandRow();
|
|
11426
11435
|
const allRowKeys = [];
|
|
11427
|
-
(0,
|
|
11436
|
+
(0, import_react123.useEffect)(() => {
|
|
11428
11437
|
if (expandedAllRows) {
|
|
11429
11438
|
setIsOpen(allRowKeys, true);
|
|
11430
11439
|
}
|
|
11431
11440
|
}, [expandedAllRows]);
|
|
11432
|
-
(0,
|
|
11441
|
+
(0, import_react123.useEffect)(() => {
|
|
11433
11442
|
setIsOpen(["assets"]);
|
|
11434
11443
|
}, []);
|
|
11435
11444
|
const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
|
|
@@ -11439,7 +11448,7 @@ var BalanceSheetTable = ({
|
|
|
11439
11448
|
if (expandable) {
|
|
11440
11449
|
allRowKeys.push(rowKey);
|
|
11441
11450
|
}
|
|
11442
|
-
return /* @__PURE__ */
|
|
11451
|
+
return /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react123.default.createElement(
|
|
11443
11452
|
TableRow,
|
|
11444
11453
|
{
|
|
11445
11454
|
rowKey: rowKey + "-" + rowIndex,
|
|
@@ -11449,8 +11458,8 @@ var BalanceSheetTable = ({
|
|
|
11449
11458
|
depth,
|
|
11450
11459
|
withDivider: depth === 0 && rowIndex > 0
|
|
11451
11460
|
},
|
|
11452
|
-
/* @__PURE__ */
|
|
11453
|
-
/* @__PURE__ */
|
|
11461
|
+
/* @__PURE__ */ import_react123.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
|
|
11462
|
+
/* @__PURE__ */ import_react123.default.createElement(
|
|
11454
11463
|
TableCell,
|
|
11455
11464
|
{
|
|
11456
11465
|
isCurrency: !expandable || expandable && !expanded,
|
|
@@ -11465,18 +11474,18 @@ var BalanceSheetTable = ({
|
|
|
11465
11474
|
rowKey + ":" + subItem.name,
|
|
11466
11475
|
subIdx
|
|
11467
11476
|
)
|
|
11468
|
-
), showChildren && expandable && /* @__PURE__ */
|
|
11477
|
+
), showChildren && expandable && /* @__PURE__ */ import_react123.default.createElement(
|
|
11469
11478
|
TableRow,
|
|
11470
11479
|
{
|
|
11471
11480
|
rowKey: rowKey + "-" + rowIndex + "--summation",
|
|
11472
11481
|
depth: depth + 1,
|
|
11473
11482
|
variant: "summation"
|
|
11474
11483
|
},
|
|
11475
|
-
/* @__PURE__ */
|
|
11476
|
-
/* @__PURE__ */
|
|
11484
|
+
/* @__PURE__ */ import_react123.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
|
|
11485
|
+
/* @__PURE__ */ import_react123.default.createElement(TableCell, { primary: true, isCurrency: true }, lineItem.value)
|
|
11477
11486
|
));
|
|
11478
11487
|
};
|
|
11479
|
-
return /* @__PURE__ */
|
|
11488
|
+
return /* @__PURE__ */ import_react123.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react123.default.createElement(TableHead, null, /* @__PURE__ */ import_react123.default.createElement(TableRow, { isHeadRow: true, rowKey: "balance-sheet-head-row" }, /* @__PURE__ */ import_react123.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react123.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.totalColumnHeader || "Total"))), /* @__PURE__ */ import_react123.default.createElement(TableBody, null, config.map((row, idx) => /* @__PURE__ */ import_react123.default.createElement(import_react123.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
|
|
11480
11489
|
data[row.lineItem],
|
|
11481
11490
|
0,
|
|
11482
11491
|
row.lineItem,
|
|
@@ -11485,16 +11494,16 @@ var BalanceSheetTable = ({
|
|
|
11485
11494
|
};
|
|
11486
11495
|
|
|
11487
11496
|
// src/components/View/View.tsx
|
|
11488
|
-
var
|
|
11497
|
+
var import_react126 = __toESM(require("react"));
|
|
11489
11498
|
|
|
11490
11499
|
// src/components/ViewHeader/ViewHeader.tsx
|
|
11491
|
-
var
|
|
11500
|
+
var import_react124 = __toESM(require("react"));
|
|
11492
11501
|
var ViewHeader = ({ title, controls }) => {
|
|
11493
|
-
return /* @__PURE__ */
|
|
11502
|
+
return /* @__PURE__ */ import_react124.default.createElement("div", { className: "Layer__view-header" }, /* @__PURE__ */ import_react124.default.createElement("div", { className: "Layer__view-header__content" }, title && /* @__PURE__ */ import_react124.default.createElement(Heading, null, title), controls && /* @__PURE__ */ import_react124.default.createElement("div", { className: "Layer__view-header__controls" }, controls)));
|
|
11494
11503
|
};
|
|
11495
11504
|
|
|
11496
11505
|
// src/components/Panel/Panel.tsx
|
|
11497
|
-
var
|
|
11506
|
+
var import_react125 = __toESM(require("react"));
|
|
11498
11507
|
var import_classnames50 = __toESM(require("classnames"));
|
|
11499
11508
|
var Panel = ({
|
|
11500
11509
|
children,
|
|
@@ -11505,8 +11514,8 @@ var Panel = ({
|
|
|
11505
11514
|
parentRef,
|
|
11506
11515
|
defaultSidebarHeight = false
|
|
11507
11516
|
}) => {
|
|
11508
|
-
const [sidebarHeight, setSidebarHeight] = (0,
|
|
11509
|
-
(0,
|
|
11517
|
+
const [sidebarHeight, setSidebarHeight] = (0, import_react125.useState)(0);
|
|
11518
|
+
(0, import_react125.useEffect)(() => {
|
|
11510
11519
|
if (parentRef?.current?.offsetHeight) {
|
|
11511
11520
|
setSidebarHeight(parentRef?.current?.offsetHeight - 1);
|
|
11512
11521
|
}
|
|
@@ -11515,7 +11524,7 @@ var Panel = ({
|
|
|
11515
11524
|
"Layer__panel__sidebar",
|
|
11516
11525
|
defaultSidebarHeight && "Layer__panel__sidebar--default"
|
|
11517
11526
|
);
|
|
11518
|
-
return /* @__PURE__ */
|
|
11527
|
+
return /* @__PURE__ */ import_react125.default.createElement(
|
|
11519
11528
|
"div",
|
|
11520
11529
|
{
|
|
11521
11530
|
className: (0, import_classnames50.default)(
|
|
@@ -11524,8 +11533,8 @@ var Panel = ({
|
|
|
11524
11533
|
sidebarIsOpen && "Layer__panel--open"
|
|
11525
11534
|
)
|
|
11526
11535
|
},
|
|
11527
|
-
/* @__PURE__ */
|
|
11528
|
-
sidebar && /* @__PURE__ */
|
|
11536
|
+
/* @__PURE__ */ import_react125.default.createElement("div", { className: "Layer__panel__content" }, header, children),
|
|
11537
|
+
sidebar && /* @__PURE__ */ import_react125.default.createElement(
|
|
11529
11538
|
"div",
|
|
11530
11539
|
{
|
|
11531
11540
|
className: sidebarClass,
|
|
@@ -11533,7 +11542,7 @@ var Panel = ({
|
|
|
11533
11542
|
maxHeight: sidebarHeight > 0 && sidebarIsOpen ? sidebarHeight : 0
|
|
11534
11543
|
} : {}
|
|
11535
11544
|
},
|
|
11536
|
-
/* @__PURE__ */
|
|
11545
|
+
/* @__PURE__ */ import_react125.default.createElement("div", { className: "Layer__panel__sidebar-content" }, sidebar)
|
|
11537
11546
|
)
|
|
11538
11547
|
);
|
|
11539
11548
|
};
|
|
@@ -11556,7 +11565,7 @@ var View = ({
|
|
|
11556
11565
|
type === "panel" && "Layer__view--panel",
|
|
11557
11566
|
viewClassName
|
|
11558
11567
|
);
|
|
11559
|
-
return /* @__PURE__ */
|
|
11568
|
+
return /* @__PURE__ */ import_react126.default.createElement("div", { className: viewClassNames, style: { ...styles } }, /* @__PURE__ */ import_react126.default.createElement(ViewHeader, { title, controls: headerControls }), withSidebar ? /* @__PURE__ */ import_react126.default.createElement(Panel, { sidebarIsOpen: true, sidebar, defaultSidebarHeight: true }, /* @__PURE__ */ import_react126.default.createElement("div", { className: "Layer__view-main" }, children)) : /* @__PURE__ */ import_react126.default.createElement("div", { className: "Layer__view-main" }, children));
|
|
11560
11569
|
};
|
|
11561
11570
|
|
|
11562
11571
|
// src/components/BalanceSheet/constants.ts
|
|
@@ -11578,7 +11587,7 @@ var import_date_fns24 = require("date-fns");
|
|
|
11578
11587
|
var COMPONENT_NAME3 = "balance-sheet";
|
|
11579
11588
|
var BalanceSheet = (props) => {
|
|
11580
11589
|
const balanceSheetContextData = useBalanceSheet(props.effectiveDate);
|
|
11581
|
-
return /* @__PURE__ */
|
|
11590
|
+
return /* @__PURE__ */ import_react127.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react127.default.createElement(
|
|
11582
11591
|
BalanceSheetView,
|
|
11583
11592
|
{
|
|
11584
11593
|
asWidget: props.asWidget,
|
|
@@ -11592,9 +11601,9 @@ var BalanceSheetView = ({
|
|
|
11592
11601
|
asWidget = false,
|
|
11593
11602
|
stringOverrides
|
|
11594
11603
|
}) => {
|
|
11595
|
-
const [effectiveDate, setEffectiveDate] = (0,
|
|
11604
|
+
const [effectiveDate, setEffectiveDate] = (0, import_react127.useState)((0, import_date_fns24.startOfDay)(/* @__PURE__ */ new Date()));
|
|
11596
11605
|
const { data, isLoading, refetch } = useBalanceSheet(effectiveDate);
|
|
11597
|
-
(0,
|
|
11606
|
+
(0, import_react127.useEffect)(() => {
|
|
11598
11607
|
const d1 = effectiveDate && (0, import_date_fns24.format)((0, import_date_fns24.startOfDay)(effectiveDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
|
|
11599
11608
|
const d2 = data?.effective_date && (0, import_date_fns24.format)(
|
|
11600
11609
|
(0, import_date_fns24.startOfDay)(
|
|
@@ -11607,19 +11616,19 @@ var BalanceSheetView = ({
|
|
|
11607
11616
|
}
|
|
11608
11617
|
}, [effectiveDate]);
|
|
11609
11618
|
if (asWidget) {
|
|
11610
|
-
return /* @__PURE__ */
|
|
11619
|
+
return /* @__PURE__ */ import_react127.default.createElement(TableProvider, null, /* @__PURE__ */ import_react127.default.createElement(Container, { name: COMPONENT_NAME3, asWidget: true }, /* @__PURE__ */ import_react127.default.createElement(
|
|
11611
11620
|
View,
|
|
11612
11621
|
{
|
|
11613
11622
|
type: "panel",
|
|
11614
|
-
headerControls: /* @__PURE__ */
|
|
11623
|
+
headerControls: /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, /* @__PURE__ */ import_react127.default.createElement(
|
|
11615
11624
|
BalanceSheetDatePicker,
|
|
11616
11625
|
{
|
|
11617
11626
|
effectiveDate,
|
|
11618
11627
|
setEffectiveDate
|
|
11619
11628
|
}
|
|
11620
|
-
), withExpandAllButton && /* @__PURE__ */
|
|
11629
|
+
), withExpandAllButton && /* @__PURE__ */ import_react127.default.createElement(BalanceSheetExpandAllButton, null))
|
|
11621
11630
|
},
|
|
11622
|
-
!data || isLoading ? /* @__PURE__ */
|
|
11631
|
+
!data || isLoading ? /* @__PURE__ */ import_react127.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react127.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react127.default.createElement(
|
|
11623
11632
|
BalanceSheetTable,
|
|
11624
11633
|
{
|
|
11625
11634
|
data,
|
|
@@ -11629,19 +11638,19 @@ var BalanceSheetView = ({
|
|
|
11629
11638
|
)
|
|
11630
11639
|
)));
|
|
11631
11640
|
}
|
|
11632
|
-
return /* @__PURE__ */
|
|
11641
|
+
return /* @__PURE__ */ import_react127.default.createElement(TableProvider, null, /* @__PURE__ */ import_react127.default.createElement(
|
|
11633
11642
|
View,
|
|
11634
11643
|
{
|
|
11635
11644
|
type: "panel",
|
|
11636
|
-
headerControls: /* @__PURE__ */
|
|
11645
|
+
headerControls: /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, /* @__PURE__ */ import_react127.default.createElement(
|
|
11637
11646
|
BalanceSheetDatePicker,
|
|
11638
11647
|
{
|
|
11639
11648
|
effectiveDate,
|
|
11640
11649
|
setEffectiveDate
|
|
11641
11650
|
}
|
|
11642
|
-
), withExpandAllButton && /* @__PURE__ */
|
|
11651
|
+
), withExpandAllButton && /* @__PURE__ */ import_react127.default.createElement(BalanceSheetExpandAllButton, null))
|
|
11643
11652
|
},
|
|
11644
|
-
!data || isLoading ? /* @__PURE__ */
|
|
11653
|
+
!data || isLoading ? /* @__PURE__ */ import_react127.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react127.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react127.default.createElement(
|
|
11645
11654
|
BalanceSheetTable,
|
|
11646
11655
|
{
|
|
11647
11656
|
data,
|
|
@@ -11653,11 +11662,11 @@ var BalanceSheetView = ({
|
|
|
11653
11662
|
};
|
|
11654
11663
|
|
|
11655
11664
|
// src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
|
|
11656
|
-
var
|
|
11665
|
+
var import_react131 = __toESM(require("react"));
|
|
11657
11666
|
|
|
11658
11667
|
// src/contexts/StatementOfCashContext/StatementOfCashFlowContext.tsx
|
|
11659
|
-
var
|
|
11660
|
-
var StatementOfCashFlowContext = (0,
|
|
11668
|
+
var import_react128 = require("react");
|
|
11669
|
+
var StatementOfCashFlowContext = (0, import_react128.createContext)({
|
|
11661
11670
|
data: void 0,
|
|
11662
11671
|
isLoading: false,
|
|
11663
11672
|
error: void 0,
|
|
@@ -11666,7 +11675,7 @@ var StatementOfCashFlowContext = (0, import_react127.createContext)({
|
|
|
11666
11675
|
});
|
|
11667
11676
|
|
|
11668
11677
|
// src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
|
|
11669
|
-
var
|
|
11678
|
+
var import_react129 = require("react");
|
|
11670
11679
|
var import_date_fns25 = require("date-fns");
|
|
11671
11680
|
var import_swr6 = __toESM(require("swr"));
|
|
11672
11681
|
var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate = /* @__PURE__ */ new Date()) => {
|
|
@@ -11690,12 +11699,12 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
|
|
|
11690
11699
|
const refetch = () => {
|
|
11691
11700
|
mutate();
|
|
11692
11701
|
};
|
|
11693
|
-
(0,
|
|
11702
|
+
(0, import_react129.useEffect)(() => {
|
|
11694
11703
|
if (queryKey && (isLoading || isValidating)) {
|
|
11695
11704
|
read("STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */, queryKey);
|
|
11696
11705
|
}
|
|
11697
11706
|
}, [isLoading, isValidating]);
|
|
11698
|
-
(0,
|
|
11707
|
+
(0, import_react129.useEffect)(() => {
|
|
11699
11708
|
if (queryKey && hasBeenTouched(queryKey)) {
|
|
11700
11709
|
refetch();
|
|
11701
11710
|
}
|
|
@@ -11704,7 +11713,7 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
|
|
|
11704
11713
|
};
|
|
11705
11714
|
|
|
11706
11715
|
// src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
|
|
11707
|
-
var
|
|
11716
|
+
var import_react130 = __toESM(require("react"));
|
|
11708
11717
|
var StatementOfCashFlowTable = ({
|
|
11709
11718
|
data,
|
|
11710
11719
|
config,
|
|
@@ -11714,7 +11723,7 @@ var StatementOfCashFlowTable = ({
|
|
|
11714
11723
|
const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
|
|
11715
11724
|
const expandable = !!lineItem.line_items && lineItem.line_items.length > 0;
|
|
11716
11725
|
const expanded = expandable ? isOpen(rowKey) : true;
|
|
11717
|
-
return /* @__PURE__ */
|
|
11726
|
+
return /* @__PURE__ */ import_react130.default.createElement(import_react130.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react130.default.createElement(
|
|
11718
11727
|
TableRow,
|
|
11719
11728
|
{
|
|
11720
11729
|
rowKey: rowKey + "-" + rowIndex,
|
|
@@ -11723,8 +11732,8 @@ var StatementOfCashFlowTable = ({
|
|
|
11723
11732
|
handleExpand: () => setIsOpen(rowKey),
|
|
11724
11733
|
depth
|
|
11725
11734
|
},
|
|
11726
|
-
/* @__PURE__ */
|
|
11727
|
-
/* @__PURE__ */
|
|
11735
|
+
/* @__PURE__ */ import_react130.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
|
|
11736
|
+
/* @__PURE__ */ import_react130.default.createElement(
|
|
11728
11737
|
TableCell,
|
|
11729
11738
|
{
|
|
11730
11739
|
isCurrency: !expandable || expandable && !expanded,
|
|
@@ -11739,27 +11748,27 @@ var StatementOfCashFlowTable = ({
|
|
|
11739
11748
|
rowKey + ":" + subItem.name,
|
|
11740
11749
|
subIdx
|
|
11741
11750
|
)
|
|
11742
|
-
), expanded && expandable && /* @__PURE__ */
|
|
11751
|
+
), expanded && expandable && /* @__PURE__ */ import_react130.default.createElement(
|
|
11743
11752
|
TableRow,
|
|
11744
11753
|
{
|
|
11745
11754
|
rowKey: rowKey + "-" + rowIndex + "--summation",
|
|
11746
11755
|
depth: depth + 1,
|
|
11747
11756
|
variant: "summation"
|
|
11748
11757
|
},
|
|
11749
|
-
/* @__PURE__ */
|
|
11750
|
-
/* @__PURE__ */
|
|
11758
|
+
/* @__PURE__ */ import_react130.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
|
|
11759
|
+
/* @__PURE__ */ import_react130.default.createElement(TableCell, { primary: true, isCurrency: true }, lineItem.value)
|
|
11751
11760
|
));
|
|
11752
11761
|
};
|
|
11753
|
-
return /* @__PURE__ */
|
|
11762
|
+
return /* @__PURE__ */ import_react130.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react130.default.createElement(TableHead, null, /* @__PURE__ */ import_react130.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react130.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react130.default.createElement(TableCell, { isHeaderCell: true }, stringOverrides?.totalColumnHeader || "Total"))), /* @__PURE__ */ import_react130.default.createElement(TableBody, null, config.map((row, idx) => {
|
|
11754
11763
|
if (row.type === "line_item") {
|
|
11755
|
-
return /* @__PURE__ */
|
|
11764
|
+
return /* @__PURE__ */ import_react130.default.createElement(import_react130.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
|
|
11756
11765
|
data[row.lineItem],
|
|
11757
11766
|
0,
|
|
11758
11767
|
row.lineItem ? row.lineItem : "",
|
|
11759
11768
|
idx
|
|
11760
11769
|
));
|
|
11761
11770
|
} else {
|
|
11762
|
-
return /* @__PURE__ */
|
|
11771
|
+
return /* @__PURE__ */ import_react130.default.createElement(TableRow, { rowKey: row.name + "-" + idx, variant: "default" }, /* @__PURE__ */ import_react130.default.createElement(TableCell, { primary: true }, row.displayName), /* @__PURE__ */ import_react130.default.createElement(TableCell, { primary: true, isCurrency: true }, row.lineItem));
|
|
11763
11772
|
}
|
|
11764
11773
|
})));
|
|
11765
11774
|
};
|
|
@@ -11808,13 +11817,13 @@ var import_date_fns26 = require("date-fns");
|
|
|
11808
11817
|
var COMPONENT_NAME4 = "statement-of-cash-flow";
|
|
11809
11818
|
var StatementOfCashFlow = ({ stringOverrides }) => {
|
|
11810
11819
|
const cashContextData = useStatementOfCashFlow();
|
|
11811
|
-
return /* @__PURE__ */
|
|
11820
|
+
return /* @__PURE__ */ import_react131.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react131.default.createElement(StatementOfCashFlowView, { stringOverrides }));
|
|
11812
11821
|
};
|
|
11813
11822
|
var StatementOfCashFlowView = ({ stringOverrides }) => {
|
|
11814
|
-
const [startDate, setStartDate] = (0,
|
|
11823
|
+
const [startDate, setStartDate] = (0, import_react131.useState)(
|
|
11815
11824
|
(0, import_date_fns26.startOfDay)((0, import_date_fns26.subWeeks)(/* @__PURE__ */ new Date(), 4))
|
|
11816
11825
|
);
|
|
11817
|
-
const [endDate, setEndDate] = (0,
|
|
11826
|
+
const [endDate, setEndDate] = (0, import_react131.useState)((0, import_date_fns26.startOfDay)(/* @__PURE__ */ new Date()));
|
|
11818
11827
|
const { data, isLoading, refetch } = useStatementOfCashFlow(
|
|
11819
11828
|
startDate,
|
|
11820
11829
|
endDate
|
|
@@ -11830,11 +11839,11 @@ var StatementOfCashFlowView = ({ stringOverrides }) => {
|
|
|
11830
11839
|
refetch();
|
|
11831
11840
|
}
|
|
11832
11841
|
};
|
|
11833
|
-
return /* @__PURE__ */
|
|
11842
|
+
return /* @__PURE__ */ import_react131.default.createElement(TableProvider, null, /* @__PURE__ */ import_react131.default.createElement(
|
|
11834
11843
|
View,
|
|
11835
11844
|
{
|
|
11836
11845
|
type: "panel",
|
|
11837
|
-
headerControls: /* @__PURE__ */
|
|
11846
|
+
headerControls: /* @__PURE__ */ import_react131.default.createElement(import_react131.default.Fragment, null, /* @__PURE__ */ import_react131.default.createElement(
|
|
11838
11847
|
DatePicker,
|
|
11839
11848
|
{
|
|
11840
11849
|
selected: [startDate, endDate],
|
|
@@ -11844,7 +11853,7 @@ var StatementOfCashFlowView = ({ stringOverrides }) => {
|
|
|
11844
11853
|
}
|
|
11845
11854
|
))
|
|
11846
11855
|
},
|
|
11847
|
-
!data || isLoading ? /* @__PURE__ */
|
|
11856
|
+
!data || isLoading ? /* @__PURE__ */ import_react131.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react131.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react131.default.createElement(
|
|
11848
11857
|
StatementOfCashFlowTable,
|
|
11849
11858
|
{
|
|
11850
11859
|
data,
|
|
@@ -11856,12 +11865,12 @@ var StatementOfCashFlowView = ({ stringOverrides }) => {
|
|
|
11856
11865
|
};
|
|
11857
11866
|
|
|
11858
11867
|
// src/components/ChartOfAccounts/ChartOfAccounts.tsx
|
|
11859
|
-
var
|
|
11868
|
+
var import_react149 = __toESM(require("react"));
|
|
11860
11869
|
|
|
11861
11870
|
// src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
|
|
11862
|
-
var
|
|
11871
|
+
var import_react132 = require("react");
|
|
11863
11872
|
var import_date_fns27 = require("date-fns");
|
|
11864
|
-
var ChartOfAccountsContext = (0,
|
|
11873
|
+
var ChartOfAccountsContext = (0, import_react132.createContext)(
|
|
11865
11874
|
{
|
|
11866
11875
|
data: void 0,
|
|
11867
11876
|
isLoading: false,
|
|
@@ -11892,8 +11901,8 @@ var ChartOfAccountsContext = (0, import_react131.createContext)(
|
|
|
11892
11901
|
);
|
|
11893
11902
|
|
|
11894
11903
|
// src/contexts/LedgerAccountsContext/LedgerAccountsContext.tsx
|
|
11895
|
-
var
|
|
11896
|
-
var LedgerAccountsContext = (0,
|
|
11904
|
+
var import_react133 = require("react");
|
|
11905
|
+
var LedgerAccountsContext = (0, import_react133.createContext)({
|
|
11897
11906
|
data: void 0,
|
|
11898
11907
|
entryData: void 0,
|
|
11899
11908
|
isLoading: false,
|
|
@@ -11915,7 +11924,7 @@ var LedgerAccountsContext = (0, import_react132.createContext)({
|
|
|
11915
11924
|
});
|
|
11916
11925
|
|
|
11917
11926
|
// src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
|
|
11918
|
-
var
|
|
11927
|
+
var import_react134 = require("react");
|
|
11919
11928
|
|
|
11920
11929
|
// src/components/ChartOfAccountsForm/constants.ts
|
|
11921
11930
|
var LEDGER_ACCOUNT_TYPES = [
|
|
@@ -12212,13 +12221,13 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
|
|
|
12212
12221
|
syncTimestamps,
|
|
12213
12222
|
hasBeenTouched
|
|
12214
12223
|
} = useLayerContext();
|
|
12215
|
-
const [form, setForm] = (0,
|
|
12216
|
-
const [sendingForm, setSendingForm] = (0,
|
|
12217
|
-
const [apiError, setApiError] = (0,
|
|
12218
|
-
const [startDate, setStartDate] = (0,
|
|
12224
|
+
const [form, setForm] = (0, import_react134.useState)();
|
|
12225
|
+
const [sendingForm, setSendingForm] = (0, import_react134.useState)(false);
|
|
12226
|
+
const [apiError, setApiError] = (0, import_react134.useState)(void 0);
|
|
12227
|
+
const [startDate, setStartDate] = (0, import_react134.useState)(
|
|
12219
12228
|
initialStartDate ?? (0, import_date_fns28.startOfMonth)(Date.now())
|
|
12220
12229
|
);
|
|
12221
|
-
const [endDate, setEndDate] = (0,
|
|
12230
|
+
const [endDate, setEndDate] = (0, import_react134.useState)(
|
|
12222
12231
|
initialEndDate ?? (0, import_date_fns28.endOfMonth)(Date.now())
|
|
12223
12232
|
);
|
|
12224
12233
|
const queryKey = businessId && auth?.access_token && `chart-of-accounts-${businessId}-${startDate?.valueOf()}-${endDate?.valueOf()}`;
|
|
@@ -12399,12 +12408,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
|
|
|
12399
12408
|
newEndDate && setEndDate(newEndDate);
|
|
12400
12409
|
};
|
|
12401
12410
|
const refetch = () => mutate();
|
|
12402
|
-
(0,
|
|
12411
|
+
(0, import_react134.useEffect)(() => {
|
|
12403
12412
|
if (queryKey && (isLoading || isValidating)) {
|
|
12404
12413
|
read("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */, queryKey);
|
|
12405
12414
|
}
|
|
12406
12415
|
}, [isLoading, isValidating]);
|
|
12407
|
-
(0,
|
|
12416
|
+
(0, import_react134.useEffect)(() => {
|
|
12408
12417
|
if (queryKey && hasBeenTouched(queryKey)) {
|
|
12409
12418
|
refetch();
|
|
12410
12419
|
}
|
|
@@ -12430,12 +12439,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
|
|
|
12430
12439
|
};
|
|
12431
12440
|
|
|
12432
12441
|
// src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
|
|
12433
|
-
var
|
|
12442
|
+
var import_react135 = require("react");
|
|
12434
12443
|
var import_swr8 = __toESM(require("swr"));
|
|
12435
12444
|
var useLedgerAccounts = () => {
|
|
12436
12445
|
const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
|
|
12437
|
-
const [accountId, setAccountId] = (0,
|
|
12438
|
-
const [selectedEntryId, setSelectedEntryId] = (0,
|
|
12446
|
+
const [accountId, setAccountId] = (0, import_react135.useState)();
|
|
12447
|
+
const [selectedEntryId, setSelectedEntryId] = (0, import_react135.useState)();
|
|
12439
12448
|
const queryKey = businessId && accountId && auth?.access_token && `ledger-accounts-lines-${businessId}-${accountId}`;
|
|
12440
12449
|
const { data, isLoading, isValidating, error, mutate } = (0, import_swr8.default)(
|
|
12441
12450
|
queryKey,
|
|
@@ -12460,12 +12469,12 @@ var useLedgerAccounts = () => {
|
|
|
12460
12469
|
setSelectedEntryId(void 0);
|
|
12461
12470
|
mutateEntryData();
|
|
12462
12471
|
};
|
|
12463
|
-
(0,
|
|
12472
|
+
(0, import_react135.useEffect)(() => {
|
|
12464
12473
|
if (queryKey && (isLoading || isValidating)) {
|
|
12465
12474
|
read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
|
|
12466
12475
|
}
|
|
12467
12476
|
}, [isLoading, isValidating]);
|
|
12468
|
-
(0,
|
|
12477
|
+
(0, import_react135.useEffect)(() => {
|
|
12469
12478
|
if (queryKey && hasBeenTouched(queryKey)) {
|
|
12470
12479
|
refetch();
|
|
12471
12480
|
}
|
|
@@ -12489,14 +12498,14 @@ var useLedgerAccounts = () => {
|
|
|
12489
12498
|
};
|
|
12490
12499
|
|
|
12491
12500
|
// src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
|
|
12492
|
-
var
|
|
12501
|
+
var import_react141 = __toESM(require("react"));
|
|
12493
12502
|
|
|
12494
12503
|
// src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
|
|
12495
|
-
var
|
|
12504
|
+
var import_react136 = __toESM(require("react"));
|
|
12496
12505
|
var import_date_fns29 = require("date-fns");
|
|
12497
12506
|
var ChartOfAccountsDatePicker = () => {
|
|
12498
|
-
const { changeDateRange, dateRange } = (0,
|
|
12499
|
-
return /* @__PURE__ */
|
|
12507
|
+
const { changeDateRange, dateRange } = (0, import_react136.useContext)(ChartOfAccountsContext);
|
|
12508
|
+
return /* @__PURE__ */ import_react136.default.createElement(
|
|
12500
12509
|
DatePicker,
|
|
12501
12510
|
{
|
|
12502
12511
|
mode: "monthPicker",
|
|
@@ -12514,11 +12523,11 @@ var ChartOfAccountsDatePicker = () => {
|
|
|
12514
12523
|
};
|
|
12515
12524
|
|
|
12516
12525
|
// src/components/ChartOfAccountsRow/ChartOfAccountsRow.tsx
|
|
12517
|
-
var
|
|
12526
|
+
var import_react137 = __toESM(require("react"));
|
|
12518
12527
|
|
|
12519
12528
|
// src/icons/Edit2.tsx
|
|
12520
|
-
var
|
|
12521
|
-
var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */
|
|
12529
|
+
var React142 = __toESM(require("react"));
|
|
12530
|
+
var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */ React142.createElement(
|
|
12522
12531
|
"svg",
|
|
12523
12532
|
{
|
|
12524
12533
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -12528,7 +12537,7 @@ var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */ React141.createElement(
|
|
|
12528
12537
|
width: size,
|
|
12529
12538
|
height: size
|
|
12530
12539
|
},
|
|
12531
|
-
/* @__PURE__ */
|
|
12540
|
+
/* @__PURE__ */ React142.createElement(
|
|
12532
12541
|
"path",
|
|
12533
12542
|
{
|
|
12534
12543
|
d: "M12.75 2.25C12.947 2.05301 13.1808 1.89676 13.4382 1.79015C13.6956 1.68355 13.9714 1.62868 14.25 1.62868C14.5286 1.62868 14.8044 1.68355 15.0618 1.79015C15.3192 1.89676 15.553 2.05301 15.75 2.25C15.947 2.44698 16.1032 2.68083 16.2098 2.9382C16.3165 3.19557 16.3713 3.47142 16.3713 3.75C16.3713 4.02857 16.3165 4.30442 16.2098 4.56179C16.1032 4.81916 15.947 5.05302 15.75 5.25L5.625 15.375L1.5 16.5L2.625 12.375L12.75 2.25Z",
|
|
@@ -12572,10 +12581,10 @@ var ChartOfAccountsRow = ({
|
|
|
12572
12581
|
view,
|
|
12573
12582
|
expandAll
|
|
12574
12583
|
}) => {
|
|
12575
|
-
const { form, editAccount } = (0,
|
|
12576
|
-
const { setAccountId } = (0,
|
|
12584
|
+
const { form, editAccount } = (0, import_react137.useContext)(ChartOfAccountsContext);
|
|
12585
|
+
const { setAccountId } = (0, import_react137.useContext)(LedgerAccountsContext);
|
|
12577
12586
|
const baseStyle = view === "desktop" ? EXPANDED_STYLE2 : EXPANDED_MOBILE_STYLE;
|
|
12578
|
-
const [isOpen, setIsOpen] = (0,
|
|
12587
|
+
const [isOpen, setIsOpen] = (0, import_react137.useState)(defaultOpen);
|
|
12579
12588
|
const style = expanded ? {
|
|
12580
12589
|
...baseStyle,
|
|
12581
12590
|
transitionDelay: `${15 * index}ms`
|
|
@@ -12583,15 +12592,15 @@ var ChartOfAccountsRow = ({
|
|
|
12583
12592
|
...COLLAPSED_STYLE2,
|
|
12584
12593
|
transitionDelay: `${acountsLength - 15 * index}ms`
|
|
12585
12594
|
};
|
|
12586
|
-
const [showComponent, setShowComponent] = (0,
|
|
12587
|
-
const [prevExpandedAll, setPrevExpandedAll] = (0,
|
|
12588
|
-
(0,
|
|
12595
|
+
const [showComponent, setShowComponent] = (0, import_react137.useState)(false);
|
|
12596
|
+
const [prevExpandedAll, setPrevExpandedAll] = (0, import_react137.useState)(expandAll);
|
|
12597
|
+
(0, import_react137.useEffect)(() => {
|
|
12589
12598
|
const timeoutId = setTimeout(() => {
|
|
12590
12599
|
setShowComponent(true);
|
|
12591
12600
|
}, cumulativeIndex * 50);
|
|
12592
12601
|
return () => clearTimeout(timeoutId);
|
|
12593
12602
|
}, []);
|
|
12594
|
-
(0,
|
|
12603
|
+
(0, import_react137.useEffect)(() => {
|
|
12595
12604
|
if (prevExpandedAll !== expandAll && expandAll) {
|
|
12596
12605
|
setIsOpen(expandAll === "collapsed" ? false : true);
|
|
12597
12606
|
}
|
|
@@ -12612,7 +12621,7 @@ var ChartOfAccountsRow = ({
|
|
|
12612
12621
|
baseClass,
|
|
12613
12622
|
"Layer__chart-of-accounts__row---mobile"
|
|
12614
12623
|
);
|
|
12615
|
-
return /* @__PURE__ */
|
|
12624
|
+
return /* @__PURE__ */ import_react137.default.createElement(import_react137.default.Fragment, null, view === "desktop" && /* @__PURE__ */ import_react137.default.createElement(
|
|
12616
12625
|
"tr",
|
|
12617
12626
|
{
|
|
12618
12627
|
className: desktopRowClass,
|
|
@@ -12622,7 +12631,7 @@ var ChartOfAccountsRow = ({
|
|
|
12622
12631
|
setAccountId(account.id);
|
|
12623
12632
|
}
|
|
12624
12633
|
},
|
|
12625
|
-
/* @__PURE__ */
|
|
12634
|
+
/* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell Layer__coa__name" }, /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react137.default.createElement(
|
|
12626
12635
|
"span",
|
|
12627
12636
|
{
|
|
12628
12637
|
className: "Layer__table-cell-content-indentation",
|
|
@@ -12630,7 +12639,7 @@ var ChartOfAccountsRow = ({
|
|
|
12630
12639
|
paddingLeft: INDENTATION * depth + 16
|
|
12631
12640
|
}
|
|
12632
12641
|
},
|
|
12633
|
-
account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */
|
|
12642
|
+
account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react137.default.createElement(
|
|
12634
12643
|
ChevronDownFill_default,
|
|
12635
12644
|
{
|
|
12636
12645
|
size: 16,
|
|
@@ -12641,22 +12650,22 @@ var ChartOfAccountsRow = ({
|
|
|
12641
12650
|
}
|
|
12642
12651
|
}
|
|
12643
12652
|
),
|
|
12644
|
-
/* @__PURE__ */
|
|
12653
|
+
/* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__coa__name__text" }, account.name)
|
|
12645
12654
|
))),
|
|
12646
|
-
/* @__PURE__ */
|
|
12655
|
+
/* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell Layer__coa__type" }, /* @__PURE__ */ import_react137.default.createElement(
|
|
12647
12656
|
"span",
|
|
12648
12657
|
{
|
|
12649
12658
|
className: "Layer__table-cell-content Layer__mobile--hidden",
|
|
12650
12659
|
style
|
|
12651
12660
|
},
|
|
12652
12661
|
account.account_type?.display_name
|
|
12653
|
-
), /* @__PURE__ */
|
|
12662
|
+
), /* @__PURE__ */ import_react137.default.createElement(
|
|
12654
12663
|
"span",
|
|
12655
12664
|
{
|
|
12656
12665
|
className: "Layer__table-cell-content Layer__desktop--hidden",
|
|
12657
12666
|
style
|
|
12658
12667
|
},
|
|
12659
|
-
/* @__PURE__ */
|
|
12668
|
+
/* @__PURE__ */ import_react137.default.createElement(
|
|
12660
12669
|
Text,
|
|
12661
12670
|
{
|
|
12662
12671
|
weight: "bold" /* bold */,
|
|
@@ -12664,10 +12673,10 @@ var ChartOfAccountsRow = ({
|
|
|
12664
12673
|
},
|
|
12665
12674
|
account.normality
|
|
12666
12675
|
),
|
|
12667
|
-
/* @__PURE__ */
|
|
12676
|
+
/* @__PURE__ */ import_react137.default.createElement(Text, { className: "Layer__coa__subtype--mobile" }, account.account_subtype?.display_name)
|
|
12668
12677
|
)),
|
|
12669
|
-
/* @__PURE__ */
|
|
12670
|
-
/* @__PURE__ */
|
|
12678
|
+
/* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell Layer__coa__subtype Layer__mobile--hidden" }, /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__table-cell-content", style }, account.account_subtype?.display_name)),
|
|
12679
|
+
/* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell Layer__coa__balance" }, /* @__PURE__ */ import_react137.default.createElement(
|
|
12671
12680
|
"span",
|
|
12672
12681
|
{
|
|
12673
12682
|
className: "Layer__table-cell-content Layer__table-cell--amount",
|
|
@@ -12676,11 +12685,11 @@ var ChartOfAccountsRow = ({
|
|
|
12676
12685
|
"$",
|
|
12677
12686
|
centsToDollars(Math.abs(account.balance || 0))
|
|
12678
12687
|
)),
|
|
12679
|
-
/* @__PURE__ */
|
|
12688
|
+
/* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell Layer__coa__actions" }, /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react137.default.createElement(
|
|
12680
12689
|
Button,
|
|
12681
12690
|
{
|
|
12682
12691
|
variant: "secondary" /* secondary */,
|
|
12683
|
-
rightIcon: /* @__PURE__ */
|
|
12692
|
+
rightIcon: /* @__PURE__ */ import_react137.default.createElement(Edit2_default, { size: 12 }),
|
|
12684
12693
|
iconOnly: true,
|
|
12685
12694
|
onClick: (e) => {
|
|
12686
12695
|
e.preventDefault();
|
|
@@ -12690,7 +12699,7 @@ var ChartOfAccountsRow = ({
|
|
|
12690
12699
|
},
|
|
12691
12700
|
"Edit"
|
|
12692
12701
|
)))
|
|
12693
|
-
), view === "mobile" || view === "tablet" ? /* @__PURE__ */
|
|
12702
|
+
), view === "mobile" || view === "tablet" ? /* @__PURE__ */ import_react137.default.createElement(
|
|
12694
12703
|
"tr",
|
|
12695
12704
|
{
|
|
12696
12705
|
className: mobileRowClass,
|
|
@@ -12700,7 +12709,7 @@ var ChartOfAccountsRow = ({
|
|
|
12700
12709
|
setAccountId(account.id);
|
|
12701
12710
|
}
|
|
12702
12711
|
},
|
|
12703
|
-
/* @__PURE__ */
|
|
12712
|
+
/* @__PURE__ */ import_react137.default.createElement("td", { className: "Layer__table-cell", colSpan: 5 }, /* @__PURE__ */ import_react137.default.createElement(
|
|
12704
12713
|
"span",
|
|
12705
12714
|
{
|
|
12706
12715
|
className: "Layer__table-cell-content Layer__table-cell-content-indentation",
|
|
@@ -12709,7 +12718,7 @@ var ChartOfAccountsRow = ({
|
|
|
12709
12718
|
...style
|
|
12710
12719
|
}
|
|
12711
12720
|
},
|
|
12712
|
-
account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */
|
|
12721
|
+
account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react137.default.createElement(
|
|
12713
12722
|
ChevronDownFill_default,
|
|
12714
12723
|
{
|
|
12715
12724
|
size: 16,
|
|
@@ -12720,14 +12729,14 @@ var ChartOfAccountsRow = ({
|
|
|
12720
12729
|
}
|
|
12721
12730
|
}
|
|
12722
12731
|
),
|
|
12723
|
-
/* @__PURE__ */
|
|
12732
|
+
/* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content" }, /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__top-row" }, /* @__PURE__ */ import_react137.default.createElement(
|
|
12724
12733
|
Text,
|
|
12725
12734
|
{
|
|
12726
12735
|
as: "span",
|
|
12727
12736
|
className: "Layer__chart-of-accounts__mobile-row-content__name"
|
|
12728
12737
|
},
|
|
12729
12738
|
account.name
|
|
12730
|
-
), /* @__PURE__ */
|
|
12739
|
+
), /* @__PURE__ */ import_react137.default.createElement(
|
|
12731
12740
|
TextButton,
|
|
12732
12741
|
{
|
|
12733
12742
|
onClick: (e) => {
|
|
@@ -12737,7 +12746,7 @@ var ChartOfAccountsRow = ({
|
|
|
12737
12746
|
}
|
|
12738
12747
|
},
|
|
12739
12748
|
"Edit"
|
|
12740
|
-
)), /* @__PURE__ */
|
|
12749
|
+
)), /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__bottom-row" }, /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__types" }, /* @__PURE__ */ import_react137.default.createElement(Text, { as: "span" }, account.normality), /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__chart-of-accounts__mobile-row-content__separator" }), /* @__PURE__ */ import_react137.default.createElement(Text, { as: "span" }, "Sub-Type")), /* @__PURE__ */ import_react137.default.createElement(
|
|
12741
12750
|
Text,
|
|
12742
12751
|
{
|
|
12743
12752
|
as: "span",
|
|
@@ -12747,7 +12756,7 @@ var ChartOfAccountsRow = ({
|
|
|
12747
12756
|
centsToDollars(Math.abs(account.balance || 0))
|
|
12748
12757
|
)))
|
|
12749
12758
|
))
|
|
12750
|
-
) : null, (account.sub_accounts || []).map((subAccount, idx) => /* @__PURE__ */
|
|
12759
|
+
) : null, (account.sub_accounts || []).map((subAccount, idx) => /* @__PURE__ */ import_react137.default.createElement(
|
|
12751
12760
|
ChartOfAccountsRow,
|
|
12752
12761
|
{
|
|
12753
12762
|
key: subAccount.id,
|
|
@@ -12764,14 +12773,14 @@ var ChartOfAccountsRow = ({
|
|
|
12764
12773
|
};
|
|
12765
12774
|
|
|
12766
12775
|
// src/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar.tsx
|
|
12767
|
-
var
|
|
12776
|
+
var import_react140 = __toESM(require("react"));
|
|
12768
12777
|
|
|
12769
12778
|
// src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
|
|
12770
|
-
var
|
|
12779
|
+
var import_react139 = __toESM(require("react"));
|
|
12771
12780
|
|
|
12772
12781
|
// src/components/ChartOfAccountsForm/useParentOptions.ts
|
|
12773
|
-
var
|
|
12774
|
-
var useParentOptions = (data) => (0,
|
|
12782
|
+
var import_react138 = require("react");
|
|
12783
|
+
var useParentOptions = (data) => (0, import_react138.useMemo)(
|
|
12775
12784
|
() => flattenAccounts(data?.accounts || []).sort((a, b) => a?.name && b?.name ? a.name.localeCompare(b.name) : 0).map((x) => {
|
|
12776
12785
|
return {
|
|
12777
12786
|
label: x.name,
|
|
@@ -12791,9 +12800,9 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12791
12800
|
submitForm,
|
|
12792
12801
|
sendingForm,
|
|
12793
12802
|
apiError
|
|
12794
|
-
} = (0,
|
|
12803
|
+
} = (0, import_react139.useContext)(ChartOfAccountsContext);
|
|
12795
12804
|
const parentOptions = useParentOptions(data);
|
|
12796
|
-
const entry = (0,
|
|
12805
|
+
const entry = (0, import_react139.useMemo)(() => {
|
|
12797
12806
|
if (form?.action === "edit" && form.accountId) {
|
|
12798
12807
|
return flattenAccounts(data?.accounts || []).find(
|
|
12799
12808
|
(x) => x.id === form.accountId
|
|
@@ -12804,7 +12813,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12804
12813
|
if (!form) {
|
|
12805
12814
|
return;
|
|
12806
12815
|
}
|
|
12807
|
-
return /* @__PURE__ */
|
|
12816
|
+
return /* @__PURE__ */ import_react139.default.createElement(
|
|
12808
12817
|
"form",
|
|
12809
12818
|
{
|
|
12810
12819
|
className: "Layer__form",
|
|
@@ -12813,7 +12822,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12813
12822
|
submitForm();
|
|
12814
12823
|
}
|
|
12815
12824
|
},
|
|
12816
|
-
/* @__PURE__ */
|
|
12825
|
+
/* @__PURE__ */ import_react139.default.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react139.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? stringOverrides?.editModeHeader || "Edit Account" : stringOverrides?.createModeHeader || "Add New Account"), /* @__PURE__ */ import_react139.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react139.default.createElement(
|
|
12817
12826
|
Button,
|
|
12818
12827
|
{
|
|
12819
12828
|
type: "button",
|
|
@@ -12822,7 +12831,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12822
12831
|
disabled: sendingForm
|
|
12823
12832
|
},
|
|
12824
12833
|
stringOverrides?.cancelButton || "Cancel"
|
|
12825
|
-
), apiError && /* @__PURE__ */
|
|
12834
|
+
), apiError && /* @__PURE__ */ import_react139.default.createElement(
|
|
12826
12835
|
RetryButton,
|
|
12827
12836
|
{
|
|
12828
12837
|
type: "submit",
|
|
@@ -12831,7 +12840,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12831
12840
|
disabled: sendingForm
|
|
12832
12841
|
},
|
|
12833
12842
|
stringOverrides?.retryButton || "Retry"
|
|
12834
|
-
), !apiError && /* @__PURE__ */
|
|
12843
|
+
), !apiError && /* @__PURE__ */ import_react139.default.createElement(
|
|
12835
12844
|
SubmitButton,
|
|
12836
12845
|
{
|
|
12837
12846
|
type: "submit",
|
|
@@ -12841,7 +12850,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12841
12850
|
},
|
|
12842
12851
|
stringOverrides?.saveButton || "Save"
|
|
12843
12852
|
))),
|
|
12844
|
-
apiError && /* @__PURE__ */
|
|
12853
|
+
apiError && /* @__PURE__ */ import_react139.default.createElement(
|
|
12845
12854
|
Text,
|
|
12846
12855
|
{
|
|
12847
12856
|
size: "sm" /* sm */,
|
|
@@ -12849,8 +12858,8 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12849
12858
|
},
|
|
12850
12859
|
apiError
|
|
12851
12860
|
),
|
|
12852
|
-
entry && /* @__PURE__ */
|
|
12853
|
-
/* @__PURE__ */
|
|
12861
|
+
entry && /* @__PURE__ */ import_react139.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react139.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react139.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
|
|
12862
|
+
/* @__PURE__ */ import_react139.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react139.default.createElement(InputGroup, { name: "parent", label: stringOverrides?.parentLabel || "Parent", inline: true }, /* @__PURE__ */ import_react139.default.createElement(
|
|
12854
12863
|
Select2,
|
|
12855
12864
|
{
|
|
12856
12865
|
options: parentOptions,
|
|
@@ -12858,7 +12867,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12858
12867
|
onChange: (sel) => changeFormData("parent", sel),
|
|
12859
12868
|
disabled: sendingForm
|
|
12860
12869
|
}
|
|
12861
|
-
)), /* @__PURE__ */
|
|
12870
|
+
)), /* @__PURE__ */ import_react139.default.createElement(InputGroup, { name: "name", label: stringOverrides?.nameLabel || "Name", inline: true }, /* @__PURE__ */ import_react139.default.createElement(
|
|
12862
12871
|
Input,
|
|
12863
12872
|
{
|
|
12864
12873
|
name: "name",
|
|
@@ -12869,7 +12878,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12869
12878
|
disabled: sendingForm,
|
|
12870
12879
|
onChange: (e) => changeFormData("name", e.target.value)
|
|
12871
12880
|
}
|
|
12872
|
-
)), /* @__PURE__ */
|
|
12881
|
+
)), /* @__PURE__ */ import_react139.default.createElement(InputGroup, { name: "type", label: stringOverrides?.typeLabel || "Type", inline: true }, /* @__PURE__ */ import_react139.default.createElement(
|
|
12873
12882
|
Select2,
|
|
12874
12883
|
{
|
|
12875
12884
|
options: LEDGER_ACCOUNT_TYPES,
|
|
@@ -12879,7 +12888,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12879
12888
|
errorMessage: form?.errors?.find((x) => x.field === "type")?.message,
|
|
12880
12889
|
disabled: sendingForm || form.action === "edit" || form.data.parent !== void 0
|
|
12881
12890
|
}
|
|
12882
|
-
)), /* @__PURE__ */
|
|
12891
|
+
)), /* @__PURE__ */ import_react139.default.createElement(InputGroup, { name: "subType", label: stringOverrides?.subTypeLabel || "Sub-Type", inline: true }, /* @__PURE__ */ import_react139.default.createElement(
|
|
12883
12892
|
Select2,
|
|
12884
12893
|
{
|
|
12885
12894
|
options: form?.data.type?.value !== void 0 ? LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE[form?.data.type?.value] : LEDGER_ACCOUNT_SUBTYPES,
|
|
@@ -12887,7 +12896,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12887
12896
|
onChange: (sel) => changeFormData("subType", sel),
|
|
12888
12897
|
disabled: sendingForm
|
|
12889
12898
|
}
|
|
12890
|
-
)), /* @__PURE__ */
|
|
12899
|
+
)), /* @__PURE__ */ import_react139.default.createElement(InputGroup, { name: "normality", label: stringOverrides?.normalityLabel || "Normality", inline: true }, /* @__PURE__ */ import_react139.default.createElement(
|
|
12891
12900
|
Select2,
|
|
12892
12901
|
{
|
|
12893
12902
|
options: NORMALITY_OPTIONS,
|
|
@@ -12899,7 +12908,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12899
12908
|
onChange: (sel) => changeFormData("normality", sel),
|
|
12900
12909
|
disabled: sendingForm
|
|
12901
12910
|
}
|
|
12902
|
-
)), /* @__PURE__ */
|
|
12911
|
+
)), /* @__PURE__ */ import_react139.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react139.default.createElement(
|
|
12903
12912
|
Button,
|
|
12904
12913
|
{
|
|
12905
12914
|
type: "button",
|
|
@@ -12908,7 +12917,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12908
12917
|
disabled: sendingForm
|
|
12909
12918
|
},
|
|
12910
12919
|
stringOverrides?.cancelButton || "Cancel"
|
|
12911
|
-
), apiError && /* @__PURE__ */
|
|
12920
|
+
), apiError && /* @__PURE__ */ import_react139.default.createElement(
|
|
12912
12921
|
RetryButton,
|
|
12913
12922
|
{
|
|
12914
12923
|
type: "submit",
|
|
@@ -12917,7 +12926,7 @@ var ChartOfAccountsForm = ({ stringOverrides }) => {
|
|
|
12917
12926
|
disabled: sendingForm
|
|
12918
12927
|
},
|
|
12919
12928
|
stringOverrides?.retryButton || "Retry"
|
|
12920
|
-
), !apiError && /* @__PURE__ */
|
|
12929
|
+
), !apiError && /* @__PURE__ */ import_react139.default.createElement(
|
|
12921
12930
|
SubmitButton,
|
|
12922
12931
|
{
|
|
12923
12932
|
type: "submit",
|
|
@@ -12935,7 +12944,7 @@ var ChartOfAccountsSidebar = ({
|
|
|
12935
12944
|
parentRef: _parentRef,
|
|
12936
12945
|
stringOverrides
|
|
12937
12946
|
}) => {
|
|
12938
|
-
return /* @__PURE__ */
|
|
12947
|
+
return /* @__PURE__ */ import_react140.default.createElement(ChartOfAccountsForm, { stringOverrides });
|
|
12939
12948
|
};
|
|
12940
12949
|
|
|
12941
12950
|
// src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
|
|
@@ -12948,14 +12957,14 @@ var ChartOfAccountsTable = ({
|
|
|
12948
12957
|
withExpandAllButton = false,
|
|
12949
12958
|
stringOverrides
|
|
12950
12959
|
}) => {
|
|
12951
|
-
const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0,
|
|
12952
|
-
const [expandAll, setExpandAll] = (0,
|
|
12960
|
+
const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react141.useContext)(ChartOfAccountsContext);
|
|
12961
|
+
const [expandAll, setExpandAll] = (0, import_react141.useState)();
|
|
12953
12962
|
let cumulativeIndex = 0;
|
|
12954
12963
|
const accountsLength = data?.accounts.length ?? 0;
|
|
12955
|
-
return /* @__PURE__ */
|
|
12964
|
+
return /* @__PURE__ */ import_react141.default.createElement(
|
|
12956
12965
|
Panel,
|
|
12957
12966
|
{
|
|
12958
|
-
sidebar: /* @__PURE__ */
|
|
12967
|
+
sidebar: /* @__PURE__ */ import_react141.default.createElement(
|
|
12959
12968
|
ChartOfAccountsSidebar,
|
|
12960
12969
|
{
|
|
12961
12970
|
parentRef: containerRef,
|
|
@@ -12965,13 +12974,13 @@ var ChartOfAccountsTable = ({
|
|
|
12965
12974
|
sidebarIsOpen: Boolean(form),
|
|
12966
12975
|
parentRef: containerRef
|
|
12967
12976
|
},
|
|
12968
|
-
/* @__PURE__ */
|
|
12977
|
+
/* @__PURE__ */ import_react141.default.createElement(
|
|
12969
12978
|
Header,
|
|
12970
12979
|
{
|
|
12971
12980
|
className: `Layer__${COMPONENT_NAME5}__header`,
|
|
12972
12981
|
layout: withDateControl ? "next-line-actions" /* NEXT_LINE_ACTIONS */ : void 0
|
|
12973
12982
|
},
|
|
12974
|
-
/* @__PURE__ */
|
|
12983
|
+
/* @__PURE__ */ import_react141.default.createElement(
|
|
12975
12984
|
Heading,
|
|
12976
12985
|
{
|
|
12977
12986
|
className: `Layer__${COMPONENT_NAME5}__title`,
|
|
@@ -12979,12 +12988,12 @@ var ChartOfAccountsTable = ({
|
|
|
12979
12988
|
},
|
|
12980
12989
|
stringOverrides?.headerText || "Chart of Accounts"
|
|
12981
12990
|
),
|
|
12982
|
-
/* @__PURE__ */
|
|
12991
|
+
/* @__PURE__ */ import_react141.default.createElement(
|
|
12983
12992
|
"div",
|
|
12984
12993
|
{
|
|
12985
12994
|
className: `Layer__${COMPONENT_NAME5}__actions Layer__header__actions`
|
|
12986
12995
|
},
|
|
12987
|
-
withDateControl || withExpandAllButton ? /* @__PURE__ */
|
|
12996
|
+
withDateControl || withExpandAllButton ? /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ import_react141.default.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ import_react141.default.createElement(
|
|
12988
12997
|
Button,
|
|
12989
12998
|
{
|
|
12990
12999
|
variant: "secondary" /* secondary */,
|
|
@@ -12994,13 +13003,13 @@ var ChartOfAccountsTable = ({
|
|
|
12994
13003
|
},
|
|
12995
13004
|
!expandAll || expandAll === "collapsed" ? "Expand all rows" : "Collapse all rows"
|
|
12996
13005
|
)) : null,
|
|
12997
|
-
/* @__PURE__ */
|
|
13006
|
+
/* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__header__actions-col" }, /* @__PURE__ */ import_react141.default.createElement(Button, { onClick: () => addAccount(), disabled: isLoading }, stringOverrides?.addAccountButtonText || "Add Account"))
|
|
12998
13007
|
)
|
|
12999
13008
|
),
|
|
13000
|
-
/* @__PURE__ */
|
|
13009
|
+
/* @__PURE__ */ import_react141.default.createElement("table", { className: "Layer__chart-of-accounts__table" }, /* @__PURE__ */ import_react141.default.createElement("thead", null, /* @__PURE__ */ import_react141.default.createElement("tr", { className: "Layer__table-row--header" }, /* @__PURE__ */ import_react141.default.createElement("th", { className: "Layer__table-header Layer__coa__name" }, stringOverrides?.nameColumnHeader || "Name"), /* @__PURE__ */ import_react141.default.createElement("th", { className: "Layer__table-header Layer__coa__type" }, stringOverrides?.typeColumnHeader || "Type"), /* @__PURE__ */ import_react141.default.createElement("th", { className: "Layer__table-header Layer__coa__subtype Layer__mobile--hidden" }, stringOverrides?.subtypeColumnHeader || "Sub-Type"), /* @__PURE__ */ import_react141.default.createElement("th", { className: "Layer__table-header Layer__coa__balance" }, stringOverrides?.balanceColumnHeader || "Balance"), /* @__PURE__ */ import_react141.default.createElement("th", { className: "Layer__table-header Layer__coa__actions" }))), /* @__PURE__ */ import_react141.default.createElement("tbody", null, !error && data?.accounts.map((account, idx) => {
|
|
13001
13010
|
const currentCumulativeIndex = cumulativeIndex;
|
|
13002
13011
|
cumulativeIndex = (account.sub_accounts?.length || 0) + cumulativeIndex + 1;
|
|
13003
|
-
return /* @__PURE__ */
|
|
13012
|
+
return /* @__PURE__ */ import_react141.default.createElement(
|
|
13004
13013
|
ChartOfAccountsRow,
|
|
13005
13014
|
{
|
|
13006
13015
|
key: account.id,
|
|
@@ -13016,7 +13025,7 @@ var ChartOfAccountsTable = ({
|
|
|
13016
13025
|
}
|
|
13017
13026
|
);
|
|
13018
13027
|
}))),
|
|
13019
|
-
error ? /* @__PURE__ */
|
|
13028
|
+
error ? /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react141.default.createElement(
|
|
13020
13029
|
DataState,
|
|
13021
13030
|
{
|
|
13022
13031
|
status: "failed" /* failed */,
|
|
@@ -13026,8 +13035,8 @@ var ChartOfAccountsTable = ({
|
|
|
13026
13035
|
isLoading: isValidating || isLoading
|
|
13027
13036
|
}
|
|
13028
13037
|
)) : null,
|
|
13029
|
-
(!data || isLoading) && !error ? /* @__PURE__ */
|
|
13030
|
-
!isLoading && !error && data?.accounts.length === 0 ? /* @__PURE__ */
|
|
13038
|
+
(!data || isLoading) && !error ? /* @__PURE__ */ import_react141.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ import_react141.default.createElement(Loader2, null)) : null,
|
|
13039
|
+
!isLoading && !error && data?.accounts.length === 0 ? /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react141.default.createElement(
|
|
13031
13040
|
DataState,
|
|
13032
13041
|
{
|
|
13033
13042
|
status: "info" /* info */,
|
|
@@ -13041,20 +13050,20 @@ var ChartOfAccountsTable = ({
|
|
|
13041
13050
|
};
|
|
13042
13051
|
|
|
13043
13052
|
// src/components/LedgerAccount/LedgerAccountIndex.tsx
|
|
13044
|
-
var
|
|
13053
|
+
var import_react148 = __toESM(require("react"));
|
|
13045
13054
|
|
|
13046
13055
|
// src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
|
|
13047
|
-
var
|
|
13056
|
+
var import_react146 = __toESM(require("react"));
|
|
13048
13057
|
|
|
13049
13058
|
// src/components/Card/Card.tsx
|
|
13050
|
-
var
|
|
13059
|
+
var import_react142 = __toESM(require("react"));
|
|
13051
13060
|
var import_classnames53 = __toESM(require("classnames"));
|
|
13052
13061
|
var Card = ({ children, className }) => {
|
|
13053
|
-
return /* @__PURE__ */
|
|
13062
|
+
return /* @__PURE__ */ import_react142.default.createElement("div", { className: (0, import_classnames53.default)("Layer__card", className) }, children);
|
|
13054
13063
|
};
|
|
13055
13064
|
|
|
13056
13065
|
// src/components/DateTime/DateTime.tsx
|
|
13057
|
-
var
|
|
13066
|
+
var import_react143 = __toESM(require("react"));
|
|
13058
13067
|
var import_date_fns30 = require("date-fns");
|
|
13059
13068
|
var DateTime = ({
|
|
13060
13069
|
value,
|
|
@@ -13065,11 +13074,11 @@ var DateTime = ({
|
|
|
13065
13074
|
onlyTime
|
|
13066
13075
|
}) => {
|
|
13067
13076
|
if (format7) {
|
|
13068
|
-
return /* @__PURE__ */
|
|
13077
|
+
return /* @__PURE__ */ import_react143.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(value), format7));
|
|
13069
13078
|
}
|
|
13070
13079
|
const date = (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(value), dateFormat ?? DATE_FORMAT);
|
|
13071
13080
|
const time = (0, import_date_fns30.format)((0, import_date_fns30.parseISO)(value), timeFormat ?? TIME_FORMAT);
|
|
13072
|
-
return /* @__PURE__ */
|
|
13081
|
+
return /* @__PURE__ */ import_react143.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react143.default.createElement(
|
|
13073
13082
|
Text,
|
|
13074
13083
|
{
|
|
13075
13084
|
as: "span",
|
|
@@ -13078,7 +13087,7 @@ var DateTime = ({
|
|
|
13078
13087
|
className: "Layer__datetime__date"
|
|
13079
13088
|
},
|
|
13080
13089
|
date
|
|
13081
|
-
), !onlyDate && /* @__PURE__ */
|
|
13090
|
+
), !onlyDate && /* @__PURE__ */ import_react143.default.createElement(
|
|
13082
13091
|
Text,
|
|
13083
13092
|
{
|
|
13084
13093
|
as: "span",
|
|
@@ -13091,7 +13100,7 @@ var DateTime = ({
|
|
|
13091
13100
|
};
|
|
13092
13101
|
|
|
13093
13102
|
// src/components/DetailsList/DetailsList.tsx
|
|
13094
|
-
var
|
|
13103
|
+
var import_react144 = __toESM(require("react"));
|
|
13095
13104
|
var import_classnames54 = __toESM(require("classnames"));
|
|
13096
13105
|
var DetailsList = ({
|
|
13097
13106
|
title,
|
|
@@ -13099,14 +13108,14 @@ var DetailsList = ({
|
|
|
13099
13108
|
className,
|
|
13100
13109
|
actions
|
|
13101
13110
|
}) => {
|
|
13102
|
-
return /* @__PURE__ */
|
|
13111
|
+
return /* @__PURE__ */ import_react144.default.createElement("div", { className: (0, import_classnames54.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react144.default.createElement(Header, null, /* @__PURE__ */ import_react144.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react144.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react144.default.createElement("ul", { className: "Layer__details-list__list" }, children));
|
|
13103
13112
|
};
|
|
13104
13113
|
|
|
13105
13114
|
// src/components/DetailsList/DetailsListItem.tsx
|
|
13106
|
-
var
|
|
13115
|
+
var import_react145 = __toESM(require("react"));
|
|
13107
13116
|
var renderValue = (value) => {
|
|
13108
13117
|
if (typeof value === "string") {
|
|
13109
|
-
return /* @__PURE__ */
|
|
13118
|
+
return /* @__PURE__ */ import_react145.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
|
|
13110
13119
|
}
|
|
13111
13120
|
return value;
|
|
13112
13121
|
};
|
|
@@ -13115,7 +13124,7 @@ var DetailsListItem = ({
|
|
|
13115
13124
|
children,
|
|
13116
13125
|
isLoading
|
|
13117
13126
|
}) => {
|
|
13118
|
-
return /* @__PURE__ */
|
|
13127
|
+
return /* @__PURE__ */ import_react145.default.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ import_react145.default.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ import_react145.default.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ import_react145.default.createElement(SkeletonLoader, null) : renderValue(children)));
|
|
13119
13128
|
};
|
|
13120
13129
|
|
|
13121
13130
|
// src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
|
|
@@ -13123,39 +13132,39 @@ var SourceDetailView = ({ source, stringOverrides }) => {
|
|
|
13123
13132
|
switch (source.type) {
|
|
13124
13133
|
case "Transaction_Ledger_Entry_Source": {
|
|
13125
13134
|
const transactionSource = source;
|
|
13126
|
-
return /* @__PURE__ */
|
|
13135
|
+
return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.accountNameLabel || "Account name" }, transactionSource.account_name), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.dateLabel || "Date" }, /* @__PURE__ */ import_react146.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.directionLabel || "Direction" }, transactionSource.direction), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.counterpartyLabel || "Counterparty" }, transactionSource.counterparty));
|
|
13127
13136
|
}
|
|
13128
13137
|
case "Invoice_Ledger_Entry_Source": {
|
|
13129
13138
|
const invoiceSource = source;
|
|
13130
|
-
return /* @__PURE__ */
|
|
13139
|
+
return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.invoiceNumberLabel || "Invoice number" }, invoiceSource.invoice_number), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.recipientNameLabel || "Recipient name" }, invoiceSource.recipient_name), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.dateLabel || "Date" }, /* @__PURE__ */ import_react146.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
|
|
13131
13140
|
}
|
|
13132
13141
|
case "Manual_Ledger_Entry_Source": {
|
|
13133
13142
|
const manualSource = source;
|
|
13134
|
-
return /* @__PURE__ */
|
|
13143
|
+
return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.memoLabel || "Memo" }, manualSource.memo), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.createdByLabel || "Created by" }, manualSource.created_by));
|
|
13135
13144
|
}
|
|
13136
13145
|
case "Invoice_Payment_Ledger_Entry_Source": {
|
|
13137
13146
|
const invoicePaymentSource = source;
|
|
13138
|
-
return /* @__PURE__ */
|
|
13147
|
+
return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.invoiceNumberLabel || "Invoice number" }, invoicePaymentSource.invoice_number), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
|
|
13139
13148
|
}
|
|
13140
13149
|
case "Refund_Ledger_Entry_Source": {
|
|
13141
13150
|
const refundSource = source;
|
|
13142
|
-
return /* @__PURE__ */
|
|
13151
|
+
return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.recipientNameLabel || "Recipient name" }, refundSource.recipient_name));
|
|
13143
13152
|
}
|
|
13144
13153
|
case "Opening_Balance_Ledger_Entry_Source": {
|
|
13145
13154
|
const openingBalanceSource = source;
|
|
13146
|
-
return /* @__PURE__ */
|
|
13155
|
+
return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.accountNameLabel || "Account name" }, openingBalanceSource.account_name));
|
|
13147
13156
|
}
|
|
13148
13157
|
case "Payout_Ledger_Entry_Source": {
|
|
13149
13158
|
const payoutSource = source;
|
|
13150
|
-
return /* @__PURE__ */
|
|
13159
|
+
return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.amountLabel || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.processorLabel || "Processor" }, payoutSource.processor));
|
|
13151
13160
|
}
|
|
13152
13161
|
default:
|
|
13153
13162
|
return null;
|
|
13154
13163
|
}
|
|
13155
13164
|
};
|
|
13156
13165
|
var LedgerAccountEntryDetails = ({ stringOverrides }) => {
|
|
13157
|
-
const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0,
|
|
13158
|
-
const { totalDebit, totalCredit } = (0,
|
|
13166
|
+
const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react146.useContext)(LedgerAccountsContext);
|
|
13167
|
+
const { totalDebit, totalCredit } = (0, import_react146.useMemo)(() => {
|
|
13159
13168
|
let totalDebit2 = 0;
|
|
13160
13169
|
let totalCredit2 = 0;
|
|
13161
13170
|
entryData?.line_items?.forEach((item) => {
|
|
@@ -13167,14 +13176,14 @@ var LedgerAccountEntryDetails = ({ stringOverrides }) => {
|
|
|
13167
13176
|
});
|
|
13168
13177
|
return { totalDebit: totalDebit2, totalCredit: totalCredit2 };
|
|
13169
13178
|
}, [entryData]);
|
|
13170
|
-
return /* @__PURE__ */
|
|
13179
|
+
return /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger-account__entry-details__back-btn" }, /* @__PURE__ */ import_react146.default.createElement(BackButton, { onClick: () => closeSelectedEntry() }), /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger-account__entry-details__title-container" }, /* @__PURE__ */ import_react146.default.createElement(Text, { weight: "bold" /* bold */ }, stringOverrides?.title || "Transaction details"))), /* @__PURE__ */ import_react146.default.createElement(
|
|
13171
13180
|
DetailsList,
|
|
13172
13181
|
{
|
|
13173
13182
|
title: stringOverrides?.transactionSource?.header || "Transaction source",
|
|
13174
|
-
actions: /* @__PURE__ */
|
|
13183
|
+
actions: /* @__PURE__ */ import_react146.default.createElement(
|
|
13175
13184
|
Button,
|
|
13176
13185
|
{
|
|
13177
|
-
rightIcon: /* @__PURE__ */
|
|
13186
|
+
rightIcon: /* @__PURE__ */ import_react146.default.createElement(X_default, null),
|
|
13178
13187
|
iconOnly: true,
|
|
13179
13188
|
onClick: closeSelectedEntry,
|
|
13180
13189
|
variant: "secondary" /* secondary */,
|
|
@@ -13182,56 +13191,56 @@ var LedgerAccountEntryDetails = ({ stringOverrides }) => {
|
|
|
13182
13191
|
}
|
|
13183
13192
|
)
|
|
13184
13193
|
},
|
|
13185
|
-
/* @__PURE__ */
|
|
13194
|
+
/* @__PURE__ */ import_react146.default.createElement(
|
|
13186
13195
|
DetailsListItem,
|
|
13187
13196
|
{
|
|
13188
13197
|
label: stringOverrides?.transactionSource?.details?.sourceLabel || "Source",
|
|
13189
13198
|
isLoading: isLoadingEntry
|
|
13190
13199
|
},
|
|
13191
|
-
/* @__PURE__ */
|
|
13200
|
+
/* @__PURE__ */ import_react146.default.createElement(Badge, null, entryData?.source?.entity_name)
|
|
13192
13201
|
),
|
|
13193
|
-
entryData?.source?.display_description && /* @__PURE__ */
|
|
13194
|
-
), /* @__PURE__ */
|
|
13202
|
+
entryData?.source?.display_description && /* @__PURE__ */ import_react146.default.createElement(SourceDetailView, { source: entryData?.source })
|
|
13203
|
+
), /* @__PURE__ */ import_react146.default.createElement(
|
|
13195
13204
|
DetailsList,
|
|
13196
13205
|
{
|
|
13197
13206
|
title: stringOverrides?.journalEntry?.header ? stringOverrides?.journalEntry?.header(entryData?.id.substring(0, 5)) : `Journal Entry ${entryData?.id.substring(0, 5)}`,
|
|
13198
13207
|
className: "Layer__border-top"
|
|
13199
13208
|
},
|
|
13200
|
-
/* @__PURE__ */
|
|
13201
|
-
/* @__PURE__ */
|
|
13202
|
-
/* @__PURE__ */
|
|
13203
|
-
entryData?.reversal_id && /* @__PURE__ */
|
|
13204
|
-
), !isLoadingEntry && !errorEntry ? /* @__PURE__ */
|
|
13209
|
+
/* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.entryTypeLabel || "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entryData?.entry_type ?? "")),
|
|
13210
|
+
/* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.dateLabel || "Date", isLoading: isLoadingEntry }, entryData?.entry_at && /* @__PURE__ */ import_react146.default.createElement(DateTime, { value: entryData?.entry_at })),
|
|
13211
|
+
/* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.creationDateLabel || "Creation date", isLoading: isLoadingEntry }, entryData?.date && /* @__PURE__ */ import_react146.default.createElement(DateTime, { value: entryData?.date })),
|
|
13212
|
+
entryData?.reversal_id && /* @__PURE__ */ import_react146.default.createElement(DetailsListItem, { label: stringOverrides?.journalEntry?.details?.reversalLabel || "Reversal", isLoading: isLoadingEntry }, entryData?.reversal_id.substring(0, 5))
|
|
13213
|
+
), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react146.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react146.default.createElement(Card, null, /* @__PURE__ */ import_react146.default.createElement(
|
|
13205
13214
|
Table,
|
|
13206
13215
|
{
|
|
13207
13216
|
componentName: "ledger-account__entry-details",
|
|
13208
13217
|
borderCollapse: "collapse"
|
|
13209
13218
|
},
|
|
13210
|
-
/* @__PURE__ */
|
|
13211
|
-
/* @__PURE__ */
|
|
13219
|
+
/* @__PURE__ */ import_react146.default.createElement(TableHead, null, /* @__PURE__ */ import_react146.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react146.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.lineItemsColumnHeader || "Line items"), /* @__PURE__ */ import_react146.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react146.default.createElement(TableCell, null, stringOverrides?.lineItemsTable?.creditColumnHeader || "Credit"))),
|
|
13220
|
+
/* @__PURE__ */ import_react146.default.createElement(TableBody, null, entryData?.line_items?.map((item, index) => /* @__PURE__ */ import_react146.default.createElement(
|
|
13212
13221
|
TableRow,
|
|
13213
13222
|
{
|
|
13214
13223
|
key: `ledger-line-item-${index}`,
|
|
13215
13224
|
rowKey: `ledger-line-item-${index}`
|
|
13216
13225
|
},
|
|
13217
|
-
/* @__PURE__ */
|
|
13218
|
-
/* @__PURE__ */
|
|
13219
|
-
/* @__PURE__ */
|
|
13220
|
-
)), /* @__PURE__ */
|
|
13226
|
+
/* @__PURE__ */ import_react146.default.createElement(TableCell, null, item.account?.name || ""),
|
|
13227
|
+
/* @__PURE__ */ import_react146.default.createElement(TableCell, null, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react146.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
|
|
13228
|
+
/* @__PURE__ */ import_react146.default.createElement(TableCell, null, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react146.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
|
|
13229
|
+
)), /* @__PURE__ */ import_react146.default.createElement(
|
|
13221
13230
|
TableRow,
|
|
13222
13231
|
{
|
|
13223
13232
|
rowKey: "ledger-line-item-summation",
|
|
13224
13233
|
variant: "summation"
|
|
13225
13234
|
},
|
|
13226
|
-
/* @__PURE__ */
|
|
13227
|
-
/* @__PURE__ */
|
|
13228
|
-
/* @__PURE__ */
|
|
13235
|
+
/* @__PURE__ */ import_react146.default.createElement(TableCell, { primary: true }, stringOverrides?.lineItemsTable?.totalRowHeader || "Total"),
|
|
13236
|
+
/* @__PURE__ */ import_react146.default.createElement(TableCell, { isCurrency: true, primary: true }, totalDebit || 0),
|
|
13237
|
+
/* @__PURE__ */ import_react146.default.createElement(TableCell, { isCurrency: true, primary: true }, totalCredit || 0)
|
|
13229
13238
|
))
|
|
13230
13239
|
))) : null);
|
|
13231
13240
|
};
|
|
13232
13241
|
|
|
13233
13242
|
// src/components/LedgerAccount/LedgerAccountRow.tsx
|
|
13234
|
-
var
|
|
13243
|
+
var import_react147 = __toESM(require("react"));
|
|
13235
13244
|
var import_classnames55 = __toESM(require("classnames"));
|
|
13236
13245
|
var import_date_fns31 = require("date-fns");
|
|
13237
13246
|
var LedgerAccountRow = ({
|
|
@@ -13240,9 +13249,9 @@ var LedgerAccountRow = ({
|
|
|
13240
13249
|
initialLoad,
|
|
13241
13250
|
view
|
|
13242
13251
|
}) => {
|
|
13243
|
-
const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0,
|
|
13244
|
-
const [showComponent, setShowComponent] = (0,
|
|
13245
|
-
(0,
|
|
13252
|
+
const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react147.useContext)(LedgerAccountsContext);
|
|
13253
|
+
const [showComponent, setShowComponent] = (0, import_react147.useState)(false);
|
|
13254
|
+
(0, import_react147.useEffect)(() => {
|
|
13246
13255
|
if (initialLoad) {
|
|
13247
13256
|
const timeoutId = setTimeout(() => {
|
|
13248
13257
|
setShowComponent(true);
|
|
@@ -13253,7 +13262,7 @@ var LedgerAccountRow = ({
|
|
|
13253
13262
|
}
|
|
13254
13263
|
}, []);
|
|
13255
13264
|
if (view === "tablet") {
|
|
13256
|
-
return /* @__PURE__ */
|
|
13265
|
+
return /* @__PURE__ */ import_react147.default.createElement(
|
|
13257
13266
|
"tr",
|
|
13258
13267
|
{
|
|
13259
13268
|
className: (0, import_classnames55.default)(
|
|
@@ -13272,21 +13281,21 @@ var LedgerAccountRow = ({
|
|
|
13272
13281
|
}
|
|
13273
13282
|
}
|
|
13274
13283
|
},
|
|
13275
|
-
/* @__PURE__ */
|
|
13284
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react147.default.createElement(Text, null, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react147.default.createElement(
|
|
13276
13285
|
Text,
|
|
13277
13286
|
{
|
|
13278
13287
|
weight: "normal" /* normal */,
|
|
13279
13288
|
className: "Layer__ledger_account-table__journal-id"
|
|
13280
13289
|
},
|
|
13281
13290
|
row.entry_id.substring(0, 5)
|
|
13282
|
-
)), /* @__PURE__ */
|
|
13283
|
-
/* @__PURE__ */
|
|
13284
|
-
/* @__PURE__ */
|
|
13285
|
-
/* @__PURE__ */
|
|
13291
|
+
)), /* @__PURE__ */ import_react147.default.createElement(Text, null, row.source?.display_description ?? ""))),
|
|
13292
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
|
|
13293
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)),
|
|
13294
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
|
|
13286
13295
|
);
|
|
13287
13296
|
}
|
|
13288
13297
|
if (view === "mobile") {
|
|
13289
|
-
return /* @__PURE__ */
|
|
13298
|
+
return /* @__PURE__ */ import_react147.default.createElement(
|
|
13290
13299
|
"tr",
|
|
13291
13300
|
{
|
|
13292
13301
|
className: (0, import_classnames55.default)(
|
|
@@ -13305,17 +13314,17 @@ var LedgerAccountRow = ({
|
|
|
13305
13314
|
}
|
|
13306
13315
|
}
|
|
13307
13316
|
},
|
|
13308
|
-
/* @__PURE__ */
|
|
13317
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react147.default.createElement(Text, null, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react147.default.createElement(
|
|
13309
13318
|
Text,
|
|
13310
13319
|
{
|
|
13311
13320
|
weight: "normal" /* normal */,
|
|
13312
13321
|
className: "Layer__ledger_account-table__journal-id"
|
|
13313
13322
|
},
|
|
13314
13323
|
row.entry_id.substring(0, 5)
|
|
13315
|
-
)), /* @__PURE__ */
|
|
13324
|
+
)), /* @__PURE__ */ import_react147.default.createElement(Text, null, row.source?.display_description ?? ""), /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)), /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)), /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
|
|
13316
13325
|
);
|
|
13317
13326
|
}
|
|
13318
|
-
return /* @__PURE__ */
|
|
13327
|
+
return /* @__PURE__ */ import_react147.default.createElement(
|
|
13319
13328
|
"tr",
|
|
13320
13329
|
{
|
|
13321
13330
|
className: (0, import_classnames55.default)(
|
|
@@ -13334,12 +13343,12 @@ var LedgerAccountRow = ({
|
|
|
13334
13343
|
}
|
|
13335
13344
|
}
|
|
13336
13345
|
},
|
|
13337
|
-
/* @__PURE__ */
|
|
13338
|
-
/* @__PURE__ */
|
|
13339
|
-
/* @__PURE__ */
|
|
13340
|
-
/* @__PURE__ */
|
|
13341
|
-
/* @__PURE__ */
|
|
13342
|
-
/* @__PURE__ */
|
|
13346
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns31.format)((0, import_date_fns31.parseISO)(row.date), DATE_FORMAT))),
|
|
13347
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, row.entry_id.substring(0, 5))),
|
|
13348
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content" }, row.source?.display_description ?? "")),
|
|
13349
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
|
|
13350
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)),
|
|
13351
|
+
/* @__PURE__ */ import_react147.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react147.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
|
|
13343
13352
|
);
|
|
13344
13353
|
};
|
|
13345
13354
|
|
|
@@ -13351,9 +13360,9 @@ var LedgerAccount = ({
|
|
|
13351
13360
|
view,
|
|
13352
13361
|
stringOverrides
|
|
13353
13362
|
}) => {
|
|
13354
|
-
const [currentPage, setCurrentPage] = (0,
|
|
13355
|
-
const [initialLoad, setInitialLoad] = (0,
|
|
13356
|
-
const { data: accountData } = (0,
|
|
13363
|
+
const [currentPage, setCurrentPage] = (0, import_react148.useState)(1);
|
|
13364
|
+
const [initialLoad, setInitialLoad] = (0, import_react148.useState)(true);
|
|
13365
|
+
const { data: accountData } = (0, import_react148.useContext)(ChartOfAccountsContext);
|
|
13357
13366
|
const {
|
|
13358
13367
|
data: rawData,
|
|
13359
13368
|
error,
|
|
@@ -13364,8 +13373,8 @@ var LedgerAccount = ({
|
|
|
13364
13373
|
selectedEntryId,
|
|
13365
13374
|
closeSelectedEntry,
|
|
13366
13375
|
refetch
|
|
13367
|
-
} = (0,
|
|
13368
|
-
(0,
|
|
13376
|
+
} = (0, import_react148.useContext)(LedgerAccountsContext);
|
|
13377
|
+
(0, import_react148.useEffect)(() => {
|
|
13369
13378
|
if (!isLoading) {
|
|
13370
13379
|
const timeoutLoad = setTimeout(() => {
|
|
13371
13380
|
setInitialLoad(false);
|
|
@@ -13377,12 +13386,12 @@ var LedgerAccount = ({
|
|
|
13377
13386
|
"Layer__ledger-account__index",
|
|
13378
13387
|
accountId && "open"
|
|
13379
13388
|
);
|
|
13380
|
-
const entry = (0,
|
|
13389
|
+
const entry = (0, import_react148.useMemo)(() => {
|
|
13381
13390
|
return flattenAccounts(accountData?.accounts || []).find(
|
|
13382
13391
|
(x) => x.id === accountId
|
|
13383
13392
|
);
|
|
13384
13393
|
}, [accountId]);
|
|
13385
|
-
const data = (0,
|
|
13394
|
+
const data = (0, import_react148.useMemo)(() => {
|
|
13386
13395
|
const firstPageIndex = (currentPage - 1) * pageSize;
|
|
13387
13396
|
const lastPageIndex = firstPageIndex + pageSize;
|
|
13388
13397
|
return rawData?.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))?.slice(firstPageIndex, lastPageIndex);
|
|
@@ -13391,10 +13400,10 @@ var LedgerAccount = ({
|
|
|
13391
13400
|
setAccountId(void 0);
|
|
13392
13401
|
closeSelectedEntry();
|
|
13393
13402
|
};
|
|
13394
|
-
return /* @__PURE__ */
|
|
13403
|
+
return /* @__PURE__ */ import_react148.default.createElement(
|
|
13395
13404
|
Panel,
|
|
13396
13405
|
{
|
|
13397
|
-
sidebar: /* @__PURE__ */
|
|
13406
|
+
sidebar: /* @__PURE__ */ import_react148.default.createElement(
|
|
13398
13407
|
LedgerAccountEntryDetails,
|
|
13399
13408
|
{
|
|
13400
13409
|
stringOverrides: stringOverrides?.ledgerEntryDetail
|
|
@@ -13404,21 +13413,21 @@ var LedgerAccount = ({
|
|
|
13404
13413
|
parentRef: containerRef,
|
|
13405
13414
|
className: "Layer__ledger-account__panel"
|
|
13406
13415
|
},
|
|
13407
|
-
/* @__PURE__ */
|
|
13416
|
+
/* @__PURE__ */ import_react148.default.createElement("div", { className: baseClassName }, /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__header" }, /* @__PURE__ */ import_react148.default.createElement(BackButton, { onClick: close }), /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ import_react148.default.createElement(
|
|
13408
13417
|
Text,
|
|
13409
13418
|
{
|
|
13410
13419
|
weight: "bold" /* bold */,
|
|
13411
13420
|
className: "Layer__ledger-account__title"
|
|
13412
13421
|
},
|
|
13413
13422
|
entry?.name ?? ""
|
|
13414
|
-
), /* @__PURE__ */
|
|
13423
|
+
), /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ import_react148.default.createElement(
|
|
13415
13424
|
Text,
|
|
13416
13425
|
{
|
|
13417
13426
|
className: "Layer__ledger-account__balance-label",
|
|
13418
13427
|
size: "sm" /* sm */
|
|
13419
13428
|
},
|
|
13420
13429
|
"Current balance"
|
|
13421
|
-
), /* @__PURE__ */
|
|
13430
|
+
), /* @__PURE__ */ import_react148.default.createElement(
|
|
13422
13431
|
Text,
|
|
13423
13432
|
{
|
|
13424
13433
|
className: "Layer__ledger-account__balance-value",
|
|
@@ -13426,7 +13435,7 @@ var LedgerAccount = ({
|
|
|
13426
13435
|
},
|
|
13427
13436
|
"$",
|
|
13428
13437
|
centsToDollars(entry?.balance || 0)
|
|
13429
|
-
)))), /* @__PURE__ */
|
|
13438
|
+
)))), /* @__PURE__ */ import_react148.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react148.default.createElement("thead", null, /* @__PURE__ */ import_react148.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react148.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.dateColumnHeader || "Date"), /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.journalIdColumnHeader || "Journal id #"), /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.ledgerEntriesTable?.sourceColumnHeader || "Source")), view !== "mobile" && /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.creditColumnHeader || "Credit"), /* @__PURE__ */ import_react148.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.ledgerEntriesTable?.runningBalanceColumnHeader || "Running balance")))), /* @__PURE__ */ import_react148.default.createElement("tbody", null, data?.map((x, index) => /* @__PURE__ */ import_react148.default.createElement(
|
|
13430
13439
|
LedgerAccountRow,
|
|
13431
13440
|
{
|
|
13432
13441
|
key: x.id,
|
|
@@ -13435,7 +13444,7 @@ var LedgerAccount = ({
|
|
|
13435
13444
|
initialLoad,
|
|
13436
13445
|
view
|
|
13437
13446
|
}
|
|
13438
|
-
)))), data && /* @__PURE__ */
|
|
13447
|
+
)))), data && /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ import_react148.default.createElement(
|
|
13439
13448
|
Pagination,
|
|
13440
13449
|
{
|
|
13441
13450
|
currentPage,
|
|
@@ -13443,7 +13452,7 @@ var LedgerAccount = ({
|
|
|
13443
13452
|
pageSize,
|
|
13444
13453
|
onPageChange: (page) => setCurrentPage(page)
|
|
13445
13454
|
}
|
|
13446
|
-
)), error ? /* @__PURE__ */
|
|
13455
|
+
)), error ? /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react148.default.createElement(
|
|
13447
13456
|
DataState,
|
|
13448
13457
|
{
|
|
13449
13458
|
status: "failed" /* failed */,
|
|
@@ -13452,7 +13461,7 @@ var LedgerAccount = ({
|
|
|
13452
13461
|
onRefresh: () => refetch(),
|
|
13453
13462
|
isLoading: isValidating || isLoading
|
|
13454
13463
|
}
|
|
13455
|
-
)) : null, (!data || isLoading) && !error ? /* @__PURE__ */
|
|
13464
|
+
)) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react148.default.createElement("div", { className: `Layer__ledger-account__loader-container` }, /* @__PURE__ */ import_react148.default.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ import_react148.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react148.default.createElement(
|
|
13456
13465
|
DataState,
|
|
13457
13466
|
{
|
|
13458
13467
|
status: "info" /* info */,
|
|
@@ -13470,7 +13479,7 @@ var ChartOfAccounts = (props) => {
|
|
|
13470
13479
|
withDates: props.withDateControl
|
|
13471
13480
|
});
|
|
13472
13481
|
const ledgerAccountsContextData = useLedgerAccounts();
|
|
13473
|
-
return /* @__PURE__ */
|
|
13482
|
+
return /* @__PURE__ */ import_react149.default.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ import_react149.default.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ import_react149.default.createElement(ChartOfAccountsContent, { ...props })));
|
|
13474
13483
|
};
|
|
13475
13484
|
var ChartOfAccountsContent = ({
|
|
13476
13485
|
asWidget,
|
|
@@ -13478,8 +13487,8 @@ var ChartOfAccountsContent = ({
|
|
|
13478
13487
|
withExpandAllButton,
|
|
13479
13488
|
stringOverrides
|
|
13480
13489
|
}) => {
|
|
13481
|
-
const { accountId } = (0,
|
|
13482
|
-
const [view, setView] = (0,
|
|
13490
|
+
const { accountId } = (0, import_react149.useContext)(LedgerAccountsContext);
|
|
13491
|
+
const [view, setView] = (0, import_react149.useState)("desktop");
|
|
13483
13492
|
const containerRef = useElementSize((_a, _b, { width }) => {
|
|
13484
13493
|
if (width) {
|
|
13485
13494
|
if (width >= BREAKPOINTS.TABLET && view !== "desktop") {
|
|
@@ -13491,7 +13500,7 @@ var ChartOfAccountsContent = ({
|
|
|
13491
13500
|
}
|
|
13492
13501
|
}
|
|
13493
13502
|
});
|
|
13494
|
-
return /* @__PURE__ */
|
|
13503
|
+
return /* @__PURE__ */ import_react149.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react149.default.createElement(LedgerAccount, { view, containerRef, stringOverrides: stringOverrides?.ledgerAccount }) : /* @__PURE__ */ import_react149.default.createElement(
|
|
13495
13504
|
ChartOfAccountsTable,
|
|
13496
13505
|
{
|
|
13497
13506
|
asWidget,
|
|
@@ -13505,11 +13514,11 @@ var ChartOfAccountsContent = ({
|
|
|
13505
13514
|
};
|
|
13506
13515
|
|
|
13507
13516
|
// src/components/Journal/Journal.tsx
|
|
13508
|
-
var
|
|
13517
|
+
var import_react158 = __toESM(require("react"));
|
|
13509
13518
|
|
|
13510
13519
|
// src/contexts/JournalContext/JournalContext.tsx
|
|
13511
|
-
var
|
|
13512
|
-
var JournalContext = (0,
|
|
13520
|
+
var import_react150 = require("react");
|
|
13521
|
+
var JournalContext = (0, import_react150.createContext)({
|
|
13513
13522
|
data: void 0,
|
|
13514
13523
|
isLoading: false,
|
|
13515
13524
|
error: void 0,
|
|
@@ -13542,7 +13551,7 @@ var JournalContext = (0, import_react149.createContext)({
|
|
|
13542
13551
|
});
|
|
13543
13552
|
|
|
13544
13553
|
// src/hooks/useJournal/useJournal.tsx
|
|
13545
|
-
var
|
|
13554
|
+
var import_react151 = require("react");
|
|
13546
13555
|
|
|
13547
13556
|
// src/utils/journal.ts
|
|
13548
13557
|
var getAccountIdentifierPayload = (journalLineItem) => {
|
|
@@ -13573,11 +13582,11 @@ var useJournal = () => {
|
|
|
13573
13582
|
syncTimestamps,
|
|
13574
13583
|
hasBeenTouched
|
|
13575
13584
|
} = useLayerContext();
|
|
13576
|
-
const [selectedEntryId, setSelectedEntryId] = (0,
|
|
13577
|
-
const [form, setForm] = (0,
|
|
13578
|
-
const [addingEntry, setAddingEntry] = (0,
|
|
13579
|
-
const [sendingForm, setSendingForm] = (0,
|
|
13580
|
-
const [apiError, setApiError] = (0,
|
|
13585
|
+
const [selectedEntryId, setSelectedEntryId] = (0, import_react151.useState)();
|
|
13586
|
+
const [form, setForm] = (0, import_react151.useState)();
|
|
13587
|
+
const [addingEntry, setAddingEntry] = (0, import_react151.useState)(false);
|
|
13588
|
+
const [sendingForm, setSendingForm] = (0, import_react151.useState)(false);
|
|
13589
|
+
const [apiError, setApiError] = (0, import_react151.useState)(void 0);
|
|
13581
13590
|
const queryKey = businessId && auth?.access_token && `journal-lines-${businessId}`;
|
|
13582
13591
|
const { data, isLoading, isValidating, error, mutate } = (0, import_swr9.default)(
|
|
13583
13592
|
queryKey,
|
|
@@ -13803,12 +13812,12 @@ var useJournal = () => {
|
|
|
13803
13812
|
}
|
|
13804
13813
|
});
|
|
13805
13814
|
};
|
|
13806
|
-
(0,
|
|
13815
|
+
(0, import_react151.useEffect)(() => {
|
|
13807
13816
|
if (queryKey && (isLoading || isValidating)) {
|
|
13808
13817
|
read("JOURNAL" /* JOURNAL */, queryKey);
|
|
13809
13818
|
}
|
|
13810
13819
|
}, [isLoading, isValidating]);
|
|
13811
|
-
(0,
|
|
13820
|
+
(0, import_react151.useEffect)(() => {
|
|
13812
13821
|
if (queryKey && hasBeenTouched(queryKey)) {
|
|
13813
13822
|
refetch();
|
|
13814
13823
|
}
|
|
@@ -13839,10 +13848,10 @@ var useJournal = () => {
|
|
|
13839
13848
|
};
|
|
13840
13849
|
|
|
13841
13850
|
// src/components/JournalTable/JournalTable.tsx
|
|
13842
|
-
var
|
|
13851
|
+
var import_react157 = __toESM(require("react"));
|
|
13843
13852
|
|
|
13844
13853
|
// src/components/JournalRow/JournalRow.tsx
|
|
13845
|
-
var
|
|
13854
|
+
var import_react152 = __toESM(require("react"));
|
|
13846
13855
|
var import_classnames57 = __toESM(require("classnames"));
|
|
13847
13856
|
var import_date_fns32 = require("date-fns");
|
|
13848
13857
|
var INDENTATION2 = 24;
|
|
@@ -13880,8 +13889,8 @@ var JournalRow = ({
|
|
|
13880
13889
|
cumulativeIndex = 0,
|
|
13881
13890
|
selectedEntries = false
|
|
13882
13891
|
}) => {
|
|
13883
|
-
const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0,
|
|
13884
|
-
const [isOpen, setIsOpen] = (0,
|
|
13892
|
+
const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react152.useContext)(JournalContext);
|
|
13893
|
+
const [isOpen, setIsOpen] = (0, import_react152.useState)(index === 0 ? true : defaultOpen);
|
|
13885
13894
|
const style = expanded ? {
|
|
13886
13895
|
...EXPANDED_STYLE3,
|
|
13887
13896
|
transitionDelay: `${15 * index}ms`
|
|
@@ -13889,7 +13898,7 @@ var JournalRow = ({
|
|
|
13889
13898
|
...COLLAPSED_STYLE3,
|
|
13890
13899
|
transitionDelay: `${lineItemsLength - 15 * index}ms`
|
|
13891
13900
|
};
|
|
13892
|
-
const [showComponent, setShowComponent] = (0,
|
|
13901
|
+
const [showComponent, setShowComponent] = (0, import_react152.useState)(false);
|
|
13893
13902
|
const baseClass = (0, import_classnames57.default)(
|
|
13894
13903
|
"Layer__journal-table-row",
|
|
13895
13904
|
rowId(row) === selectedEntryId && "Layer__table-row--active",
|
|
@@ -13907,7 +13916,7 @@ var JournalRow = ({
|
|
|
13907
13916
|
"Layer__journal-line__table-row",
|
|
13908
13917
|
!expanded && "Layer__table-row--hidden"
|
|
13909
13918
|
);
|
|
13910
|
-
(0,
|
|
13919
|
+
(0, import_react152.useEffect)(() => {
|
|
13911
13920
|
if (initialLoad) {
|
|
13912
13921
|
const timeoutId = setTimeout(() => {
|
|
13913
13922
|
setShowComponent(true);
|
|
@@ -13918,7 +13927,7 @@ var JournalRow = ({
|
|
|
13918
13927
|
}
|
|
13919
13928
|
}, []);
|
|
13920
13929
|
if ("line_items" in row) {
|
|
13921
|
-
return /* @__PURE__ */
|
|
13930
|
+
return /* @__PURE__ */ import_react152.default.createElement(import_react152.default.Fragment, null, /* @__PURE__ */ import_react152.default.createElement(
|
|
13922
13931
|
"tr",
|
|
13923
13932
|
{
|
|
13924
13933
|
className: baseClass,
|
|
@@ -13932,7 +13941,7 @@ var JournalRow = ({
|
|
|
13932
13941
|
}
|
|
13933
13942
|
}
|
|
13934
13943
|
},
|
|
13935
|
-
/* @__PURE__ */
|
|
13944
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__journal__arrow" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react152.default.createElement(
|
|
13936
13945
|
"span",
|
|
13937
13946
|
{
|
|
13938
13947
|
className: "Layer__table-cell-content-indentation",
|
|
@@ -13945,7 +13954,7 @@ var JournalRow = ({
|
|
|
13945
13954
|
setIsOpen(!isOpen);
|
|
13946
13955
|
}
|
|
13947
13956
|
},
|
|
13948
|
-
row.line_items && row.line_items.length > 0 && /* @__PURE__ */
|
|
13957
|
+
row.line_items && row.line_items.length > 0 && /* @__PURE__ */ import_react152.default.createElement(
|
|
13949
13958
|
ChevronDownFill_default,
|
|
13950
13959
|
{
|
|
13951
13960
|
size: 16,
|
|
@@ -13956,21 +13965,21 @@ var JournalRow = ({
|
|
|
13956
13965
|
}
|
|
13957
13966
|
)
|
|
13958
13967
|
))),
|
|
13959
|
-
/* @__PURE__ */
|
|
13960
|
-
/* @__PURE__ */
|
|
13961
|
-
/* @__PURE__ */
|
|
13962
|
-
/* @__PURE__ */
|
|
13963
|
-
/* @__PURE__ */
|
|
13968
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, row.id.substring(0, 5))),
|
|
13969
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(row.date), DATE_FORMAT))),
|
|
13970
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, humanizeEnum(row.entry_type))),
|
|
13971
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content" }, `(${row.line_items.length})`)),
|
|
13972
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
|
|
13964
13973
|
Math.abs(
|
|
13965
13974
|
row.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
|
|
13966
13975
|
)
|
|
13967
13976
|
))),
|
|
13968
|
-
/* @__PURE__ */
|
|
13977
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
|
|
13969
13978
|
Math.abs(
|
|
13970
13979
|
row.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
|
|
13971
13980
|
)
|
|
13972
13981
|
)))
|
|
13973
|
-
), (row.line_items || []).map((lineItem, idx) => /* @__PURE__ */
|
|
13982
|
+
), (row.line_items || []).map((lineItem, idx) => /* @__PURE__ */ import_react152.default.createElement(
|
|
13974
13983
|
JournalRow,
|
|
13975
13984
|
{
|
|
13976
13985
|
key: `${row.id}-${idx}`,
|
|
@@ -13985,18 +13994,18 @@ var JournalRow = ({
|
|
|
13985
13994
|
}
|
|
13986
13995
|
)));
|
|
13987
13996
|
}
|
|
13988
|
-
return /* @__PURE__ */
|
|
13997
|
+
return /* @__PURE__ */ import_react152.default.createElement(
|
|
13989
13998
|
"tr",
|
|
13990
13999
|
{
|
|
13991
14000
|
className: journalEntryLineClass,
|
|
13992
14001
|
style: { transitionDelay: `${15 * index}ms` }
|
|
13993
14002
|
},
|
|
13994
|
-
/* @__PURE__ */
|
|
13995
|
-
/* @__PURE__ */
|
|
13996
|
-
/* @__PURE__ */
|
|
13997
|
-
/* @__PURE__ */
|
|
13998
|
-
/* @__PURE__ */
|
|
13999
|
-
/* @__PURE__ */
|
|
14003
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content", style })),
|
|
14004
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-hidden" }, rowId(row).substring(0, 5)))),
|
|
14005
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }),
|
|
14006
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }),
|
|
14007
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react152.default.createElement("span", { className: "Layer__table-cell-content", style }, accountName(row))),
|
|
14008
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "DEBIT" && /* @__PURE__ */ import_react152.default.createElement(
|
|
14000
14009
|
"span",
|
|
14001
14010
|
{
|
|
14002
14011
|
className: "Layer__table-cell-content Layer__table-cell--amount",
|
|
@@ -14005,7 +14014,7 @@ var JournalRow = ({
|
|
|
14005
14014
|
"$",
|
|
14006
14015
|
centsToDollars(Math.abs(row.amount))
|
|
14007
14016
|
)),
|
|
14008
|
-
/* @__PURE__ */
|
|
14017
|
+
/* @__PURE__ */ import_react152.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "CREDIT" && /* @__PURE__ */ import_react152.default.createElement(
|
|
14009
14018
|
"span",
|
|
14010
14019
|
{
|
|
14011
14020
|
className: "Layer__table-cell-content Layer__table-cell--amount",
|
|
@@ -14018,10 +14027,10 @@ var JournalRow = ({
|
|
|
14018
14027
|
};
|
|
14019
14028
|
|
|
14020
14029
|
// src/components/JournalSidebar/JournalSidebar.tsx
|
|
14021
|
-
var
|
|
14030
|
+
var import_react156 = __toESM(require("react"));
|
|
14022
14031
|
|
|
14023
14032
|
// src/components/JournalEntryDetails/JournalEntryDetails.tsx
|
|
14024
|
-
var
|
|
14033
|
+
var import_react153 = __toESM(require("react"));
|
|
14025
14034
|
var JournalEntryDetails = () => {
|
|
14026
14035
|
const {
|
|
14027
14036
|
data,
|
|
@@ -14029,21 +14038,21 @@ var JournalEntryDetails = () => {
|
|
|
14029
14038
|
errorEntry,
|
|
14030
14039
|
closeSelectedEntry,
|
|
14031
14040
|
selectedEntryId
|
|
14032
|
-
} = (0,
|
|
14033
|
-
const entry = (0,
|
|
14041
|
+
} = (0, import_react153.useContext)(JournalContext);
|
|
14042
|
+
const entry = (0, import_react153.useMemo)(() => {
|
|
14034
14043
|
if (selectedEntryId && data) {
|
|
14035
14044
|
return data.find((x) => x.id === selectedEntryId);
|
|
14036
14045
|
}
|
|
14037
14046
|
return;
|
|
14038
14047
|
}, [data, selectedEntryId]);
|
|
14039
|
-
return /* @__PURE__ */
|
|
14048
|
+
return /* @__PURE__ */ import_react153.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react153.default.createElement(
|
|
14040
14049
|
DetailsList,
|
|
14041
14050
|
{
|
|
14042
14051
|
title: "Transaction source",
|
|
14043
|
-
actions: /* @__PURE__ */
|
|
14052
|
+
actions: /* @__PURE__ */ import_react153.default.createElement(
|
|
14044
14053
|
Button,
|
|
14045
14054
|
{
|
|
14046
|
-
rightIcon: /* @__PURE__ */
|
|
14055
|
+
rightIcon: /* @__PURE__ */ import_react153.default.createElement(X_default, null),
|
|
14047
14056
|
iconOnly: true,
|
|
14048
14057
|
onClick: closeSelectedEntry,
|
|
14049
14058
|
className: "Layer__details-list__close-btn",
|
|
@@ -14051,54 +14060,54 @@ var JournalEntryDetails = () => {
|
|
|
14051
14060
|
}
|
|
14052
14061
|
)
|
|
14053
14062
|
},
|
|
14054
|
-
/* @__PURE__ */
|
|
14055
|
-
entry?.source?.display_description && /* @__PURE__ */
|
|
14056
|
-
), /* @__PURE__ */
|
|
14063
|
+
/* @__PURE__ */ import_react153.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react153.default.createElement(Badge, null, entry?.source?.entity_name)),
|
|
14064
|
+
entry?.source?.display_description && /* @__PURE__ */ import_react153.default.createElement(SourceDetailView, { source: entry?.source })
|
|
14065
|
+
), /* @__PURE__ */ import_react153.default.createElement(
|
|
14057
14066
|
DetailsList,
|
|
14058
14067
|
{
|
|
14059
14068
|
title: `Journal Entry ${entry?.id.substring(0, 5)}`,
|
|
14060
14069
|
className: "Layer__border-top"
|
|
14061
14070
|
},
|
|
14062
|
-
/* @__PURE__ */
|
|
14063
|
-
/* @__PURE__ */
|
|
14064
|
-
/* @__PURE__ */
|
|
14065
|
-
entry?.reversal_id && /* @__PURE__ */
|
|
14066
|
-
), !isLoadingEntry && !errorEntry ? /* @__PURE__ */
|
|
14071
|
+
/* @__PURE__ */ import_react153.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entry?.entry_type ?? "")),
|
|
14072
|
+
/* @__PURE__ */ import_react153.default.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entry?.entry_at && /* @__PURE__ */ import_react153.default.createElement(DateTime, { value: entry?.entry_at })),
|
|
14073
|
+
/* @__PURE__ */ import_react153.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entry?.date && /* @__PURE__ */ import_react153.default.createElement(DateTime, { value: entry?.date })),
|
|
14074
|
+
entry?.reversal_id && /* @__PURE__ */ import_react153.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, "Journal Entry #", entry?.reversal_id)
|
|
14075
|
+
), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react153.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react153.default.createElement(Card, null, /* @__PURE__ */ import_react153.default.createElement(
|
|
14067
14076
|
Table,
|
|
14068
14077
|
{
|
|
14069
14078
|
componentName: "ledger-account__entry-details",
|
|
14070
14079
|
borderCollapse: "collapse"
|
|
14071
14080
|
},
|
|
14072
|
-
/* @__PURE__ */
|
|
14073
|
-
/* @__PURE__ */
|
|
14081
|
+
/* @__PURE__ */ import_react153.default.createElement(TableHead, null, /* @__PURE__ */ import_react153.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react153.default.createElement(TableCell, null, "Line items"), [...Array(3)].map((_, index) => /* @__PURE__ */ import_react153.default.createElement(TableCell, { key: `ledger-empty-cell-${index}` })), /* @__PURE__ */ import_react153.default.createElement(TableCell, null, "Debit"), /* @__PURE__ */ import_react153.default.createElement(TableCell, null, "Credit"))),
|
|
14082
|
+
/* @__PURE__ */ import_react153.default.createElement(TableBody, null, entry?.line_items?.map((item, index) => /* @__PURE__ */ import_react153.default.createElement(
|
|
14074
14083
|
TableRow,
|
|
14075
14084
|
{
|
|
14076
14085
|
key: `ledger-line-item-${index}`,
|
|
14077
14086
|
rowKey: `ledger-line-item-${index}`
|
|
14078
14087
|
},
|
|
14079
|
-
/* @__PURE__ */
|
|
14080
|
-
[...Array(3)].map((_, index2) => /* @__PURE__ */
|
|
14081
|
-
/* @__PURE__ */
|
|
14082
|
-
/* @__PURE__ */
|
|
14083
|
-
)), /* @__PURE__ */
|
|
14088
|
+
/* @__PURE__ */ import_react153.default.createElement(TableCell, null, item.account_identifier?.name || ""),
|
|
14089
|
+
[...Array(3)].map((_, index2) => /* @__PURE__ */ import_react153.default.createElement(TableCell, { key: `ledger-empty-cell-${index2}` })),
|
|
14090
|
+
/* @__PURE__ */ import_react153.default.createElement(TableCell, null, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react153.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
|
|
14091
|
+
/* @__PURE__ */ import_react153.default.createElement(TableCell, null, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react153.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
|
|
14092
|
+
)), /* @__PURE__ */ import_react153.default.createElement(
|
|
14084
14093
|
TableRow,
|
|
14085
14094
|
{
|
|
14086
14095
|
rowKey: "ledger-line-item-summation",
|
|
14087
14096
|
variant: "summation"
|
|
14088
14097
|
},
|
|
14089
|
-
/* @__PURE__ */
|
|
14090
|
-
[...Array(3)].map((_, index) => /* @__PURE__ */
|
|
14091
|
-
/* @__PURE__ */
|
|
14092
|
-
/* @__PURE__ */
|
|
14098
|
+
/* @__PURE__ */ import_react153.default.createElement(TableCell, { primary: true }, "Total"),
|
|
14099
|
+
[...Array(3)].map((_, index) => /* @__PURE__ */ import_react153.default.createElement(TableCell, { key: `ledger-empty-cell-${index}` })),
|
|
14100
|
+
/* @__PURE__ */ import_react153.default.createElement(TableCell, { isCurrency: true, primary: true }, entry?.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0) || 0),
|
|
14101
|
+
/* @__PURE__ */ import_react153.default.createElement(TableCell, { isCurrency: true, primary: true }, entry?.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0) || 0)
|
|
14093
14102
|
))
|
|
14094
14103
|
))) : null);
|
|
14095
14104
|
};
|
|
14096
14105
|
|
|
14097
14106
|
// src/components/JournalForm/JournalForm.tsx
|
|
14098
|
-
var
|
|
14107
|
+
var import_react155 = __toESM(require("react"));
|
|
14099
14108
|
|
|
14100
14109
|
// src/components/JournalForm/JournalFormEntryLines.tsx
|
|
14101
|
-
var
|
|
14110
|
+
var import_react154 = __toESM(require("react"));
|
|
14102
14111
|
var JournalFormEntryLines = ({
|
|
14103
14112
|
entrylineItems,
|
|
14104
14113
|
addEntryLine,
|
|
@@ -14107,17 +14116,17 @@ var JournalFormEntryLines = ({
|
|
|
14107
14116
|
sendingForm,
|
|
14108
14117
|
config
|
|
14109
14118
|
}) => {
|
|
14110
|
-
const { data: accountsData } = (0,
|
|
14111
|
-
const { form } = (0,
|
|
14119
|
+
const { data: accountsData } = (0, import_react154.useContext)(ChartOfAccountsContext);
|
|
14120
|
+
const { form } = (0, import_react154.useContext)(JournalContext);
|
|
14112
14121
|
const parentOptions = useParentOptions(accountsData);
|
|
14113
|
-
return /* @__PURE__ */
|
|
14114
|
-
return /* @__PURE__ */
|
|
14122
|
+
return /* @__PURE__ */ import_react154.default.createElement(import_react154.default.Fragment, null, Object.keys(Direction).map((direction, idx) => {
|
|
14123
|
+
return /* @__PURE__ */ import_react154.default.createElement(
|
|
14115
14124
|
"div",
|
|
14116
14125
|
{
|
|
14117
14126
|
key: "Layer__journal__form__input-group-" + idx,
|
|
14118
14127
|
className: "Layer__journal__form__input-group Layer__journal__form__input-group__border"
|
|
14119
14128
|
},
|
|
14120
|
-
/* @__PURE__ */
|
|
14129
|
+
/* @__PURE__ */ import_react154.default.createElement(
|
|
14121
14130
|
Text,
|
|
14122
14131
|
{
|
|
14123
14132
|
className: "Layer__journal__form__input-group__title",
|
|
@@ -14131,13 +14140,13 @@ var JournalFormEntryLines = ({
|
|
|
14131
14140
|
if (item.direction !== direction) {
|
|
14132
14141
|
return null;
|
|
14133
14142
|
}
|
|
14134
|
-
return /* @__PURE__ */
|
|
14143
|
+
return /* @__PURE__ */ import_react154.default.createElement(
|
|
14135
14144
|
"div",
|
|
14136
14145
|
{
|
|
14137
14146
|
className: "Layer__journal__form__input-group__line-item",
|
|
14138
14147
|
key: direction + "-" + idx2
|
|
14139
14148
|
},
|
|
14140
|
-
/* @__PURE__ */
|
|
14149
|
+
/* @__PURE__ */ import_react154.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react154.default.createElement(
|
|
14141
14150
|
InputWithBadge,
|
|
14142
14151
|
{
|
|
14143
14152
|
name: direction,
|
|
@@ -14163,14 +14172,14 @@ var JournalFormEntryLines = ({
|
|
|
14163
14172
|
)?.message
|
|
14164
14173
|
}
|
|
14165
14174
|
)),
|
|
14166
|
-
/* @__PURE__ */
|
|
14175
|
+
/* @__PURE__ */ import_react154.default.createElement(
|
|
14167
14176
|
InputGroup,
|
|
14168
14177
|
{
|
|
14169
14178
|
name: "account-name",
|
|
14170
14179
|
label: "Account name",
|
|
14171
14180
|
inline: true
|
|
14172
14181
|
},
|
|
14173
|
-
/* @__PURE__ */
|
|
14182
|
+
/* @__PURE__ */ import_react154.default.createElement(
|
|
14174
14183
|
Select2,
|
|
14175
14184
|
{
|
|
14176
14185
|
options: parentOptions,
|
|
@@ -14194,18 +14203,18 @@ var JournalFormEntryLines = ({
|
|
|
14194
14203
|
)?.message
|
|
14195
14204
|
}
|
|
14196
14205
|
),
|
|
14197
|
-
idx2 >= 2 && /* @__PURE__ */
|
|
14206
|
+
idx2 >= 2 && /* @__PURE__ */ import_react154.default.createElement(
|
|
14198
14207
|
IconButton,
|
|
14199
14208
|
{
|
|
14200
14209
|
className: "Layer__remove__button",
|
|
14201
14210
|
onClick: () => removeEntryLine(idx2),
|
|
14202
|
-
icon: /* @__PURE__ */
|
|
14211
|
+
icon: /* @__PURE__ */ import_react154.default.createElement(Trash_default, null)
|
|
14203
14212
|
}
|
|
14204
14213
|
)
|
|
14205
14214
|
)
|
|
14206
14215
|
);
|
|
14207
14216
|
}),
|
|
14208
|
-
(config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > entrylineItems?.length) && /* @__PURE__ */
|
|
14217
|
+
(config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > entrylineItems?.length) && /* @__PURE__ */ import_react154.default.createElement(
|
|
14209
14218
|
TextButton,
|
|
14210
14219
|
{
|
|
14211
14220
|
className: "Layer__journal__add-entry-line",
|
|
@@ -14228,8 +14237,8 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14228
14237
|
changeFormData,
|
|
14229
14238
|
addEntryLine,
|
|
14230
14239
|
removeEntryLine
|
|
14231
|
-
} = (0,
|
|
14232
|
-
return /* @__PURE__ */
|
|
14240
|
+
} = (0, import_react155.useContext)(JournalContext);
|
|
14241
|
+
return /* @__PURE__ */ import_react155.default.createElement(
|
|
14233
14242
|
"form",
|
|
14234
14243
|
{
|
|
14235
14244
|
className: "Layer__form",
|
|
@@ -14238,7 +14247,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14238
14247
|
submitForm();
|
|
14239
14248
|
}
|
|
14240
14249
|
},
|
|
14241
|
-
/* @__PURE__ */
|
|
14250
|
+
/* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react155.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, stringOverrides?.header && "Add New Entry"), /* @__PURE__ */ import_react155.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react155.default.createElement(
|
|
14242
14251
|
Button,
|
|
14243
14252
|
{
|
|
14244
14253
|
type: "button",
|
|
@@ -14247,7 +14256,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14247
14256
|
disabled: sendingForm
|
|
14248
14257
|
},
|
|
14249
14258
|
stringOverrides?.cancelButton || "Cancel"
|
|
14250
|
-
), apiError && /* @__PURE__ */
|
|
14259
|
+
), apiError && /* @__PURE__ */ import_react155.default.createElement(
|
|
14251
14260
|
RetryButton,
|
|
14252
14261
|
{
|
|
14253
14262
|
type: "submit",
|
|
@@ -14256,7 +14265,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14256
14265
|
disabled: sendingForm
|
|
14257
14266
|
},
|
|
14258
14267
|
stringOverrides?.retryButton || "Retry"
|
|
14259
|
-
), !apiError && /* @__PURE__ */
|
|
14268
|
+
), !apiError && /* @__PURE__ */ import_react155.default.createElement(
|
|
14260
14269
|
SubmitButton,
|
|
14261
14270
|
{
|
|
14262
14271
|
type: "submit",
|
|
@@ -14266,7 +14275,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14266
14275
|
},
|
|
14267
14276
|
stringOverrides?.saveButton || "Save"
|
|
14268
14277
|
))),
|
|
14269
|
-
apiError && /* @__PURE__ */
|
|
14278
|
+
apiError && /* @__PURE__ */ import_react155.default.createElement(
|
|
14270
14279
|
Text,
|
|
14271
14280
|
{
|
|
14272
14281
|
size: "sm" /* sm */,
|
|
@@ -14274,7 +14283,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14274
14283
|
},
|
|
14275
14284
|
apiError
|
|
14276
14285
|
),
|
|
14277
|
-
/* @__PURE__ */
|
|
14286
|
+
/* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react155.default.createElement(InputGroup, { name: "date", label: "Date", inline: true }, /* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react155.default.createElement(
|
|
14278
14287
|
DatePicker,
|
|
14279
14288
|
{
|
|
14280
14289
|
selected: form?.data.entry_at ? new Date(form?.data.entry_at) : /* @__PURE__ */ new Date(),
|
|
@@ -14287,7 +14296,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14287
14296
|
placeholderText: "Select date",
|
|
14288
14297
|
currentDateOption: false
|
|
14289
14298
|
}
|
|
14290
|
-
), /* @__PURE__ */
|
|
14299
|
+
), /* @__PURE__ */ import_react155.default.createElement(
|
|
14291
14300
|
DatePicker,
|
|
14292
14301
|
{
|
|
14293
14302
|
selected: form?.data.entry_at ? new Date(form?.data.entry_at) : /* @__PURE__ */ new Date(),
|
|
@@ -14301,7 +14310,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14301
14310
|
currentDateOption: false
|
|
14302
14311
|
}
|
|
14303
14312
|
)))),
|
|
14304
|
-
/* @__PURE__ */
|
|
14313
|
+
/* @__PURE__ */ import_react155.default.createElement(
|
|
14305
14314
|
JournalFormEntryLines,
|
|
14306
14315
|
{
|
|
14307
14316
|
entrylineItems: form?.data.line_items || [],
|
|
@@ -14312,7 +14321,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14312
14321
|
config
|
|
14313
14322
|
}
|
|
14314
14323
|
),
|
|
14315
|
-
/* @__PURE__ */
|
|
14324
|
+
/* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react155.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react155.default.createElement(
|
|
14316
14325
|
Textarea,
|
|
14317
14326
|
{
|
|
14318
14327
|
name: "memo",
|
|
@@ -14322,7 +14331,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14322
14331
|
disabled: sendingForm
|
|
14323
14332
|
}
|
|
14324
14333
|
))),
|
|
14325
|
-
/* @__PURE__ */
|
|
14334
|
+
/* @__PURE__ */ import_react155.default.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ import_react155.default.createElement(
|
|
14326
14335
|
Button,
|
|
14327
14336
|
{
|
|
14328
14337
|
type: "button",
|
|
@@ -14331,7 +14340,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14331
14340
|
disabled: sendingForm
|
|
14332
14341
|
},
|
|
14333
14342
|
stringOverrides?.cancelButton || "Cancel"
|
|
14334
|
-
), apiError && /* @__PURE__ */
|
|
14343
|
+
), apiError && /* @__PURE__ */ import_react155.default.createElement(
|
|
14335
14344
|
RetryButton,
|
|
14336
14345
|
{
|
|
14337
14346
|
type: "submit",
|
|
@@ -14340,7 +14349,7 @@ var JournalForm = ({ config, stringOverrides }) => {
|
|
|
14340
14349
|
disabled: sendingForm
|
|
14341
14350
|
},
|
|
14342
14351
|
stringOverrides?.retryButton || "Retry"
|
|
14343
|
-
), !apiError && /* @__PURE__ */
|
|
14352
|
+
), !apiError && /* @__PURE__ */ import_react155.default.createElement(
|
|
14344
14353
|
SubmitButton,
|
|
14345
14354
|
{
|
|
14346
14355
|
type: "submit",
|
|
@@ -14359,11 +14368,11 @@ var JournalSidebar = ({
|
|
|
14359
14368
|
config,
|
|
14360
14369
|
stringOverrides
|
|
14361
14370
|
}) => {
|
|
14362
|
-
const { selectedEntryId } = (0,
|
|
14371
|
+
const { selectedEntryId } = (0, import_react156.useContext)(JournalContext);
|
|
14363
14372
|
if (selectedEntryId !== "new") {
|
|
14364
|
-
return /* @__PURE__ */
|
|
14373
|
+
return /* @__PURE__ */ import_react156.default.createElement(JournalEntryDetails, null);
|
|
14365
14374
|
}
|
|
14366
|
-
return /* @__PURE__ */
|
|
14375
|
+
return /* @__PURE__ */ import_react156.default.createElement(JournalForm, { config, stringOverrides });
|
|
14367
14376
|
};
|
|
14368
14377
|
|
|
14369
14378
|
// src/components/JournalTable/JournalTable.tsx
|
|
@@ -14375,7 +14384,7 @@ var JournalTable = ({
|
|
|
14375
14384
|
config,
|
|
14376
14385
|
stringOverrides
|
|
14377
14386
|
}) => {
|
|
14378
|
-
const [currentPage, setCurrentPage] = (0,
|
|
14387
|
+
const [currentPage, setCurrentPage] = (0, import_react157.useState)(1);
|
|
14379
14388
|
const {
|
|
14380
14389
|
data: rawData,
|
|
14381
14390
|
isLoading,
|
|
@@ -14384,22 +14393,22 @@ var JournalTable = ({
|
|
|
14384
14393
|
refetch,
|
|
14385
14394
|
selectedEntryId,
|
|
14386
14395
|
addEntry
|
|
14387
|
-
} = (0,
|
|
14388
|
-
const data = (0,
|
|
14396
|
+
} = (0, import_react157.useContext)(JournalContext);
|
|
14397
|
+
const data = (0, import_react157.useMemo)(() => {
|
|
14389
14398
|
const firstPageIndex = (currentPage - 1) * pageSize;
|
|
14390
14399
|
const lastPageIndex = firstPageIndex + pageSize;
|
|
14391
14400
|
return rawData?.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))?.slice(firstPageIndex, lastPageIndex);
|
|
14392
14401
|
}, [rawData, currentPage]);
|
|
14393
|
-
return /* @__PURE__ */
|
|
14402
|
+
return /* @__PURE__ */ import_react157.default.createElement(
|
|
14394
14403
|
Panel,
|
|
14395
14404
|
{
|
|
14396
|
-
sidebar: /* @__PURE__ */
|
|
14405
|
+
sidebar: /* @__PURE__ */ import_react157.default.createElement(JournalSidebar, { parentRef: containerRef, config, stringOverrides: stringOverrides?.journalForm }),
|
|
14397
14406
|
sidebarIsOpen: Boolean(selectedEntryId),
|
|
14398
14407
|
parentRef: containerRef
|
|
14399
14408
|
},
|
|
14400
|
-
/* @__PURE__ */
|
|
14401
|
-
/* @__PURE__ */
|
|
14402
|
-
return /* @__PURE__ */
|
|
14409
|
+
/* @__PURE__ */ import_react157.default.createElement(Header, { className: `Layer__${COMPONENT_NAME6}__header` }, /* @__PURE__ */ import_react157.default.createElement(Heading, { className: `Layer__${COMPONENT_NAME6}__title` }, stringOverrides?.componentTitle || "Journal"), /* @__PURE__ */ import_react157.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__actions` }, /* @__PURE__ */ import_react157.default.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, stringOverrides?.addEntryButton || "Add Entry"))),
|
|
14410
|
+
/* @__PURE__ */ import_react157.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ import_react157.default.createElement("thead", null, /* @__PURE__ */ import_react157.default.createElement("tr", null, /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.idColumnHeader || "Id"), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.dateColumnHeader || "Date"), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.transactionColumnHeader || "Transaction"), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header" }, stringOverrides?.accountColumnHeader || "Account"), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.debitColumnHeader || "Debit"), /* @__PURE__ */ import_react157.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, stringOverrides?.creditColumnHeader || "Credit"))), /* @__PURE__ */ import_react157.default.createElement("tbody", null, !error && data?.map((entry, idx) => {
|
|
14411
|
+
return /* @__PURE__ */ import_react157.default.createElement(
|
|
14403
14412
|
JournalRow,
|
|
14404
14413
|
{
|
|
14405
14414
|
key: "journal-row-" + idx + entry.id,
|
|
@@ -14409,7 +14418,7 @@ var JournalTable = ({
|
|
|
14409
14418
|
}
|
|
14410
14419
|
);
|
|
14411
14420
|
}))),
|
|
14412
|
-
data && /* @__PURE__ */
|
|
14421
|
+
data && /* @__PURE__ */ import_react157.default.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ import_react157.default.createElement(
|
|
14413
14422
|
Pagination,
|
|
14414
14423
|
{
|
|
14415
14424
|
currentPage,
|
|
@@ -14418,7 +14427,7 @@ var JournalTable = ({
|
|
|
14418
14427
|
onPageChange: (page) => setCurrentPage(page)
|
|
14419
14428
|
}
|
|
14420
14429
|
)),
|
|
14421
|
-
error ? /* @__PURE__ */
|
|
14430
|
+
error ? /* @__PURE__ */ import_react157.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react157.default.createElement(
|
|
14422
14431
|
DataState,
|
|
14423
14432
|
{
|
|
14424
14433
|
status: "failed" /* failed */,
|
|
@@ -14428,7 +14437,7 @@ var JournalTable = ({
|
|
|
14428
14437
|
isLoading: isValidating || isLoading
|
|
14429
14438
|
}
|
|
14430
14439
|
)) : null,
|
|
14431
|
-
(!data || isLoading) && !error ? /* @__PURE__ */
|
|
14440
|
+
(!data || isLoading) && !error ? /* @__PURE__ */ import_react157.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ import_react157.default.createElement(Loader2, null)) : null
|
|
14432
14441
|
);
|
|
14433
14442
|
};
|
|
14434
14443
|
|
|
@@ -14441,14 +14450,14 @@ var JOURNAL_CONFIG = {
|
|
|
14441
14450
|
var Journal = (props) => {
|
|
14442
14451
|
const JournalContextData = useJournal();
|
|
14443
14452
|
const AccountsContextData = useChartOfAccounts();
|
|
14444
|
-
return /* @__PURE__ */
|
|
14453
|
+
return /* @__PURE__ */ import_react158.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react158.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react158.default.createElement(TableProvider, null, /* @__PURE__ */ import_react158.default.createElement(JournalContent, { ...props }))));
|
|
14445
14454
|
};
|
|
14446
14455
|
var JournalContent = ({
|
|
14447
14456
|
asWidget,
|
|
14448
14457
|
config = JOURNAL_CONFIG,
|
|
14449
14458
|
stringOverrides
|
|
14450
14459
|
}) => {
|
|
14451
|
-
const [view, setView] = (0,
|
|
14460
|
+
const [view, setView] = (0, import_react158.useState)("desktop");
|
|
14452
14461
|
const containerRef = useElementSize((_a, _b, { width }) => {
|
|
14453
14462
|
if (width) {
|
|
14454
14463
|
if (width >= BREAKPOINTS.TABLET && view !== "desktop") {
|
|
@@ -14460,7 +14469,7 @@ var JournalContent = ({
|
|
|
14460
14469
|
}
|
|
14461
14470
|
}
|
|
14462
14471
|
});
|
|
14463
|
-
return /* @__PURE__ */
|
|
14472
|
+
return /* @__PURE__ */ import_react158.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react158.default.createElement(
|
|
14464
14473
|
JournalTable,
|
|
14465
14474
|
{
|
|
14466
14475
|
view,
|
|
@@ -14472,11 +14481,11 @@ var JournalContent = ({
|
|
|
14472
14481
|
};
|
|
14473
14482
|
|
|
14474
14483
|
// src/components/Tasks/Tasks.tsx
|
|
14475
|
-
var
|
|
14484
|
+
var import_react165 = __toESM(require("react"));
|
|
14476
14485
|
|
|
14477
14486
|
// src/contexts/TasksContext/TasksContext.tsx
|
|
14478
|
-
var
|
|
14479
|
-
var TasksContext = (0,
|
|
14487
|
+
var import_react159 = require("react");
|
|
14488
|
+
var TasksContext = (0, import_react159.createContext)({
|
|
14480
14489
|
data: void 0,
|
|
14481
14490
|
isLoading: false,
|
|
14482
14491
|
loadedStatus: "initial",
|
|
@@ -14488,10 +14497,10 @@ var TasksContext = (0, import_react158.createContext)({
|
|
|
14488
14497
|
});
|
|
14489
14498
|
|
|
14490
14499
|
// src/hooks/useTasks/useTasks.tsx
|
|
14491
|
-
var
|
|
14500
|
+
var import_react160 = require("react");
|
|
14492
14501
|
var import_swr10 = __toESM(require("swr"));
|
|
14493
14502
|
var useTasks = () => {
|
|
14494
|
-
const [loadedStatus, setLoadedStatus] = (0,
|
|
14503
|
+
const [loadedStatus, setLoadedStatus] = (0, import_react160.useState)("initial");
|
|
14495
14504
|
const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
|
|
14496
14505
|
const queryKey = businessId && auth?.access_token && `tasks-${businessId}`;
|
|
14497
14506
|
const { data, isLoading, isValidating, error, mutate } = (0, import_swr10.default)(
|
|
@@ -14500,7 +14509,7 @@ var useTasks = () => {
|
|
|
14500
14509
|
params: { businessId }
|
|
14501
14510
|
})
|
|
14502
14511
|
);
|
|
14503
|
-
(0,
|
|
14512
|
+
(0, import_react160.useEffect)(() => {
|
|
14504
14513
|
if (isLoading && loadedStatus === "initial") {
|
|
14505
14514
|
setLoadedStatus("loading");
|
|
14506
14515
|
} else if (!isLoading && loadedStatus === "loading") {
|
|
@@ -14520,12 +14529,12 @@ var useTasks = () => {
|
|
|
14520
14529
|
body: data2
|
|
14521
14530
|
}).then(() => refetch());
|
|
14522
14531
|
};
|
|
14523
|
-
(0,
|
|
14532
|
+
(0, import_react160.useEffect)(() => {
|
|
14524
14533
|
if (queryKey && (isLoading || isValidating)) {
|
|
14525
14534
|
read("TASKS" /* TASKS */, queryKey);
|
|
14526
14535
|
}
|
|
14527
14536
|
}, [isLoading, isValidating]);
|
|
14528
|
-
(0,
|
|
14537
|
+
(0, import_react160.useEffect)(() => {
|
|
14529
14538
|
if (queryKey && hasBeenTouched(queryKey)) {
|
|
14530
14539
|
refetch();
|
|
14531
14540
|
}
|
|
@@ -14548,11 +14557,11 @@ function isComplete(taskType) {
|
|
|
14548
14557
|
}
|
|
14549
14558
|
|
|
14550
14559
|
// src/components/TasksHeader/TasksHeader.tsx
|
|
14551
|
-
var
|
|
14560
|
+
var import_react161 = __toESM(require("react"));
|
|
14552
14561
|
|
|
14553
14562
|
// src/icons/ProgressIcon.tsx
|
|
14554
|
-
var
|
|
14555
|
-
var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */
|
|
14563
|
+
var React163 = __toESM(require("react"));
|
|
14564
|
+
var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React163.createElement(
|
|
14556
14565
|
"svg",
|
|
14557
14566
|
{
|
|
14558
14567
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -14562,7 +14571,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
|
|
|
14562
14571
|
width: size,
|
|
14563
14572
|
height: size
|
|
14564
14573
|
},
|
|
14565
|
-
/* @__PURE__ */
|
|
14574
|
+
/* @__PURE__ */ React163.createElement(
|
|
14566
14575
|
"path",
|
|
14567
14576
|
{
|
|
14568
14577
|
d: "M9 1.5V4.5",
|
|
@@ -14571,7 +14580,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
|
|
|
14571
14580
|
strokeLinejoin: "round"
|
|
14572
14581
|
}
|
|
14573
14582
|
),
|
|
14574
|
-
/* @__PURE__ */
|
|
14583
|
+
/* @__PURE__ */ React163.createElement(
|
|
14575
14584
|
"path",
|
|
14576
14585
|
{
|
|
14577
14586
|
d: "M9 13.5V16.5",
|
|
@@ -14580,7 +14589,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
|
|
|
14580
14589
|
strokeLinejoin: "round"
|
|
14581
14590
|
}
|
|
14582
14591
|
),
|
|
14583
|
-
/* @__PURE__ */
|
|
14592
|
+
/* @__PURE__ */ React163.createElement(
|
|
14584
14593
|
"path",
|
|
14585
14594
|
{
|
|
14586
14595
|
d: "M3.6975 3.6975L5.82 5.82",
|
|
@@ -14589,7 +14598,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
|
|
|
14589
14598
|
strokeLinejoin: "round"
|
|
14590
14599
|
}
|
|
14591
14600
|
),
|
|
14592
|
-
/* @__PURE__ */
|
|
14601
|
+
/* @__PURE__ */ React163.createElement(
|
|
14593
14602
|
"path",
|
|
14594
14603
|
{
|
|
14595
14604
|
d: "M12.18 12.18L14.3025 14.3025",
|
|
@@ -14598,7 +14607,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
|
|
|
14598
14607
|
strokeLinejoin: "round"
|
|
14599
14608
|
}
|
|
14600
14609
|
),
|
|
14601
|
-
/* @__PURE__ */
|
|
14610
|
+
/* @__PURE__ */ React163.createElement(
|
|
14602
14611
|
"path",
|
|
14603
14612
|
{
|
|
14604
14613
|
d: "M1.5 9H4.5",
|
|
@@ -14607,7 +14616,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
|
|
|
14607
14616
|
strokeLinejoin: "round"
|
|
14608
14617
|
}
|
|
14609
14618
|
),
|
|
14610
|
-
/* @__PURE__ */
|
|
14619
|
+
/* @__PURE__ */ React163.createElement(
|
|
14611
14620
|
"path",
|
|
14612
14621
|
{
|
|
14613
14622
|
d: "M13.5 9H16.5",
|
|
@@ -14616,7 +14625,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
|
|
|
14616
14625
|
strokeLinejoin: "round"
|
|
14617
14626
|
}
|
|
14618
14627
|
),
|
|
14619
|
-
/* @__PURE__ */
|
|
14628
|
+
/* @__PURE__ */ React163.createElement(
|
|
14620
14629
|
"path",
|
|
14621
14630
|
{
|
|
14622
14631
|
d: "M3.6975 14.3025L5.82 12.18",
|
|
@@ -14625,7 +14634,7 @@ var ProgressIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React162.createE
|
|
|
14625
14634
|
strokeLinejoin: "round"
|
|
14626
14635
|
}
|
|
14627
14636
|
),
|
|
14628
|
-
/* @__PURE__ */
|
|
14637
|
+
/* @__PURE__ */ React163.createElement(
|
|
14629
14638
|
"path",
|
|
14630
14639
|
{
|
|
14631
14640
|
d: "M12.18 5.82L14.3025 3.6975",
|
|
@@ -14640,22 +14649,22 @@ var ProgressIcon_default = ProgressIcon;
|
|
|
14640
14649
|
// src/components/TasksHeader/TasksHeader.tsx
|
|
14641
14650
|
var ICONS = {
|
|
14642
14651
|
loading: {
|
|
14643
|
-
icon: /* @__PURE__ */
|
|
14652
|
+
icon: /* @__PURE__ */ import_react161.default.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
|
|
14644
14653
|
text: "Loading",
|
|
14645
14654
|
badge: "default" /* DEFAULT */
|
|
14646
14655
|
},
|
|
14647
14656
|
done: {
|
|
14648
|
-
icon: /* @__PURE__ */
|
|
14657
|
+
icon: /* @__PURE__ */ import_react161.default.createElement(Check_default, { size: 12 }),
|
|
14649
14658
|
text: "Done",
|
|
14650
14659
|
badge: "success" /* SUCCESS */
|
|
14651
14660
|
},
|
|
14652
14661
|
pending: {
|
|
14653
|
-
icon: /* @__PURE__ */
|
|
14662
|
+
icon: /* @__PURE__ */ import_react161.default.createElement(AlertCircle_default, { size: 12 }),
|
|
14654
14663
|
text: "In progress",
|
|
14655
14664
|
badge: "warning" /* WARNING */
|
|
14656
14665
|
},
|
|
14657
14666
|
refresh: {
|
|
14658
|
-
icon: /* @__PURE__ */
|
|
14667
|
+
icon: /* @__PURE__ */ import_react161.default.createElement(RefreshCcw_default, { size: 12 }),
|
|
14659
14668
|
text: "Refresh",
|
|
14660
14669
|
badge: "default" /* DEFAULT */
|
|
14661
14670
|
}
|
|
@@ -14666,10 +14675,10 @@ var TasksHeader = ({
|
|
|
14666
14675
|
open,
|
|
14667
14676
|
toggleContent
|
|
14668
14677
|
}) => {
|
|
14669
|
-
const { data: tasks, loadedStatus, refetch, error } = (0,
|
|
14678
|
+
const { data: tasks, loadedStatus, refetch, error } = (0, import_react161.useContext)(TasksContext);
|
|
14670
14679
|
const completedTasks = tasks?.filter((task) => isComplete(task.status)).length;
|
|
14671
14680
|
const badgeVariant = completedTasks === tasks?.length ? ICONS.done : ICONS.pending;
|
|
14672
|
-
return /* @__PURE__ */
|
|
14681
|
+
return /* @__PURE__ */ import_react161.default.createElement("div", { className: "Layer__tasks-header" }, /* @__PURE__ */ import_react161.default.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ import_react161.default.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ import_react161.default.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && (!tasks || error) ? /* @__PURE__ */ import_react161.default.createElement(
|
|
14673
14682
|
Badge,
|
|
14674
14683
|
{
|
|
14675
14684
|
onClick: () => refetch(),
|
|
@@ -14677,15 +14686,15 @@ var TasksHeader = ({
|
|
|
14677
14686
|
icon: ICONS.refresh.icon
|
|
14678
14687
|
},
|
|
14679
14688
|
ICONS.refresh.text
|
|
14680
|
-
) : loadedStatus === "complete" ? /* @__PURE__ */
|
|
14689
|
+
) : loadedStatus === "complete" ? /* @__PURE__ */ import_react161.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ import_react161.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), collapsable && /* @__PURE__ */ import_react161.default.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open }));
|
|
14681
14690
|
};
|
|
14682
14691
|
|
|
14683
14692
|
// src/components/TasksList/TasksList.tsx
|
|
14684
|
-
var
|
|
14693
|
+
var import_react163 = __toESM(require("react"));
|
|
14685
14694
|
|
|
14686
14695
|
// src/icons/SmileIcon.tsx
|
|
14687
|
-
var
|
|
14688
|
-
var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */
|
|
14696
|
+
var React165 = __toESM(require("react"));
|
|
14697
|
+
var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React165.createElement(
|
|
14689
14698
|
"svg",
|
|
14690
14699
|
{
|
|
14691
14700
|
viewBox: "0 0 12 12",
|
|
@@ -14695,7 +14704,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElem
|
|
|
14695
14704
|
width: size,
|
|
14696
14705
|
height: size
|
|
14697
14706
|
},
|
|
14698
|
-
/* @__PURE__ */
|
|
14707
|
+
/* @__PURE__ */ React165.createElement(
|
|
14699
14708
|
"path",
|
|
14700
14709
|
{
|
|
14701
14710
|
d: "M6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5Z",
|
|
@@ -14704,7 +14713,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElem
|
|
|
14704
14713
|
strokeLinejoin: "round"
|
|
14705
14714
|
}
|
|
14706
14715
|
),
|
|
14707
|
-
/* @__PURE__ */
|
|
14716
|
+
/* @__PURE__ */ React165.createElement(
|
|
14708
14717
|
"path",
|
|
14709
14718
|
{
|
|
14710
14719
|
d: "M4.5 7.5C4.5 7.5 5.25 8.5 6.5 8.5C7.75 8.5 8.5 7.5 8.5 7.5",
|
|
@@ -14713,7 +14722,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElem
|
|
|
14713
14722
|
strokeLinejoin: "round"
|
|
14714
14723
|
}
|
|
14715
14724
|
),
|
|
14716
|
-
/* @__PURE__ */
|
|
14725
|
+
/* @__PURE__ */ React165.createElement(
|
|
14717
14726
|
"path",
|
|
14718
14727
|
{
|
|
14719
14728
|
d: "M5 5H5.005",
|
|
@@ -14722,7 +14731,7 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElem
|
|
|
14722
14731
|
strokeLinejoin: "round"
|
|
14723
14732
|
}
|
|
14724
14733
|
),
|
|
14725
|
-
/* @__PURE__ */
|
|
14734
|
+
/* @__PURE__ */ React165.createElement(
|
|
14726
14735
|
"path",
|
|
14727
14736
|
{
|
|
14728
14737
|
d: "M8 5H8.005",
|
|
@@ -14735,16 +14744,16 @@ var SmileIcon = ({ size = 12, ...props }) => /* @__PURE__ */ React164.createElem
|
|
|
14735
14744
|
var SmileIcon_default = SmileIcon;
|
|
14736
14745
|
|
|
14737
14746
|
// src/components/TasksListItem/TasksListItem.tsx
|
|
14738
|
-
var
|
|
14747
|
+
var import_react162 = __toESM(require("react"));
|
|
14739
14748
|
var import_classnames58 = __toESM(require("classnames"));
|
|
14740
14749
|
var TasksListItem = ({
|
|
14741
14750
|
task,
|
|
14742
14751
|
goToNextPageIfAllComplete,
|
|
14743
14752
|
defaultOpen
|
|
14744
14753
|
}) => {
|
|
14745
|
-
const [isOpen, setIsOpen] = (0,
|
|
14746
|
-
const [userResponse, setUserResponse] = (0,
|
|
14747
|
-
const { submitResponseToTask: submitResponseToTask2 } = (0,
|
|
14754
|
+
const [isOpen, setIsOpen] = (0, import_react162.useState)(defaultOpen);
|
|
14755
|
+
const [userResponse, setUserResponse] = (0, import_react162.useState)(task.user_response || "");
|
|
14756
|
+
const { submitResponseToTask: submitResponseToTask2 } = (0, import_react162.useContext)(TasksContext);
|
|
14748
14757
|
const taskBodyClassName = (0, import_classnames58.default)(
|
|
14749
14758
|
"Layer__tasks-list-item__body",
|
|
14750
14759
|
isOpen && "Layer__tasks-list-item__body--expanded",
|
|
@@ -14758,17 +14767,17 @@ var TasksListItem = ({
|
|
|
14758
14767
|
"Layer__tasks-list-item",
|
|
14759
14768
|
isOpen && "Layer__tasks-list-item__expanded"
|
|
14760
14769
|
);
|
|
14761
|
-
(0,
|
|
14770
|
+
(0, import_react162.useEffect)(() => {
|
|
14762
14771
|
setIsOpen(defaultOpen);
|
|
14763
14772
|
}, [defaultOpen]);
|
|
14764
|
-
return /* @__PURE__ */
|
|
14773
|
+
return /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ import_react162.default.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ import_react162.default.createElement(
|
|
14765
14774
|
"div",
|
|
14766
14775
|
{
|
|
14767
14776
|
className: "Layer__tasks-list-item__head",
|
|
14768
14777
|
onClick: () => setIsOpen(!isOpen)
|
|
14769
14778
|
},
|
|
14770
|
-
/* @__PURE__ */
|
|
14771
|
-
/* @__PURE__ */
|
|
14779
|
+
/* @__PURE__ */ import_react162.default.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ import_react162.default.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ import_react162.default.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ import_react162.default.createElement(Text, { size: "md" /* md */ }, task.title)),
|
|
14780
|
+
/* @__PURE__ */ import_react162.default.createElement(
|
|
14772
14781
|
ChevronDownFill_default,
|
|
14773
14782
|
{
|
|
14774
14783
|
size: 16,
|
|
@@ -14778,13 +14787,13 @@ var TasksListItem = ({
|
|
|
14778
14787
|
}
|
|
14779
14788
|
}
|
|
14780
14789
|
)
|
|
14781
|
-
), /* @__PURE__ */
|
|
14790
|
+
), /* @__PURE__ */ import_react162.default.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ import_react162.default.createElement(Text, { size: "sm" /* sm */ }, task.question), /* @__PURE__ */ import_react162.default.createElement(
|
|
14782
14791
|
Textarea,
|
|
14783
14792
|
{
|
|
14784
14793
|
value: userResponse,
|
|
14785
14794
|
onChange: (e) => setUserResponse(e.target.value)
|
|
14786
14795
|
}
|
|
14787
|
-
), /* @__PURE__ */
|
|
14796
|
+
), /* @__PURE__ */ import_react162.default.createElement("div", { className: "Layer__tasks-list-item__actions" }, /* @__PURE__ */ import_react162.default.createElement(
|
|
14788
14797
|
Button,
|
|
14789
14798
|
{
|
|
14790
14799
|
disabled: userResponse.length === 0 || userResponse === task.user_response,
|
|
@@ -14808,17 +14817,17 @@ function paginateArray(array, chunkSize = 10) {
|
|
|
14808
14817
|
}
|
|
14809
14818
|
return result;
|
|
14810
14819
|
}
|
|
14811
|
-
var TasksEmptyState = () => /* @__PURE__ */
|
|
14820
|
+
var TasksEmptyState = () => /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ import_react163.default.createElement(SmileIcon_default, null)), /* @__PURE__ */ import_react163.default.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ import_react163.default.createElement("br", null), " Great job!"));
|
|
14812
14821
|
var TasksList = ({ pageSize = 10 }) => {
|
|
14813
|
-
const { data: tasks, error } = (0,
|
|
14822
|
+
const { data: tasks, error } = (0, import_react163.useContext)(TasksContext);
|
|
14814
14823
|
const firstPageWithIincompleteTasks = paginateArray(
|
|
14815
14824
|
tasks || [],
|
|
14816
14825
|
pageSize
|
|
14817
14826
|
).findIndex((page) => page.some((task) => !isComplete(task.status)));
|
|
14818
|
-
const [currentPage, setCurrentPage] = (0,
|
|
14827
|
+
const [currentPage, setCurrentPage] = (0, import_react163.useState)(
|
|
14819
14828
|
firstPageWithIincompleteTasks === -1 ? 1 : firstPageWithIincompleteTasks + 1
|
|
14820
14829
|
);
|
|
14821
|
-
const sortedTasks = (0,
|
|
14830
|
+
const sortedTasks = (0, import_react163.useMemo)(() => {
|
|
14822
14831
|
const firstPageIndex = (currentPage - 1) * pageSize;
|
|
14823
14832
|
const lastPageIndex = firstPageIndex + pageSize;
|
|
14824
14833
|
return tasks?.slice(firstPageIndex, lastPageIndex);
|
|
@@ -14832,7 +14841,7 @@ var TasksList = ({ pageSize = 10 }) => {
|
|
|
14832
14841
|
setCurrentPage(currentPage + 1);
|
|
14833
14842
|
}
|
|
14834
14843
|
};
|
|
14835
|
-
return /* @__PURE__ */
|
|
14844
|
+
return /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ import_react163.default.createElement(import_react163.default.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ import_react163.default.createElement(
|
|
14836
14845
|
TasksListItem,
|
|
14837
14846
|
{
|
|
14838
14847
|
key: task.id,
|
|
@@ -14840,7 +14849,7 @@ var TasksList = ({ pageSize = 10 }) => {
|
|
|
14840
14849
|
goToNextPageIfAllComplete: goToNextPage,
|
|
14841
14850
|
defaultOpen: index === indexFirstIncomplete
|
|
14842
14851
|
}
|
|
14843
|
-
)), tasks && tasks.length >= 10 && /* @__PURE__ */
|
|
14852
|
+
)), tasks && tasks.length >= 10 && /* @__PURE__ */ import_react163.default.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ import_react163.default.createElement(
|
|
14844
14853
|
Pagination,
|
|
14845
14854
|
{
|
|
14846
14855
|
currentPage,
|
|
@@ -14848,16 +14857,16 @@ var TasksList = ({ pageSize = 10 }) => {
|
|
|
14848
14857
|
pageSize,
|
|
14849
14858
|
onPageChange: (page) => setCurrentPage(page)
|
|
14850
14859
|
}
|
|
14851
|
-
))) : /* @__PURE__ */
|
|
14860
|
+
))) : /* @__PURE__ */ import_react163.default.createElement(import_react163.default.Fragment, null, error ? /* @__PURE__ */ import_react163.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ import_react163.default.createElement(TasksEmptyState, null)));
|
|
14852
14861
|
};
|
|
14853
14862
|
|
|
14854
14863
|
// src/components/TasksPending/TasksPending.tsx
|
|
14855
|
-
var
|
|
14864
|
+
var import_react164 = __toESM(require("react"));
|
|
14856
14865
|
var import_classnames59 = __toESM(require("classnames"));
|
|
14857
14866
|
var import_date_fns33 = require("date-fns");
|
|
14858
14867
|
var import_recharts4 = require("recharts");
|
|
14859
14868
|
var TasksPending = () => {
|
|
14860
|
-
const { data } = (0,
|
|
14869
|
+
const { data } = (0, import_react164.useContext)(TasksContext);
|
|
14861
14870
|
const completedTasks = data?.filter((task) => isComplete(task.status)).length;
|
|
14862
14871
|
const chartData = [
|
|
14863
14872
|
{
|
|
@@ -14872,7 +14881,7 @@ var TasksPending = () => {
|
|
|
14872
14881
|
const taskStatusClassName = (0, import_classnames59.default)(
|
|
14873
14882
|
completedTasks && completedTasks > 0 ? "Layer__tasks-pending-bar__status--done" : "Layer__tasks-pending-bar__status--pending"
|
|
14874
14883
|
);
|
|
14875
|
-
return /* @__PURE__ */
|
|
14884
|
+
return /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react164.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns33.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react164.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react164.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react164.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data?.length, " done"), /* @__PURE__ */ import_react164.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react164.default.createElement(
|
|
14876
14885
|
import_recharts4.Pie,
|
|
14877
14886
|
{
|
|
14878
14887
|
data: chartData,
|
|
@@ -14890,7 +14899,7 @@ var TasksPending = () => {
|
|
|
14890
14899
|
animationEasing: "ease-in-out"
|
|
14891
14900
|
},
|
|
14892
14901
|
chartData.map((task, index) => {
|
|
14893
|
-
return /* @__PURE__ */
|
|
14902
|
+
return /* @__PURE__ */ import_react164.default.createElement(
|
|
14894
14903
|
import_recharts4.Cell,
|
|
14895
14904
|
{
|
|
14896
14905
|
key: `cell-${index}`,
|
|
@@ -14904,7 +14913,7 @@ var TasksPending = () => {
|
|
|
14904
14913
|
|
|
14905
14914
|
// src/components/Tasks/Tasks.tsx
|
|
14906
14915
|
var import_classnames60 = __toESM(require("classnames"));
|
|
14907
|
-
var UseTasksContext = (0,
|
|
14916
|
+
var UseTasksContext = (0, import_react165.createContext)({
|
|
14908
14917
|
data: void 0,
|
|
14909
14918
|
isLoading: void 0,
|
|
14910
14919
|
loadedStatus: "initial",
|
|
@@ -14923,7 +14932,7 @@ var Tasks = ({
|
|
|
14923
14932
|
// deprecated
|
|
14924
14933
|
stringOverrides
|
|
14925
14934
|
}) => {
|
|
14926
|
-
return /* @__PURE__ */
|
|
14935
|
+
return /* @__PURE__ */ import_react165.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react165.default.createElement(
|
|
14927
14936
|
TasksComponent,
|
|
14928
14937
|
{
|
|
14929
14938
|
collapsable,
|
|
@@ -14936,7 +14945,7 @@ var Tasks = ({
|
|
|
14936
14945
|
};
|
|
14937
14946
|
var TasksProvider = ({ children }) => {
|
|
14938
14947
|
const contextData = useTasks();
|
|
14939
|
-
return /* @__PURE__ */
|
|
14948
|
+
return /* @__PURE__ */ import_react165.default.createElement(TasksContext.Provider, { value: contextData }, children);
|
|
14940
14949
|
};
|
|
14941
14950
|
var TasksComponent = ({
|
|
14942
14951
|
collapsable = false,
|
|
@@ -14946,8 +14955,8 @@ var TasksComponent = ({
|
|
|
14946
14955
|
// deprecated
|
|
14947
14956
|
stringOverrides
|
|
14948
14957
|
}) => {
|
|
14949
|
-
const { isLoading, loadedStatus, data } = (0,
|
|
14950
|
-
const allComplete = (0,
|
|
14958
|
+
const { isLoading, loadedStatus, data } = (0, import_react165.useContext)(TasksContext);
|
|
14959
|
+
const allComplete = (0, import_react165.useMemo)(() => {
|
|
14951
14960
|
if (!data) {
|
|
14952
14961
|
return void 0;
|
|
14953
14962
|
}
|
|
@@ -14956,15 +14965,15 @@ var TasksComponent = ({
|
|
|
14956
14965
|
}
|
|
14957
14966
|
return false;
|
|
14958
14967
|
}, [data, isLoading]);
|
|
14959
|
-
const [open, setOpen] = (0,
|
|
14968
|
+
const [open, setOpen] = (0, import_react165.useState)(
|
|
14960
14969
|
defaultCollapsed || collapsedWhenComplete ? false : true
|
|
14961
14970
|
);
|
|
14962
|
-
(0,
|
|
14971
|
+
(0, import_react165.useEffect)(() => {
|
|
14963
14972
|
if (allComplete && open && collapsedWhenComplete && loadedStatus === "complete") {
|
|
14964
14973
|
setOpen(false);
|
|
14965
14974
|
}
|
|
14966
14975
|
}, [allComplete]);
|
|
14967
|
-
return /* @__PURE__ */
|
|
14976
|
+
return /* @__PURE__ */ import_react165.default.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ import_react165.default.createElement(
|
|
14968
14977
|
TasksHeader,
|
|
14969
14978
|
{
|
|
14970
14979
|
tasksHeader: stringOverrides?.header || tasksHeader,
|
|
@@ -14972,7 +14981,7 @@ var TasksComponent = ({
|
|
|
14972
14981
|
open,
|
|
14973
14982
|
toggleContent: () => setOpen(!open)
|
|
14974
14983
|
}
|
|
14975
|
-
), /* @__PURE__ */
|
|
14984
|
+
), /* @__PURE__ */ import_react165.default.createElement(
|
|
14976
14985
|
"div",
|
|
14977
14986
|
{
|
|
14978
14987
|
className: (0, import_classnames60.default)(
|
|
@@ -14980,16 +14989,16 @@ var TasksComponent = ({
|
|
|
14980
14989
|
!open && "Layer__tasks__content--collapsed"
|
|
14981
14990
|
)
|
|
14982
14991
|
},
|
|
14983
|
-
isLoading || !data ? /* @__PURE__ */
|
|
14992
|
+
isLoading || !data ? /* @__PURE__ */ import_react165.default.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ import_react165.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react165.default.createElement(import_react165.default.Fragment, null, data.length > 0 && /* @__PURE__ */ import_react165.default.createElement(TasksPending, null), /* @__PURE__ */ import_react165.default.createElement(TasksList, null))
|
|
14984
14993
|
));
|
|
14985
14994
|
};
|
|
14986
14995
|
|
|
14987
14996
|
// src/components/UpsellBanner/BookkeepingUpsellBar.tsx
|
|
14988
|
-
var
|
|
14997
|
+
var import_react167 = __toESM(require("react"));
|
|
14989
14998
|
|
|
14990
14999
|
// src/icons/Coffee.tsx
|
|
14991
|
-
var
|
|
14992
|
-
var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */
|
|
15000
|
+
var React170 = __toESM(require("react"));
|
|
15001
|
+
var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React170.createElement(
|
|
14993
15002
|
"svg",
|
|
14994
15003
|
{
|
|
14995
15004
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -14999,7 +15008,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
|
|
|
14999
15008
|
width: size,
|
|
15000
15009
|
height: size
|
|
15001
15010
|
},
|
|
15002
|
-
/* @__PURE__ */
|
|
15011
|
+
/* @__PURE__ */ React170.createElement("g", { "clip-path": "url(#clip0_5018_10141)" }, /* @__PURE__ */ React170.createElement(
|
|
15003
15012
|
"path",
|
|
15004
15013
|
{
|
|
15005
15014
|
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",
|
|
@@ -15007,7 +15016,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
|
|
|
15007
15016
|
strokeLinecap: "round",
|
|
15008
15017
|
strokeLinejoin: "round"
|
|
15009
15018
|
}
|
|
15010
|
-
), /* @__PURE__ */
|
|
15019
|
+
), /* @__PURE__ */ React170.createElement(
|
|
15011
15020
|
"path",
|
|
15012
15021
|
{
|
|
15013
15022
|
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",
|
|
@@ -15015,7 +15024,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
|
|
|
15015
15024
|
strokeLinecap: "round",
|
|
15016
15025
|
strokeLinejoin: "round"
|
|
15017
15026
|
}
|
|
15018
|
-
), /* @__PURE__ */
|
|
15027
|
+
), /* @__PURE__ */ React170.createElement(
|
|
15019
15028
|
"path",
|
|
15020
15029
|
{
|
|
15021
15030
|
d: "M8.75 0.958344V2.33334",
|
|
@@ -15023,7 +15032,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
|
|
|
15023
15032
|
strokeLinecap: "round",
|
|
15024
15033
|
strokeLinejoin: "round"
|
|
15025
15034
|
}
|
|
15026
|
-
), /* @__PURE__ */
|
|
15035
|
+
), /* @__PURE__ */ React170.createElement(
|
|
15027
15036
|
"path",
|
|
15028
15037
|
{
|
|
15029
15038
|
d: "M6.91663 0.958344V2.33334",
|
|
@@ -15031,7 +15040,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
|
|
|
15031
15040
|
strokeLinecap: "round",
|
|
15032
15041
|
strokeLinejoin: "round"
|
|
15033
15042
|
}
|
|
15034
|
-
), /* @__PURE__ */
|
|
15043
|
+
), /* @__PURE__ */ React170.createElement(
|
|
15035
15044
|
"path",
|
|
15036
15045
|
{
|
|
15037
15046
|
d: "M5.08337 0.958344V2.33334",
|
|
@@ -15040,7 +15049,7 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
|
|
|
15040
15049
|
strokeLinejoin: "round"
|
|
15041
15050
|
}
|
|
15042
15051
|
)),
|
|
15043
|
-
/* @__PURE__ */
|
|
15052
|
+
/* @__PURE__ */ React170.createElement("defs", null, /* @__PURE__ */ React170.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React170.createElement(
|
|
15044
15053
|
"rect",
|
|
15045
15054
|
{
|
|
15046
15055
|
width: "11",
|
|
@@ -15053,9 +15062,9 @@ var CoffeeIcon = ({ size = 11, ...props }) => /* @__PURE__ */ React169.createEle
|
|
|
15053
15062
|
var Coffee_default = CoffeeIcon;
|
|
15054
15063
|
|
|
15055
15064
|
// src/components/IconBox/IconBox.tsx
|
|
15056
|
-
var
|
|
15065
|
+
var import_react166 = __toESM(require("react"));
|
|
15057
15066
|
var IconBox = ({ children }) => {
|
|
15058
|
-
return /* @__PURE__ */
|
|
15067
|
+
return /* @__PURE__ */ import_react166.default.createElement("span", { className: "Layer__icon-box" }, children);
|
|
15059
15068
|
};
|
|
15060
15069
|
|
|
15061
15070
|
// src/components/UpsellBanner/BookkeepingUpsellBar.tsx
|
|
@@ -15063,35 +15072,35 @@ var BookkeepingUpsellBar = ({
|
|
|
15063
15072
|
onClick,
|
|
15064
15073
|
href
|
|
15065
15074
|
}) => {
|
|
15066
|
-
return /* @__PURE__ */
|
|
15075
|
+
return /* @__PURE__ */ import_react167.default.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ import_react167.default.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ import_react167.default.createElement(IconBox, null, /* @__PURE__ */ import_react167.default.createElement(Coffee_default, null)), /* @__PURE__ */ import_react167.default.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ import_react167.default.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ import_react167.default.createElement(
|
|
15067
15076
|
Text,
|
|
15068
15077
|
{
|
|
15069
15078
|
size: "sm" /* sm */,
|
|
15070
15079
|
className: "Layer__bar-banner__text-container__desc"
|
|
15071
15080
|
},
|
|
15072
15081
|
"Order bookkeeping service supported by real humans."
|
|
15073
|
-
))), onClick ? /* @__PURE__ */
|
|
15082
|
+
))), onClick ? /* @__PURE__ */ import_react167.default.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ import_react167.default.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
|
|
15074
15083
|
};
|
|
15075
15084
|
|
|
15076
15085
|
// src/views/BookkeepingOverview/BookkeepingOverview.tsx
|
|
15077
|
-
var
|
|
15086
|
+
var import_react168 = __toESM(require("react"));
|
|
15078
15087
|
var import_classnames61 = __toESM(require("classnames"));
|
|
15079
15088
|
var BookkeepingOverview = ({
|
|
15080
15089
|
title,
|
|
15081
15090
|
// deprecated
|
|
15082
15091
|
stringOverrides
|
|
15083
15092
|
}) => {
|
|
15084
|
-
const [pnlToggle, setPnlToggle] = (0,
|
|
15093
|
+
const [pnlToggle, setPnlToggle] = (0, import_react168.useState)("expenses");
|
|
15085
15094
|
const [width] = useWindowSize();
|
|
15086
|
-
return /* @__PURE__ */
|
|
15095
|
+
return /* @__PURE__ */ import_react168.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react168.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react168.default.createElement(
|
|
15087
15096
|
View,
|
|
15088
15097
|
{
|
|
15089
15098
|
viewClassName: "Layer__bookkeeping-overview--view",
|
|
15090
15099
|
title: stringOverrides?.title || title || "Bookkeeping overview",
|
|
15091
15100
|
withSidebar: width > 1100,
|
|
15092
|
-
sidebar: /* @__PURE__ */
|
|
15101
|
+
sidebar: /* @__PURE__ */ import_react168.default.createElement(TasksComponent, { stringOverrides: stringOverrides?.tasks })
|
|
15093
15102
|
},
|
|
15094
|
-
width <= 1100 && /* @__PURE__ */
|
|
15103
|
+
width <= 1100 && /* @__PURE__ */ import_react168.default.createElement(
|
|
15095
15104
|
TasksComponent,
|
|
15096
15105
|
{
|
|
15097
15106
|
collapsable: true,
|
|
@@ -15099,23 +15108,23 @@ var BookkeepingOverview = ({
|
|
|
15099
15108
|
stringOverrides: stringOverrides?.tasks
|
|
15100
15109
|
}
|
|
15101
15110
|
),
|
|
15102
|
-
/* @__PURE__ */
|
|
15111
|
+
/* @__PURE__ */ import_react168.default.createElement(
|
|
15103
15112
|
Container,
|
|
15104
15113
|
{
|
|
15105
15114
|
name: "bookkeeping-overview-profit-and-loss",
|
|
15106
15115
|
asWidget: true,
|
|
15107
15116
|
elevated: true
|
|
15108
15117
|
},
|
|
15109
|
-
/* @__PURE__ */
|
|
15110
|
-
/* @__PURE__ */
|
|
15118
|
+
/* @__PURE__ */ import_react168.default.createElement(Header, null, /* @__PURE__ */ import_react168.default.createElement(Heading, { size: "secondary" /* secondary */ }, stringOverrides?.profitAndLoss?.header || "Profit & Loss"), /* @__PURE__ */ import_react168.default.createElement(ProfitAndLoss.DatePicker, null)),
|
|
15119
|
+
/* @__PURE__ */ import_react168.default.createElement("div", { className: "Layer__bookkeeping-overview__summaries-row" }, /* @__PURE__ */ import_react168.default.createElement(
|
|
15111
15120
|
ProfitAndLoss.Summaries,
|
|
15112
15121
|
{
|
|
15113
15122
|
stringOverrides: stringOverrides?.profitAndLoss?.summaries
|
|
15114
15123
|
}
|
|
15115
15124
|
)),
|
|
15116
|
-
/* @__PURE__ */
|
|
15125
|
+
/* @__PURE__ */ import_react168.default.createElement(ProfitAndLoss.Chart, null)
|
|
15117
15126
|
),
|
|
15118
|
-
/* @__PURE__ */
|
|
15127
|
+
/* @__PURE__ */ import_react168.default.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react168.default.createElement(
|
|
15119
15128
|
Toggle,
|
|
15120
15129
|
{
|
|
15121
15130
|
name: "pnl-detailed-charts",
|
|
@@ -15132,7 +15141,7 @@ var BookkeepingOverview = ({
|
|
|
15132
15141
|
selected: pnlToggle,
|
|
15133
15142
|
onChange: (e) => setPnlToggle(e.target.value)
|
|
15134
15143
|
}
|
|
15135
|
-
), /* @__PURE__ */
|
|
15144
|
+
), /* @__PURE__ */ import_react168.default.createElement(
|
|
15136
15145
|
Container,
|
|
15137
15146
|
{
|
|
15138
15147
|
name: (0, import_classnames61.default)(
|
|
@@ -15140,7 +15149,7 @@ var BookkeepingOverview = ({
|
|
|
15140
15149
|
pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
|
|
15141
15150
|
)
|
|
15142
15151
|
},
|
|
15143
|
-
/* @__PURE__ */
|
|
15152
|
+
/* @__PURE__ */ import_react168.default.createElement(
|
|
15144
15153
|
ProfitAndLoss.DetailedCharts,
|
|
15145
15154
|
{
|
|
15146
15155
|
scope: "revenue",
|
|
@@ -15148,7 +15157,7 @@ var BookkeepingOverview = ({
|
|
|
15148
15157
|
stringOverrides: stringOverrides?.profitAndLoss?.detailedCharts
|
|
15149
15158
|
}
|
|
15150
15159
|
)
|
|
15151
|
-
), /* @__PURE__ */
|
|
15160
|
+
), /* @__PURE__ */ import_react168.default.createElement(
|
|
15152
15161
|
Container,
|
|
15153
15162
|
{
|
|
15154
15163
|
name: (0, import_classnames61.default)(
|
|
@@ -15156,7 +15165,7 @@ var BookkeepingOverview = ({
|
|
|
15156
15165
|
pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
|
|
15157
15166
|
)
|
|
15158
15167
|
},
|
|
15159
|
-
/* @__PURE__ */
|
|
15168
|
+
/* @__PURE__ */ import_react168.default.createElement(
|
|
15160
15169
|
ProfitAndLoss.DetailedCharts,
|
|
15161
15170
|
{
|
|
15162
15171
|
scope: "expenses",
|
|
@@ -15169,29 +15178,29 @@ var BookkeepingOverview = ({
|
|
|
15169
15178
|
};
|
|
15170
15179
|
|
|
15171
15180
|
// src/views/AccountingOverview/AccountingOverview.tsx
|
|
15172
|
-
var
|
|
15181
|
+
var import_react172 = __toESM(require("react"));
|
|
15173
15182
|
|
|
15174
15183
|
// src/components/TransactionToReviewCard/TransactionToReviewCard.tsx
|
|
15175
|
-
var
|
|
15184
|
+
var import_react171 = __toESM(require("react"));
|
|
15176
15185
|
|
|
15177
15186
|
// src/components/BadgeLoader/BadgeLoader.tsx
|
|
15178
|
-
var
|
|
15187
|
+
var import_react169 = __toESM(require("react"));
|
|
15179
15188
|
var BadgeLoader = ({ children }) => {
|
|
15180
|
-
return /* @__PURE__ */
|
|
15189
|
+
return /* @__PURE__ */ import_react169.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react169.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
|
|
15181
15190
|
};
|
|
15182
15191
|
|
|
15183
15192
|
// src/components/NotificationCard/NotificationCard.tsx
|
|
15184
|
-
var
|
|
15193
|
+
var import_react170 = __toESM(require("react"));
|
|
15185
15194
|
var import_classnames62 = __toESM(require("classnames"));
|
|
15186
15195
|
var NotificationCard = ({
|
|
15187
15196
|
onClick,
|
|
15188
15197
|
children,
|
|
15189
15198
|
className
|
|
15190
15199
|
}) => {
|
|
15191
|
-
return /* @__PURE__ */
|
|
15200
|
+
return /* @__PURE__ */ import_react170.default.createElement("div", { className: (0, import_classnames62.default)("Layer__notification-card", className) }, /* @__PURE__ */ import_react170.default.createElement("div", { className: "Layer__notification-card__main" }, children), /* @__PURE__ */ import_react170.default.createElement(
|
|
15192
15201
|
IconButton,
|
|
15193
15202
|
{
|
|
15194
|
-
icon: /* @__PURE__ */
|
|
15203
|
+
icon: /* @__PURE__ */ import_react170.default.createElement(ChevronRight_default, null),
|
|
15195
15204
|
withBorder: true,
|
|
15196
15205
|
onClick: () => onClick()
|
|
15197
15206
|
}
|
|
@@ -15204,16 +15213,16 @@ var TransactionToReviewCard = ({
|
|
|
15204
15213
|
onClick,
|
|
15205
15214
|
usePnlDateRange
|
|
15206
15215
|
}) => {
|
|
15207
|
-
const { dateRange: contextDateRange } = (0,
|
|
15216
|
+
const { dateRange: contextDateRange } = (0, import_react171.useContext)(ProfitAndLoss.Context);
|
|
15208
15217
|
const dateRange = usePnlDateRange ? contextDateRange : void 0;
|
|
15209
|
-
const [toReview, setToReview] = (0,
|
|
15218
|
+
const [toReview, setToReview] = (0, import_react171.useState)(0);
|
|
15210
15219
|
const { data, loaded, error, refetch } = useProfitAndLossLTM({
|
|
15211
15220
|
currentDate: dateRange ? dateRange.startDate : (0, import_date_fns34.startOfMonth)(/* @__PURE__ */ new Date())
|
|
15212
15221
|
});
|
|
15213
|
-
(0,
|
|
15222
|
+
(0, import_react171.useEffect)(() => {
|
|
15214
15223
|
checkTransactionsToReview();
|
|
15215
15224
|
}, []);
|
|
15216
|
-
(0,
|
|
15225
|
+
(0, import_react171.useEffect)(() => {
|
|
15217
15226
|
checkTransactionsToReview();
|
|
15218
15227
|
}, [dateRange, loaded]);
|
|
15219
15228
|
const checkTransactionsToReview = () => {
|
|
@@ -15226,40 +15235,40 @@ var TransactionToReviewCard = ({
|
|
|
15226
15235
|
}
|
|
15227
15236
|
}
|
|
15228
15237
|
};
|
|
15229
|
-
return /* @__PURE__ */
|
|
15238
|
+
return /* @__PURE__ */ import_react171.default.createElement(
|
|
15230
15239
|
NotificationCard,
|
|
15231
15240
|
{
|
|
15232
15241
|
className: "Layer__txs-to-review",
|
|
15233
15242
|
onClick: () => onClick && onClick()
|
|
15234
15243
|
},
|
|
15235
|
-
/* @__PURE__ */
|
|
15236
|
-
loaded === "initial" || loaded === "loading" ? /* @__PURE__ */
|
|
15237
|
-
loaded === "complete" && error ? /* @__PURE__ */
|
|
15244
|
+
/* @__PURE__ */ import_react171.default.createElement(Text, { size: "sm" /* sm */ }, "Transactions to review"),
|
|
15245
|
+
loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ import_react171.default.createElement(BadgeLoader, null) : null,
|
|
15246
|
+
loaded === "complete" && error ? /* @__PURE__ */ import_react171.default.createElement(
|
|
15238
15247
|
Badge,
|
|
15239
15248
|
{
|
|
15240
15249
|
variant: "error" /* ERROR */,
|
|
15241
15250
|
size: "small" /* SMALL */,
|
|
15242
|
-
icon: /* @__PURE__ */
|
|
15251
|
+
icon: /* @__PURE__ */ import_react171.default.createElement(RefreshCcw_default, { size: 12 }),
|
|
15243
15252
|
onClick: () => refetch()
|
|
15244
15253
|
},
|
|
15245
15254
|
"Refresh"
|
|
15246
15255
|
) : null,
|
|
15247
|
-
loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */
|
|
15256
|
+
loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react171.default.createElement(
|
|
15248
15257
|
Badge,
|
|
15249
15258
|
{
|
|
15250
15259
|
variant: "warning" /* WARNING */,
|
|
15251
15260
|
size: "small" /* SMALL */,
|
|
15252
|
-
icon: /* @__PURE__ */
|
|
15261
|
+
icon: /* @__PURE__ */ import_react171.default.createElement(Bell_default, { size: 12 })
|
|
15253
15262
|
},
|
|
15254
15263
|
toReview,
|
|
15255
15264
|
" pending"
|
|
15256
15265
|
) : null,
|
|
15257
|
-
loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */
|
|
15266
|
+
loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react171.default.createElement(
|
|
15258
15267
|
Badge,
|
|
15259
15268
|
{
|
|
15260
15269
|
variant: "success" /* SUCCESS */,
|
|
15261
15270
|
size: "small" /* SMALL */,
|
|
15262
|
-
icon: /* @__PURE__ */
|
|
15271
|
+
icon: /* @__PURE__ */ import_react171.default.createElement(Check_default, { size: 12 })
|
|
15263
15272
|
},
|
|
15264
15273
|
"All done"
|
|
15265
15274
|
) : null
|
|
@@ -15276,33 +15285,33 @@ var AccountingOverview = ({
|
|
|
15276
15285
|
chartColorsList,
|
|
15277
15286
|
stringOverrides
|
|
15278
15287
|
}) => {
|
|
15279
|
-
const [pnlToggle, setPnlToggle] = (0,
|
|
15280
|
-
return /* @__PURE__ */
|
|
15288
|
+
const [pnlToggle, setPnlToggle] = (0, import_react172.useState)("expenses");
|
|
15289
|
+
return /* @__PURE__ */ import_react172.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react172.default.createElement(View, { title, headerControls: /* @__PURE__ */ import_react172.default.createElement(ProfitAndLoss.DatePicker, null) }, enableOnboarding && /* @__PURE__ */ import_react172.default.createElement(
|
|
15281
15290
|
Onboarding,
|
|
15282
15291
|
{
|
|
15283
15292
|
onTransactionsToReviewClick
|
|
15284
15293
|
}
|
|
15285
|
-
), /* @__PURE__ */
|
|
15294
|
+
), /* @__PURE__ */ import_react172.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react172.default.createElement(
|
|
15286
15295
|
ProfitAndLoss.Summaries,
|
|
15287
15296
|
{
|
|
15288
15297
|
stringOverrides: stringOverrides?.profitAndLoss?.summaries
|
|
15289
15298
|
}
|
|
15290
|
-
), /* @__PURE__ */
|
|
15299
|
+
), /* @__PURE__ */ import_react172.default.createElement(
|
|
15291
15300
|
TransactionToReviewCard,
|
|
15292
15301
|
{
|
|
15293
15302
|
usePnlDateRange: true,
|
|
15294
15303
|
onClick: onTransactionsToReviewClick
|
|
15295
15304
|
}
|
|
15296
|
-
)), /* @__PURE__ */
|
|
15305
|
+
)), /* @__PURE__ */ import_react172.default.createElement(
|
|
15297
15306
|
Container,
|
|
15298
15307
|
{
|
|
15299
15308
|
name: "accounting-overview-profit-and-loss",
|
|
15300
15309
|
asWidget: true,
|
|
15301
15310
|
elevated: true
|
|
15302
15311
|
},
|
|
15303
|
-
/* @__PURE__ */
|
|
15304
|
-
/* @__PURE__ */
|
|
15305
|
-
), middleBanner && /* @__PURE__ */
|
|
15312
|
+
/* @__PURE__ */ import_react172.default.createElement(Header, null, /* @__PURE__ */ import_react172.default.createElement(Heading, { size: "secondary" /* secondary */ }, stringOverrides?.header || "Profit & Loss")),
|
|
15313
|
+
/* @__PURE__ */ import_react172.default.createElement(ProfitAndLoss.Chart, null)
|
|
15314
|
+
), middleBanner && /* @__PURE__ */ import_react172.default.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner), /* @__PURE__ */ import_react172.default.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react172.default.createElement(
|
|
15306
15315
|
Toggle,
|
|
15307
15316
|
{
|
|
15308
15317
|
name: "pnl-detailed-charts",
|
|
@@ -15319,7 +15328,7 @@ var AccountingOverview = ({
|
|
|
15319
15328
|
selected: pnlToggle,
|
|
15320
15329
|
onChange: (e) => setPnlToggle(e.target.value)
|
|
15321
15330
|
}
|
|
15322
|
-
), /* @__PURE__ */
|
|
15331
|
+
), /* @__PURE__ */ import_react172.default.createElement(
|
|
15323
15332
|
Container,
|
|
15324
15333
|
{
|
|
15325
15334
|
name: (0, import_classnames63.default)(
|
|
@@ -15327,7 +15336,7 @@ var AccountingOverview = ({
|
|
|
15327
15336
|
pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
|
|
15328
15337
|
)
|
|
15329
15338
|
},
|
|
15330
|
-
/* @__PURE__ */
|
|
15339
|
+
/* @__PURE__ */ import_react172.default.createElement(
|
|
15331
15340
|
ProfitAndLoss.DetailedCharts,
|
|
15332
15341
|
{
|
|
15333
15342
|
scope: "revenue",
|
|
@@ -15336,7 +15345,7 @@ var AccountingOverview = ({
|
|
|
15336
15345
|
chartColorsList
|
|
15337
15346
|
}
|
|
15338
15347
|
)
|
|
15339
|
-
), /* @__PURE__ */
|
|
15348
|
+
), /* @__PURE__ */ import_react172.default.createElement(
|
|
15340
15349
|
Container,
|
|
15341
15350
|
{
|
|
15342
15351
|
name: (0, import_classnames63.default)(
|
|
@@ -15344,7 +15353,7 @@ var AccountingOverview = ({
|
|
|
15344
15353
|
pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
|
|
15345
15354
|
)
|
|
15346
15355
|
},
|
|
15347
|
-
/* @__PURE__ */
|
|
15356
|
+
/* @__PURE__ */ import_react172.default.createElement(
|
|
15348
15357
|
ProfitAndLoss.DetailedCharts,
|
|
15349
15358
|
{
|
|
15350
15359
|
scope: "expenses",
|
|
@@ -15357,7 +15366,7 @@ var AccountingOverview = ({
|
|
|
15357
15366
|
};
|
|
15358
15367
|
|
|
15359
15368
|
// src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
|
|
15360
|
-
var
|
|
15369
|
+
var import_react173 = __toESM(require("react"));
|
|
15361
15370
|
var BankTransactionsWithLinkedAccounts = ({
|
|
15362
15371
|
title,
|
|
15363
15372
|
// deprecated
|
|
@@ -15371,7 +15380,7 @@ var BankTransactionsWithLinkedAccounts = ({
|
|
|
15371
15380
|
mobileComponent,
|
|
15372
15381
|
stringOverrides
|
|
15373
15382
|
}) => {
|
|
15374
|
-
return /* @__PURE__ */
|
|
15383
|
+
return /* @__PURE__ */ import_react173.default.createElement(View, { title: stringOverrides?.title || title || "Bank transactions" }, /* @__PURE__ */ import_react173.default.createElement(
|
|
15375
15384
|
LinkedAccounts,
|
|
15376
15385
|
{
|
|
15377
15386
|
elevated: elevatedLinkedAccounts,
|
|
@@ -15380,7 +15389,7 @@ var BankTransactionsWithLinkedAccounts = ({
|
|
|
15380
15389
|
showBreakConnection,
|
|
15381
15390
|
stringOverrides: stringOverrides?.linkedAccounts
|
|
15382
15391
|
}
|
|
15383
|
-
), /* @__PURE__ */
|
|
15392
|
+
), /* @__PURE__ */ import_react173.default.createElement(
|
|
15384
15393
|
BankTransactions,
|
|
15385
15394
|
{
|
|
15386
15395
|
asWidget: true,
|
|
@@ -15394,14 +15403,14 @@ var BankTransactionsWithLinkedAccounts = ({
|
|
|
15394
15403
|
};
|
|
15395
15404
|
|
|
15396
15405
|
// src/views/GeneralLedger/GeneralLedger.tsx
|
|
15397
|
-
var
|
|
15406
|
+
var import_react174 = __toESM(require("react"));
|
|
15398
15407
|
var GeneralLedgerView = ({
|
|
15399
15408
|
title,
|
|
15400
15409
|
// deprecated
|
|
15401
15410
|
stringOverrides
|
|
15402
15411
|
}) => {
|
|
15403
|
-
const [activeTab, setActiveTab] = (0,
|
|
15404
|
-
return /* @__PURE__ */
|
|
15412
|
+
const [activeTab, setActiveTab] = (0, import_react174.useState)("chartOfAccounts");
|
|
15413
|
+
return /* @__PURE__ */ import_react174.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react174.default.createElement(View, { title: stringOverrides?.title || title || "General Ledger" }, /* @__PURE__ */ import_react174.default.createElement(
|
|
15405
15414
|
Toggle,
|
|
15406
15415
|
{
|
|
15407
15416
|
name: "general-ledger-tabs",
|
|
@@ -15418,24 +15427,24 @@ var GeneralLedgerView = ({
|
|
|
15418
15427
|
selected: activeTab,
|
|
15419
15428
|
onChange: (opt) => setActiveTab(opt.target.value)
|
|
15420
15429
|
}
|
|
15421
|
-
), /* @__PURE__ */
|
|
15430
|
+
), /* @__PURE__ */ import_react174.default.createElement(Container, { name: "generalLedger" }, activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react174.default.createElement(
|
|
15422
15431
|
ChartOfAccounts,
|
|
15423
15432
|
{
|
|
15424
15433
|
asWidget: true,
|
|
15425
15434
|
withExpandAllButton: true,
|
|
15426
15435
|
stringOverrides: stringOverrides?.chartOfAccounts
|
|
15427
15436
|
}
|
|
15428
|
-
) : /* @__PURE__ */
|
|
15437
|
+
) : /* @__PURE__ */ import_react174.default.createElement(Journal, { stringOverrides: stringOverrides?.journal }))));
|
|
15429
15438
|
};
|
|
15430
15439
|
|
|
15431
15440
|
// src/views/Reports/Reports.tsx
|
|
15432
|
-
var
|
|
15441
|
+
var import_react175 = __toESM(require("react"));
|
|
15433
15442
|
var DownloadButton2 = ({
|
|
15434
15443
|
stringOverrides
|
|
15435
15444
|
}) => {
|
|
15436
|
-
const { dateRange } = (0,
|
|
15445
|
+
const { dateRange } = (0, import_react175.useContext)(ProfitAndLoss.Context);
|
|
15437
15446
|
const { auth, businessId, apiUrl } = useLayerContext();
|
|
15438
|
-
const [requestFailed, setRequestFailed] = (0,
|
|
15447
|
+
const [requestFailed, setRequestFailed] = (0, import_react175.useState)(false);
|
|
15439
15448
|
const handleClick = async () => {
|
|
15440
15449
|
const month = (dateRange.startDate.getMonth() + 1).toString();
|
|
15441
15450
|
const year = dateRange.startDate.getFullYear().toString();
|
|
@@ -15462,7 +15471,7 @@ var DownloadButton2 = ({
|
|
|
15462
15471
|
setRequestFailed(true);
|
|
15463
15472
|
}
|
|
15464
15473
|
};
|
|
15465
|
-
return requestFailed ? /* @__PURE__ */
|
|
15474
|
+
return requestFailed ? /* @__PURE__ */ import_react175.default.createElement(
|
|
15466
15475
|
RetryButton,
|
|
15467
15476
|
{
|
|
15468
15477
|
onClick: handleClick,
|
|
@@ -15470,11 +15479,11 @@ var DownloadButton2 = ({
|
|
|
15470
15479
|
error: "Approval failed. Check connection and retry in few seconds."
|
|
15471
15480
|
},
|
|
15472
15481
|
stringOverrides?.retryButtonText || "Retry"
|
|
15473
|
-
) : /* @__PURE__ */
|
|
15482
|
+
) : /* @__PURE__ */ import_react175.default.createElement(
|
|
15474
15483
|
Button,
|
|
15475
15484
|
{
|
|
15476
15485
|
variant: "secondary" /* secondary */,
|
|
15477
|
-
rightIcon: /* @__PURE__ */
|
|
15486
|
+
rightIcon: /* @__PURE__ */ import_react175.default.createElement(DownloadCloud_default, { size: 12 }),
|
|
15478
15487
|
onClick: handleClick
|
|
15479
15488
|
},
|
|
15480
15489
|
stringOverrides?.downloadButtonText || "Download"
|
|
@@ -15501,11 +15510,11 @@ var Reports = ({
|
|
|
15501
15510
|
stringOverrides,
|
|
15502
15511
|
enabledReports = ["profitAndLoss", "balanceSheet", "statementOfCashFlow"]
|
|
15503
15512
|
}) => {
|
|
15504
|
-
const containerRef = (0,
|
|
15505
|
-
const [activeTab, setActiveTab] = (0,
|
|
15513
|
+
const containerRef = (0, import_react175.useRef)(null);
|
|
15514
|
+
const [activeTab, setActiveTab] = (0, import_react175.useState)(enabledReports[0]);
|
|
15506
15515
|
const options = getOptions(enabledReports);
|
|
15507
15516
|
const defaultTitle = enabledReports.length > 1 ? "Reports" : options.find((option) => option.value = enabledReports[0])?.label;
|
|
15508
|
-
return /* @__PURE__ */
|
|
15517
|
+
return /* @__PURE__ */ import_react175.default.createElement(View, { title: stringOverrides?.title || title || defaultTitle }, enabledReports.length > 1 && /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react175.default.createElement(
|
|
15509
15518
|
Toggle,
|
|
15510
15519
|
{
|
|
15511
15520
|
name: "reports-tabs",
|
|
@@ -15513,7 +15522,7 @@ var Reports = ({
|
|
|
15513
15522
|
selected: activeTab,
|
|
15514
15523
|
onChange: (opt) => setActiveTab(opt.target.value)
|
|
15515
15524
|
}
|
|
15516
|
-
)), /* @__PURE__ */
|
|
15525
|
+
)), /* @__PURE__ */ import_react175.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react175.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react175.default.createElement(
|
|
15517
15526
|
ReportsPanel,
|
|
15518
15527
|
{
|
|
15519
15528
|
containerRef,
|
|
@@ -15527,22 +15536,22 @@ var ReportsPanel = ({
|
|
|
15527
15536
|
openReport,
|
|
15528
15537
|
stringOverrides
|
|
15529
15538
|
}) => {
|
|
15530
|
-
const { sidebarScope } = (0,
|
|
15531
|
-
return /* @__PURE__ */
|
|
15539
|
+
const { sidebarScope } = (0, import_react175.useContext)(ProfitAndLoss.Context);
|
|
15540
|
+
return /* @__PURE__ */ import_react175.default.createElement(import_react175.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react175.default.createElement(
|
|
15532
15541
|
View,
|
|
15533
15542
|
{
|
|
15534
15543
|
type: "panel",
|
|
15535
|
-
headerControls: /* @__PURE__ */
|
|
15544
|
+
headerControls: /* @__PURE__ */ import_react175.default.createElement(import_react175.default.Fragment, null, /* @__PURE__ */ import_react175.default.createElement(ProfitAndLoss.DatePicker, null), /* @__PURE__ */ import_react175.default.createElement(
|
|
15536
15545
|
DownloadButton2,
|
|
15537
15546
|
{
|
|
15538
15547
|
stringOverrides: stringOverrides?.downloadButton
|
|
15539
15548
|
}
|
|
15540
15549
|
))
|
|
15541
15550
|
},
|
|
15542
|
-
/* @__PURE__ */
|
|
15551
|
+
/* @__PURE__ */ import_react175.default.createElement(
|
|
15543
15552
|
Panel,
|
|
15544
15553
|
{
|
|
15545
|
-
sidebar: /* @__PURE__ */
|
|
15554
|
+
sidebar: /* @__PURE__ */ import_react175.default.createElement(
|
|
15546
15555
|
ProfitAndLoss.DetailedCharts,
|
|
15547
15556
|
{
|
|
15548
15557
|
showDatePicker: false,
|
|
@@ -15552,7 +15561,7 @@ var ReportsPanel = ({
|
|
|
15552
15561
|
sidebarIsOpen: Boolean(sidebarScope),
|
|
15553
15562
|
parentRef: containerRef
|
|
15554
15563
|
},
|
|
15555
|
-
/* @__PURE__ */
|
|
15564
|
+
/* @__PURE__ */ import_react175.default.createElement(
|
|
15556
15565
|
ProfitAndLoss.Table,
|
|
15557
15566
|
{
|
|
15558
15567
|
asContainer: false,
|
|
@@ -15560,7 +15569,7 @@ var ReportsPanel = ({
|
|
|
15560
15569
|
}
|
|
15561
15570
|
)
|
|
15562
15571
|
)
|
|
15563
|
-
)
|
|
15572
|
+
), openReport === "balanceSheet" && /* @__PURE__ */ import_react175.default.createElement(BalanceSheet, { stringOverrides: stringOverrides?.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react175.default.createElement(
|
|
15564
15573
|
StatementOfCashFlow,
|
|
15565
15574
|
{
|
|
15566
15575
|
stringOverrides: stringOverrides?.statementOfCashflow
|
|
@@ -15569,22 +15578,22 @@ var ReportsPanel = ({
|
|
|
15569
15578
|
};
|
|
15570
15579
|
|
|
15571
15580
|
// src/components/ProfitAndLossView/ProfitAndLossView.tsx
|
|
15572
|
-
var
|
|
15581
|
+
var import_react176 = __toESM(require("react"));
|
|
15573
15582
|
var COMPONENT_NAME7 = "profit-and-loss";
|
|
15574
15583
|
var ProfitAndLossView = (props) => {
|
|
15575
|
-
const containerRef = (0,
|
|
15576
|
-
return /* @__PURE__ */
|
|
15584
|
+
const containerRef = (0, import_react176.useRef)(null);
|
|
15585
|
+
return /* @__PURE__ */ import_react176.default.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ import_react176.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react176.default.createElement(ProfitAndLossPanel, { containerRef, ...props })));
|
|
15577
15586
|
};
|
|
15578
15587
|
var ProfitAndLossPanel = ({
|
|
15579
15588
|
containerRef,
|
|
15580
15589
|
stringOverrides,
|
|
15581
15590
|
...props
|
|
15582
15591
|
}) => {
|
|
15583
|
-
const { sidebarScope } = (0,
|
|
15584
|
-
return /* @__PURE__ */
|
|
15592
|
+
const { sidebarScope } = (0, import_react176.useContext)(ProfitAndLoss.Context);
|
|
15593
|
+
return /* @__PURE__ */ import_react176.default.createElement(
|
|
15585
15594
|
Panel,
|
|
15586
15595
|
{
|
|
15587
|
-
sidebar: /* @__PURE__ */
|
|
15596
|
+
sidebar: /* @__PURE__ */ import_react176.default.createElement(
|
|
15588
15597
|
ProfitAndLossDetailedCharts,
|
|
15589
15598
|
{
|
|
15590
15599
|
stringOverrides: stringOverrides?.profitAndLossDetailedCharts
|
|
@@ -15593,8 +15602,8 @@ var ProfitAndLossPanel = ({
|
|
|
15593
15602
|
sidebarIsOpen: Boolean(sidebarScope),
|
|
15594
15603
|
parentRef: containerRef
|
|
15595
15604
|
},
|
|
15596
|
-
/* @__PURE__ */
|
|
15597
|
-
/* @__PURE__ */
|
|
15605
|
+
/* @__PURE__ */ import_react176.default.createElement(Header, { className: `Layer__${COMPONENT_NAME7}__header` }, /* @__PURE__ */ import_react176.default.createElement(Heading, { className: "Layer__profit-and-loss__title" }, stringOverrides?.header || "Profit & Loss")),
|
|
15606
|
+
/* @__PURE__ */ import_react176.default.createElement(Components, { stringOverrides, ...props })
|
|
15598
15607
|
);
|
|
15599
15608
|
};
|
|
15600
15609
|
var Components = ({
|
|
@@ -15602,11 +15611,11 @@ var Components = ({
|
|
|
15602
15611
|
hideTable = false,
|
|
15603
15612
|
stringOverrides
|
|
15604
15613
|
}) => {
|
|
15605
|
-
const { error, isLoading, isValidating, refetch } = (0,
|
|
15614
|
+
const { error, isLoading, isValidating, refetch } = (0, import_react176.useContext)(
|
|
15606
15615
|
ProfitAndLoss.Context
|
|
15607
15616
|
);
|
|
15608
15617
|
if (!isLoading && error) {
|
|
15609
|
-
return /* @__PURE__ */
|
|
15618
|
+
return /* @__PURE__ */ import_react176.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react176.default.createElement(
|
|
15610
15619
|
DataState,
|
|
15611
15620
|
{
|
|
15612
15621
|
status: "failed" /* failed */,
|
|
@@ -15617,13 +15626,13 @@ var Components = ({
|
|
|
15617
15626
|
}
|
|
15618
15627
|
));
|
|
15619
15628
|
}
|
|
15620
|
-
return /* @__PURE__ */
|
|
15629
|
+
return /* @__PURE__ */ import_react176.default.createElement(import_react176.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react176.default.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ import_react176.default.createElement(
|
|
15621
15630
|
"div",
|
|
15622
15631
|
{
|
|
15623
15632
|
className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__summary-col`
|
|
15624
15633
|
},
|
|
15625
|
-
/* @__PURE__ */
|
|
15626
|
-
/* @__PURE__ */
|
|
15634
|
+
/* @__PURE__ */ import_react176.default.createElement(ProfitAndLoss.DatePicker, null),
|
|
15635
|
+
/* @__PURE__ */ import_react176.default.createElement(
|
|
15627
15636
|
ProfitAndLoss.Summaries,
|
|
15628
15637
|
{
|
|
15629
15638
|
vertical: true,
|
|
@@ -15631,18 +15640,18 @@ var Components = ({
|
|
|
15631
15640
|
stringOverrides: stringOverrides?.profitAndLossSummaries
|
|
15632
15641
|
}
|
|
15633
15642
|
)
|
|
15634
|
-
), /* @__PURE__ */
|
|
15643
|
+
), /* @__PURE__ */ import_react176.default.createElement(
|
|
15635
15644
|
"div",
|
|
15636
15645
|
{
|
|
15637
15646
|
className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__chart-col`
|
|
15638
15647
|
},
|
|
15639
|
-
/* @__PURE__ */
|
|
15640
|
-
)), !hideTable && /* @__PURE__ */
|
|
15648
|
+
/* @__PURE__ */ import_react176.default.createElement(ProfitAndLoss.Chart, null)
|
|
15649
|
+
)), !hideTable && /* @__PURE__ */ import_react176.default.createElement(
|
|
15641
15650
|
ProfitAndLoss.Table,
|
|
15642
15651
|
{
|
|
15643
15652
|
stringOverrides: stringOverrides?.profitAndLossTable
|
|
15644
15653
|
}
|
|
15645
|
-
))
|
|
15654
|
+
));
|
|
15646
15655
|
};
|
|
15647
15656
|
// Annotate the CommonJS export names for ESM import in node:
|
|
15648
15657
|
0 && (module.exports = {
|