From 9dd3dd729f8d6f88bacd956ad9d6d5d73516a9ca Mon Sep 17 00:00:00 2001
From: Fishbakh-N <nikita.fishbakh.work@gmail.com>
Date: Mon, 6 Apr 2026 09:18:37 +0300
Subject: [PATCH] feat: add yearly donation frequency option

---
 .../PaymentProcess/Frequency/index.tsx        | 21 ++++++++++++++++++-
 .../widget/types/DonationFrequency.ts         |  1 +
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/packages/donate-button-v4/src/components/widget/components/PaymentProcess/Frequency/index.tsx b/packages/donate-button-v4/src/components/widget/components/PaymentProcess/Frequency/index.tsx
index 1a489747..b0d5ab98 100644
--- a/packages/donate-button-v4/src/components/widget/components/PaymentProcess/Frequency/index.tsx
+++ b/packages/donate-button-v4/src/components/widget/components/PaymentProcess/Frequency/index.tsx
@@ -67,6 +67,25 @@ export const Frequency = () => {
 		<fieldset className={fieldSetCss}>
 			<legend className={legendCss}>Frequency</legend>
 			<div className={inputContainerCss(primaryColor)}>
+				<div className={inputItemCss(primaryColor)}>
+					<input
+						type="radio"
+						name="frequency"
+						id="yearly"
+						checked={frequency === DonationFrequency.Yearly}
+						value={DonationFrequency.Yearly}
+					/>
+					<label
+						className={inputLabelCss(primaryColor)}
+						id="frequency-yearly"
+						htmlFor="yearly"
+						onClick={() => {
+							setFrequency(DonationFrequency.Yearly);
+						}}
+					>
+						Yearly
+					</label>
+				</div>
 				<div className={inputItemCss(primaryColor)}>
 					<input
 						type="radio"
@@ -83,7 +102,7 @@ export const Frequency = () => {
 							setFrequency(DonationFrequency.Monthly);
 						}}
 					>
-						Give Monthly
+						Monthly
 					</label>
 				</div>
 				<div className={inputItemCss(primaryColor)}>
diff --git a/packages/donate-button-v4/src/components/widget/types/DonationFrequency.ts b/packages/donate-button-v4/src/components/widget/types/DonationFrequency.ts
index d0665a06..02b0ed1c 100644
--- a/packages/donate-button-v4/src/components/widget/types/DonationFrequency.ts
+++ b/packages/donate-button-v4/src/components/widget/types/DonationFrequency.ts
@@ -1,5 +1,6 @@
 export enum DonationFrequency {
 	Monthly = 'monthly',
 	OneTime = 'once',
+	Yearly = 'yearly',
 	Unselected = ''
 }