@churchapps/apphelper 0.2.77 → 0.2.78

package/dist/donationComponents/DonationPage.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ChurchInterface } from "@churchapps/helpers";
+interface Props {
+    personId: string;
+    appName?: string;
+    church?: ChurchInterface;
+    churchLogo?: string;
+}
+export declare const DonationPage: React.FC<Props>;
+export {};
+//# sourceMappingURL=DonationPage.d.ts.map

package/dist/donationComponents/DonationPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonationPage.d.ts","sourceRoot":"","sources":["../../src/donationComponents/DonationPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAA2D,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAK/G,UAAU,KAAK;IAAG,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE;AAErG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8KxC,CAAA"}

package/dist/donationComponents/DonationPage.js

@@ -0,0 +1,166 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DonationPage = void 0;
+const react_1 = __importDefault(require("react"));
+const stripe_js_1 = require("@stripe/stripe-js");
+const components_1 = require("./components");
+const components_2 = require("../components");
+const helpers_1 = require("../helpers");
+const helpers_2 = require("@churchapps/helpers");
+const react_router_dom_1 = require("react-router-dom");
+const material_1 = require("@mui/material");
+const useMountedState_1 = require("../hooks/useMountedState");
+const DonationPage = (props) => {
+    const [donations, setDonations] = react_1.default.useState(null);
+    const [stripePromise, setStripe] = react_1.default.useState(null);
+    const [paymentMethods, setPaymentMethods] = react_1.default.useState(null);
+    const [customerId, setCustomerId] = react_1.default.useState(null);
+    const [person, setPerson] = react_1.default.useState(null);
+    const [message, setMessage] = react_1.default.useState(null);
+    const [appName, setAppName] = react_1.default.useState("");
+    const [anchorEl, setAnchorEl] = react_1.default.useState(null);
+    const open = Boolean(anchorEl);
+    const isMounted = (0, useMountedState_1.useMountedState)();
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    const loadData = () => {
+        if (props === null || props === void 0 ? void 0 : props.appName)
+            setAppName(props.appName);
+        if (!helpers_1.UniqueIdHelper.isMissing(props.personId)) {
+            helpers_1.ApiHelper.get("/donations?personId=" + props.personId, "GivingApi").then(data => {
+                if (isMounted()) {
+                    setDonations(data);
+                }
+            });
+            helpers_1.ApiHelper.get("/gateways", "GivingApi").then(data => {
+                var _a;
+                if (data.length && ((_a = data[0]) === null || _a === void 0 ? void 0 : _a.publicKey)) {
+                    if (isMounted()) {
+                        setStripe((0, stripe_js_1.loadStripe)(data[0].publicKey));
+                    }
+                    helpers_1.ApiHelper.get("/paymentmethods/personid/" + props.personId, "GivingApi").then(results => {
+                        if (!isMounted()) {
+                            return;
+                        }
+                        if (!results.length)
+                            setPaymentMethods([]);
+                        else {
+                            let cards = results[0].cards.data.map((card) => new helpers_2.StripePaymentMethod(card));
+                            let banks = results[0].banks.data.map((bank) => new helpers_2.StripePaymentMethod(bank));
+                            let methods = cards.concat(banks);
+                            setCustomerId(results[0].customer.id);
+                            setPaymentMethods(methods);
+                        }
+                    });
+                    helpers_1.ApiHelper.get("/people/" + props.personId, "MembershipApi").then(data => {
+                        if (isMounted()) {
+                            setPerson(data);
+                        }
+                    });
+                }
+                else
+                    setPaymentMethods([]);
+            });
+        }
+    };
+    const handleDataUpdate = (message) => {
+        setMessage(message);
+        setPaymentMethods(null);
+        loadData();
+    };
+    const getEditContent = () => {
+        const result = [];
+        const date = new Date();
+        const currentY = date.getFullYear();
+        const lastY = date.getFullYear() - 1;
+        const current_year = donations.filter(d => new Date(d.donationDate).getFullYear() === currentY);
+        const last_year = donations.filter(d => new Date(d.donationDate).getFullYear() === lastY);
+        const customHeaders = [
+            { label: "amount", key: "amount" },
+            { label: "donationDate", key: "donationDate" },
+            { label: "fundName", key: "fund.name" },
+            { label: "method", key: "method" },
+            { label: "methodDetails", key: "methodDetails" },
+        ];
+        result.push(react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.Button, { id: "download-button", "aria-controls": open ? "download-menu" : undefined, "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, onClick: (e) => {
+                    setAnchorEl(e.currentTarget);
+                } },
+                react_1.default.createElement(material_1.Icon, null, "download")),
+            react_1.default.createElement(material_1.Menu, { id: "download-menu", anchorEl: anchorEl, open: open, onClose: handleClose, MenuListProps: { 'aria-labelledby': "download-button" } },
+                react_1.default.createElement(material_1.MenuItem, { onClick: handleClose, dense: true },
+                    react_1.default.createElement(components_2.ExportLink, { data: current_year, filename: "current_year_donations", customHeaders: customHeaders, text: "Current Year", icon: "csv" })),
+                react_1.default.createElement(material_1.MenuItem, { href: "/member/donate/print" },
+                    react_1.default.createElement(material_1.Icon, null, "print"),
+                    " Current Year"),
+                react_1.default.createElement(material_1.MenuItem, { onClick: handleClose, dense: true },
+                    react_1.default.createElement(components_2.ExportLink, { data: last_year, filename: "last_year_donations", customHeaders: customHeaders, text: "Last Year", icon: "csv" })),
+                react_1.default.createElement(material_1.MenuItem, { href: "/member/donate/print?prev=1" },
+                    react_1.default.createElement(material_1.Icon, null, "print"),
+                    " Last Year"))));
+        return result;
+    };
+    const getRows = () => {
+        let rows = [];
+        if (donations.length === 0) {
+            rows.push(react_1.default.createElement(material_1.TableRow, { key: "0" },
+                react_1.default.createElement(material_1.TableCell, null, helpers_1.Locale.label("donation.page.willAppear"))));
+            return rows;
+        }
+        for (let i = 0; i < donations.length; i++) {
+            let d = donations[i];
+            rows.push(react_1.default.createElement(material_1.TableRow, { key: i },
+                appName !== "B1App" && react_1.default.createElement(material_1.TableCell, null,
+                    react_1.default.createElement(react_router_dom_1.Link, { to: "/donations/" + d.batchId }, d.batchId)),
+                react_1.default.createElement(material_1.TableCell, null, helpers_1.DateHelper.prettyDate(new Date(d.donationDate))),
+                react_1.default.createElement(material_1.TableCell, null,
+                    d.method,
+                    " - ",
+                    d.methodDetails),
+                react_1.default.createElement(material_1.TableCell, null, d.fund.name),
+                react_1.default.createElement(material_1.TableCell, null, helpers_1.CurrencyHelper.formatCurrency(d.fund.amount))));
+        }
+        return rows;
+    };
+    const getTableHeader = () => {
+        const rows = [];
+        if (donations.length > 0) {
+            rows.push(react_1.default.createElement(material_1.TableRow, { key: "header", sx: { textAlign: "left" } },
+                appName !== "B1App" && react_1.default.createElement("th", null, helpers_1.Locale.label("donation.page.batch")),
+                react_1.default.createElement("th", null, helpers_1.Locale.label("donation.page.date")),
+                react_1.default.createElement("th", null, helpers_1.Locale.label("donation.page.method")),
+                react_1.default.createElement("th", null, helpers_1.Locale.label("donation.page.fund")),
+                react_1.default.createElement("th", null, helpers_1.Locale.label("donation.page.amount"))));
+        }
+        return rows;
+    };
+    react_1.default.useEffect(loadData, [isMounted]); //eslint-disable-line
+    const getTable = () => {
+        if (!donations)
+            return react_1.default.createElement(components_2.Loading, null);
+        else
+            return (react_1.default.createElement(material_1.Table, null,
+                react_1.default.createElement(material_1.TableHead, null, getTableHeader()),
+                react_1.default.createElement(material_1.TableBody, null, getRows())));
+    };
+    const getPaymentMethodComponents = () => {
+        if (!paymentMethods)
+            return react_1.default.createElement(components_2.Loading, null);
+        else
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(components_1.DonationForm, { person: person, customerId: customerId, paymentMethods: paymentMethods, stripePromise: stripePromise, donationSuccess: handleDataUpdate, church: props === null || props === void 0 ? void 0 : props.church, churchLogo: props === null || props === void 0 ? void 0 : props.churchLogo }),
+                react_1.default.createElement(components_2.DisplayBox, { headerIcon: "payments", headerText: "Donations", editContent: getEditContent() }, getTable()),
+                react_1.default.createElement(components_1.RecurringDonations, { customerId: customerId, paymentMethods: paymentMethods, appName: appName, dataUpdate: handleDataUpdate }),
+                react_1.default.createElement(components_1.PaymentMethods, { person: person, customerId: customerId, paymentMethods: paymentMethods, appName: appName, stripePromise: stripePromise, dataUpdate: handleDataUpdate })));
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        paymentMethods && message && react_1.default.createElement(material_1.Alert, { severity: "success" }, message),
+        getPaymentMethodComponents()));
+};
+exports.DonationPage = DonationPage;
+//# sourceMappingURL=DonationPage.js.map

package/dist/donationComponents/DonationPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonationPage.js","sourceRoot":"","sources":["../../src/donationComponents/DonationPage.tsx"],"names":[],"mappings":"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"}

package/dist/donationComponents/index.d.ts

@@ -1,3 +1,4 @@
 export { FundDonations } from "./components/FundDonations";
 export { NonAuthDonation } from "./components/NonAuthDonation";
+export { DonationPage } from "./DonationPage";
 //# sourceMappingURL=index.d.ts.map

package/dist/donationComponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/donationComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/donationComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/donationComponents/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NonAuthDonation = exports.FundDonations = void 0;
+exports.DonationPage = exports.NonAuthDonation = exports.FundDonations = void 0;
 var FundDonations_1 = require("./components/FundDonations");
 Object.defineProperty(exports, "FundDonations", { enumerable: true, get: function () { return FundDonations_1.FundDonations; } });
 var NonAuthDonation_1 = require("./components/NonAuthDonation");
 Object.defineProperty(exports, "NonAuthDonation", { enumerable: true, get: function () { return NonAuthDonation_1.NonAuthDonation; } });
+var DonationPage_1 = require("./DonationPage");
+Object.defineProperty(exports, "DonationPage", { enumerable: true, get: function () { return DonationPage_1.DonationPage; } });
 //# sourceMappingURL=index.js.map

package/dist/donationComponents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/donationComponents/index.ts"],"names":[],"mappings":";;;AAAA,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AACtB,gEAA+D;AAAtD,kHAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/donationComponents/index.ts"],"names":[],"mappings":";;;AAAA,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AACtB,gEAA+D;AAAtD,kHAAA,eAAe,OAAA;AACxB,+CAA8C;AAArC,4GAAA,YAAY,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churchapps/apphelper",
-  "version": "0.2.77",
+  "version": "0.2.78",
   "description": "Library of helper functions for React and NextJS ChurchApps",
   "main": "dist/index.js",
   "scripts": {

package/src/donationComponents/DonationPage.tsx

@@ -0,0 +1,189 @@
+"use client";
+
+import React from "react";
+import { loadStripe, Stripe } from "@stripe/stripe-js";
+import { DonationForm, RecurringDonations, PaymentMethods } from "./components";
+import { DisplayBox, ExportLink, Loading } from "../components";
+import { ApiHelper, DateHelper, UniqueIdHelper, CurrencyHelper, Locale } from "../helpers";
+import { DonationInterface, PersonInterface, StripePaymentMethod, ChurchInterface } from "@churchapps/helpers";
+import { Link } from "react-router-dom"
+import { Table, TableBody, TableRow, TableCell, TableHead, Alert, Button, Icon, Menu, MenuItem } from "@mui/material"
+import { useMountedState } from "../hooks/useMountedState";
+
+interface Props { personId: string, appName?: string, church?: ChurchInterface, churchLogo?: string }
+
+export const DonationPage: React.FC<Props> = (props) => {
+  const [donations, setDonations] = React.useState<DonationInterface[]>(null);
+  const [stripePromise, setStripe] = React.useState<Promise<Stripe>>(null);
+  const [paymentMethods, setPaymentMethods] = React.useState<StripePaymentMethod[]>(null);
+  const [customerId, setCustomerId] = React.useState(null);
+  const [person, setPerson] = React.useState<PersonInterface>(null);
+  const [message, setMessage] = React.useState<string>(null);
+  const [appName, setAppName] = React.useState<string>("");
+  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
+  const open = Boolean(anchorEl);
+  const isMounted = useMountedState();
+
+  const handleClose = () => {
+    setAnchorEl(null);
+  }
+
+  const loadData = () => {
+    if (props?.appName) setAppName(props.appName);
+    if (!UniqueIdHelper.isMissing(props.personId)) {
+      ApiHelper.get("/donations?personId=" + props.personId, "GivingApi").then(data => {
+        if(isMounted()) {
+          setDonations(data);
+        }});
+      ApiHelper.get("/gateways", "GivingApi").then(data => {
+        if (data.length && data[0]?.publicKey) {
+          if(isMounted()) {
+            setStripe(loadStripe(data[0].publicKey));
+          }
+          ApiHelper.get("/paymentmethods/personid/" + props.personId, "GivingApi").then(results => {
+            if(!isMounted()) {
+              return;
+            }
+            if (!results.length) setPaymentMethods([]);
+            else {
+              let cards = results[0].cards.data.map((card: any) => new StripePaymentMethod(card));
+              let banks = results[0].banks.data.map((bank: any) => new StripePaymentMethod(bank));
+              let methods = cards.concat(banks);
+              setCustomerId(results[0].customer.id);
+              setPaymentMethods(methods);
+            }
+          });
+          ApiHelper.get("/people/" + props.personId, "MembershipApi").then(data => {
+            if(isMounted()) {
+              setPerson(data);
+            }
+          });
+        }
+        else setPaymentMethods([]);
+      });
+    }
+  }
+
+  const handleDataUpdate = (message?: string) => {
+    setMessage(message)
+    setPaymentMethods(null);
+    loadData();
+  }
+
+  const getEditContent = () => {
+    const result: JSX.Element[] = [];
+    const date = new Date();
+    const currentY = date.getFullYear();
+    const lastY = date.getFullYear() - 1;
+
+    const current_year = donations.filter(d => new Date(d.donationDate).getFullYear() === currentY);
+    const last_year = donations.filter(d => new Date(d.donationDate).getFullYear() === lastY);
+    const customHeaders = [
+      { label: "amount", key: "amount" },
+      { label: "donationDate", key: "donationDate" },
+      { label: "fundName", key: "fund.name" },
+      { label: "method", key: "method"},
+      { label: "methodDetails", key: "methodDetails"},
+    ]
+
+    result.push(<>
+      <Button
+        id="download-button"
+        aria-controls={open ? "download-menu" : undefined}
+        aria-haspopup="true"
+        aria-expanded={open ? "true" : undefined}
+        onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
+          setAnchorEl(e.currentTarget);
+        }}
+      >
+        <Icon>download</Icon>
+      </Button>
+      <Menu
+        id="download-menu"
+        anchorEl={anchorEl}
+        open={open}
+        onClose={handleClose}
+        MenuListProps={{ 'aria-labelledby': "download-button" }}
+      >
+        <MenuItem onClick={handleClose} dense><ExportLink data={current_year} filename="current_year_donations" customHeaders={customHeaders} text="Current Year" icon="csv" /></MenuItem>
+        <MenuItem href="/member/donate/print"><Icon>print</Icon> Current Year</MenuItem>
+        <MenuItem onClick={handleClose} dense><ExportLink data={last_year} filename="last_year_donations" customHeaders={customHeaders} text="Last Year" icon="csv" /></MenuItem>
+        <MenuItem href="/member/donate/print?prev=1"><Icon>print</Icon> Last Year</MenuItem>
+      </Menu>
+    </>);
+
+    return result;
+  }
+
+  const getRows = () => {
+    let rows: JSX.Element[] = [];
+
+    if (donations.length === 0) {
+      rows.push(<TableRow key="0"><TableCell>{Locale.label("donation.page.willAppear")}</TableCell></TableRow>);
+      return rows;
+    }
+
+    for (let i = 0; i < donations.length; i++) {
+      let d = donations[i];
+      rows.push(
+        <TableRow key={i}>
+          {appName !== "B1App" && <TableCell><Link to={"/donations/" + d.batchId}>{d.batchId}</Link></TableCell>}
+          <TableCell>{DateHelper.prettyDate(new Date(d.donationDate))}</TableCell>
+          <TableCell>{d.method} - {d.methodDetails}</TableCell>
+          <TableCell>{d.fund.name}</TableCell>
+          <TableCell>{CurrencyHelper.formatCurrency(d.fund.amount)}</TableCell>
+        </TableRow>
+      );
+    }
+    return rows;
+  }
+
+  const getTableHeader = () => {
+    const rows: JSX.Element[] = []
+
+    if (donations.length > 0) {
+      rows.push(
+        <TableRow key="header" sx={{textAlign: "left"}}>
+          {appName !== "B1App" && <th>{Locale.label("donation.page.batch")}</th>}
+          <th>{Locale.label("donation.page.date")}</th>
+          <th>{Locale.label("donation.page.method")}</th>
+          <th>{Locale.label("donation.page.fund")}</th>
+          <th>{Locale.label("donation.page.amount")}</th>
+        </TableRow>
+      );
+    }
+
+    return rows;
+  }
+
+  React.useEffect(loadData, [isMounted]); //eslint-disable-line
+
+  const getTable = () => {
+    if (!donations) return <Loading />;
+    else return (<Table>
+      <TableHead>{getTableHeader()}</TableHead>
+      <TableBody>{getRows()}</TableBody>
+    </Table>);
+  }
+
+  const getPaymentMethodComponents = () => {
+    if (!paymentMethods) return <Loading />;
+    else return (
+      <>
+        <DonationForm person={person} customerId={customerId} paymentMethods={paymentMethods} stripePromise={stripePromise} donationSuccess={handleDataUpdate} church={props?.church} churchLogo={props?.churchLogo} />
+        <DisplayBox headerIcon="payments" headerText="Donations" editContent={getEditContent()}>
+          {getTable()}
+        </DisplayBox>
+        <RecurringDonations customerId={customerId} paymentMethods={paymentMethods} appName={appName} dataUpdate={handleDataUpdate} />
+        <PaymentMethods person={person} customerId={customerId} paymentMethods={paymentMethods} appName={appName} stripePromise={stripePromise} dataUpdate={handleDataUpdate} />
+      </>
+    );
+  }
+
+  return (
+    <>
+      {paymentMethods && message && <Alert severity="success">{message}</Alert>}
+      {getPaymentMethodComponents()}
+    </>
+  );
+}

package/src/donationComponents/index.ts

@@ -1,2 +1,3 @@
 export { FundDonations } from "./components/FundDonations";
 export { NonAuthDonation } from "./components/NonAuthDonation";
+export { DonationPage } from "./DonationPage";