@churchapps/apphelper 0.0.1

package/dist/donationComponents/components/BankForm.js

@@ -0,0 +1,161 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BankForm = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const react_stripe_js_1 = require("@stripe/react-stripe-js");
+const components_1 = require("../../components");
+const helpers_1 = require("../../helpers");
+const BankForm = (props) => {
+    const stripe = (0, react_stripe_js_1.useStripe)();
+    const [bankAccount, setBankAccount] = react_1.default.useState({ account_holder_name: props.bank.account_holder_name, account_holder_type: props.bank.account_holder_type, country: "US", currency: "usd" });
+    const [paymentMethod] = react_1.default.useState({ customerId: props.customerId, personId: props.person.id, email: props.person.contactInfo.email, name: props.person.name.display });
+    const [updateBankData] = react_1.default.useState({ paymentMethodId: props.bank.id, customerId: props.customerId, personId: props.person.id, bankData: { account_holder_name: props.bank.account_holder_name, account_holder_type: props.bank.account_holder_type } });
+    const [verifyBankData, setVerifyBankData] = react_1.default.useState({ paymentMethodId: props.bank.id, customerId: props.customerId, amountData: { amounts: [] } });
+    const [showSave, setShowSave] = react_1.default.useState(true);
+    const [errorMessage, setErrorMessage] = react_1.default.useState(null);
+    const saveDisabled = () => { };
+    const handleCancel = () => { props.setMode("display"); };
+    const handleDelete = () => { props.deletePayment(); };
+    const handleSave = () => {
+        setShowSave(false);
+        if (props.showVerifyForm)
+            verifyBank();
+        else
+            props.bank.id ? updateBank() : createBank();
+    };
+    const createBank = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!bankAccount.routing_number || !bankAccount.account_number)
+            setErrorMessage("Routing and account number are required.");
+        else {
+            yield stripe.createToken("bank_account", bankAccount).then(response => {
+                var _a;
+                if ((_a = response === null || response === void 0 ? void 0 : response.error) === null || _a === void 0 ? void 0 : _a.message)
+                    setErrorMessage(response.error.message);
+                else {
+                    const pm = Object.assign({}, paymentMethod);
+                    pm.id = response.token.id;
+                    helpers_1.ApiHelper.post("/paymentmethods/addbankaccount", pm, "GivingApi").then(result => {
+                        var _a;
+                        if ((_a = result === null || result === void 0 ? void 0 : result.raw) === null || _a === void 0 ? void 0 : _a.message)
+                            setErrorMessage(result.raw.message);
+                        else {
+                            props.updateList("Bank account added. Verify your bank account to make a donation.");
+                            props.setMode("display");
+                        }
+                    });
+                }
+            });
+        }
+        setShowSave(true);
+    });
+    const updateBank = () => {
+        if (bankAccount.account_holder_name === "")
+            setErrorMessage("Account holder name is required.");
+        else {
+            let bank = Object.assign({}, updateBankData);
+            bank.bankData.account_holder_name = bankAccount.account_holder_name;
+            bank.bankData.account_holder_type = bankAccount.account_holder_type;
+            helpers_1.ApiHelper.post("/paymentmethods/updatebank", bank, "GivingApi").then(response => {
+                var _a;
+                if ((_a = response === null || response === void 0 ? void 0 : response.raw) === null || _a === void 0 ? void 0 : _a.message)
+                    setErrorMessage(response.raw.message);
+                else {
+                    props.updateList("Bank account updated.");
+                    props.setMode("display");
+                }
+            });
+        }
+        setShowSave(true);
+    };
+    const verifyBank = () => {
+        var _a;
+        const amounts = (_a = verifyBankData === null || verifyBankData === void 0 ? void 0 : verifyBankData.amountData) === null || _a === void 0 ? void 0 : _a.amounts;
+        if (amounts && amounts.length === 2 && amounts[0] !== "" && amounts[1] !== "") {
+            helpers_1.ApiHelper.post("/paymentmethods/verifyBank", verifyBankData, "GivingApi").then(response => {
+                var _a;
+                if ((_a = response === null || response === void 0 ? void 0 : response.raw) === null || _a === void 0 ? void 0 : _a.message)
+                    setErrorMessage(response.raw.message);
+                else {
+                    props.updateList("Bank account verified.");
+                    props.setMode("display");
+                }
+            });
+        }
+        else
+            setErrorMessage("Both deposit amounts are required.");
+        setShowSave(true);
+    };
+    const getHeaderText = () => props.bank.id
+        ? `${props.bank.name.toUpperCase()} ****${props.bank.last4}`
+        : "Add New Bank Account";
+    const handleChange = (e) => {
+        const bankData = Object.assign({}, bankAccount);
+        const inputData = { [e.target.name]: e.target.value };
+        setBankAccount(Object.assign(Object.assign({}, bankData), inputData));
+        setShowSave(true);
+    };
+    const handleKeyPress = (e) => {
+        const pattern = /^\d+$/;
+        if (!pattern.test(e.key))
+            e.preventDefault();
+    };
+    const handleVerify = (e) => {
+        const verifyData = Object.assign({}, verifyBankData);
+        if (e.currentTarget.name === "amount1")
+            verifyData.amountData.amounts[0] = e.currentTarget.value;
+        if (e.currentTarget.name === "amount2")
+            verifyData.amountData.amounts[1] = e.currentTarget.value;
+        setVerifyBankData(verifyData);
+    };
+    const getForm = () => {
+        if (props.showVerifyForm) {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("p", null, "Enter the two deposits you received in your account to finish verifying your bank account."),
+                react_1.default.createElement(material_1.Grid, { container: true, columnSpacing: 2 },
+                    react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12 },
+                        react_1.default.createElement(material_1.TextField, { fullWidth: true, "aria-label": "amount1", label: "First Deposit", name: "amount1", placeholder: "00", inputProps: { maxLength: 2 }, onChange: handleVerify, onKeyPress: handleKeyPress })),
+                    react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12 },
+                        react_1.default.createElement(material_1.TextField, { fullWidth: true, "aria-label": "amount2", label: "Second Deposit", name: "amount2", placeholder: "00", inputProps: { maxLength: 2 }, onChange: handleVerify, onKeyPress: handleKeyPress })))));
+        }
+        else {
+            let accountDetails = react_1.default.createElement(react_1.default.Fragment, null);
+            if (!props.bank.id)
+                accountDetails = (react_1.default.createElement(material_1.Grid, { container: true, spacing: 3 },
+                    react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12, style: { marginBottom: "20px" } },
+                        react_1.default.createElement(material_1.TextField, { fullWidth: true, label: "Routing Number", type: "number", name: "routing_number", "aria-label": "routing-number", placeholder: "Routing Number", className: "form-control", onChange: handleChange })),
+                    react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12, style: { marginBottom: "20px" } },
+                        react_1.default.createElement(material_1.TextField, { fullWidth: true, label: "Account Number", type: "number", name: "account_number", "aria-label": "account-number", placeholder: "Account Number", className: "form-control", onChange: handleChange }))));
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(material_1.Grid, { container: true, spacing: 3 },
+                    react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12, style: { marginBottom: "20px" } },
+                        react_1.default.createElement(material_1.TextField, { fullWidth: true, label: "Account Holder Name", name: "account_holder_name", required: true, "aria-label": "account-holder-name", placeholder: "Account Holder Name", value: bankAccount.account_holder_name, className: "form-control", onChange: handleChange })),
+                    react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12, style: { marginBottom: "20px" } },
+                        react_1.default.createElement(material_1.FormControl, { fullWidth: true },
+                            react_1.default.createElement(material_1.InputLabel, null, "Account Holder Type"),
+                            react_1.default.createElement(material_1.Select, { label: "Account Holder Type", name: "account_holder_type", "aria-label": "account-holder-type", value: bankAccount.account_holder_type, onChange: handleChange },
+                                react_1.default.createElement(material_1.MenuItem, { value: "individual" }, "Individual"),
+                                react_1.default.createElement(material_1.MenuItem, { value: "company" }, "Company"))))),
+                accountDetails));
+        }
+    };
+    return (react_1.default.createElement(components_1.InputBox, { headerIcon: "volunteer_activism", headerText: getHeaderText(), ariaLabelSave: "save-button", ariaLabelDelete: "delete-button", cancelFunction: handleCancel, saveFunction: showSave ? handleSave : saveDisabled, deleteFunction: props.bank.id && !props.showVerifyForm ? handleDelete : undefined },
+        errorMessage && react_1.default.createElement(components_1.ErrorMessages, { errors: [errorMessage] }),
+        react_1.default.createElement("div", null,
+            !props.bank.id && react_1.default.createElement("p", null, "Bank accounts will need to be verified before making any donations. Your account will receive two small deposits in approximately 1-3 business days. You will need to enter those deposit amounts to finish verifying your account by selecting the verify account link next to your bank account under the payment methods section."),
+            getForm())));
+};
+exports.BankForm = BankForm;
+//# sourceMappingURL=BankForm.js.map

package/dist/donationComponents/components/BankForm.js.map

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

package/dist/donationComponents/components/CardForm.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { PersonInterface, StripePaymentMethod } from "../../interfaces";
+interface Props {
+    card: StripePaymentMethod;
+    customerId: string;
+    person: PersonInterface;
+    setMode: any;
+    deletePayment: any;
+    updateList: (message: string) => void;
+}
+export declare const CardForm: React.FC<Props>;
+export {};
+//# sourceMappingURL=CardForm.d.ts.map

package/dist/donationComponents/components/CardForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardForm.d.ts","sourceRoot":"","sources":["../../../src/donationComponents/components/CardForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAqD,MAAM,kBAAkB,CAAC;AAE3H,UAAU,KAAK;IAAG,IAAI,EAAE,mBAAmB,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,GAAG,CAAC;IAAC,aAAa,EAAE,GAAG,CAAC;IAAC,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;AAEnK,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8FpC,CAAA"}

package/dist/donationComponents/components/CardForm.js

@@ -0,0 +1,128 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardForm = void 0;
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const react_stripe_js_1 = require("@stripe/react-stripe-js");
+const components_1 = require("../../components");
+const helpers_1 = require("../../helpers");
+const CardForm = (props) => {
+    const stripe = (0, react_stripe_js_1.useStripe)();
+    const elements = (0, react_stripe_js_1.useElements)();
+    const formStyling = { style: { base: { fontSize: "18px" } } };
+    const [showSave, setShowSave] = react_1.default.useState(true);
+    const [paymentMethod] = react_1.default.useState({ id: props.card.id, customerId: props.customerId, personId: props.person.id, email: props.person.contactInfo.email, name: props.person.name.display });
+    const [cardUpdate, setCardUpdate] = react_1.default.useState({ personId: props.person.id, paymentMethodId: props.card.id, cardData: { card: {} } });
+    const [errorMessage, setErrorMessage] = react_1.default.useState(null);
+    const handleCancel = () => { props.setMode("display"); };
+    const handleSave = () => { setShowSave(false); props.card.id ? updateCard() : createCard(); };
+    const saveDisabled = () => { };
+    const handleDelete = () => { props.deletePayment(); };
+    const handleKeyPress = (e) => {
+        const pattern = /^\d+$/;
+        if (!pattern.test(e.key))
+            e.preventDefault();
+    };
+    (0, react_1.useEffect)(() => {
+        var _a, _b, _c;
+        setCardUpdate(Object.assign(Object.assign({}, cardUpdate), { cardData: { card: { exp_year: ((_b = (_a = props.card) === null || _a === void 0 ? void 0 : _a.exp_year) === null || _b === void 0 ? void 0 : _b.toString().slice(2)) || "", exp_month: ((_c = props.card) === null || _c === void 0 ? void 0 : _c.exp_month) || "" } } }));
+    }, []); //eslint-disable-line
+    const handleChange = (e) => {
+        const card = Object.assign({}, cardUpdate);
+        if (e.currentTarget.name === "exp_month")
+            card.cardData.card.exp_month = e.currentTarget.value;
+        if (e.currentTarget.name === "exp_year")
+            card.cardData.card.exp_year = e.currentTarget.value;
+        setCardUpdate(card);
+        setShowSave(true);
+    };
+    const createCard = () => __awaiter(void 0, void 0, void 0, function* () {
+        const cardData = elements.getElement(react_stripe_js_1.CardElement);
+        const stripePM = yield stripe.createPaymentMethod({
+            type: "card",
+            card: cardData
+        });
+        if (stripePM.error) {
+            setErrorMessage(stripePM.error.message);
+            setShowSave(true);
+        }
+        else {
+            let pm = Object.assign({}, paymentMethod);
+            pm.id = stripePM.paymentMethod.id;
+            yield helpers_1.ApiHelper.post("/paymentmethods/addcard", pm, "GivingApi").then(result => {
+                var _a;
+                if ((_a = result === null || result === void 0 ? void 0 : result.raw) === null || _a === void 0 ? void 0 : _a.message) {
+                    setErrorMessage(result.raw.message);
+                    setShowSave(true);
+                }
+                else {
+                    props.updateList("Card added successfully");
+                    props.setMode("display");
+                }
+            });
+        }
+    });
+    const updateCard = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!cardUpdate.cardData.card.exp_month || !cardUpdate.cardData.card.exp_year)
+            setErrorMessage("Expiration month and year cannot be blank.");
+        else {
+            yield helpers_1.ApiHelper.post("/paymentmethods/updatecard", cardUpdate, "GivingApi").then(result => {
+                var _a;
+                if ((_a = result === null || result === void 0 ? void 0 : result.raw) === null || _a === void 0 ? void 0 : _a.message) {
+                    setErrorMessage(result.raw.message);
+                    setShowSave(true);
+                }
+                else {
+                    props.updateList("Card updated successfully");
+                    props.setMode("display");
+                }
+            });
+        }
+    });
+    const getHeaderText = () => props.card.id
+        ? `${props.card.name.toUpperCase()} ****${props.card.last4}`
+        : "Add New Card";
+    return (react_1.default.createElement(components_1.InputBox, { headerIcon: "volunteer_activism", headerText: getHeaderText(), ariaLabelSave: "save-button", ariaLabelDelete: "delete-button", cancelFunction: handleCancel, saveFunction: showSave ? handleSave : saveDisabled, deleteFunction: props.card.id ? handleDelete : undefined },
+        errorMessage && react_1.default.createElement(components_1.ErrorMessages, { errors: [errorMessage] }),
+        react_1.default.createElement("div", null, !props.card.id
+            ? react_1.default.createElement(react_stripe_js_1.CardElement, { options: formStyling })
+            : react_1.default.createElement(material_1.Grid, { container: true, spacing: 3 },
+                react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12 },
+                    react_1.default.createElement(material_1.TextField, { fullWidth: true, "aria-label": "card-exp-month", label: "Card Expiration Month:", name: "exp_month", value: cardUpdate.cardData.card.exp_month, placeholder: "MM", inputProps: { maxLength: 2 }, onChange: handleChange, onKeyPress: handleKeyPress })),
+                react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12 },
+                    react_1.default.createElement(material_1.TextField, { fullWidth: true, "aria-label": "card-exp-year", label: "Card Expiration Year:", name: "exp_year", value: cardUpdate.cardData.card.exp_year, placeholder: "YY", inputProps: { maxLength: 2 }, onChange: handleChange, onKeyPress: handleKeyPress }))))));
+};
+exports.CardForm = CardForm;
+//# sourceMappingURL=CardForm.js.map

package/dist/donationComponents/components/CardForm.js.map

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

package/dist/donationComponents/components/DonationForm.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Stripe } from "@stripe/stripe-js";
+import { PersonInterface, StripePaymentMethod } from "../../interfaces";
+interface Props {
+    person: PersonInterface;
+    customerId: string;
+    paymentMethods: StripePaymentMethod[];
+    stripePromise: Promise<Stripe>;
+    donationSuccess: (message: string) => void;
+    churchName?: string;
+}
+export declare const DonationForm: React.FC<Props>;
+export {};
+//# sourceMappingURL=DonationForm.d.ts.map

package/dist/donationComponents/components/DonationForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonationForm.d.ts","sourceRoot":"","sources":["../../../src/donationComponents/components/DonationForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAK3C,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAiE,MAAM,kBAAkB,CAAC;AAIvI,UAAU,KAAK;IAAG,MAAM,EAAE,eAAe,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,mBAAmB,EAAE,CAAC;IAAC,aAAa,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAAC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE;AAEvM,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsNxC,CAAA"}

package/dist/donationComponents/components/DonationForm.js

@@ -0,0 +1,227 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DonationForm = void 0;
+/* eslint-disable multiline-ternary */
+const react_1 = __importDefault(require("react"));
+const components_1 = require("../../components");
+const _1 = require(".");
+const DonationPreviewModal_1 = require("../modals/DonationPreviewModal");
+const helpers_1 = require("../../helpers");
+const material_1 = require("@mui/material");
+const helpers_2 = require("../../helpers");
+const DonationForm = (props) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const [errorMessage, setErrorMessage] = react_1.default.useState();
+    const [fundDonations, setFundDonations] = react_1.default.useState();
+    const [funds, setFunds] = react_1.default.useState([]);
+    const [fundsTotal, setFundsTotal] = react_1.default.useState(0);
+    const [transactionFee, setTransactionFee] = react_1.default.useState(0);
+    const [payFee, setPayFee] = react_1.default.useState(0);
+    const [total, setTotal] = react_1.default.useState(0);
+    const [paymentMethodName, setPaymentMethodName] = react_1.default.useState(`${(_a = props === null || props === void 0 ? void 0 : props.paymentMethods[0]) === null || _a === void 0 ? void 0 : _a.name} ****${(_b = props === null || props === void 0 ? void 0 : props.paymentMethods[0]) === null || _b === void 0 ? void 0 : _b.last4}`);
+    const [donationType, setDonationType] = react_1.default.useState();
+    const [showDonationPreviewModal, setShowDonationPreviewModal] = react_1.default.useState(false);
+    const [interval, setInterval] = react_1.default.useState("one_month");
+    const [gateway, setGateway] = react_1.default.useState(null);
+    const [donation, setDonation] = react_1.default.useState({
+        id: (_c = props === null || props === void 0 ? void 0 : props.paymentMethods[0]) === null || _c === void 0 ? void 0 : _c.id,
+        type: (_d = props === null || props === void 0 ? void 0 : props.paymentMethods[0]) === null || _d === void 0 ? void 0 : _d.type,
+        customerId: props.customerId,
+        person: {
+            id: (_e = props.person) === null || _e === void 0 ? void 0 : _e.id,
+            email: (_f = props.person) === null || _f === void 0 ? void 0 : _f.contactInfo.email,
+            name: (_g = props.person) === null || _g === void 0 ? void 0 : _g.name.display
+        },
+        amount: 0,
+        billing_cycle_anchor: +new Date(),
+        interval: {
+            interval_count: 1,
+            interval: "month"
+        },
+        funds: []
+    });
+    const loadData = () => {
+        helpers_1.ApiHelper.get("/funds", "GivingApi").then(data => {
+            setFunds(data);
+            if (data.length)
+                setFundDonations([{ fundId: data[0].id }]);
+        });
+        helpers_1.ApiHelper.get("/gateways", "GivingApi").then((data) => {
+            if (data.length !== 0)
+                setGateway(data[0]);
+        });
+    };
+    const handleKeyDown = (e) => { if (e.key === "Enter") {
+        e.preventDefault();
+        handleSave();
+    } };
+    const handleCheckChange = (e, checked) => {
+        let d = Object.assign({}, donation);
+        d.amount = checked ? fundsTotal + transactionFee : fundsTotal;
+        let showFee = checked ? transactionFee : 0;
+        setTotal(d.amount);
+        setPayFee(showFee);
+        setDonation(d);
+    };
+    const handleAutoPayFee = () => {
+        let d = Object.assign({}, donation);
+        d.amount = fundsTotal + transactionFee;
+        let showFee = transactionFee;
+        setTotal(d.amount);
+        setPayFee(showFee);
+        setDonation(d);
+    };
+    const handleChange = (e) => {
+        setErrorMessage(null);
+        let d = Object.assign({}, donation);
+        let value = e.target.value;
+        console.log(e.target.name, value);
+        switch (e.target.name) {
+            case "method":
+                d.id = value;
+                let pm = props.paymentMethods.find(pm => pm.id === value);
+                d.type = pm.type;
+                setPaymentMethodName(`${pm.name} ****${pm.last4}`);
+                break;
+            case "type":
+                setDonationType(value);
+                break;
+            case "date":
+                d.billing_cycle_anchor = +new Date(value);
+                break;
+            case "interval":
+                setInterval(value);
+                d.interval = helpers_2.DonationHelper.getInterval(value);
+                break;
+            case "notes":
+                d.notes = value;
+                break;
+            case "transaction-fee":
+                const element = e.target;
+                d.amount = element.checked ? fundsTotal + transactionFee : fundsTotal;
+                let showFee = element.checked ? transactionFee : 0;
+                setTotal(d.amount);
+                setPayFee(showFee);
+        }
+        setDonation(d);
+    };
+    const handleCancel = () => { setDonationType(null); };
+    const handleSave = () => {
+        if (donation.amount < .5)
+            setErrorMessage("Donation amount must be greater than $0.50");
+        else
+            setShowDonationPreviewModal(true);
+    };
+    const handleDonationSelect = (type) => {
+        let dt = donationType === type ? null : type;
+        setDonationType(dt);
+    };
+    const makeDonation = (message) => __awaiter(void 0, void 0, void 0, function* () {
+        var _k, _l;
+        let results;
+        if (donationType === "once")
+            results = yield helpers_1.ApiHelper.post("/donate/charge/", donation, "GivingApi");
+        if (donationType === "recurring")
+            results = yield helpers_1.ApiHelper.post("/donate/subscribe/", Object.assign(Object.assign({}, donation), { churchName: props === null || props === void 0 ? void 0 : props.churchName, churchURL: typeof window !== "undefined" && window.location.origin }), "GivingApi");
+        if ((results === null || results === void 0 ? void 0 : results.status) === "succeeded" || (results === null || results === void 0 ? void 0 : results.status) === "pending" || (results === null || results === void 0 ? void 0 : results.status) === "active") {
+            setShowDonationPreviewModal(false);
+            setDonationType(null);
+            props.donationSuccess(message);
+        }
+        if ((_k = results === null || results === void 0 ? void 0 : results.raw) === null || _k === void 0 ? void 0 : _k.message) {
+            setShowDonationPreviewModal(false);
+            setErrorMessage("Error: " + ((_l = results === null || results === void 0 ? void 0 : results.raw) === null || _l === void 0 ? void 0 : _l.message));
+        }
+    });
+    const handleFundDonationsChange = (fd) => {
+        setErrorMessage(null);
+        setFundDonations(fd);
+        let totalAmount = 0;
+        let selectedFunds = [];
+        for (const fundDonation of fd) {
+            totalAmount += fundDonation.amount || 0;
+            let fund = funds.find((fund) => fund.id === fundDonation.fundId);
+            selectedFunds.push({ id: fundDonation.fundId, amount: fundDonation.amount || 0, name: fund.name });
+        }
+        let d = Object.assign({}, donation);
+        d.amount = totalAmount;
+        d.funds = selectedFunds;
+        setDonation(d);
+        setFundsTotal(totalAmount);
+        setTotal(totalAmount);
+        setTransactionFee(getTransactionFee(totalAmount));
+    };
+    const getTransactionFee = (amount) => {
+        const fixedFee = 0.30;
+        const fixedPercent = 0.029;
+        return Math.round(((amount + fixedFee) / (1 - fixedPercent) - amount) * 100) / 100;
+    };
+    react_1.default.useEffect(loadData, [(_h = props.person) === null || _h === void 0 ? void 0 : _h.id]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    react_1.default.useEffect(() => { gateway && gateway.payFees === true && handleAutoPayFee(); }, [fundDonations]);
+    if (!funds.length || !((_j = props === null || props === void 0 ? void 0 : props.paymentMethods[0]) === null || _j === void 0 ? void 0 : _j.id))
+        return null;
+    else
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(DonationPreviewModal_1.DonationPreviewModal, { show: showDonationPreviewModal, onHide: () => setShowDonationPreviewModal(false), handleDonate: makeDonation, donation: donation, donationType: donationType, payFee: payFee, paymentMethodName: paymentMethodName, funds: funds }),
+            react_1.default.createElement(components_1.InputBox, { id: "donationBox", "aria-label": "donation-box", headerIcon: "volunteer_activism", headerText: "Donate", ariaLabelSave: "save-button", cancelFunction: donationType ? handleCancel : undefined, saveFunction: donationType ? handleSave : undefined, saveText: "Preview Donation" },
+                react_1.default.createElement(material_1.Grid, { container: true, spacing: 3 },
+                    react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12 },
+                        react_1.default.createElement(material_1.Button, { "aria-label": "single-donation", size: "small", fullWidth: true, style: { minHeight: "50px" }, variant: donationType === "once" ? "contained" : "outlined", onClick: () => handleDonationSelect("once") }, "Make a Donation")),
+                    react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12 },
+                        react_1.default.createElement(material_1.Button, { "aria-label": "recurring-donation", size: "small", fullWidth: true, style: { minHeight: "50px" }, variant: donationType === "recurring" ? "contained" : "outlined", onClick: () => handleDonationSelect("recurring") }, "Make a Recurring Donation"))),
+                donationType
+                    && react_1.default.createElement("div", { style: { marginTop: "20px" } },
+                        react_1.default.createElement(material_1.Grid, { container: true, spacing: 3 },
+                            react_1.default.createElement(material_1.Grid, { item: true, md: 12, xs: 12 },
+                                react_1.default.createElement(material_1.FormControl, { fullWidth: true },
+                                    react_1.default.createElement(material_1.InputLabel, null, "Method"),
+                                    react_1.default.createElement(material_1.Select, { label: "Method", name: "method", "aria-label": "method", value: donation.id, className: "capitalize", onChange: handleChange }, props.paymentMethods.map((paymentMethod, i) => react_1.default.createElement(material_1.MenuItem, { key: i, value: paymentMethod.id },
+                                        paymentMethod.name,
+                                        " ****",
+                                        paymentMethod.last4)))))),
+                        donationType === "recurring"
+                            && react_1.default.createElement(material_1.Grid, { container: true, spacing: 3, style: { marginTop: 10 } },
+                                react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12 },
+                                    react_1.default.createElement(material_1.TextField, { fullWidth: true, name: "date", type: "date", "aria-label": "date", label: "Start Date", value: helpers_1.DateHelper.formatHtml5Date(new Date(donation.billing_cycle_anchor)), onChange: handleChange, onKeyDown: handleKeyDown })),
+                                react_1.default.createElement(material_1.Grid, { item: true, md: 6, xs: 12 },
+                                    react_1.default.createElement(material_1.FormControl, { fullWidth: true },
+                                        react_1.default.createElement(material_1.InputLabel, null, "Frequency"),
+                                        react_1.default.createElement(material_1.Select, { label: "Frequency", name: "interval", "aria-label": "interval", value: interval, onChange: handleChange },
+                                            react_1.default.createElement(material_1.MenuItem, { value: "one_week" }, "Weekly"),
+                                            react_1.default.createElement(material_1.MenuItem, { value: "two_week" }, "Bi-Weekly"),
+                                            react_1.default.createElement(material_1.MenuItem, { value: "one_month" }, "Monthly"),
+                                            react_1.default.createElement(material_1.MenuItem, { value: "three_month" }, "Quarterly"),
+                                            react_1.default.createElement(material_1.MenuItem, { value: "one_year" }, "Annually"))))),
+                        react_1.default.createElement("div", { className: "form-group" },
+                            funds && fundDonations
+                                && react_1.default.createElement(react_1.default.Fragment, null,
+                                    react_1.default.createElement("h4", null, "Fund"),
+                                    react_1.default.createElement(_1.FundDonations, { fundDonations: fundDonations, funds: funds, updatedFunction: handleFundDonationsChange })),
+                            fundsTotal > 0
+                                && react_1.default.createElement(react_1.default.Fragment, null,
+                                    (gateway && gateway.payFees === true) ? react_1.default.createElement(material_1.Typography, { fontSize: 14, fontStyle: "italic" },
+                                        "*Transaction fees of ",
+                                        helpers_1.CurrencyHelper.formatCurrency(transactionFee),
+                                        " are applied.") : (react_1.default.createElement(material_1.FormGroup, null,
+                                        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, null), name: "transaction-fee", label: `I'll generously add ${helpers_1.CurrencyHelper.formatCurrency(transactionFee)} to cover the transaction fees so you can keep 100% of my donation.`, onChange: handleCheckChange }))),
+                                    react_1.default.createElement("p", null,
+                                        "Total Donation Amount: $",
+                                        total)),
+                            react_1.default.createElement(material_1.TextField, { fullWidth: true, label: "Notes", multiline: true, "aria-label": "note", name: "notes", value: donation.notes || "", onChange: handleChange, onKeyDown: handleKeyDown })),
+                        errorMessage && react_1.default.createElement(components_1.ErrorMessages, { errors: [errorMessage] })))));
+};
+exports.DonationForm = DonationForm;
+//# sourceMappingURL=DonationForm.js.map

package/dist/donationComponents/components/DonationForm.js.map

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

package/dist/donationComponents/components/FundDonation.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { FundDonationInterface, FundInterface } from "../../interfaces";
+interface Props {
+    fundDonation: FundDonationInterface;
+    funds: FundInterface[];
+    index: number;
+    updatedFunction: (fundDonation: FundDonationInterface, index: number) => void;
+}
+export declare const FundDonation: React.FC<Props>;
+export {};
+//# sourceMappingURL=FundDonation.d.ts.map

package/dist/donationComponents/components/FundDonation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FundDonation.d.ts","sourceRoot":"","sources":["../../../src/donationComponents/components/FundDonation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGxE,UAAU,KAAK;IACb,YAAY,EAAE,qBAAqB,CAAC;IACpC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,CAAC,YAAY,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9E;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoCxC,CAAA"}