@pelcro/react-pelcro-js 3.24.0 → 3.25.0-beta.2

package/dist/index.esm.js

@@ -3223,7 +3223,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"
@@ -3301,7 +3301,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
@@ -3332,7 +3332,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",
@@ -3340,7 +3340,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.",
@@ -3351,14 +3351,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: {
@@ -3384,12 +3384,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?",
@@ -3399,16 +3399,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",
@@ -3428,11 +3428,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";
@@ -3456,7 +3458,7 @@ var messages_en = {
 	zeroTotalInvoice: zeroTotalInvoice$3
 };
 
-var labels$$ = {
+var labels$13 = {
 	email: "Enter email",
 	username: "Enter username",
 	password: "Enter password",
@@ -3465,7 +3467,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?",
@@ -3484,28 +3486,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",
@@ -3518,7 +3520,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. ",
@@ -3564,7 +3566,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 = {
@@ -3592,14 +3595,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",
@@ -3618,21 +3621,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",
@@ -3643,12 +3646,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."
 };
@@ -3657,9 +3660,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";
@@ -3687,7 +3690,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."
 };
@@ -3698,7 +3701,7 @@ var passwordForgot_en = {
 	submit: submit$e,
 	required: required$e,
 	passwordResetEmailSent: passwordResetEmailSent$3,
-	messages: messages$_
+	messages: messages$12
 };
 
 var title$u = "Change your password";
@@ -3726,7 +3729,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 = {
@@ -3734,7 +3737,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";
@@ -3762,13 +3765,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."
@@ -3777,17 +3780,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",
@@ -3809,7 +3812,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",
@@ -3823,12 +3826,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",
@@ -3914,9 +3917,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?",
@@ -3933,19 +3939,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."
@@ -3962,15 +3984,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 = {
@@ -3983,46 +4039,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",
@@ -4035,18 +4091,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",
@@ -4059,18 +4115,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: "기간 종료 시 취소",
@@ -4083,11 +4139,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",
@@ -4098,10 +4154,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",
@@ -4112,10 +4168,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: "초대",
@@ -4126,17 +4182,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",
@@ -4149,8 +4205,8 @@ var messages$Q = {
 	}
 };
 var subscriptionSuspend_en = {
-	labels: labels$K,
-	messages: messages$Q
+	labels: labels$N,
+	messages: messages$T
 };
 
 var validation$2 = {
@@ -4165,7 +4221,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"
@@ -4243,7 +4299,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
@@ -4274,7 +4330,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",
@@ -4282,7 +4338,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",
@@ -4293,14 +4349,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: {
@@ -4326,12 +4382,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 ?",
@@ -4341,16 +4397,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",
@@ -4370,11 +4426,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";
@@ -4398,7 +4456,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",
@@ -4407,7 +4465,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 ?",
@@ -4426,28 +4484,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",
@@ -4460,7 +4518,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",
@@ -4507,7 +4565,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 = {
@@ -4535,14 +4594,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",
@@ -4561,21 +4620,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",
@@ -4586,12 +4645,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é."
 };
@@ -4600,9 +4659,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";
@@ -4630,7 +4689,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"
 };
@@ -4641,7 +4700,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";
@@ -4669,7 +4728,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 = {
@@ -4677,7 +4736,7 @@ var passwordlessRequest_fr = {
 	email: email$6,
 	submit: submit$8,
 	required: required$8,
-	messages: messages$F
+	messages: messages$I
 };
 
 var title$j = "Votre panier";
@@ -4705,13 +4764,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."
@@ -4720,17 +4779,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",
@@ -4752,7 +4811,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é à",
@@ -4766,12 +4825,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",
@@ -4857,9 +4916,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?",
@@ -4876,19 +4938,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."
@@ -4905,67 +4983,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",
@@ -4978,8 +5089,8 @@ var messages$z = {
 	}
 };
 var subscriptionSuspend_fr = {
-	labels: labels$v,
-	messages: messages$z
+	labels: labels$x,
+	messages: messages$B
 };
 
 var validation$1 = {
@@ -4993,7 +5104,7 @@ var validation$1 = {
 	enterLastName: "성은 필수 항목입니다.",
 	enterPhone: "전화번호는 필수 항목입니다."
 };
-var buttons$9 = {
+var buttons$b = {
 	account: "내 계정",
 	login: "로그인",
 	subscribe: "구독하다"
@@ -5071,7 +5182,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
@@ -5102,7 +5213,7 @@ var paymentMethod_ko = {
 var title$h = "Frieze 뉴스레터를 구독하려면 이메일을 입력하세요.";
 var updateTitle$1 = "뉴스레터 선택 업데이트";
 var subtitle$7 = "귀하의 이메일은 다른 마케팅 용도로도 사용됩니다.";
-var labels$u = {
+var labels$w = {
 	submit: "제출",
 	firstName: "이름",
 	lastName: "성",
@@ -5110,7 +5221,7 @@ var labels$u = {
 	postalCode: "우편번호",
 	required: "필수 항목"
 };
-var messages$y = {
+var messages$A = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	success: "뉴스레터가 성공적으로 업데이트되었습니다.",
 	loginHere: "여기에서 로그인하세요.",
@@ -5121,14 +5232,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: {
@@ -5154,12 +5265,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: "이미 계정이 있습니까?",
@@ -5169,16 +5280,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",
@@ -5198,11 +5309,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 인증서로 보호됩니다. 제공: ";
@@ -5226,7 +5339,7 @@ var messages_ko = {
 	zeroTotalInvoice: zeroTotalInvoice$1
 };
 
-var labels$r = {
+var labels$t = {
 	email: "이메일 입력",
 	username: "사용자 이름 입력",
 	password: "비밀번호 입력",
@@ -5235,7 +5348,7 @@ var labels$r = {
 	passwordPlaceholder: "비밀번호",
 	login: "로그인"
 };
-var messages$u = {
+var messages$w = {
 	loginTo: "귀하의 계정에 로그인",
 	welcome: "반갑습니다. 귀하의 기존 계정으로 로그인하세요.",
 	dontHaveAccount: "아직 계정이 없으신가요?",
@@ -5254,28 +5367,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: "이메일로 가입하기",
@@ -5288,7 +5401,7 @@ var labels$p = {
 	lastName: "성",
 	phone: "핸드폰"
 };
-var messages$s = {
+var messages$u = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	createAccount: "계정 만들기",
 	loginHere: "여기에서 로그인하세요.",
@@ -5334,7 +5447,8 @@ var gift$1 = {
 		enterEmail: "선물을 받을 분의 이메일을 입력해주세요.",
 		invalidDate: "선물 날짜는 오늘로부터 1년 이내여야 합니다.",
 		giftDateInfo: "받는 분이 선물을 사용하실 수 있도록, 선택된 날짜에 귀하의 선물 메시지가 담겨 있는 이메일 알림이 전송됩니다.",
-		giftMessageInfo: "받는 분을 위한 선물 메시지와 서명을 남기는 것을 잊지 마시기 바랍니다."
+		giftMessageInfo: "받는 분을 위한 선물 메시지와 서명을 남기는 것을 잊지 마시기 바랍니다.",
+		giftMessageAllowedCharacters: "특수문자 및 이모티콘 사용 불가."
 	}
 };
 var redeem$1 = {
@@ -5362,14 +5476,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: "이메일",
@@ -5388,21 +5502,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: "도시",
@@ -5413,12 +5527,12 @@ var labels$n = {
 	required: "필수 항목",
 	isDefault: "기본값으로 설정"
 };
-var buttons$8 = {
+var buttons$a = {
 	submit: "제출",
 	selectAddress: "주소 선택",
 	addAddress: "새 주소 추가"
 };
-var messages$q = {
+var messages$s = {
 	addressUpdated: "주소가 성공적으로 업데이트되었습니다!",
 	subRedeemed: "귀하의 유료 멤버십이 사용되었습니다."
 };
@@ -5427,9 +5541,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 = "비밀번호 재설정";
@@ -5457,7 +5571,7 @@ var password$2 = "비밀번호";
 var submit$6 = "제출";
 var required$6 = "필수 항목";
 var passwordResetEmailSent$1 = "비밀번호 재설정 안내가 귀하의 이메일로 발송되었습니다.";
-var messages$p = {
+var messages$r = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	loginHere: "여기에서 로그인하세요."
 };
@@ -5468,7 +5582,7 @@ var passwordForgot_ko = {
 	submit: submit$6,
 	required: required$6,
 	passwordResetEmailSent: passwordResetEmailSent$1,
-	messages: messages$p
+	messages: messages$r
 };
 
 var title$c = "비밀번호를 변경합니다.";
@@ -5496,7 +5610,7 @@ var title$b = "비밀번호 없는 로그인";
 var email$3 = "이메일 입력";
 var submit$4 = "제출";
 var required$4 = "필수 항목";
-var messages$o = {
+var messages$q = {
 	PasswordlessLoginSuccess: "비밀번호 없는 로그인으로 성공적으로 인증되었습니다."
 };
 var passwordlessRequest_ko = {
@@ -5504,7 +5618,7 @@ var passwordlessRequest_ko = {
 	email: email$3,
 	submit: submit$4,
 	required: required$4,
-	messages: messages$o
+	messages: messages$q
 };
 
 var title$a = "귀하의 장바구니";
@@ -5532,13 +5646,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: "귀하의 주문이 확인되었으며 며칠 안에 배송될 예정입니다. 이 주문의 확인 이메일이 귀하에게 전송됩니다."
@@ -5547,17 +5661,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: "제출",
@@ -5579,7 +5693,7 @@ var labels$l = {
 		title: "결제 정보"
 	}
 };
-var messages$m = {
+var messages$o = {
 	youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
 	cancel: "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.",
 	giftSent: "유료 멤버십 선물이 ",
@@ -5593,12 +5707,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: "이메일",
@@ -5746,7 +5860,10 @@ var savedItems = {
 var subCancellation = {
 	goBack: "뒤로 가기"
 };
-var messages$l = {
+var donationCancellation = {
+	goBack: "뒤로 가기"
+};
+var messages$n = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
 		isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
@@ -5763,10 +5880,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,
@@ -5815,15 +5948,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: "아래 요금제 중 하나를 선택하고 다음을 클릭하세요."
@@ -5840,15 +5974,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 = {
@@ -5861,46 +6028,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: "기간 종료 시 일시 중단",
@@ -5913,8 +6080,8 @@ var messages$i = {
 	}
 };
 var subscriptionSuspend_ko = {
-	labels: labels$g,
-	messages: messages$i
+	labels: labels$h,
+	messages: messages$j
 };
 
 var validation = {
@@ -5926,7 +6093,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"
 };
@@ -6003,7 +6170,7 @@ var confirm$2 = {
 };
 var common_es = {
 	validation: validation,
-	buttons: buttons$4,
+	buttons: buttons$5,
 	dashboard: dashboard,
 	select: select$1,
 	confirm: confirm$2
@@ -6034,7 +6201,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",
@@ -6042,7 +6209,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í.",
@@ -6053,14 +6220,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: {
@@ -6086,12 +6253,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?",
@@ -6101,16 +6268,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",
@@ -6130,11 +6297,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";
@@ -6156,7 +6325,7 @@ var messages_es = {
 	zeroTotalInvoice: zeroTotalInvoice
 };
 
-var labels$c = {
+var labels$d = {
 	email: "Ingresar correo",
 	password: "Ingresar contraseña",
 	required: "obligatorio",
@@ -6164,7 +6333,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?",
@@ -6183,28 +6352,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",
@@ -6217,7 +6386,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í",
@@ -6263,7 +6432,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 = {
@@ -6291,14 +6461,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",
@@ -6317,21 +6487,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",
@@ -6342,12 +6512,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."
 };
@@ -6356,9 +6526,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";
@@ -6386,7 +6556,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í."
 };
@@ -6397,7 +6567,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";
@@ -6425,7 +6595,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 = {
@@ -6433,7 +6603,7 @@ var passwordlessRequest_es = {
 	email: email,
 	submit: submit,
 	required: required,
-	messages: messages$7
+	messages: messages$8
 };
 
 var title$1 = "Tu carrito de compras";
@@ -6461,13 +6631,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."
@@ -6476,17 +6646,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",
@@ -6508,7 +6678,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",
@@ -6522,12 +6692,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",
@@ -6612,9 +6782,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?",
@@ -6631,11 +6804,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 = {
@@ -6665,7 +6887,7 @@ var buttons$1 = {
 	select: "Seleccionar",
 	back: "Volver"
 };
-var select_es = {
+var donation_es = {
 	messages: messages$3,
 	labels: labels$4,
 	buttons: buttons$1
@@ -9046,6 +9268,9 @@ const initialState$n = {
   giftCode: "",
   subscriptionIdToRenew: null,
   subscriptionToManageMembers: null,
+  isDonation: false,
+  selectedDonationAmount: null,
+  customDonationAmount: null,
   // E-commerce
   cartItems: [],
   order: null,
@@ -9119,16 +9344,19 @@ const ZERO_DECIMAL_CURRENCIES = ["BIF", "CLP", "DJF", "GNF", "JPY", "KMF", "KRW"
 const isCurrencyZeroDecimal = currency => ZERO_DECIMAL_CURRENCIES.includes(currency.toUpperCase());
 const sortCountries = countries => {
   const sortable = [];
-  delete countries.CA;
-  delete countries.US;
-  for (const abbr in countries) {
-    sortable.push([abbr, countries[abbr]]);
+  const {
+    CA,
+    US,
+    ...rest
+  } = countries;
+  for (const abbr in rest) {
+    sortable.push([abbr, rest[abbr]]);
   }
   sortable.sort((a, b) => {
     if (a[1] > b[1]) return 1;
     return -1;
   });
-  sortable.unshift(["US", "United States"], ["CA", "Canada"]);
+  sortable.unshift(["US", US], ["CA", CA]);
   return sortable;
 };
 
@@ -9232,7 +9460,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;
@@ -9439,6 +9667,24 @@ function notifyBugsnag(callback, startOptions) {
   callback();
 }
 
+//create a safe and strong password string with special characters
+function generatePassword() {
+  const length = 16;
+  const charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+{}|:<>?`~";
+  let retVal = "";
+  for (let i = 0, n = charset.length; i < length; ++i) {
+    retVal += charset.charAt(Math.floor(Math.random() * n));
+  }
+  return retVal;
+}
+function isStringValid(str) {
+  // Define the regular expression to match only letters, numbers and spaces
+  var regex = /^(?:[\p{L}\p{N}\p{Pc}\p{Zs}\n]+$|^[\\\p{Script=Hangul}\p{Pc}\p{Zs}\n]+)$/mu;
+
+  // Test the string against the regular expression
+  return regex.test(str);
+}
+
 const resources = {
   en: {
     common: common_en,
@@ -9463,6 +9709,7 @@ const resources = {
     payment: payment_en,
     dashboard: dashboard_en,
     select: select_en,
+    donation: donation_en,
     notification: notification_en,
     invoiceDetails: invoiceDetails_en,
     subscriptionCancel: subscriptionCancel_en,
@@ -9492,6 +9739,7 @@ const resources = {
     payment: payment_fr,
     dashboard: dashboard_fr,
     select: select_fr,
+    donation: donation_fr,
     notification: notification_fr,
     invoiceDetails: invoiceDetails_fr,
     subscriptionCancel: subscriptionCancel_fr,
@@ -9521,6 +9769,7 @@ const resources = {
     payment: payment_ko,
     dashboard: dashboard_ko,
     select: select_ko,
+    donation: donation_ko,
     notification: notification_ko,
     invoiceDetails: invoiceDetails_ko,
     subscriptionCancel: subscriptionCancel_ko,
@@ -9550,6 +9799,7 @@ const resources = {
     payment: payment_es,
     dashboard: dashboard_es,
     select: select_es,
+    donation: donation_es,
     notification: notification_es,
     invoiceDetails: invoiceDetails_es,
     subscriptionCancel: subscriptionCancel_es,
@@ -9585,84 +9835,253 @@ 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);
 }
 
-var _window$b, _window$Pelcro$b, _window$Pelcro$uiSett$b;
-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"); } }
-const ReactGA$b = (_window$b = window) !== null && _window$b !== void 0 && (_window$Pelcro$b = _window$b.Pelcro) !== null && _window$Pelcro$b !== void 0 && (_window$Pelcro$uiSett$b = _window$Pelcro$b.uiSettings) !== null && _window$Pelcro$uiSett$b !== void 0 && _window$Pelcro$uiSett$b.enableReactGA4 ? ReactGA4 : ReactGA1;
-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: () => {
+
+      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;
+}
+
+var _window$b, _window$Pelcro$b, _window$Pelcro$uiSett$b;
+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"); } }
+const ReactGA$b = (_window$b = window) !== null && _window$b !== void 0 && (_window$Pelcro$b = _window$b.Pelcro) !== null && _window$Pelcro$b !== void 0 && (_window$Pelcro$uiSett$b = _window$Pelcro$b.uiSettings) !== null && _window$Pelcro$uiSett$b !== void 0 && _window$Pelcro$uiSett$b.enableReactGA4 ? ReactGA4 : ReactGA1;
+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 => {
@@ -10762,7 +11181,7 @@ toast.confirm = function (onConfirm, _ref3) {
       ...options
     });
     setTimeout(() => {
-      notify$1.dismiss(id);
+      notify.dismiss(id);
     }, 3000);
   };
   const onFailure = errorValue => {
@@ -10771,11 +11190,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
@@ -10836,7 +11255,7 @@ const init$1 = () => {
             const errorMessage = i18next.t("messages:invalidSubscription", {
               returnObjects: true
             });
-            return notify$1.error(errorMessage);
+            return notify.error(errorMessage);
           }
           switchView("manage-members");
         });
@@ -10844,7 +11263,7 @@ const init$1 = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
     }
   }
@@ -10902,6 +11321,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++) {
@@ -10981,7 +11451,7 @@ const init$1 = () => {
             const errorMsg = i18next.t("shop:messages.currencyMismatch", {
               currency: userCurrency
             });
-            notify$1.error(errorMsg);
+            notify.error(errorMsg);
           }
         });
       }
@@ -11074,7 +11544,7 @@ const init = () => {
       unblurElemWhenUserLogsIn(elemDeepClone, entitlements);
       unblurElemWhenUserLogsOut(elemDeepClone, entitlements);
       const NOTIFICATION_ID = "entitlement";
-      notify$1( /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(Trans, {
+      notify( /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__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.createElement(Link, {
         onClick: () => {
@@ -11089,7 +11559,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.")), {
@@ -11154,208 +11624,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;
   }
-
-  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;
-    }
-
-    return script;
+  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 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;
+    // 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);
+    });
 
-  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;
   }
 };
 
@@ -11476,16 +11777,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);
@@ -11636,6 +11933,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) {
@@ -11718,6 +12018,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
@@ -11817,9 +12172,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
@@ -11843,7 +12198,7 @@ const verifyLinkTokenFromUrl = () => {
       token: loginToken
     }, (err, res) => {
       if (err) {
-        return notify$1.error(getErrorMessages(err));
+        return notify.error(getErrorMessages(err));
       }
       const {
         auth_token
@@ -11852,10 +12207,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);
       });
     });
   }, {
@@ -11930,7 +12285,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidInvoice", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       const {
         invoice
@@ -11939,7 +12294,7 @@ const showInvoiceDetailsFromUrl = () => {
         const errorMessage = i18next.t("messages:zeroTotalInvoice", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       return switchView("invoice-details");
     });
@@ -11964,7 +12319,7 @@ const showSubscriptionManageMembersFromUrl = () => {
         const errorMessage = i18next.t("messages:invalidSubscription", {
           returnObjects: true
         });
-        return notify$1.error(errorMessage);
+        return notify.error(errorMessage);
       }
       return switchView("manage-members");
     });
@@ -11989,8 +12344,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.useEffect(() => {
+    if (isDonation) {
+      if (!window.Stripe && !supportsVantiv && !supportsTap) {
+        pure_1(window.Pelcro.environment.stripe);
+      }
+    }
+  }, [isDonation]);
   React__default.useEffect(() => {
     init$1();
     renderShopView(React__default.Children.map(children, child => child).find(_ref2 => {
@@ -12346,6 +12711,7 @@ const HANDLE_REMOVE_MEMBER = "HANDLE_REMOVE_MEMBER";
 const UPDATE_INVITE_BUTTON = "UPDATE_INVITE_BUTTON";
 const UPDATE_MEMBERS = "UPDATE_MEMBERS";
 const UPDATE_REMOVE_MEMBER_ID = "UPDATE_REMOVE_MEMBER_ID";
+const UPDATE_CYBERSOURCE_SESSION_ID = "UPDATE_CYBERSOURCE_SESSION_ID";
 
 const initialState$m = {
   email: "",
@@ -14522,7 +14888,7 @@ function SelectModalWithHook(props) {
     matchingEntitlements: view === "_plan-select-entitlements" ? entitlements : null
   });
 }
-function productsWithMatchedTaggedFirst() {
+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();
@@ -14576,48 +14942,419 @@ class SelectModal extends Component {
       }
       document.addEventListener("keydown", this.handleSubmit);
       if (!document.querySelector("#pelcro-selection-view") || !document.querySelector(".pelcro-select-product-wrapper")) {
-        var _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$user, _window$Pelcro5, _window$Pelcro5$site;
-        const userCurrency = (_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.read().currency;
-        const userCountry = (_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.location.countryCode;
-        const userLanguage = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$user = _window$Pelcro4.user) === null || _window$Pelcro4$user === void 0 ? void 0 : _window$Pelcro4$user.read().language;
-        const productsMatchingUserCurrency = (_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().products.filter(product => {
+        var _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$user, _window$Pelcro5, _window$Pelcro5$site;
+        const userCurrency = (_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.read().currency;
+        const userCountry = (_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.location.countryCode;
+        const userLanguage = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$user = _window$Pelcro4.user) === null || _window$Pelcro4$user === void 0 ? void 0 : _window$Pelcro4$user.read().language;
+        const productsMatchingUserCurrency = (_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().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$Pelcro6, _window$Pelcro6$site, _window$Pelcro7, _window$Pelcro7$user, _window$Pelcro8, _window$Pelcro8$uiSet, _window$Pelcro9, _this$props, _window$Pelcro10, _window$Pelcro10$help, _window$Pelcro11, _window$Pelcro11$site;
+            event.addMetadata("MetaData", {
+              site: (_window$Pelcro6 = window.Pelcro) === null || _window$Pelcro6 === void 0 ? void 0 : (_window$Pelcro6$site = _window$Pelcro6.site) === null || _window$Pelcro6$site === void 0 ? void 0 : _window$Pelcro6$site.read(),
+              user: (_window$Pelcro7 = window.Pelcro) === null || _window$Pelcro7 === void 0 ? void 0 : (_window$Pelcro7$user = _window$Pelcro7.user) === null || _window$Pelcro7$user === void 0 ? void 0 : _window$Pelcro7$user.read(),
+              uiVersion: (_window$Pelcro8 = window.Pelcro) === null || _window$Pelcro8 === void 0 ? void 0 : (_window$Pelcro8$uiSet = _window$Pelcro8.uiSettings) === null || _window$Pelcro8$uiSet === void 0 ? void 0 : _window$Pelcro8$uiSet.uiVersion,
+              environment: (_window$Pelcro9 = window.Pelcro) === null || _window$Pelcro9 === void 0 ? void 0 : _window$Pelcro9.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$Pelcro10 = window.Pelcro) === null || _window$Pelcro10 === void 0 ? void 0 : (_window$Pelcro10$help = _window$Pelcro10.helpers) === null || _window$Pelcro10$help === void 0 ? void 0 : _window$Pelcro10$help.getHtmlLanguageAttribute(),
+              products: (_window$Pelcro11 = window.Pelcro) === null || _window$Pelcro11 === void 0 ? void 0 : (_window$Pelcro11$site = _window$Pelcro11.site) === null || _window$Pelcro11$site === void 0 ? void 0 : _window$Pelcro11$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.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.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.createElement("div", {
+        className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "plc-w-full pelcro-select-product-header"
+      }, /*#__PURE__*/React__default.createElement("p", {
+        className: "plc-font-bold pelcro-select-product-title"
+      }, product.name), /*#__PURE__*/React__default.createElement("p", {
+        className: "plc-text-xs pelcro-select-product-description"
+      }, product.description)), /*#__PURE__*/React__default.createElement("div", {
+        className: "plc-flex plc-items-end plc-w-full plc-mt-3"
+      }, product.plans && /*#__PURE__*/React__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.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.createElement("div", null, /*#__PURE__*/React__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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("hr", {
+        className: "plc-my-4"
+      }), /*#__PURE__*/React__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.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.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.createElement("div", null, /*#__PURE__*/React__default.createElement("p", {
+          className: "plc-font-bold pelcro-select-plan-title"
+        }, plan.nickname), /*#__PURE__*/React__default.createElement("p", {
+          className: "plc-text-xs pelcro-select-plan-description"
+        }, plan.description)), /*#__PURE__*/React__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$7 === null || ReactGA$7 === void 0 ? void 0 : (_ReactGA$event = ReactGA$7.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$7, {
+        category: "VIEWS",
+        action: "Product Modal Viewed",
+        nonInteraction: true
+      });
+    } else if (this.state.mode === "plan") {
+      var _ReactGA$event2;
+      ReactGA$7 === null || ReactGA$7 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$7.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$7, {
+        category: "VIEWS",
+        action: "Plan Modal Viewed",
+        nonInteraction: true
+      });
+    }
+    return /*#__PURE__*/React__default.createElement(Modal, {
+      hideCloseButton: !this.closeButton,
+      onClose: this.props.onClose,
+      id: "pelcro-selection-modal"
+    }, /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement("div", {
+      id: "pelcro-selection-view"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
+    }, /*#__PURE__*/React__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.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.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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
+    }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default.createElement("div", {
+      className: "plc-flex plc-justify-center plc-mt-2"
+    }, /*#__PURE__*/React__default.createElement(Checkbox, {
+      onChange: this.onIsGiftChange,
+      checked: this.state.isGift,
+      id: "pelcro-input-is-gift"
+    }, this.locale("messages.checkbox"))), /*#__PURE__*/React__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.createElement(ModalFooter, null, !window.Pelcro.user.isAuthenticated() && /*#__PURE__*/React__default.createElement("p", null, this.locale("messages.alreadyHaveAccount") + " ", /*#__PURE__*/React__default.createElement(Link, {
+      id: "pelcro-link-login",
+      onClick: this.displayLoginView
+    }, this.locale("messages.loginHere"))), /*#__PURE__*/React__default.createElement(Authorship, null)));
+  }
+}
+const SelectModalWithTrans = withTranslation("select")(SelectModal);
+
+/**
+ *
+ */
+function DonationModalWithHook(props) {
+  React__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.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
+  });
+}
+function productsWithMatchedTaggedFirst() {
+  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];
+}
+DonationModalWithHook.viewId = "donation-select";
+class DonationModal extends 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;
+        (_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$Pelcro6, _window$Pelcro6$site, _window$Pelcro7, _window$Pelcro7$user, _window$Pelcro8, _window$Pelcro8$uiSet, _window$Pelcro9, _this$props, _window$Pelcro10, _window$Pelcro10$help, _window$Pelcro11, _window$Pelcro11$site;
-            event.addMetadata("MetaData", {
-              site: (_window$Pelcro6 = window.Pelcro) === null || _window$Pelcro6 === void 0 ? void 0 : (_window$Pelcro6$site = _window$Pelcro6.site) === null || _window$Pelcro6$site === void 0 ? void 0 : _window$Pelcro6$site.read(),
-              user: (_window$Pelcro7 = window.Pelcro) === null || _window$Pelcro7 === void 0 ? void 0 : (_window$Pelcro7$user = _window$Pelcro7.user) === null || _window$Pelcro7$user === void 0 ? void 0 : _window$Pelcro7$user.read(),
-              uiVersion: (_window$Pelcro8 = window.Pelcro) === null || _window$Pelcro8 === void 0 ? void 0 : (_window$Pelcro8$uiSet = _window$Pelcro8.uiSettings) === null || _window$Pelcro8$uiSet === void 0 ? void 0 : _window$Pelcro8$uiSet.uiVersion,
-              environment: (_window$Pelcro9 = window.Pelcro) === null || _window$Pelcro9 === void 0 ? void 0 : _window$Pelcro9.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$Pelcro10 = window.Pelcro) === null || _window$Pelcro10 === void 0 ? void 0 : (_window$Pelcro10$help = _window$Pelcro10.helpers) === null || _window$Pelcro10$help === void 0 ? void 0 : _window$Pelcro10$help.getHtmlLanguageAttribute(),
-              products: (_window$Pelcro11 = window.Pelcro) === null || _window$Pelcro11 === void 0 ? void 0 : (_window$Pelcro11$site = _window$Pelcro11.site) === null || _window$Pelcro11$site === void 0 ? void 0 : _window$Pelcro11$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", () => {
@@ -14673,9 +15410,7 @@ class SelectModal extends Component {
         className: "plc-text-xs pelcro-select-product-description"
       }, product.description)), /*#__PURE__*/React__default.createElement("div", {
         className: "plc-flex plc-items-end plc-w-full plc-mt-3"
-      }, product.plans && /*#__PURE__*/React__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.createElement(Button, Object.assign({
+      }, /*#__PURE__*/React__default.createElement(Button, Object.assign({
         onClick: productButtonCallback,
         "data-key": product.id,
         id: "pelcro-select-product-back-button",
@@ -14715,24 +15450,90 @@ class SelectModal extends 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.createElement("div", null, /*#__PURE__*/React__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.createElement("div", {
+          className: "plc-flex plc-items-center plc-flex-1"
+        }, "Auto renew:", " ", /*#__PURE__*/React__default.createElement("span", {
+          className: "plc-inline-flex plc-w-6 plc-ml-1"
+        }, plan.auto_renew ? /*#__PURE__*/React__default.createElement(SvgCheck, {
+          className: "plc-text-green-500"
+        }) : /*#__PURE__*/React__default.createElement(SvgXIcon, {
+          className: "plc-text-red-500"
+        })), " "), /*#__PURE__*/React__default.createElement("div", {
+          className: "plc-flex plc-items-center plc-flex-1"
+        }, "Renewed every:", " ", /*#__PURE__*/React__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.createElement("div", {
+          className: "plc-mt-3 plc-pt-3 plc-border-t plc-border-gray-200"
+        }, /*#__PURE__*/React__default.createElement("h5", {
+          className: "plc-mb-4 plc-font-medium plc-text-center"
+        }, "Select amount"), /*#__PURE__*/React__default.createElement("ul", {
+          className: "plc-grid plc-grid-cols-2 plc-gap-3"
+        }, plan.preset_donation_values.map(value => /*#__PURE__*/React__default.createElement("li", {
+          key: value
+        }, /*#__PURE__*/React__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.createElement("span", {
+          className: "plc-font-bold plc-mr-1"
+        }, value), /*#__PURE__*/React__default.createElement("span", {
+          className: "plc-uppercase"
+        }, plan === null || plan === void 0 ? void 0 : plan.currency))))), /*#__PURE__*/React__default.createElement("div", {
+          className: "plc-relative plc-py-3 plc-mt-3"
+        }, /*#__PURE__*/React__default.createElement("hr", null), " ", /*#__PURE__*/React__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.createElement("div", {
+          className: "plc-relative plc-mt-3"
+        }, /*#__PURE__*/React__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.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.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.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.createElement("div", null, /*#__PURE__*/React__default.createElement("p", {
+        }, /*#__PURE__*/React__default.createElement("div", {
+          className: "plc-text-center"
+        }, /*#__PURE__*/React__default.createElement("p", {
           className: "plc-font-bold pelcro-select-plan-title"
         }, plan.nickname), /*#__PURE__*/React__default.createElement("p", {
           className: "plc-text-xs pelcro-select-plan-description"
-        }, plan.description)), /*#__PURE__*/React__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 => {
@@ -14740,13 +15541,15 @@ class SelectModal extends 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);
@@ -14759,6 +15562,12 @@ class SelectModal extends 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) {
@@ -14766,9 +15575,6 @@ class SelectModal extends Component {
           this.setState({
             plan: plan
           });
-          this.setState({
-            disabled: false
-          });
         } else {
           plan.isCheked = false;
         }
@@ -14783,7 +15589,7 @@ class SelectModal extends 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
@@ -14796,12 +15602,14 @@ class SelectModal extends 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();
       }
@@ -14810,13 +15618,16 @@ class SelectModal extends 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;
@@ -14824,19 +15635,17 @@ class SelectModal extends 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$7 === null || ReactGA$7 === void 0 ? void 0 : (_ReactGA$event = ReactGA$7.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$7, {
+      ReactGA1 === null || ReactGA1 === void 0 ? void 0 : (_ReactGA$event = ReactGA1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA1, {
         category: "VIEWS",
         action: "Product Modal Viewed",
         nonInteraction: true
       });
     } else if (this.state.mode === "plan") {
       var _ReactGA$event2;
-      ReactGA$7 === null || ReactGA$7 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$7.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$7, {
+      ReactGA1 === null || ReactGA1 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA1.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA1, {
         category: "VIEWS",
         action: "Plan Modal Viewed",
         nonInteraction: true
@@ -14855,25 +15664,16 @@ class SelectModal extends 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.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.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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
-    }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default.createElement("div", {
-      className: "plc-flex plc-justify-center plc-mt-2"
-    }, /*#__PURE__*/React__default.createElement(Checkbox, {
-      onChange: this.onIsGiftChange,
-      checked: this.state.isGift,
-      id: "pelcro-input-is-gift"
-    }, this.locale("messages.checkbox"))), /*#__PURE__*/React__default.createElement(Button, {
+      className: "plc-overflow-y-scroll pelcro-select-plans-wrapper"
+    }, this.renderPlans()), /*#__PURE__*/React__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.createElement(ModalFooter, null, !window.Pelcro.user.isAuthenticated() && /*#__PURE__*/React__default.createElement("p", null, this.locale("messages.alreadyHaveAccount") + " ", /*#__PURE__*/React__default.createElement(Link, {
-      id: "pelcro-link-login",
-      onClick: this.displayLoginView
-    }, this.locale("messages.loginHere"))), /*#__PURE__*/React__default.createElement(Authorship, null)));
+    }, this.locale("buttons.donate"))))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement(Authorship, null)));
   }
 }
-const SelectModalWithTrans = withTranslation("select")(SelectModal);
+const DonationModalWithTrans = withTranslation("donation")(DonationModal);
 
 var Provider_1 = createCommonjsModule(function (module, exports) {
 
@@ -16878,7 +17678,8 @@ class CybersourceGateway {
           product,
           quantity = 1,
           addressId,
-          isExistingSource
+          isExistingSource,
+          fingerprint_session_id
         } = options;
         const params = isExistingSource ? {
           source_id: token
@@ -16893,6 +17694,7 @@ class CybersourceGateway {
           campaign_key: window.Pelcro.helpers.getURLParameter("campaign_key"),
           coupon_code: couponCode,
           address_id: product.address_required ? addressId : null,
+          fingerprint_session_id: fingerprint_session_id,
           ...params
         }, (err, res) => {
           callback(err, res);
@@ -17085,11 +17887,16 @@ const initialState$k = {
   firstName: "",
   lastName: "",
   phone: "",
+  email: "",
+  password: "",
   firstNameError: null,
   lastNameError: null,
   phoneError: null,
+  emailError: null,
   month: "",
   year: "",
+  passwordError: null,
+  cyberSourceSessionId: null,
   alert: {
     type: "error",
     content: ""
@@ -17122,7 +17929,11 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     set,
     order,
     selectedPaymentMethodId,
-    couponCode
+    couponCode,
+    selectedDonationAmount,
+    customDonationAmount,
+    isAuthenticated,
+    switchView
   } = usePelcro();
   const {
     whenUserReady
@@ -17154,6 +17965,22 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     });
     updateTotalAmountWithTax();
   }, []);
+  const fireBugSnag = _ref2 => {
+    let {
+      error,
+      title
+    } = _ref2;
+    notifyBugsnag(() => {
+      Bugsnag.notify(title !== null && title !== void 0 ? title : "ERROR", event => {
+        var _document$getElementB, _document$querySelect;
+        event.addMetadata("MetaData", {
+          error: error !== null && error !== void 0 ? error : "ERROR",
+          paymentModalViewed: (_document$getElementB = !!document.getElementById("pelcro-subscription-create-modal")) !== null && _document$getElementB !== void 0 ? _document$getElementB : false,
+          errorAppeared: (_document$querySelect = !!document.querySelector(".pelcro-alert-error")) !== null && _document$querySelect !== void 0 ? _document$querySelect : false
+        });
+      });
+    });
+  };
 
   /*====== Start Cybersource integration ========*/
   const cybersourceErrorHandle = err => {
@@ -17163,10 +17990,10 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       const errorMessages = [];
 
       // enumerable error (ex: validation errors)
-      Object.values(err === null || err === void 0 ? void 0 : (_err$details2 = err.details) === null || _err$details2 === void 0 ? void 0 : (_err$details2$respons = _err$details2.responseStatus) === null || _err$details2$respons === void 0 ? void 0 : _err$details2$respons.details).forEach(_ref2 => {
+      Object.values(err === null || err === void 0 ? void 0 : (_err$details2 = err.details) === null || _err$details2 === void 0 ? void 0 : (_err$details2$respons = _err$details2.responseStatus) === null || _err$details2$respons === void 0 ? void 0 : _err$details2$respons.details).forEach(_ref3 => {
         let {
           message
-        } = _ref2;
+        } = _ref3;
         errorMessages.push(message);
       });
 
@@ -17179,8 +18006,10 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   };
   const submitUsingCybersource = (state, dispatch) => {
     var _cybersourceInstanceR;
+    console.log("State", state);
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
+      appendCybersourceFingerprintScripts();
       // no need to create a new source using cybersrce
       return handleCybersourcePayment(null, state);
     }
@@ -17328,7 +18157,8 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           couponCode,
           product,
           isExistingSource: isUsingExistingPaymentMethod,
-          addressId: selectedAddressId
+          addressId: selectedAddressId,
+          fingerprint_session_id: state.cyberSourceSessionId
         }, (err, res) => {
           if (err) {
             return handlePaymentError(err);
@@ -17344,6 +18174,28 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     }
     cybersourceInstanceRef.current = microformInstance;
   };
+  const appendCybersourceFingerprintScripts = () => {
+    var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$site$r3, _window$Pelcro$site$r4;
+    const uniqueId = crypto.randomUUID();
+    const sessionID = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : (_window$Pelcro$site$r2 = _window$Pelcro$site$r.cybersource_gateway_settings) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.merchant_id) + uniqueId;
+    const orgID = (_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : (_window$Pelcro$site$r4 = _window$Pelcro$site$r3.cybersource_gateway_settings) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.org_id;
+    const fingerPrintScript = document.querySelector(`script[src="https://h.online-metrix.net/fp/tags.js?org_id=${orgID}&session_id=${sessionID}"]`);
+    const fingerPringIframe = document.querySelector(`iframe[src="https://h.online-metrix.net/fp/tags?org_id=${orgID}&session_id=${sessionID}"]`);
+    if (!fingerPrintScript && !fingerPringIframe) {
+      window.Pelcro.helpers.loadSDK(`https://h.online-metrix.net/fp/tags.js?org_id=${orgID}&session_id=${sessionID}`, "cybersource-fingerprint-script");
+      const body = document.getElementsByTagName("body")[0];
+      const noscript = document.createElement("noscript");
+      const iframe = document.createElement("iframe");
+      iframe.style.cssText = "width: 100px; height: 100px; border: 0; position:absolute; top: -5000px;";
+      iframe.src = `https://h.online-metrix.net/fp/tags?org_id=${orgID}&session_id=${sessionID}`;
+      noscript.appendChild(iframe);
+      body.insertBefore(noscript, body.firstChild);
+      dispatch({
+        type: UPDATE_CYBERSOURCE_SESSION_ID,
+        payload: uniqueId
+      });
+    }
+  };
   const initCybersourceScript = () => {
     // jwk api call
     window.Pelcro.payment.getJWK({
@@ -17368,6 +18220,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           }
         });
       }
+      appendCybersourceFingerprintScripts();
       const {
         key: jwk
       } = res;
@@ -17404,7 +18257,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
 
   /*====== Start Tap integration ========*/
   const submitUsingTap = state => {
-    var _ref3, _ref4, _ref5, _state$updatedPrice;
+    var _ref4, _ref5, _getPlanAmount;
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
       // no need to create a new source using tap
@@ -17428,7 +18281,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 = (_ref4 = (_ref5 = (_getPlanAmount = getPlanAmount()) !== null && _getPlanAmount !== void 0 ? _getPlanAmount : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref5 !== void 0 ? _ref5 : getOrderItemsTotal()) !== null && _ref4 !== void 0 ? _ref4 : 10;
     tapInstanceRef.current.createToken(tapInstanceCard.current).then(function (result) {
       if (result.error) {
         // Inform the user if there was an error
@@ -17638,8 +18499,8 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     }
   }
   const initTapScript = () => {
-    var _window$Pelcro$site$r;
-    const tapKey = window.Tapjsli((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.tap_gateway_settings.publishable_key);
+    var _window$Pelcro$site$r5;
+    const tapKey = window.Tapjsli((_window$Pelcro$site$r5 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r5 === void 0 ? void 0 : _window$Pelcro$site$r5.tap_gateway_settings.publishable_key);
     let elements = tapKey.elements({});
     let style = {
       base: {
@@ -17849,9 +18710,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   useEffect(() => {
     if (skipPayment && ((plan === null || plan === void 0 ? void 0 : plan.amount) === 0 || props !== null && props !== void 0 && props.freeOrders)) return;
     if (cardProcessor === "vantiv" && !selectedPaymentMethodId) {
-      var _window$Pelcro$site$r2, _window$Pelcro$site$r3;
-      const payPageId = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.vantiv_gateway_settings.pay_page_id;
-      const reportGroup = (_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.vantiv_gateway_settings.report_group;
+      var _window$Pelcro$site$r6, _window$Pelcro$site$r7;
+      const payPageId = (_window$Pelcro$site$r6 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r6 === void 0 ? void 0 : _window$Pelcro$site$r6.vantiv_gateway_settings.pay_page_id;
+      const reportGroup = (_window$Pelcro$site$r7 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r7 === void 0 ? void 0 : _window$Pelcro$site$r7.vantiv_gateway_settings.report_group;
       vantivInstanceRef.current = new window.EprotectIframeClient({
         paypageId: payPageId,
         reportGroup: reportGroup,
@@ -17907,13 +18768,21 @@ 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()
         }
       });
 
@@ -17945,7 +18814,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
               error
             } = _ref7;
             if (error) {
-              return handlePaymentError(error);
+              handlePaymentError(error);
+              fireBugSnag({
+                error,
+                title: "generate3DSecureSource - ERROR"
+              });
+              return;
             }
             toggleAuthenticationPendingView(true, source);
           });
@@ -17974,9 +18848,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
    * Updates the total amount after adding taxes only if site taxes are enabled
    */
   const updateTotalAmountWithTax = () => {
-    var _window$Pelcro$site$r4;
+    var _window$Pelcro$site$r8;
     if (skipPayment && ((plan === null || plan === void 0 ? void 0 : plan.amount) === 0 || props !== null && props !== void 0 && props.freeOrders)) return;
-    const taxesEnabled = (_window$Pelcro$site$r4 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.taxes_enabled;
+    const taxesEnabled = (_window$Pelcro$site$r8 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r8 === void 0 ? void 0 : _window$Pelcro$site$r8.taxes_enabled;
     if (taxesEnabled && type === "createPayment") {
       dispatch({
         type: DISABLE_SUBMIT,
@@ -18229,13 +19103,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           });
           if (res.error) {
             onFailure(res.error);
-            return dispatch({
+            dispatch({
               type: SHOW_ALERT,
               payload: {
                 type: "error",
                 content: isSubCreate ? t("messages.tryAgainFromInvoice") : getErrorMessages(res.error)
               }
             });
+            fireBugSnag({
+              error: getErrorMessages(res.error),
+              title: "StripeConfirmCardPayment - ERROR"
+            });
+            return;
           }
           onSuccess(res);
         });
@@ -18251,13 +19130,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           payload: false
         });
         onFailure(error);
-        return dispatch({
+        dispatch({
           type: SHOW_ALERT,
           payload: {
             type: "error",
             content: isSubCreate ? t("messages.tryAgainFromInvoice") : t("messages.cardAuthFailed")
           }
         });
+        fireBugSnag({
+          error: getErrorMessages(error),
+          title: "StripeConfirmCardPayment - ERROR"
+        });
+        return;
       } else {
         onSuccess(response);
       }
@@ -18272,13 +19156,18 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       });
       if (error) {
         onFailure(error);
-        return dispatch({
+        dispatch({
           type: SHOW_ALERT,
           payload: {
             type: "error",
             content: getErrorMessages(error)
           }
         });
+        fireBugSnag({
+          error: getErrorMessages(error),
+          title: "StripeConfirmCardPayment - ERROR"
+        });
+        return;
       }
       onSuccess(response);
     }
@@ -18604,6 +19493,50 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       }
     });
   };
+  const sendRegisterRequest = (state, callback) => {
+    window.Pelcro.user.register({
+      email: state.email,
+      password: generatePassword()
+    }, (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.createElement("p", null, "This email is already in use.", " ", /*#__PURE__*/React__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);
@@ -18631,7 +19564,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     stripe.createSource({
       type: "card"
     }).then(_ref9 => {
-      var _ref10, _ref11, _state$updatedPrice2;
+      var _ref10, _ref11, _state$updatedPrice;
       let {
         source,
         error
@@ -18654,7 +19587,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();
+      (_ref10 = (_ref11 = (_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 && _ref11 !== void 0 ? _ref11 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref10 !== void 0 ? _ref10 : getOrderItemsTotal();
       return handlePayment(source);
     }).catch(error => {
       return handlePaymentError(error);
@@ -18666,11 +19599,11 @@ const PaymentMethodContainerWithoutStripe = _ref => {
    * @return {Promise}
    */
   const resolveTaxCalculation = () => {
-    var _window$Pelcro$site$r5;
+    var _window$Pelcro$site$r9;
     if (type === "invoicePayment") {
       return new Promise(resolve => resolve());
     }
-    const taxesEnabled = (_window$Pelcro$site$r5 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r5 === void 0 ? void 0 : _window$Pelcro$site$r5.taxes_enabled;
+    const taxesEnabled = (_window$Pelcro$site$r9 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r9 === void 0 ? void 0 : _window$Pelcro$site$r9.taxes_enabled;
     return new Promise((resolve, reject) => {
       // resolve early if taxes isn't enabled
       if (!taxesEnabled) {
@@ -18865,25 +19798,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) => {
@@ -18968,6 +19923,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,
@@ -18986,11 +19953,28 @@ 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,
           alert: action.payload
         });
+      case UPDATE_CYBERSOURCE_SESSION_ID:
+        return lib_7({
+          ...state,
+          cyberSourceSessionId: action.payload
+        });
       default:
         return state;
     }
@@ -19019,18 +20003,14 @@ const PaymentMethodContainerWithoutStripe = _ref => {
 const UnwrappedForm = es_12(PaymentMethodContainerWithoutStripe);
 const PaymentMethodContainer = props => {
   const [isStripeLoaded, setIsStripeLoaded] = useState(Boolean(window.Stripe));
-  const {
-    whenUserReady
-  } = usePelcro.getStore();
+  usePelcro.getStore();
   const cardProcessor = getSiteCardProcessor();
   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.createElement(es_13, {
@@ -19323,13 +20303,15 @@ const DiscountedPrice = props => {
 };
 
 const SubmitPaymentMethod = _ref => {
-  var _plan$quantity, _window$Pelcro$site$r, _window$Pelcro$site$r2;
+  var _plan$quantity, _plan$quantity2, _plan$quantity3, _window$Pelcro$site$r, _window$Pelcro$site$r2;
   let {
     onClick,
     ...otherProps
   } = _ref;
   const {
     plan,
+    selectedDonationAmount,
+    customDonationAmount,
     selectedPaymentMethodId
   } = usePelcro();
   const {
@@ -19341,6 +20323,8 @@ const SubmitPaymentMethod = _ref => {
       firstNameError,
       lastNameError,
       phoneError,
+      emailError,
+      passwordError,
       firstName,
       lastName,
       phone,
@@ -19353,7 +20337,7 @@ const SubmitPaymentMethod = _ref => {
   } = 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);
@@ -19364,9 +20348,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) || supportsCybersource && !selectedPaymentMethodId && !(month !== null && month !== void 0 && month.length) || supportsCybersource && !selectedPaymentMethodId && !(year !== null && year !== void 0 && year.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 && !selectedPaymentMethodId && !(month !== null && month !== void 0 && month.length) || supportsCybersource && !selectedPaymentMethodId && !(year !== null && year !== void 0 && year.length));
     }
-  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, month, year]);
+  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError, passwordError, month, year]);
   return /*#__PURE__*/React__default.createElement(Button, Object.assign({
     role: "submit",
     className: "plc-w-full plc-py-3",
@@ -20001,6 +20985,10 @@ const OrderCreateFreeButton = _ref => {
   }, otherProps), t("labels.submit"));
 };
 
+const DonationEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
+  store: store$k
+}, props));
+
 /**
  *
  */
@@ -20020,6 +21008,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);
@@ -20077,6 +21069,12 @@ 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.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DonationEmail, {
+    id: "pelcro-input-email",
+    errorId: "pelcro-input-email-error",
+    label: t("labels.email"),
+    required: true,
+    autoFocus: true
   })), /*#__PURE__*/React__default.createElement(CheckoutForm, null), showCoupon && /*#__PURE__*/React__default.createElement("div", {
     className: "plc-mb-2"
   }, /*#__PURE__*/React__default.createElement(CouponCode, null), /*#__PURE__*/React__default.createElement(DiscountedPrice, null)), /*#__PURE__*/React__default.createElement(TaxAmount, null), /*#__PURE__*/React__default.createElement("div", {
@@ -20396,7 +21394,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"),
@@ -20468,7 +21466,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"),
@@ -20705,7 +21703,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"),
@@ -21425,12 +22423,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,
@@ -21440,7 +22440,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.createElement("p", {
       className: "plc-text-gray-600"
     }, /*#__PURE__*/React__default.createElement("span", {
@@ -22763,7 +23763,7 @@ const AddressCreateContainer = _ref => {
             });
             return onFailure(err);
           }
-          notify$1.success(t("messages.addressUpdated"));
+          notify.success(t("messages.addressUpdated"));
           return onMembershipAdressUpdateSuccess(res);
         });
       }
@@ -23162,6 +24162,7 @@ function CountrySelect(_ref) {
     return /*#__PURE__*/React__default.createElement(Loader, null);
   }
   return /*#__PURE__*/React__default.createElement(Select, Object.assign({
+    className: "plc-pr-8",
     value: country,
     error: countryError,
     onChange: e => handleInputChange(e.target.value),
@@ -23244,6 +24245,7 @@ function StateSelect(_ref) {
     return /*#__PURE__*/React__default.createElement(Loader, null);
   }
   return /*#__PURE__*/React__default.createElement(Select, Object.assign({
+    className: "plc-pr-8",
     value: state,
     error: stateError,
     onChange: e => handleInputChange(e.target.value),
@@ -25644,6 +26646,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
     });
@@ -25984,6 +26996,7 @@ const GiftRedeemContainer = _ref => {
             payload: false
           });
           if (err) {
+            var _err$response, _err$response$data, _err$response$data$er;
             dispatch({
               type: SHOW_ALERT,
               payload: {
@@ -25991,7 +27004,7 @@ const GiftRedeemContainer = _ref => {
                 content: getErrorMessages(err)
               }
             });
-            if (getErrorMessages(err) === "Address ID is required") {
+            if ((_err$response = err.response) !== null && _err$response !== void 0 && (_err$response$data = _err$response.data) !== null && _err$response$data !== void 0 && (_err$response$data$er = _err$response$data.errors) !== null && _err$response$data$er !== void 0 && _err$response$data$er.address_id) {
               switchToAddressView();
             } else {
               return onFailure(err);
@@ -26251,7 +27264,7 @@ const AddressSelectContainer = _ref => {
           });
           return onFailure(err);
         }
-        notify$1.success(t("messages.addressUpdated"));
+        notify.success(t("messages.addressUpdated"));
         return onMembershipAdressUpdateSuccess(res);
       });
     }
@@ -28212,7 +29225,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"),
@@ -28229,7 +29242,7 @@ const SubscriptionsItems = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      reactivateSubscription(sub.id);
+      reactivateSubscription(sub.id, false);
     };
 
     // Renew click
@@ -28267,7 +29280,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"),
@@ -28349,7 +29362,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.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.createElement(Button, {
       variant: "ghost",
       className: "plc-text-blue-400 pelcro-dashboard-sub-manage-members-button",
       icon: /*#__PURE__*/React__default.createElement(SvgRefresh, null),
@@ -28396,7 +29409,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);
@@ -28684,6 +29700,7 @@ function SvgQrcode(props) {
 
 const DonationsMenu = _ref => {
   let {
+    onClose,
     reactivateSubscription,
     disableSubmit,
     cancelSubscription
@@ -28695,10 +29712,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);
@@ -28707,16 +29724,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")
       });
     };
 
@@ -28725,7 +29742,7 @@ const DonationsMenu = _ref => {
       if (userMustVerifyEmail()) {
         return switchView("email-verify");
       }
-      reactivateSubscription(sub.id);
+      reactivateSubscription(sub.id, true);
     };
     return /*#__PURE__*/React__default.createElement("tr", {
       key: sub.id,
@@ -28766,12 +29783,18 @@ const DonationsMenu = _ref => {
     className: "plc-w-3/12 "
   }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__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) {
@@ -29162,7 +30185,7 @@ class Dashboard extends 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
@@ -29176,9 +30199,17 @@ class Dashboard extends 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 => {
@@ -29339,9 +30370,9 @@ class Dashboard extends Component {
       }, /*#__PURE__*/React__default.createElement("thead", {
         className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
       }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
-        className: "plc-w-10/12"
+        className: "plc-w-9/12"
       }, this.locale("labels.address")), /*#__PURE__*/React__default.createElement("th", {
-        className: "plc-w-2/12"
+        className: "plc-w-3/12"
       }, this.locale("labels.edit")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement("tr", {
         className: "plc-h-4"
       }), addresses, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
@@ -29540,6 +30571,7 @@ class Dashboard extends Component {
       }),
       title: this.locale("labels.donations"),
       content: /*#__PURE__*/React__default.createElement(DonationsMenu, {
+        onClose: this.props.onClose,
         reactivateSubscription: this.reactivateSubscription,
         disableSubmit: this.state.disableSubmit,
         cancelSubscription: this.cancelSubscription
@@ -29581,8 +30613,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() {
@@ -31747,7 +32785,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.createElement(Modal, {
     id: "pelcro-login-modal",
@@ -33405,4 +34443,4 @@ const QrCodeModal = _ref => {
 };
 QrCodeModal.viewId = "qrcode";
 
-export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateSetDefault, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateSetDefault, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankAuthenticationSuccess, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, IncludeFirstName, IncludeLastName, IncludePhone, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginUsername, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateFreeButton, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, QrCodeModal, QrCodeView, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateFreePlanButton, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionManageMembersButton, SubscriptionManageMembersContainer, SubscriptionManageMembersEmails, SubscriptionManageMembersList, SubscriptionManageMembersModal, SubscriptionManageMembersView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, SubscriptionSuspendContainer, SubscriptionSuspendModal, SubscriptionSuspendView, TaxAmount, TextArea, Tooltip, UserNameInput, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateTin, UserUpdateUsername, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify$1 as notify, unauthenticatedButtons, usePelcro };
+export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateSetDefault, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateSetDefault, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankAuthenticationSuccess, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, DonationModalWithHook as DonationModal, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, IncludeFirstName, IncludeLastName, IncludePhone, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginUsername, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateFreeButton, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, QrCodeModal, QrCodeView, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateFreePlanButton, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionManageMembersButton, SubscriptionManageMembersContainer, SubscriptionManageMembersEmails, SubscriptionManageMembersList, SubscriptionManageMembersModal, SubscriptionManageMembersView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, SubscriptionSuspendContainer, SubscriptionSuspendModal, SubscriptionSuspendView, TaxAmount, TextArea, Tooltip, UserNameInput, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateTin, UserUpdateUsername, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };