@churchapps/apphelper 0.4.11 → 0.4.12

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

@@ -0,0 +1,12 @@
+import React from "react";
+import type { PaperProps } from "@mui/material/Paper";
+interface Props {
+    churchId: string;
+    mainContainerCssProps?: PaperProps;
+    showHeader?: boolean;
+    recaptchaSiteKey: string;
+    churchLogo?: string;
+}
+export declare const NonAuthDonation: React.FC<Props>;
+export {};
+//# sourceMappingURL=NonAuthDonation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NonAuthDonation.d.ts","sourceRoot":"","sources":["../../../src/donationComponents/components/NonAuthDonation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,UAAU,KAAK;IAAG,QAAQ,EAAE,MAAM,CAAC;IAAC,qBAAqB,CAAC,EAAE,UAAU,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE;AAE7I,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoB3C,CAAC"}

package/dist/donationComponents/components/NonAuthDonation.js

@@ -0,0 +1,27 @@
+"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.NonAuthDonation = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_stripe_js_1 = require("@stripe/react-stripe-js");
+const stripe_js_1 = require("@stripe/stripe-js");
+const helpers_1 = require("../../helpers");
+const NonAuthDonationInner_1 = require("./NonAuthDonationInner");
+const NonAuthDonation = ({ mainContainerCssProps, showHeader, ...props }) => {
+    const [stripePromise, setStripe] = react_1.default.useState(null);
+    const init = () => {
+        helpers_1.ApiHelper.get("/gateways/churchId/" + props.churchId, "GivingApi").then(data => {
+            if (data.length && data[0]?.publicKey) {
+                setStripe((0, stripe_js_1.loadStripe)(data[0].publicKey));
+            }
+        });
+    };
+    react_1.default.useEffect(init, []); //eslint-disable-line
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_stripe_js_1.Elements, { stripe: stripePromise, children: (0, jsx_runtime_1.jsx)(NonAuthDonationInner_1.NonAuthDonationInner, { churchId: props.churchId, mainContainerCssProps: mainContainerCssProps, showHeader: showHeader, recaptchaSiteKey: props.recaptchaSiteKey, churchLogo: props?.churchLogo }) }) }));
+};
+exports.NonAuthDonation = NonAuthDonation;
+//# sourceMappingURL=NonAuthDonation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NonAuthDonation.js","sourceRoot":"","sources":["../../../src/donationComponents/components/NonAuthDonation.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,kDAA0B;AAC1B,6DAAmD;AACnD,iDAA+C;AAE/C,2CAA0C;AAC1C,iEAA8D;AAKvD,MAAM,eAAe,GAAoB,CAAC,EAAE,qBAAqB,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClG,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAEzE,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,mBAAS,CAAC,GAAG,CAAC,qBAAqB,GAAG,KAAK,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAC7E,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC;gBACtC,SAAS,CAAC,IAAA,sBAAU,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,eAAK,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB;IAEhD,OAAO,CACL,2DACE,uBAAC,0BAAQ,IAAC,MAAM,EAAE,aAAa,YAC7B,uBAAC,2CAAoB,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,GAAI,GACxL,GACV,CACJ,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,eAAe,mBAoB1B"}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import type { PaperProps } from "@mui/material/Paper";
+interface Props {
+    churchId: string;
+    mainContainerCssProps?: PaperProps;
+    showHeader?: boolean;
+    recaptchaSiteKey: string;
+    churchLogo?: string;
+}
+export declare const NonAuthDonationInner: React.FC<Props>;
+export {};
+//# sourceMappingURL=NonAuthDonationInner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NonAuthDonationInner.d.ts","sourceRoot":"","sources":["../../../src/donationComponents/components/NonAuthDonationInner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAShD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,UAAU,KAAK;IAAG,QAAQ,EAAE,MAAM,CAAC;IAAC,qBAAqB,CAAC,EAAE,UAAU,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE;AAE7I,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2RhD,CAAC"}

package/dist/donationComponents/components/NonAuthDonationInner.js

@@ -0,0 +1,277 @@
+"use client";
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NonAuthDonationInner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_stripe_js_1 = require("@stripe/react-stripe-js");
+const react_1 = __importStar(require("react"));
+const react_google_recaptcha_1 = __importDefault(require("react-google-recaptcha"));
+const components_1 = require("../../components");
+const _1 = require(".");
+const helpers_1 = require("../../helpers");
+const material_1 = require("@mui/material");
+const NonAuthDonationInner = ({ mainContainerCssProps, showHeader = true, ...props }) => {
+    const stripe = (0, react_stripe_js_1.useStripe)();
+    const elements = (0, react_stripe_js_1.useElements)();
+    const formStyling = { style: { base: { fontSize: "18px" } } };
+    const [firstName, setFirstName] = react_1.default.useState("");
+    const [lastName, setLastName] = react_1.default.useState("");
+    const [email, setEmail] = react_1.default.useState("");
+    const [fundsTotal, setFundsTotal] = react_1.default.useState(0);
+    const [transactionFee, setTransactionFee] = react_1.default.useState(0);
+    const [total, setTotal] = react_1.default.useState(0);
+    const [errors, setErrors] = react_1.default.useState([]);
+    const [fundDonations, setFundDonations] = react_1.default.useState([]);
+    const [funds, setFunds] = react_1.default.useState([]);
+    const [donationComplete, setDonationComplete] = react_1.default.useState(false);
+    const [processing, setProcessing] = react_1.default.useState(false);
+    const [donationType, setDonationType] = (0, react_1.useState)("once");
+    const [interval, setInterval] = (0, react_1.useState)("one_month");
+    const [startDate, setStartDate] = (0, react_1.useState)(new Date().toDateString());
+    const [captchaResponse, setCaptchaResponse] = (0, react_1.useState)("");
+    const [church, setChurch] = (0, react_1.useState)();
+    const [gateway, setGateway] = react_1.default.useState(null);
+    const [searchParams, setSearchParams] = react_1.default.useState();
+    const captchaRef = (0, react_1.useRef)(null);
+    const getUrlParam = (param) => {
+        if (typeof window === "undefined")
+            return null;
+        const urlParams = new URLSearchParams(window.location.search);
+        return urlParams.get(param);
+    };
+    const init = () => {
+        const fundId = getUrlParam("fundId");
+        const amount = getUrlParam("amount");
+        setSearchParams({ fundId, amount });
+        helpers_1.ApiHelper.get("/funds/churchId/" + props.churchId, "GivingApi").then(data => {
+            setFunds(data);
+            if (fundId && fundId !== "") {
+                const selectedFund = data.find((f) => f.id === fundId);
+                if (selectedFund) {
+                    setFundDonations([{ fundId: selectedFund.id, amount: (amount && amount !== "") ? parseFloat(amount) : 0 }]);
+                }
+            }
+            else if (data.length) {
+                setFundDonations([{ fundId: data[0].id }]);
+            }
+        });
+        helpers_1.ApiHelper.get("/churches/" + props.churchId, "MembershipApi").then(data => {
+            setChurch(data);
+        });
+        helpers_1.ApiHelper.get("/gateways/churchId/" + props.churchId, "GivingApi").then(data => {
+            if (data.length !== 0)
+                setGateway(data[0]);
+        });
+    };
+    const handleCaptchaChange = (value) => {
+        const captchaToken = captchaRef.current.getValue();
+        helpers_1.ApiHelper.postAnonymous("/donate/captcha-verify", { token: captchaToken }, "GivingApi").then((data) => { setCaptchaResponse(data.response); });
+    };
+    const handleCheckChange = (e, checked) => {
+        const totalPayAmount = checked ? fundsTotal + transactionFee : fundsTotal;
+        setTotal(totalPayAmount);
+    };
+    // const handleAutoPayFee = () => {
+    //   let totalPayAmount = fundsTotal + transactionFee;
+    //   setTotal(totalPayAmount);
+    // }
+    const handleSave = async () => {
+        if (validate()) {
+            setProcessing(true);
+            helpers_1.ApiHelper.post("/users/loadOrCreate", { userEmail: email, firstName, lastName }, "MembershipApi")
+                .catch(ex => { setErrors([ex.toString()]); setProcessing(false); })
+                .then(async (userData) => {
+                const personData = { churchId: props.churchId, firstName, lastName, email };
+                const person = await helpers_1.ApiHelper.post("/people/loadOrCreate", personData, "MembershipApi");
+                saveCard(userData, person);
+            });
+        }
+    };
+    const saveCard = async (user, person) => {
+        const cardData = elements.getElement(react_stripe_js_1.CardElement);
+        const stripePM = await stripe.createPaymentMethod({ type: "card", card: cardData });
+        if (stripePM.error) {
+            setErrors([stripePM.error.message]);
+            setProcessing(false);
+        }
+        else {
+            const pm = { id: stripePM.paymentMethod.id, personId: person.id, email: email, name: person.name.display, churchId: props.churchId };
+            await helpers_1.ApiHelper.post("/paymentmethods/addcard", pm, "GivingApi").then(result => {
+                if (result?.raw?.message) {
+                    setErrors([result.raw.message]);
+                    setProcessing(false);
+                }
+                else {
+                    const d = result;
+                    saveDonation(d.paymentMethod, d.customerId, person);
+                }
+            });
+        }
+    };
+    const saveDonation = async (paymentMethod, customerId, person) => {
+        const donation = {
+            amount: total,
+            id: paymentMethod.id,
+            customerId: customerId,
+            type: paymentMethod.type,
+            churchId: props.churchId,
+            funds: [],
+            person: {
+                id: person?.id,
+                email: person?.contactInfo?.email,
+                name: person?.name?.display
+            }
+        };
+        if (donationType === "recurring") {
+            donation.billing_cycle_anchor = +new Date(startDate);
+            donation.interval = helpers_1.DonationHelper.getInterval(interval);
+        }
+        for (const fundDonation of fundDonations) {
+            const fund = funds.find((fund) => fund.id === fundDonation.fundId);
+            donation.funds.push({ id: fundDonation.fundId, amount: fundDonation.amount || 0, name: fund.name });
+        }
+        const churchObj = {
+            name: church.name,
+            subDomain: church.subDomain,
+            churchURL: typeof window !== "undefined" && window.location.origin,
+            logo: props?.churchLogo
+        };
+        let results;
+        if (donationType === "once")
+            results = await helpers_1.ApiHelper.post("/donate/charge/", { ...donation, church: churchObj }, "GivingApi");
+        if (donationType === "recurring")
+            results = await helpers_1.ApiHelper.post("/donate/subscribe/", { ...donation, church: churchObj }, "GivingApi");
+        if (results?.status === "succeeded" || results?.status === "pending" || results?.status === "active") {
+            setDonationComplete(true);
+        }
+        if (results?.raw?.message) {
+            setErrors([results?.raw?.message]);
+            setProcessing(false);
+        }
+        setProcessing(false);
+    };
+    const validate = () => {
+        const result = [];
+        if (!firstName)
+            result.push(helpers_1.Locale.label("donation.donationForm.validate.firstName"));
+        if (!lastName)
+            result.push(helpers_1.Locale.label("donation.donationForm.validate.lastName"));
+        if (!email)
+            result.push(helpers_1.Locale.label("donation.donationForm.validate.email"));
+        if (fundsTotal === 0)
+            result.push(helpers_1.Locale.label("donation.donationForm.validate.amount"));
+        if (result.length === 0) {
+            if (!email.match(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w+)+$/))
+                result.push(helpers_1.Locale.label("donation.donationForm.validate.validEmail")); //eslint-disable-line
+        }
+        //Todo - make sure the account doesn't exist. (loadOrCreate?)
+        setErrors(result);
+        return result.length === 0;
+    };
+    const handleChange = (e) => {
+        const val = e.currentTarget.value;
+        switch (e.currentTarget.name) {
+            case "firstName":
+                setFirstName(val);
+                break;
+            case "lastName":
+                setLastName(val);
+                break;
+            case "email":
+                setEmail(val);
+                break;
+            case "startDate":
+                setStartDate(val);
+                break;
+            case "interval":
+                setInterval(val);
+                break;
+        }
+    };
+    const handleFundDonationsChange = async (fd) => {
+        setFundDonations(fd);
+        let totalAmount = 0;
+        const selectedFunds = [];
+        for (const fundDonation of fd) {
+            totalAmount += fundDonation.amount || 0;
+            const fund = funds.find((fund) => fund.id === fundDonation.fundId);
+            selectedFunds.push({ id: fundDonation.fundId, amount: fundDonation.amount || 0, name: fund.name });
+        }
+        setFundsTotal(totalAmount);
+        setTotal(totalAmount);
+        const fee = await getTransactionFee(totalAmount);
+        setTransactionFee(fee);
+        if (gateway && gateway.payFees === true) {
+            setTotal(totalAmount + fee);
+        }
+    };
+    const getTransactionFee = async (amount) => {
+        if (amount > 0) {
+            try {
+                const response = await helpers_1.ApiHelper.post("/donate/fee?churchId=" + props.churchId, { type: "creditCard", amount }, "GivingApi");
+                return response.calculatedFee;
+            }
+            catch (error) {
+                console.log("Error calculating transaction fee: ", error);
+                return 0;
+            }
+        }
+        else {
+            return 0;
+        }
+    };
+    const getFundList = () => {
+        if (funds) {
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.jsx)("h4", { children: helpers_1.Locale.label("donation.donationForm.funds") }), (0, jsx_runtime_1.jsx)(_1.FundDonations, { fundDonations: fundDonations, funds: funds, params: searchParams, updatedFunction: handleFundDonationsChange })] }));
+        }
+    };
+    react_1.default.useEffect(init, []); //eslint-disable-line
+    // React.useEffect(() => { gateway && gateway.payFees === true && handleAutoPayFee() }, [fundDonations]);
+    if (donationComplete)
+        return (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "success", children: helpers_1.Locale.label("donation.donationForm.thankYou") });
+    else {
+        return ((0, jsx_runtime_1.jsxs)(components_1.InputBox, { headerIcon: showHeader ? "volunteer_activism" : "", headerText: showHeader ? "Donate" : "", saveFunction: handleSave, saveText: "Donate", isSubmitting: processing || !captchaResponse || captchaResponse === "robot", mainContainerCssProps: mainContainerCssProps, children: [(0, jsx_runtime_1.jsx)(components_1.ErrorMessages, { errors: errors }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 3, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { size: { xs: 12, md: 6 }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { "aria-label": "single-donation", size: "small", fullWidth: true, style: { minHeight: "50px" }, variant: donationType === "once" ? "contained" : "outlined", onClick: () => setDonationType("once"), children: helpers_1.Locale.label("donation.donationForm.make") }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { size: { xs: 12, md: 6 }, children: (0, jsx_runtime_1.jsx)(material_1.Button, { "aria-label": "recurring-donation", size: "small", fullWidth: true, style: { minHeight: "50px" }, variant: donationType === "recurring" ? "contained" : "outlined", onClick: () => setDonationType("recurring"), children: helpers_1.Locale.label("donation.donationForm.makeRecurring") }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { size: { xs: 12, md: 6 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, label: helpers_1.Locale.label("person.firstName"), name: "firstName", value: firstName, onChange: handleChange }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { size: { xs: 12, md: 6 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, label: helpers_1.Locale.label("person.lastName"), name: "lastName", value: lastName, onChange: handleChange }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { size: { xs: 12, md: 6 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, label: helpers_1.Locale.label("person.email"), name: "email", value: email, onChange: handleChange }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { size: { xs: 12, md: 6 }, children: (0, jsx_runtime_1.jsx)(react_google_recaptcha_1.default, { sitekey: props.recaptchaSiteKey, ref: captchaRef, onChange: handleCaptchaChange }) })] }), (0, jsx_runtime_1.jsx)("div", { style: { padding: 10, border: "1px solid #CCC", borderRadius: 5, marginTop: 10 }, children: (0, jsx_runtime_1.jsx)(react_stripe_js_1.CardElement, { options: formStyling }) }), donationType === "recurring"
+                    && (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 3, style: { marginTop: 0 }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { size: { xs: 12, md: 6 }, children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: helpers_1.Locale.label("donation.donationForm.frequency") }), (0, jsx_runtime_1.jsxs)(material_1.Select, { label: "Frequency", name: "interval", "aria-label": "interval", value: interval, onChange: (e) => { setInterval(e.target.value); }, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "one_week", children: helpers_1.Locale.label("donation.donationForm.weekly") }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "two_week", children: helpers_1.Locale.label("donation.donationForm.biWeekly") }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "one_month", children: helpers_1.Locale.label("donation.donationForm.monthly") }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "three_month", children: helpers_1.Locale.label("donation.donationForm.quarterly") }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "one_year", children: helpers_1.Locale.label("donation.donationForm.annually") })] })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { size: { xs: 12, md: 6 }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, name: "startDate", type: "date", "aria-label": "startDate", label: helpers_1.Locale.label("donation.donationForm.startDate"), value: helpers_1.DateHelper.formatHtml5Date(new Date(startDate)), onChange: handleChange }) })] }), getFundList(), (0, jsx_runtime_1.jsx)("div", { children: fundsTotal > 0
+                        && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(gateway && gateway.payFees === true)
+                                    ? (0, jsx_runtime_1.jsxs)(material_1.Typography, { fontSize: 14, fontStyle: "italic", children: ["*", helpers_1.Locale.label("donation.donationForm.fees").replace("{}", helpers_1.CurrencyHelper.formatCurrency(transactionFee))] })
+                                    : ((0, jsx_runtime_1.jsx)(material_1.FormGroup, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, {}), name: "transaction-fee", label: helpers_1.Locale.label("donation.donationForm.cover").replace("{}", helpers_1.CurrencyHelper.formatCurrency(transactionFee)), onChange: handleCheckChange }) })), (0, jsx_runtime_1.jsxs)("p", { children: ["Total Donation Amount: $", total] })] }) })] }));
+    }
+};
+exports.NonAuthDonationInner = NonAuthDonationInner;
+//# sourceMappingURL=NonAuthDonationInner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NonAuthDonationInner.js","sourceRoot":"","sources":["../../../src/donationComponents/components/NonAuthDonationInner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,6DAA8E;AAC9E,+CAAgD;AAChD,oFAA+C;AAC/C,iDAA2D;AAC3D,wBAAkC;AAClC,2CAA8F;AAE9F,4CAEuB;AAKhB,MAAM,oBAAoB,GAAoB,CAAC,EAAE,qBAAqB,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9G,MAAM,MAAM,GAAG,IAAA,2BAAS,GAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,IAAA,6BAAW,GAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC9D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IACtE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAA0B,EAAE,CAAC,CAAC;IACtF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAuB,MAAM,CAAC,CAAC;IAC/E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAC;IACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,IAAI,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC;IACtE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAmB,CAAC;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAO,CAAC;IAC9D,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAC;QAC/C,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC9D,OAAO,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QAClB,MAAM,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrC,MAAM,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrC,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QAEpC,mBAAS,CAAC,GAAG,CAAC,kBAAkB,GAAG,KAAK,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAC1E,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,IAAI,MAAM,IAAI,MAAM,KAAK,EAAE,EAAE,CAAC;gBAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;gBACtE,IAAI,YAAY,EAAE,CAAC;oBACjB,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,IAAI,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC9G,CAAC;YACH,CAAC;iBAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBACvB,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YAC/C,CAAC;QACD,CAAC,CAAC,CAAC;QACH,mBAAS,CAAC,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACxE,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,mBAAS,CAAC,GAAG,CAAC,qBAAqB,GAAG,KAAK,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAC7E,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;gBAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QACnD,mBAAS,CAAC,aAAa,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjJ,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAuC,EAAE,OAAgB,EAAE,EAAE;QACtF,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC;QAC1E,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,mCAAmC;IACnC,sDAAsD;IACtD,8BAA8B;IAC9B,IAAI;IAEJ,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,IAAI,QAAQ,EAAE,EAAE,CAAC;YACf,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,mBAAS,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,CAAC;iBAC9F,KAAK,CAAC,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;iBAClE,IAAI,CAAC,KAAK,EAAC,QAAQ,EAAC,EAAE;gBACrB,MAAM,UAAU,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;gBAC5E,MAAM,MAAM,GAAG,MAAM,mBAAS,CAAC,IAAI,CAAC,sBAAsB,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC;gBACzF,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC7B,CAAC,CAAC,CAAC;QACP,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,EAAE,IAAmB,EAAE,MAAuB,EAAE,EAAE;QACtE,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,6BAAW,CAAC,CAAC;QAClD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QACpF,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC;YAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAAC,CAAC;aAAM,CAAC;YACvF,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;YACrI,MAAM,mBAAS,CAAC,IAAI,CAAC,yBAAyB,EAAE,EAAE,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;gBAC7E,IAAI,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;oBACzB,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;oBAChC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC;qBAAM,CAAC;oBACN,MAAM,CAAC,GAA+D,MAAM,CAAC;oBAC7E,YAAY,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;gBACtD,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,EAAE,aAAkC,EAAE,UAAkB,EAAE,MAAwB,EAAE,EAAE;QAC9G,MAAM,QAAQ,GAA4B;YACxC,MAAM,EAAE,KAAK;YACb,EAAE,EAAE,aAAa,CAAC,EAAE;YACpB,UAAU,EAAE,UAAU;YACtB,IAAI,EAAE,aAAa,CAAC,IAAI;YACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE;gBACN,EAAE,EAAE,MAAM,EAAE,EAAE;gBACd,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK;gBACjC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;aAC5B;SACF,CAAC;QAEF,IAAI,YAAY,KAAK,WAAW,EAAE,CAAC;YACjC,QAAQ,CAAC,oBAAoB,GAAG,CAAE,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;YACtD,QAAQ,CAAC,QAAQ,GAAG,wBAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC;QAED,KAAK,MAAM,YAAY,IAAI,aAAa,EAAE,CAAC;YACzC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAmB,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,YAAY,CAAC,MAAM,CAAC,CAAC;YAClF,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,MAAM,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACtG,CAAC;QAED,MAAM,SAAS,GAAG;YAChB,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,SAAS,EAAE,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM;YAClE,IAAI,EAAE,KAAK,EAAE,UAAU;SACxB,CAAC;QAEF,IAAI,OAAO,CAAC;QACZ,IAAI,YAAY,KAAK,MAAM;YAAE,OAAO,GAAG,MAAM,mBAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,GAAG,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,WAAW,CAAC,CAAC;QAChI,IAAI,YAAY,KAAK,WAAW;YAAE,OAAO,GAAG,MAAM,mBAAS,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,GAAG,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,WAAW,CAAC,CAAC;QAExI,IAAI,OAAO,EAAE,MAAM,KAAK,WAAW,IAAI,OAAO,EAAE,MAAM,KAAK,SAAS,IAAI,OAAO,EAAE,MAAM,KAAK,QAAQ,EAAE,CAAC;YACrG,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;QACD,IAAI,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;YAC1B,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;YACnC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QACD,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,SAAS;YAAE,MAAM,CAAC,IAAI,CAAC,gBAAM,CAAC,KAAK,CAAC,0CAA0C,CAAC,CAAC,CAAC;QACtF,IAAI,CAAC,QAAQ;YAAE,MAAM,CAAC,IAAI,CAAC,gBAAM,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAC,CAAC;QACpF,IAAI,CAAC,KAAK;YAAE,MAAM,CAAC,IAAI,CAAC,gBAAM,CAAC,KAAK,CAAC,sCAAsC,CAAC,CAAC,CAAC;QAC9E,IAAI,UAAU,KAAK,CAAC;YAAE,MAAM,CAAC,IAAI,CAAC,gBAAM,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAC,CAAC;QACzF,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,2CAA2C,CAAC;gBAAE,MAAM,CAAC,IAAI,CAAC,gBAAM,CAAC,KAAK,CAAC,2CAA2C,CAAC,CAAC,CAAC,CAAE,qBAAqB;QAC/J,CAAC;QACD,6DAA6D;QAC7D,SAAS,CAAC,MAAM,CAAC,CAAC;QAClB,OAAO,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAgF,EAAE,EAAE;QACxG,MAAM,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;QAClC,QAAQ,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YAC7B,KAAK,WAAW;gBAAE,YAAY,CAAC,GAAG,CAAC,CAAC;gBAAC,MAAM;YAC3C,KAAK,UAAU;gBAAE,WAAW,CAAC,GAAG,CAAC,CAAC;gBAAC,MAAM;YACzC,KAAK,OAAO;gBAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;gBAAC,MAAM;YACnC,KAAK,WAAW;gBAAE,YAAY,CAAC,GAAG,CAAC,CAAC;gBAAC,MAAM;YAC3C,KAAK,UAAU;gBAAE,WAAW,CAAC,GAAG,CAAC,CAAC;gBAAC,MAAM;QAC3C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,KAAK,EAAE,EAA2B,EAAE,EAAE;QACtE,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACrB,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,MAAM,aAAa,GAAQ,EAAE,CAAC;QAC9B,KAAK,MAAM,YAAY,IAAI,EAAE,EAAE,CAAC;YAC9B,WAAW,IAAI,YAAY,CAAC,MAAM,IAAI,CAAC,CAAC;YACxC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAmB,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,YAAY,CAAC,MAAM,CAAC,CAAC;YAClF,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,MAAM,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACrG,CAAC;QACD,aAAa,CAAC,WAAW,CAAC,CAAC;QAC3B,QAAQ,CAAC,WAAW,CAAC,CAAC;QAEtB,MAAM,GAAG,GAAG,MAAM,iBAAiB,CAAC,WAAW,CAAC,CAAC;QACjD,iBAAiB,CAAC,GAAG,CAAC,CAAC;QAEvB,IAAI,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACxC,QAAQ,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,KAAK,EAAE,MAAc,EAAE,EAAE;QACjD,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YACf,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,mBAAS,CAAC,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,WAAW,CAAC,CAAC;gBAC7H,OAAO,QAAQ,CAAC,aAAa,CAAC;YAChC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,KAAK,CAAC,CAAC;gBAC1D,OAAO,CAAC,CAAC;YACX,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,CAAC;QACX,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,KAAK,EAAE,CAAC;YAChB,OAAO,CAAC,6DACF,gCAAM,EACN,yCAAK,gBAAM,CAAC,KAAK,CAAC,6BAA6B,CAAC,GAAM,EACtD,uBAAC,gBAAa,IAAC,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,yBAAyB,GAAI,IAC9H,CAAC,CAAC;QACT,CAAC;IACC,CAAC,CAAC;IAEF,eAAK,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB;IAEhD,yGAAyG;IAEzG,IAAI,gBAAgB;QAAE,OAAO,uBAAC,gBAAK,IAAC,QAAQ,EAAC,SAAS,YAAE,gBAAM,CAAC,KAAK,CAAC,gCAAgC,CAAC,GAAS,CAAC;SAC3G,CAAC;QACR,OAAO,CACH,wBAAC,qBAAQ,IAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAC,QAAQ,EAAC,YAAY,EAAE,UAAU,IAAI,CAAC,eAAe,IAAI,eAAe,KAAK,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,aACzQ,uBAAC,0BAAa,IAAC,MAAM,EAAE,MAAM,GAAI,EACjC,wBAAC,eAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,aACxB,uBAAC,eAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC3B,uBAAC,iBAAM,kBAAY,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,QAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,YAAG,gBAAM,CAAC,KAAK,CAAC,4BAA4B,CAAC,GAAU,GAC/O,EACP,uBAAC,eAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC3B,uBAAC,iBAAM,kBAAY,oBAAoB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,QAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,WAAW,CAAC,YAAG,gBAAM,CAAC,KAAK,CAAC,qCAAqC,CAAC,GAAU,GACrQ,EACP,uBAAC,eAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC3B,uBAAC,oBAAS,IAAC,SAAS,QAAC,KAAK,EAAE,gBAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,GACtH,EACP,uBAAC,eAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC3B,uBAAC,oBAAS,IAAC,SAAS,QAAC,KAAK,EAAE,gBAAM,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAI,GACnH,EACP,uBAAC,eAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC3B,uBAAC,oBAAS,IAAC,SAAS,QAAC,KAAK,EAAE,gBAAM,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,GAAI,GAC1G,EACP,uBAAC,eAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC3B,uBAAC,gCAAS,IAAC,OAAO,EAAE,KAAK,CAAC,gBAAgB,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,mBAAmB,GAAI,GACzF,IACF,EACP,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,YACnF,uBAAC,6BAAW,IAAC,OAAO,EAAE,WAAW,GAAI,GACjC,EACL,YAAY,KAAK,WAAW;uBACxB,wBAAC,eAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,aACpD,uBAAC,eAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC3B,wBAAC,sBAAW,IAAC,SAAS,mBACpB,uBAAC,qBAAU,cAAE,gBAAM,CAAC,KAAK,CAAC,iCAAiC,CAAC,GAAc,EAC1E,wBAAC,iBAAM,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,UAAU,gBAAY,UAAU,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAChI,uBAAC,mBAAQ,IAAC,KAAK,EAAC,UAAU,YAAE,gBAAM,CAAC,KAAK,CAAC,8BAA8B,CAAC,GAAY,EACpF,uBAAC,mBAAQ,IAAC,KAAK,EAAC,UAAU,YAAE,gBAAM,CAAC,KAAK,CAAC,gCAAgC,CAAC,GAAY,EACtF,uBAAC,mBAAQ,IAAC,KAAK,EAAC,WAAW,YAAE,gBAAM,CAAC,KAAK,CAAC,+BAA+B,CAAC,GAAY,EACtF,uBAAC,mBAAQ,IAAC,KAAK,EAAC,aAAa,YAAE,gBAAM,CAAC,KAAK,CAAC,iCAAiC,CAAC,GAAY,EAC1F,uBAAC,mBAAQ,IAAC,KAAK,EAAC,UAAU,YAAE,gBAAM,CAAC,KAAK,CAAC,gCAAgC,CAAC,GAAY,IAC/E,IACG,GACT,EACP,uBAAC,eAAI,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC3B,uBAAC,oBAAS,IAAC,SAAS,QAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,gBAAY,WAAW,EAAC,KAAK,EAAE,gBAAM,CAAC,KAAK,CAAC,iCAAiC,CAAC,EAAE,KAAK,EAAE,oBAAU,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,GAAI,GAC9M,IACF,EAER,WAAW,EAAE,EACd,0CACG,UAAU,GAAG,CAAC;2BACV,6DACA,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC;oCACpC,CAAC,CAAC,wBAAC,qBAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,kBAAG,gBAAM,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,wBAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,IAAc;oCACtK,CAAC,CAAC,CACA,uBAAC,oBAAS,cACR,uBAAC,2BAAgB,IAAC,OAAO,EAAE,uBAAC,mBAAQ,KAAG,EAAE,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAE,gBAAM,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,wBAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,GAAI,GACtM,CACb,EACH,sEAA4B,KAAK,IAAK,IACrC,GAED,IACG,CACZ,CAAC;IACJ,CAAC;AACD,CAAC,CAAC;AA3RW,QAAA,oBAAoB,wBA2R/B"}

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

@@ -3,6 +3,8 @@ export { CardForm } from "./CardForm";
 export { DonationForm } from "./DonationForm";
 export { FundDonation } from "./FundDonation";
 export { FundDonations } from "./FundDonations";
+export { NonAuthDonation } from "./NonAuthDonation";
+export { NonAuthDonationInner } from "./NonAuthDonationInner";
 export { PaymentMethods } from "./PaymentMethods";
 export { RecurringDonations } from "./RecurringDonations";
 export { RecurringDonationsEdit } from "./RecurringDonationsEdit";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/donationComponents/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/donationComponents/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/donationComponents/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RecurringDonationsEdit = exports.RecurringDonations = exports.PaymentMethods = exports.FundDonations = exports.FundDonation = exports.DonationForm = exports.CardForm = exports.BankForm = void 0;
+exports.RecurringDonationsEdit = exports.RecurringDonations = exports.PaymentMethods = exports.NonAuthDonationInner = exports.NonAuthDonation = exports.FundDonations = exports.FundDonation = exports.DonationForm = exports.CardForm = exports.BankForm = void 0;
 var BankForm_1 = require("./BankForm");
 Object.defineProperty(exports, "BankForm", { enumerable: true, get: function () { return BankForm_1.BankForm; } });
 var CardForm_1 = require("./CardForm");
@@ -11,6 +11,10 @@ var FundDonation_1 = require("./FundDonation");
 Object.defineProperty(exports, "FundDonation", { enumerable: true, get: function () { return FundDonation_1.FundDonation; } });
 var FundDonations_1 = require("./FundDonations");
 Object.defineProperty(exports, "FundDonations", { enumerable: true, get: function () { return FundDonations_1.FundDonations; } });
+var NonAuthDonation_1 = require("./NonAuthDonation");
+Object.defineProperty(exports, "NonAuthDonation", { enumerable: true, get: function () { return NonAuthDonation_1.NonAuthDonation; } });
+var NonAuthDonationInner_1 = require("./NonAuthDonationInner");
+Object.defineProperty(exports, "NonAuthDonationInner", { enumerable: true, get: function () { return NonAuthDonationInner_1.NonAuthDonationInner; } });
 var PaymentMethods_1 = require("./PaymentMethods");
 Object.defineProperty(exports, "PaymentMethods", { enumerable: true, get: function () { return PaymentMethods_1.PaymentMethods; } });
 var RecurringDonations_1 = require("./RecurringDonations");

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/donationComponents/components/index.tsx"],"names":[],"mappings":";;;AAAA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/donationComponents/components/index.tsx"],"names":[],"mappings":";;;AAAA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAC7B,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churchapps/apphelper",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "description": "Library of helper functions for React and NextJS ChurchApps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/donationComponents/components/NonAuthDonation.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import React from "react";
+import { Elements } from "@stripe/react-stripe-js";
+import { loadStripe } from "@stripe/stripe-js";
+import type { Stripe } from "@stripe/stripe-js";
+import { ApiHelper } from "../../helpers";
+import { NonAuthDonationInner } from "./NonAuthDonationInner";
+import type { PaperProps } from "@mui/material/Paper";
+
+interface Props { churchId: string, mainContainerCssProps?: PaperProps, showHeader?: boolean, recaptchaSiteKey: string, churchLogo?: string }
+
+export const NonAuthDonation: React.FC<Props> = ({ mainContainerCssProps, showHeader, ...props }) => {
+  const [stripePromise, setStripe] = React.useState<Promise<Stripe>>(null);
+
+  const init = () => {
+    ApiHelper.get("/gateways/churchId/" + props.churchId, "GivingApi").then(data => {
+      if (data.length && data[0]?.publicKey) {
+        setStripe(loadStripe(data[0].publicKey));
+      }
+    });
+  };
+
+  React.useEffect(init, []); //eslint-disable-line
+
+  return (
+    <>
+      <Elements stripe={stripePromise}>
+        <NonAuthDonationInner churchId={props.churchId} mainContainerCssProps={mainContainerCssProps} showHeader={showHeader} recaptchaSiteKey={props.recaptchaSiteKey} churchLogo={props?.churchLogo} />
+      </Elements>
+    </>
+  );
+};
+

package/src/donationComponents/components/NonAuthDonationInner.tsx

@@ -0,0 +1,300 @@
+"use client";
+
+import { CardElement, useElements, useStripe } from "@stripe/react-stripe-js";
+import React, { useState, useRef } from "react";
+import ReCAPTCHA from "react-google-recaptcha";
+import { ErrorMessages, InputBox } from "../../components";
+import { FundDonations } from ".";
+import { ApiHelper, DateHelper, CurrencyHelper, Locale, DonationHelper } from "../../helpers";
+import { FundDonationInterface, FundInterface, PersonInterface, StripeDonationInterface, StripePaymentMethod, UserInterface, ChurchInterface } from "@churchapps/helpers";
+import {
+ Grid, Alert, TextField, Button, FormControl, InputLabel, Select, MenuItem, FormGroup, FormControlLabel, Checkbox, Typography 
+} from "@mui/material";
+import type { PaperProps } from "@mui/material/Paper";
+
+interface Props { churchId: string, mainContainerCssProps?: PaperProps, showHeader?: boolean, recaptchaSiteKey: string, churchLogo?: string }
+
+export const NonAuthDonationInner: React.FC<Props> = ({ mainContainerCssProps, showHeader = true, ...props }) => {
+  const stripe = useStripe();
+  const elements = useElements();
+  const formStyling = { style: { base: { fontSize: "18px" } } };
+  const [firstName, setFirstName] = React.useState("");
+  const [lastName, setLastName] = React.useState("");
+  const [email, setEmail] = React.useState("");
+  const [fundsTotal, setFundsTotal] = React.useState<number>(0);
+  const [transactionFee, setTransactionFee] = React.useState<number>(0);
+  const [total, setTotal] = React.useState<number>(0);
+  const [errors, setErrors] = React.useState([]);
+  const [fundDonations, setFundDonations] = React.useState<FundDonationInterface[]>([]);
+  const [funds, setFunds] = React.useState<FundInterface[]>([]);
+  const [donationComplete, setDonationComplete] = React.useState(false);
+  const [processing, setProcessing] = React.useState(false);
+  const [donationType, setDonationType] = useState<"once" | "recurring">("once");
+  const [interval, setInterval] = useState("one_month");
+  const [startDate, setStartDate] = useState(new Date().toDateString());
+  const [captchaResponse, setCaptchaResponse] = useState("");
+  const [church, setChurch] = useState<ChurchInterface>();
+  const [gateway, setGateway] = React.useState(null);
+  const [searchParams, setSearchParams] = React.useState<any>();
+  const captchaRef = useRef(null);
+  
+  const getUrlParam = (param: string) => {
+      if (typeof window === "undefined") return null;
+      const urlParams = new URLSearchParams(window.location.search);
+      return urlParams.get(param);
+    };
+    
+    const init = () => {
+    const fundId = getUrlParam("fundId");
+    const amount = getUrlParam("amount");
+    setSearchParams({ fundId, amount });
+
+    ApiHelper.get("/funds/churchId/" + props.churchId, "GivingApi").then(data => {
+      setFunds(data);
+      if (fundId && fundId !== "") {
+        const selectedFund = data.find((f: FundInterface) => f.id === fundId);
+        if (selectedFund) {
+          setFundDonations([{ fundId: selectedFund.id, amount: (amount && amount !== "") ? parseFloat(amount) : 0 }]);
+        }
+      } else if (data.length) {
+        setFundDonations([{ fundId: data[0].id }]);
+    }
+    });
+    ApiHelper.get("/churches/" + props.churchId, "MembershipApi").then(data => {
+      setChurch(data);
+    });
+    ApiHelper.get("/gateways/churchId/" + props.churchId, "GivingApi").then(data => {
+      if (data.length !== 0) setGateway(data[0]);
+    });
+  };
+
+  const handleCaptchaChange = (value: string) => {
+    const captchaToken = captchaRef.current.getValue();
+    ApiHelper.postAnonymous("/donate/captcha-verify", { token: captchaToken }, "GivingApi").then((data) => { setCaptchaResponse(data.response); });
+  };
+
+  const handleCheckChange = (e: React.SyntheticEvent<Element, Event>, checked: boolean) => {
+    const totalPayAmount = checked ? fundsTotal + transactionFee : fundsTotal;
+    setTotal(totalPayAmount);
+  };
+
+  // const handleAutoPayFee = () => {
+  //   let totalPayAmount = fundsTotal + transactionFee;
+  //   setTotal(totalPayAmount);
+  // }
+
+  const handleSave = async () => {
+    if (validate()) {
+      setProcessing(true);
+      ApiHelper.post("/users/loadOrCreate", { userEmail: email, firstName, lastName }, "MembershipApi")
+        .catch(ex => { setErrors([ex.toString()]); setProcessing(false); })
+        .then(async userData => {
+          const personData = { churchId: props.churchId, firstName, lastName, email };
+          const person = await ApiHelper.post("/people/loadOrCreate", personData, "MembershipApi");
+          saveCard(userData, person);
+        });
+    }
+  };
+
+  const saveCard = async (user: UserInterface, person: PersonInterface) => {
+    const cardData = elements.getElement(CardElement);
+    const stripePM = await stripe.createPaymentMethod({ type: "card", card: cardData });
+    if (stripePM.error) { setErrors([stripePM.error.message]); setProcessing(false); } else {
+      const pm = { id: stripePM.paymentMethod.id, personId: person.id, email: email, name: person.name.display, churchId: props.churchId };
+      await ApiHelper.post("/paymentmethods/addcard", pm, "GivingApi").then(result => {
+        if (result?.raw?.message) {
+          setErrors([result.raw.message]);
+          setProcessing(false);
+        } else {
+          const d: { paymentMethod: StripePaymentMethod, customerId: string } = result;
+          saveDonation(d.paymentMethod, d.customerId, person);
+        }
+      });
+    }
+  };
+
+  const saveDonation = async (paymentMethod: StripePaymentMethod, customerId: string, person?: PersonInterface) => {
+    const donation: StripeDonationInterface = {
+      amount: total,
+      id: paymentMethod.id,
+      customerId: customerId,
+      type: paymentMethod.type,
+      churchId: props.churchId,
+      funds: [],
+      person: {
+        id: person?.id,
+        email: person?.contactInfo?.email,
+        name: person?.name?.display
+      }
+    };
+
+    if (donationType === "recurring") {
+      donation.billing_cycle_anchor = + new Date(startDate);
+      donation.interval = DonationHelper.getInterval(interval);
+    }
+
+    for (const fundDonation of fundDonations) {
+      const fund = funds.find((fund: FundInterface) => fund.id === fundDonation.fundId);
+      donation.funds.push({ id: fundDonation.fundId, amount: fundDonation.amount || 0, name: fund.name });
+    }
+
+    const churchObj = {
+      name: church.name,
+      subDomain: church.subDomain,
+      churchURL: typeof window !== "undefined" && window.location.origin,
+      logo: props?.churchLogo
+    };
+
+    let results;
+    if (donationType === "once") results = await ApiHelper.post("/donate/charge/", { ...donation, church: churchObj }, "GivingApi");
+    if (donationType === "recurring") results = await ApiHelper.post("/donate/subscribe/", { ...donation, church: churchObj }, "GivingApi");
+
+    if (results?.status === "succeeded" || results?.status === "pending" || results?.status === "active") {
+      setDonationComplete(true);
+    }
+    if (results?.raw?.message) {
+      setErrors([results?.raw?.message]);
+      setProcessing(false);
+    }
+    setProcessing(false);
+  };
+
+  const validate = () => {
+    const result = [];
+    if (!firstName) result.push(Locale.label("donation.donationForm.validate.firstName"));
+    if (!lastName) result.push(Locale.label("donation.donationForm.validate.lastName"));
+    if (!email) result.push(Locale.label("donation.donationForm.validate.email"));
+    if (fundsTotal === 0) result.push(Locale.label("donation.donationForm.validate.amount"));
+    if (result.length === 0) {
+      if (!email.match(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w+)+$/)) result.push(Locale.label("donation.donationForm.validate.validEmail"));  //eslint-disable-line
+    }
+    //Todo - make sure the account doesn't exist. (loadOrCreate?)
+    setErrors(result);
+    return result.length === 0;
+  };
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
+    const val = e.currentTarget.value;
+    switch (e.currentTarget.name) {
+      case "firstName": setFirstName(val); break;
+      case "lastName": setLastName(val); break;
+      case "email": setEmail(val); break;
+      case "startDate": setStartDate(val); break;
+      case "interval": setInterval(val); break;
+    }
+  };
+
+  const handleFundDonationsChange = async (fd: FundDonationInterface[]) => {
+    setFundDonations(fd);
+    let totalAmount = 0;
+    const selectedFunds: any = [];
+    for (const fundDonation of fd) {
+      totalAmount += fundDonation.amount || 0;
+      const fund = funds.find((fund: FundInterface) => fund.id === fundDonation.fundId);
+      selectedFunds.push({ id: fundDonation.fundId, amount: fundDonation.amount || 0, name: fund.name });
+    }
+    setFundsTotal(totalAmount);
+    setTotal(totalAmount);
+
+    const fee = await getTransactionFee(totalAmount);
+    setTransactionFee(fee);
+
+    if (gateway && gateway.payFees === true) {
+      setTotal(totalAmount + fee);
+    }
+  };
+
+  const getTransactionFee = async (amount: number) => {
+    if (amount > 0) {
+      try {
+        const response = await ApiHelper.post("/donate/fee?churchId=" + props.churchId, { type: "creditCard", amount }, "GivingApi");
+        return response.calculatedFee;
+      } catch (error) {
+        console.log("Error calculating transaction fee: ", error);
+        return 0;
+      }
+    } else {
+      return 0;
+    }
+  };
+
+  const getFundList = () => {
+    if (funds) {
+return (<>
+      <hr />
+      <h4>{Locale.label("donation.donationForm.funds")}</h4>
+      <FundDonations fundDonations={fundDonations} funds={funds} params={searchParams} updatedFunction={handleFundDonationsChange} />
+    </>);
+}
+  };
+
+  React.useEffect(init, []); //eslint-disable-line
+
+  // React.useEffect(() => { gateway && gateway.payFees === true && handleAutoPayFee() }, [fundDonations]);
+
+  if (donationComplete) return <Alert severity="success">{Locale.label("donation.donationForm.thankYou")}</Alert>;
+  else {
+return (
+    <InputBox headerIcon={showHeader ? "volunteer_activism" : ""} headerText={showHeader ? "Donate" : ""} saveFunction={handleSave} saveText="Donate" isSubmitting={processing || !captchaResponse || captchaResponse === "robot"} mainContainerCssProps={mainContainerCssProps}>
+      <ErrorMessages errors={errors} />
+      <Grid container spacing={3}>
+        <Grid size={{ xs: 12, md: 6 }}>
+          <Button aria-label="single-donation" size="small" fullWidth style={{ minHeight: "50px" }} variant={donationType === "once" ? "contained" : "outlined"} onClick={() => setDonationType("once")}>{Locale.label("donation.donationForm.make")}</Button>
+        </Grid>
+        <Grid size={{ xs: 12, md: 6 }}>
+          <Button aria-label="recurring-donation" size="small" fullWidth style={{ minHeight: "50px" }} variant={donationType === "recurring" ? "contained" : "outlined"} onClick={() => setDonationType("recurring")}>{Locale.label("donation.donationForm.makeRecurring")}</Button>
+        </Grid>
+        <Grid size={{ xs: 12, md: 6 }}>
+          <TextField fullWidth label={Locale.label("person.firstName")} name="firstName" value={firstName} onChange={handleChange} />
+        </Grid>
+        <Grid size={{ xs: 12, md: 6 }}>
+          <TextField fullWidth label={Locale.label("person.lastName")} name="lastName" value={lastName} onChange={handleChange} />
+        </Grid>
+        <Grid size={{ xs: 12, md: 6 }}>
+          <TextField fullWidth label={Locale.label("person.email")} name="email" value={email} onChange={handleChange} />
+        </Grid>
+        <Grid size={{ xs: 12, md: 6 }}>
+          <ReCAPTCHA sitekey={props.recaptchaSiteKey} ref={captchaRef} onChange={handleCaptchaChange} />
+        </Grid>
+      </Grid>
+      <div style={{ padding: 10, border: "1px solid #CCC", borderRadius: 5, marginTop: 10 }}>
+        <CardElement options={formStyling} />
+      </div>
+      {donationType === "recurring"
+        && <Grid container spacing={3} style={{ marginTop: 0 }}>
+          <Grid size={{ xs: 12, md: 6 }}>
+            <FormControl fullWidth>
+              <InputLabel>{Locale.label("donation.donationForm.frequency")}</InputLabel>
+              <Select label="Frequency" name="interval" aria-label="interval" value={interval} onChange={(e) => { setInterval(e.target.value); }}>
+                <MenuItem value="one_week">{Locale.label("donation.donationForm.weekly")}</MenuItem>
+                <MenuItem value="two_week">{Locale.label("donation.donationForm.biWeekly")}</MenuItem>
+                <MenuItem value="one_month">{Locale.label("donation.donationForm.monthly")}</MenuItem>
+                <MenuItem value="three_month">{Locale.label("donation.donationForm.quarterly")}</MenuItem>
+                <MenuItem value="one_year">{Locale.label("donation.donationForm.annually")}</MenuItem>
+              </Select>
+            </FormControl>
+          </Grid>
+          <Grid size={{ xs: 12, md: 6 }}>
+            <TextField fullWidth name="startDate" type="date" aria-label="startDate" label={Locale.label("donation.donationForm.startDate")} value={DateHelper.formatHtml5Date(new Date(startDate))} onChange={handleChange} />
+          </Grid>
+        </Grid>
+      }
+      {getFundList()}
+      <div>
+        {fundsTotal > 0
+          && <>
+            {(gateway && gateway.payFees === true)
+              ? <Typography fontSize={14} fontStyle="italic">*{Locale.label("donation.donationForm.fees").replace("{}", CurrencyHelper.formatCurrency(transactionFee))}</Typography>
+              : (
+                <FormGroup>
+                  <FormControlLabel control={<Checkbox />} name="transaction-fee" label={Locale.label("donation.donationForm.cover").replace("{}", CurrencyHelper.formatCurrency(transactionFee))} onChange={handleCheckChange} />
+                </FormGroup>
+              )}
+            <p>Total Donation Amount: ${total}</p>
+          </>
+        }
+      </div>
+    </InputBox>
+  );
+}
+};

package/src/donationComponents/components/index.tsx

@@ -3,6 +3,8 @@ export { CardForm } from "./CardForm";
 export { DonationForm } from "./DonationForm";
 export { FundDonation } from "./FundDonation";
 export { FundDonations } from "./FundDonations";
+export { NonAuthDonation } from "./NonAuthDonation";
+export { NonAuthDonationInner } from "./NonAuthDonationInner";
 export { PaymentMethods } from "./PaymentMethods";
 export { RecurringDonations } from "./RecurringDonations";
 export { RecurringDonationsEdit } from "./RecurringDonationsEdit";