@pelcro/react-pelcro-js 3.22.0-beta.15 → 3.22.0-beta.17

package/dist/index.cjs.js

@@ -3253,7 +3253,7 @@ var validation$3 = {
 	enterLastName: "Last name is required.",
 	enterPhone: "Phone number is required."
 };
-var buttons$j = {
+var buttons$n = {
 	account: "My account",
 	login: "Login",
 	subscribe: "Subscribe"
@@ -3331,7 +3331,7 @@ var confirm$b = {
 };
 var common_en = {
 	validation: validation$3,
-	buttons: buttons$j,
+	buttons: buttons$n,
 	dashboard: dashboard$4,
 	select: select$7,
 	confirm: confirm$b
@@ -3362,7 +3362,7 @@ var paymentMethod_en = {
 var title$z = "Enter your email to subscribe to our newsletter";
 var updateTitle$3 = "Update newsletter selections";
 var subtitle$f = "We may use your email for other marketing communication";
-var labels$12 = {
+var labels$16 = {
 	submit: "Submit",
 	firstName: "First name",
 	lastName: "Last name",
@@ -3370,7 +3370,7 @@ var labels$12 = {
 	postalCode: "Postal code",
 	required: "required"
 };
-var messages$17 = {
+var messages$1b = {
 	alreadyHaveAccount: "Already have an account?",
 	success: "Newsletters were successfully updated",
 	loginHere: "Login here.",
@@ -3381,14 +3381,14 @@ var newsletter_en = {
 	title: title$z,
 	updateTitle: updateTitle$3,
 	subtitle: subtitle$f,
-	labels: labels$12,
-	messages: messages$17
+	labels: labels$16,
+	messages: messages$1b
 };
 
-var labels$11 = {
+var labels$15 = {
 	"continue": "Continue to content"
 };
-var messages$16 = {
+var messages$1a = {
 	yourFreeTrial: "Subscription successful!",
 	youHaveAccess: "Hope you enjoy the subscription. Please contact us if you have any questions or concerns.",
 	clickToLearn: {
@@ -3414,12 +3414,12 @@ var errors$j = {
 	"": ""
 };
 var success_en = {
-	labels: labels$11,
-	messages: messages$16,
+	labels: labels$15,
+	messages: messages$1a,
 	errors: errors$j
 };
 
-var messages$15 = {
+var messages$19 = {
 	freeVisits: "Free visits left:",
 	subscribeNow: "Subscribe",
 	alreadyHaveAccount: "Already have an account?",
@@ -3429,16 +3429,16 @@ var errors$i = {
 	"": ""
 };
 var meter_en = {
-	messages: messages$15,
+	messages: messages$19,
 	errors: errors$i
 };
 
-var messages$14 = {
+var messages$18 = {
 	youAreSafe: "You're safe - PCI compliant 128 SSL by",
 	bankRedirection: "Please hold, redirecting you to your bank.",
 	bankAuthenticationSuccess: "Please wait while we process your request."
 };
-var labels$10 = {
+var labels$14 = {
 	card: "Enter card number",
 	date: "Expiration date",
 	CVC: "CVC",
@@ -3458,11 +3458,12 @@ var labels$10 = {
 	firstName: "First name",
 	lastName: "Last name",
 	phone: "Phone",
-	freeItems: "Free Items"
+	freeItems: "Free Items",
+	email: "Email"
 };
 var checkoutForm_en = {
-	messages: messages$14,
-	labels: labels$10
+	messages: messages$18,
+	labels: labels$14
 };
 
 var youAreSafe$3 = "You're safe - PCI compliant 128 SSL by";
@@ -3486,7 +3487,7 @@ var messages_en = {
 	zeroTotalInvoice: zeroTotalInvoice$3
 };
 
-var labels$$ = {
+var labels$13 = {
 	email: "Enter email",
 	username: "Enter username",
 	password: "Enter password",
@@ -3495,7 +3496,7 @@ var labels$$ = {
 	passwordPlaceholder: "Password",
 	login: "Login"
 };
-var messages$13 = {
+var messages$17 = {
 	loginTo: "Login to your account",
 	welcome: "Welcome back, sign in with your existing account.",
 	dontHaveAccount: "Don't have an account yet?",
@@ -3514,28 +3515,28 @@ var errors$h = {
 	"": ""
 };
 var login_en = {
-	labels: labels$$,
-	messages: messages$13,
+	labels: labels$13,
+	messages: messages$17,
 	errors: errors$h
 };
 
-var labels$_ = {
+var labels$12 = {
 	title: "Verifying Passwordless Link",
 	instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
 	resend: "Resend email"
 };
-var messages$12 = {
+var messages$16 = {
 	resent: "Resent successfully",
 	success: "You have logged in successfully"
 };
 var verifyLinkToken_en = {
-	labels: labels$_,
-	messages: messages$12
+	labels: labels$12,
+	messages: messages$16
 };
 
 var title$y = "Create an account";
 var subtitle$e = "Enter your email and password below";
-var labels$Z = {
+var labels$11 = {
 	signUpFacebook: "Sign up with Facebook",
 	signUpGoogle: "Sign up with Google",
 	signUpEmail: "Sign up with Email",
@@ -3548,7 +3549,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. ",
@@ -3622,14 +3623,14 @@ var redeem$3 = {
 var register_en = {
 	title: title$y,
 	subtitle: subtitle$e,
-	labels: labels$Z,
-	messages: messages$11,
+	labels: labels$11,
+	messages: messages$15,
 	errors: errors$g,
 	gift: gift$3,
 	redeem: redeem$3
 };
 
-var labels$Y = {
+var labels$10 = {
 	title: "Want to update your profile?",
 	subtitle: "Enter your information below to update your profile",
 	email: "Email",
@@ -3648,21 +3649,21 @@ var labels$Y = {
 	zoom: "Zoom",
 	tin: "Tax Identification Number"
 };
-var messages$10 = {
+var messages$14 = {
 	userUpdated: "Thanks! Your profile was updated successfully.",
 	pictureRemoved: "Your profile picture was removed successfully.",
 	pictureUpdated: "Your profile picture was updated successfully."
 };
 var userEdit_en = {
-	labels: labels$Y,
-	messages: messages$10
+	labels: labels$10,
+	messages: messages$14
 };
 
 var title$x = "Enter your shipping address";
 var titleGifting$3 = "Enter your address";
 var selectAddressTitle$3 = "Please select an address";
 var selectAddressSubtitle$3 = "Select one of your saved addresses, or add a new one";
-var labels$X = {
+var labels$$ = {
 	address: "Address",
 	code: "Postal Code/Zip",
 	city: "City",
@@ -3673,12 +3674,12 @@ var labels$X = {
 	required: "required",
 	isDefault: "Set as default"
 };
-var buttons$i = {
+var buttons$m = {
 	submit: "Submit",
 	selectAddress: "Select address",
 	addAddress: "Add new address"
 };
-var messages$$ = {
+var messages$13 = {
 	addressUpdated: "The address was successfully updated!",
 	subRedeemed: "Your subscription has been redeemed."
 };
@@ -3687,9 +3688,9 @@ var address_en = {
 	titleGifting: titleGifting$3,
 	selectAddressTitle: selectAddressTitle$3,
 	selectAddressSubtitle: selectAddressSubtitle$3,
-	labels: labels$X,
-	buttons: buttons$i,
-	messages: messages$$
+	labels: labels$$,
+	buttons: buttons$m,
+	messages: messages$13
 };
 
 var title$w = "Reset your password";
@@ -3717,7 +3718,7 @@ var password$6 = "Password";
 var submit$e = "Submit";
 var required$e = "Required";
 var passwordResetEmailSent$3 = "Password reset instructions have been sent to your email";
-var messages$_ = {
+var messages$12 = {
 	alreadyHaveAccount: "Already have an account?",
 	loginHere: "login here."
 };
@@ -3728,7 +3729,7 @@ var passwordForgot_en = {
 	submit: submit$e,
 	required: required$e,
 	passwordResetEmailSent: passwordResetEmailSent$3,
-	messages: messages$_
+	messages: messages$12
 };
 
 var title$u = "Change your password";
@@ -3756,7 +3757,7 @@ var title$t = "Passwordless Login";
 var email$9 = "Enter email";
 var submit$c = "Submit";
 var required$c = "Required";
-var messages$Z = {
+var messages$11 = {
 	PasswordlessLoginSuccess: "Please check your email and follow the instructions there"
 };
 var passwordlessRequest_en = {
@@ -3764,7 +3765,7 @@ var passwordlessRequest_en = {
 	email: email$9,
 	submit: submit$c,
 	required: required$c,
-	messages: messages$Z
+	messages: messages$11
 };
 
 var title$s = "Your shopping cart";
@@ -3792,13 +3793,13 @@ var cart_en = {
 	removeAll: removeAll$3
 };
 
-var buttons$h = {
+var buttons$l = {
 	select: "Select",
 	added: "Added to cart",
 	purchase: "Purchase",
 	"continue": "Continue"
 };
-var messages$Y = {
+var messages$10 = {
 	orderConfirmed: {
 		title: "Order confirmed!",
 		body: "Your order has been confirmed and will be shipped within the next few days. You'll shortly receive an email confirmation of this order."
@@ -3807,17 +3808,17 @@ var messages$Y = {
 	multipleCurrencies: "Your cart currently contains items which are available in different currencies. In order to proceed with the checkout, please make sure that all items have the same currency.",
 	currencyMismatch: "The selected item(s) do not match your current default currency ({{currency}}). Please choose item(s) only matching this currency."
 };
-var labels$W = {
+var labels$_ = {
 	summary: "Order summary",
 	total: "total"
 };
 var shop_en = {
-	buttons: buttons$h,
-	messages: messages$Y,
-	labels: labels$W
+	buttons: buttons$l,
+	messages: messages$10,
+	labels: labels$_
 };
 
-var labels$V = {
+var labels$Z = {
 	cardNumber: "Card number",
 	securityCode: "Security Code",
 	submit: "Submit",
@@ -3839,7 +3840,7 @@ var labels$V = {
 		title: "Payment Information"
 	}
 };
-var messages$X = {
+var messages$$ = {
 	youAreSafe: "You're safe - PCI compliant 128 SSL by",
 	cancel: "Cancel your subscription online at anytime.",
 	giftSent: "Subscription gift has been sent to",
@@ -3853,12 +3854,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",
@@ -3946,7 +3947,7 @@ var labels$U = {
 		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?",
@@ -3966,16 +3967,16 @@ var messages$W = {
 	}
 };
 var dashboard_en = {
-	labels: labels$U,
-	messages: messages$W
+	labels: labels$Y,
+	messages: messages$_
 };
 
-var messages$V = {
+var messages$Z = {
 	alreadyHaveAccount: "Already have an account?",
 	loginHere: "Login here",
 	checkbox: "Check this box to gift this subscription"
 };
-var labels$T = {
+var labels$X = {
 	plan: {
 		title: "Subscribe to a plan",
 		subtitle: "Select one of the plans below and click on next."
@@ -3992,15 +3993,49 @@ var labels$T = {
 		or: "Or take a look at some of our other options below"
 	}
 };
-var buttons$g = {
+var buttons$k = {
 	next: "Next",
 	select: "Select",
 	back: "Back"
 };
 var select_en = {
-	messages: messages$V,
-	labels: labels$T,
-	buttons: buttons$g
+	messages: messages$Z,
+	labels: labels$X,
+	buttons: buttons$k
+};
+
+var messages$Y = {
+	alreadyHaveAccount: "Already have an account?",
+	loginHere: "Login here",
+	checkbox: "Check this box to gift this subscription"
+};
+var labels$W = {
+	plan: {
+		title: "Subscribe to a plan",
+		subtitle: "Select one of the plans below and click on next."
+	},
+	product: {
+		title: "Subscribe to a product",
+		subtitle: "Select one of the products below and click on next."
+	},
+	selectProduct: "Select a product",
+	selectPlan: "Select a plan",
+	startingAt: "Starting at",
+	restrictiveArticles: {
+		subscribeTo: "Subscribe to one of the following options to get access to this page",
+		or: "Or take a look at some of our other options below"
+	}
+};
+var buttons$j = {
+	signupAndDonate: "Sign up & donate",
+	donate: "Donate",
+	select: "Select",
+	back: "Back"
+};
+var donation_en = {
+	messages: messages$Y,
+	labels: labels$W,
+	buttons: buttons$j
 };
 
 var confirm$9 = {
@@ -4013,46 +4048,46 @@ var notification_en = {
 	confirm: confirm$9
 };
 
-var labels$S = {
+var labels$V = {
 	title: "Verify your email",
 	instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
 	resend: "Resend email"
 };
-var messages$U = {
+var messages$X = {
 	resent: "Resent successfully",
 	success: "Email verified successfully!"
 };
 var verifyEmail_en = {
-	labels: labels$S,
-	messages: messages$U
+	labels: labels$V,
+	messages: messages$X
 };
 
 var title$r = "Invoice details";
-var labels$R = {
+var labels$U = {
 	summary: "Summary",
 	total: "Total",
 	amountPaid: "Amount paid",
 	amountDue: "Amount due",
 	creationDate: "Created on:"
 };
-var buttons$f = {
+var buttons$i = {
 	download: "Download",
 	pay: "Pay now"
 };
 var invoiceDetails_en = {
 	title: title$r,
-	labels: labels$R,
-	buttons: buttons$f
+	labels: labels$U,
+	buttons: buttons$i
 };
 
-var labels$Q = {
+var labels$T = {
 	title: "Cancel subscription",
 	cancelReason: "Cancellation reason",
 	subCancellation: {
 		goBack: "Go back"
 	}
 };
-var messages$T = {
+var messages$W = {
 	subscriptionEnd: "This subscription is set to expire on",
 	cancelNow: "Cancel Subscription Now",
 	cancelLater: "Cancel at Period End",
@@ -4065,18 +4100,18 @@ var messages$T = {
 	}
 };
 var subscriptionCancel_en = {
-	labels: labels$Q,
-	messages: messages$T
+	labels: labels$T,
+	messages: messages$W
 };
 
-var labels$P = {
+var labels$S = {
 	title: "Annuler l'abonnement",
 	cancelReason: "Motif d'annulation",
 	subCancellation: {
 		goBack: "Retourner"
 	}
 };
-var messages$S = {
+var messages$V = {
 	subscriptionEnd: "Cet abonnement doit expirer le",
 	cancelNow: "Cancel Subscription Now",
 	cancelLater: "Annuler l'abonnement maintenant",
@@ -4089,18 +4124,18 @@ var messages$S = {
 	}
 };
 var subscriptionCancel_fr = {
-	labels: labels$P,
-	messages: messages$S
+	labels: labels$S,
+	messages: messages$V
 };
 
-var labels$O = {
+var labels$R = {
 	title: "구독 취소",
 	cancelReason: "취소 사유",
 	subCancellation: {
 		goBack: "돌아가기"
 	}
 };
-var messages$R = {
+var messages$U = {
 	subscriptionEnd: "이 구독은 다음 날짜에 만료되도록 설정되었습니다.",
 	cancelNow: "지금 구독 취소",
 	cancelLater: "기간 종료 시 취소",
@@ -4113,11 +4148,11 @@ var messages$R = {
 	}
 };
 var subscriptionCancel_ko = {
-	labels: labels$O,
-	messages: messages$R
+	labels: labels$R,
+	messages: messages$U
 };
 
-var labels$N = {
+var labels$Q = {
 	inviteMembers: "Invite Members",
 	listOfMembers: "List of members",
 	invite: "Invite",
@@ -4128,10 +4163,10 @@ var labels$N = {
 	email: "Email"
 };
 var subscriptionManageMembers_en = {
-	labels: labels$N
+	labels: labels$Q
 };
 
-var labels$M = {
+var labels$P = {
 	inviteMembers: "Inviter des membres",
 	listOfMembers: "Liste des membres",
 	invite: "Inviter",
@@ -4142,10 +4177,10 @@ var labels$M = {
 	email: "E-mail"
 };
 var subscriptionManageMembers_fr = {
-	labels: labels$M
+	labels: labels$P
 };
 
-var labels$L = {
+var labels$O = {
 	inviteMembers: "회원 초대",
 	listOfMembers: "구성원 목록",
 	invite: "초대",
@@ -4156,17 +4191,17 @@ var labels$L = {
 	email: "이메일"
 };
 var subscriptionManageMembers_ko = {
-	labels: labels$L
+	labels: labels$O
 };
 
-var labels$K = {
+var labels$N = {
 	title: "Suspend subscription",
 	suspensionDate: "Suspension date",
 	subCancellation: {
 		goBack: "Go back"
 	}
 };
-var messages$Q = {
+var messages$T = {
 	suspensionEnd: "The suspension is set to expire on",
 	suspendNow: "Suspend Subscription Now",
 	suspendLater: "Suspend at Period End",
@@ -4179,8 +4214,8 @@ var messages$Q = {
 	}
 };
 var subscriptionSuspend_en = {
-	labels: labels$K,
-	messages: messages$Q
+	labels: labels$N,
+	messages: messages$T
 };
 
 var validation$2 = {
@@ -4195,7 +4230,7 @@ var validation$2 = {
 	enterLastName: "Le nom de famille est requis.",
 	enterPhone: "Le numéro de téléphone est requis."
 };
-var buttons$e = {
+var buttons$h = {
 	account: "Accès abonné(e)s",
 	login: "Se connecter",
 	subscribe: "S'abonner"
@@ -4273,7 +4308,7 @@ var confirm$8 = {
 };
 var common_fr = {
 	validation: validation$2,
-	buttons: buttons$e,
+	buttons: buttons$h,
 	dashboard: dashboard$3,
 	select: select$5,
 	confirm: confirm$8
@@ -4304,7 +4339,7 @@ var paymentMethod_fr = {
 var title$q = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
 var updateTitle$2 = "Mettre à jour son choix d'infolettres";
 var subtitle$b = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
-var labels$J = {
+var labels$M = {
 	submit: "Lire l’article !",
 	firstName: "Prénom",
 	lastName: "Nom de famille",
@@ -4312,7 +4347,7 @@ var labels$J = {
 	postalCode: "Code postal",
 	required: "Champs obligatoires"
 };
-var messages$P = {
+var messages$S = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	success: "Votre choix d'infolettres à été mis à jour",
 	loginHere: "Connectez-vous ici",
@@ -4323,14 +4358,14 @@ var newsletter_fr = {
 	title: title$q,
 	updateTitle: updateTitle$2,
 	subtitle: subtitle$b,
-	labels: labels$J,
-	messages: messages$P
+	labels: labels$M,
+	messages: messages$S
 };
 
-var labels$I = {
+var labels$L = {
 	"continue": "Abonnement réussi !"
 };
-var messages$O = {
+var messages$R = {
 	yourFreeTrial: "Votre essai gratuit vient de débuter",
 	youHaveAccess: "Nous espérons que vous allez apprécier votre abonnement. Veuillez nous contacter si vous avez des questions ou des préoccupations.",
 	clickToLearn: {
@@ -4356,12 +4391,12 @@ var errors$e = {
 	"": ""
 };
 var success_fr = {
-	labels: labels$I,
-	messages: messages$O,
+	labels: labels$L,
+	messages: messages$R,
 	errors: errors$e
 };
 
-var messages$N = {
+var messages$Q = {
 	freeVisits: "Visites gratuites restantes:",
 	subscribeNow: "Abonnez-vous maintenant !",
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
@@ -4371,16 +4406,16 @@ var errors$d = {
 	"": ""
 };
 var meter_fr = {
-	messages: messages$N,
+	messages: messages$Q,
 	errors: errors$d
 };
 
-var messages$M = {
+var messages$P = {
 	youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
 	bankRedirection: "Veuillez patienter, nous vous redirigeons vers votre banque.",
 	bankAuthenticationSuccess: "Veuillez patienter pendant que nous accédons à votre requête."
 };
-var labels$H = {
+var labels$K = {
 	card: "Entrez le numéro de carte",
 	date: "Date d’expiration",
 	CVC: "CVC",
@@ -4400,11 +4435,12 @@ var labels$H = {
 	firstName: "Prénom",
 	lastName: "Nom de famille",
 	phone: "Téléphoner",
-	freeItems: "Articles gratuits"
+	freeItems: "Articles gratuits",
+	email: "Courriel"
 };
 var checkoutForm_fr = {
-	messages: messages$M,
-	labels: labels$H
+	messages: messages$P,
+	labels: labels$K
 };
 
 var youAreSafe$2 = "Vous êtes en sécurité - PCI conforme 128 SSL par";
@@ -4428,7 +4464,7 @@ var messages_fr = {
 	zeroTotalInvoice: zeroTotalInvoice$2
 };
 
-var labels$G = {
+var labels$J = {
 	email: "Entrez votre adresse courriel",
 	username: "Saisissez votre nom d'utilisateur",
 	password: "Entrez votre mot de passe",
@@ -4437,7 +4473,7 @@ var labels$G = {
 	passwordPlaceholder: "Mot de passe",
 	login: "Connexion"
 };
-var messages$L = {
+var messages$O = {
 	loginTo: "Connectez-vous à votre compte",
 	welcome: "Bienvenue, connectez-vous avec votre compte existant.",
 	dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -4456,28 +4492,28 @@ var errors$c = {
 	"": ""
 };
 var login_fr = {
-	labels: labels$G,
-	messages: messages$L,
+	labels: labels$J,
+	messages: messages$O,
 	errors: errors$c
 };
 
-var labels$F = {
+var labels$I = {
 	title: "Confirmez votre courriel",
 	instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
 	resend: "Renvoyer le courriel"
 };
-var messages$K = {
+var messages$N = {
 	resent: "Renvoyé avec succès",
 	success: "Vous vous êtes connecté avec succès"
 };
 var verifyLinkToken_fr = {
-	labels: labels$F,
-	messages: messages$K
+	labels: labels$I,
+	messages: messages$N
 };
 
 var title$p = "Créer un compte";
 var subtitle$a = "Entrez votre courriel et votre mot de passe ci-dessous";
-var labels$E = {
+var labels$H = {
 	signUpFacebook: "Inscrivez-vous avec Facebook",
 	signUpGoogle: "Inscrivez-vous avec Google",
 	signUpEmail: "Inscrivez-vous avec votre courriel",
@@ -4490,7 +4526,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",
@@ -4565,14 +4601,14 @@ var redeem$2 = {
 var register_fr = {
 	title: title$p,
 	subtitle: subtitle$a,
-	labels: labels$E,
-	messages: messages$J,
+	labels: labels$H,
+	messages: messages$M,
 	errors: errors$b,
 	gift: gift$2,
 	redeem: redeem$2
 };
 
-var labels$D = {
+var labels$G = {
 	title: "Voulez-vous mettre à jour votre profil ?",
 	subtitle: "Entrez vos informations ci-dessous pour mettre à jour votre profil",
 	email: "Address courriel",
@@ -4591,21 +4627,21 @@ var labels$D = {
 	zoom: "Zoom",
 	tin: "Numéro d'identification fiscale"
 };
-var messages$I = {
+var messages$L = {
 	userUpdated: "Votre profil a été mis à jour avec succès.",
 	pictureRemoved: "Votre photo de profil a été supprimée avec succès.",
 	pictureUpdated: "Votre photo de profil a été mise à jour avec succès."
 };
 var userEdit_fr = {
-	labels: labels$D,
-	messages: messages$I
+	labels: labels$G,
+	messages: messages$L
 };
 
 var title$o = "Entrez votre adresse de livraison";
 var titleGifting$2 = "Entrez votre adresse";
 var selectAddressTitle$2 = "Veuillez sélectionner une adresse";
 var selectAddressSubtitle$2 = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
-var labels$C = {
+var labels$F = {
 	address: "Adresse",
 	code: "Code postal / Zip",
 	city: "Ville",
@@ -4616,12 +4652,12 @@ var labels$C = {
 	required: "Champs obligatoires",
 	isDefault: "Définir par défaut"
 };
-var buttons$d = {
+var buttons$g = {
 	submit: "Valider",
 	selectAddress: "Choisir cette adresse",
 	addAddress: "Ajouter une nouvelle adresse"
 };
-var messages$H = {
+var messages$K = {
 	addressUpdated: "Votre adresse a été mise à jour avec succès",
 	subRedeemed: "Votre abonnement a bien été activé."
 };
@@ -4630,9 +4666,9 @@ var address_fr = {
 	titleGifting: titleGifting$2,
 	selectAddressTitle: selectAddressTitle$2,
 	selectAddressSubtitle: selectAddressSubtitle$2,
-	labels: labels$C,
-	buttons: buttons$d,
-	messages: messages$H
+	labels: labels$F,
+	buttons: buttons$g,
+	messages: messages$K
 };
 
 var title$n = "Réinitialiser votre mot de passe";
@@ -4660,7 +4696,7 @@ var password$4 = "Mot de passe";
 var submit$a = "Soumettre";
 var required$a = "Champs obligatoires";
 var passwordResetEmailSent$2 = "Un lien pour réinitialiser votre mot de passe vous a été envoyé. Si vous ne le recevez pas, vérifier votre courrier indésirable.";
-var messages$G = {
+var messages$J = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	loginHere: "Connectez-vous ici"
 };
@@ -4671,7 +4707,7 @@ var passwordForgot_fr = {
 	submit: submit$a,
 	required: required$a,
 	passwordResetEmailSent: passwordResetEmailSent$2,
-	messages: messages$G
+	messages: messages$J
 };
 
 var title$l = "Changez votre mot de passe";
@@ -4699,7 +4735,7 @@ var title$k = "Connexion sans mot de passe";
 var email$6 = "Entrez votre adresse courriel";
 var submit$8 = "Soumettre";
 var required$8 = "Champs obligatoires";
-var messages$F = {
+var messages$I = {
 	PasswordlessLoginSuccess: "Vous avez été authentifié avec succès avec la connexion sans mot de passe"
 };
 var passwordlessRequest_fr = {
@@ -4707,7 +4743,7 @@ var passwordlessRequest_fr = {
 	email: email$6,
 	submit: submit$8,
 	required: required$8,
-	messages: messages$F
+	messages: messages$I
 };
 
 var title$j = "Votre panier";
@@ -4735,13 +4771,13 @@ var cart_fr = {
 	removeAll: removeAll$2
 };
 
-var buttons$c = {
+var buttons$f = {
 	select: "Choisir",
 	added: "Ajouté au panier",
 	purchase: "Acheter",
 	"continue": "Continuer au contenu"
 };
-var messages$E = {
+var messages$H = {
 	orderConfirmed: {
 		title: "Votre commande est confirmée !",
 		body: "Votre commande a été confirmée et vous sera expédiée dans les prochains jours. Vous recevrez un courriel de confirmation sous peu."
@@ -4750,17 +4786,17 @@ var messages$E = {
 	multipleCurrencies: "Votre panier contient des articles disponibles dans différentes devises. Avant de passer à la caisse, veuillez vous assurer que tous les articles ont la même devise.",
 	currencyMismatch: "Les articles sélectionnés ne sont pas compatibles avec la devise associée à votre compte ({{currency}}). Veuillez choisir des articles uniquement offerts dans cette devise."
 };
-var labels$B = {
+var labels$E = {
 	summary: "récapitulatif de commande",
 	total: "total"
 };
 var shop_fr = {
-	buttons: buttons$c,
-	messages: messages$E,
-	labels: labels$B
+	buttons: buttons$f,
+	messages: messages$H,
+	labels: labels$E
 };
 
-var labels$A = {
+var labels$D = {
 	cardNumber: "Numéro de carte",
 	securityCode: "Code de sécurité",
 	submit: "Soumettre",
@@ -4782,7 +4818,7 @@ var labels$A = {
 		title: "Informations de paiement"
 	}
 };
-var messages$D = {
+var messages$G = {
 	youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
 	cancel: "Annuler votre abonnement en ligne à tout moment.",
 	giftSent: "Le cadeau d’abonnement a été envoyé à",
@@ -4796,12 +4832,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",
@@ -4889,7 +4925,7 @@ var labels$z = {
 		goBack: "Retourner"
 	}
 };
-var messages$C = {
+var messages$F = {
 	noCard: "Vous n’avez pas une carte",
 	subCancellation: {
 		isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -4909,16 +4945,16 @@ var messages$C = {
 	}
 };
 var dashboard_fr = {
-	labels: labels$z,
-	messages: messages$C
+	labels: labels$C,
+	messages: messages$F
 };
 
-var messages$B = {
+var messages$E = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	loginHere: "Connectez-vous ici",
 	checkbox: "Cochez cette case pour offrir cet abonnement"
 };
-var labels$y = {
+var labels$B = {
 	plan: {
 		title: "Abonnez-vous à un plan",
 		subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -4935,67 +4971,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 notification_fr = {
-	confirm: confirm$6
+var messages$D = {
+	alreadyHaveAccount: "Vous avez déjà un compte ?",
+	loginHere: "Connectez-vous ici",
+	checkbox: "Cochez cette case pour offrir cet abonnement"
 };
-
-var labels$x = {
-	title: "Confirmez votre courriel",
-	instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
+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$z = {
+	title: "Confirmez votre courriel",
+	instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
 	resend: "Renvoyer le courriel"
 };
-var messages$A = {
+var messages$C = {
 	resent: "Renvoyé avec succès",
 	success: "Adresse courriel vérifiée avec succès"
 };
 var verifyEmail_fr = {
-	labels: labels$x,
-	messages: messages$A
+	labels: labels$z,
+	messages: messages$C
 };
 
 var title$i = "Détails de la facture";
-var labels$w = {
+var labels$y = {
 	summary: "Résumé",
 	total: "Total",
 	amountPaid: "Montant payé",
 	amountDue: "Montant dû",
 	creationDate: "Créé le:"
 };
-var buttons$a = {
+var buttons$c = {
 	download: "Télécharger",
 	pay: "Payer"
 };
 var invoiceDetails_fr = {
 	title: title$i,
-	labels: labels$w,
-	buttons: buttons$a
+	labels: labels$y,
+	buttons: buttons$c
 };
 
-var labels$v = {
+var labels$x = {
 	title: "Suspendre l'abonnement",
 	suspensionDate: "Date de suspension",
 	subCancellation: {
 		goBack: "Revenir en arrière"
 	}
 };
-var messages$z = {
+var messages$B = {
 	suspensionEnd: "La suspension doit expirer le",
 	suspendNow: "Suspendre l'abonnement maintenant",
 	suspendLater: "Suspendre à la fin de la période",
@@ -5008,8 +5077,8 @@ var messages$z = {
 	}
 };
 var subscriptionSuspend_fr = {
-	labels: labels$v,
-	messages: messages$z
+	labels: labels$x,
+	messages: messages$B
 };
 
 var validation$1 = {
@@ -5023,7 +5092,7 @@ var validation$1 = {
 	enterLastName: "성은 필수 항목입니다.",
 	enterPhone: "전화번호는 필수 항목입니다."
 };
-var buttons$9 = {
+var buttons$b = {
 	account: "내 계정",
 	login: "로그인",
 	subscribe: "구독하다"
@@ -5101,7 +5170,7 @@ var confirm$5 = {
 };
 var common_ko = {
 	validation: validation$1,
-	buttons: buttons$9,
+	buttons: buttons$b,
 	dashboard: dashboard$2,
 	select: select$3,
 	confirm: confirm$5
@@ -5132,7 +5201,7 @@ var paymentMethod_ko = {
 var title$h = "Frieze 뉴스레터를 구독하려면 이메일을 입력하세요.";
 var updateTitle$1 = "뉴스레터 선택 업데이트";
 var subtitle$7 = "귀하의 이메일은 다른 마케팅 용도로도 사용됩니다.";
-var labels$u = {
+var labels$w = {
 	submit: "제출",
 	firstName: "이름",
 	lastName: "성",
@@ -5140,7 +5209,7 @@ var labels$u = {
 	postalCode: "우편번호",
 	required: "필수 항목"
 };
-var messages$y = {
+var messages$A = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	success: "뉴스레터가 성공적으로 업데이트되었습니다.",
 	loginHere: "여기에서 로그인하세요.",
@@ -5151,14 +5220,14 @@ var newsletter_ko = {
 	title: title$h,
 	updateTitle: updateTitle$1,
 	subtitle: subtitle$7,
-	labels: labels$u,
-	messages: messages$y
+	labels: labels$w,
+	messages: messages$A
 };
 
-var labels$t = {
+var labels$v = {
 	"continue": "콘텐츠로 돌아가기"
 };
-var messages$x = {
+var messages$z = {
 	yourFreeTrial: "유료 멤버십에 가입하셨습니다!",
 	youHaveAccess: "멤버십 혜택을 즐기시기를 바라며, 질문이나 문의 사항이 있으면 저희에게 연락주십시오.",
 	clickToLearn: {
@@ -5184,12 +5253,12 @@ var errors$9 = {
 	"": ""
 };
 var success_ko = {
-	labels: labels$t,
-	messages: messages$x,
+	labels: labels$v,
+	messages: messages$z,
 	errors: errors$9
 };
 
-var messages$w = {
+var messages$y = {
 	freeVisits: "남은 무료 방문 기간:",
 	subscribeNow: "멤버십 가입",
 	alreadyHaveAccount: "이미 계정이 있습니까?",
@@ -5199,16 +5268,16 @@ var errors$8 = {
 	"": ""
 };
 var meter_ko = {
-	messages: messages$w,
+	messages: messages$y,
 	errors: errors$8
 };
 
-var messages$v = {
+var messages$x = {
 	youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
 	bankRedirection: "잠시만 기다려 주십시오. 결제 은행으로 연결 중입니다.",
 	bankAuthenticationSuccess: "요청을 처리하는 동안 기다려 주십시오."
 };
-var labels$s = {
+var labels$u = {
 	card: "카드 번호 입력",
 	date: "만료일",
 	CVC: "CVC",
@@ -5228,11 +5297,12 @@ var labels$s = {
 	firstName: "이름",
 	lastName: "성",
 	phone: "핸드폰",
-	freeItems: "무료 아이템"
+	freeItems: "무료 아이템",
+	email: "이메일"
 };
 var checkoutForm_ko = {
-	messages: messages$v,
-	labels: labels$s
+	messages: messages$x,
+	labels: labels$u
 };
 
 var youAreSafe$1 = "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ";
@@ -5256,7 +5326,7 @@ var messages_ko = {
 	zeroTotalInvoice: zeroTotalInvoice$1
 };
 
-var labels$r = {
+var labels$t = {
 	email: "이메일 입력",
 	username: "사용자 이름 입력",
 	password: "비밀번호 입력",
@@ -5265,7 +5335,7 @@ var labels$r = {
 	passwordPlaceholder: "비밀번호",
 	login: "로그인"
 };
-var messages$u = {
+var messages$w = {
 	loginTo: "귀하의 계정에 로그인",
 	welcome: "반갑습니다. 귀하의 기존 계정으로 로그인하세요.",
 	dontHaveAccount: "아직 계정이 없으신가요?",
@@ -5284,28 +5354,28 @@ var errors$7 = {
 	"": ""
 };
 var login_ko = {
-	labels: labels$r,
-	messages: messages$u,
+	labels: labels$t,
+	messages: messages$w,
 	errors: errors$7
 };
 
-var labels$q = {
+var labels$s = {
 	title: "비밀번호 없는 링크 확인",
 	instructions: "가는 중입니다!\n이메일 주소를 확인하겠습니다.\n이메일로 전송된 확인 링크를 클릭하세요.",
 	resend: "이메일 재전송"
 };
-var messages$t = {
+var messages$v = {
 	resent: "성공적으로 재전송",
 	success: "성공적으로 로그인했습니다"
 };
 var verifyLinkToken_ko = {
-	labels: labels$q,
-	messages: messages$t
+	labels: labels$s,
+	messages: messages$v
 };
 
 var title$g = "계정 만들기";
 var subtitle$6 = "아래에 이메일과 비밀번호를 입력하세요.";
-var labels$p = {
+var labels$r = {
 	signUpFacebook: "Facebook으로 가입하기",
 	signUpGoogle: "Google로 가입하기",
 	signUpEmail: "이메일로 가입하기",
@@ -5318,7 +5388,7 @@ var labels$p = {
 	lastName: "성",
 	phone: "핸드폰"
 };
-var messages$s = {
+var messages$u = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	createAccount: "계정 만들기",
 	loginHere: "여기에서 로그인하세요.",
@@ -5392,14 +5462,14 @@ var redeem$1 = {
 var register_ko = {
 	title: title$g,
 	subtitle: subtitle$6,
-	labels: labels$p,
-	messages: messages$s,
+	labels: labels$r,
+	messages: messages$u,
 	errors: errors$6,
 	gift: gift$1,
 	redeem: redeem$1
 };
 
-var labels$o = {
+var labels$q = {
 	title: "프로파일을 업데이트하시겠습니까?",
 	subtitle: "프로필을 업데이트하려면 아래 정보를 입력하세요.",
 	email: "이메일",
@@ -5418,21 +5488,21 @@ var labels$o = {
 	zoom: "확대",
 	tin: "세금 식별 번호"
 };
-var messages$r = {
+var messages$t = {
 	userUpdated: "감사합니다! 프로필이 성공적으로 업데이트되었습니다.",
 	pictureRemoved: "귀하의 프로필 사진이 제거되었습니다.",
 	pictureUpdated: "귀하의 프로필 사진이 업데이트되었습니다."
 };
 var userEdit_ko = {
-	labels: labels$o,
-	messages: messages$r
+	labels: labels$q,
+	messages: messages$t
 };
 
 var title$f = "배송 주소를 입력하십시오.";
 var titleGifting$1 = "주소를 입력하세요";
 var selectAddressTitle$1 = "주소를 선택하십시오.";
 var selectAddressSubtitle$1 = "저장된 주소에서 선택하거나 새 주소를 추가하십시오.";
-var labels$n = {
+var labels$p = {
 	address: "주소",
 	code: "우편번호",
 	city: "도시",
@@ -5443,12 +5513,12 @@ var labels$n = {
 	required: "필수 항목",
 	isDefault: "기본값으로 설정"
 };
-var buttons$8 = {
+var buttons$a = {
 	submit: "제출",
 	selectAddress: "주소 선택",
 	addAddress: "새 주소 추가"
 };
-var messages$q = {
+var messages$s = {
 	addressUpdated: "주소가 성공적으로 업데이트되었습니다!",
 	subRedeemed: "귀하의 유료 멤버십이 사용되었습니다."
 };
@@ -5457,9 +5527,9 @@ var address_ko = {
 	titleGifting: titleGifting$1,
 	selectAddressTitle: selectAddressTitle$1,
 	selectAddressSubtitle: selectAddressSubtitle$1,
-	labels: labels$n,
-	buttons: buttons$8,
-	messages: messages$q
+	labels: labels$p,
+	buttons: buttons$a,
+	messages: messages$s
 };
 
 var title$e = "비밀번호 재설정";
@@ -5487,7 +5557,7 @@ var password$2 = "비밀번호";
 var submit$6 = "제출";
 var required$6 = "필수 항목";
 var passwordResetEmailSent$1 = "비밀번호 재설정 안내가 귀하의 이메일로 발송되었습니다.";
-var messages$p = {
+var messages$r = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	loginHere: "여기에서 로그인하세요."
 };
@@ -5498,7 +5568,7 @@ var passwordForgot_ko = {
 	submit: submit$6,
 	required: required$6,
 	passwordResetEmailSent: passwordResetEmailSent$1,
-	messages: messages$p
+	messages: messages$r
 };
 
 var title$c = "비밀번호를 변경합니다.";
@@ -5526,7 +5596,7 @@ var title$b = "비밀번호 없는 로그인";
 var email$3 = "이메일 입력";
 var submit$4 = "제출";
 var required$4 = "필수 항목";
-var messages$o = {
+var messages$q = {
 	PasswordlessLoginSuccess: "비밀번호 없는 로그인으로 성공적으로 인증되었습니다."
 };
 var passwordlessRequest_ko = {
@@ -5534,7 +5604,7 @@ var passwordlessRequest_ko = {
 	email: email$3,
 	submit: submit$4,
 	required: required$4,
-	messages: messages$o
+	messages: messages$q
 };
 
 var title$a = "귀하의 장바구니";
@@ -5562,13 +5632,13 @@ var cart_ko = {
 	removeAll: removeAll$1
 };
 
-var buttons$7 = {
+var buttons$9 = {
 	select: "선택",
 	added: "장바구니에 추가",
 	purchase: "구매",
 	"continue": "계속"
 };
-var messages$n = {
+var messages$p = {
 	orderConfirmed: {
 		title: "주문이 확인되었습니다!",
 		body: "귀하의 주문이 확인되었으며 며칠 안에 배송될 예정입니다. 이 주문의 확인 이메일이 귀하에게 전송됩니다."
@@ -5577,17 +5647,17 @@ var messages$n = {
 	multipleCurrencies: "장바구니에 다른 통화로만 결제가 가능한 아이템이 있습니다. 결제를 계속 진행하려면 모든 아이템의 결제 통화가 동일한지 확인하십시오.",
 	currencyMismatch: "선택하신 아이템(들)이 귀하가 설정한 기본 통화({{currency}})와 일치하지 않습니다. 기본 통화와 일치하는 아이템(들)만 선택하십시오."
 };
-var labels$m = {
+var labels$o = {
 	summary: "주문 요약",
 	total: "총계"
 };
 var shop_ko = {
-	buttons: buttons$7,
-	messages: messages$n,
-	labels: labels$m
+	buttons: buttons$9,
+	messages: messages$p,
+	labels: labels$o
 };
 
-var labels$l = {
+var labels$n = {
 	cardNumber: "카드 번호",
 	securityCode: "보안 코드",
 	submit: "제출",
@@ -5609,7 +5679,7 @@ var labels$l = {
 		title: "결제 정보"
 	}
 };
-var messages$m = {
+var messages$o = {
 	youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
 	cancel: "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.",
 	giftSent: "유료 멤버십 선물이 ",
@@ -5623,12 +5693,12 @@ var errors$5 = {
 	"": ""
 };
 var payment_ko = {
-	labels: labels$l,
-	messages: messages$m,
+	labels: labels$n,
+	messages: messages$o,
 	errors: errors$5
 };
 
-var labels$k = {
+var labels$m = {
 	menu: "Pelcro 메뉴",
 	name: "이름",
 	email: "이메일",
@@ -5776,7 +5846,7 @@ var savedItems = {
 var subCancellation = {
 	goBack: "뒤로 가기"
 };
-var messages$l = {
+var messages$n = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
 		isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
@@ -5796,7 +5866,7 @@ var messages$l = {
 	}
 };
 var dashboard_ko = {
-	labels: labels$k,
+	labels: labels$m,
 	shipments: shipments,
 	logout: logout,
 	dashboard: dashboard$1,
@@ -5845,15 +5915,15 @@ var dashboard_ko = {
 	orders: orders,
 	savedItems: savedItems,
 	subCancellation: subCancellation,
-	messages: messages$l
+	messages: messages$n
 };
 
-var messages$k = {
+var messages$m = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	loginHere: "여기에서 로그인하세요.",
 	checkbox: "이 유료 멤버십을 선물하려면 체크하세요."
 };
-var labels$j = {
+var labels$l = {
 	plan: {
 		title: "요금제 가입하기",
 		subtitle: "아래 요금제 중 하나를 선택하고 다음을 클릭하세요."
@@ -5870,15 +5940,48 @@ var labels$j = {
 		or: "아래에서 다른 상품을 선택해주시기 바랍니다."
 	}
 };
-var buttons$6 = {
+var buttons$8 = {
 	next: "다음",
 	select: "선택",
 	back: "뒤로"
 };
 var select_ko = {
-	messages: messages$k,
-	labels: labels$j,
-	buttons: buttons$6
+	messages: messages$m,
+	labels: labels$l,
+	buttons: buttons$8
+};
+
+var messages$l = {
+	alreadyHaveAccount: "이미 계정이 있습니까?",
+	loginHere: "여기에서 로그인하세요.",
+	checkbox: "이 유료 멤버십을 선물하려면 체크하세요."
+};
+var labels$k = {
+	plan: {
+		title: "요금제 가입하기",
+		subtitle: "아래 요금제 중 하나를 선택하고 다음을 클릭하세요."
+	},
+	product: {
+		title: "상품 가입하기",
+		subtitle: "아래 상품 중 하나를 선택하고 다음을 클릭하세요."
+	},
+	selectProduct: "상품 선택",
+	selectPlan: "요금제 선택",
+	startingAt: "시작일:",
+	restrictiveArticles: {
+		subscribeTo: "이 페이지에 액세스하려면 다음 요금제 중 하나에 가입하거나",
+		or: "아래에서 다른 상품을 선택해주시기 바랍니다."
+	}
+};
+var buttons$7 = {
+	next: "다음",
+	select: "선택",
+	back: "뒤로"
+};
+var donation_ko = {
+	messages: messages$l,
+	labels: labels$k,
+	buttons: buttons$7
 };
 
 var confirm$3 = {
@@ -5891,46 +5994,46 @@ var notification_ko = {
 	confirm: confirm$3
 };
 
-var labels$i = {
+var labels$j = {
 	title: "이메일 주소를 인증하세요.",
 	instructions: "거의 완료되었습니다!\n이메일 주소만 인증하면 됩니다.\n다음 이메일 주소로 전송된 인증 링크를 클릭해 주십시오:",
 	resend: "이메일 재전송"
 };
-var messages$j = {
+var messages$k = {
 	resent: "재전송 완료",
 	success: "이메일 주소가 인증되었습니다!"
 };
 var verifyEmail_ko = {
-	labels: labels$i,
-	messages: messages$j
+	labels: labels$j,
+	messages: messages$k
 };
 
 var title$9 = "인보이스 세부 정보";
-var labels$h = {
+var labels$i = {
 	summary: "요약",
 	total: "총계",
 	amountPaid: "지불된 금액",
 	amountDue: "지불액",
 	creationDate: "생성일:"
 };
-var buttons$5 = {
+var buttons$6 = {
 	download: "다운로드",
 	pay: "지금 지불"
 };
 var invoiceDetails_ko = {
 	title: title$9,
-	labels: labels$h,
-	buttons: buttons$5
+	labels: labels$i,
+	buttons: buttons$6
 };
 
-var labels$g = {
+var labels$h = {
 	title: "구독 중단",
 	suspensionDate: "중단 날짜",
 	subCancellation: {
 		goBack: "돌아가기"
 	}
 };
-var messages$i = {
+var messages$j = {
 	suspensionEnd: "일시 중지가 만료되도록 설정되었습니다.",
 	suspendNow: "지금 구독 일시 중단",
 	suspendLater: "기간 종료 시 일시 중단",
@@ -5943,8 +6046,8 @@ var messages$i = {
 	}
 };
 var subscriptionSuspend_ko = {
-	labels: labels$g,
-	messages: messages$i
+	labels: labels$h,
+	messages: messages$j
 };
 
 var validation = {
@@ -5956,7 +6059,7 @@ var validation = {
 	enterLastName: "El apellido es obligatorio.",
 	enterPhone: "El número de teléfono es obligatorio."
 };
-var buttons$4 = {
+var buttons$5 = {
 	account: "Mi cuenta",
 	login: "Iniciar Sesión"
 };
@@ -6033,7 +6136,7 @@ var confirm$2 = {
 };
 var common_es = {
 	validation: validation,
-	buttons: buttons$4,
+	buttons: buttons$5,
 	dashboard: dashboard,
 	select: select$1,
 	confirm: confirm$2
@@ -6064,7 +6167,7 @@ var paymentMethod_es = {
 var title$8 = "Ingresa tu correo para suscribirte a nuestro boletín";
 var updateTitle = "Actualizar selecciones del boletín";
 var subtitle$3 = "Podríamos usar tu dirección de correo para otras comunicaciones de marketing";
-var labels$f = {
+var labels$g = {
 	submit: "Enviar",
 	firstName: "Nombre",
 	lastName: "Apellido",
@@ -6072,7 +6175,7 @@ var labels$f = {
 	postalCode: "Código postal",
 	required: "obligatorio"
 };
-var messages$h = {
+var messages$i = {
 	alreadyHaveAccount: "¿Ya tienes una cuenta?",
 	success: "El boletín se actualizó con éxito",
 	loginHere: "Inicia sesión aquí.",
@@ -6083,14 +6186,14 @@ var newsletter_es = {
 	title: title$8,
 	updateTitle: updateTitle,
 	subtitle: subtitle$3,
-	labels: labels$f,
-	messages: messages$h
+	labels: labels$g,
+	messages: messages$i
 };
 
-var labels$e = {
+var labels$f = {
 	"continue": "Continuar al contenido"
 };
-var messages$g = {
+var messages$h = {
 	yourFreeTrial: "¡Suscripción exitosa!",
 	youHaveAccess: "Esperamos que disfrutes de tu suscripción. Por favor, contáctanos si tienes alguna pregunta o inquietud.",
 	clickToLearn: {
@@ -6116,12 +6219,12 @@ var errors$4 = {
 	"": ""
 };
 var success_es = {
-	labels: labels$e,
-	messages: messages$g,
+	labels: labels$f,
+	messages: messages$h,
 	errors: errors$4
 };
 
-var messages$f = {
+var messages$g = {
 	freeVisits: "Visitas gratuitas restantes:",
 	subscribeNow: "Suscribir",
 	alreadyHaveAccount: "¿Ya tienes una cuenta?",
@@ -6131,16 +6234,16 @@ var errors$3 = {
 	"": ""
 };
 var meter_es = {
-	messages: messages$f,
+	messages: messages$g,
 	errors: errors$3
 };
 
-var messages$e = {
+var messages$f = {
 	youAreSafe: "Estás seguro - PCI compliance 128 SSL por",
 	bankRedirection: "Por favor, espera, estamos redireccionando a tu banco.",
 	bankAuthenticationSuccess: "Por favor, espera un momento mientras procesamos tu solicitud."
 };
-var labels$d = {
+var labels$e = {
 	card: "Ingresar número de tarjeta",
 	date: "Vencimiento",
 	CVC: "CVC",
@@ -6160,11 +6263,12 @@ var labels$d = {
 	firstName: "Nombre",
 	lastName: "Apellido",
 	phone: "Teléfono",
-	freeItems: "Artículos gratis"
+	freeItems: "Artículos gratis",
+	email: "Correo"
 };
 var checkoutForm_es = {
-	messages: messages$e,
-	labels: labels$d
+	messages: messages$f,
+	labels: labels$e
 };
 
 var youAreSafe = "Estás seguro - PCI compliance 128 SSL por";
@@ -6186,7 +6290,7 @@ var messages_es = {
 	zeroTotalInvoice: zeroTotalInvoice
 };
 
-var labels$c = {
+var labels$d = {
 	email: "Ingresar correo",
 	password: "Ingresar contraseña",
 	required: "obligatorio",
@@ -6194,7 +6298,7 @@ var labels$c = {
 	passwordPlaceholder: "Contraseña",
 	login: "Iniciar Sesión"
 };
-var messages$d = {
+var messages$e = {
 	loginTo: "Inicia sesión en tu cuenta",
 	welcome: "Bienvenido de vuelta, inicia sesión con tu cuenta existente.",
 	dontHaveAccount: "¿Aún no tienes una cuenta?",
@@ -6213,28 +6317,28 @@ var errors$2 = {
 	"": ""
 };
 var login_es = {
-	labels: labels$c,
-	messages: messages$d,
+	labels: labels$d,
+	messages: messages$e,
 	errors: errors$2
 };
 
-var labels$b = {
+var labels$c = {
 	title: "Verificando Enlace Sin Contraseña",
 	instructions: "¡Ya casi terminas!\nVamos a confirmar tu dirección de correo.\nPulsa el enlace de verificación que hemos enviado a tu correo:",
 	resend: "Reenviar correo"
 };
-var messages$c = {
+var messages$d = {
 	resent: "Reenvío exitoso",
 	success: "Inicio de sesión exitoso"
 };
 var verifyLinkToken_es = {
-	labels: labels$b,
-	messages: messages$c
+	labels: labels$c,
+	messages: messages$d
 };
 
 var title$7 = "Crear una cuenta";
 var subtitle$2 = "Ingresa tu correo y contraseña a continuación";
-var labels$a = {
+var labels$b = {
 	signUpFacebook: "Regístrate con Facebook",
 	signUpGoogle: "Regístrate con Google",
 	signUpEmail: "Regístrate con Correo",
@@ -6247,7 +6351,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í",
@@ -6321,14 +6425,14 @@ var redeem = {
 var register_es = {
 	title: title$7,
 	subtitle: subtitle$2,
-	labels: labels$a,
-	messages: messages$b,
+	labels: labels$b,
+	messages: messages$c,
 	errors: errors$1,
 	gift: gift,
 	redeem: redeem
 };
 
-var labels$9 = {
+var labels$a = {
 	title: "¿Quieres actualizar tu perfil?",
 	subtitle: "Ingresa tu información a continuación para actualizar tu perfil",
 	email: "Correo",
@@ -6347,21 +6451,21 @@ var labels$9 = {
 	zoom: "Acercar",
 	tin: "Número de Identificación Fiscal"
 };
-var messages$a = {
+var messages$b = {
 	userUpdated: "¡Gracias! Tu perfil se actualizó con éxito.",
 	pictureRemoved: "Tu foto de perfil se eliminó con éxito.",
 	pictureUpdated: "Tu foto de perfil se actualizó con éxito."
 };
 var userEdit_es = {
-	labels: labels$9,
-	messages: messages$a
+	labels: labels$a,
+	messages: messages$b
 };
 
 var title$6 = "Ingresa tu dirección de envío";
 var titleGifting = "Introduce tu dirección";
 var selectAddressTitle = "Por favor, selecciona una dirección";
 var selectAddressSubtitle = "Selecciona una de tus direcciones guardadas o añade una nueva";
-var labels$8 = {
+var labels$9 = {
 	address: "Dirección",
 	code: "Código Postal/Área",
 	city: "Ciudad",
@@ -6372,12 +6476,12 @@ var labels$8 = {
 	required: "obligatorio",
 	isDefault: "Configurar como dirección Principal"
 };
-var buttons$3 = {
+var buttons$4 = {
 	submit: "Enviar",
 	selectAddress: "Seleccionar dirección",
 	addAddress: "Añadir nueva dirección"
 };
-var messages$9 = {
+var messages$a = {
 	addressUpdated: "¡La dirección se actualizó con éxito!",
 	subRedeemed: "Tu suscripción ha sido redimida."
 };
@@ -6386,9 +6490,9 @@ var address_es = {
 	titleGifting: titleGifting,
 	selectAddressTitle: selectAddressTitle,
 	selectAddressSubtitle: selectAddressSubtitle,
-	labels: labels$8,
-	buttons: buttons$3,
-	messages: messages$9
+	labels: labels$9,
+	buttons: buttons$4,
+	messages: messages$a
 };
 
 var title$5 = "Restablecer tu contraseña";
@@ -6416,7 +6520,7 @@ var password = "Contraseña";
 var submit$2 = "Enviar";
 var required$2 = "Obligatorio";
 var passwordResetEmailSent = "Las instrucciones de restablecimiento de la contraseña se han enviado a tu correo";
-var messages$8 = {
+var messages$9 = {
 	alreadyHaveAccount: "¿Ya tienes una cuenta?",
 	loginHere: "Inicia sesión aquí."
 };
@@ -6427,7 +6531,7 @@ var passwordForgot_es = {
 	submit: submit$2,
 	required: required$2,
 	passwordResetEmailSent: passwordResetEmailSent,
-	messages: messages$8
+	messages: messages$9
 };
 
 var title$3 = "Cambiar tu contraseña";
@@ -6455,7 +6559,7 @@ var title$2 = "Acceso sin contraseña";
 var email = "Ingresar correo";
 var submit = "Enviar";
 var required = "obligatorio";
-var messages$7 = {
+var messages$8 = {
 	PasswordlessLoginSuccess: "Por favor, revisa tu correo y sigue las instrucciones que se indican"
 };
 var passwordlessRequest_es = {
@@ -6463,7 +6567,7 @@ var passwordlessRequest_es = {
 	email: email,
 	submit: submit,
 	required: required,
-	messages: messages$7
+	messages: messages$8
 };
 
 var title$1 = "Tu carrito de compras";
@@ -6491,13 +6595,13 @@ var cart_es = {
 	removeAll: removeAll
 };
 
-var buttons$2 = {
+var buttons$3 = {
 	select: "Seleccionar",
 	added: "Añadido al carrito",
 	purchase: "Compra",
 	"continue": "Continuar"
 };
-var messages$6 = {
+var messages$7 = {
 	orderConfirmed: {
 		title: "¡Orden confirmada!",
 		body: "Tu orden ha sido confirmada y será enviada en los próximos días. En breve recibirás un correo electrónico de confirmación de esta orden."
@@ -6506,17 +6610,17 @@ var messages$6 = {
 	multipleCurrencies: "Tu carrito actualmente contiene artículos que están disponibles en diferentes divisas. Para proceder a la compra, asegúrate de que todos los artículos tengan la misma divisa.",
 	currencyMismatch: "El siguiente artículo(s) no coincide con tu divisa predeterminada actual ({{currency}}). Por favor, solo elige artículos que coincidan con esta divisa."
 };
-var labels$7 = {
+var labels$8 = {
 	summary: "Resumen de la orden",
 	total: "total"
 };
 var shop_es = {
-	buttons: buttons$2,
-	messages: messages$6,
-	labels: labels$7
+	buttons: buttons$3,
+	messages: messages$7,
+	labels: labels$8
 };
 
-var labels$6 = {
+var labels$7 = {
 	cardNumber: "Número de Tarjeta",
 	securityCode: "Código de Seguridad",
 	submit: "Enviar",
@@ -6538,7 +6642,7 @@ var labels$6 = {
 		title: "Información de Pago"
 	}
 };
-var messages$5 = {
+var messages$6 = {
 	youAreSafe: "Estás seguro - PCI compliance 128 SSL por",
 	cancel: "Cancela tu suscripción en línea en cualquier momento.",
 	giftSent: "La suscripción de regalo se ha enviado a",
@@ -6552,12 +6656,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",
@@ -6644,7 +6748,7 @@ var labels$5 = {
 		goBack: "Volver"
 	}
 };
-var messages$4 = {
+var messages$5 = {
 	noCard: "No tienes una tarjeta",
 	subCancellation: {
 		isSureToCancel: "¿Estás seguro de que quieres cancelar tu suscripción?",
@@ -6664,8 +6768,41 @@ var messages$4 = {
 	}
 };
 var dashboard_es = {
+	labels: labels$6,
+	messages: messages$5
+};
+
+var messages$4 = {
+	alreadyHaveAccount: "¿Ya tienes una cuenta?",
+	loginHere: "Inicia sesión aquí",
+	checkbox: "Marca esta casilla para regalar esta suscripción"
+};
+var labels$5 = {
+	plan: {
+		title: "Suscribirse a un plan",
+		subtitle: "Selecciona uno de los planes a continuación y pulsa en siguiente."
+	},
+	product: {
+		title: "Suscribirse a un producto",
+		subtitle: "Selecciona uno de los productos a continuación y pulsa en siguiente."
+	},
+	selectProduct: "Selecciona un producto",
+	selectPlan: "Selecciona un plan",
+	startingAt: "Inicia el",
+	restrictiveArticles: {
+		subscribeTo: "Suscríbete a una de las siguientes opciones para obtener acceso a esta página",
+		or: "O revisa algunas de nuestras otras opciones a continuación"
+	}
+};
+var buttons$2 = {
+	next: "Siguiente",
+	select: "Seleccionar",
+	back: "Volver"
+};
+var select_es = {
+	messages: messages$4,
 	labels: labels$5,
-	messages: messages$4
+	buttons: buttons$2
 };
 
 var messages$3 = {
@@ -6695,7 +6832,7 @@ var buttons$1 = {
 	select: "Seleccionar",
 	back: "Volver"
 };
-var select_es = {
+var donation_es = {
 	messages: messages$3,
 	labels: labels$4,
 	buttons: buttons$1
@@ -8539,6 +8676,9 @@ const initialState$n = {
   giftCode: "",
   subscriptionIdToRenew: null,
   subscriptionToManageMembers: null,
+  isDonation: false,
+  selectedDonationAmount: null,
+  customDonationAmount: null,
   // E-commerce
   cartItems: [],
   order: null,
@@ -8722,7 +8862,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;
@@ -8929,6 +9069,17 @@ 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;
+}
+
 const resources = {
   en: {
     common: common_en,
@@ -8953,6 +9104,7 @@ const resources = {
     payment: payment_en,
     dashboard: dashboard_en,
     select: select_en,
+    donation: donation_en,
     notification: notification_en,
     invoiceDetails: invoiceDetails_en,
     subscriptionCancel: subscriptionCancel_en,
@@ -8982,6 +9134,7 @@ const resources = {
     payment: payment_fr,
     dashboard: dashboard_fr,
     select: select_fr,
+    donation: donation_fr,
     notification: notification_fr,
     invoiceDetails: invoiceDetails_fr,
     subscriptionCancel: subscriptionCancel_fr,
@@ -9011,6 +9164,7 @@ const resources = {
     payment: payment_ko,
     dashboard: dashboard_ko,
     select: select_ko,
+    donation: donation_ko,
     notification: notification_ko,
     invoiceDetails: invoiceDetails_ko,
     subscriptionCancel: subscriptionCancel_ko,
@@ -9040,6 +9194,7 @@ const resources = {
     payment: payment_es,
     dashboard: dashboard_es,
     select: select_es,
+    donation: donation_es,
     notification: notification_es,
     invoiceDetails: invoiceDetails_es,
     subscriptionCancel: subscriptionCancel_es,
@@ -9075,6 +9230,175 @@ pageLanguageObserver.observe(document.documentElement, {
   attributes: true
 });
 
+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;
+    };
+  }
+
+  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;
+  }
+
+  return null;
+};
+
+var injectScript = function injectScript(params) {
+  var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
+  var script = document.createElement('script');
+  script.src = "".concat(V3_URL).concat(queryString);
+  var headOrBody = document.head || document.body;
+
+  if (!headOrBody) {
+    throw new Error('Expected document.body not to be null. Stripe.js requires a <body> element.');
+  }
+
+  headOrBody.appendChild(script);
+  return script;
+};
+
+var registerWrapper = function registerWrapper(stripe, startTime) {
+  if (!stripe || !stripe._registerWrapper) {
+    return;
+  }
+
+  stripe._registerWrapper({
+    name: 'stripe-js',
+    version: "1.21.1",
+    startTime: startTime
+  });
+};
+
+var stripePromise = null;
+var loadScript = function loadScript(params) {
+  // Ensure that we only attempt to load Stripe.js at most once
+  if (stripePromise !== null) {
+    return stripePromise;
+  }
+
+  stripePromise = new Promise(function (resolve, reject) {
+    if (typeof window === 'undefined') {
+      // Resolve to null when imported server side. This makes the module
+      // safe to import in an isomorphic code base.
+      resolve(null);
+      return;
+    }
+
+    if (window.Stripe && params) {
+      console.warn(EXISTING_SCRIPT_MESSAGE);
+    }
+
+    if (window.Stripe) {
+      resolve(window.Stripe);
+      return;
+    }
+
+    try {
+      var script = findScript();
+
+      if (script && params) {
+        console.warn(EXISTING_SCRIPT_MESSAGE);
+      } else if (!script) {
+        script = injectScript(params);
+      }
+
+      script.addEventListener('load', function () {
+        if (window.Stripe) {
+          resolve(window.Stripe);
+        } else {
+          reject(new Error('Stripe.js not available'));
+        }
+      });
+      script.addEventListener('error', function () {
+        reject(new Error('Failed to load Stripe.js'));
+      });
+    } catch (error) {
+      reject(error);
+      return;
+    }
+  });
+  return stripePromise;
+};
+var initStripe = function initStripe(maybeStripe, args, startTime) {
+  if (maybeStripe === null) {
+    return null;
+  }
+
+  var stripe = maybeStripe.apply(undefined, args);
+  registerWrapper(stripe, startTime);
+  return stripe;
+};
+var validateLoadParams = function validateLoadParams(params) {
+  var errorMessage = "invalid load parameters; expected object of shape\n\n    {advancedFraudSignals: boolean}\n\nbut received\n\n    ".concat(JSON.stringify(params), "\n");
+
+  if (params === null || _typeof(params) !== 'object') {
+    throw new Error(errorMessage);
+  }
+
+  if (Object.keys(params).length === 1 && typeof params.advancedFraudSignals === 'boolean') {
+    return params;
+  }
+
+  throw new Error(errorMessage);
+};
+
+var loadParams;
+var loadStripeCalled = false;
+var loadStripe = function loadStripe() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  loadStripeCalled = true;
+  var startTime = Date.now();
+  return loadScript(loadParams).then(function (maybeStripe) {
+    return initStripe(maybeStripe, args, startTime);
+  });
+};
+
+loadStripe.setLoadParameters = function (params) {
+  if (loadStripeCalled) {
+    throw new Error('You cannot change load parameters after calling loadStripe');
+  }
+
+  loadParams = validateLoadParams(params);
+};
+
+exports.loadStripe = loadStripe;
+});
+
+unwrapExports(pure$1);
+pure$1.loadStripe;
+
+var pure = pure$1;
+var pure_1 = pure.loadStripe;
+
 function _classPrivateFieldGet(receiver, privateMap) {
   var descriptor = privateMap.get(receiver);
 
@@ -10390,23 +10714,74 @@ const init$1 = () => {
       }
     }
   }
-  const pelcroOfflineSubButtonsByClass = document.getElementsByClassName("pelcro-offline-subscribe-button");
-  if (pelcroOfflineSubButtonsByClass.length !== 0) {
-    for (let j = 0; j < pelcroOfflineSubButtonsByClass.length; j++) {
-      if (pelcroOfflineSubButtonsByClass[j].dataset && "productId" in pelcroOfflineSubButtonsByClass[j].dataset && "planId" in pelcroOfflineSubButtonsByClass[j].dataset) {
-        pelcroOfflineSubButtonsByClass[j].addEventListener("click", e => {
+  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({
-            product: {
-              id: e.target.dataset.productId
-            },
-            plan: {
-              product_id: e.target.dataset.productId,
-              id: e.target.dataset.planId
-            }
+            isDonation: true
           });
-          window.Pelcro.plan.getPlan({
-            plan_id: e.target.dataset.planId
-          }, (error, response) => {
+          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++) {
+      if (pelcroOfflineSubButtonsByClass[j].dataset && "productId" in pelcroOfflineSubButtonsByClass[j].dataset && "planId" in pelcroOfflineSubButtonsByClass[j].dataset) {
+        pelcroOfflineSubButtonsByClass[j].addEventListener("click", e => {
+          set({
+            product: {
+              id: e.target.dataset.productId
+            },
+            plan: {
+              product_id: e.target.dataset.productId,
+              id: e.target.dataset.planId
+            }
+          });
+          window.Pelcro.plan.getPlan({
+            plan_id: e.target.dataset.planId
+          }, (error, response) => {
             if (error) {
               return;
             }
@@ -10642,175 +11017,6 @@ 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;
-    };
-  }
-
-  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;
-  }
-
-  return null;
-};
-
-var injectScript = function injectScript(params) {
-  var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
-  var script = document.createElement('script');
-  script.src = "".concat(V3_URL).concat(queryString);
-  var headOrBody = document.head || document.body;
-
-  if (!headOrBody) {
-    throw new Error('Expected document.body not to be null. Stripe.js requires a <body> element.');
-  }
-
-  headOrBody.appendChild(script);
-  return script;
-};
-
-var registerWrapper = function registerWrapper(stripe, startTime) {
-  if (!stripe || !stripe._registerWrapper) {
-    return;
-  }
-
-  stripe._registerWrapper({
-    name: 'stripe-js',
-    version: "1.21.1",
-    startTime: startTime
-  });
-};
-
-var stripePromise = null;
-var loadScript = function loadScript(params) {
-  // Ensure that we only attempt to load Stripe.js at most once
-  if (stripePromise !== null) {
-    return stripePromise;
-  }
-
-  stripePromise = new Promise(function (resolve, reject) {
-    if (typeof window === 'undefined') {
-      // Resolve to null when imported server side. This makes the module
-      // safe to import in an isomorphic code base.
-      resolve(null);
-      return;
-    }
-
-    if (window.Stripe && params) {
-      console.warn(EXISTING_SCRIPT_MESSAGE);
-    }
-
-    if (window.Stripe) {
-      resolve(window.Stripe);
-      return;
-    }
-
-    try {
-      var script = findScript();
-
-      if (script && params) {
-        console.warn(EXISTING_SCRIPT_MESSAGE);
-      } else if (!script) {
-        script = injectScript(params);
-      }
-
-      script.addEventListener('load', function () {
-        if (window.Stripe) {
-          resolve(window.Stripe);
-        } else {
-          reject(new Error('Stripe.js not available'));
-        }
-      });
-      script.addEventListener('error', function () {
-        reject(new Error('Failed to load Stripe.js'));
-      });
-    } catch (error) {
-      reject(error);
-      return;
-    }
-  });
-  return stripePromise;
-};
-var initStripe = function initStripe(maybeStripe, args, startTime) {
-  if (maybeStripe === null) {
-    return null;
-  }
-
-  var stripe = maybeStripe.apply(undefined, args);
-  registerWrapper(stripe, startTime);
-  return stripe;
-};
-var validateLoadParams = function validateLoadParams(params) {
-  var errorMessage = "invalid load parameters; expected object of shape\n\n    {advancedFraudSignals: boolean}\n\nbut received\n\n    ".concat(JSON.stringify(params), "\n");
-
-  if (params === null || _typeof(params) !== 'object') {
-    throw new Error(errorMessage);
-  }
-
-  if (Object.keys(params).length === 1 && typeof params.advancedFraudSignals === 'boolean') {
-    return params;
-  }
-
-  throw new Error(errorMessage);
-};
-
-var loadParams;
-var loadStripeCalled = false;
-var loadStripe = function loadStripe() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  loadStripeCalled = true;
-  var startTime = Date.now();
-  return loadScript(loadParams).then(function (maybeStripe) {
-    return initStripe(maybeStripe, args, startTime);
-  });
-};
-
-loadStripe.setLoadParameters = function (params) {
-  if (loadStripeCalled) {
-    throw new Error('You cannot change load parameters after calling loadStripe');
-  }
-
-  loadParams = validateLoadParams(params);
-};
-
-exports.loadStripe = loadStripe;
-});
-
-unwrapExports(pure$1);
-pure$1.loadStripe;
-
-var pure = pure$1;
-var pure_1 = pure.loadStripe;
-
 /**
  * Extracts error message from the response error object
  * @param {Object} error Error object
@@ -11118,6 +11324,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) {
@@ -11200,6 +11409,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
@@ -11471,8 +11735,18 @@ const PelcroModalController = _ref => {
   const {
     view,
     isAuthenticated,
-    whenSiteReady
+    whenSiteReady,
+    isDonation
   } = usePelcro();
+  const supportsVantiv = Boolean(window.Pelcro.site.read().vantiv_gateway_settings);
+  const supportsTap = Boolean(window.Pelcro.site.read().tap_gateway_settings);
+  React__default['default'].useEffect(() => {
+    if (isDonation) {
+      if (!window.Stripe && !supportsVantiv && !supportsTap) {
+        pure_1(window.Pelcro.environment.stripe);
+      }
+    }
+  }, [isDonation]);
   React__default['default'].useEffect(() => {
     init$1();
     renderShopView(React__default['default'].Children.map(children, child => child).find(_ref2 => {
@@ -13952,7 +14226,398 @@ function Radio(_ref) {
 /**
  *
  */
-function SelectModalWithHook(props) {
+function SelectModalWithHook(props) {
+  React__default['default'].useEffect(() => {
+    var _props$onDisplay;
+    (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
+  }, []);
+  const {
+    isGift,
+    plan,
+    product,
+    isRenewingGift,
+    switchView,
+    resetView,
+    view,
+    set
+  } = usePelcro();
+  const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
+  const entitlements = entitlementsProtectedElements.length > 0 ? getEntitlementsFromElem(entitlementsProtectedElements[0]) : null;
+  return /*#__PURE__*/React__default['default'].createElement(SelectModalWithTrans, {
+    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) => set({
+      product,
+      plan,
+      isGift
+    }),
+    setView: switchView,
+    matchingEntitlements: view === "_plan-select-entitlements" ? entitlements : null
+  });
+}
+function productsWithMatchedTaggedFirst$1() {
+  var _window$Pelcro$produc;
+  const allProducts = (_window$Pelcro$produc = window.Pelcro.product.list()) !== null && _window$Pelcro$produc !== void 0 ? _window$Pelcro$produc : [];
+  const productsThatMatchArticleTag = window.Pelcro.product.getByMatchingPageTags();
+  const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
+  return [productsThatMatchArticleTag, allProductsMinusMatched];
+}
+function productMatchPageLanguage(product) {
+  if (!product) {
+    return false;
+  }
+  if (product.language === null) {
+    return true;
+  }
+  const siteLanguage = window.Pelcro.helpers.getHtmlLanguageAttribute();
+  return product.language === siteLanguage;
+}
+SelectModalWithHook.viewId = "plan-select";
+class SelectModal extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty$3(this, "componentDidMount", () => {
+      if (this.props.product) {
+        const {
+          product
+        } = this.props;
+        const planList = product.plans;
+        this.setState({
+          product,
+          planList,
+          mode: "plan"
+        });
+      }
+      if (this.props.plan) {
+        const {
+          plan
+        } = this.props;
+        this.setState({
+          plan,
+          disabled: false
+        });
+      }
+      if (this.state.productList.length === 1) {
+        this.setState({
+          product: this.state.productList[0],
+          planList: this.state.productList[0].plans,
+          mode: "plan"
+        });
+      }
+      if (this.state.productList.length === 0 && !window.Pelcro.user.isAuthenticated()) {
+        this.props.setView("register");
+      }
+      document.addEventListener("keydown", this.handleSubmit);
+      if (!document.querySelector("#pelcro-selection-view") || !document.querySelector(".pelcro-select-product-wrapper")) {
+        var _window$Pelcro, _window$Pelcro$user, _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$site;
+        const userCurrency = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$user = _window$Pelcro.user) === null || _window$Pelcro$user === void 0 ? void 0 : _window$Pelcro$user.read().currency;
+        const userCountry = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$user = _window$Pelcro2.user) === null || _window$Pelcro2$user === void 0 ? void 0 : _window$Pelcro2$user.location.countryCode;
+        const userLanguage = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$user = _window$Pelcro3.user) === null || _window$Pelcro3$user === void 0 ? void 0 : _window$Pelcro3$user.read().language;
+        const productsMatchingUserCurrency = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$site = _window$Pelcro4.site) === null || _window$Pelcro4$site === void 0 ? void 0 : _window$Pelcro4$site.read().products.filter(product => {
+          const filteredPlans = product.plans.filter(plan => plan.currency === userCurrency || !userCurrency);
+          if (filteredPlans.length) return filteredPlans;
+        });
+        const productsMatchingUserCountry = productsMatchingUserCurrency.filter(product => {
+          const filteredPlans = product.plans.filter(plan => {
+            var _plan$countries;
+            return plan.countries && ((_plan$countries = plan.countries) === null || _plan$countries === void 0 ? void 0 : _plan$countries.includes(userCountry)) || !plan.countries || !plan.countries.length;
+          });
+          if (filteredPlans.length) return filteredPlans;
+        });
+        notifyBugsnag(() => {
+          Bugsnag.notify("SelectModal - No data viewed", event => {
+            var _window$Pelcro5, _window$Pelcro5$site, _window$Pelcro6, _window$Pelcro6$user, _window$Pelcro7, _window$Pelcro7$uiSet, _window$Pelcro8, _this$props, _window$Pelcro9, _window$Pelcro9$helpe, _window$Pelcro10, _window$Pelcro10$site;
+            event.addMetadata("MetaData", {
+              site: (_window$Pelcro5 = window.Pelcro) === null || _window$Pelcro5 === void 0 ? void 0 : (_window$Pelcro5$site = _window$Pelcro5.site) === null || _window$Pelcro5$site === void 0 ? void 0 : _window$Pelcro5$site.read(),
+              user: (_window$Pelcro6 = window.Pelcro) === null || _window$Pelcro6 === void 0 ? void 0 : (_window$Pelcro6$user = _window$Pelcro6.user) === null || _window$Pelcro6$user === void 0 ? void 0 : _window$Pelcro6$user.read(),
+              uiVersion: (_window$Pelcro7 = window.Pelcro) === null || _window$Pelcro7 === void 0 ? void 0 : (_window$Pelcro7$uiSet = _window$Pelcro7.uiSettings) === null || _window$Pelcro7$uiSet === void 0 ? void 0 : _window$Pelcro7$uiSet.uiVersion,
+              environment: (_window$Pelcro8 = window.Pelcro) === null || _window$Pelcro8 === void 0 ? void 0 : _window$Pelcro8.environment,
+              matchingEntitlementsProps: (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.matchingEntitlements,
+              productListState: this.state.productList,
+              methods: {
+                productsWithMatchedTaggedFirst: productsWithMatchedTaggedFirst$1(),
+                pelcroSDKProductsListMethod: window.Pelcro.product.list(),
+                pelcroSDKGetByEntitlements: this.props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(this.props.matchingEntitlements) : null
+              },
+              userCurrency: userCurrency,
+              userCountry: userCountry,
+              userLanguage: userLanguage,
+              siteLanguage: (_window$Pelcro9 = window.Pelcro) === null || _window$Pelcro9 === void 0 ? void 0 : (_window$Pelcro9$helpe = _window$Pelcro9.helpers) === null || _window$Pelcro9$helpe === void 0 ? void 0 : _window$Pelcro9$helpe.getHtmlLanguageAttribute(),
+              products: (_window$Pelcro10 = window.Pelcro) === null || _window$Pelcro10 === void 0 ? void 0 : (_window$Pelcro10$site = _window$Pelcro10.site) === null || _window$Pelcro10$site === void 0 ? void 0 : _window$Pelcro10$site.read().products.length,
+              currency_matching_filter: `${productsMatchingUserCurrency.length} Products Passed`,
+              country_matching_filter: `${productsMatchingUserCountry.length} Products Passed`,
+              language_matching_filter: `${productsMatchingUserCountry.filter(productMatchPageLanguage).length} Products Passed`
+            });
+          });
+        });
+      }
+    });
+    _defineProperty$3(this, "componentWillUnmount", () => {
+      document.removeEventListener("keydown", this.handleSubmit);
+    });
+    _defineProperty$3(this, "handleSubmit", e => {
+      if (e.key === "Enter" && !this.state.disabled) this.submitOption();
+    });
+    _defineProperty$3(this, "onProductChange", e => {
+      const product = window.Pelcro.product.list()[e.target.selectedIndex];
+      this.setState({
+        product: product,
+        plan: product.plans[0]
+      });
+    });
+    _defineProperty$3(this, "onPlanChange", e => {
+      this.setState({
+        plan: this.state.product.plans[e.target.selectedIndex]
+      });
+    });
+    _defineProperty$3(this, "onIsGiftChange", e => {
+      this.setState({
+        isGift: e.target.checked
+      });
+    });
+    _defineProperty$3(this, "countStartPrice", arr => {
+      let startingPlan = arr[0];
+      for (const plan of arr) {
+        if (plan.amount < startingPlan.amount) {
+          startingPlan = plan;
+        }
+      }
+      return `${startingPlan.amount_formatted}/${startingPlan.interval_count > 1 ? `${startingPlan.interval_count} ${startingPlan.interval}s` : `${startingPlan.interval}`}`;
+    });
+    _defineProperty$3(this, "renderOneProduct", (product, index, options) => {
+      const isPlanMode = Boolean(this.state.mode === "plan");
+      const productButtonLabel = isPlanMode ? this.locale("buttons.back") : this.locale("buttons.select");
+      const productButtonCallback = isPlanMode ? this.goBack : this.selectProduct;
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        key: product.id,
+        className: `plc-flex plc-items-start plc-p-2 plc-mt-4 plc-space-x-3 plc-text-gray-900 plc-border-solid plc-rounded plc-border-primary-500 pelcro-select-product-wrapper ${options !== null && options !== void 0 && options.emphasize ? "plc-border-2" : "plc-border"}`
+      }, product.image && /*#__PURE__*/React__default['default'].createElement("img", {
+        alt: `image of ${product.name}`,
+        src: product.image,
+        className: "plc-object-contain plc-w-1/4 pelcro-select-product-image"
+      }), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: `plc-flex plc-flex-wrap ${product.image ? "plc-w-3/4" : "plc-w-full"}`
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "plc-w-full pelcro-select-product-header"
+      }, /*#__PURE__*/React__default['default'].createElement("p", {
+        className: "plc-font-bold pelcro-select-product-title"
+      }, product.name), /*#__PURE__*/React__default['default'].createElement("p", {
+        className: "plc-text-xs pelcro-select-product-description"
+      }, product.description)), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "plc-flex plc-items-end plc-w-full plc-mt-3"
+      }, product.plans && /*#__PURE__*/React__default['default'].createElement("p", {
+        className: "plc-w-1/2 plc-text-xs pelcro-select-product-cost"
+      }, this.locale("labels.startingAt"), " ", this.countStartPrice(product.plans)), /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
+        onClick: productButtonCallback,
+        "data-key": product.id,
+        id: "pelcro-select-product-back-button",
+        className: `plc-ml-auto plc-text-xs ${options !== null && options !== void 0 && options.emphasize ? "plc-bg-primary-700" : ""}`
+      }, index === 0 && {
+        autoFocus: true
+      }), productButtonLabel))));
+    });
+    _defineProperty$3(this, "renderProducts", () => {
+      const userDidSelectProduct = Boolean(this.state.mode === "plan");
+      const productsToShow = userDidSelectProduct ? [this.state.product] : this.state.productList;
+      return productsToShow.map((product, index) => {
+        return this.renderOneProduct(product, index);
+      });
+    });
+    _defineProperty$3(this, "renderMatchingProductsFirst", () => {
+      const isPlanMode = Boolean(this.state.mode === "plan");
+      if (isPlanMode) {
+        return this.renderOneProduct(this.state.product);
+      }
+      const [productsThatMatchArticleTag, allProductsMinusMatched] = productsWithMatchedTaggedFirst$1();
+
+      // Render normal products if there are no available matching products
+      if (!(productsThatMatchArticleTag !== null && productsThatMatchArticleTag !== void 0 && productsThatMatchArticleTag.length)) {
+        return this.renderProducts();
+      }
+      return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("h3", {
+        className: "plc-text-sm plc-font-semibold"
+      }, this.locale("labels.restrictiveArticles.subscribeTo")), productsThatMatchArticleTag.map((product, index) => this.renderOneProduct(product, index, {
+        emphasize: true
+      })), (allProductsMinusMatched === null || allProductsMinusMatched === void 0 ? void 0 : allProductsMinusMatched.length) > 0 && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("hr", {
+        className: "plc-my-4"
+      }), /*#__PURE__*/React__default['default'].createElement("h3", {
+        className: "plc-text-sm plc-font-semibold"
+      }, this.locale("labels.restrictiveArticles.or")), allProductsMinusMatched.map((product, index) => this.renderOneProduct(product, index))));
+    });
+    _defineProperty$3(this, "renderPlans", () => {
+      return this.state.planList.map(plan => {
+        const isChecked = this.state.plan.id === plan.id ? true : false;
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          key: plan.id,
+          className: "plc-p-2 plc-mx-3 plc-mt-2 plc-text-gray-900 plc-border plc-border-gray-400 plc-border-solid plc-rounded pelcro-select-plan-wrapper"
+        }, /*#__PURE__*/React__default['default'].createElement(Radio, {
+          className: "plc-self-start pelcro-select-plan-radio",
+          labelClassName: "plc-cursor-pointer plc-w-full",
+          id: `pelcro-select-plan-${plan.id}`,
+          name: "plan",
+          checked: isChecked,
+          "data-key": plan.id,
+          onChange: this.selectPlan
+        }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("p", {
+          className: "plc-font-bold pelcro-select-plan-title"
+        }, plan.nickname), /*#__PURE__*/React__default['default'].createElement("p", {
+          className: "plc-text-xs pelcro-select-plan-description"
+        }, plan.description)), /*#__PURE__*/React__default['default'].createElement("p", {
+          className: "plc-mt-3 plc-font-bold pelcro-select-plan-price"
+        }, plan.amount_formatted)));
+      });
+    });
+    _defineProperty$3(this, "selectProduct", e => {
+      const id = e.target.dataset.key;
+      for (const product of this.state.productList) {
+        if (+product.id === +id) {
+          var _this$state$plan;
+          this.setState({
+            product: product
+          });
+          this.setState({
+            planList: product.plans.filter(plan => plan.type === "regular")
+          });
+          this.setState({
+            mode: "plan"
+          });
+          const isSelectedPlanPartOfThisProduct = ((_this$state$plan = this.state.plan) === null || _this$state$plan === void 0 ? void 0 : _this$state$plan.product_id) === Number(product.id);
+          if (isSelectedPlanPartOfThisProduct) {
+            this.setState({
+              disabled: false
+            });
+          }
+        }
+      }
+    });
+    _defineProperty$3(this, "selectPlan", e => {
+      const id = e.target.dataset.key;
+      for (const plan of this.state.planList) {
+        if (+plan.id === +id) {
+          plan.isCheked = true;
+          this.setState({
+            plan: plan
+          });
+          this.setState({
+            disabled: false
+          });
+        } else {
+          plan.isCheked = false;
+        }
+      }
+    });
+    _defineProperty$3(this, "goBack", () => {
+      this.setState({
+        disabled: true
+      });
+      this.setState({
+        mode: "product"
+      });
+    });
+    _defineProperty$3(this, "submitOption", () => {
+      this.props.setProductAndPlan(this.state.product, this.state.plan, this.state.isGift);
+      const {
+        product,
+        isGift
+      } = this.state;
+      const {
+        setView
+      } = this.props;
+      const isAuthenticated = window.Pelcro.user.isAuthenticated();
+      const {
+        switchToAddressView,
+        switchToPaymentView
+      } = usePelcro.getStore();
+      if (!isAuthenticated) {
+        return setView("register");
+      }
+      if (isGift) {
+        return setView("gift-create");
+      }
+      if (product.address_required) {
+        return switchToAddressView();
+      }
+      return switchToPaymentView();
+    });
+    _defineProperty$3(this, "displayLoginView", () => {
+      this.props.setView("login");
+    });
+    this.state = {
+      product: {},
+      plan: {},
+      isGift: props.isGift,
+      disabled: true,
+      mode: "product",
+      productList: props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(props.matchingEntitlements) : window.Pelcro.product.list()
+    };
+    this.product = this.props.product || window.Pelcro.paywall.getProduct();
+    this.locale = this.props.t;
+    this.closeButton = window.Pelcro.paywall.displayCloseButton();
+  }
+  render() {
+    var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
+    const {
+      disableGifting
+    } = this.props;
+    if (this.state.mode === "product") {
+      var _ReactGA$event;
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+        category: "VIEWS",
+        action: "Product Modal Viewed",
+        nonInteraction: true
+      });
+    } else if (this.state.mode === "plan") {
+      var _ReactGA$event2;
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+        category: "VIEWS",
+        action: "Plan Modal Viewed",
+        nonInteraction: true
+      });
+    }
+    return /*#__PURE__*/React__default['default'].createElement(Modal, {
+      hideCloseButton: !this.closeButton,
+      onClose: this.props.onClose,
+      id: "pelcro-selection-modal"
+    }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement("div", {
+      id: "pelcro-selection-view"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
+    }, /*#__PURE__*/React__default['default'].createElement("h4", {
+      className: "plc-text-2xl plc-font-semibold"
+    }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc3 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc3 === void 0 ? void 0 : _window$Pelcro$produc3.paywall.select_subtitle))), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "pelcro-select-products-wrapper"
+    }, (_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.restrictive_paywall_metatags_enabled ? this.renderMatchingProductsFirst() : this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
+    }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "plc-flex plc-justify-center plc-mt-2"
+    }, /*#__PURE__*/React__default['default'].createElement(Checkbox, {
+      onChange: this.onIsGiftChange,
+      checked: this.state.isGift,
+      id: "pelcro-input-is-gift"
+    }, this.locale("messages.checkbox"))), /*#__PURE__*/React__default['default'].createElement(Button, {
+      disabled: this.state.disabled,
+      onClick: this.submitOption,
+      id: "pelcro-submit",
+      className: "plc-w-full plc-mt-2"
+    }, this.locale("buttons.next"))))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, !window.Pelcro.user.isAuthenticated() && /*#__PURE__*/React__default['default'].createElement("p", null, this.locale("messages.alreadyHaveAccount") + " ", /*#__PURE__*/React__default['default'].createElement(Link, {
+      id: "pelcro-link-login",
+      onClick: this.displayLoginView
+    }, this.locale("messages.loginHere"))), /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
+  }
+}
+const SelectModalWithTrans = withTranslation("select")(SelectModal);
+
+/**
+ *
+ */
+function DonationModalWithHook(props) {
   React__default['default'].useEffect(() => {
     var _props$onDisplay;
     (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
@@ -13969,7 +14634,7 @@ function SelectModalWithHook(props) {
   } = usePelcro();
   const entitlementsProtectedElements = document.querySelectorAll("[data-pelcro-entitlements]");
   const entitlements = entitlementsProtectedElements.length > 0 ? getEntitlementsFromElem(entitlementsProtectedElements[0]) : null;
-  return /*#__PURE__*/React__default['default'].createElement(SelectModalWithTrans, {
+  return /*#__PURE__*/React__default['default'].createElement(DonationModalWithTrans, {
     isGift: isGift,
     disableGifting: isRenewingGift,
     plan: plan,
@@ -13979,10 +14644,12 @@ function SelectModalWithHook(props) {
       (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
       resetView();
     },
-    setProductAndPlan: (product, plan, isGift) => set({
+    setProductAndPlan: (product, plan, isGift, selectedDonationAmount, customDonationAmount) => set({
       product,
       plan,
-      isGift
+      isGift,
+      selectedDonationAmount,
+      customDonationAmount
     }),
     setView: switchView,
     matchingEntitlements: view === "_plan-select-entitlements" ? entitlements : null
@@ -13995,18 +14662,8 @@ function productsWithMatchedTaggedFirst() {
   const allProductsMinusMatched = allProducts.filter(product => !productsThatMatchArticleTag.some(matchedProduct => matchedProduct.id === product.id));
   return [productsThatMatchArticleTag, allProductsMinusMatched];
 }
-function productMatchPageLanguage(product) {
-  if (!product) {
-    return false;
-  }
-  if (product.language === null) {
-    return true;
-  }
-  const siteLanguage = window.Pelcro.helpers.getHtmlLanguageAttribute();
-  return product.language === siteLanguage;
-}
-SelectModalWithHook.viewId = "plan-select";
-class SelectModal extends React.Component {
+DonationModalWithHook.viewId = "donation-select";
+class DonationModal extends React.Component {
   constructor(props) {
     super(props);
     _defineProperty$3(this, "componentDidMount", () => {
@@ -14037,52 +14694,31 @@ class SelectModal extends React.Component {
           mode: "plan"
         });
       }
-      if (this.state.productList.length === 0 && !window.Pelcro.user.isAuthenticated()) {
-        this.props.setView("register");
-      }
+
+      // if (
+      //   this.state.productList.length === 0 &&
+      //   !window.Pelcro.user.isAuthenticated()
+      // ) {
+      //   this.props.setView("register");
+      // }
+
       document.addEventListener("keydown", this.handleSubmit);
       if (!document.querySelector("#pelcro-selection-view") || !document.querySelector(".pelcro-select-product-wrapper")) {
         var _window$Pelcro, _window$Pelcro$user, _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$site;
         const userCurrency = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$user = _window$Pelcro.user) === null || _window$Pelcro$user === void 0 ? void 0 : _window$Pelcro$user.read().currency;
         const userCountry = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$user = _window$Pelcro2.user) === null || _window$Pelcro2$user === void 0 ? void 0 : _window$Pelcro2$user.location.countryCode;
-        const userLanguage = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$user = _window$Pelcro3.user) === null || _window$Pelcro3$user === void 0 ? void 0 : _window$Pelcro3$user.read().language;
+        (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$user = _window$Pelcro3.user) === null || _window$Pelcro3$user === void 0 ? void 0 : _window$Pelcro3$user.read().language;
         const productsMatchingUserCurrency = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$site = _window$Pelcro4.site) === null || _window$Pelcro4$site === void 0 ? void 0 : _window$Pelcro4$site.read().products.filter(product => {
           const filteredPlans = product.plans.filter(plan => plan.currency === userCurrency || !userCurrency);
           if (filteredPlans.length) return filteredPlans;
         });
-        const productsMatchingUserCountry = productsMatchingUserCurrency.filter(product => {
+        productsMatchingUserCurrency.filter(product => {
           const filteredPlans = product.plans.filter(plan => {
             var _plan$countries;
             return plan.countries && ((_plan$countries = plan.countries) === null || _plan$countries === void 0 ? void 0 : _plan$countries.includes(userCountry)) || !plan.countries || !plan.countries.length;
           });
           if (filteredPlans.length) return filteredPlans;
         });
-        notifyBugsnag(() => {
-          Bugsnag.notify("SelectModal - No data viewed", event => {
-            var _window$Pelcro5, _window$Pelcro5$site, _window$Pelcro6, _window$Pelcro6$user, _window$Pelcro7, _window$Pelcro7$uiSet, _window$Pelcro8, _this$props, _window$Pelcro9, _window$Pelcro9$helpe, _window$Pelcro10, _window$Pelcro10$site;
-            event.addMetadata("MetaData", {
-              site: (_window$Pelcro5 = window.Pelcro) === null || _window$Pelcro5 === void 0 ? void 0 : (_window$Pelcro5$site = _window$Pelcro5.site) === null || _window$Pelcro5$site === void 0 ? void 0 : _window$Pelcro5$site.read(),
-              user: (_window$Pelcro6 = window.Pelcro) === null || _window$Pelcro6 === void 0 ? void 0 : (_window$Pelcro6$user = _window$Pelcro6.user) === null || _window$Pelcro6$user === void 0 ? void 0 : _window$Pelcro6$user.read(),
-              uiVersion: (_window$Pelcro7 = window.Pelcro) === null || _window$Pelcro7 === void 0 ? void 0 : (_window$Pelcro7$uiSet = _window$Pelcro7.uiSettings) === null || _window$Pelcro7$uiSet === void 0 ? void 0 : _window$Pelcro7$uiSet.uiVersion,
-              environment: (_window$Pelcro8 = window.Pelcro) === null || _window$Pelcro8 === void 0 ? void 0 : _window$Pelcro8.environment,
-              matchingEntitlementsProps: (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.matchingEntitlements,
-              productListState: this.state.productList,
-              methods: {
-                productsWithMatchedTaggedFirst: productsWithMatchedTaggedFirst(),
-                pelcroSDKProductsListMethod: window.Pelcro.product.list(),
-                pelcroSDKGetByEntitlements: this.props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(this.props.matchingEntitlements) : null
-              },
-              userCurrency: userCurrency,
-              userCountry: userCountry,
-              userLanguage: userLanguage,
-              siteLanguage: (_window$Pelcro9 = window.Pelcro) === null || _window$Pelcro9 === void 0 ? void 0 : (_window$Pelcro9$helpe = _window$Pelcro9.helpers) === null || _window$Pelcro9$helpe === void 0 ? void 0 : _window$Pelcro9$helpe.getHtmlLanguageAttribute(),
-              products: (_window$Pelcro10 = window.Pelcro) === null || _window$Pelcro10 === void 0 ? void 0 : (_window$Pelcro10$site = _window$Pelcro10.site) === null || _window$Pelcro10$site === void 0 ? void 0 : _window$Pelcro10$site.read().products.length,
-              currency_matching_filter: `${productsMatchingUserCurrency.length} Products Passed`,
-              country_matching_filter: `${productsMatchingUserCountry.length} Products Passed`,
-              language_matching_filter: `${productsMatchingUserCountry.filter(productMatchPageLanguage).length} Products Passed`
-            });
-          });
-        });
       }
     });
     _defineProperty$3(this, "componentWillUnmount", () => {
@@ -14180,24 +14816,85 @@ class SelectModal extends React.Component {
     _defineProperty$3(this, "renderPlans", () => {
       return this.state.planList.map(plan => {
         const isChecked = this.state.plan.id === plan.id ? true : false;
+        let planDetails = /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-bg-gray-100 plc-rounded-md plc-p-3 plc-mt-3 plc-text-sm plc-flex plc-items-center"
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-flex plc-items-center plc-flex-1"
+        }, "Auto renewed:", " ", /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-inline-flex plc-w-6 plc-ml-1"
+        }, plan.auto_renew ? /*#__PURE__*/React__default['default'].createElement(SvgCheck, {
+          className: "plc-text-green-500"
+        }) : /*#__PURE__*/React__default['default'].createElement(SvgXIcon, {
+          className: "plc-text-red-500"
+        })), " "), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-flex plc-items-center plc-flex-1"
+        }, "Renewed every:", " ", /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-inline-flex plc-w-6 plc-ml-1 plc-font-bold plc-capitalize"
+        }, plan.interval || "-"))), plan.preset_donation_values && /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-mt-3 plc-pt-3 plc-border-t plc-border-gray-200"
+        }, /*#__PURE__*/React__default['default'].createElement("h5", {
+          className: "plc-mb-4 plc-font-medium plc-text-center"
+        }, "Select amount"), /*#__PURE__*/React__default['default'].createElement("ul", {
+          className: "plc-grid plc-grid-cols-2 plc-gap-3"
+        }, plan.preset_donation_values.map(value => /*#__PURE__*/React__default['default'].createElement("li", {
+          key: value
+        }, /*#__PURE__*/React__default['default'].createElement("button", {
+          className: `plc-bg-white plc-rounded-md plc-flex plc-items-center plc-justify-center plc-text-lg plc-w-full plc-min-h-20 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
+            });
+          }
+        }, getFormattedPriceByLocal(value, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()))))), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-relative plc-py-3 plc-mt-3"
+        }, /*#__PURE__*/React__default['default'].createElement("hr", null), " ", /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-absolute plc-top-1/2 plc-left-1/2 plc-transform plc--translate-x-1/2 plc--translate-y-1/2 plc-leading-none plc-bg-white plc-px-2"
+        }, "or"))), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-relative plc-mt-3"
+        }, /*#__PURE__*/React__default['default'].createElement(Input, {
+          type: "number",
+          value: this.state.customDonationAmount,
+          onChange: e => {
+            if (+e.target.value > 0) {
+              this.setState({
+                customDonationAmount: +e.target.value,
+                selectedDonationAmount: null,
+                disabled: false
+              });
+            } else {
+              this.setState({
+                customDonationAmount: ""
+              });
+              this.setState({
+                disabled: true
+              });
+            }
+          },
+          placeholder: "Donate a custome amount ...",
+          className: "plc-pr-14"
+        }), /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-absolute plc-top-1/2 plc-transform plc--translate-y-1/2 plc-right-3 plc-pl-3 plc-border-l plc-border-gray-200 plc-uppercase plc-text-sm"
+        }, plan.currency)));
         return /*#__PURE__*/React__default['default'].createElement("div", {
           key: plan.id,
-          className: "plc-p-2 plc-mx-3 plc-mt-2 plc-text-gray-900 plc-border plc-border-gray-400 plc-border-solid plc-rounded pelcro-select-plan-wrapper"
+          className: `plc-p-2 plc-mx-3 plc-mt-2 plc-text-gray-900 plc-border-solid plc-rounded pelcro-select-plan-wrapper ${isChecked ? "plc-border-primary-500 plc-border-2" : "plc-border-gray-400 plc-border "}`
         }, /*#__PURE__*/React__default['default'].createElement(Radio, {
-          className: "plc-self-start pelcro-select-plan-radio",
-          labelClassName: "plc-cursor-pointer plc-w-full",
+          className: "plc-self-start pelcro-select-plan-radio plc-hidden",
+          labelClassName: "plc-cursor-pointer plc-w-full plc-ml-0",
           id: `pelcro-select-plan-${plan.id}`,
           name: "plan",
           checked: isChecked,
           "data-key": plan.id,
           onChange: this.selectPlan
-        }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("p", {
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-text-center"
+        }, /*#__PURE__*/React__default['default'].createElement("p", {
           className: "plc-font-bold pelcro-select-plan-title"
         }, plan.nickname), /*#__PURE__*/React__default['default'].createElement("p", {
           className: "plc-text-xs pelcro-select-plan-description"
-        }, plan.description)), /*#__PURE__*/React__default['default'].createElement("p", {
-          className: "plc-mt-3 plc-font-bold pelcro-select-plan-price"
-        }, plan.amount_formatted)));
+        }, plan.description))), isChecked && planDetails);
       });
     });
     _defineProperty$3(this, "selectProduct", e => {
@@ -14209,7 +14906,7 @@ class SelectModal extends React.Component {
             product: product
           });
           this.setState({
-            planList: product.plans
+            planList: product.plans.filter(plan => plan.type === "donation")
           });
           this.setState({
             mode: "plan"
@@ -14224,6 +14921,12 @@ class SelectModal extends React.Component {
       }
     });
     _defineProperty$3(this, "selectPlan", e => {
+      this.setState({
+        selectedDonationAmount: null
+      });
+      this.setState({
+        disabled: true
+      });
       const id = e.target.dataset.key;
       for (const plan of this.state.planList) {
         if (+plan.id === +id) {
@@ -14231,9 +14934,6 @@ class SelectModal extends React.Component {
           this.setState({
             plan: plan
           });
-          this.setState({
-            disabled: false
-          });
         } else {
           plan.isCheked = false;
         }
@@ -14247,8 +14947,8 @@ class SelectModal extends React.Component {
         mode: "product"
       });
     });
-    _defineProperty$3(this, "submitOption", () => {
-      this.props.setProductAndPlan(this.state.product, this.state.plan, this.state.isGift);
+    _defineProperty$3(this, "submitOption", signUpFirst => {
+      this.props.setProductAndPlan(this.state.product, this.state.plan, this.state.isGift, this.state.selectedDonationAmount, this.state.customDonationAmount);
       const {
         product,
         isGift
@@ -14261,12 +14961,14 @@ class SelectModal extends React.Component {
         switchToAddressView,
         switchToPaymentView
       } = usePelcro.getStore();
-      if (!isAuthenticated) {
+      if (!isAuthenticated && product.address_required || !isAuthenticated && signUpFirst) {
         return setView("register");
       }
-      if (isGift) {
-        return setView("gift-create");
-      }
+
+      // if (isGift) {
+      //   return setView("gift-create");
+      // }
+
       if (product.address_required) {
         return switchToAddressView();
       }
@@ -14275,23 +14977,24 @@ class SelectModal extends React.Component {
     _defineProperty$3(this, "displayLoginView", () => {
       this.props.setView("login");
     });
+    const productList = props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(props.matchingEntitlements).filter(product => product.has_donation_plans === true) : window.Pelcro.product.list().filter(product => product.has_donation_plans === true);
     this.state = {
       product: {},
       plan: {},
       isGift: props.isGift,
       disabled: true,
       mode: "product",
-      productList: props.matchingEntitlements ? window.Pelcro.product.getByEntitlements(props.matchingEntitlements) : window.Pelcro.product.list()
+      productList: productList,
+      selectedDonationAmount: null,
+      customDonationAmount: ""
     };
     this.product = this.props.product || window.Pelcro.paywall.getProduct();
     this.locale = this.props.t;
     this.closeButton = window.Pelcro.paywall.displayCloseButton();
   }
   render() {
-    var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
-    const {
-      disableGifting
-    } = this.props;
+    var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r, _this$state$product;
+    this.props;
     if (this.state.mode === "product") {
       var _ReactGA$event;
       ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
@@ -14321,24 +15024,32 @@ class SelectModal extends React.Component {
       className: "pelcro-select-products-wrapper"
     }, (_window$Pelcro$site$r = window.Pelcro.site.read()) !== null && _window$Pelcro$site$r !== void 0 && _window$Pelcro$site$r.restrictive_paywall_metatags_enabled ? this.renderMatchingProductsFirst() : this.renderProducts()), this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "plc-overflow-y-scroll plc-max-h-72 pelcro-select-plans-wrapper"
-    }, this.renderPlans()), !disableGifting && /*#__PURE__*/React__default['default'].createElement("div", {
-      className: "plc-flex plc-justify-center plc-mt-2"
-    }, /*#__PURE__*/React__default['default'].createElement(Checkbox, {
-      onChange: this.onIsGiftChange,
-      checked: this.state.isGift,
-      id: "pelcro-input-is-gift"
-    }, this.locale("messages.checkbox"))), /*#__PURE__*/React__default['default'].createElement(Button, {
+    }, this.renderPlans()), !window.Pelcro.user.isAuthenticated() && (_this$state$product = this.state.product) !== null && _this$state$product !== void 0 && _this$state$product.address_required ? /*#__PURE__*/React__default['default'].createElement(Button, {
       disabled: this.state.disabled,
-      onClick: this.submitOption,
+      onClick: () => this.submitOption(true),
       id: "pelcro-submit",
       className: "plc-w-full plc-mt-2"
-    }, this.locale("buttons.next"))))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, !window.Pelcro.user.isAuthenticated() && /*#__PURE__*/React__default['default'].createElement("p", null, this.locale("messages.alreadyHaveAccount") + " ", /*#__PURE__*/React__default['default'].createElement(Link, {
-      id: "pelcro-link-login",
-      onClick: this.displayLoginView
-    }, this.locale("messages.loginHere"))), /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
+    }, this.locale("buttons.signupAndDonate")) : !window.Pelcro.user.isAuthenticated() ? /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "plc-flex plc-items-center plc-mt-2"
+    }, /*#__PURE__*/React__default['default'].createElement(Button, {
+      disabled: this.state.disabled,
+      onClick: () => this.submitOption(true),
+      id: "pelcro-submit",
+      className: "plc-flex-1 plc-mr-2"
+    }, this.locale("buttons.signupAndDonate")), /*#__PURE__*/React__default['default'].createElement(Button, {
+      disabled: this.state.disabled,
+      onClick: () => this.submitOption(false),
+      id: "pelcro-submit",
+      className: "plc-flex-1 pelcro-button-outline"
+    }, this.locale("buttons.donate"))) : /*#__PURE__*/React__default['default'].createElement(Button, {
+      disabled: this.state.disabled,
+      onClick: () => this.submitOption(false),
+      id: "pelcro-submit",
+      className: "plc-w-full plc-mt-2"
+    }, this.locale("buttons.donate"))))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
   }
 }
-const SelectModalWithTrans = withTranslation("select")(SelectModal);
+const DonationModalWithTrans = withTranslation("donation")(DonationModal);
 
 var Provider_1 = createCommonjsModule(function (module, exports) {
 
@@ -16333,9 +17044,11 @@ const initialState$k = {
   firstName: "",
   lastName: "",
   phone: "",
+  email: "",
   firstNameError: null,
   lastNameError: null,
   phoneError: null,
+  emailError: null,
   alert: {
     type: "error",
     content: ""
@@ -16368,7 +17081,10 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     set,
     order,
     selectedPaymentMethodId,
-    couponCode
+    couponCode,
+    selectedDonationAmount,
+    customDonationAmount,
+    isAuthenticated
   } = usePelcro();
   const {
     whenUserReady
@@ -16403,7 +17119,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
 
   /*====== Start Tap integration ========*/
   const submitUsingTap = state => {
-    var _ref2, _ref3, _ref4, _state$updatedPrice;
+    var _ref2, _ref3, _getPlanAmount;
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
       // no need to create a new source using tap
@@ -16427,7 +17143,15 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         return total + item.price * item.quantity;
       }, 0);
     };
-    const totalAmount = (_ref2 = (_ref3 = (_ref4 = (_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 && _ref4 !== void 0 ? _ref4 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref3 !== void 0 ? _ref3 : getOrderItemsTotal()) !== null && _ref2 !== void 0 ? _ref2 : 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 = (_ref2 = (_ref3 = (_getPlanAmount = getPlanAmount()) !== null && _getPlanAmount !== void 0 ? _getPlanAmount : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref3 !== void 0 ? _ref3 : getOrderItemsTotal()) !== null && _ref2 !== void 0 ? _ref2 : 10;
     tapInstanceRef.current.createToken(tapInstanceCard.current).then(function (result) {
       if (result.error) {
         // Inform the user if there was an error
@@ -16896,24 +17620,32 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   }, [selectedPaymentMethodId]);
   const initPaymentRequest = (state, dispatch) => {
     if (skipPayment && ((plan === null || plan === void 0 ? void 0 : plan.amount) === 0 || props !== null && props !== void 0 && props.freeOrders)) return;
+    function getPlanAmount() {
+      if (state.updatedPrice) return state.updatedPrice;
+      if (plan.type === "donation" && (selectedDonationAmount || customDonationAmount)) {
+        return selectedDonationAmount ? selectedDonationAmount * plan.amount : customDonationAmount * plan.amount;
+      } else {
+        return plan.amount;
+      }
+    }
     try {
       const paymentRequest = stripe.paymentRequest({
         country: window.Pelcro.user.location.countryCode || "US",
         currency: plan.currency,
         total: {
           label: plan.nickname || plan.description,
-          amount: state.updatedPrice || plan.amount
+          amount: getPlanAmount()
         }
       });
 
       // When Google pay / Apple pay source created
-      paymentRequest.on("source", _ref5 => {
+      paymentRequest.on("source", _ref4 => {
         var _source$card;
         let {
           complete,
           source,
           ...data
-        } = _ref5;
+        } = _ref4;
         dispatch({
           type: DISABLE_COUPON_BUTTON,
           payload: true
@@ -16928,11 +17660,11 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         });
         complete("success");
         if ((source === null || source === void 0 ? void 0 : (_source$card = source.card) === null || _source$card === void 0 ? void 0 : _source$card.three_d_secure) === "required") {
-          return generate3DSecureSource(source).then(_ref6 => {
+          return generate3DSecureSource(source).then(_ref5 => {
             let {
               source,
               error
-            } = _ref6;
+            } = _ref5;
             if (error) {
               return handlePaymentError(error);
             }
@@ -17532,12 +18264,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   const updatePaymentSource = (state, dispatch) => {
     return stripe.createSource({
       type: "card"
-    }).then(_ref7 => {
+    }).then(_ref6 => {
       var _source$card2;
       let {
         source,
         error
-      } = _ref7;
+      } = _ref6;
       if (error) {
         return handlePaymentError(error);
       }
@@ -17592,6 +18324,41 @@ 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
+        };
+        dispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "error",
+            content: getErrorMessages(err)
+          }
+        });
+        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);
@@ -17618,12 +18385,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     }
     stripe.createSource({
       type: "card"
-    }).then(_ref8 => {
-      var _ref9, _ref10, _state$updatedPrice2;
+    }).then(_ref7 => {
+      var _ref8, _ref9, _state$updatedPrice;
       let {
         source,
         error
-      } = _ref8;
+      } = _ref7;
       if (error) {
         return handlePaymentError(error);
       }
@@ -17642,7 +18409,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           return total + item.price * item.quantity;
         }, 0);
       };
-      (_ref9 = (_ref10 = (_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 && _ref10 !== void 0 ? _ref10 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref9 !== void 0 ? _ref9 : getOrderItemsTotal();
+      (_ref8 = (_ref9 = (_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 && _ref9 !== void 0 ? _ref9 : invoice === null || invoice === void 0 ? void 0 : invoice.amount_remaining) !== null && _ref8 !== void 0 ? _ref8 : getOrderItemsTotal();
       return handlePayment(source);
     }).catch(error => {
       return handlePaymentError(error);
@@ -17853,22 +18620,41 @@ 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 (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) => {
@@ -17943,6 +18729,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,
@@ -17961,6 +18759,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           phoneError: action.payload,
           phone: null
         });
+      case SET_EMAIL_ERROR:
+        return lib_7({
+          ...state,
+          emailError: action.payload,
+          email: ""
+        });
       case SHOW_ALERT:
         return lib_7({
           ...state,
@@ -18189,6 +18993,7 @@ const SubmitPaymentMethod = _ref => {
       firstNameError,
       lastNameError,
       phoneError,
+      emailError,
       firstName,
       lastName,
       phone,
@@ -18209,9 +19014,9 @@ const SubmitPaymentMethod = _ref => {
     if (supportsTap && isUserFirstName && isUserLastName && isUserPhone) {
       setDisabled(disableSubmit);
     } else {
-      setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length));
+      setDisabled(disableSubmit || supportsTap && firstNameError || supportsTap && lastNameError || supportsTap && phoneError || supportsTap && !(firstName !== null && firstName !== void 0 && firstName.length) || supportsTap && !(lastName !== null && lastName !== void 0 && lastName.length) || supportsTap && !(phone !== null && phone !== void 0 && phone.length) || emailError);
     }
-  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone]);
+  }, [disableSubmit, firstNameError, lastNameError, phoneError, firstName, lastName, phone, emailError]);
   return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
     role: "submit",
     className: "plc-w-full plc-py-3",
@@ -18846,6 +19651,10 @@ const OrderCreateFreeButton = _ref => {
   }, otherProps), t("labels.submit"));
 };
 
+const DonationEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
+  store: store$k
+}, props));
+
 /**
  *
  */
@@ -18865,6 +19674,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);
@@ -18921,7 +19734,13 @@ function PaymentMethodView(_ref) {
     errorId: "pelcro-input-phone-error",
     label: t("labels.phone"),
     required: true
-  })), /*#__PURE__*/React__default['default'].createElement(CheckoutForm, null), showCoupon && /*#__PURE__*/React__default['default'].createElement("div", {
+  })), !isAuthenticated() && (plan === null || plan === void 0 ? void 0 : plan.type) === "donation" && /*#__PURE__*/React__default['default'].createElement(DonationEmail, {
+    id: "pelcro-input-email",
+    errorId: "pelcro-input-email-error",
+    label: t("labels.email"),
+    required: true,
+    autoFocus: true
+  }), /*#__PURE__*/React__default['default'].createElement(CheckoutForm, null), showCoupon && /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-mb-2"
   }, /*#__PURE__*/React__default['default'].createElement(CouponCode, null), /*#__PURE__*/React__default['default'].createElement(DiscountedPrice, null)), /*#__PURE__*/React__default['default'].createElement(TaxAmount, null), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-grid plc-mt-4 plc-gap-y-2"
@@ -20260,12 +21079,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,
@@ -20275,7 +21096,7 @@ const SubscriptionCreateView = _ref => {
       interval,
       count: interval_count
     });
-    const priceFormatted = getFormattedPriceByLocal((plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
+    const priceFormatted = plan.type === "donation" && (selectedDonationAmount || customDonationAmount) ? getFormattedPriceByLocal(selectedDonationAmount ? selectedDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1) : customDonationAmount * (plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity2 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity2 !== void 0 ? _plan$quantity2 : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage()) : getFormattedPriceByLocal((plan === null || plan === void 0 ? void 0 : plan.amount) * ((_plan$quantity3 = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity3 !== void 0 ? _plan$quantity3 : 1), plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
     return /*#__PURE__*/React__default['default'].createElement("p", {
       className: "plc-text-gray-600"
     }, /*#__PURE__*/React__default['default'].createElement("span", {
@@ -32315,6 +33136,7 @@ exports.Dashboard = DashboardWithHook;
 exports.DashboardOpenButton = DashboardOpenButton;
 exports.DatePicker = DatePicker;
 exports.DiscountedPrice = DiscountedPrice;
+exports.DonationModal = DonationModalWithHook;
 exports.Email = Email;
 exports.EmailVerifyContainer = EmailVerifyContainer;
 exports.EmailVerifyModal = EmailVerifyModal;