Add support for metadata.prefixWithThe (#371)

* add_support_prefix_with_the

* requested_changes

packages/donate-button-v4/src/components/widget/components/Faq/helpers.tsx

@@ -3,6 +3,12 @@ import {faqLinkCss} from 'src/components/widget/components/Faq/styles';
 import {Nonprofit} from 'src/components/widget/types/Nonprofit';
 import {PaymentMethod} from 'src/components/widget/types/PaymentMethod';
 
+export function getNonprofitName(nonprofit: Nonprofit) {
+	return nonprofit.metadata?.prefixWithThe
+		? `the ${nonprofit.name}`
+		: nonprofit.name;
+}
+
 export function getDisbursementDescription(nonprofit: Nonprofit) {
 	if (nonprofit.directDisbursement) {
 		return (

packages/donate-button-v4/src/components/widget/components/Faq/index.tsx

@@ -1,7 +1,10 @@
 import {FunctionalComponent, VNode} from 'preact';
 import {useState} from 'preact/hooks';
 import {Fragment} from 'preact/jsx-runtime';
-import {getFeeDescription} from 'src/components/widget/components/Faq/helpers';
+import {
+	getFeeDescription,
+	getNonprofitName
+} from 'src/components/widget/components/Faq/helpers';
 import {
 	faqItemConateinerCss,
 	faqItemButtonCss,
@@ -69,12 +72,12 @@ export const Faq = () => {
 					<p>
 						Your donation is made to Every.org, a US 501(c)(3) public charity.
 						Every.org will immediately send you a receipt by email. On a weekly
-						basis, Every.org sends funds to {nonprofit.name}.
+						basis, Every.org sends funds to {getNonprofitName(nonprofit)}.
 					</p>
 					<p>
 						This process ensures your eligibility for a tax-deduction, enables
 						you to consolidate your gift records, and reduces the burden on{' '}
-						{nonprofit.name}.
+						{getNonprofitName(nonprofit)}.
 					</p>
 				</Fragment>
 			)

packages/donate-button-v4/src/components/widget/components/Footer/helpers.tsx

@@ -1,3 +1,4 @@
+import {getNonprofitName} from 'src/components/widget/components/Faq/helpers';
 import {Fundraiser} from 'src/components/widget/types/Fundraiser';
 import {Nonprofit} from 'src/components/widget/types/Nonprofit';
 
@@ -11,8 +12,12 @@ export const getTaxDeductibleStatement = (
 ) => {
 	const base = `100% of your donation is tax-deductible to the extent allowed by US law. 
       Your donation is made to Every.org, a tax-exempt US 501(c)(3) charity that
-      grants unrestricted funds to ${nonprofit.name} on your behalf. 
-      As a legal matter, Every.org must provide any donations to ${nonprofit.name} on an
+      grants unrestricted funds to ${getNonprofitName(
+				nonprofit
+			)} on your behalf. 
+      As a legal matter, Every.org must provide any donations to ${getNonprofitName(
+				nonprofit
+			)} on an
       unrestricted basis, regardless of any designations or restrictions made by
       you.`;
 

packages/donate-button-v4/src/components/widget/types/Nonprofit.ts

@@ -18,6 +18,7 @@ export interface Nonprofit {
 	nteeCode: string | null;
 	metadata?: {
 		disablePrivateNotes?: boolean;
+		prefixWithThe?: boolean;
 	};
 }