@churchapps/apphelper-donations
Version:
Donation components for ChurchApps AppHelper
20 lines • 1.14 kB
JavaScript
"use client";
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import { useState, useEffect } from "react";
import { Elements } from "@stripe/react-stripe-js";
import { loadStripe } from "@stripe/stripe-js";
import { ApiHelper } from "@churchapps/helpers";
import { NonAuthDonationInner } from "./NonAuthDonationInner";
export const NonAuthDonation = ({ mainContainerCssProps, showHeader, ...props }) => {
const [stripePromise, setStripe] = useState(null);
const init = () => {
ApiHelper.get("/gateways/churchId/" + props.churchId, "GivingApi").then((data) => {
if (data.length && data[0]?.publicKey) {
setStripe(loadStripe(data[0].publicKey));
}
});
};
useEffect(init, []); //eslint-disable-line
return (_jsx(_Fragment, { children: _jsx(Elements, { stripe: stripePromise, children: _jsx(NonAuthDonationInner, { churchId: props.churchId, mainContainerCssProps: mainContainerCssProps, showHeader: showHeader, recaptchaSiteKey: props.recaptchaSiteKey, churchLogo: props?.churchLogo }) }) }));
};
//# sourceMappingURL=NonAuthDonation.js.map