@pelcro/react-pelcro-js 3.22.0 → 3.23.0-beta.2

package/dist/index.cjs.js

@@ -3253,7 +3253,7 @@ var validation$3 = {
 	enterLastName: "Last name is required.",
 	enterPhone: "Phone number is required."
 };
-var buttons$j = {
+var buttons$n = {
 	account: "My account",
 	login: "Login",
 	subscribe: "Subscribe"
@@ -3331,7 +3331,7 @@ var confirm$b = {
 };
 var common_en = {
 	validation: validation$3,
-	buttons: buttons$j,
+	buttons: buttons$n,
 	dashboard: dashboard$4,
 	select: select$7,
 	confirm: confirm$b
@@ -3362,7 +3362,7 @@ var paymentMethod_en = {
 var title$z = "Enter your email to subscribe to our newsletter";
 var updateTitle$3 = "Update newsletter selections";
 var subtitle$f = "We may use your email for other marketing communication";
-var labels$12 = {
+var labels$16 = {
 	submit: "Submit",
 	firstName: "First name",
 	lastName: "Last name",
@@ -3370,7 +3370,7 @@ var labels$12 = {
 	postalCode: "Postal code",
 	required: "required"
 };
-var messages$17 = {
+var messages$1b = {
 	alreadyHaveAccount: "Already have an account?",
 	success: "Newsletters were successfully updated",
 	loginHere: "Login here.",
@@ -3381,14 +3381,14 @@ var newsletter_en = {
 	title: title$z,
 	updateTitle: updateTitle$3,
 	subtitle: subtitle$f,
-	labels: labels$12,
-	messages: messages$17
+	labels: labels$16,
+	messages: messages$1b
 };
 
-var labels$11 = {
+var labels$15 = {
 	"continue": "Continue to content"
 };
-var messages$16 = {
+var messages$1a = {
 	yourFreeTrial: "Subscription successful!",
 	youHaveAccess: "Hope you enjoy the subscription. Please contact us if you have any questions or concerns.",
 	clickToLearn: {
@@ -3414,12 +3414,12 @@ var errors$j = {
 	"": ""
 };
 var success_en = {
-	labels: labels$11,
-	messages: messages$16,
+	labels: labels$15,
+	messages: messages$1a,
 	errors: errors$j
 };
 
-var messages$15 = {
+var messages$19 = {
 	freeVisits: "Free visits left:",
 	subscribeNow: "Subscribe",
 	alreadyHaveAccount: "Already have an account?",
@@ -3429,16 +3429,16 @@ var errors$i = {
 	"": ""
 };
 var meter_en = {
-	messages: messages$15,
+	messages: messages$19,
 	errors: errors$i
 };
 
-var messages$14 = {
+var messages$18 = {
 	youAreSafe: "You're safe - PCI compliant 128 SSL by",
 	bankRedirection: "Please hold, redirecting you to your bank.",
 	bankAuthenticationSuccess: "Please wait while we process your request."
 };
-var labels$10 = {
+var labels$14 = {
 	card: "Enter card number",
 	date: "Expiration date",
 	CVC: "CVC",
@@ -3458,11 +3458,13 @@ var labels$10 = {
 	firstName: "First name",
 	lastName: "Last name",
 	phone: "Phone",
-	freeItems: "Free Items"
+	freeItems: "Free Items",
+	email: "Email",
+	password: "Password"
 };
 var checkoutForm_en = {
-	messages: messages$14,
-	labels: labels$10
+	messages: messages$18,
+	labels: labels$14
 };
 
 var youAreSafe$3 = "You're safe - PCI compliant 128 SSL by";
@@ -3486,7 +3488,7 @@ var messages_en = {
 	zeroTotalInvoice: zeroTotalInvoice$3
 };
 
-var labels$$ = {
+var labels$13 = {
 	email: "Enter email",
 	username: "Enter username",
 	password: "Enter password",
@@ -3495,7 +3497,7 @@ var labels$$ = {
 	passwordPlaceholder: "Password",
 	login: "Login"
 };
-var messages$13 = {
+var messages$17 = {
 	loginTo: "Login to your account",
 	welcome: "Welcome back, sign in with your existing account.",
 	dontHaveAccount: "Don't have an account yet?",
@@ -3514,28 +3516,28 @@ var errors$h = {
 	"": ""
 };
 var login_en = {
-	labels: labels$$,
-	messages: messages$13,
+	labels: labels$13,
+	messages: messages$17,
 	errors: errors$h
 };
 
-var labels$_ = {
+var labels$12 = {
 	title: "Verifying Passwordless Link",
 	instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
 	resend: "Resend email"
 };
-var messages$12 = {
+var messages$16 = {
 	resent: "Resent successfully",
 	success: "You have logged in successfully"
 };
 var verifyLinkToken_en = {
-	labels: labels$_,
-	messages: messages$12
+	labels: labels$12,
+	messages: messages$16
 };
 
 var title$y = "Create an account";
 var subtitle$e = "Enter your email and password below";
-var labels$Z = {
+var labels$11 = {
 	signUpFacebook: "Sign up with Facebook",
 	signUpGoogle: "Sign up with Google",
 	signUpEmail: "Sign up with Email",
@@ -3548,7 +3550,7 @@ var labels$Z = {
 	lastName: "Last name",
 	phone: "Phone"
 };
-var messages$11 = {
+var messages$15 = {
 	alreadyHaveAccount: "Already have an account?",
 	createAccount: "Create account",
 	loginHere: "login here. ",
@@ -3594,7 +3596,8 @@ var gift$3 = {
 		enterEmail: "Please enter the gift recipient's email.",
 		invalidDate: "The gift date needs to be between today and a year from now.",
 		giftDateInfo: "The recipient will receive a gift email notification with your message on the date you select in order to redeem the gift.",
-		giftMessageInfo: "Leave a message to the recipient and don't forget to sign your name."
+		giftMessageInfo: "Leave a message to the recipient and don't forget to sign your name.",
+		giftMessageAllowedCharacters: "Special characters and emojis are not allowed."
 	}
 };
 var redeem$3 = {
@@ -3622,14 +3625,14 @@ var redeem$3 = {
 var register_en = {
 	title: title$y,
 	subtitle: subtitle$e,
-	labels: labels$Z,
-	messages: messages$11,
+	labels: labels$11,
+	messages: messages$15,
 	errors: errors$g,
 	gift: gift$3,
 	redeem: redeem$3
 };
 
-var labels$Y = {
+var labels$10 = {
 	title: "Want to update your profile?",
 	subtitle: "Enter your information below to update your profile",
 	email: "Email",
@@ -3648,21 +3651,21 @@ var labels$Y = {
 	zoom: "Zoom",
 	tin: "Tax Identification Number"
 };
-var messages$10 = {
+var messages$14 = {
 	userUpdated: "Thanks! Your profile was updated successfully.",
 	pictureRemoved: "Your profile picture was removed successfully.",
 	pictureUpdated: "Your profile picture was updated successfully."
 };
 var userEdit_en = {
-	labels: labels$Y,
-	messages: messages$10
+	labels: labels$10,
+	messages: messages$14
 };
 
 var title$x = "Enter your shipping address";
 var titleGifting$3 = "Enter your address";
 var selectAddressTitle$3 = "Please select an address";
 var selectAddressSubtitle$3 = "Select one of your saved addresses, or add a new one";
-var labels$X = {
+var labels$$ = {
 	address: "Address",
 	code: "Postal Code/Zip",
 	city: "City",
@@ -3673,12 +3676,12 @@ var labels$X = {
 	required: "required",
 	isDefault: "Set as default"
 };
-var buttons$i = {
+var buttons$m = {
 	submit: "Submit",
 	selectAddress: "Select address",
 	addAddress: "Add new address"
 };
-var messages$$ = {
+var messages$13 = {
 	addressUpdated: "The address was successfully updated!",
 	subRedeemed: "Your subscription has been redeemed."
 };
@@ -3687,9 +3690,9 @@ var address_en = {
 	titleGifting: titleGifting$3,
 	selectAddressTitle: selectAddressTitle$3,
 	selectAddressSubtitle: selectAddressSubtitle$3,
-	labels: labels$X,
-	buttons: buttons$i,
-	messages: messages$$
+	labels: labels$$,
+	buttons: buttons$m,
+	messages: messages$13
 };
 
 var title$w = "Reset your password";
@@ -3717,7 +3720,7 @@ var password$6 = "Password";
 var submit$e = "Submit";
 var required$e = "Required";
 var passwordResetEmailSent$3 = "Password reset instructions have been sent to your email";
-var messages$_ = {
+var messages$12 = {
 	alreadyHaveAccount: "Already have an account?",
 	loginHere: "login here."
 };
@@ -3728,7 +3731,7 @@ var passwordForgot_en = {
 	submit: submit$e,
 	required: required$e,
 	passwordResetEmailSent: passwordResetEmailSent$3,
-	messages: messages$_
+	messages: messages$12
 };
 
 var title$u = "Change your password";
@@ -3756,7 +3759,7 @@ var title$t = "Passwordless Login";
 var email$9 = "Enter email";
 var submit$c = "Submit";
 var required$c = "Required";
-var messages$Z = {
+var messages$11 = {
 	PasswordlessLoginSuccess: "Please check your email and follow the instructions there"
 };
 var passwordlessRequest_en = {
@@ -3764,7 +3767,7 @@ var passwordlessRequest_en = {
 	email: email$9,
 	submit: submit$c,
 	required: required$c,
-	messages: messages$Z
+	messages: messages$11
 };
 
 var title$s = "Your shopping cart";
@@ -3792,13 +3795,13 @@ var cart_en = {
 	removeAll: removeAll$3
 };
 
-var buttons$h = {
+var buttons$l = {
 	select: "Select",
 	added: "Added to cart",
 	purchase: "Purchase",
 	"continue": "Continue"
 };
-var messages$Y = {
+var messages$10 = {
 	orderConfirmed: {
 		title: "Order confirmed!",
 		body: "Your order has been confirmed and will be shipped within the next few days. You'll shortly receive an email confirmation of this order."
@@ -3807,17 +3810,17 @@ var messages$Y = {
 	multipleCurrencies: "Your cart currently contains items which are available in different currencies. In order to proceed with the checkout, please make sure that all items have the same currency.",
 	currencyMismatch: "The selected item(s) do not match your current default currency ({{currency}}). Please choose item(s) only matching this currency."
 };
-var labels$W = {
+var labels$_ = {
 	summary: "Order summary",
 	total: "total"
 };
 var shop_en = {
-	buttons: buttons$h,
-	messages: messages$Y,
-	labels: labels$W
+	buttons: buttons$l,
+	messages: messages$10,
+	labels: labels$_
 };
 
-var labels$V = {
+var labels$Z = {
 	cardNumber: "Card number",
 	securityCode: "Security Code",
 	submit: "Submit",
@@ -3839,7 +3842,7 @@ var labels$V = {
 		title: "Payment Information"
 	}
 };
-var messages$X = {
+var messages$$ = {
 	youAreSafe: "You're safe - PCI compliant 128 SSL by",
 	cancel: "Cancel your subscription online at anytime.",
 	giftSent: "Subscription gift has been sent to",
@@ -3853,12 +3856,12 @@ var errors$f = {
 	"": ""
 };
 var payment_en = {
-	labels: labels$V,
-	messages: messages$X,
+	labels: labels$Z,
+	messages: messages$$,
 	errors: errors$f
 };
 
-var labels$U = {
+var labels$Y = {
 	menu: "Pelcro Menu",
 	name: "Name",
 	email: "Email",
@@ -3944,9 +3947,12 @@ var labels$U = {
 	},
 	subCancellation: {
 		goBack: "Go back"
+	},
+	donationCancellation: {
+		goBack: "Go back"
 	}
 };
-var messages$W = {
+var messages$_ = {
 	noCard: "You don't have a card",
 	subCancellation: {
 		isSureToCancel: "Are you sure you want to cancel your subscription?",
@@ -3963,19 +3969,35 @@ var messages$W = {
 		loading: "Unsuspending your subscription",
 		success: "Subscription is successfully unsuspended",
 		error: "Error while unsuspending your subscription"
+	},
+	donationCancellation: {
+		isSureToCancel: "Are you sure you want to cancel your donation?",
+		loading: "Cancelling your donation",
+		success: "Donation is successfully cancelled",
+		error: "Error while cancelling your donation"
+	},
+	donationReactivation: {
+		success: "Donation is successfully reactivated",
+		error: "Error while reactivating your donation"
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "Are you sure you want to unsuspend your donation?",
+		loading: "Unsuspending your donation",
+		success: "Donation is successfully unsuspended",
+		error: "Error while unsuspending your donation"
 	}
 };
 var dashboard_en = {
-	labels: labels$U,
-	messages: messages$W
+	labels: labels$Y,
+	messages: messages$_
 };
 
-var messages$V = {
+var messages$Z = {
 	alreadyHaveAccount: "Already have an account?",
 	loginHere: "Login here",
 	checkbox: "Check this box to gift this subscription"
 };
-var labels$T = {
+var labels$X = {
 	plan: {
 		title: "Subscribe to a plan",
 		subtitle: "Select one of the plans below and click on next."
@@ -3992,15 +4014,49 @@ var labels$T = {
 		or: "Or take a look at some of our other options below"
 	}
 };
-var buttons$g = {
+var buttons$k = {
 	next: "Next",
 	select: "Select",
 	back: "Back"
 };
 var select_en = {
-	messages: messages$V,
-	labels: labels$T,
-	buttons: buttons$g
+	messages: messages$Z,
+	labels: labels$X,
+	buttons: buttons$k
+};
+
+var messages$Y = {
+	alreadyHaveAccount: "Already have an account?",
+	loginHere: "Login here",
+	checkbox: "Check this box to gift this subscription"
+};
+var labels$W = {
+	plan: {
+		title: "Subscribe to a plan",
+		subtitle: "Select one of the plans below and click on next."
+	},
+	product: {
+		title: "Subscribe to a product",
+		subtitle: "Select one of the products below and click on next."
+	},
+	selectProduct: "Select a product",
+	selectPlan: "Select a plan",
+	startingAt: "Starting at",
+	restrictiveArticles: {
+		subscribeTo: "Subscribe to one of the following options to get access to this page",
+		or: "Or take a look at some of our other options below"
+	}
+};
+var buttons$j = {
+	signupAndDonate: "Sign up & donate",
+	donate: "Donate",
+	select: "Select",
+	back: "Back"
+};
+var donation_en = {
+	messages: messages$Y,
+	labels: labels$W,
+	buttons: buttons$j
 };
 
 var confirm$9 = {
@@ -4013,46 +4069,46 @@ var notification_en = {
 	confirm: confirm$9
 };
 
-var labels$S = {
+var labels$V = {
 	title: "Verify your email",
 	instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
 	resend: "Resend email"
 };
-var messages$U = {
+var messages$X = {
 	resent: "Resent successfully",
 	success: "Email verified successfully!"
 };
 var verifyEmail_en = {
-	labels: labels$S,
-	messages: messages$U
+	labels: labels$V,
+	messages: messages$X
 };
 
 var title$r = "Invoice details";
-var labels$R = {
+var labels$U = {
 	summary: "Summary",
 	total: "Total",
 	amountPaid: "Amount paid",
 	amountDue: "Amount due",
 	creationDate: "Created on:"
 };
-var buttons$f = {
+var buttons$i = {
 	download: "Download",
 	pay: "Pay now"
 };
 var invoiceDetails_en = {
 	title: title$r,
-	labels: labels$R,
-	buttons: buttons$f
+	labels: labels$U,
+	buttons: buttons$i
 };
 
-var labels$Q = {
+var labels$T = {
 	title: "Cancel subscription",
 	cancelReason: "Cancellation reason",
 	subCancellation: {
 		goBack: "Go back"
 	}
 };
-var messages$T = {
+var messages$W = {
 	subscriptionEnd: "This subscription is set to expire on",
 	cancelNow: "Cancel Subscription Now",
 	cancelLater: "Cancel at Period End",
@@ -4065,18 +4121,18 @@ var messages$T = {
 	}
 };
 var subscriptionCancel_en = {
-	labels: labels$Q,
-	messages: messages$T
+	labels: labels$T,
+	messages: messages$W
 };
 
-var labels$P = {
+var labels$S = {
 	title: "Annuler l'abonnement",
 	cancelReason: "Motif d'annulation",
 	subCancellation: {
 		goBack: "Retourner"
 	}
 };
-var messages$S = {
+var messages$V = {
 	subscriptionEnd: "Cet abonnement doit expirer le",
 	cancelNow: "Cancel Subscription Now",
 	cancelLater: "Annuler l'abonnement maintenant",
@@ -4089,18 +4145,18 @@ var messages$S = {
 	}
 };
 var subscriptionCancel_fr = {
-	labels: labels$P,
-	messages: messages$S
+	labels: labels$S,
+	messages: messages$V
 };
 
-var labels$O = {
+var labels$R = {
 	title: "구독 취소",
 	cancelReason: "취소 사유",
 	subCancellation: {
 		goBack: "돌아가기"
 	}
 };
-var messages$R = {
+var messages$U = {
 	subscriptionEnd: "이 구독은 다음 날짜에 만료되도록 설정되었습니다.",
 	cancelNow: "지금 구독 취소",
 	cancelLater: "기간 종료 시 취소",
@@ -4113,11 +4169,11 @@ var messages$R = {
 	}
 };
 var subscriptionCancel_ko = {
-	labels: labels$O,
-	messages: messages$R
+	labels: labels$R,
+	messages: messages$U
 };
 
-var labels$N = {
+var labels$Q = {
 	inviteMembers: "Invite Members",
 	listOfMembers: "List of members",
 	invite: "Invite",
@@ -4128,10 +4184,10 @@ var labels$N = {
 	email: "Email"
 };
 var subscriptionManageMembers_en = {
-	labels: labels$N
+	labels: labels$Q
 };
 
-var labels$M = {
+var labels$P = {
 	inviteMembers: "Inviter des membres",
 	listOfMembers: "Liste des membres",
 	invite: "Inviter",
@@ -4142,10 +4198,10 @@ var labels$M = {
 	email: "E-mail"
 };
 var subscriptionManageMembers_fr = {
-	labels: labels$M
+	labels: labels$P
 };
 
-var labels$L = {
+var labels$O = {
 	inviteMembers: "회원 초대",
 	listOfMembers: "구성원 목록",
 	invite: "초대",
@@ -4156,17 +4212,17 @@ var labels$L = {
 	email: "이메일"
 };
 var subscriptionManageMembers_ko = {
-	labels: labels$L
+	labels: labels$O
 };
 
-var labels$K = {
+var labels$N = {
 	title: "Suspend subscription",
 	suspensionDate: "Suspension date",
 	subCancellation: {
 		goBack: "Go back"
 	}
 };
-var messages$Q = {
+var messages$T = {
 	suspensionEnd: "The suspension is set to expire on",
 	suspendNow: "Suspend Subscription Now",
 	suspendLater: "Suspend at Period End",
@@ -4179,8 +4235,8 @@ var messages$Q = {
 	}
 };
 var subscriptionSuspend_en = {
-	labels: labels$K,
-	messages: messages$Q
+	labels: labels$N,
+	messages: messages$T
 };
 
 var validation$2 = {
@@ -4195,7 +4251,7 @@ var validation$2 = {
 	enterLastName: "Le nom de famille est requis.",
 	enterPhone: "Le numéro de téléphone est requis."
 };
-var buttons$e = {
+var buttons$h = {
 	account: "Accès abonné(e)s",
 	login: "Se connecter",
 	subscribe: "S'abonner"
@@ -4273,7 +4329,7 @@ var confirm$8 = {
 };
 var common_fr = {
 	validation: validation$2,
-	buttons: buttons$e,
+	buttons: buttons$h,
 	dashboard: dashboard$3,
 	select: select$5,
 	confirm: confirm$8
@@ -4304,7 +4360,7 @@ var paymentMethod_fr = {
 var title$q = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
 var updateTitle$2 = "Mettre à jour son choix d'infolettres";
 var subtitle$b = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
-var labels$J = {
+var labels$M = {
 	submit: "Lire l’article !",
 	firstName: "Prénom",
 	lastName: "Nom de famille",
@@ -4312,7 +4368,7 @@ var labels$J = {
 	postalCode: "Code postal",
 	required: "Champs obligatoires"
 };
-var messages$P = {
+var messages$S = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	success: "Votre choix d'infolettres à été mis à jour",
 	loginHere: "Connectez-vous ici",
@@ -4323,14 +4379,14 @@ var newsletter_fr = {
 	title: title$q,
 	updateTitle: updateTitle$2,
 	subtitle: subtitle$b,
-	labels: labels$J,
-	messages: messages$P
+	labels: labels$M,
+	messages: messages$S
 };
 
-var labels$I = {
+var labels$L = {
 	"continue": "Abonnement réussi !"
 };
-var messages$O = {
+var messages$R = {
 	yourFreeTrial: "Votre essai gratuit vient de débuter",
 	youHaveAccess: "Nous espérons que vous allez apprécier votre abonnement. Veuillez nous contacter si vous avez des questions ou des préoccupations.",
 	clickToLearn: {
@@ -4356,12 +4412,12 @@ var errors$e = {
 	"": ""
 };
 var success_fr = {
-	labels: labels$I,
-	messages: messages$O,
+	labels: labels$L,
+	messages: messages$R,
 	errors: errors$e
 };
 
-var messages$N = {
+var messages$Q = {
 	freeVisits: "Visites gratuites restantes:",
 	subscribeNow: "Abonnez-vous maintenant !",
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
@@ -4371,16 +4427,16 @@ var errors$d = {
 	"": ""
 };
 var meter_fr = {
-	messages: messages$N,
+	messages: messages$Q,
 	errors: errors$d
 };
 
-var messages$M = {
+var messages$P = {
 	youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
 	bankRedirection: "Veuillez patienter, nous vous redirigeons vers votre banque.",
 	bankAuthenticationSuccess: "Veuillez patienter pendant que nous accédons à votre requête."
 };
-var labels$H = {
+var labels$K = {
 	card: "Entrez le numéro de carte",
 	date: "Date d’expiration",
 	CVC: "CVC",
@@ -4400,11 +4456,13 @@ var labels$H = {
 	firstName: "Prénom",
 	lastName: "Nom de famille",
 	phone: "Téléphoner",
-	freeItems: "Articles gratuits"
+	freeItems: "Articles gratuits",
+	email: "Courriel",
+	password: "Créer un mot de passe"
 };
 var checkoutForm_fr = {
-	messages: messages$M,
-	labels: labels$H
+	messages: messages$P,
+	labels: labels$K
 };
 
 var youAreSafe$2 = "Vous êtes en sécurité - PCI conforme 128 SSL par";
@@ -4428,7 +4486,7 @@ var messages_fr = {
 	zeroTotalInvoice: zeroTotalInvoice$2
 };
 
-var labels$G = {
+var labels$J = {
 	email: "Entrez votre adresse courriel",
 	username: "Saisissez votre nom d'utilisateur",
 	password: "Entrez votre mot de passe",
@@ -4437,7 +4495,7 @@ var labels$G = {
 	passwordPlaceholder: "Mot de passe",
 	login: "Connexion"
 };
-var messages$L = {
+var messages$O = {
 	loginTo: "Connectez-vous à votre compte",
 	welcome: "Bienvenue, connectez-vous avec votre compte existant.",
 	dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -4456,28 +4514,28 @@ var errors$c = {
 	"": ""
 };
 var login_fr = {
-	labels: labels$G,
-	messages: messages$L,
+	labels: labels$J,
+	messages: messages$O,
 	errors: errors$c
 };
 
-var labels$F = {
+var labels$I = {
 	title: "Confirmez votre courriel",
 	instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
 	resend: "Renvoyer le courriel"
 };
-var messages$K = {
+var messages$N = {
 	resent: "Renvoyé avec succès",
 	success: "Vous vous êtes connecté avec succès"
 };
 var verifyLinkToken_fr = {
-	labels: labels$F,
-	messages: messages$K
+	labels: labels$I,
+	messages: messages$N
 };
 
 var title$p = "Créer un compte";
 var subtitle$a = "Entrez votre courriel et votre mot de passe ci-dessous";
-var labels$E = {
+var labels$H = {
 	signUpFacebook: "Inscrivez-vous avec Facebook",
 	signUpGoogle: "Inscrivez-vous avec Google",
 	signUpEmail: "Inscrivez-vous avec votre courriel",
@@ -4490,7 +4548,7 @@ var labels$E = {
 	lastName: "Nom de famille",
 	phone: "Téléphoner"
 };
-var messages$J = {
+var messages$M = {
 	alreadyHaveAccount: "Vous avez déjà un compte?",
 	createAccount: "Créer un compte",
 	loginHere: "Connectez-vous ici",
@@ -4537,7 +4595,8 @@ var gift$2 = {
 		enterEmail: "Veuillez entrer l’adresse courriel du destinataire du cadeau.",
 		invalidDate: "La date du cadeau doit être comprise entre aujourd'hui et un an.",
 		giftDateInfo: "Le destinataire recevra un courriel à la date déterminée afin d'activer leur abonnement cadeau.",
-		giftMessageInfo: "Laissez un message au destinataire sans oublier de signer votre nom."
+		giftMessageInfo: "Laissez un message au destinataire sans oublier de signer votre nom.",
+		giftMessageAllowedCharacters: "Les caractères spéciaux et les emojis ne sont pas autorisés."
 	}
 };
 var redeem$2 = {
@@ -4565,14 +4624,14 @@ var redeem$2 = {
 var register_fr = {
 	title: title$p,
 	subtitle: subtitle$a,
-	labels: labels$E,
-	messages: messages$J,
+	labels: labels$H,
+	messages: messages$M,
 	errors: errors$b,
 	gift: gift$2,
 	redeem: redeem$2
 };
 
-var labels$D = {
+var labels$G = {
 	title: "Voulez-vous mettre à jour votre profil ?",
 	subtitle: "Entrez vos informations ci-dessous pour mettre à jour votre profil",
 	email: "Address courriel",
@@ -4591,21 +4650,21 @@ var labels$D = {
 	zoom: "Zoom",
 	tin: "Numéro d'identification fiscale"
 };
-var messages$I = {
+var messages$L = {
 	userUpdated: "Votre profil a été mis à jour avec succès.",
 	pictureRemoved: "Votre photo de profil a été supprimée avec succès.",
 	pictureUpdated: "Votre photo de profil a été mise à jour avec succès."
 };
 var userEdit_fr = {
-	labels: labels$D,
-	messages: messages$I
+	labels: labels$G,
+	messages: messages$L
 };
 
 var title$o = "Entrez votre adresse de livraison";
 var titleGifting$2 = "Entrez votre adresse";
 var selectAddressTitle$2 = "Veuillez sélectionner une adresse";
 var selectAddressSubtitle$2 = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
-var labels$C = {
+var labels$F = {
 	address: "Adresse",
 	code: "Code postal / Zip",
 	city: "Ville",
@@ -4616,12 +4675,12 @@ var labels$C = {
 	required: "Champs obligatoires",
 	isDefault: "Définir par défaut"
 };
-var buttons$d = {
+var buttons$g = {
 	submit: "Valider",
 	selectAddress: "Choisir cette adresse",
 	addAddress: "Ajouter une nouvelle adresse"
 };
-var messages$H = {
+var messages$K = {
 	addressUpdated: "Votre adresse a été mise à jour avec succès",
 	subRedeemed: "Votre abonnement a bien été activé."
 };
@@ -4630,9 +4689,9 @@ var address_fr = {
 	titleGifting: titleGifting$2,
 	selectAddressTitle: selectAddressTitle$2,
 	selectAddressSubtitle: selectAddressSubtitle$2,
-	labels: labels$C,
-	buttons: buttons$d,
-	messages: messages$H
+	labels: labels$F,
+	buttons: buttons$g,
+	messages: messages$K
 };
 
 var title$n = "Réinitialiser votre mot de passe";
@@ -4660,7 +4719,7 @@ var password$4 = "Mot de passe";
 var submit$a = "Soumettre";
 var required$a = "Champs obligatoires";
 var passwordResetEmailSent$2 = "Un lien pour réinitialiser votre mot de passe vous a été envoyé. Si vous ne le recevez pas, vérifier votre courrier indésirable.";
-var messages$G = {
+var messages$J = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	loginHere: "Connectez-vous ici"
 };
@@ -4671,7 +4730,7 @@ var passwordForgot_fr = {
 	submit: submit$a,
 	required: required$a,
 	passwordResetEmailSent: passwordResetEmailSent$2,
-	messages: messages$G
+	messages: messages$J
 };
 
 var title$l = "Changez votre mot de passe";
@@ -4699,7 +4758,7 @@ var title$k = "Connexion sans mot de passe";
 var email$6 = "Entrez votre adresse courriel";
 var submit$8 = "Soumettre";
 var required$8 = "Champs obligatoires";
-var messages$F = {
+var messages$I = {
 	PasswordlessLoginSuccess: "Vous avez été authentifié avec succès avec la connexion sans mot de passe"
 };
 var passwordlessRequest_fr = {
@@ -4707,7 +4766,7 @@ var passwordlessRequest_fr = {
 	email: email$6,
 	submit: submit$8,
 	required: required$8,
-	messages: messages$F
+	messages: messages$I
 };
 
 var title$j = "Votre panier";
@@ -4735,13 +4794,13 @@ var cart_fr = {
 	removeAll: removeAll$2
 };
 
-var buttons$c = {
+var buttons$f = {
 	select: "Choisir",
 	added: "Ajouté au panier",
 	purchase: "Acheter",
 	"continue": "Continuer au contenu"
 };
-var messages$E = {
+var messages$H = {
 	orderConfirmed: {
 		title: "Votre commande est confirmée !",
 		body: "Votre commande a été confirmée et vous sera expédiée dans les prochains jours. Vous recevrez un courriel de confirmation sous peu."
@@ -4750,17 +4809,17 @@ var messages$E = {
 	multipleCurrencies: "Votre panier contient des articles disponibles dans différentes devises. Avant de passer à la caisse, veuillez vous assurer que tous les articles ont la même devise.",
 	currencyMismatch: "Les articles sélectionnés ne sont pas compatibles avec la devise associée à votre compte ({{currency}}). Veuillez choisir des articles uniquement offerts dans cette devise."
 };
-var labels$B = {
+var labels$E = {
 	summary: "récapitulatif de commande",
 	total: "total"
 };
 var shop_fr = {
-	buttons: buttons$c,
-	messages: messages$E,
-	labels: labels$B
+	buttons: buttons$f,
+	messages: messages$H,
+	labels: labels$E
 };
 
-var labels$A = {
+var labels$D = {
 	cardNumber: "Numéro de carte",
 	securityCode: "Code de sécurité",
 	submit: "Soumettre",
@@ -4782,7 +4841,7 @@ var labels$A = {
 		title: "Informations de paiement"
 	}
 };
-var messages$D = {
+var messages$G = {
 	youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
 	cancel: "Annuler votre abonnement en ligne à tout moment.",
 	giftSent: "Le cadeau d’abonnement a été envoyé à",
@@ -4796,12 +4855,12 @@ var errors$a = {
 	"": ""
 };
 var payment_fr = {
-	labels: labels$A,
-	messages: messages$D,
+	labels: labels$D,
+	messages: messages$G,
 	errors: errors$a
 };
 
-var labels$z = {
+var labels$C = {
 	menu: "Menu Pelcro",
 	name: "Nom",
 	email: "Courriel",
@@ -4887,9 +4946,12 @@ var labels$z = {
 	},
 	subCancellation: {
 		goBack: "Retourner"
+	},
+	donationCancellation: {
+		goBack: "Go back"
 	}
 };
-var messages$C = {
+var messages$F = {
 	noCard: "Vous n’avez pas une carte",
 	subCancellation: {
 		isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -4906,19 +4968,35 @@ var messages$C = {
 		loading: "Annulation de la suspension de votre abonnement",
 		success: "L'abonnement a été suspendu avec succès",
 		error: "Erreur lors de l'annulation de la suspension de votre abonnement"
+	},
+	donationCancellation: {
+		isSureToCancel: "Êtes-vous certain de vouloir annuler votre don?",
+		loading: "Annulation de l'don",
+		success: "L'don a été annulé avec succès",
+		error: "Une erreur s'est produite lors de l'annulation de l'don"
+	},
+	donationReactivation: {
+		success: "L'don a été réactivé avec succès",
+		error: "Erreur lors de la réactivation de votre don"
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "Êtes-vous sûr de vouloir annuler la suspension de votre don ?",
+		loading: "Annulation de la suspension de votre don",
+		success: "L'don a été suspendu avec succès",
+		error: "Erreur lors de l'annulation de la suspension de votre don"
 	}
 };
 var dashboard_fr = {
-	labels: labels$z,
-	messages: messages$C
+	labels: labels$C,
+	messages: messages$F
 };
 
-var messages$B = {
+var messages$E = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	loginHere: "Connectez-vous ici",
 	checkbox: "Cochez cette case pour offrir cet abonnement"
 };
-var labels$y = {
+var labels$B = {
 	plan: {
 		title: "Abonnez-vous à un plan",
 		subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -4935,67 +5013,100 @@ var labels$y = {
 		or: "Sinon, jetez un coup d'oeil à d'autres offres ci-dessous"
 	}
 };
-var buttons$b = {
+var buttons$e = {
 	next: "Prochain",
 	select: "Choisir",
 	back: "Retour"
 };
 var select_fr = {
-	messages: messages$B,
-	labels: labels$y,
-	buttons: buttons$b
+	messages: messages$E,
+	labels: labels$B,
+	buttons: buttons$e
 };
 
-var confirm$6 = {
-	labels: {
-		confirm: "Confirmer",
-		close: "Fermer"
-	}
+var messages$D = {
+	alreadyHaveAccount: "Vous avez déjà un compte ?",
+	loginHere: "Connectez-vous ici",
+	checkbox: "Cochez cette case pour offrir cet abonnement"
+};
+var labels$A = {
+	plan: {
+		title: "Abonnez-vous à un plan",
+		subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
+	},
+	product: {
+		title: "Abonnez-vous à un produit",
+		subtitle: "Sélectionnez l’un des produits ci-dessous et cliquez sur suivant."
+	},
+	selectProduct: "Sélectionnez un produit",
+	selectPlan: "Sélectionnez un plan",
+	starningAt: "À partir de",
+	restrictiveArticles: {
+		subscribeTo: "Abonnez-vous à une des options suivantes pour accéder au contenu de cette page",
+		or: "Sinon, jetez un coup d'oeil à d'autres offres ci-dessous"
+	}
+};
+var buttons$d = {
+	next: "Prochain",
+	select: "Choisir",
+	back: "Retour"
+};
+var donation_fr = {
+	messages: messages$D,
+	labels: labels$A,
+	buttons: buttons$d
+};
+
+var confirm$6 = {
+	labels: {
+		confirm: "Confirmer",
+		close: "Fermer"
+	}
 };
 var notification_fr = {
 	confirm: confirm$6
 };
 
-var labels$x = {
+var labels$z = {
 	title: "Confirmez votre courriel",
 	instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
 	resend: "Renvoyer le courriel"
 };
-var messages$A = {
+var messages$C = {
 	resent: "Renvoyé avec succès",
 	success: "Adresse courriel vérifiée avec succès"
 };
 var verifyEmail_fr = {
-	labels: labels$x,
-	messages: messages$A
+	labels: labels$z,
+	messages: messages$C
 };
 
 var title$i = "Détails de la facture";
-var labels$w = {
+var labels$y = {
 	summary: "Résumé",
 	total: "Total",
 	amountPaid: "Montant payé",
 	amountDue: "Montant dû",
 	creationDate: "Créé le:"
 };
-var buttons$a = {
+var buttons$c = {
 	download: "Télécharger",
 	pay: "Payer"
 };
 var invoiceDetails_fr = {
 	title: title$i,
-	labels: labels$w,
-	buttons: buttons$a
+	labels: labels$y,
+	buttons: buttons$c
 };
 
-var labels$v = {
+var labels$x = {
 	title: "Suspendre l'abonnement",
 	suspensionDate: "Date de suspension",
 	subCancellation: {
 		goBack: "Revenir en arrière"
 	}
 };
-var messages$z = {
+var messages$B = {
 	suspensionEnd: "La suspension doit expirer le",
 	suspendNow: "Suspendre l'abonnement maintenant",
 	suspendLater: "Suspendre à la fin de la période",
@@ -5008,8 +5119,8 @@ var messages$z = {
 	}
 };
 var subscriptionSuspend_fr = {
-	labels: labels$v,
-	messages: messages$z
+	labels: labels$x,
+	messages: messages$B
 };
 
 var validation$1 = {
@@ -5023,7 +5134,7 @@ var validation$1 = {
 	enterLastName: "성은 필수 항목입니다.",
 	enterPhone: "전화번호는 필수 항목입니다."
 };
-var buttons$9 = {
+var buttons$b = {
 	account: "내 계정",
 	login: "로그인",
 	subscribe: "구독하다"
@@ -5101,7 +5212,7 @@ var confirm$5 = {
 };
 var common_ko = {
 	validation: validation$1,
-	buttons: buttons$9,
+	buttons: buttons$b,
 	dashboard: dashboard$2,
 	select: select$3,
 	confirm: confirm$5
@@ -5132,7 +5243,7 @@ var paymentMethod_ko = {
 var title$h = "Frieze 뉴스레터를 구독하려면 이메일을 입력하세요.";
 var updateTitle$1 = "뉴스레터 선택 업데이트";
 var subtitle$7 = "귀하의 이메일은 다른 마케팅 용도로도 사용됩니다.";
-var labels$u = {
+var labels$w = {
 	submit: "제출",
 	firstName: "이름",
 	lastName: "성",
@@ -5140,7 +5251,7 @@ var labels$u = {
 	postalCode: "우편번호",
 	required: "필수 항목"
 };
-var messages$y = {
+var messages$A = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	success: "뉴스레터가 성공적으로 업데이트되었습니다.",
 	loginHere: "여기에서 로그인하세요.",
@@ -5151,14 +5262,14 @@ var newsletter_ko = {
 	title: title$h,
 	updateTitle: updateTitle$1,
 	subtitle: subtitle$7,
-	labels: labels$u,
-	messages: messages$y
+	labels: labels$w,
+	messages: messages$A
 };
 
-var labels$t = {
+var labels$v = {
 	"continue": "콘텐츠로 돌아가기"
 };
-var messages$x = {
+var messages$z = {
 	yourFreeTrial: "유료 멤버십에 가입하셨습니다!",
 	youHaveAccess: "멤버십 혜택을 즐기시기를 바라며, 질문이나 문의 사항이 있으면 저희에게 연락주십시오.",
 	clickToLearn: {
@@ -5184,12 +5295,12 @@ var errors$9 = {
 	"": ""
 };
 var success_ko = {
-	labels: labels$t,
-	messages: messages$x,
+	labels: labels$v,
+	messages: messages$z,
 	errors: errors$9
 };
 
-var messages$w = {
+var messages$y = {
 	freeVisits: "남은 무료 방문 기간:",
 	subscribeNow: "멤버십 가입",
 	alreadyHaveAccount: "이미 계정이 있습니까?",
@@ -5199,16 +5310,16 @@ var errors$8 = {
 	"": ""
 };
 var meter_ko = {
-	messages: messages$w,
+	messages: messages$y,
 	errors: errors$8
 };
 
-var messages$v = {
+var messages$x = {
 	youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
 	bankRedirection: "잠시만 기다려 주십시오. 결제 은행으로 연결 중입니다.",
 	bankAuthenticationSuccess: "요청을 처리하는 동안 기다려 주십시오."
 };
-var labels$s = {
+var labels$u = {
 	card: "카드 번호 입력",
 	date: "만료일",
 	CVC: "CVC",
@@ -5228,11 +5339,13 @@ var labels$s = {
 	firstName: "이름",
 	lastName: "성",
 	phone: "핸드폰",
-	freeItems: "무료 아이템"
+	freeItems: "무료 아이템",
+	email: "이메일",
+	password: "비밀번호"
 };
 var checkoutForm_ko = {
-	messages: messages$v,
-	labels: labels$s
+	messages: messages$x,
+	labels: labels$u
 };
 
 var youAreSafe$1 = "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ";
@@ -5256,7 +5369,7 @@ var messages_ko = {
 	zeroTotalInvoice: zeroTotalInvoice$1
 };
 
-var labels$r = {
+var labels$t = {
 	email: "이메일 입력",
 	username: "사용자 이름 입력",
 	password: "비밀번호 입력",
@@ -5265,7 +5378,7 @@ var labels$r = {
 	passwordPlaceholder: "비밀번호",
 	login: "로그인"
 };
-var messages$u = {
+var messages$w = {
 	loginTo: "귀하의 계정에 로그인",
 	welcome: "반갑습니다. 귀하의 기존 계정으로 로그인하세요.",
 	dontHaveAccount: "아직 계정이 없으신가요?",
@@ -5284,28 +5397,28 @@ var errors$7 = {
 	"": ""
 };
 var login_ko = {
-	labels: labels$r,
-	messages: messages$u,
+	labels: labels$t,
+	messages: messages$w,
 	errors: errors$7
 };
 
-var labels$q = {
+var labels$s = {
 	title: "비밀번호 없는 링크 확인",
 	instructions: "가는 중입니다!\n이메일 주소를 확인하겠습니다.\n이메일로 전송된 확인 링크를 클릭하세요.",
 	resend: "이메일 재전송"
 };
-var messages$t = {
+var messages$v = {
 	resent: "성공적으로 재전송",
 	success: "성공적으로 로그인했습니다"
 };
 var verifyLinkToken_ko = {
-	labels: labels$q,
-	messages: messages$t
+	labels: labels$s,
+	messages: messages$v
 };
 
 var title$g = "계정 만들기";
 var subtitle$6 = "아래에 이메일과 비밀번호를 입력하세요.";
-var labels$p = {
+var labels$r = {
 	signUpFacebook: "Facebook으로 가입하기",
 	signUpGoogle: "Google로 가입하기",
 	signUpEmail: "이메일로 가입하기",
@@ -5318,7 +5431,7 @@ var labels$p = {
 	lastName: "성",
 	phone: "핸드폰"
 };
-var messages$s = {
+var messages$u = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	createAccount: "계정 만들기",
 	loginHere: "여기에서 로그인하세요.",
@@ -5364,7 +5477,8 @@ var gift$1 = {
 		enterEmail: "선물을 받을 분의 이메일을 입력해주세요.",
 		invalidDate: "선물 날짜는 오늘로부터 1년 이내여야 합니다.",
 		giftDateInfo: "받는 분이 선물을 사용하실 수 있도록, 선택된 날짜에 귀하의 선물 메시지가 담겨 있는 이메일 알림이 전송됩니다.",
-		giftMessageInfo: "받는 분을 위한 선물 메시지와 서명을 남기는 것을 잊지 마시기 바랍니다."
+		giftMessageInfo: "받는 분을 위한 선물 메시지와 서명을 남기는 것을 잊지 마시기 바랍니다.",
+		giftMessageAllowedCharacters: "특수문자 및 이모티콘 사용 불가."
 	}
 };
 var redeem$1 = {
@@ -5392,14 +5506,14 @@ var redeem$1 = {
 var register_ko = {
 	title: title$g,
 	subtitle: subtitle$6,
-	labels: labels$p,
-	messages: messages$s,
+	labels: labels$r,
+	messages: messages$u,
 	errors: errors$6,
 	gift: gift$1,
 	redeem: redeem$1
 };
 
-var labels$o = {
+var labels$q = {
 	title: "프로파일을 업데이트하시겠습니까?",
 	subtitle: "프로필을 업데이트하려면 아래 정보를 입력하세요.",
 	email: "이메일",
@@ -5418,21 +5532,21 @@ var labels$o = {
 	zoom: "확대",
 	tin: "세금 식별 번호"
 };
-var messages$r = {
+var messages$t = {
 	userUpdated: "감사합니다! 프로필이 성공적으로 업데이트되었습니다.",
 	pictureRemoved: "귀하의 프로필 사진이 제거되었습니다.",
 	pictureUpdated: "귀하의 프로필 사진이 업데이트되었습니다."
 };
 var userEdit_ko = {
-	labels: labels$o,
-	messages: messages$r
+	labels: labels$q,
+	messages: messages$t
 };
 
 var title$f = "배송 주소를 입력하십시오.";
 var titleGifting$1 = "주소를 입력하세요";
 var selectAddressTitle$1 = "주소를 선택하십시오.";
 var selectAddressSubtitle$1 = "저장된 주소에서 선택하거나 새 주소를 추가하십시오.";
-var labels$n = {
+var labels$p = {
 	address: "주소",
 	code: "우편번호",
 	city: "도시",
@@ -5443,12 +5557,12 @@ var labels$n = {
 	required: "필수 항목",
 	isDefault: "기본값으로 설정"
 };
-var buttons$8 = {
+var buttons$a = {
 	submit: "제출",
 	selectAddress: "주소 선택",
 	addAddress: "새 주소 추가"
 };
-var messages$q = {
+var messages$s = {
 	addressUpdated: "주소가 성공적으로 업데이트되었습니다!",
 	subRedeemed: "귀하의 유료 멤버십이 사용되었습니다."
 };
@@ -5457,9 +5571,9 @@ var address_ko = {
 	titleGifting: titleGifting$1,
 	selectAddressTitle: selectAddressTitle$1,
 	selectAddressSubtitle: selectAddressSubtitle$1,
-	labels: labels$n,
-	buttons: buttons$8,
-	messages: messages$q
+	labels: labels$p,
+	buttons: buttons$a,
+	messages: messages$s
 };
 
 var title$e = "비밀번호 재설정";
@@ -5487,7 +5601,7 @@ var password$2 = "비밀번호";
 var submit$6 = "제출";
 var required$6 = "필수 항목";
 var passwordResetEmailSent$1 = "비밀번호 재설정 안내가 귀하의 이메일로 발송되었습니다.";
-var messages$p = {
+var messages$r = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	loginHere: "여기에서 로그인하세요."
 };
@@ -5498,7 +5612,7 @@ var passwordForgot_ko = {
 	submit: submit$6,
 	required: required$6,
 	passwordResetEmailSent: passwordResetEmailSent$1,
-	messages: messages$p
+	messages: messages$r
 };
 
 var title$c = "비밀번호를 변경합니다.";
@@ -5526,7 +5640,7 @@ var title$b = "비밀번호 없는 로그인";
 var email$3 = "이메일 입력";
 var submit$4 = "제출";
 var required$4 = "필수 항목";
-var messages$o = {
+var messages$q = {
 	PasswordlessLoginSuccess: "비밀번호 없는 로그인으로 성공적으로 인증되었습니다."
 };
 var passwordlessRequest_ko = {
@@ -5534,7 +5648,7 @@ var passwordlessRequest_ko = {
 	email: email$3,
 	submit: submit$4,
 	required: required$4,
-	messages: messages$o
+	messages: messages$q
 };
 
 var title$a = "귀하의 장바구니";
@@ -5562,13 +5676,13 @@ var cart_ko = {
 	removeAll: removeAll$1
 };
 
-var buttons$7 = {
+var buttons$9 = {
 	select: "선택",
 	added: "장바구니에 추가",
 	purchase: "구매",
 	"continue": "계속"
 };
-var messages$n = {
+var messages$p = {
 	orderConfirmed: {
 		title: "주문이 확인되었습니다!",
 		body: "귀하의 주문이 확인되었으며 며칠 안에 배송될 예정입니다. 이 주문의 확인 이메일이 귀하에게 전송됩니다."
@@ -5577,17 +5691,17 @@ var messages$n = {
 	multipleCurrencies: "장바구니에 다른 통화로만 결제가 가능한 아이템이 있습니다. 결제를 계속 진행하려면 모든 아이템의 결제 통화가 동일한지 확인하십시오.",
 	currencyMismatch: "선택하신 아이템(들)이 귀하가 설정한 기본 통화({{currency}})와 일치하지 않습니다. 기본 통화와 일치하는 아이템(들)만 선택하십시오."
 };
-var labels$m = {
+var labels$o = {
 	summary: "주문 요약",
 	total: "총계"
 };
 var shop_ko = {
-	buttons: buttons$7,
-	messages: messages$n,
-	labels: labels$m
+	buttons: buttons$9,
+	messages: messages$p,
+	labels: labels$o
 };
 
-var labels$l = {
+var labels$n = {
 	cardNumber: "카드 번호",
 	securityCode: "보안 코드",
 	submit: "제출",
@@ -5609,7 +5723,7 @@ var labels$l = {
 		title: "결제 정보"
 	}
 };
-var messages$m = {
+var messages$o = {
 	youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
 	cancel: "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.",
 	giftSent: "유료 멤버십 선물이 ",
@@ -5623,12 +5737,12 @@ var errors$5 = {
 	"": ""
 };
 var payment_ko = {
-	labels: labels$l,
-	messages: messages$m,
+	labels: labels$n,
+	messages: messages$o,
 	errors: errors$5
 };
 
-var labels$k = {
+var labels$m = {
 	menu: "Pelcro 메뉴",
 	name: "이름",
 	email: "이메일",
@@ -5776,7 +5890,10 @@ var savedItems = {
 var subCancellation = {
 	goBack: "뒤로 가기"
 };
-var messages$l = {
+var donationCancellation = {
+	goBack: "뒤로 가기"
+};
+var messages$n = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
 		isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
@@ -5793,10 +5910,26 @@ var messages$l = {
 		loading: "구독 일시 중단 해제",
 		success: "구독이 성공적으로 일시 중단 해제되었습니다",
 		error: "구독 일시 중단을 해제하는 동안 오류가 발생했습니다."
+	},
+	donationCancellation: {
+		isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
+		loading: "귀하의 유료 멤버십을 취소합니다.",
+		success: "유료 멤버십이 성공적으로 취소되었습니다.",
+		error: "유료 멤버십 취소 과정에서 오류가 발생했습니다."
+	},
+	donationReactivation: {
+		success: "구독이 성공적으로 재활성화되었습니다.",
+		error: "구독을 재활성화하는 동안 오류가 발생했습니다."
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "구독 일시 중단을 해제하시겠습니까?",
+		loading: "구독 일시 중단 해제",
+		success: "구독이 성공적으로 일시 중단 해제되었습니다",
+		error: "구독 일시 중단을 해제하는 동안 오류가 발생했습니다."
 	}
 };
 var dashboard_ko = {
-	labels: labels$k,
+	labels: labels$m,
 	shipments: shipments,
 	logout: logout,
 	dashboard: dashboard$1,
@@ -5845,15 +5978,16 @@ var dashboard_ko = {
 	orders: orders,
 	savedItems: savedItems,
 	subCancellation: subCancellation,
-	messages: messages$l
+	donationCancellation: donationCancellation,
+	messages: messages$n
 };
 
-var messages$k = {
+var messages$m = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	loginHere: "여기에서 로그인하세요.",
 	checkbox: "이 유료 멤버십을 선물하려면 체크하세요."
 };
-var labels$j = {
+var labels$l = {
 	plan: {
 		title: "요금제 가입하기",
 		subtitle: "아래 요금제 중 하나를 선택하고 다음을 클릭하세요."
@@ -5870,15 +6004,48 @@ var labels$j = {
 		or: "아래에서 다른 상품을 선택해주시기 바랍니다."
 	}
 };
-var buttons$6 = {
+var buttons$8 = {
 	next: "다음",
 	select: "선택",
 	back: "뒤로"
 };
 var select_ko = {
-	messages: messages$k,
-	labels: labels$j,
-	buttons: buttons$6
+	messages: messages$m,
+	labels: labels$l,
+	buttons: buttons$8
+};
+
+var messages$l = {
+	alreadyHaveAccount: "이미 계정이 있습니까?",
+	loginHere: "여기에서 로그인하세요.",
+	checkbox: "이 유료 멤버십을 선물하려면 체크하세요."
+};
+var labels$k = {
+	plan: {
+		title: "요금제 가입하기",
+		subtitle: "아래 요금제 중 하나를 선택하고 다음을 클릭하세요."
+	},
+	product: {
+		title: "상품 가입하기",
+		subtitle: "아래 상품 중 하나를 선택하고 다음을 클릭하세요."
+	},
+	selectProduct: "상품 선택",
+	selectPlan: "요금제 선택",
+	startingAt: "시작일:",
+	restrictiveArticles: {
+		subscribeTo: "이 페이지에 액세스하려면 다음 요금제 중 하나에 가입하거나",
+		or: "아래에서 다른 상품을 선택해주시기 바랍니다."
+	}
+};
+var buttons$7 = {
+	next: "다음",
+	select: "선택",
+	back: "뒤로"
+};
+var donation_ko = {
+	messages: messages$l,
+	labels: labels$k,
+	buttons: buttons$7
 };
 
 var confirm$3 = {
@@ -5891,46 +6058,46 @@ var notification_ko = {
 	confirm: confirm$3
 };
 
-var labels$i = {
+var labels$j = {
 	title: "이메일 주소를 인증하세요.",
 	instructions: "거의 완료되었습니다!\n이메일 주소만 인증하면 됩니다.\n다음 이메일 주소로 전송된 인증 링크를 클릭해 주십시오:",
 	resend: "이메일 재전송"
 };
-var messages$j = {
+var messages$k = {
 	resent: "재전송 완료",
 	success: "이메일 주소가 인증되었습니다!"
 };
 var verifyEmail_ko = {
-	labels: labels$i,
-	messages: messages$j
+	labels: labels$j,
+	messages: messages$k
 };
 
 var title$9 = "인보이스 세부 정보";
-var labels$h = {
+var labels$i = {
 	summary: "요약",
 	total: "총계",
 	amountPaid: "지불된 금액",
 	amountDue: "지불액",
 	creationDate: "생성일:"
 };
-var buttons$5 = {
+var buttons$6 = {
 	download: "다운로드",
 	pay: "지금 지불"
 };
 var invoiceDetails_ko = {
 	title: title$9,
-	labels: labels$h,
-	buttons: buttons$5
+	labels: labels$i,
+	buttons: buttons$6
 };
 
-var labels$g = {
+var labels$h = {
 	title: "구독 중단",
 	suspensionDate: "중단 날짜",
 	subCancellation: {
 		goBack: "돌아가기"
 	}
 };
-var messages$i = {
+var messages$j = {
 	suspensionEnd: "일시 중지가 만료되도록 설정되었습니다.",
 	suspendNow: "지금 구독 일시 중단",
 	suspendLater: "기간 종료 시 일시 중단",
@@ -5943,8 +6110,8 @@ var messages$i = {
 	}
 };
 var subscriptionSuspend_ko = {
-	labels: labels$g,
-	messages: messages$i
+	labels: labels$h,
+	messages: messages$j
 };
 
 var validation = {
@@ -5956,7 +6123,7 @@ var validation = {
 	enterLastName: "El apellido es obligatorio.",
 	enterPhone: "El número de teléfono es obligatorio."
 };
-var buttons$4 = {
+var buttons$5 = {
 	account: "Mi cuenta",
 	login: "Iniciar Sesión"
 };
@@ -6033,7 +6200,7 @@ var confirm$2 = {
 };
 var common_es = {
 	validation: validation,
-	buttons: buttons$4,
+	buttons: buttons$5,
 	dashboard: dashboard,
 	select: select$1,
 	confirm: confirm$2
@@ -6064,7 +6231,7 @@ var paymentMethod_es = {
 var title$8 = "Ingresa tu correo para suscribirte a nuestro boletín";
 var updateTitle = "Actualizar selecciones del boletín";
 var subtitle$3 = "Podríamos usar tu dirección de correo para otras comunicaciones de marketing";
-var labels$f = {
+var labels$g = {
 	submit: "Enviar",
 	firstName: "Nombre",
 	lastName: "Apellido",
@@ -6072,7 +6239,7 @@ var labels$f = {
 	postalCode: "Código postal",
 	required: "obligatorio"
 };
-var messages$h = {
+var messages$i = {
 	alreadyHaveAccount: "¿Ya tienes una cuenta?",
 	success: "El boletín se actualizó con éxito",
 	loginHere: "Inicia sesión aquí.",
@@ -6083,14 +6250,14 @@ var newsletter_es = {
 	title: title$8,
 	updateTitle: updateTitle,
 	subtitle: subtitle$3,
-	labels: labels$f,
-	messages: messages$h
+	labels: labels$g,
+	messages: messages$i
 };
 
-var labels$e = {
+var labels$f = {
 	"continue": "Continuar al contenido"
 };
-var messages$g = {
+var messages$h = {
 	yourFreeTrial: "¡Suscripción exitosa!",
 	youHaveAccess: "Esperamos que disfrutes de tu suscripción. Por favor, contáctanos si tienes alguna pregunta o inquietud.",
 	clickToLearn: {
@@ -6116,12 +6283,12 @@ var errors$4 = {
 	"": ""
 };
 var success_es = {
-	labels: labels$e,
-	messages: messages$g,
+	labels: labels$f,
+	messages: messages$h,
 	errors: errors$4
 };
 
-var messages$f = {
+var messages$g = {
 	freeVisits: "Visitas gratuitas restantes:",
 	subscribeNow: "Suscribir",
 	alreadyHaveAccount: "¿Ya tienes una cuenta?",
@@ -6131,16 +6298,16 @@ var errors$3 = {
 	"": ""
 };
 var meter_es = {
-	messages: messages$f,
+	messages: messages$g,
 	errors: errors$3
 };
 
-var messages$e = {
+var messages$f = {
 	youAreSafe: "Estás seguro - PCI compliance 128 SSL por",
 	bankRedirection: "Por favor, espera, estamos redireccionando a tu banco.",
 	bankAuthenticationSuccess: "Por favor, espera un momento mientras procesamos tu solicitud."
 };
-var labels$d = {
+var labels$e = {
 	card: "Ingresar número de tarjeta",
 	date: "Vencimiento",
 	CVC: "CVC",
@@ -6160,11 +6327,13 @@ var labels$d = {
 	firstName: "Nombre",
 	lastName: "Apellido",
 	phone: "Teléfono",
-	freeItems: "Artículos gratis"
+	freeItems: "Artículos gratis",
+	email: "Correo",
+	password: "Contraseña"
 };
 var checkoutForm_es = {
-	messages: messages$e,
-	labels: labels$d
+	messages: messages$f,
+	labels: labels$e
 };
 
 var youAreSafe = "Estás seguro - PCI compliance 128 SSL por";
@@ -6186,7 +6355,7 @@ var messages_es = {
 	zeroTotalInvoice: zeroTotalInvoice
 };
 
-var labels$c = {
+var labels$d = {
 	email: "Ingresar correo",
 	password: "Ingresar contraseña",
 	required: "obligatorio",
@@ -6194,7 +6363,7 @@ var labels$c = {
 	passwordPlaceholder: "Contraseña",
 	login: "Iniciar Sesión"
 };
-var messages$d = {
+var messages$e = {
 	loginTo: "Inicia sesión en tu cuenta",
 	welcome: "Bienvenido de vuelta, inicia sesión con tu cuenta existente.",
 	dontHaveAccount: "¿Aún no tienes una cuenta?",
@@ -6213,28 +6382,28 @@ var errors$2 = {
 	"": ""
 };
 var login_es = {
-	labels: labels$c,
-	messages: messages$d,
+	labels: labels$d,
+	messages: messages$e,
 	errors: errors$2
 };
 
-var labels$b = {
+var labels$c = {
 	title: "Verificando Enlace Sin Contraseña",
 	instructions: "¡Ya casi terminas!\nVamos a confirmar tu dirección de correo.\nPulsa el enlace de verificación que hemos enviado a tu correo:",
 	resend: "Reenviar correo"
 };
-var messages$c = {
+var messages$d = {
 	resent: "Reenvío exitoso",
 	success: "Inicio de sesión exitoso"
 };
 var verifyLinkToken_es = {
-	labels: labels$b,
-	messages: messages$c
+	labels: labels$c,
+	messages: messages$d
 };
 
 var title$7 = "Crear una cuenta";
 var subtitle$2 = "Ingresa tu correo y contraseña a continuación";
-var labels$a = {
+var labels$b = {
 	signUpFacebook: "Regístrate con Facebook",
 	signUpGoogle: "Regístrate con Google",
 	signUpEmail: "Regístrate con Correo",
@@ -6247,7 +6416,7 @@ var labels$a = {
 	lastName: "Apellido",
 	phone: "Teléfono"
 };
-var messages$b = {
+var messages$c = {
 	alreadyHaveAccount: " ¿Ya tienes una cuenta?",
 	createAccount: "Crear cuenta",
 	loginHere: "inicia sesión aquí",
@@ -6293,7 +6462,8 @@ var gift = {
 		enterEmail: "Por favor, ingresa el correo del destinatario del regalo",
 		invalidDate: "La fecha del regalo debe ser entre hoy y un año a partir de ahora.",
 		giftDateInfo: "El destinatario recibirá un correo de notificación del regalo con tu mensaje en la fecha que seleccionaste en la orden para redimir el regalo.",
-		giftMessageInfo: "Deja un mensaje para el destinatario y no olvides firmar con tu nombre."
+		giftMessageInfo: "Deja un mensaje para el destinatario y no olvides firmar con tu nombre.",
+		giftMessageAllowedCharacters: "No se permiten caracteres especiales ni emojis."
 	}
 };
 var redeem = {
@@ -6321,14 +6491,14 @@ var redeem = {
 var register_es = {
 	title: title$7,
 	subtitle: subtitle$2,
-	labels: labels$a,
-	messages: messages$b,
+	labels: labels$b,
+	messages: messages$c,
 	errors: errors$1,
 	gift: gift,
 	redeem: redeem
 };
 
-var labels$9 = {
+var labels$a = {
 	title: "¿Quieres actualizar tu perfil?",
 	subtitle: "Ingresa tu información a continuación para actualizar tu perfil",
 	email: "Correo",
@@ -6347,21 +6517,21 @@ var labels$9 = {
 	zoom: "Acercar",
 	tin: "Número de Identificación Fiscal"
 };
-var messages$a = {
+var messages$b = {
 	userUpdated: "¡Gracias! Tu perfil se actualizó con éxito.",
 	pictureRemoved: "Tu foto de perfil se eliminó con éxito.",
 	pictureUpdated: "Tu foto de perfil se actualizó con éxito."
 };
 var userEdit_es = {
-	labels: labels$9,
-	messages: messages$a
+	labels: labels$a,
+	messages: messages$b
 };
 
 var title$6 = "Ingresa tu dirección de envío";
 var titleGifting = "Introduce tu dirección";
 var selectAddressTitle = "Por favor, selecciona una dirección";
 var selectAddressSubtitle = "Selecciona una de tus direcciones guardadas o añade una nueva";
-var labels$8 = {
+var labels$9 = {
 	address: "Dirección",
 	code: "Código Postal/Área",
 	city: "Ciudad",
@@ -6372,12 +6542,12 @@ var labels$8 = {
 	required: "obligatorio",
 	isDefault: "Configurar como dirección Principal"
 };
-var buttons$3 = {
+var buttons$4 = {
 	submit: "Enviar",
 	selectAddress: "Seleccionar dirección",
 	addAddress: "Añadir nueva dirección"
 };
-var messages$9 = {
+var messages$a = {
 	addressUpdated: "¡La dirección se actualizó con éxito!",
 	subRedeemed: "Tu suscripción ha sido redimida."
 };
@@ -6386,9 +6556,9 @@ var address_es = {
 	titleGifting: titleGifting,
 	selectAddressTitle: selectAddressTitle,
 	selectAddressSubtitle: selectAddressSubtitle,
-	labels: labels$8,
-	buttons: buttons$3,
-	messages: messages$9
+	labels: labels$9,
+	buttons: buttons$4,
+	messages: messages$a
 };
 
 var title$5 = "Restablecer tu contraseña";
@@ -6416,7 +6586,7 @@ var password = "Contraseña";
 var submit$2 = "Enviar";
 var required$2 = "Obligatorio";
 var passwordResetEmailSent = "Las instrucciones de restablecimiento de la contraseña se han enviado a tu correo";
-var messages$8 = {
+var messages$9 = {
 	alreadyHaveAccount: "¿Ya tienes una cuenta?",
 	loginHere: "Inicia sesión aquí."
 };
@@ -6427,7 +6597,7 @@ var passwordForgot_es = {
 	submit: submit$2,
 	required: required$2,
 	passwordResetEmailSent: passwordResetEmailSent,
-	messages: messages$8
+	messages: messages$9
 };
 
 var title$3 = "Cambiar tu contraseña";
@@ -6455,7 +6625,7 @@ var title$2 = "Acceso sin contraseña";
 var email = "Ingresar correo";
 var submit = "Enviar";
 var required = "obligatorio";
-var messages$7 = {
+var messages$8 = {
 	PasswordlessLoginSuccess: "Por favor, revisa tu correo y sigue las instrucciones que se indican"
 };
 var passwordlessRequest_es = {
@@ -6463,7 +6633,7 @@ var passwordlessRequest_es = {
 	email: email,
 	submit: submit,
 	required: required,
-	messages: messages$7
+	messages: messages$8
 };
 
 var title$1 = "Tu carrito de compras";
@@ -6491,13 +6661,13 @@ var cart_es = {
 	removeAll: removeAll
 };
 
-var buttons$2 = {
+var buttons$3 = {
 	select: "Seleccionar",
 	added: "Añadido al carrito",
 	purchase: "Compra",
 	"continue": "Continuar"
 };
-var messages$6 = {
+var messages$7 = {
 	orderConfirmed: {
 		title: "¡Orden confirmada!",
 		body: "Tu orden ha sido confirmada y será enviada en los próximos días. En breve recibirás un correo electrónico de confirmación de esta orden."
@@ -6506,17 +6676,17 @@ var messages$6 = {
 	multipleCurrencies: "Tu carrito actualmente contiene artículos que están disponibles en diferentes divisas. Para proceder a la compra, asegúrate de que todos los artículos tengan la misma divisa.",
 	currencyMismatch: "El siguiente artículo(s) no coincide con tu divisa predeterminada actual ({{currency}}). Por favor, solo elige artículos que coincidan con esta divisa."
 };
-var labels$7 = {
+var labels$8 = {
 	summary: "Resumen de la orden",
 	total: "total"
 };
 var shop_es = {
-	buttons: buttons$2,
-	messages: messages$6,
-	labels: labels$7
+	buttons: buttons$3,
+	messages: messages$7,
+	labels: labels$8
 };
 
-var labels$6 = {
+var labels$7 = {
 	cardNumber: "Número de Tarjeta",
 	securityCode: "Código de Seguridad",
 	submit: "Enviar",
@@ -6538,7 +6708,7 @@ var labels$6 = {
 		title: "Información de Pago"
 	}
 };
-var messages$5 = {
+var messages$6 = {
 	youAreSafe: "Estás seguro - PCI compliance 128 SSL por",
 	cancel: "Cancela tu suscripción en línea en cualquier momento.",
 	giftSent: "La suscripción de regalo se ha enviado a",
@@ -6552,12 +6722,12 @@ var errors = {
 	"": ""
 };
 var payment_es = {
-	labels: labels$6,
-	messages: messages$5,
+	labels: labels$7,
+	messages: messages$6,
 	errors: errors
 };
 
-var labels$5 = {
+var labels$6 = {
 	menu: "Menú de Pelcro",
 	name: "Nombre",
 	email: "Correo",
@@ -6642,9 +6812,12 @@ var labels$5 = {
 	},
 	subCancellation: {
 		goBack: "Volver"
+	},
+	donationCancellation: {
+		goBack: "Go back"
 	}
 };
-var messages$4 = {
+var messages$5 = {
 	noCard: "No tienes una tarjeta",
 	subCancellation: {
 		isSureToCancel: "¿Estás seguro de que quieres cancelar tu suscripción?",
@@ -6661,11 +6834,60 @@ var messages$4 = {
 		loading: "Reanudando tu suscripción",
 		success: "La suscripción se reanudó con éxito",
 		error: "Error al reanudar tu suscripción"
+	},
+	donationCancellation: {
+		isSureToCancel: "¿Estás seguro de que quieres cancelar tu donación?",
+		loading: "Cancelando tu donación",
+		success: "La donación se canceló con éxito",
+		error: "Error al cancelar tu donación"
+	},
+	donationReactivation: {
+		success: "La donación se reactivó con éxito",
+		error: "Error al reactivar su donación"
+	},
+	donationUnSuspend: {
+		isSureToUnSuspend: "¿Estás seguro de que quieres reanudar tu donación?",
+		loading: "Reanudando tu donación",
+		success: "La donación se reanudó con éxito",
+		error: "Error al reanudar tu donación"
 	}
 };
 var dashboard_es = {
+	labels: labels$6,
+	messages: messages$5
+};
+
+var messages$4 = {
+	alreadyHaveAccount: "¿Ya tienes una cuenta?",
+	loginHere: "Inicia sesión aquí",
+	checkbox: "Marca esta casilla para regalar esta suscripción"
+};
+var labels$5 = {
+	plan: {
+		title: "Suscribirse a un plan",
+		subtitle: "Selecciona uno de los planes a continuación y pulsa en siguiente."
+	},
+	product: {
+		title: "Suscribirse a un producto",
+		subtitle: "Selecciona uno de los productos a continuación y pulsa en siguiente."
+	},
+	selectProduct: "Selecciona un producto",
+	selectPlan: "Selecciona un plan",
+	startingAt: "Inicia el",
+	restrictiveArticles: {
+		subscribeTo: "Suscríbete a una de las siguientes opciones para obtener acceso a esta página",
+		or: "O revisa algunas de nuestras otras opciones a continuación"
+	}
+};
+var buttons$2 = {
+	next: "Siguiente",
+	select: "Seleccionar",
+	back: "Volver"
+};
+var select_es = {
+	messages: messages$4,
 	labels: labels$5,
-	messages: messages$4
+	buttons: buttons$2
 };
 
 var messages$3 = {
@@ -6695,7 +6917,7 @@ var buttons$1 = {
 	select: "Seleccionar",
 	back: "Volver"
 };
-var select_es = {
+var donation_es = {
 	messages: messages$3,
 	labels: labels$4,
 	buttons: buttons$1
@@ -8129,7 +8351,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 OutboundLink$1.origTrackLink = OutboundLink$1.trackLink;
 OutboundLink$1.trackLink = outboundLink;
 var OutboundLink = OutboundLink$1;
-var ReactGA = _objectSpread({}, Defaults, {
+var ReactGA$1 = _objectSpread({}, Defaults, {
   OutboundLink: OutboundLink
 });
 
@@ -8369,7 +8591,7 @@ class PelcroActions {
         return console.warn("You are already logged out.");
       }
       window.Pelcro.user.logout();
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
         category: "ACTIONS",
         action: "Logged out",
         nonInteraction: true
@@ -8539,6 +8761,9 @@ const initialState$n = {
   giftCode: "",
   subscriptionIdToRenew: null,
   subscriptionToManageMembers: null,
+  isDonation: false,
+  selectedDonationAmount: null,
+  customDonationAmount: null,
   // E-commerce
   cartItems: [],
   order: null,
@@ -8722,7 +8947,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
  * @return {boolean}
  */
 const isValidViewFromURL = viewID => {
-  if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "passwordless-request", "passwordless-login", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart", "email-verify", "invoice-details", "manage-members"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
+  if (["login", "register", "plan-select", "donation-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "passwordless-request", "passwordless-login", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart", "email-verify", "invoice-details", "manage-members"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
     return true;
   }
   return false;
@@ -8798,16 +9023,16 @@ const trackSubscriptionOnGA = () => {
     return;
   }
   const currencyCode = (_window$Pelcro$user$r5 = (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.currency) !== null && _window$Pelcro$user$r5 !== void 0 ? _window$Pelcro$user$r5 : plan.currency;
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$set = ReactGA.set) === null || _ReactGA$set === void 0 ? void 0 : _ReactGA$set.call(ReactGA, {
+  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$set = ReactGA$1.set) === null || _ReactGA$set === void 0 ? void 0 : _ReactGA$set.call(ReactGA$1, {
     currencyCode: currencyCode
   });
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin = ReactGA.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$execu = _ReactGA$plugin.execute) === null || _ReactGA$plugin$execu === void 0 ? void 0 : _ReactGA$plugin$execu.call(_ReactGA$plugin, "ecommerce", "addTransaction", {
+  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$plugin = ReactGA$1.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$execu = _ReactGA$plugin.execute) === null || _ReactGA$plugin$execu === void 0 ? void 0 : _ReactGA$plugin$execu.call(_ReactGA$plugin, "ecommerce", "addTransaction", {
     id: lastSubscriptionId,
     affiliation: "Pelcro",
     revenue: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
     coupon: couponCode
   });
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin2 = ReactGA.plugin) === null || _ReactGA$plugin2 === void 0 ? void 0 : (_ReactGA$plugin2$exec = _ReactGA$plugin2.execute) === null || _ReactGA$plugin2$exec === void 0 ? void 0 : _ReactGA$plugin2$exec.call(_ReactGA$plugin2, "ecommerce", "addItem", {
+  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$plugin2 = ReactGA$1.plugin) === null || _ReactGA$plugin2 === void 0 ? void 0 : (_ReactGA$plugin2$exec = _ReactGA$plugin2.execute) === null || _ReactGA$plugin2$exec === void 0 ? void 0 : _ReactGA$plugin2$exec.call(_ReactGA$plugin2, "ecommerce", "addItem", {
     id: lastSubscriptionId,
     name: product.name,
     category: product.description,
@@ -8815,8 +9040,8 @@ const trackSubscriptionOnGA = () => {
     price: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
     quantity: 1
   });
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin3 = ReactGA.plugin) === null || _ReactGA$plugin3 === void 0 ? void 0 : (_ReactGA$plugin3$exec = _ReactGA$plugin3.execute) === null || _ReactGA$plugin3$exec === void 0 ? void 0 : _ReactGA$plugin3$exec.call(_ReactGA$plugin3, "ecommerce", "send");
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$plugin3 = ReactGA$1.plugin) === null || _ReactGA$plugin3 === void 0 ? void 0 : (_ReactGA$plugin3$exec = _ReactGA$plugin3.execute) === null || _ReactGA$plugin3$exec === void 0 ? void 0 : _ReactGA$plugin3$exec.call(_ReactGA$plugin3, "ecommerce", "send");
+  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
     category: "ACTIONS",
     action: "Subscribed",
     nonInteraction: true
@@ -8928,6 +9153,13 @@ function notifyBugsnag(callback, startOptions) {
   }
   callback();
 }
+function isStringValid(str) {
+  // Define the regular expression to match only letters, numbers and spaces
+  var regex = /^[a-zA-Z0-9\s]+$/;
+
+  // Test the string against the regular expression
+  return regex.test(str);
+}
 
 const resources = {
   en: {
@@ -8953,6 +9185,7 @@ const resources = {
     payment: payment_en,
     dashboard: dashboard_en,
     select: select_en,
+    donation: donation_en,
     notification: notification_en,
     invoiceDetails: invoiceDetails_en,
     subscriptionCancel: subscriptionCancel_en,
@@ -8982,6 +9215,7 @@ const resources = {
     payment: payment_fr,
     dashboard: dashboard_fr,
     select: select_fr,
+    donation: donation_fr,
     notification: notification_fr,
     invoiceDetails: invoiceDetails_fr,
     subscriptionCancel: subscriptionCancel_fr,
@@ -9011,6 +9245,7 @@ const resources = {
     payment: payment_ko,
     dashboard: dashboard_ko,
     select: select_ko,
+    donation: donation_ko,
     notification: notification_ko,
     invoiceDetails: invoiceDetails_ko,
     subscriptionCancel: subscriptionCancel_ko,
@@ -9040,6 +9275,7 @@ const resources = {
     payment: payment_es,
     dashboard: dashboard_es,
     select: select_es,
+    donation: donation_es,
     notification: notification_es,
     invoiceDetails: invoiceDetails_es,
     subscriptionCancel: subscriptionCancel_es,
@@ -9075,88 +9311,257 @@ pageLanguageObserver.observe(document.documentElement, {
   attributes: true
 });
 
-function _classPrivateFieldGet(receiver, privateMap) {
-  var descriptor = privateMap.get(receiver);
+var pure$1 = createCommonjsModule(function (module, exports) {
 
-  if (!descriptor) {
-    throw new TypeError("attempted to get private field on non-instance");
-  }
+Object.defineProperty(exports, '__esModule', { value: true });
 
-  if (descriptor.get) {
-    return descriptor.get.call(receiver);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function (obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function (obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
   }
 
-  return descriptor.value;
+  return _typeof(obj);
 }
 
-function _classPrivateFieldInitSpec$2(obj, privateMap, value) { _checkPrivateRedeclaration$2(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration$2(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-var _isAlreadySaved = /*#__PURE__*/new WeakMap();
-var _markButtonAsLoading = /*#__PURE__*/new WeakMap();
-var _removeLoadingState = /*#__PURE__*/new WeakMap();
-var _markButtonAsSaved = /*#__PURE__*/new WeakMap();
-var _unmarkSavedButton = /*#__PURE__*/new WeakMap();
-var _markAllSavedButtons = /*#__PURE__*/new WeakMap();
-var _unmarkAllSavedButtons = /*#__PURE__*/new WeakMap();
-var _saveToMetadata = /*#__PURE__*/new WeakMap();
-var _removeMetaData = /*#__PURE__*/new WeakMap();
-var _onClick = /*#__PURE__*/new WeakMap();
-class SaveToMetadataButtonClass {
-  constructor() {
-    _defineProperty$3(this, "authenticated", () => {
-      _classPrivateFieldGet(this, _onClick).call(this, _classPrivateFieldGet(this, _saveToMetadata));
-      _classPrivateFieldGet(this, _markAllSavedButtons).call(this);
-    });
-    _defineProperty$3(this, "unauthenticated", () => {
-      const {
-        switchView
-      } = usePelcro.getStore();
-      _classPrivateFieldGet(this, _onClick).call(this, () => switchView("login"));
-      _classPrivateFieldGet(this, _unmarkAllSavedButtons).call(this);
-    });
-    _classPrivateFieldInitSpec$2(this, _isAlreadySaved, {
-      writable: true,
-      value: button => {
-        return button.classList.contains("pelcro-is-active");
-      }
-    });
-    _classPrivateFieldInitSpec$2(this, _markButtonAsLoading, {
-      writable: true,
-      value: button => {
-        button.classList.add("pelcro-is-loading");
-        button.disabled = true;
-      }
-    });
-    _classPrivateFieldInitSpec$2(this, _removeLoadingState, {
-      writable: true,
-      value: button => {
-        button.classList.remove("pelcro-is-loading");
-        button.disabled = false;
-      }
-    });
-    _classPrivateFieldInitSpec$2(this, _markButtonAsSaved, {
-      writable: true,
-      value: button => {
-        button.classList.add("pelcro-is-active");
-        _classPrivateFieldGet(this, _removeLoadingState).call(this, button);
-      }
-    });
-    _classPrivateFieldInitSpec$2(this, _unmarkSavedButton, {
-      writable: true,
-      value: button => {
-        button.classList.remove("pelcro-is-active");
-        _classPrivateFieldGet(this, _removeLoadingState).call(this, button);
+var V3_URL = 'https://js.stripe.com/v3';
+var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
+var EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';
+var findScript = function findScript() {
+  var scripts = document.querySelectorAll("script[src^=\"".concat(V3_URL, "\"]"));
+
+  for (var i = 0; i < scripts.length; i++) {
+    var script = scripts[i];
+
+    if (!V3_URL_REGEX.test(script.src)) {
+      continue;
+    }
+
+    return script;
+  }
+
+  return null;
+};
+
+var injectScript = function injectScript(params) {
+  var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
+  var script = document.createElement('script');
+  script.src = "".concat(V3_URL).concat(queryString);
+  var headOrBody = document.head || document.body;
+
+  if (!headOrBody) {
+    throw new Error('Expected document.body not to be null. Stripe.js requires a <body> element.');
+  }
+
+  headOrBody.appendChild(script);
+  return script;
+};
+
+var registerWrapper = function registerWrapper(stripe, startTime) {
+  if (!stripe || !stripe._registerWrapper) {
+    return;
+  }
+
+  stripe._registerWrapper({
+    name: 'stripe-js',
+    version: "1.21.1",
+    startTime: startTime
+  });
+};
+
+var stripePromise = null;
+var loadScript = function loadScript(params) {
+  // Ensure that we only attempt to load Stripe.js at most once
+  if (stripePromise !== null) {
+    return stripePromise;
+  }
+
+  stripePromise = new Promise(function (resolve, reject) {
+    if (typeof window === 'undefined') {
+      // Resolve to null when imported server side. This makes the module
+      // safe to import in an isomorphic code base.
+      resolve(null);
+      return;
+    }
+
+    if (window.Stripe && params) {
+      console.warn(EXISTING_SCRIPT_MESSAGE);
+    }
+
+    if (window.Stripe) {
+      resolve(window.Stripe);
+      return;
+    }
+
+    try {
+      var script = findScript();
+
+      if (script && params) {
+        console.warn(EXISTING_SCRIPT_MESSAGE);
+      } else if (!script) {
+        script = injectScript(params);
       }
-    });
-    _classPrivateFieldInitSpec$2(this, _markAllSavedButtons, {
-      writable: true,
-      value: () => {
-        var _Object$values, _window$Pelcro$user$r;
-        const userMetadataArray = (_Object$values = Object.values((_window$Pelcro$user$r = window.Pelcro.user.read().metadata) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : {})) === null || _Object$values === void 0 ? void 0 : _Object$values.flat();
-        this.saveButtons.forEach(button => {
-          const buttonMetadata = button.dataset;
-          userMetadataArray === null || userMetadataArray === void 0 ? void 0 : userMetadataArray.forEach(value => {
-            if ((value === null || value === void 0 ? void 0 : value.title) === (buttonMetadata === null || buttonMetadata === void 0 ? void 0 : buttonMetadata.title)) {
+
+      script.addEventListener('load', function () {
+        if (window.Stripe) {
+          resolve(window.Stripe);
+        } else {
+          reject(new Error('Stripe.js not available'));
+        }
+      });
+      script.addEventListener('error', function () {
+        reject(new Error('Failed to load Stripe.js'));
+      });
+    } catch (error) {
+      reject(error);
+      return;
+    }
+  });
+  return stripePromise;
+};
+var initStripe = function initStripe(maybeStripe, args, startTime) {
+  if (maybeStripe === null) {
+    return null;
+  }
+
+  var stripe = maybeStripe.apply(undefined, args);
+  registerWrapper(stripe, startTime);
+  return stripe;
+};
+var validateLoadParams = function validateLoadParams(params) {
+  var errorMessage = "invalid load parameters; expected object of shape\n\n    {advancedFraudSignals: boolean}\n\nbut received\n\n    ".concat(JSON.stringify(params), "\n");
+
+  if (params === null || _typeof(params) !== 'object') {
+    throw new Error(errorMessage);
+  }
+
+  if (Object.keys(params).length === 1 && typeof params.advancedFraudSignals === 'boolean') {
+    return params;
+  }
+
+  throw new Error(errorMessage);
+};
+
+var loadParams;
+var loadStripeCalled = false;
+var loadStripe = function loadStripe() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  loadStripeCalled = true;
+  var startTime = Date.now();
+  return loadScript(loadParams).then(function (maybeStripe) {
+    return initStripe(maybeStripe, args, startTime);
+  });
+};
+
+loadStripe.setLoadParameters = function (params) {
+  if (loadStripeCalled) {
+    throw new Error('You cannot change load parameters after calling loadStripe');
+  }
+
+  loadParams = validateLoadParams(params);
+};
+
+exports.loadStripe = loadStripe;
+});
+
+unwrapExports(pure$1);
+pure$1.loadStripe;
+
+var pure = pure$1;
+var pure_1 = pure.loadStripe;
+
+function _classPrivateFieldGet(receiver, privateMap) {
+  var descriptor = privateMap.get(receiver);
+
+  if (!descriptor) {
+    throw new TypeError("attempted to get private field on non-instance");
+  }
+
+  if (descriptor.get) {
+    return descriptor.get.call(receiver);
+  }
+
+  return descriptor.value;
+}
+
+function _classPrivateFieldInitSpec$2(obj, privateMap, value) { _checkPrivateRedeclaration$2(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration$2(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+var _isAlreadySaved = /*#__PURE__*/new WeakMap();
+var _markButtonAsLoading = /*#__PURE__*/new WeakMap();
+var _removeLoadingState = /*#__PURE__*/new WeakMap();
+var _markButtonAsSaved = /*#__PURE__*/new WeakMap();
+var _unmarkSavedButton = /*#__PURE__*/new WeakMap();
+var _markAllSavedButtons = /*#__PURE__*/new WeakMap();
+var _unmarkAllSavedButtons = /*#__PURE__*/new WeakMap();
+var _saveToMetadata = /*#__PURE__*/new WeakMap();
+var _removeMetaData = /*#__PURE__*/new WeakMap();
+var _onClick = /*#__PURE__*/new WeakMap();
+class SaveToMetadataButtonClass {
+  constructor() {
+    _defineProperty$3(this, "authenticated", () => {
+      _classPrivateFieldGet(this, _onClick).call(this, _classPrivateFieldGet(this, _saveToMetadata));
+      _classPrivateFieldGet(this, _markAllSavedButtons).call(this);
+    });
+    _defineProperty$3(this, "unauthenticated", () => {
+      const {
+        switchView
+      } = usePelcro.getStore();
+      _classPrivateFieldGet(this, _onClick).call(this, () => switchView("login"));
+      _classPrivateFieldGet(this, _unmarkAllSavedButtons).call(this);
+    });
+    _classPrivateFieldInitSpec$2(this, _isAlreadySaved, {
+      writable: true,
+      value: button => {
+        return button.classList.contains("pelcro-is-active");
+      }
+    });
+    _classPrivateFieldInitSpec$2(this, _markButtonAsLoading, {
+      writable: true,
+      value: button => {
+        button.classList.add("pelcro-is-loading");
+        button.disabled = true;
+      }
+    });
+    _classPrivateFieldInitSpec$2(this, _removeLoadingState, {
+      writable: true,
+      value: button => {
+        button.classList.remove("pelcro-is-loading");
+        button.disabled = false;
+      }
+    });
+    _classPrivateFieldInitSpec$2(this, _markButtonAsSaved, {
+      writable: true,
+      value: button => {
+        button.classList.add("pelcro-is-active");
+        _classPrivateFieldGet(this, _removeLoadingState).call(this, button);
+      }
+    });
+    _classPrivateFieldInitSpec$2(this, _unmarkSavedButton, {
+      writable: true,
+      value: button => {
+        button.classList.remove("pelcro-is-active");
+        _classPrivateFieldGet(this, _removeLoadingState).call(this, button);
+      }
+    });
+    _classPrivateFieldInitSpec$2(this, _markAllSavedButtons, {
+      writable: true,
+      value: () => {
+        var _Object$values, _window$Pelcro$user$r;
+        const userMetadataArray = (_Object$values = Object.values((_window$Pelcro$user$r = window.Pelcro.user.read().metadata) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : {})) === null || _Object$values === void 0 ? void 0 : _Object$values.flat();
+        this.saveButtons.forEach(button => {
+          const buttonMetadata = button.dataset;
+          userMetadataArray === null || userMetadataArray === void 0 ? void 0 : userMetadataArray.forEach(value => {
+            if ((value === null || value === void 0 ? void 0 : value.title) === (buttonMetadata === null || buttonMetadata === void 0 ? void 0 : buttonMetadata.title)) {
               _classPrivateFieldGet(this, _markButtonAsSaved).call(this, button);
             }
           });
@@ -9213,7 +9618,7 @@ class SaveToMetadataButtonClass {
               return _classPrivateFieldGet(this, _removeLoadingState).call(this, button);
             }
             _classPrivateFieldGet(this, _markButtonAsSaved).call(this, button);
-            ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+            ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
               category: "ACTIONS",
               action: "Save/Follow",
               label: buttonMetadata === null || buttonMetadata === void 0 ? void 0 : buttonMetadata.title
@@ -9245,7 +9650,7 @@ class SaveToMetadataButtonClass {
               return _classPrivateFieldGet(this, _removeLoadingState).call(this, button);
             }
             _classPrivateFieldGet(this, _unmarkSavedButton).call(this, button);
-            ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+            ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$1.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$1, {
               category: "ACTIONS",
               action: "Unsave/Unfollow",
               label: title
@@ -10250,7 +10655,7 @@ toast.confirm = function (onConfirm, _ref3) {
       ...options
     });
     setTimeout(() => {
-      notify$1.dismiss(id);
+      notify.dismiss(id);
     }, 3000);
   };
   const onFailure = errorValue => {
@@ -10259,11 +10664,11 @@ toast.confirm = function (onConfirm, _ref3) {
       ...options
     });
     setTimeout(() => {
-      notify$1.dismiss(id);
+      notify.dismiss(id);
     }, 3000);
   };
 };
-const notify$1 = toast;
+const notify = toast;
 
 const translations = i18next.t("common:buttons", {
   returnObjects: true
@@ -10324,7 +10729,7 @@ const init$1 = () => {
             const errorMessage = i18next.t("messages:invalidSubscription", {
               returnObjects: true
             });
-            return notify$1.error(errorMessage);
+            return notify.error(errorMessage);
           }
           switchView("manage-members");
         });
@@ -10332,7 +10737,7 @@ const init$1 = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
     }
   }
@@ -10390,6 +10795,57 @@ const init$1 = () => {
       }
     }
   }
+  const pelcroDonateButtonsByClass = document.getElementsByClassName("pelcro-donate-button");
+  if (pelcroDonateButtonsByClass.length !== 0) {
+    for (let j = 0; j < pelcroDonateButtonsByClass.length; j++) {
+      if (pelcroDonateButtonsByClass[j].dataset && "productId" in pelcroDonateButtonsByClass[j].dataset) {
+        pelcroDonateButtonsByClass[j].addEventListener("click", e => {
+          var _selectedProduct$plan2;
+          set({
+            isDonation: true
+          });
+          const productsList = window.Pelcro.product.list();
+          if (!(productsList !== null && productsList !== void 0 && productsList.length)) return;
+          const [productId, planId, isGift] = [e.target.dataset.productId, e.target.dataset.planId, e.target.dataset.isGift];
+          const selectedProduct = productsList.find(product => product.id === Number(productId));
+          const selectedPlan = selectedProduct === null || selectedProduct === void 0 ? void 0 : (_selectedProduct$plan2 = selectedProduct.plans) === null || _selectedProduct$plan2 === void 0 ? void 0 : _selectedProduct$plan2.find(plan => plan.id === Number(planId));
+          set({
+            product: selectedProduct,
+            plan: selectedPlan,
+            isGift: Boolean(isGift)
+          });
+          if (!selectedProduct || !selectedPlan) {
+            return switchView("plan-select");
+          }
+
+          // if (!isAuthenticated()) {
+          //   return switchView("register");
+          // }
+
+          if (isGift) {
+            return switchView("gift-create");
+          }
+
+          // const requiresAddress = Boolean(
+          //   selectedProduct.address_required
+          // );
+
+          // if (requiresAddress) {
+          //   return switchToAddressView();
+          // }
+
+          return switchToPaymentView();
+        });
+      } else {
+        pelcroDonateButtonsByClass[j].addEventListener("click", () => {
+          set({
+            isDonation: true
+          });
+          switchView("donation-select");
+        });
+      }
+    }
+  }
   const pelcroOfflineSubButtonsByClass = document.getElementsByClassName("pelcro-offline-subscribe-button");
   if (pelcroOfflineSubButtonsByClass.length !== 0) {
     for (let j = 0; j < pelcroOfflineSubButtonsByClass.length; j++) {
@@ -10469,7 +10925,7 @@ const init$1 = () => {
             const errorMsg = i18next.t("shop:messages.currencyMismatch", {
               currency: userCurrency
             });
-            notify$1.error(errorMsg);
+            notify.error(errorMsg);
           }
         });
       }
@@ -10562,7 +11018,7 @@ const init = () => {
       unblurElemWhenUserLogsIn(elemDeepClone, entitlements);
       unblurElemWhenUserLogsOut(elemDeepClone, entitlements);
       const NOTIFICATION_ID = "entitlement";
-      notify$1( /*#__PURE__*/React__default['default'].createElement("p", null, /*#__PURE__*/React__default['default'].createElement(Trans, {
+      notify( /*#__PURE__*/React__default['default'].createElement("p", null, /*#__PURE__*/React__default['default'].createElement(Trans, {
         i18nKey: "messages:entitlement"
       }, "Some of the content on this page is available with one or more of our plans.", /*#__PURE__*/React__default['default'].createElement(Link, {
         onClick: () => {
@@ -10577,7 +11033,7 @@ const init = () => {
               plan: selectedPlan
             });
           }
-          notify$1.dismiss(NOTIFICATION_ID);
+          notify.dismiss(NOTIFICATION_ID);
           switchView("_plan-select-entitlements");
         }
       }, "Subscribe"), "now to get full page access.")), {
@@ -10642,208 +11098,39 @@ function shouldBlurContent(entitlements) {
   return entitlements.every(entitlement => !window.Pelcro.user.isEntitledTo(entitlement));
 }
 
-var pure$1 = createCommonjsModule(function (module, exports) {
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
+/**
+ * Extracts error message from the response error object
+ * @param {Object} error Error object
+ * @return {string}
+ */
+const getErrorMessages = error => {
+  var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
+  if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
+    return error.error.message;
   }
+  if (error !== null && error !== void 0 && (_error$response = error.response) !== null && _error$response !== void 0 && (_error$response$data = _error$response.data) !== null && _error$response$data !== void 0 && _error$response$data.message) {
+    var _error$response2, _error$response2$data;
+    return error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.message;
+  }
+  if (error !== null && error !== void 0 && (_error$response3 = error.response) !== null && _error$response3 !== void 0 && (_error$response3$data = _error$response3.data) !== null && _error$response3$data !== void 0 && (_error$response3$data2 = _error$response3$data.error) !== null && _error$response3$data2 !== void 0 && _error$response3$data2.message) {
+    var _error$response4, _error$response4$data, _error$response4$data2;
+    return error === null || error === void 0 ? void 0 : (_error$response4 = error.response) === null || _error$response4 === void 0 ? void 0 : (_error$response4$data = _error$response4.data) === null || _error$response4$data === void 0 ? void 0 : (_error$response4$data2 = _error$response4$data.error) === null || _error$response4$data2 === void 0 ? void 0 : _error$response4$data2.message;
+  }
+  if (error !== null && error !== void 0 && (_error$response5 = error.response) !== null && _error$response5 !== void 0 && (_error$response5$data = _error$response5.data) !== null && _error$response5$data !== void 0 && _error$response5$data.errors) {
+    var _error$response6, _error$response6$data;
+    const errorMessages = [];
 
-  return _typeof(obj);
-}
-
-var V3_URL = 'https://js.stripe.com/v3';
-var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
-var EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';
-var findScript = function findScript() {
-  var scripts = document.querySelectorAll("script[src^=\"".concat(V3_URL, "\"]"));
-
-  for (var i = 0; i < scripts.length; i++) {
-    var script = scripts[i];
-
-    if (!V3_URL_REGEX.test(script.src)) {
-      continue;
-    }
+    // enumerable error (ex: validation errors)
+    Object.values(error === null || error === void 0 ? void 0 : (_error$response6 = error.response) === null || _error$response6 === void 0 ? void 0 : (_error$response6$data = _error$response6.data) === null || _error$response6$data === void 0 ? void 0 : _error$response6$data.errors).forEach(_ref => {
+      let [errorMessage] = _ref;
+      errorMessages.push(errorMessage);
+    });
 
-    return script;
-  }
-
-  return null;
-};
-
-var injectScript = function injectScript(params) {
-  var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
-  var script = document.createElement('script');
-  script.src = "".concat(V3_URL).concat(queryString);
-  var headOrBody = document.head || document.body;
-
-  if (!headOrBody) {
-    throw new Error('Expected document.body not to be null. Stripe.js requires a <body> element.');
-  }
-
-  headOrBody.appendChild(script);
-  return script;
-};
-
-var registerWrapper = function registerWrapper(stripe, startTime) {
-  if (!stripe || !stripe._registerWrapper) {
-    return;
-  }
-
-  stripe._registerWrapper({
-    name: 'stripe-js',
-    version: "1.21.1",
-    startTime: startTime
-  });
-};
-
-var stripePromise = null;
-var loadScript = function loadScript(params) {
-  // Ensure that we only attempt to load Stripe.js at most once
-  if (stripePromise !== null) {
-    return stripePromise;
-  }
-
-  stripePromise = new Promise(function (resolve, reject) {
-    if (typeof window === 'undefined') {
-      // Resolve to null when imported server side. This makes the module
-      // safe to import in an isomorphic code base.
-      resolve(null);
-      return;
-    }
-
-    if (window.Stripe && params) {
-      console.warn(EXISTING_SCRIPT_MESSAGE);
-    }
-
-    if (window.Stripe) {
-      resolve(window.Stripe);
-      return;
-    }
-
-    try {
-      var script = findScript();
-
-      if (script && params) {
-        console.warn(EXISTING_SCRIPT_MESSAGE);
-      } else if (!script) {
-        script = injectScript(params);
-      }
-
-      script.addEventListener('load', function () {
-        if (window.Stripe) {
-          resolve(window.Stripe);
-        } else {
-          reject(new Error('Stripe.js not available'));
-        }
-      });
-      script.addEventListener('error', function () {
-        reject(new Error('Failed to load Stripe.js'));
-      });
-    } catch (error) {
-      reject(error);
-      return;
-    }
-  });
-  return stripePromise;
-};
-var initStripe = function initStripe(maybeStripe, args, startTime) {
-  if (maybeStripe === null) {
-    return null;
-  }
-
-  var stripe = maybeStripe.apply(undefined, args);
-  registerWrapper(stripe, startTime);
-  return stripe;
-};
-var validateLoadParams = function validateLoadParams(params) {
-  var errorMessage = "invalid load parameters; expected object of shape\n\n    {advancedFraudSignals: boolean}\n\nbut received\n\n    ".concat(JSON.stringify(params), "\n");
-
-  if (params === null || _typeof(params) !== 'object') {
-    throw new Error(errorMessage);
-  }
-
-  if (Object.keys(params).length === 1 && typeof params.advancedFraudSignals === 'boolean') {
-    return params;
-  }
-
-  throw new Error(errorMessage);
-};
-
-var loadParams;
-var loadStripeCalled = false;
-var loadStripe = function loadStripe() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  loadStripeCalled = true;
-  var startTime = Date.now();
-  return loadScript(loadParams).then(function (maybeStripe) {
-    return initStripe(maybeStripe, args, startTime);
-  });
-};
-
-loadStripe.setLoadParameters = function (params) {
-  if (loadStripeCalled) {
-    throw new Error('You cannot change load parameters after calling loadStripe');
-  }
-
-  loadParams = validateLoadParams(params);
-};
-
-exports.loadStripe = loadStripe;
-});
-
-unwrapExports(pure$1);
-pure$1.loadStripe;
-
-var pure = pure$1;
-var pure_1 = pure.loadStripe;
-
-/**
- * Extracts error message from the response error object
- * @param {Object} error Error object
- * @return {string}
- */
-const getErrorMessages = error => {
-  var _error$error, _error$response, _error$response$data, _error$response3, _error$response3$data, _error$response3$data2, _error$response5, _error$response5$data;
-  if (error !== null && error !== void 0 && (_error$error = error.error) !== null && _error$error !== void 0 && _error$error.message) {
-    return error.error.message;
-  }
-  if (error !== null && error !== void 0 && (_error$response = error.response) !== null && _error$response !== void 0 && (_error$response$data = _error$response.data) !== null && _error$response$data !== void 0 && _error$response$data.message) {
-    var _error$response2, _error$response2$data;
-    return error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.message;
-  }
-  if (error !== null && error !== void 0 && (_error$response3 = error.response) !== null && _error$response3 !== void 0 && (_error$response3$data = _error$response3.data) !== null && _error$response3$data !== void 0 && (_error$response3$data2 = _error$response3$data.error) !== null && _error$response3$data2 !== void 0 && _error$response3$data2.message) {
-    var _error$response4, _error$response4$data, _error$response4$data2;
-    return error === null || error === void 0 ? void 0 : (_error$response4 = error.response) === null || _error$response4 === void 0 ? void 0 : (_error$response4$data = _error$response4.data) === null || _error$response4$data === void 0 ? void 0 : (_error$response4$data2 = _error$response4$data.error) === null || _error$response4$data2 === void 0 ? void 0 : _error$response4$data2.message;
-  }
-  if (error !== null && error !== void 0 && (_error$response5 = error.response) !== null && _error$response5 !== void 0 && (_error$response5$data = _error$response5.data) !== null && _error$response5$data !== void 0 && _error$response5$data.errors) {
-    var _error$response6, _error$response6$data;
-    const errorMessages = [];
-
-    // enumerable error (ex: validation errors)
-    Object.values(error === null || error === void 0 ? void 0 : (_error$response6 = error.response) === null || _error$response6 === void 0 ? void 0 : (_error$response6$data = _error$response6.data) === null || _error$response6$data === void 0 ? void 0 : _error$response6$data.errors).forEach(_ref => {
-      let [errorMessage] = _ref;
-      errorMessages.push(errorMessage);
-    });
-
-    // convert to multiline string
-    return errorMessages.join("\n");
-  }
-  if (error !== null && error !== void 0 && error.message) {
-    return error.message;
+    // convert to multiline string
+    return errorMessages.join("\n");
+  }
+  if (error !== null && error !== void 0 && error.message) {
+    return error.message;
   }
 };
 
@@ -10961,16 +11248,12 @@ const initPaywalls = () => {
 };
 const loadPaymentSDKs = () => {
   // Lazy load stripe's SDK
-  const {
-    whenUserReady
-  } = usePelcro.getStore();
+  usePelcro.getStore();
   const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
   const supportsTap = Boolean(window.Pelcro.site.read().tap_gateway_settings);
-  whenUserReady(() => {
-    if (!window.Stripe && !supportsVantiv && !supportsTap) {
-      pure_1(window.Pelcro.environment.stripe);
-    }
-  });
+  if (!window.Stripe && !supportsVantiv && !supportsTap) {
+    pure_1(window.Pelcro.environment.stripe);
+  }
 
   // Load PayPal SDKs
   const supportsPaypal = Boolean(window.Pelcro.site.read().braintree_tokenization);
@@ -11017,12 +11300,12 @@ const initSecuritySdk = () => {
 };
 const initGATracking = () => {
   var _ReactGA$initialize, _ReactGA$plugin, _ReactGA$plugin$requi;
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$initialize = ReactGA.initialize) === null || _ReactGA$initialize === void 0 ? void 0 : _ReactGA$initialize.call(ReactGA, window.Pelcro.site.read().google_analytics_id);
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin = ReactGA.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$requi = _ReactGA$plugin.require) === null || _ReactGA$plugin$requi === void 0 ? void 0 : _ReactGA$plugin$requi.call(_ReactGA$plugin, "ecommerce");
+  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$initialize = ReactGA$1.initialize) === null || _ReactGA$initialize === void 0 ? void 0 : _ReactGA$initialize.call(ReactGA$1, window.Pelcro.site.read().google_analytics_id);
+  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$plugin = ReactGA$1.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$requi = _ReactGA$plugin.require) === null || _ReactGA$plugin$requi === void 0 ? void 0 : _ReactGA$plugin$requi.call(_ReactGA$plugin, "ecommerce");
 };
 const dispatchModalDisplayEvents = modalName => {
   var _ReactGA$event, _modalName$replace, _modalName$replace2;
-  ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+  ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
     category: "VIEWS",
     action: `${modalName === null || modalName === void 0 ? void 0 : (_modalName$replace = modalName.replace("pelcro-", "")) === null || _modalName$replace === void 0 ? void 0 : _modalName$replace.replaceAll("-", " ")} viewed`,
     nonInteraction: true
@@ -11121,6 +11404,9 @@ const initViewFromURL = () => {
       if (view === "plan-select") {
         return initSubscriptionFromURL();
       }
+      if (view === "donation-select") {
+        return initDonationFromURL();
+      }
       if (view === "register") {
         const offlinePlanId = window.Pelcro.helpers.getURLParameter("plan_id");
         if (offlinePlanId) {
@@ -11203,6 +11489,61 @@ const initSubscriptionFromURL = () => {
   });
 };
 
+/**
+ * Initializes the donation flow if 'product_id' & 'plan_id' params exist
+ * with valid IDs. Otherwise, switches to the donation selection flow
+ */
+const initDonationFromURL = () => {
+  const {
+    switchView,
+    whenSiteReady,
+    set
+  } = usePelcro.getStore();
+  whenSiteReady(() => {
+    var _selectedProduct$plan2;
+    const productsList = window.Pelcro.product.list();
+    if (!(productsList !== null && productsList !== void 0 && productsList.length)) {
+      return;
+    }
+    const [productId, planId, isGiftParam] = [window.Pelcro.helpers.getURLParameter("product_id"), window.Pelcro.helpers.getURLParameter("plan_id"), window.Pelcro.helpers.getURLParameter("is_gift")];
+    const isGift = (isGiftParam === null || isGiftParam === void 0 ? void 0 : isGiftParam.toLowerCase()) === "true";
+    const selectedProduct = productsList.find(product => product.id === Number(productId));
+    const selectedPlan = selectedProduct === null || selectedProduct === void 0 ? void 0 : (_selectedProduct$plan2 = selectedProduct.plans) === null || _selectedProduct$plan2 === void 0 ? void 0 : _selectedProduct$plan2.find(plan => plan.id === Number(planId));
+    set({
+      product: selectedProduct,
+      plan: selectedPlan,
+      isGift
+    });
+    if (!selectedProduct || !selectedPlan) {
+      set({
+        isDonation: true
+      });
+      return switchView("donation-select");
+    }
+    const {
+      isAuthenticated,
+      switchToAddressView,
+      switchToPaymentView
+    } = usePelcro.getStore();
+
+    // if (!isAuthenticated()) {
+    //   return switchView("register");
+    // }
+
+    // if (isGift) {
+    //   return switchView("gift-create");
+    // }
+
+    // const requiresAddress = Boolean(selectedProduct.address_required);
+    //
+    // if (requiresAddress) {
+    //   return switchToAddressView();
+    // }
+
+    return switchToPaymentView();
+  });
+};
+
 /**
  * Initializes offline subscription flow if 'plan_id' params exist
  * with valid IDs, Otherwise, ignore the param
@@ -11302,9 +11643,9 @@ const verifyEmailTokenFromUrl = () => {
       token: emailToken
     }, (err, res) => {
       if (err) {
-        return notify$1.error(getErrorMessages(err));
+        return notify.error(getErrorMessages(err));
       }
-      return notify$1.success(translations.success);
+      return notify.success(translations.success);
     });
   }, {
     once: true
@@ -11328,7 +11669,7 @@ const verifyLinkTokenFromUrl = () => {
       token: loginToken
     }, (err, res) => {
       if (err) {
-        return notify$1.error(getErrorMessages(err));
+        return notify.error(getErrorMessages(err));
       }
       const {
         auth_token
@@ -11337,10 +11678,10 @@ const verifyLinkTokenFromUrl = () => {
         auth_token
       }, (err, res) => {
         if (err) {
-          return notify$1.error(getErrorMessages(err));
+          return notify.error(getErrorMessages(err));
         }
         resetView();
-        return notify$1.success(translations.success);
+        return notify.success(translations.success);
       });
     });
   }, {
@@ -11415,7 +11756,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidInvoice", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       const {
         invoice
@@ -11424,7 +11765,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:zeroTotalInvoice", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       return switchView("invoice-details");
     });
@@ -11449,7 +11790,7 @@ const showSubscriptionManageMembersFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       return switchView("manage-members");
     });
@@ -11474,8 +11815,18 @@ const PelcroModalController = _ref => {
   const {
     view,
     isAuthenticated,
-    whenSiteReady
+    whenSiteReady,
+    isDonation
   } = usePelcro();
+  const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
+  const supportsTap = Boolean(window.Pelcro.site.read().tap_gateway_settings);
+  React__default['default'].useEffect(() => {
+    if (isDonation) {
+      if (!window.Stripe && !supportsVantiv && !supportsTap) {
+        pure_1(window.Pelcro.environment.stripe);
+      }
+    }
+  }, [isDonation]);
   React__default['default'].useEffect(() => {
     init$1();
     renderShopView(React__default['default'].Children.map(children, child => child).find(_ref2 => {
@@ -11886,7 +12237,13 @@ const LoginContainer = _ref => {
         });
         onFailure(err);
       } else {
+        var _ReactGA, _ReactGA$event;
         onSuccess(res);
+        (_ReactGA = ReactGA) === null || _ReactGA === void 0 ? void 0 : (_ReactGA$event = _ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(_ReactGA, {
+          category: "ACTIONS",
+          action: "Logged in",
+          nonInteraction: true
+        });
       }
     });
   };
@@ -12276,7 +12633,7 @@ const Logout = props => {
   const handleLogout = () => {
     var _ReactGA$event;
     window.Pelcro.user.logout();
-    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+    ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
       category: "ACTIONS",
       action: "Logged out",
       nonInteraction: true
@@ -13863,7 +14220,7 @@ function RegisterModal(props) {
   };
   const handleAfterRegistrationLogic = () => {
     var _ReactGA$event, _window$Pelcro$site$r, _window$Pelcro$site$r2;
-    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+    ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
       category: "ACTIONS",
       action: "Registered",
       nonInteraction: true
@@ -13987,7 +14344,402 @@ function SelectModalWithHook(props) {
     setProductAndPlan: (product, plan, isGift) => set({
       product,
       plan,
-      isGift
+      isGift
+    }),
+    setView: switchView,
+    matchingEntitlements: view === "_plan-select-entitlements" ? entitlements : null
+  });
+}
+function productsWithMatchedTaggedFirst$1() {
+  var _window$Pelcro$produc;
+  const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
+  const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
+  const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
+  return [productsThatMatchArticleTag, allProductsMinusMatched];
+}
+function productMatchPageLanguage(product) {
+  if (!product) {
+    return false;
+  }
+  if (product.language === null) {
+    return true;
+  }
+  const siteLanguage = window.Pelcro.helpers.getHtmlLanguageAttribute();
+  return product.language === siteLanguage;
+}
+SelectModalWithHook.viewId = "plan-select";
+class SelectModal extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty$3(this, "componentDidMount", () => {
+      if (this.props.product) {
+        const {
+          product
+        } = this.props;
+        const planList = product.plans;
+        this.setState({
+          product,
+          planList,
+          mode: "plan"
+        });
+      }
+      if (this.props.plan) {
+        const {
+          plan
+        } = this.props;
+        this.setState({
+          plan,
+          disabled: false
+        });
+      }
+      if (this.state.productList.length === 1) {
+        this.setState({
+          product: this.state.productList[0],
+          planList: this.state.productList[0].plans,
+          mode: "plan"
+        });
+      }
+      if (this.state.productList.length === 0 && !window.Pelcro.user.isAuthenticated()) {
+        this.props.setView("register");
+      }
+      document.addEventListener("keydown", this.handleSubmit);
+      if (!document.querySelector("#pelcro-selection-view") || !document.querySelector(".pelcro-select-product-wrapper")) {
+        var _window$Pelcro, _window$Pelcro$user, _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$site;
+        const userCurrency = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$user = _window$Pelcro.user) === null || _window$Pelcro$user === void 0 ? void 0 : _window$Pelcro$user.read().currency;
+        const userCountry = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$user = _window$Pelcro2.user) === null || _window$Pelcro2$user === void 0 ? void 0 : _window$Pelcro2$user.location.countryCode;
+        const userLanguage = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$user = _window$Pelcro3.user) === null || _window$Pelcro3$user === void 0 ? void 0 : _window$Pelcro3$user.read().language;
+        const productsMatchingUserCurrency = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$site = _window$Pelcro4.site) === null || _window$Pelcro4$site === void 0 ? void 0 : _window$Pelcro4$site.read().products.filter(product => {
+          const filteredPlans = product.plans.filter(plan => plan.currency === userCurrency || !userCurrency);
+          if (filteredPlans.length) return filteredPlans;
+        });
+        const productsMatchingUserCountry = productsMatchingUserCurrency.filter(product => {
+          const filteredPlans = product.plans.filter(plan => {
+            var _plan$countries;
+            return plan.countries && ((_plan$countries = plan.countries) === null || _plan$countries === void 0 ? void 0 : _plan$countries.includes(userCountry)) || !plan.countries || !plan.countries.length;
+          });
+          if (filteredPlans.length) return filteredPlans;
+        });
+        notifyBugsnag(() => {
+          Bugsnag.notify("SelectModal - No data viewed", event => {
+            var _window$Pelcro5, _window$Pelcro5$site, _window$Pelcro6, _window$Pelcro6$user, _window$Pelcro7, _window$Pelcro7$uiSet, _window$Pelcro8, _this$props, _window$Pelcro9, _window$Pelcro9$helpe, _window$Pelcro10, _window$Pelcro10$site;
+            event.addMetadata("MetaData", {
+              site: (_window$Pelcro5 = window.Pelcro) === null || _window$Pelcro5 === void 0 ? void 0 : (_window$Pelcro5$site = _window$Pelcro5.site) === null || _window$Pelcro5$site === void 0 ? void 0 : _window$Pelcro5$site.read(),
+              user: (_window$Pelcro6 = window.Pelcro) === null || _window$Pelcro6 === void 0 ? void 0 : (_window$Pelcro6$user = _window$Pelcro6.user) === null || _window$Pelcro6$user === void 0 ? void 0 : _window$Pelcro6$user.read(),
+              uiVersion: (_window$Pelcro7 = window.Pelcro) === null || _window$Pelcro7 === void 0 ? void 0 : (_window$Pelcro7$uiSet = _window$Pelcro7.uiSettings) === null || _window$Pelcro7$uiSet === void 0 ? void 0 : _window$Pelcro7$uiSet.uiVersion,
+              environment: (_window$Pelcro8 = window.Pelcro) === null || _window$Pelcro8 === void 0 ? void 0 : _window$Pelcro8.environment,
+              matchingEntitlementsProps: (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.matchingEntitlements,
+              productListState: this.state.productList,
+              methods: {
+                productsWithMatchedTaggedFirst: productsWithMatchedTaggedFirst$1(),
+                pelcroSDKProductsListMethod: window.Pelcro.product.list(),
+                pelcroSDKGetByEntitlements: this.props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(this.props.matchingEntitlements) : null
+              },
+              userCurrency: userCurrency,
+              userCountry: userCountry,
+              userLanguage: userLanguage,
+              siteLanguage: (_window$Pelcro9 = window.Pelcro) === null || _window$Pelcro9 === void 0 ? void 0 : (_window$Pelcro9$helpe = _window$Pelcro9.helpers) === null || _window$Pelcro9$helpe === void 0 ? void 0 : _window$Pelcro9$helpe.getHtmlLanguageAttribute(),
+              products: (_window$Pelcro10 = window.Pelcro) === null || _window$Pelcro10 === void 0 ? void 0 : (_window$Pelcro10$site = _window$Pelcro10.site) === null || _window$Pelcro10$site === void 0 ? void 0 : _window$Pelcro10$site.read().products.length,
+              currency_matching_filter: `${productsMatchingUserCurrency.length} Products Passed`,
+              country_matching_filter: `${productsMatchingUserCountry.length} Products Passed`,
+              language_matching_filter: `${productsMatchingUserCountry.filter(productMatchPageLanguage).length} Products Passed`
+            });
+          });
+        });
+      }
+    });
+    _defineProperty$3(this, "componentWillUnmount", () => {
+      document.removeEventListener("keydown", this.handleSubmit);
+    });
+    _defineProperty$3(this, "handleSubmit", e => {
+      if (e.key === "Enter" && !this.state.disabled) this.submitOption();
+    });
+    _defineProperty$3(this, "onProductChange", e => {
+      const product = window.Pelcro.product.list()[e.target.selectedIndex];
+      this.setState({
+        product: product,
+        plan: product.plans[0]
+      });
+    });
+    _defineProperty$3(this, "onPlanChange", e => {
+      this.setState({
+        plan: this.state.product.plans[e.target.selectedIndex]
+      });
+    });
+    _defineProperty$3(this, "onIsGiftChange", e => {
+      this.setState({
+        isGift: e.target.checked
+      });
+    });
+    _defineProperty$3(this, "countStartPrice", arr => {
+      let startingPlan = arr[0];
+      for (const plan of arr) {
+        if (plan.amount < startingPlan.amount) {
+          startingPlan = plan;
+        }
+      }
+      return `${startingPlan.amount_formatted}/${startingPlan.interval_count > 1 ? `${startingPlan.interval_count} ${startingPlan.interval}s` : `${startingPlan.interval}`}`;
+    });
+    _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
+      const isPlanMode = Boolean(this.state.mode === "plan");
+      const productButtonLabel = isPlanMode ? this.locale("buttons.back") : this.locale("buttons.select");
+      const productButtonCallback = isPlanMode ? this.goBack : this.selectProduct;
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        key: product.id,
+        className: `plc-flex plc-items-start plc-p-2 plc-mt-4 plc-space-x-3 plc-text-gray-900 plc-border-solid plc-rounded plc-border-primary-500 pelcro-select-product-wrapper ${options !== null && options !== void 0 && options.emphasize ? "plc-border-2" : "plc-border"}`
+      }, product.image && /*#__PURE__*/React__default['default'].createElement("img", {
+        alt: `image of ${product.name}`,
+        src: product.image,
+        className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
+      }), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "plc-w-full pelcro-select-product-header"
+      }, /*#__PURE__*/React__default['default'].createElement("p", {
+        className: "plc-font-bold pelcro-select-product-title"
+      }, product.name), /*#__PURE__*/React__default['default'].createElement("p", {
+        className: "plc-text-xs pelcro-select-product-description"
+      }, product.description)), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "plc-flex plc-items-end plc-w-full plc-mt-3"
+      }, product.plans && /*#__PURE__*/React__default['default'].createElement("p", {
+        className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
+      }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
+        onClick: productButtonCallback,
+        "data-key": product.id,
+        id: "pelcro-select-product-back-button",
+        className: `plc-ml-auto plc-text-xs ${options !== null && options !== void 0 && options.emphasize ? "plc-bg-primary-700" : ""}`
+      }, index === 0 && {
+        autoFocus: true
+      }), productButtonLabel))));
+    });
+    _defineProperty$3(this, "renderProducts", () => {
+      const userDidSelectProduct = Boolean(this.state.mode === "plan");
+      const productsToShow = userDidSelectProduct ? [this.state.product] : this.state.productList;
+      return productsToShow.map((product, index) => {
+        if (product.plans.filter(plan => plan.type === "regular").length > 0) {
+          return this.renderOneProduct(product, index);
+        }
+      });
+    });
+    _defineProperty$3(this, "renderMatchingProductsFirst", () => {
+      const isPlanMode = Boolean(this.state.mode === "plan");
+      if (isPlanMode) {
+        return this.renderOneProduct(this.state.product);
+      }
+      const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst$1();
+
+      // Render normal products if there are no available matching products
+      if (!(productsThatMatchArticleTag !== null && productsThatMatchArticleTag !== void 0 && productsThatMatchArticleTag.length)) {
+        return this.renderProducts();
+      }
+      return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", {
+        className: "plc-text-sm plc-font-semibold"
+      }, this.locale("labels.restrictiveArticles.subscribeTo")), productsThatMatchArticleTag.map((product, index) => this.renderOneProduct(product, index, {
+        emphasize: true
+      })), (allProductsMinusMatched === null || allProductsMinusMatched === void 0 ? void 0 : allProductsMinusMatched.length) > 0 && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("hr", {
+        className: "plc-my-4"
+      }), /*#__PURE__*/React__default['default'].createElement("h3", {
+        className: "plc-text-sm plc-font-semibold"
+      }, this.locale("labels.restrictiveArticles.or")), allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index))));
+    });
+    _defineProperty$3(this, "renderPlans", () => {
+      return this.state.planList.map(plan => {
+        const isChecked = this.state.plan.id === plan.id ? true : false;
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          key: plan.id,
+          className: "plc-p-2 plc-mx-3 plc-mt-2 plc-text-gray-900 plc-border plc-border-gray-400 plc-border-solid plc-rounded pelcro-select-plan-wrapper"
+        }, /*#__PURE__*/React__default['default'].createElement(Radio, {
+          className: "plc-self-start pelcro-select-plan-radio",
+          labelClassName: "plc-cursor-pointer plc-w-full",
+          id: `pelcro-select-plan-${plan.id}`,
+          name: "plan",
+          checked: isChecked,
+          "data-key": plan.id,
+          onChange: this.selectPlan
+        }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("p", {
+          className: "plc-font-bold pelcro-select-plan-title"
+        }, plan.nickname), /*#__PURE__*/React__default['default'].createElement("p", {
+          className: "plc-text-xs pelcro-select-plan-description"
+        }, plan.description)), /*#__PURE__*/React__default['default'].createElement("p", {
+          className: "plc-mt-3 plc-font-bold pelcro-select-plan-price"
+        }, plan.amount_formatted)));
+      });
+    });
+    _defineProperty$3(this, "selectProduct", e => {
+      const id = e.target.dataset.key;
+      for (const product of this.state.productList) {
+        if (+product.id === +id) {
+          var _this$state$plan;
+          this.setState({
+            product: product
+          });
+          this.setState({
+            planList: product.plans.filter(plan => plan.type === "regular")
+          });
+          this.setState({
+            mode: "plan"
+          });
+          const isSelectedPlanPartOfThisProduct = ((_this$state$plan = this.state.plan) === null || _this$state$plan === void 0 ? void 0 : _this$state$plan.product_id) === Number(product.id);
+          if (isSelectedPlanPartOfThisProduct) {
+            this.setState({
+              disabled: false
+            });
+          }
+        }
+      }
+    });
+    _defineProperty$3(this, "selectPlan", e => {
+      const id = e.target.dataset.key;
+      for (const plan of this.state.planList) {
+        if (+plan.id === +id) {
+          plan.isCheked = true;
+          this.setState({
+            plan: plan
+          });
+          this.setState({
+            disabled: false
+          });
+        } else {
+          plan.isCheked = false;
+        }
+      }
+    });
+    _defineProperty$3(this, "goBack", () => {
+      this.setState({
+        disabled: true
+      });
+      this.setState({
+        mode: "product"
+      });
+    });
+    _defineProperty$3(this, "submitOption", () => {
+      this.props.setProductAndPlan(this.state.product, this.state.plan, this.state.isGift);
+      const {
+        product,
+        isGift
+      } = this.state;
+      const {
+        setView
+      } = this.props;
+      const isAuthenticated = window.Pelcro.user.isAuthenticated();
+      const {
+        switchToAddressView,
+        switchToPaymentView
+      } = usePelcro.getStore();
+      if (!isAuthenticated) {
+        return setView("register");
+      }
+      if (isGift) {
+        return setView("gift-create");
+      }
+      if (product.address_required) {
+        return switchToAddressView();
+      }
+      return switchToPaymentView();
+    });
+    _defineProperty$3(this, "displayLoginView", () => {
+      this.props.setView("login");
+    });
+    this.state = {
+      product: {},
+      plan: {},
+      isGift: props.isGift,
+      disabled: true,
+      mode: "product",
+      productList: props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(props.matchingEntitlements) : window.Pelcro.product.list()
+    };
+    this.product = this.props.product || window.Pelcro.paywall.getProduct();
+    this.locale = this.props.t;
+    this.closeButton = window.Pelcro.paywall.displayCloseButton();
+  }
+  render() {
+    var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
+    const {
+      disableGifting
+    } = this.props;
+    if (this.state.mode === "product") {
+      var _ReactGA$event;
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
+        category: "VIEWS",
+        action: "Product Modal Viewed",
+        nonInteraction: true
+      });
+    } else if (this.state.mode === "plan") {
+      var _ReactGA$event2;
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$1.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$1, {
+        category: "VIEWS",
+        action: "Plan Modal Viewed",
+        nonInteraction: true
+      });
+    }
+    return /*#__PURE__*/React__default['default'].createElement(Modal, {
+      hideCloseButton: !this.closeButton,
+      onClose: this.props.onClose,
+      id: "pelcro-selection-modal"
+    }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement("div", {
+      id: "pelcro-selection-view"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
+    }, /*#__PURE__*/React__default['default'].createElement("h4", {
+      className: "plc-text-2xl plc-font-semibold"
+    }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc3 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc3 === void 0 ? void 0 : _window$Pelcro$produc3.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "pelcro-select-products-wrapper"
+    }, (_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.restrictive_paywall_metatags_enabled ? this.renderMatchingProductsFirst() : this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
+    }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "plc-flex plc-justify-center plc-mt-2"
+    }, /*#__PURE__*/React__default['default'].createElement(Checkbox, {
+      onChange: this.onIsGiftChange,
+      checked: this.state.isGift,
+      id: "pelcro-input-is-gift"
+    }, this.locale("messages.checkbox"))), /*#__PURE__*/React__default['default'].createElement(Button, {
+      disabled: this.state.disabled,
+      onClick: this.submitOption,
+      id: "pelcro-submit",
+      className: "plc-w-full plc-mt-2"
+    }, this.locale("buttons.next"))))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, !window.Pelcro.user.isAuthenticated() && /*#__PURE__*/React__default['default'].createElement("p", null, this.locale("messages.alreadyHaveAccount") + " ", /*#__PURE__*/React__default['default'].createElement(Link, {
+      id: "pelcro-link-login",
+      onClick: this.displayLoginView
+    }, this.locale("messages.loginHere"))), /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
+  }
+}
+const SelectModalWithTrans = withTranslation("select")(SelectModal);
+
+/**
+ *
+ */
+function DonationModalWithHook(props) {
+  React__default['default'].useEffect(() => {
+    var _props$onDisplay;
+    (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
+  }, []);
+  const {
+    isGift,
+    plan,
+    product,
+    isRenewingGift,
+    switchView,
+    resetView,
+    view,
+    set
+  } = usePelcro();
+  const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
+  const entitlements = entitlementsProtectedElements.length > 0 ? getEntitlementsFromElem(entitlementsProtectedElements[0]) : null;
+  return /*#__PURE__*/React__default['default'].createElement(DonationModalWithTrans, {
+    isGift: isGift,
+    disableGifting: isRenewingGift,
+    plan: plan,
+    product: product,
+    onClose: () => {
+      var _props$onClose;
+      (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
+      resetView();
+    },
+    setProductAndPlan: (product, plan, isGift, selectedDonationAmount, customDonationAmount) => set({
+      product,
+      plan,
+      isGift,
+      selectedDonationAmount,
+      customDonationAmount
     }),
     setView: switchView,
     matchingEntitlements: view === "_plan-select-entitlements" ? entitlements : null
@@ -14000,18 +14752,8 @@ function productsWithMatchedTaggedFirst() {
   const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
   return [productsThatMatchArticleTag, allProductsMinusMatched];
 }
-function productMatchPageLanguage(product) {
-  if (!product) {
-    return false;
-  }
-  if (product.language === null) {
-    return true;
-  }
-  const siteLanguage = window.Pelcro.helpers.getHtmlLanguageAttribute();
-  return product.language === siteLanguage;
-}
-SelectModalWithHook.viewId = "plan-select";
-class SelectModal extends React.Component {
+DonationModalWithHook.viewId = "donation-select";
+class DonationModal extends React.Component {
   constructor(props) {
     super(props);
     _defineProperty$3(this, "componentDidMount", () => {
@@ -14042,53 +14784,39 @@ class SelectModal extends React.Component {
           mode: "plan"
         });
       }
-      if (this.state.productList.length === 0 && !window.Pelcro.user.isAuthenticated()) {
-        this.props.setView("register");
-      }
+
+      // if (
+      //   this.state.productList.length === 0 &&
+      //   !window.Pelcro.user.isAuthenticated()
+      // ) {
+      //   this.props.setView("register");
+      // }
+
       document.addEventListener("keydown", this.handleSubmit);
       if (!document.querySelector("#pelcro-selection-view") || !document.querySelector(".pelcro-select-product-wrapper")) {
         var _window$Pelcro, _window$Pelcro$user, _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$site;
         const userCurrency = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$user = _window$Pelcro.user) === null || _window$Pelcro$user === void 0 ? void 0 : _window$Pelcro$user.read().currency;
         const userCountry = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$user = _window$Pelcro2.user) === null || _window$Pelcro2$user === void 0 ? void 0 : _window$Pelcro2$user.location.countryCode;
-        const userLanguage = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$user = _window$Pelcro3.user) === null || _window$Pelcro3$user === void 0 ? void 0 : _window$Pelcro3$user.read().language;
+        (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$user = _window$Pelcro3.user) === null || _window$Pelcro3$user === void 0 ? void 0 : _window$Pelcro3$user.read().language;
         const productsMatchingUserCurrency = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$site = _window$Pelcro4.site) === null || _window$Pelcro4$site === void 0 ? void 0 : _window$Pelcro4$site.read().products.filter(product => {
           const filteredPlans = product.plans.filter(plan => plan.currency === userCurrency || !userCurrency);
           if (filteredPlans.length) return filteredPlans;
         });
-        const productsMatchingUserCountry = productsMatchingUserCurrency.filter(product => {
+        productsMatchingUserCurrency.filter(product => {
           const filteredPlans = product.plans.filter(plan => {
             var _plan$countries;
             return plan.countries && ((_plan$countries = plan.countries) === null || _plan$countries === void 0 ? void 0 : _plan$countries.includes(userCountry)) || !plan.countries || !plan.countries.length;
           });
           if (filteredPlans.length) return filteredPlans;
         });
-        notifyBugsnag(() => {
-          Bugsnag.notify("SelectModal - No data viewed", event => {
-            var _window$Pelcro5, _window$Pelcro5$site, _window$Pelcro6, _window$Pelcro6$user, _window$Pelcro7, _window$Pelcro7$uiSet, _window$Pelcro8, _this$props, _window$Pelcro9, _window$Pelcro9$helpe, _window$Pelcro10, _window$Pelcro10$site;
-            event.addMetadata("MetaData", {
-              site: (_window$Pelcro5 = window.Pelcro) === null || _window$Pelcro5 === void 0 ? void 0 : (_window$Pelcro5$site = _window$Pelcro5.site) === null || _window$Pelcro5$site === void 0 ? void 0 : _window$Pelcro5$site.read(),
-              user: (_window$Pelcro6 = window.Pelcro) === null || _window$Pelcro6 === void 0 ? void 0 : (_window$Pelcro6$user = _window$Pelcro6.user) === null || _window$Pelcro6$user === void 0 ? void 0 : _window$Pelcro6$user.read(),
-              uiVersion: (_window$Pelcro7 = window.Pelcro) === null || _window$Pelcro7 === void 0 ? void 0 : (_window$Pelcro7$uiSet = _window$Pelcro7.uiSettings) === null || _window$Pelcro7$uiSet === void 0 ? void 0 : _window$Pelcro7$uiSet.uiVersion,
-              environment: (_window$Pelcro8 = window.Pelcro) === null || _window$Pelcro8 === void 0 ? void 0 : _window$Pelcro8.environment,
-              matchingEntitlementsProps: (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.matchingEntitlements,
-              productListState: this.state.productList,
-              methods: {
-                productsWithMatchedTaggedFirst: productsWithMatchedTaggedFirst(),
-                pelcroSDKProductsListMethod: window.Pelcro.product.list(),
-                pelcroSDKGetByEntitlements: this.props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(this.props.matchingEntitlements) : null
-              },
-              userCurrency: userCurrency,
-              userCountry: userCountry,
-              userLanguage: userLanguage,
-              siteLanguage: (_window$Pelcro9 = window.Pelcro) === null || _window$Pelcro9 === void 0 ? void 0 : (_window$Pelcro9$helpe = _window$Pelcro9.helpers) === null || _window$Pelcro9$helpe === void 0 ? void 0 : _window$Pelcro9$helpe.getHtmlLanguageAttribute(),
-              products: (_window$Pelcro10 = window.Pelcro) === null || _window$Pelcro10 === void 0 ? void 0 : (_window$Pelcro10$site = _window$Pelcro10.site) === null || _window$Pelcro10$site === void 0 ? void 0 : _window$Pelcro10$site.read().products.length,
-              currency_matching_filter: `${productsMatchingUserCurrency.length} Products Passed`,
-              country_matching_filter: `${productsMatchingUserCountry.length} Products Passed`,
-              language_matching_filter: `${productsMatchingUserCountry.filter(productMatchPageLanguage).length} Products Passed`
-            });
-          });
+      }
+    });
+    _defineProperty$3(this, "componentDidUpdate", (prevProps, prevState) => {
+      var _this$state$planList;
+      if (((_this$state$planList = this.state.planList) === null || _this$state$planList === void 0 ? void 0 : _this$state$planList.length) === 1 && this.state.plan !== this.state.planList[0]) {
+        this.setState({
+          plan: this.state.planList[0]
         });
-        console.log("bugsnag Triggered");
       }
     });
     _defineProperty$3(this, "componentWillUnmount", () => {
@@ -14144,9 +14872,7 @@ class SelectModal extends React.Component {
         className: "plc-text-xs pelcro-select-product-description"
       }, product.description)), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "plc-flex plc-items-end plc-w-full plc-mt-3"
-      }, product.plans && /*#__PURE__*/React__default['default'].createElement("p", {
-        className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
-      }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
+      }, /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
         onClick: productButtonCallback,
         "data-key": product.id,
         id: "pelcro-select-product-back-button",
@@ -14186,24 +14912,90 @@ class SelectModal extends React.Component {
     _defineProperty$3(this, "renderPlans", () => {
       return this.state.planList.map(plan => {
         const isChecked = this.state.plan.id === plan.id ? true : false;
+        let planDetails = /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-bg-gray-100 plc-rounded-md plc-p-3 plc-mt-3 plc-text-sm plc-flex plc-items-center"
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-flex plc-items-center plc-flex-1"
+        }, "Auto renew:", " ", /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-inline-flex plc-w-6 plc-ml-1"
+        }, plan.auto_renew ? /*#__PURE__*/React__default['default'].createElement(SvgCheck, {
+          className: "plc-text-green-500"
+        }) : /*#__PURE__*/React__default['default'].createElement(SvgXIcon, {
+          className: "plc-text-red-500"
+        })), " "), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-flex plc-items-center plc-flex-1"
+        }, "Renewed every:", " ", /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-inline-flex plc-w-6 plc-ml-1 plc-font-bold plc-capitalize"
+        }, plan.interval || "-"))), plan.preset_donation_values && /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-mt-3 plc-pt-3 plc-border-t plc-border-gray-200"
+        }, /*#__PURE__*/React__default['default'].createElement("h5", {
+          className: "plc-mb-4 plc-font-medium plc-text-center"
+        }, "Select amount"), /*#__PURE__*/React__default['default'].createElement("ul", {
+          className: "plc-grid plc-grid-cols-2 plc-gap-3"
+        }, plan.preset_donation_values.map(value => /*#__PURE__*/React__default['default'].createElement("li", {
+          key: value
+        }, /*#__PURE__*/React__default['default'].createElement("button", {
+          className: `plc-bg-white plc-rounded-md plc-flex plc-items-center plc-justify-center plc-text-lg plc-w-full plc-min-h-16 focus:plc-outline-none ${isChecked && +this.state.selectedDonationAmount === +value ? "plc-border-primary-500 plc-text-primary-900 plc-border-2" : "plc-border-gray-200 plc-text-gray-900 plc-border"}`,
+          onClick: () => {
+            this.setState({
+              selectedDonationAmount: +value,
+              customDonationAmount: "",
+              disabled: false
+            });
+          }
+        }, /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-font-bold plc-mr-1"
+        }, value), /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-uppercase"
+        }, plan === null || plan === void 0 ? void 0 : plan.currency))))), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-relative plc-py-3 plc-mt-3"
+        }, /*#__PURE__*/React__default['default'].createElement("hr", null), " ", /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-absolute plc-top-1/2 plc-left-1/2 plc-transform plc--translate-x-1/2 plc--translate-y-1/2 plc-leading-none plc-bg-white plc-px-2"
+        }, "or"))), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-relative plc-mt-3"
+        }, /*#__PURE__*/React__default['default'].createElement(Input, {
+          type: "number",
+          value: this.state.customDonationAmount,
+          onChange: e => {
+            if (+e.target.value > 0) {
+              this.setState({
+                customDonationAmount: +e.target.value,
+                selectedDonationAmount: null,
+                disabled: false
+              });
+            } else {
+              this.setState({
+                customDonationAmount: ""
+              });
+              this.setState({
+                disabled: true
+              });
+            }
+          },
+          placeholder: "Donate a custom amount ...",
+          className: "plc-pr-14",
+          wrapperClassName: "plc-mb-0"
+        }), /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-absolute plc-top-1/2 plc-transform plc--translate-y-1/2 plc-right-3 plc-pl-3 plc-border-l plc-border-gray-200 plc-uppercase plc-text-sm"
+        }, plan.currency)));
         return /*#__PURE__*/React__default['default'].createElement("div", {
           key: plan.id,
-          className: "plc-p-2 plc-mx-3 plc-mt-2 plc-text-gray-900 plc-border plc-border-gray-400 plc-border-solid plc-rounded pelcro-select-plan-wrapper"
+          className: `plc-p-2 plc-mx-3 plc-mt-2 plc-text-gray-900 plc-border-solid plc-rounded pelcro-select-plan-wrapper ${isChecked ? "plc-border-primary-500 plc-border-2" : "plc-border-gray-400 plc-border "}`
         }, /*#__PURE__*/React__default['default'].createElement(Radio, {
-          className: "plc-self-start pelcro-select-plan-radio",
-          labelClassName: "plc-cursor-pointer plc-w-full",
+          className: "plc-self-start pelcro-select-plan-radio plc-hidden",
+          labelClassName: "plc-cursor-pointer plc-w-full plc-ml-0",
           id: `pelcro-select-plan-${plan.id}`,
           name: "plan",
           checked: isChecked,
           "data-key": plan.id,
           onChange: this.selectPlan
-        }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("p", {
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-text-center"
+        }, /*#__PURE__*/React__default['default'].createElement("p", {
           className: "plc-font-bold pelcro-select-plan-title"
         }, plan.nickname), /*#__PURE__*/React__default['default'].createElement("p", {
           className: "plc-text-xs pelcro-select-plan-description"
-        }, plan.description)), /*#__PURE__*/React__default['default'].createElement("p", {
-          className: "plc-mt-3 plc-font-bold pelcro-select-plan-price"
-        }, plan.amount_formatted)));
+        }, plan.description))), isChecked && planDetails);
       });
     });
     _defineProperty$3(this, "selectProduct", e => {
@@ -14211,13 +15003,15 @@ class SelectModal extends React.Component {
       for (const product of this.state.productList) {
         if (+product.id === +id) {
           var _this$state$plan;
+          const planList = product.plans.filter(plan => plan.type === "donation");
+          if (planList.length === 1) {
+            this.setState({
+              plan: planList[0]
+            });
+          }
           this.setState({
-            product: product
-          });
-          this.setState({
-            planList: product.plans
-          });
-          this.setState({
+            product: product,
+            planList: planList,
             mode: "plan"
           });
           const isSelectedPlanPartOfThisProduct = ((_this$state$plan = this.state.plan) === null || _this$state$plan === void 0 ? void 0 : _this$state$plan.product_id) === Number(product.id);
@@ -14230,6 +15024,12 @@ class SelectModal extends React.Component {
       }
     });
     _defineProperty$3(this, "selectPlan", e => {
+      this.setState({
+        selectedDonationAmount: null
+      });
+      this.setState({
+        disabled: true
+      });
       const id = e.target.dataset.key;
       for (const plan of this.state.planList) {
         if (+plan.id === +id) {
@@ -14237,9 +15037,6 @@ class SelectModal extends React.Component {
           this.setState({
             plan: plan
           });
-          this.setState({
-            disabled: false
-          });
         } else {
           plan.isCheked = false;
         }
@@ -14254,7 +15051,7 @@ class SelectModal extends React.Component {
       });
     });
     _defineProperty$3(this, "submitOption", () => {
-      this.props.setProductAndPlan(this.state.product, this.state.plan, this.state.isGift);
+      this.props.setProductAndPlan(this.state.product, this.state.plan, this.state.isGift, this.state.selectedDonationAmount, this.state.customDonationAmount);
       const {
         product,
         isGift
@@ -14267,12 +15064,14 @@ class SelectModal extends React.Component {
         switchToAddressView,
         switchToPaymentView
       } = usePelcro.getStore();
-      if (!isAuthenticated) {
+      if (!isAuthenticated && product.address_required) {
         return setView("register");
       }
-      if (isGift) {
-        return setView("gift-create");
-      }
+
+      // if (isGift) {
+      //   return setView("gift-create");
+      // }
+
       if (product.address_required) {
         return switchToAddressView();
       }
@@ -14281,13 +15080,16 @@ class SelectModal extends React.Component {
     _defineProperty$3(this, "displayLoginView", () => {
       this.props.setView("login");
     });
+    const productList = props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(props.matchingEntitlements).filter(product => product.has_donation_plans === true) : window.Pelcro.product.list().filter(product => product.has_donation_plans === true);
     this.state = {
       product: {},
       plan: {},
       isGift: props.isGift,
       disabled: true,
       mode: "product",
-      productList: props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(props.matchingEntitlements) : window.Pelcro.product.list()
+      productList: productList,
+      selectedDonationAmount: null,
+      customDonationAmount: ""
     };
     this.product = this.props.product || window.Pelcro.paywall.getProduct();
     this.locale = this.props.t;
@@ -14295,19 +15097,17 @@ class SelectModal extends React.Component {
   }
   render() {
     var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
-    const {
-      disableGifting
-    } = this.props;
+    this.props;
     if (this.state.mode === "product") {
       var _ReactGA$event;
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
         category: "VIEWS",
         action: "Product Modal Viewed",
         nonInteraction: true
       });
     } else if (this.state.mode === "plan") {
       var _ReactGA$event2;
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$1.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$1, {
         category: "VIEWS",
         action: "Plan Modal Viewed",
         nonInteraction: true
@@ -14326,25 +15126,16 @@ class SelectModal extends React.Component {
     }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc3 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc3 === void 0 ? void 0 : _window$Pelcro$produc3.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "pelcro-select-products-wrapper"
     }, (_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.restrictive_paywall_metatags_enabled ? this.renderMatchingProductsFirst() : this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
-    }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "plc-flex plc-justify-center plc-mt-2"
-    }, /*#__PURE__*/React__default['default'].createElement(Checkbox, {
-      onChange: this.onIsGiftChange,
-      checked: this.state.isGift,
-      id: "pelcro-input-is-gift"
-    }, this.locale("messages.checkbox"))), /*#__PURE__*/React__default['default'].createElement(Button, {
+      className: "plc-overflow-y-scroll pelcro-select-plans-wrapper"
+    }, this.renderPlans()), /*#__PURE__*/React__default['default'].createElement(Button, {
       disabled: this.state.disabled,
-      onClick: this.submitOption,
+      onClick: () => this.submitOption(),
       id: "pelcro-submit",
       className: "plc-w-full plc-mt-2"
-    }, this.locale("buttons.next"))))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, !window.Pelcro.user.isAuthenticated() && /*#__PURE__*/React__default['default'].createElement("p", null, this.locale("messages.alreadyHaveAccount") + " ", /*#__PURE__*/React__default['default'].createElement(Link, {
-      id: "pelcro-link-login",
-      onClick: this.displayLoginView
-    }, this.locale("messages.loginHere"))), /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
+    }, this.locale("buttons.donate"))))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
   }
 }
-const SelectModalWithTrans = withTranslation("select")(SelectModal);
+const DonationModalWithTrans = withTranslation("donation")(DonationModal);
 
 var Provider_1 = createCommonjsModule(function (module, exports) {
 
@@ -16556,11 +17347,15 @@ const initialState$k = {
   firstName: "",
   lastName: "",
   phone: "",
+  email: "",
+  password: "",
   firstNameError: null,
   lastNameError: null,
   phoneError: null,
+  emailError: null,
   month: "",
   year: "",
+  passwordError: null,
   alert: {
     type: "error",
     content: ""
@@ -16593,7 +17388,11 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     set,
     order,
     selectedPaymentMethodId,
-    couponCode
+    couponCode,
+    selectedDonationAmount,
+    customDonationAmount,
+    isAuthenticated,
+    switchView
   } = usePelcro();
   const {
     whenUserReady
@@ -16869,7 +17668,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
 
   /*====== Start Tap integration ========*/
   const submitUsingTap = state => {
-    var _ref3, _ref4, _ref5, _state$updatedPrice;
+    var _ref3, _ref4, _getPlanAmount;
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
       // no need to create a new source using tap
@@ -16893,7 +17692,15 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         return total + item.price * item.quantity;
       }, 0);
     };
-    const totalAmount = (_ref3 = (_ref4 = (_ref5 = (_state$updatedPrice = state === null || state === void 0 ? void 0 : state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref5 !== void 0 ? _ref5 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref4 !== void 0 ? _ref4 : getOrderItemsTotal()) !== null && _ref3 !== void 0 ? _ref3 : 10;
+    function getPlanAmount() {
+      if (state.updatedPrice) return state.updatedPrice;
+      if (plan.type === "donation" && (selectedDonationAmount || customDonationAmount)) {
+        return selectedDonationAmount ? selectedDonationAmount * plan.amount : customDonationAmount * plan.amount;
+      } else {
+        return plan.amount;
+      }
+    }
+    const totalAmount = (_ref3 = (_ref4 = (_getPlanAmount = getPlanAmount()) !== null && _getPlanAmount !== void 0 ? _getPlanAmount : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref4 !== void 0 ? _ref4 : getOrderItemsTotal()) !== null && _ref3 !== void 0 ? _ref3 : 10;
     tapInstanceRef.current.createToken(tapInstanceCard.current).then(function (result) {
       if (result.error) {
         // Inform the user if there was an error
@@ -17372,24 +18179,32 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   }, [selectedPaymentMethodId]);
   const initPaymentRequest = (state, dispatch) => {
     if (skipPayment && ((plan === null || plan === void 0 ? void 0 : plan.amount) === 0 || props !== null && props !== void 0 && props.freeOrders)) return;
+    function getPlanAmount() {
+      if (state.updatedPrice) return state.updatedPrice;
+      if (plan.type === "donation" && (selectedDonationAmount || customDonationAmount)) {
+        return selectedDonationAmount ? selectedDonationAmount * plan.amount : customDonationAmount * plan.amount;
+      } else {
+        return plan.amount;
+      }
+    }
     try {
       const paymentRequest = stripe.paymentRequest({
         country: window.Pelcro.user.location.countryCode || "US",
         currency: plan.currency,
         total: {
           label: plan.nickname || plan.description,
-          amount: state.updatedPrice || plan.amount
+          amount: getPlanAmount()
         }
       });
 
       // When Google pay / Apple pay source created
-      paymentRequest.on("source", _ref6 => {
+      paymentRequest.on("source", _ref5 => {
         var _source$card;
         let {
           complete,
           source,
           ...data
-        } = _ref6;
+        } = _ref5;
         dispatch({
           type: DISABLE_COUPON_BUTTON,
           payload: true
@@ -17404,11 +18219,11 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         });
         complete("success");
         if ((source === null || source === void 0 ? void 0 : (_source$card = source.card) === null || _source$card === void 0 ? void 0 : _source$card.three_d_secure) === "required") {
-          return generate3DSecureSource(source).then(_ref7 => {
+          return generate3DSecureSource(source).then(_ref6 => {
             let {
               source,
               error
-            } = _ref7;
+            } = _ref6;
             if (error) {
               return handlePaymentError(error);
             }
@@ -18009,12 +18824,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   const updatePaymentSource = (state, dispatch) => {
     return stripe.createSource({
       type: "card"
-    }).then(_ref8 => {
+    }).then(_ref7 => {
       var _source$card2;
       let {
         source,
         error
-      } = _ref8;
+      } = _ref7;
       if (error) {
         return handlePaymentError(error);
       }
@@ -18069,6 +18884,50 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       }
     });
   };
+  const sendRegisterRequest = (state, callback) => {
+    window.Pelcro.user.register({
+      email: state.email,
+      password: state.password
+    }, (err, res) => {
+      if (err) {
+        var _err$response, _err$response$data;
+        let {
+          registered_on_other_sites,
+          ...errors
+        } = err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.errors;
+        err.response.data.errors = {
+          ...errors
+        };
+        let errorContent;
+        if (getErrorMessages(err) === "This email is already in use.") {
+          errorContent = /*#__PURE__*/React__default['default'].createElement("p", null, "This email is already in use.", " ", /*#__PURE__*/React__default['default'].createElement("button", {
+            className: "plc-font-bold plc-underline hover:plc-no-underline",
+            onClick: () => switchView("login")
+          }, "Login to continue"));
+        } else {
+          errorContent = getErrorMessages(err);
+        }
+        dispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "error",
+            content: errorContent
+          }
+        });
+        dispatch({
+          type: DISABLE_SUBMIT,
+          payload: false
+        });
+        dispatch({
+          type: LOADING,
+          payload: false
+        });
+        onFailure(err);
+      } else {
+        callback();
+      }
+    });
+  };
   const submitPayment = (state, dispatch) => {
     if (skipPayment && props !== null && props !== void 0 && props.freeOrders) {
       const isQuickPurchase = !Array.isArray(order);
@@ -18095,12 +18954,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     }
     stripe.createSource({
       type: "card"
-    }).then(_ref9 => {
-      var _ref10, _ref11, _state$updatedPrice2;
+    }).then(_ref8 => {
+      var _ref9, _ref10, _state$updatedPrice;
       let {
         source,
         error
-      } = _ref9;
+      } = _ref8;
       if (error) {
         return handlePaymentError(error);
       }
@@ -18119,7 +18978,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           return total + item.price * item.quantity;
         }, 0);
       };
-      (_ref10 = (_ref11 = (_state$updatedPrice2 = state === null || state === void 0 ? void 0 : state.updatedPrice) !== null && _state$updatedPrice2 !== void 0 ? _state$updatedPrice2 : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref11 !== void 0 ? _ref11 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref10 !== void 0 ? _ref10 : getOrderItemsTotal();
+      (_ref9 = (_ref10 = (_state$updatedPrice = state === null || state === void 0 ? void 0 : state.updatedPrice) !== null && _state$updatedPrice !== void 0 ? _state$updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount) !== null && _ref10 !== void 0 ? _ref10 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref9 !== void 0 ? _ref9 : getOrderItemsTotal();
       return handlePayment(source);
     }).catch(error => {
       return handlePaymentError(error);
@@ -18330,25 +19189,47 @@ const PaymentMethodContainerWithoutStripe = _ref => {
             return submitPayment(state);
           }
           if (getSiteCardProcessor() === "vantiv") {
-            return submitUsingVantiv(state);
+            if (!isAuthenticated() && plan.type === "donation") {
+              return sendRegisterRequest(state, () => submitUsingVantiv(state));
+            } else {
+              return submitUsingVantiv(state);
+            }
           }
           if (getSiteCardProcessor() === "tap") {
-            return submitUsingTap(state);
+            if (!isAuthenticated() && plan.type === "donation") {
+              return sendRegisterRequest(state, () => submitUsingTap(state));
+            } else {
+              return submitUsingTap(state);
+            }
+          }
+          if (getSiteCardProcessor() === "cybersource") {
+            return submitUsingCybersource(state, dispatch);
           }
           if (getSiteCardProcessor() === "cybersource") {
             return submitUsingCybersource(state, dispatch);
           }
           if (selectedPaymentMethodId) {
-            // pay with selected method (source) if exists already
-            return handlePayment({
-              id: selectedPaymentMethodId,
-              isExistingSource: true
-            });
+            if (!isAuthenticated() && plan.type === "donation") {
+              return sendRegisterRequest(state, () => handlePayment({
+                id: selectedPaymentMethodId,
+                isExistingSource: true
+              }));
+            } else {
+              // pay with selected method (source) if exists already
+              return handlePayment({
+                id: selectedPaymentMethodId,
+                isExistingSource: true
+              });
+            }
           }
           if (type === "updatePaymentSource") {
             return updatePaymentSource(state, dispatch);
           }
-          submitPayment(state);
+          if (!isAuthenticated() && plan.type === "donation") {
+            return sendRegisterRequest(state, () => submitPayment(state));
+          } else {
+            return submitPayment(state);
+          }
         });
       case HANDLE_PAYPAL_SUBSCRIPTION:
         return lib_5(state, (state, dispatch) => {
@@ -18433,6 +19314,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           phone: action.payload,
           phoneError: null
         });
+      case SET_EMAIL:
+        return lib_7({
+          ...state,
+          email: action.payload,
+          emailError: null
+        });
+      case SET_PASSWORD:
+        return lib_7({
+          ...state,
+          password: action.payload,
+          passwordError: null
+        });
       case SET_FIRST_NAME_ERROR:
         return lib_7({
           ...state,
@@ -18451,6 +19344,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           phoneError: action.payload,
           phone: null
         });
+      case SET_EMAIL_ERROR:
+        return lib_7({
+          ...state,
+          emailError: action.payload,
+          email: ""
+        });
+      case SET_PASSWORD_ERROR:
+        return lib_7({
+          ...state,
+          passwordError: action.payload,
+          password: ""
+        });
       case SHOW_ALERT:
         return lib_7({
           ...state,
@@ -18484,18 +19389,14 @@ const PaymentMethodContainerWithoutStripe = _ref => {
 const UnwrappedForm = es_12(PaymentMethodContainerWithoutStripe);
 const PaymentMethodContainer = props => {
   const [isStripeLoaded, setIsStripeLoaded] = React.useState(Boolean(window.Stripe));
-  const {
-    whenUserReady
-  } = usePelcro.getStore();
+  usePelcro.getStore();
   const cardProcessor = getSiteCardProcessor();
   React.useEffect(() => {
-    whenUserReady(() => {
-      if (!window.Stripe && cardProcessor === "stripe") {
-        document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
-          setIsStripeLoaded(true);
-        });
-      }
-    });
+    if (!window.Stripe && cardProcessor === "stripe") {
+      document.querySelector('script[src="https://js.stripe.com/v3"]').addEventListener("load", () => {
+        setIsStripeLoaded(true);
+      });
+    }
   }, []);
   if (isStripeLoaded) {
     return /*#__PURE__*/React__default['default'].createElement(es_13, {
@@ -18720,12 +19621,12 @@ const CheckoutForm = () => {
       className: "plc-w-6/12 plc-pr-4"
     }, /*#__PURE__*/React__default['default'].createElement(MonthSelect, {
       store: store$k,
-      placeholder: "Exp Month"
+      placeholder: "Exp Month *"
     })), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "plc-w-6/12"
     }, /*#__PURE__*/React__default['default'].createElement(YearSelect, {
       store: store$k,
-      placeholder: "Exp Year"
+      placeholder: "Exp Year *"
     }))));
   }
   if (cardProcessor === "stripe") {
@@ -18788,13 +19689,15 @@ const DiscountedPrice = props => {
 };
 
 const SubmitPaymentMethod = _ref => {
-  var _plan$quantity, _window$Pelcro$site$r;
+  var _plan$quantity, _plan$quantity2, _plan$quantity3, _window$Pelcro$site$r, _window$Pelcro$site$r2;
   let {
     onClick,
     ...otherProps
   } = _ref;
   const {
-    plan
+    plan,
+    selectedDonationAmount,
+    customDonationAmount
   } = usePelcro();
   const {
     t
@@ -18805,18 +19708,23 @@ const SubmitPaymentMethod = _ref => {
       firstNameError,
       lastNameError,
       phoneError,
+      emailError,
+      passwordError,
       firstName,
       lastName,
       phone,
       disableSubmit,
       isLoading,
-      updatedPrice
+      updatedPrice,
+      month,
+      year
     }
   } = React.useContext(store$k);
   const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
   const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
-  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
+  const priceFormatted = (plan === null || plan === void 0 ? void 0 : plan.type) === "donation" && (selectedDonationAmount || customDonationAmount) ? getFormattedPriceByLocal(selectedDonationAmount ? selectedDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity2 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity2 !== void 0 ? _plan$quantity2 : 1) : customDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity3 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity3 !== void 0 ? _plan$quantity3 : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()) : getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
   const supportsTap = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings);
+  const supportsCybersource = Boolean((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.cybersource_gateway_settings);
   const isUserFirstName = Boolean(window.Pelcro.user.read().first_name);
   const isUserLastName = Boolean(window.Pelcro.user.read().last_name);
   const isUserPhone = Boolean(window.Pelcro.user.read().phone);
@@ -18825,9 +19733,9 @@ const SubmitPaymentMethod = _ref => {
     if (supportsTap && isUserFirstName && isUserLastName && isUserPhone) {
       setDisabled(disableSubmit);
     } else {
-      setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length));
+      setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length) || emailError || passwordError || supportsCybersource && !(month !== null && month !== void 0 && month.length) || supportsCybersource && !(year !== null && year !== void 0 && year.length));
     }
-  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone]);
+  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError, passwordError, month, year]);
   return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
     role: "submit",
     className: "plc-w-full plc-py-3",
@@ -19462,6 +20370,14 @@ const OrderCreateFreeButton = _ref => {
   }, otherProps), t("labels.submit"));
 };
 
+const DonationEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
+  store: store$k
+}, props));
+
+const DonationPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
+  store: store$k
+}, props));
+
 /**
  *
  */
@@ -19481,6 +20397,10 @@ function PaymentMethodView(_ref) {
   const {
     t
   } = useTranslation("checkoutForm");
+  const {
+    plan,
+    isAuthenticated
+  } = usePelcro();
   const cardProcessor = getSiteCardProcessor();
   const supportsVantiv = Boolean((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.vantiv_gateway_settings);
   const supportsTap = Boolean((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.tap_gateway_settings);
@@ -19538,6 +20458,17 @@ function PaymentMethodView(_ref) {
     errorId: "pelcro-input-phone-error",
     label: t("labels.phone"),
     required: true
+  })), !isAuthenticated() && (plan === null || plan === void 0 ? void 0 : plan.type) === "donation" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DonationEmail, {
+    id: "pelcro-input-email",
+    errorId: "pelcro-input-email-error",
+    label: t("labels.email"),
+    required: true,
+    autoFocus: true
+  }), /*#__PURE__*/React__default['default'].createElement(DonationPassword, {
+    id: "pelcro-input-password",
+    errorId: "pelcro-input-password-error",
+    label: t("labels.password"),
+    required: true
   })), /*#__PURE__*/React__default['default'].createElement(CheckoutForm, null), showCoupon && /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-mb-2"
   }, /*#__PURE__*/React__default['default'].createElement(CouponCode, null), /*#__PURE__*/React__default['default'].createElement(DiscountedPrice, null)), /*#__PURE__*/React__default['default'].createElement(TaxAmount, null), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -19615,7 +20546,7 @@ function SubscriptionRenewModal(_ref) {
   const onSuccess = res => {
     var _otherProps$onSuccess, _ReactGA$event;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
-    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+    ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
       category: "ACTIONS",
       action: "Renewed",
       nonInteraction: true
@@ -19625,7 +20556,7 @@ function SubscriptionRenewModal(_ref) {
   const onGiftRenewalSuccess = () => {
     var _otherProps$onGiftRen, _ReactGA$event2;
     (_otherProps$onGiftRen = otherProps.onGiftRenewalSuccess) === null || _otherProps$onGiftRen === void 0 ? void 0 : _otherProps$onGiftRen.call(otherProps);
-    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+    ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$1.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$1, {
       category: "ACTIONS",
       action: "Renewed Gift",
       nonInteraction: true
@@ -19830,7 +20761,7 @@ const SubscriptionCancelNowButton = _ref => {
       if (err) {
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
         category: "ACTIONS",
         action: "Canceled",
         nonInteraction: true
@@ -19852,7 +20783,7 @@ const SubscriptionCancelNowButton = _ref => {
     switchView(null);
 
     //Show confirmation alert after closing the modal
-    notify$1.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
@@ -19900,7 +20831,7 @@ const SubscriptionCancelLaterButton = _ref => {
       if (err) {
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
         category: "ACTIONS",
         action: "Canceled",
         nonInteraction: true
@@ -19922,7 +20853,7 @@ const SubscriptionCancelLaterButton = _ref => {
     switchView(null);
 
     //Show confirmation alert after closing the modal
-    notify$1.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -20139,7 +21070,7 @@ const SubscriptionSuspendButton = _ref => {
       if (err) {
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
         category: "ACTIONS",
         action: "Suspended",
         nonInteraction: true
@@ -20157,7 +21088,7 @@ const SubscriptionSuspendButton = _ref => {
     switchView(null);
 
     //Show confirmation alert after closing the modal
-    notify$1.confirm((onSuccess, onFailure) => {
+    notify.confirm((onSuccess, onFailure) => {
       suspendSubscription(payload, onSuccess, onFailure);
     }, {
       confirmMessage: t("messages.subCancellation.isSureToSuspendNow"),
@@ -20877,12 +21808,14 @@ const SubscriptionCreateView = _ref => {
   } = useTranslation("checkoutForm");
   const {
     product,
-    plan
+    plan,
+    selectedDonationAmount,
+    customDonationAmount
   } = usePelcro();
   const skipPayment = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.skipPaymentForFreePlans;
   const showSubscriptionButton = skipPayment && (plan === null || plan === void 0 ? void 0 : plan.amount) === 0;
   const getPricingText = plan => {
-    var _plan$quantity;
+    var _plan$quantity, _plan$quantity2, _plan$quantity3;
     const autoRenewed = plan.auto_renew;
     const {
       interval,
@@ -20892,7 +21825,7 @@ const SubscriptionCreateView = _ref => {
       interval,
       count: interval_count
     });
-    const priceFormatted = getFormattedPriceByLocal((plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
+    const priceFormatted = plan.type === "donation" && (selectedDonationAmount || customDonationAmount) ? getFormattedPriceByLocal(selectedDonationAmount ? selectedDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1) : customDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity2 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity2 !== void 0 ? _plan$quantity2 : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()) : getFormattedPriceByLocal((plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity3 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity3 !== void 0 ? _plan$quantity3 : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
     return /*#__PURE__*/React__default['default'].createElement("p", {
       className: "plc-text-gray-600"
     }, /*#__PURE__*/React__default['default'].createElement("span", {
@@ -22215,7 +23148,7 @@ const AddressCreateContainer = _ref => {
             });
             return onFailure(err);
           }
-          notify$1.success(t("messages.addressUpdated"));
+          notify.success(t("messages.addressUpdated"));
           return onMembershipAdressUpdateSuccess(res);
         });
       }
@@ -22987,6 +23920,7 @@ const AddressUpdateContainer = _ref => {
         });
         onFailure(err);
       } else {
+        var _ReactGA, _ReactGA$event;
         dispatch({
           type: SHOW_ALERT,
           payload: {
@@ -22995,6 +23929,11 @@ const AddressUpdateContainer = _ref => {
           }
         });
         onSuccess(res);
+        (_ReactGA = ReactGA) === null || _ReactGA === void 0 ? void 0 : (_ReactGA$event = _ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(_ReactGA, {
+          category: "ACTIONS",
+          action: "Updated address",
+          nonInteraction: true
+        });
       }
     });
   };
@@ -23522,7 +24461,7 @@ const PaymentMethodUpdateModal = props => {
   const onSuccess = res => {
     var _props$onSuccess, _ReactGA$event;
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
-    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+    ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
       category: "ACTIONS",
       action: "Updated payment card",
       nonInteraction: true
@@ -25088,6 +26027,16 @@ const GiftCreateContainer = _ref => {
         return onFailure();
       }
     }
+    if (giftRecipient.giftMessage && !isStringValid(giftRecipient.giftMessage)) {
+      dispatch({
+        type: SHOW_ALERT,
+        payload: {
+          type: "error",
+          content: t("gift.messages.giftMessageAllowedCharacters")
+        }
+      });
+      return onFailure();
+    }
     set({
       giftRecipient
     });
@@ -25695,7 +26644,7 @@ const AddressSelectContainer = _ref => {
           });
           return onFailure(err);
         }
-        notify$1.success(t("messages.addressUpdated"));
+        notify.success(t("messages.addressUpdated"));
         return onMembershipAdressUpdateSuccess(res);
       });
     }
@@ -27466,7 +28415,7 @@ const SavedItems = _ref3 => {
           return;
         }
         setItems(response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.metadata);
-        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+        ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
           category: "ACTIONS",
           action: "Unsave/Unfollow",
           label: title
@@ -27654,7 +28603,7 @@ const SubscriptionsItems = _ref => {
         return switchView("email-verify");
       }
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify$1.confirm((onSuccess, onFailure) => {
+      notify.confirm((onSuccess, onFailure) => {
         cancelSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subCancellation.isSureToCancel"),
@@ -27671,7 +28620,7 @@ const SubscriptionsItems = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      reactivateSubscription(sub.id);
+      reactivateSubscription(sub.id, false);
     };
 
     // Renew click
@@ -27709,7 +28658,7 @@ const SubscriptionsItems = _ref => {
         return switchView("email-verify");
       }
       onClose === null || onClose === void 0 ? void 0 : onClose();
-      notify$1.confirm((onSuccess, onFailure) => {
+      notify.confirm((onSuccess, onFailure) => {
         unSuspendSubscription(sub.id, onSuccess, onFailure);
       }, {
         confirmMessage: t("messages.subUnSuspend.isSureToUnSuspend"),
@@ -27791,7 +28740,7 @@ const SubscriptionsItems = _ref => {
       onClick: onCancelClick,
       disabled: disableSubmit,
       "data-key": sub.id
-    }, t("labels.unsubscribe")) : "", (sub === null || sub === void 0 ? void 0 : (_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === 'membership' && /*#__PURE__*/React__default['default'].createElement(Button, {
+    }, t("labels.unsubscribe")) : "", (sub === null || sub === void 0 ? void 0 : (_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === "membership" && /*#__PURE__*/React__default['default'].createElement(Button, {
       variant: "ghost",
       className: "plc-text-blue-400 pelcro-dashboard-sub-manage-members-button",
       icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
@@ -27838,7 +28787,10 @@ const SubscriptionsItems = _ref => {
 };
 function getNonDonationSubs() {
   var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3;
-  return (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => !sub.plan.is_donation)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
+  return (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => {
+    var _sub$plan2;
+    return ((_sub$plan2 = sub.plan) === null || _sub$plan2 === void 0 ? void 0 : _sub$plan2.type) !== "donation";
+  })) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
 }
 function isDateAfterToday(date) {
   const today = new Date().setHours(0, 0, 0, 0);
@@ -28126,6 +29078,7 @@ function SvgQrcode(props) {
 
 const DonationsMenu = _ref => {
   let {
+    onClose,
     reactivateSubscription,
     disableSubmit,
     cancelSubscription
@@ -28137,10 +29090,10 @@ const DonationsMenu = _ref => {
     switchView,
     setSubscriptionToCancel
   } = usePelcro();
-  const subscriptions = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
+  const donations = getDonationSubs().sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
+    console.log("Sub", sub);
     // Cancel button click handlers
     const onCancelClick = () => {
-      var _onClose;
       const isImmediateCancelationEnabled = window.Pelcro.site.read().cancel_settings.status;
       if (isImmediateCancelationEnabled) {
         setSubscriptionToCancel(sub.id);
@@ -28149,16 +29102,16 @@ const DonationsMenu = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      (_onClose = onClose) === null || _onClose === void 0 ? void 0 : _onClose();
+      onClose === null || onClose === void 0 ? void 0 : onClose();
       notify.confirm((onSuccess, onFailure) => {
         cancelSubscription(sub.id, onSuccess, onFailure);
       }, {
-        confirmMessage: t("messages.subCancellation.isSureToCancel"),
-        loadingMessage: t("messages.subCancellation.loading"),
-        successMessage: t("messages.subCancellation.success"),
-        errorMessage: t("messages.subCancellation.error")
+        confirmMessage: t("messages.donationCancellation.isSureToCancel"),
+        loadingMessage: t("messages.donationCancellation.loading"),
+        successMessage: t("messages.donationCancellation.success"),
+        errorMessage: t("messages.donationCancellation.error")
       }, {
-        closeButtonLabel: t("labels.subCancellation.goBack")
+        closeButtonLabel: t("labels.donationCancellation.goBack")
       });
     };
 
@@ -28167,7 +29120,7 @@ const DonationsMenu = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      reactivateSubscription(sub.id);
+      reactivateSubscription(sub.id, true);
     };
     return /*#__PURE__*/React__default['default'].createElement("tr", {
       key: sub.id,
@@ -28208,12 +29161,18 @@ const DonationsMenu = _ref => {
     className: "plc-w-3/12 "
   }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement("tr", {
     className: "plc-h-4"
-  }), subscriptions));
+  }), donations));
 };
 function getDonationSubs() {
   var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3, _window$Pelcro$user$r, _window$Pelcro$user$r2;
-  const donations = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
-  const canceledDonations = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
+  const donations = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => {
+    var _sub$plan;
+    return ((_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === "donation";
+  })) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
+  const canceledDonations = (_window$Pelcro$user$r = (_window$Pelcro$user$r2 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r2 === void 0 ? void 0 : _window$Pelcro$user$r2.filter(sub => {
+    var _sub$plan2;
+    return ((_sub$plan2 = sub.plan) === null || _sub$plan2 === void 0 ? void 0 : _sub$plan2.type) === "donation";
+  })) !== null && _window$Pelcro$user$r !== void 0 ? _window$Pelcro$user$r : [];
   return [...donations, ...canceledDonations];
 }
 function formatStartDate(date) {
@@ -28477,7 +29436,7 @@ class Dashboard extends React.Component {
       window.Pelcro.insight.track("Modal Displayed", {
         name: "dashboard"
       });
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
         category: "VIEWS",
         action: "Dashboard Modal Viewed",
         nonInteraction: true
@@ -28513,7 +29472,7 @@ class Dashboard extends React.Component {
         if (err) {
           return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
         }
-        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+        ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$1.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$1, {
           category: "ACTIONS",
           action: "Canceled",
           nonInteraction: true
@@ -28531,7 +29490,7 @@ class Dashboard extends React.Component {
         if (err) {
           return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
         }
-        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event3 = ReactGA.event) === null || _ReactGA$event3 === void 0 ? void 0 : _ReactGA$event3.call(ReactGA, {
+        ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event3 = ReactGA$1.event) === null || _ReactGA$event3 === void 0 ? void 0 : _ReactGA$event3.call(ReactGA$1, {
           category: "ACTIONS",
           action: "UnSuspended",
           nonInteraction: true
@@ -28602,7 +29561,7 @@ class Dashboard extends React.Component {
       const formattedRenewDate = new Intl.DateTimeFormat("en-CA").format(renewDate);
       return `${this.locale("labels.renewsOn")} ${formattedRenewDate}`;
     });
-    _defineProperty$3(this, "reactivateSubscription", subscription_id => {
+    _defineProperty$3(this, "reactivateSubscription", (subscription_id, isDonation) => {
       // disable the Login button to prevent repeated clicks
       this.setState({
         disableSubmit: true
@@ -28616,9 +29575,17 @@ class Dashboard extends React.Component {
         });
         this.props.onClose();
         if (err) {
-          return notify$1.error(this.locale("messages.subReactivation.error"));
+          if (isDonation) {
+            return notify.error(this.locale("messages.donationReactivation.error"));
+          } else {
+            return notify.error(this.locale("messages.subReactivation.error"));
+          }
+        }
+        if (isDonation) {
+          return notify.success(this.locale("messages.donationReactivation.success"));
+        } else {
+          return notify.success(this.locale("messages.subReactivation.success"));
         }
-        return notify$1.success(this.locale("messages.subReactivation.success"));
       });
     });
     _defineProperty$3(this, "getSubscriptionStatus", sub => {
@@ -28980,6 +29947,7 @@ class Dashboard extends React.Component {
       }),
       title: this.locale("labels.donations"),
       content: /*#__PURE__*/React__default['default'].createElement(DonationsMenu, {
+        onClose: this.props.onClose,
         reactivateSubscription: this.reactivateSubscription,
         disableSubmit: this.state.disableSubmit,
         cancelSubscription: this.cancelSubscription
@@ -29021,8 +29989,14 @@ function hasInvoices() {
 }
 function hasDonationSubs() {
   var _window$Pelcro$subscr, _window$Pelcro$subscr2, _window$Pelcro$subscr3, _window$Pelcro$user$r4, _window$Pelcro$user$r5;
-  const donations = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
-  const canceledDonations = (_window$Pelcro$user$r4 = (_window$Pelcro$user$r5 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.filter(sub => sub.plan.is_donation && !sub.is_gift_donor)) !== null && _window$Pelcro$user$r4 !== void 0 ? _window$Pelcro$user$r4 : [];
+  const donations = (_window$Pelcro$subscr = (_window$Pelcro$subscr2 = window.Pelcro.subscription) === null || _window$Pelcro$subscr2 === void 0 ? void 0 : (_window$Pelcro$subscr3 = _window$Pelcro$subscr2.list()) === null || _window$Pelcro$subscr3 === void 0 ? void 0 : _window$Pelcro$subscr3.filter(sub => {
+    var _sub$plan;
+    return ((_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === "donation";
+  })) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
+  const canceledDonations = (_window$Pelcro$user$r4 = (_window$Pelcro$user$r5 = window.Pelcro.user.read().expired_subscriptions) === null || _window$Pelcro$user$r5 === void 0 ? void 0 : _window$Pelcro$user$r5.filter(sub => {
+    var _sub$plan2;
+    return ((_sub$plan2 = sub.plan) === null || _sub$plan2 === void 0 ? void 0 : _sub$plan2.type) === "donation";
+  })) !== null && _window$Pelcro$user$r4 !== void 0 ? _window$Pelcro$user$r4 : [];
   return donations.length > 0 || canceledDonations.length > 0;
 }
 function hasActiveMemberships() {
@@ -31187,7 +32161,7 @@ function VerifyLinkTokenModal(_ref) {
     var _props$onSuccess;
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
     resetView();
-    notify$1.success(t("messages.success"));
+    notify.success(t("messages.success"));
   };
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
     id: "pelcro-login-modal",
@@ -32901,6 +33875,7 @@ exports.Dashboard = DashboardWithHook;
 exports.DashboardOpenButton = DashboardOpenButton;
 exports.DatePicker = DatePicker;
 exports.DiscountedPrice = DiscountedPrice;
+exports.DonationModal = DonationModalWithHook;
 exports.Email = Email;
 exports.EmailVerifyContainer = EmailVerifyContainer;
 exports.EmailVerifyModal = EmailVerifyModal;
@@ -33078,6 +34053,6 @@ exports.i18n = i18next;
 exports.initButtons = init$1;
 exports.initContentEntitlement = init;
 exports.invoicePaymentSubmitButton = invoicePaymentSubmitButton;
-exports.notify = notify$1;
+exports.notify = notify;
 exports.unauthenticatedButtons = unauthenticatedButtons;
 exports.usePelcro = usePelcro;