@pelcro/react-pelcro-js 3.13.0-beta.7 → 3.13.0-beta.9

package/dist/index.cjs.js

@@ -3245,6 +3245,7 @@ var validation$3 = {
 	validEmail: "Email address is not valid.",
 	validUsername: "User name is not valid.",
 	enterEmail: "Email address is required.",
+	enterEmails: "Email addresses are required.",
 	enterUsername: "User name is required.",
 	enterPassword: "Password is required.",
 	confirmPassword: "Confirm password is required.",
@@ -3361,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$$ = {
+var labels$12 = {
 	submit: "Submit",
 	firstName: "First name",
 	lastName: "Last name",
@@ -3380,11 +3381,11 @@ var newsletter_en = {
 	title: title$z,
 	updateTitle: updateTitle$3,
 	subtitle: subtitle$f,
-	labels: labels$$,
+	labels: labels$12,
 	messages: messages$17
 };
 
-var labels$_ = {
+var labels$11 = {
 	"continue": "Continue to content"
 };
 var messages$16 = {
@@ -3413,7 +3414,7 @@ var errors$j = {
 	"": ""
 };
 var success_en = {
-	labels: labels$_,
+	labels: labels$11,
 	messages: messages$16,
 	errors: errors$j
 };
@@ -3437,7 +3438,7 @@ var messages$14 = {
 	bankRedirection: "Please hold, redirecting you to your bank.",
 	bankAuthenticationSuccess: "Please wait while we process your request."
 };
-var labels$Z = {
+var labels$10 = {
 	card: "Enter card number",
 	date: "Expiration date",
 	CVC: "CVC",
@@ -3460,7 +3461,7 @@ var labels$Z = {
 };
 var checkoutForm_en = {
 	messages: messages$14,
-	labels: labels$Z
+	labels: labels$10
 };
 
 var youAreSafe$3 = "You're safe - PCI compliant 128 SSL by";
@@ -3470,6 +3471,7 @@ var successfully$3 = "successfully";
 var entitlement$3 = "Some of the content on this page is available with one or more of our plans. <1>Subscribe</1> now to get full page access.";
 var recaptcha$3 = "This site is protected by reCAPTCHA and the Google <1>Privacy Policy</1> and <3>Terms of Service</3> apply.";
 var invalidInvoice$3 = "Invalid invoice ID, please contact support";
+var invalidSubscription$2 = "Invalid subscription ID, please contact support";
 var zeroTotalInvoice$3 = "You can't view an invoice of 0$";
 var messages_en = {
 	youAreSafe: youAreSafe$3,
@@ -3479,10 +3481,11 @@ var messages_en = {
 	entitlement: entitlement$3,
 	recaptcha: recaptcha$3,
 	invalidInvoice: invalidInvoice$3,
+	invalidSubscription: invalidSubscription$2,
 	zeroTotalInvoice: zeroTotalInvoice$3
 };
 
-var labels$Y = {
+var labels$$ = {
 	email: "Enter email",
 	username: "Enter username",
 	password: "Enter password",
@@ -3510,12 +3513,12 @@ var errors$h = {
 	"": ""
 };
 var login_en = {
-	labels: labels$Y,
+	labels: labels$$,
 	messages: messages$13,
 	errors: errors$h
 };
 
-var labels$X = {
+var labels$_ = {
 	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"
@@ -3525,13 +3528,13 @@ var messages$12 = {
 	success: "You have logged in successfully"
 };
 var verifyLinkToken_en = {
-	labels: labels$X,
+	labels: labels$_,
 	messages: messages$12
 };
 
 var title$y = "Create an account";
 var subtitle$e = "Enter your email and password below";
-var labels$W = {
+var labels$Z = {
 	signUpFacebook: "Sign up with Facebook",
 	signUpGoogle: "Sign up with Google",
 	signUpEmail: "Sign up with Email",
@@ -3618,14 +3621,14 @@ var redeem$3 = {
 var register_en = {
 	title: title$y,
 	subtitle: subtitle$e,
-	labels: labels$W,
+	labels: labels$Z,
 	messages: messages$11,
 	errors: errors$g,
 	gift: gift$3,
 	redeem: redeem$3
 };
 
-var labels$V = {
+var labels$Y = {
 	title: "Want to update your profile?",
 	subtitle: "Enter your information below to update your profile",
 	email: "Email",
@@ -3648,14 +3651,14 @@ var messages$10 = {
 	pictureUpdated: "Your profile picture was updated successfully."
 };
 var userEdit_en = {
-	labels: labels$V,
+	labels: labels$Y,
 	messages: messages$10
 };
 
 var title$x = "Enter your shipping address";
 var selectAddressTitle$3 = "Please select an address";
 var selectAddressSubtitle$3 = "Select one of your saved addresses, or add a new one";
-var labels$U = {
+var labels$X = {
 	address: "Address",
 	code: "Postal Code/Zip",
 	city: "City",
@@ -3679,7 +3682,7 @@ var address_en = {
 	title: title$x,
 	selectAddressTitle: selectAddressTitle$3,
 	selectAddressSubtitle: selectAddressSubtitle$3,
-	labels: labels$U,
+	labels: labels$X,
 	buttons: buttons$i,
 	messages: messages$$
 };
@@ -3799,17 +3802,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$T = {
+var labels$W = {
 	summary: "Order summary",
 	total: "total"
 };
 var shop_en = {
 	buttons: buttons$h,
 	messages: messages$Y,
-	labels: labels$T
+	labels: labels$W
 };
 
-var labels$S = {
+var labels$V = {
 	cardNumber: "Card number",
 	securityCode: "Security Code",
 	submit: "Submit",
@@ -3845,12 +3848,12 @@ var errors$f = {
 	"": ""
 };
 var payment_en = {
-	labels: labels$S,
+	labels: labels$V,
 	messages: messages$X,
 	errors: errors$f
 };
 
-var labels$R = {
+var labels$U = {
 	menu: "Pelcro Menu",
 	name: "Name",
 	email: "Email",
@@ -3865,6 +3868,7 @@ var labels$R = {
 		scheduled: "Scheduled",
 		incomplete: "Incomplete"
 	},
+	manageMembers: "Manage Members",
 	shipments: "Shipments remaining",
 	logout: "Logout",
 	dashboard: "Dashboard",
@@ -3894,6 +3898,9 @@ var labels$R = {
 	updateProfile: "Edit profile",
 	changePassword: "Change password",
 	editNewsletters: "Edit newsletters",
+	myQRCode: "My QR code",
+	shipping: "Shipping",
+	billing: "Billing",
 	edit: "Edit",
 	gifts: "Gifts",
 	redeemGift: "Redeem gift",
@@ -3949,7 +3956,7 @@ var messages$W = {
 	}
 };
 var dashboard_en = {
-	labels: labels$R,
+	labels: labels$U,
 	messages: messages$W
 };
 
@@ -3958,7 +3965,7 @@ var messages$V = {
 	loginHere: "Login here",
 	checkbox: "Check this box to gift this subscription"
 };
-var labels$Q = {
+var labels$T = {
 	plan: {
 		title: "Subscribe to a plan",
 		subtitle: "Select one of the plans below and click on next."
@@ -3982,7 +3989,7 @@ var buttons$g = {
 };
 var select_en = {
 	messages: messages$V,
-	labels: labels$Q,
+	labels: labels$T,
 	buttons: buttons$g
 };
 
@@ -3996,7 +4003,7 @@ var notification_en = {
 	confirm: confirm$9
 };
 
-var labels$P = {
+var labels$S = {
 	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"
@@ -4006,12 +4013,12 @@ var messages$U = {
 	success: "Email verified successfully!"
 };
 var verifyEmail_en = {
-	labels: labels$P,
+	labels: labels$S,
 	messages: messages$U
 };
 
 var title$r = "Invoice details";
-var labels$O = {
+var labels$R = {
 	summary: "Summary",
 	total: "Total",
 	amountPaid: "Amount paid",
@@ -4024,11 +4031,11 @@ var buttons$f = {
 };
 var invoiceDetails_en = {
 	title: title$r,
-	labels: labels$O,
+	labels: labels$R,
 	buttons: buttons$f
 };
 
-var labels$N = {
+var labels$Q = {
 	title: "Cancel subscription",
 	cancelReason: "Cancellation reason",
 	subCancellation: {
@@ -4048,18 +4055,108 @@ var messages$T = {
 	}
 };
 var subscriptionCancel_en = {
-	labels: labels$N,
+	labels: labels$Q,
 	messages: messages$T
 };
 
+var labels$P = {
+	title: "Annuler l'abonnement",
+	cancelReason: "Motif d'annulation",
+	subCancellation: {
+		goBack: "Retourner"
+	}
+};
+var messages$S = {
+	subscriptionEnd: "Cet abonnement doit expirer le",
+	cancelNow: "Cancel Subscription Now",
+	cancelLater: "Annuler l'abonnement maintenant",
+	subCancellation: {
+		isSureToCancelNow: "Êtes-vous sûr de vouloir résilier votre abonnement immédiatement?",
+		isSureToCancel: "Êtes-vous sûr de vouloir résilier votre abonnement?",
+		loading: "Annulation de votre abonnement",
+		success: "L'abonnement a été annulé avec succès",
+		error: "Erreur lors de l'annulation de votre abonnement"
+	}
+};
+var subscriptionCancel_fr = {
+	labels: labels$P,
+	messages: messages$S
+};
+
+var labels$O = {
+	title: "구독 취소",
+	cancelReason: "취소 사유",
+	subCancellation: {
+		goBack: "돌아가기"
+	}
+};
+var messages$R = {
+	subscriptionEnd: "이 구독은 다음 날짜에 만료되도록 설정되었습니다.",
+	cancelNow: "지금 구독 취소",
+	cancelLater: "기간 종료 시 취소",
+	subCancellation: {
+		isSureToCancelNow: "구독을 즉시 취소하시겠습니까?",
+		isSureToCancel: "구독을 취소하시겠습니까?",
+		loading: "구독 취소",
+		success: "구독이 성공적으로 취소되었습니다.",
+		error: "구독 취소 중 오류 발생"
+	}
+};
+var subscriptionCancel_ko = {
+	labels: labels$O,
+	messages: messages$R
+};
+
+var labels$N = {
+	inviteMembers: "Invite Members",
+	listOfMembers: "List of members",
+	invite: "Invite",
+	remove: "Remove",
+	emails: "Enter emails",
+	status: "Status",
+	actions: "Actions",
+	email: "Email"
+};
+var subscriptionManageMembers_en = {
+	labels: labels$N
+};
+
 var labels$M = {
+	inviteMembers: "Inviter des membres",
+	listOfMembers: "Liste des membres",
+	invite: "Inviter",
+	remove: "Retirer",
+	emails: "Saisir les e-mails",
+	status: "Statut",
+	actions: "Actions",
+	email: "E-mail"
+};
+var subscriptionManageMembers_fr = {
+	labels: labels$M
+};
+
+var labels$L = {
+	inviteMembers: "회원 초대",
+	listOfMembers: "구성원 목록",
+	invite: "초대",
+	remove: "제거하다",
+	emails: "이메일 입력",
+	status: "상태",
+	actions: "행위",
+	email: "이메일"
+};
+var subscriptionManageMembers_ko = {
+	labels: labels$L
+};
+
+var labels$K = {
 	title: "Suspend subscription",
 	suspensionDate: "Suspension date",
 	subCancellation: {
 		goBack: "Go back"
 	}
 };
-var messages$S = {
+var messages$Q = {
 	suspensionEnd: "The suspension is set to expire on",
 	suspendNow: "Suspend Subscription Now",
 	suspendLater: "Suspend at Period End",
@@ -4072,14 +4169,15 @@ var messages$S = {
 	}
 };
 var subscriptionSuspend_en = {
-	labels: labels$M,
-	messages: messages$S
+	labels: labels$K,
+	messages: messages$Q
 };
 
 var validation$2 = {
 	validEmail: "le courriel n’est pas valide",
 	validUsername: "Le nom d'utilisateur n'est pas valide.",
 	enterEmail: "Un courriel est requis.",
+	enterEmails: "Les adresses e-mail sont obligatoires.",
 	enterUsername: "Nom d'utilisateur est nécessaire.",
 	enterPassword: "Mot de passe requis.",
 	confirmPassword: "Confirmer le mot de passe requis.",
@@ -4196,7 +4294,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$L = {
+var labels$J = {
 	submit: "Lire l’article !",
 	firstName: "Prénom",
 	lastName: "Nom de famille",
@@ -4204,7 +4302,7 @@ var labels$L = {
 	postalCode: "Code postal",
 	required: "Champs obligatoires"
 };
-var messages$R = {
+var messages$P = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	success: "Votre choix d'infolettres à été mis à jour",
 	loginHere: "Connectez-vous ici",
@@ -4215,14 +4313,14 @@ var newsletter_fr = {
 	title: title$q,
 	updateTitle: updateTitle$2,
 	subtitle: subtitle$b,
-	labels: labels$L,
-	messages: messages$R
+	labels: labels$J,
+	messages: messages$P
 };
 
-var labels$K = {
+var labels$I = {
 	"continue": "Abonnement réussi !"
 };
-var messages$Q = {
+var messages$O = {
 	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: {
@@ -4248,12 +4346,12 @@ var errors$e = {
 	"": ""
 };
 var success_fr = {
-	labels: labels$K,
-	messages: messages$Q,
+	labels: labels$I,
+	messages: messages$O,
 	errors: errors$e
 };
 
-var messages$P = {
+var messages$N = {
 	freeVisits: "Visites gratuites restantes:",
 	subscribeNow: "Abonnez-vous maintenant !",
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
@@ -4263,16 +4361,16 @@ var errors$d = {
 	"": ""
 };
 var meter_fr = {
-	messages: messages$P,
+	messages: messages$N,
 	errors: errors$d
 };
 
-var messages$O = {
+var messages$M = {
 	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$J = {
+var labels$H = {
 	card: "Entrez le numéro de carte",
 	date: "Date d’expiration",
 	CVC: "CVC",
@@ -4294,8 +4392,8 @@ var labels$J = {
 	phone: "Téléphoner"
 };
 var checkoutForm_fr = {
-	messages: messages$O,
-	labels: labels$J
+	messages: messages$M,
+	labels: labels$H
 };
 
 var youAreSafe$2 = "Vous êtes en sécurité - PCI conforme 128 SSL par";
@@ -4304,7 +4402,8 @@ var giftSent$2 = "Le cadeau d’abonnement a été envoyé à";
 var successfully$2 = "avec succès.";
 var entitlement$2 = "Une partie du contenu de cette page est disponible sous un ou plusieurs de nos plans. <1>Abonnez-vous</1> à l'un de nos plans disponibles pour accéder à plus de contenu";
 var recaptcha$2 = "Ce site est protégé par reCAPTCHA - les <1>règles de confidentialité</1> Google ainsi que les <3>conditions d'utilisation</3> s'appliquent.";
-var invalidInvoice$2 = "Invalid invoice ID, please contact support";
+var invalidInvoice$2 = "Identifiant de facture non valide, veuillez contacter l'assistance";
+var invalidSubscription$1 = "ID d'abonnement invalide, veuillez contacter l'assistance";
 var zeroTotalInvoice$2 = "You can't view an invoice of 0$";
 var messages_fr = {
 	youAreSafe: youAreSafe$2,
@@ -4314,10 +4413,11 @@ var messages_fr = {
 	entitlement: entitlement$2,
 	recaptcha: recaptcha$2,
 	invalidInvoice: invalidInvoice$2,
+	invalidSubscription: invalidSubscription$1,
 	zeroTotalInvoice: zeroTotalInvoice$2
 };
 
-var labels$I = {
+var labels$G = {
 	email: "Entrez votre adresse courriel",
 	username: "Saisissez votre nom d'utilisateur",
 	password: "Entrez votre mot de passe",
@@ -4326,7 +4426,7 @@ var labels$I = {
 	passwordPlaceholder: "Mot de passe",
 	login: "Connexion"
 };
-var messages$N = {
+var messages$L = {
 	loginTo: "Connectez-vous à votre compte",
 	welcome: "Bienvenue, connectez-vous avec votre compte existant.",
 	dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -4345,28 +4445,28 @@ var errors$c = {
 	"": ""
 };
 var login_fr = {
-	labels: labels$I,
-	messages: messages$N,
+	labels: labels$G,
+	messages: messages$L,
 	errors: errors$c
 };
 
-var labels$H = {
+var labels$F = {
 	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$M = {
+var messages$K = {
 	resent: "Renvoyé avec succès",
 	success: "Vous vous êtes connecté avec succès"
 };
 var verifyLinkToken_fr = {
-	labels: labels$H,
-	messages: messages$M
+	labels: labels$F,
+	messages: messages$K
 };
 
 var title$p = "Créer un compte";
 var subtitle$a = "Entrez votre courriel et votre mot de passe ci-dessous";
-var labels$G = {
+var labels$E = {
 	signUpFacebook: "Inscrivez-vous avec Facebook",
 	signUpGoogle: "Inscrivez-vous avec Google",
 	signUpEmail: "Inscrivez-vous avec votre courriel",
@@ -4379,7 +4479,7 @@ var labels$G = {
 	lastName: "Nom de famille",
 	phone: "Téléphoner"
 };
-var messages$L = {
+var messages$J = {
 	alreadyHaveAccount: "Vous avez déjà un compte?",
 	createAccount: "Créer un compte",
 	loginHere: "Connectez-vous ici",
@@ -4454,14 +4554,14 @@ var redeem$2 = {
 var register_fr = {
 	title: title$p,
 	subtitle: subtitle$a,
-	labels: labels$G,
-	messages: messages$L,
+	labels: labels$E,
+	messages: messages$J,
 	errors: errors$b,
 	gift: gift$2,
 	redeem: redeem$2
 };
 
-var labels$F = {
+var labels$D = {
 	title: "Voulez-vous mettre à jour votre profil ?",
 	subtitle: "Entrez vos informations ci-dessous pour mettre à jour votre profil",
 	email: "Address courriel",
@@ -4478,20 +4578,20 @@ var labels$F = {
 	zoom: "Zoom",
 	tin: "Numéro d'identification fiscale"
 };
-var messages$K = {
+var messages$I = {
 	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$F,
-	messages: messages$K
+	labels: labels$D,
+	messages: messages$I
 };
 
 var title$o = "Entrez votre adresse de livraison";
 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$E = {
+var labels$C = {
 	address: "Adresse",
 	code: "Code postal / Zip",
 	city: "Ville",
@@ -4507,7 +4607,7 @@ var buttons$d = {
 	selectAddress: "Choisir cette adresse",
 	addAddress: "Ajouter une nouvelle adresse"
 };
-var messages$J = {
+var messages$H = {
 	addressUpdated: "Votre adresse a été mise à jour avec succès",
 	subRedeemed: "Votre abonnement a bien été activé."
 };
@@ -4515,9 +4615,9 @@ var address_fr = {
 	title: title$o,
 	selectAddressTitle: selectAddressTitle$2,
 	selectAddressSubtitle: selectAddressSubtitle$2,
-	labels: labels$E,
+	labels: labels$C,
 	buttons: buttons$d,
-	messages: messages$J
+	messages: messages$H
 };
 
 var title$n = "Réinitialiser votre mot de passe";
@@ -4545,7 +4645,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$I = {
+var messages$G = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	loginHere: "Connectez-vous ici"
 };
@@ -4556,7 +4656,7 @@ var passwordForgot_fr = {
 	submit: submit$a,
 	required: required$a,
 	passwordResetEmailSent: passwordResetEmailSent$2,
-	messages: messages$I
+	messages: messages$G
 };
 
 var title$l = "Changez votre mot de passe";
@@ -4584,7 +4684,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$H = {
+var messages$F = {
 	PasswordlessLoginSuccess: "Vous avez été authentifié avec succès avec la connexion sans mot de passe"
 };
 var passwordlessRequest_fr = {
@@ -4592,7 +4692,7 @@ var passwordlessRequest_fr = {
 	email: email$6,
 	submit: submit$8,
 	required: required$8,
-	messages: messages$H
+	messages: messages$F
 };
 
 var title$j = "Votre panier";
@@ -4626,7 +4726,7 @@ var buttons$c = {
 	purchase: "Acheter",
 	"continue": "Continuer au contenu"
 };
-var messages$G = {
+var messages$E = {
 	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."
@@ -4635,17 +4735,17 @@ var messages$G = {
 	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$D = {
+var labels$B = {
 	summary: "récapitulatif de commande",
 	total: "total"
 };
 var shop_fr = {
 	buttons: buttons$c,
-	messages: messages$G,
-	labels: labels$D
+	messages: messages$E,
+	labels: labels$B
 };
 
-var labels$C = {
+var labels$A = {
 	cardNumber: "Numéro de carte",
 	securityCode: "Code de sécurité",
 	submit: "Soumettre",
@@ -4667,7 +4767,7 @@ var labels$C = {
 		title: "Informations de paiement"
 	}
 };
-var messages$F = {
+var messages$D = {
 	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é à",
@@ -4681,12 +4781,12 @@ var errors$a = {
 	"": ""
 };
 var payment_fr = {
-	labels: labels$C,
-	messages: messages$F,
+	labels: labels$A,
+	messages: messages$D,
 	errors: errors$a
 };
 
-var labels$B = {
+var labels$z = {
 	menu: "Menu Pelcro",
 	name: "Nom",
 	email: "Courriel",
@@ -4701,6 +4801,7 @@ var labels$B = {
 		scheduled: "Programmé",
 		incomplete: "Incomplet"
 	},
+	manageMembers: "Gérer les membres",
 	shipments: "Expéditions restantes",
 	logout: "Déconnexion",
 	dashboard: "Tableau de bord",
@@ -4730,6 +4831,9 @@ var labels$B = {
 	updateProfile: "Mettre à jour le profil",
 	changePassword: "Changer le mot de passe",
 	editNewsletters: "Modifier les newsletters",
+	myQRCode: "Mon code QR",
+	shipping: "Expédition",
+	billing: "Facturation",
 	edit: "Modifier",
 	gifts: "Cadeaux",
 	redeemGift: "Échanger un cadeau",
@@ -4769,7 +4873,7 @@ var labels$B = {
 		goBack: "Retourner"
 	}
 };
-var messages$E = {
+var messages$C = {
 	noCard: "Vous n’avez pas une carte",
 	subCancellation: {
 		isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -4785,16 +4889,16 @@ var messages$E = {
 	}
 };
 var dashboard_fr = {
-	labels: labels$B,
-	messages: messages$E
+	labels: labels$z,
+	messages: messages$C
 };
 
-var messages$D = {
+var messages$B = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	loginHere: "Connectez-vous ici",
 	checkbox: "Cochez cette case pour offrir cet abonnement"
 };
-var labels$A = {
+var labels$y = {
 	plan: {
 		title: "Abonnez-vous à un plan",
 		subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -4817,8 +4921,8 @@ var buttons$b = {
 	back: "Retour"
 };
 var select_fr = {
-	messages: messages$D,
-	labels: labels$A,
+	messages: messages$B,
+	labels: labels$y,
 	buttons: buttons$b
 };
 
@@ -4832,22 +4936,22 @@ var notification_fr = {
 	confirm: confirm$6
 };
 
-var labels$z = {
+var labels$x = {
 	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$C = {
+var messages$A = {
 	resent: "Renvoyé avec succès",
 	success: "Adresse courriel vérifiée avec succès"
 };
 var verifyEmail_fr = {
-	labels: labels$z,
-	messages: messages$C
+	labels: labels$x,
+	messages: messages$A
 };
 
 var title$i = "Détails de la facture";
-var labels$y = {
+var labels$w = {
 	summary: "Résumé",
 	total: "Total",
 	amountPaid: "Montant payé",
@@ -4860,42 +4964,18 @@ var buttons$a = {
 };
 var invoiceDetails_fr = {
 	title: title$i,
-	labels: labels$y,
+	labels: labels$w,
 	buttons: buttons$a
 };
 
-var labels$x = {
-	title: "Annuler l'abonnement",
-	cancelReason: "Motif d'annulation",
-	subCancellation: {
-		goBack: "Retourner"
-	}
-};
-var messages$B = {
-	subscriptionEnd: "Cet abonnement doit expirer le",
-	cancelNow: "Cancel Subscription Now",
-	cancelLater: "Annuler l'abonnement maintenant",
-	subCancellation: {
-		isSureToCancelNow: "Êtes-vous sûr de vouloir résilier votre abonnement immédiatement?",
-		isSureToCancel: "Êtes-vous sûr de vouloir résilier votre abonnement?",
-		loading: "Annulation de votre abonnement",
-		success: "L'abonnement a été annulé avec succès",
-		error: "Erreur lors de l'annulation de votre abonnement"
-	}
-};
-var subscriptionCancel_fr = {
-	labels: labels$x,
-	messages: messages$B
-};
-
-var labels$w = {
+var labels$v = {
 	title: "Suspendre l'abonnement",
 	suspensionDate: "Date de suspension",
 	subCancellation: {
 		goBack: "Revenir en arrière"
 	}
 };
-var messages$A = {
+var messages$z = {
 	suspensionEnd: "La suspension doit expirer le",
 	suspendNow: "Suspendre l'abonnement maintenant",
 	suspendLater: "Suspendre à la fin de la période",
@@ -4908,14 +4988,15 @@ var messages$A = {
 	}
 };
 var subscriptionSuspend_fr = {
-	labels: labels$w,
-	messages: messages$A
+	labels: labels$v,
+	messages: messages$z
 };
 
 var validation$1 = {
 	validEmail: "이메일 주소가 유효하지 않습니다.",
 	validUsername: "사용자 이름이 유효하지 않습니다.",
 	enterEmail: "이메일 주소는 필수 항목입니다.",
+	enterEmails: "이메일 주소가 필요합니다.",
 	enterUsername: "사용자 이름이 필요합니다.",
 	enterPassword: "비밀번호는 필수 항목입니다.",
 	enterFirstName: "이름은 필수 항목입니다.",
@@ -5031,7 +5112,7 @@ var paymentMethod_ko = {
 var title$h = "Frieze 뉴스레터를 구독하려면 이메일을 입력하세요.";
 var updateTitle$1 = "뉴스레터 선택 업데이트";
 var subtitle$7 = "귀하의 이메일은 다른 마케팅 용도로도 사용됩니다.";
-var labels$v = {
+var labels$u = {
 	submit: "제출",
 	firstName: "이름",
 	lastName: "성",
@@ -5039,7 +5120,7 @@ var labels$v = {
 	postalCode: "우편번호",
 	required: "필수 항목"
 };
-var messages$z = {
+var messages$y = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	success: "뉴스레터가 성공적으로 업데이트되었습니다.",
 	loginHere: "여기에서 로그인하세요.",
@@ -5050,14 +5131,14 @@ var newsletter_ko = {
 	title: title$h,
 	updateTitle: updateTitle$1,
 	subtitle: subtitle$7,
-	labels: labels$v,
-	messages: messages$z
+	labels: labels$u,
+	messages: messages$y
 };
 
-var labels$u = {
+var labels$t = {
 	"continue": "콘텐츠로 돌아가기"
 };
-var messages$y = {
+var messages$x = {
 	yourFreeTrial: "유료 멤버십에 가입하셨습니다!",
 	youHaveAccess: "멤버십 혜택을 즐기시기를 바라며, 질문이나 문의 사항이 있으면 저희에게 연락주십시오.",
 	clickToLearn: {
@@ -5083,12 +5164,12 @@ var errors$9 = {
 	"": ""
 };
 var success_ko = {
-	labels: labels$u,
-	messages: messages$y,
+	labels: labels$t,
+	messages: messages$x,
 	errors: errors$9
 };
 
-var messages$x = {
+var messages$w = {
 	freeVisits: "남은 무료 방문 기간:",
 	subscribeNow: "멤버십 가입",
 	alreadyHaveAccount: "이미 계정이 있습니까?",
@@ -5098,16 +5179,16 @@ var errors$8 = {
 	"": ""
 };
 var meter_ko = {
-	messages: messages$x,
+	messages: messages$w,
 	errors: errors$8
 };
 
-var messages$w = {
+var messages$v = {
 	youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
 	bankRedirection: "잠시만 기다려 주십시오. 결제 은행으로 연결 중입니다.",
 	bankAuthenticationSuccess: "요청을 처리하는 동안 기다려 주십시오."
 };
-var labels$t = {
+var labels$s = {
 	card: "카드 번호 입력",
 	date: "만료일",
 	CVC: "CVC",
@@ -5129,8 +5210,8 @@ var labels$t = {
 	phone: "핸드폰"
 };
 var checkoutForm_ko = {
-	messages: messages$w,
-	labels: labels$t
+	messages: messages$v,
+	labels: labels$s
 };
 
 var youAreSafe$1 = "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ";
@@ -5140,6 +5221,7 @@ var successfully$1 = "님께 성공적으로 전송되었습니다.";
 var entitlement$1 = "이 페이지의 일부 콘텐츠는 하나 이상의 요금제 가입 시 이용이 가능합니다. 전체 페이지에 액세스하려면 지금 <1>멤버십에 가입</1>하세요.";
 var recaptcha$1 = "이 사이트는 reCAPTCHA로 보호되며, Google <1>개인정보 보호정책</1> 및 <3>서비스 약관</3>이 적용됩니다.";
 var invalidInvoice$1 = "유효하지 않은 인보이스 ID입니다. 지원팀에 문의하십시오.";
+var invalidSubscription = "잘못된 구독 ID입니다. 지원팀에 문의하세요.";
 var zeroTotalInvoice$1 = "0$인 인보이스는 열람할 수 없습니다.";
 var messages_ko = {
 	youAreSafe: youAreSafe$1,
@@ -5149,10 +5231,11 @@ var messages_ko = {
 	entitlement: entitlement$1,
 	recaptcha: recaptcha$1,
 	invalidInvoice: invalidInvoice$1,
+	invalidSubscription: invalidSubscription,
 	zeroTotalInvoice: zeroTotalInvoice$1
 };
 
-var labels$s = {
+var labels$r = {
 	email: "이메일 입력",
 	username: "사용자 이름 입력",
 	password: "비밀번호 입력",
@@ -5161,7 +5244,7 @@ var labels$s = {
 	passwordPlaceholder: "비밀번호",
 	login: "로그인"
 };
-var messages$v = {
+var messages$u = {
 	loginTo: "귀하의 계정에 로그인",
 	welcome: "반갑습니다. 귀하의 기존 계정으로 로그인하세요.",
 	dontHaveAccount: "아직 계정이 없으신가요?",
@@ -5180,28 +5263,28 @@ var errors$7 = {
 	"": ""
 };
 var login_ko = {
-	labels: labels$s,
-	messages: messages$v,
+	labels: labels$r,
+	messages: messages$u,
 	errors: errors$7
 };
 
-var labels$r = {
+var labels$q = {
 	title: "비밀번호 없는 링크 확인",
 	instructions: "가는 중입니다!\n이메일 주소를 확인하겠습니다.\n이메일로 전송된 확인 링크를 클릭하세요.",
 	resend: "이메일 재전송"
 };
-var messages$u = {
+var messages$t = {
 	resent: "성공적으로 재전송",
 	success: "성공적으로 로그인했습니다"
 };
 var verifyLinkToken_ko = {
-	labels: labels$r,
-	messages: messages$u
+	labels: labels$q,
+	messages: messages$t
 };
 
 var title$g = "계정 만들기";
 var subtitle$6 = "아래에 이메일과 비밀번호를 입력하세요.";
-var labels$q = {
+var labels$p = {
 	signUpFacebook: "Facebook으로 가입하기",
 	signUpGoogle: "Google로 가입하기",
 	signUpEmail: "이메일로 가입하기",
@@ -5214,7 +5297,7 @@ var labels$q = {
 	lastName: "성",
 	phone: "핸드폰"
 };
-var messages$t = {
+var messages$s = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	createAccount: "계정 만들기",
 	loginHere: "여기에서 로그인하세요.",
@@ -5288,14 +5371,14 @@ var redeem$1 = {
 var register_ko = {
 	title: title$g,
 	subtitle: subtitle$6,
-	labels: labels$q,
-	messages: messages$t,
+	labels: labels$p,
+	messages: messages$s,
 	errors: errors$6,
 	gift: gift$1,
 	redeem: redeem$1
 };
 
-var labels$p = {
+var labels$o = {
 	title: "프로파일을 업데이트하시겠습니까?",
 	subtitle: "프로필을 업데이트하려면 아래 정보를 입력하세요.",
 	email: "이메일",
@@ -5312,20 +5395,20 @@ var labels$p = {
 	zoom: "확대",
 	tin: "세금 식별 번호"
 };
-var messages$s = {
+var messages$r = {
 	userUpdated: "감사합니다! 프로필이 성공적으로 업데이트되었습니다.",
 	pictureRemoved: "귀하의 프로필 사진이 제거되었습니다.",
 	pictureUpdated: "귀하의 프로필 사진이 업데이트되었습니다."
 };
 var userEdit_ko = {
-	labels: labels$p,
-	messages: messages$s
+	labels: labels$o,
+	messages: messages$r
 };
 
 var title$f = "배송 주소를 입력하십시오.";
 var selectAddressTitle$1 = "주소를 선택하십시오.";
 var selectAddressSubtitle$1 = "저장된 주소에서 선택하거나 새 주소를 추가하십시오.";
-var labels$o = {
+var labels$n = {
 	address: "주소",
 	code: "우편번호",
 	city: "도시",
@@ -5341,7 +5424,7 @@ var buttons$8 = {
 	selectAddress: "주소 선택",
 	addAddress: "새 주소 추가"
 };
-var messages$r = {
+var messages$q = {
 	addressUpdated: "주소가 성공적으로 업데이트되었습니다!",
 	subRedeemed: "귀하의 유료 멤버십이 사용되었습니다."
 };
@@ -5349,9 +5432,9 @@ var address_ko = {
 	title: title$f,
 	selectAddressTitle: selectAddressTitle$1,
 	selectAddressSubtitle: selectAddressSubtitle$1,
-	labels: labels$o,
+	labels: labels$n,
 	buttons: buttons$8,
-	messages: messages$r
+	messages: messages$q
 };
 
 var title$e = "비밀번호 재설정";
@@ -5379,7 +5462,7 @@ var password$2 = "비밀번호";
 var submit$6 = "제출";
 var required$6 = "필수 항목";
 var passwordResetEmailSent$1 = "비밀번호 재설정 안내가 귀하의 이메일로 발송되었습니다.";
-var messages$q = {
+var messages$p = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	loginHere: "여기에서 로그인하세요."
 };
@@ -5390,7 +5473,7 @@ var passwordForgot_ko = {
 	submit: submit$6,
 	required: required$6,
 	passwordResetEmailSent: passwordResetEmailSent$1,
-	messages: messages$q
+	messages: messages$p
 };
 
 var title$c = "비밀번호를 변경합니다.";
@@ -5418,7 +5501,7 @@ var title$b = "비밀번호 없는 로그인";
 var email$3 = "이메일 입력";
 var submit$4 = "제출";
 var required$4 = "필수 항목";
-var messages$p = {
+var messages$o = {
 	PasswordlessLoginSuccess: "비밀번호 없는 로그인으로 성공적으로 인증되었습니다."
 };
 var passwordlessRequest_ko = {
@@ -5426,7 +5509,7 @@ var passwordlessRequest_ko = {
 	email: email$3,
 	submit: submit$4,
 	required: required$4,
-	messages: messages$p
+	messages: messages$o
 };
 
 var title$a = "귀하의 장바구니";
@@ -5460,7 +5543,7 @@ var buttons$7 = {
 	purchase: "구매",
 	"continue": "계속"
 };
-var messages$o = {
+var messages$n = {
 	orderConfirmed: {
 		title: "주문이 확인되었습니다!",
 		body: "귀하의 주문이 확인되었으며 며칠 안에 배송될 예정입니다. 이 주문의 확인 이메일이 귀하에게 전송됩니다."
@@ -5469,17 +5552,17 @@ var messages$o = {
 	multipleCurrencies: "장바구니에 다른 통화로만 결제가 가능한 아이템이 있습니다. 결제를 계속 진행하려면 모든 아이템의 결제 통화가 동일한지 확인하십시오.",
 	currencyMismatch: "선택하신 아이템(들)이 귀하가 설정한 기본 통화({{currency}})와 일치하지 않습니다. 기본 통화와 일치하는 아이템(들)만 선택하십시오."
 };
-var labels$n = {
+var labels$m = {
 	summary: "주문 요약",
 	total: "총계"
 };
 var shop_ko = {
 	buttons: buttons$7,
-	messages: messages$o,
-	labels: labels$n
+	messages: messages$n,
+	labels: labels$m
 };
 
-var labels$m = {
+var labels$l = {
 	cardNumber: "카드 번호",
 	securityCode: "보안 코드",
 	submit: "제출",
@@ -5501,7 +5584,7 @@ var labels$m = {
 		title: "결제 정보"
 	}
 };
-var messages$n = {
+var messages$m = {
 	youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
 	cancel: "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.",
 	giftSent: "유료 멤버십 선물이 ",
@@ -5515,12 +5598,12 @@ var errors$5 = {
 	"": ""
 };
 var payment_ko = {
-	labels: labels$m,
-	messages: messages$n,
+	labels: labels$l,
+	messages: messages$m,
 	errors: errors$5
 };
 
-var labels$l = {
+var labels$k = {
 	menu: "Pelcro 메뉴",
 	name: "이름",
 	email: "이메일",
@@ -5535,6 +5618,7 @@ var labels$l = {
 		scheduled: "예약",
 		incomplete: "불완전한"
 	},
+	manageMembers: "회원 관리",
 	shipments: "남은 배송 일정",
 	logout: "로그아웃",
 	dashboard: "대시보드",
@@ -5564,6 +5648,9 @@ var labels$l = {
 	updateProfile: "프로필 편집",
 	changePassword: "비밀번호 변경",
 	editNewsletters: "뉴스레터 편집",
+	myQRCode: "내 QR 코드",
+	shipping: "배송",
+	billing: "청구",
 	edit: "편집",
 	gifts: "선물",
 	redeemGift: "선물 사용",
@@ -5663,7 +5750,7 @@ var savedItems = {
 var subCancellation = {
 	goBack: "뒤로 가기"
 };
-var messages$m = {
+var messages$l = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
 		isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
@@ -5679,7 +5766,7 @@ var messages$m = {
 	}
 };
 var dashboard_ko = {
-	labels: labels$l,
+	labels: labels$k,
 	shipments: shipments,
 	logout: logout,
 	dashboard: dashboard$1,
@@ -5728,15 +5815,15 @@ var dashboard_ko = {
 	orders: orders,
 	savedItems: savedItems,
 	subCancellation: subCancellation,
-	messages: messages$m
+	messages: messages$l
 };
 
-var messages$l = {
+var messages$k = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	loginHere: "여기에서 로그인하세요.",
 	checkbox: "이 유료 멤버십을 선물하려면 체크하세요."
 };
-var labels$k = {
+var labels$j = {
 	plan: {
 		title: "요금제 가입하기",
 		subtitle: "아래 요금제 중 하나를 선택하고 다음을 클릭하세요."
@@ -5759,8 +5846,8 @@ var buttons$6 = {
 	back: "뒤로"
 };
 var select_ko = {
-	messages: messages$l,
-	labels: labels$k,
+	messages: messages$k,
+	labels: labels$j,
 	buttons: buttons$6
 };
 
@@ -5774,22 +5861,22 @@ var notification_ko = {
 	confirm: confirm$3
 };
 
-var labels$j = {
+var labels$i = {
 	title: "이메일 주소를 인증하세요.",
 	instructions: "거의 완료되었습니다!\n이메일 주소만 인증하면 됩니다.\n다음 이메일 주소로 전송된 인증 링크를 클릭해 주십시오:",
 	resend: "이메일 재전송"
 };
-var messages$k = {
+var messages$j = {
 	resent: "재전송 완료",
 	success: "이메일 주소가 인증되었습니다!"
 };
 var verifyEmail_ko = {
-	labels: labels$j,
-	messages: messages$k
+	labels: labels$i,
+	messages: messages$j
 };
 
 var title$9 = "인보이스 세부 정보";
-var labels$i = {
+var labels$h = {
 	summary: "요약",
 	total: "총계",
 	amountPaid: "지불된 금액",
@@ -5802,32 +5889,8 @@ var buttons$5 = {
 };
 var invoiceDetails_ko = {
 	title: title$9,
-	labels: labels$i,
-	buttons: buttons$5
-};
-
-var labels$h = {
-	title: "구독 취소",
-	cancelReason: "취소 사유",
-	subCancellation: {
-		goBack: "돌아가기"
-	}
-};
-var messages$j = {
-	subscriptionEnd: "이 구독은 다음 날짜에 만료되도록 설정되었습니다.",
-	cancelNow: "지금 구독 취소",
-	cancelLater: "기간 종료 시 취소",
-	subCancellation: {
-		isSureToCancelNow: "구독을 즉시 취소하시겠습니까?",
-		isSureToCancel: "구독을 취소하시겠습니까?",
-		loading: "구독 취소",
-		success: "구독이 성공적으로 취소되었습니다.",
-		error: "구독 취소 중 오류 발생"
-	}
-};
-var subscriptionCancel_ko = {
 	labels: labels$h,
-	messages: messages$j
+	buttons: buttons$5
 };
 
 var labels$g = {
@@ -6503,6 +6566,9 @@ var labels$5 = {
 	updateProfile: "Editar perfil",
 	changePassword: "Cambiar contraseña",
 	editNewsletters: "Editar boletines",
+	myQRCode: "Mi código QR",
+	shipping: "Transporte",
+	billing: "Facturación",
 	edit: "Editar",
 	gifts: "Regalos",
 	redeemGift: "Redimir regalo",
@@ -8081,7 +8147,7 @@ class PelcroActions {
         view,
         cartItems,
         ...otherStateFields
-      } = initialState$m;
+      } = initialState$n;
       this.set(otherStateFields);
     });
 
@@ -8233,6 +8299,26 @@ class PelcroActions {
       });
     });
 
+    _defineProperty$3(this, "setSubscriptionToManageMembers", id => {
+      var _window$Pelcro$subscr3, _subscriptionToManage;
+
+      const subscriptions = (_window$Pelcro$subscr3 = window.Pelcro.subscription.list()) !== null && _window$Pelcro$subscr3 !== void 0 ? _window$Pelcro$subscr3 : [];
+      const subscriptionToManageMembers = subscriptions.filter(sub => String(sub.id) === String(id))[0];
+
+      if (!subscriptionToManageMembers) {
+        return console.error("invalid subscription id");
+      }
+
+      if ((subscriptionToManageMembers === null || subscriptionToManageMembers === void 0 ? void 0 : (_subscriptionToManage = subscriptionToManageMembers.plan) === null || _subscriptionToManage === void 0 ? void 0 : _subscriptionToManage.type) !== 'membership') {
+        return console.error("subscription is not from type membership");
+      }
+
+      this.set({
+        subscriptionToManageMembers
+      });
+      return true;
+    });
+
     _defineProperty$3(this, "setInvoice", id => {
       var _window$Pelcro$invoic;
 
@@ -8467,7 +8553,7 @@ class PelcroCallbacks {
 
 }
 
-const initialState$m = {
+const initialState$n = {
   // View
   view: null,
   // Plans
@@ -8478,6 +8564,7 @@ const initialState$m = {
   giftRecipient: null,
   giftCode: "",
   subscriptionIdToRenew: null,
+  subscriptionToManageMembers: null,
   // E-commerce
   cartItems: [],
   order: null,
@@ -8501,7 +8588,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
   return {
     // Store setter
     set,
-    ...initialState$m,
+    ...initialState$n,
     // State actions
     ...actions,
     // Callbacks
@@ -8665,7 +8752,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
  */
 
 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"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
+  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()) {
     return true;
   }
 
@@ -8896,7 +8983,8 @@ const resources = {
     notification: notification_en,
     invoiceDetails: invoiceDetails_en,
     subscriptionCancel: subscriptionCancel_en,
-    subscriptionSuspend: subscriptionSuspend_en
+    subscriptionSuspend: subscriptionSuspend_en,
+    subscriptionManageMembers: subscriptionManageMembers_en
   },
   fr: {
     common: common_fr,
@@ -8924,7 +9012,8 @@ const resources = {
     notification: notification_fr,
     invoiceDetails: invoiceDetails_fr,
     subscriptionCancel: subscriptionCancel_fr,
-    subscriptionSuspend: subscriptionSuspend_fr
+    subscriptionSuspend: subscriptionSuspend_fr,
+    subscriptionManageMembers: subscriptionManageMembers_fr
   },
   ko: {
     common: common_ko,
@@ -8952,7 +9041,8 @@ const resources = {
     notification: notification_ko,
     invoiceDetails: invoiceDetails_ko,
     subscriptionCancel: subscriptionCancel_ko,
-    subscriptionSuspend: subscriptionSuspend_ko
+    subscriptionSuspend: subscriptionSuspend_ko,
+    subscriptionManageMembers: subscriptionManageMembers_ko
   },
   es: {
     common: common_es,
@@ -10273,7 +10363,8 @@ const init$1 = () => {
     switchToPaymentView,
     whenEcommerceLoaded,
     addToCart,
-    purchaseItem
+    purchaseItem,
+    setSubscriptionToManageMembers
   } = usePelcro.getStore();
   const pelcroLoginButtonsByClass = document.getElementsByClassName("pelcro-login-button");
 
@@ -10303,6 +10394,33 @@ const init$1 = () => {
     }
   }
 
+  const pelcroManageMembersButtonsByClass = document.getElementsByClassName("pelcro-manage-members-button");
+
+  if (pelcroManageMembersButtonsByClass.length !== 0) {
+    for (let j = 0; j < pelcroManageMembersButtonsByClass.length; j++) {
+      if (pelcroManageMembersButtonsByClass[j].dataset && "subscriptionId" in pelcroManageMembersButtonsByClass[j].dataset) {
+        pelcroManageMembersButtonsByClass[j].addEventListener("click", e => {
+          const subscriptionId = e.target.dataset.subscriptionId;
+          const wasSetSuccessfully = setSubscriptionToManageMembers(subscriptionId);
+
+          if (!wasSetSuccessfully) {
+            const errorMessage = i18next.t("messages:invalidSubscription", {
+              returnObjects: true
+            });
+            return notify.error(errorMessage);
+          }
+
+          switchView("manage-members");
+        });
+      } else {
+        const errorMessage = i18next.t("messages:invalidSubscription", {
+          returnObjects: true
+        });
+        return notify.error(errorMessage);
+      }
+    }
+  }
+
   const pelcroUpdateNewslettersButtons = document.getElementsByClassName("pelcro-update-newsletters-button");
 
   if (pelcroUpdateNewslettersButtons.length !== 0) {
@@ -11177,6 +11295,10 @@ const initViewFromURL = () => {
         return showInvoiceDetailsFromUrl();
       }
 
+      if (view === "manage-members") {
+        return showSubscriptionManageMembersFromUrl();
+      }
+
       switchView(view);
     });
   }
@@ -11448,6 +11570,35 @@ const showInvoiceDetailsFromUrl = () => {
   });
 };
 
+const showSubscriptionManageMembersFromUrl = () => {
+  const {
+    isAuthenticated,
+    setSubscriptionToManageMembers,
+    whenUserReady,
+    whenSiteReady,
+    switchView
+  } = usePelcro.getStore();
+  whenSiteReady(() => {
+    if (!isAuthenticated()) {
+      return switchView("login");
+    }
+
+    whenUserReady(() => {
+      const subscriptionId = window.Pelcro.helpers.getURLParameter("subscription_id");
+      const wasSetSuccessfully = setSubscriptionToManageMembers(subscriptionId);
+
+      if (!wasSetSuccessfully) {
+        const errorMessage = i18next.t("messages:invalidSubscription", {
+          returnObjects: true
+        });
+        return notify.error(errorMessage);
+      }
+
+      return switchView("manage-members");
+    });
+  });
+};
+
 const defaultOptions = {
   loadPaymentSDKs: true,
   loadAuth0SDK: true,
@@ -11796,8 +11947,16 @@ const LINK_TOKEN_VERIFY = "LINK_TOKEN_VERIFY";
 const SET_CANCEL_SUBSCRIPTION_REASON = "SET_CANCEL_SUBSCRIPTION_REASON";
 const HANDLE_CHECKBOX_CHANGE = "HANDLE_CHECKBOX_CHANGE";
 const SET_SUBSCRIPTION_SUSPEND_DATE = "SET_SUBSCRIPTION_SUSPEND_DATE";
+const SET_EMAILS = "SET_EMAILS";
+const SET_EMAILS_ERROR = "SET_EMAILS_ERROR";
+const HANDLE_LIST_MEMBERS = "HANDLE_LIST_MEMBERS";
+const HANDLE_INVITE_MEMBERS = "HANDLE_INVITE_MEMBERS";
+const HANDLE_REMOVE_MEMBER = "HANDLE_REMOVE_MEMBER";
+const UPDATE_INVITE_BUTTON = "UPDATE_INVITE_BUTTON";
+const UPDATE_MEMBERS = "UPDATE_MEMBERS";
+const UPDATE_REMOVE_MEMBER_ID = "UPDATE_REMOVE_MEMBER_ID";
 
-const initialState$l = {
+const initialState$m = {
   email: "",
   username: "",
   password: "",
@@ -11810,10 +11969,10 @@ const initialState$l = {
     content: ""
   }
 };
-const store$l = /*#__PURE__*/React.createContext(initialState$l);
+const store$m = /*#__PURE__*/React.createContext(initialState$m);
 const {
-  Provider: Provider$l
-} = store$l;
+  Provider: Provider$m
+} = store$m;
 
 const LoginContainer = ({
   style,
@@ -11937,7 +12096,7 @@ const LoginContainer = ({
         });
 
       case RESET_LOGIN_FORM:
-        return initialState$l;
+        return initialState$m;
 
       case DISABLE_LOGIN_BUTTON:
         return lib_7({ ...state,
@@ -11955,12 +12114,12 @@ const LoginContainer = ({
       default:
         return state;
     }
-  }, initialState$l);
+  }, initialState$m);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-login-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$l, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$m, {
     value: {
       state,
       dispatch
@@ -11968,12 +12127,12 @@ const LoginContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default['default'].cloneElement(child, {
-        store: store$l,
+        store: store$m,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$l
+    store: store$m
   })));
 };
 
@@ -12279,7 +12438,7 @@ const LoginButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$l);
+  } = React.useContext(store$m);
   const {
     t
   } = useTranslation("login");
@@ -12337,15 +12496,15 @@ const LoginRequestLoginToken = ({
 };
 
 const LoginEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 const LoginUsername = props => /*#__PURE__*/React__default['default'].createElement(UserNameInput, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 const LoginPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
-  store: store$l
+  store: store$m
 }, props));
 
 var _path$s;
@@ -12422,7 +12581,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
 var FacebookLogin = unwrapExports(facebookLoginRenderProps);
 facebookLoginRenderProps.FacebookLogin;
 
-const initialState$k = {
+const initialState$l = {
   email: "",
   password: "",
   firstName: "",
@@ -12443,10 +12602,10 @@ const initialState$k = {
     content: ""
   }
 };
-const store$k = /*#__PURE__*/React.createContext(initialState$k);
+const store$l = /*#__PURE__*/React.createContext(initialState$l);
 const {
-  Provider: Provider$k
-} = store$k;
+  Provider: Provider$l
+} = store$l;
 
 const RegisterContainer = ({
   style,
@@ -12665,7 +12824,7 @@ const RegisterContainer = ({
         });
 
       case RESET_LOGIN_FORM:
-        return initialState$k;
+        return initialState$l;
 
       case DISABLE_REGISTRATION_BUTTON:
         return lib_7({ ...state,
@@ -12683,12 +12842,12 @@ const RegisterContainer = ({
       default:
         return state;
     }
-  }, initialState$k);
+  }, initialState$l);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-register-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$k, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$l, {
     value: {
       state,
       dispatch
@@ -12696,12 +12855,12 @@ const RegisterContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default['default'].cloneElement(child, {
-        store: store$k,
+        store: store$l,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$k
+    store: store$l
   })));
 };
 /**
@@ -12741,10 +12900,10 @@ const FacebookLoginButton = ({
   const facebookLoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id;
   const {
     dispatch: loginDispatch
-  } = React.useContext(store$l);
+  } = React.useContext(store$m);
   const {
     dispatch: registerDispatch
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
 
   const onSuccess = facebookUser => {
     loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -12909,10 +13068,10 @@ const GoogleLoginButton = ({
   const googleClientId = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.google_app_id;
   const {
     dispatch: loginDispatch
-  } = React.useContext(store$l);
+  } = React.useContext(store$m);
   const {
     dispatch: registerDispatch
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
   React.useEffect(() => {
     gapi.load("client:auth2", () => {
       gapi.auth2.init({
@@ -13015,10 +13174,10 @@ const Auth0LoginButton = ({
   }, [auth0Enabled, auth0Loaded]);
   const {
     dispatch: loginDispatch
-  } = React.useContext(store$l);
+  } = React.useContext(store$m);
   const {
     dispatch: registerDispatch
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
 
   function handleClick() {
     var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
@@ -13341,11 +13500,11 @@ function LoginModal({
 LoginModal.viewId = "login";
 
 const RegisterEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
-  store: store$k
+  store: store$l
 }, props));
 
 const RegisterPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
-  store: store$k
+  store: store$l
 }, props));
 
 const RegisterButton = ({
@@ -13365,7 +13524,7 @@ const RegisterButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
   const {
     t
   } = useTranslation("register");
@@ -13463,7 +13622,7 @@ function FirstName({
 }
 
 const RegisterFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
-  store: store$k
+  store: store$l
 }, props));
 
 function LastName({
@@ -13541,7 +13700,7 @@ function LastName({
 }
 
 const RegisterLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
-  store: store$k
+  store: store$l
 }, props));
 
 function Phone({
@@ -13828,7 +13987,7 @@ function TextInput({
 
 const RegisterTextInput = props => {
   return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
-    store: store$k
+    store: store$l
   }));
 };
 
@@ -16412,7 +16571,7 @@ class TapGateway {
 
 /** @type {PaymentStateType} */
 
-const initialState$j = {
+const initialState$k = {
   disableSubmit: false,
   isLoading: false,
   disableCouponButton: false,
@@ -16437,10 +16596,10 @@ const initialState$j = {
     content: ""
   }
 };
-const store$j = /*#__PURE__*/React.createContext(initialState$j);
+const store$k = /*#__PURE__*/React.createContext(initialState$k);
 const {
-  Provider: Provider$j
-} = store$j;
+  Provider: Provider$k
+} = store$k;
 
 const PaymentMethodContainerWithoutStripe = ({
   style,
@@ -18123,21 +18282,21 @@ const PaymentMethodContainerWithoutStripe = ({
       default:
         return state;
     }
-  }, initialState$j);
+  }, initialState$k);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-payment-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$j, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$k, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$j,
+    store: store$k,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$j
+    store: store$k
   })));
 };
 
@@ -18164,7 +18323,7 @@ const PaymentMethodContainer = props => {
       stripeAccount: window.Pelcro.site.read().account_id,
       locale: getPageOrDefaultLanguage()
     }, /*#__PURE__*/React__default['default'].createElement(es_11, null, /*#__PURE__*/React__default['default'].createElement(UnwrappedForm, Object.assign({
-      store: store$j
+      store: store$k
     }, props))));
   }
 
@@ -18217,7 +18376,7 @@ const PelcroPaymentRequestButton = props => {
       currentPlan,
       updatedPrice
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
 
   const updatePaymentRequest = () => {
     // Make sure payment request is up to date, eg. user added a coupon code.
@@ -18299,7 +18458,7 @@ const DiscountedPrice = props => {
       taxAmount,
       percentOff
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     order,
     plan
@@ -18356,7 +18515,7 @@ const SubmitPaymentMethod = ({
       isLoading,
       updatedPrice
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
   const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
   const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -18418,7 +18577,7 @@ const ApplyCouponButton = ({
       disableCouponButton
     },
     dispatch
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     t
   } = useTranslation("checkoutForm");
@@ -18452,7 +18611,7 @@ const CouponCodeField = props => {
       couponCode,
       couponError
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
 
   const onCouponCodeChange = e => {
     dispatch({
@@ -18508,7 +18667,7 @@ const CouponCode = ({
     state: {
       enableCouponField
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     t
   } = useTranslation("checkoutForm");
@@ -18765,7 +18924,7 @@ const PaypalSubscribeButton = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     product,
     plan,
@@ -18909,7 +19068,7 @@ const SelectedPaymentMethod = () => {
     state: {
       isLoading
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     switchView,
     selectedPaymentMethodId
@@ -18951,7 +19110,7 @@ const TaxAmount = () => {
     state: {
       taxAmount
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     plan
   } = usePelcro();
@@ -18971,15 +19130,15 @@ const TaxAmount = () => {
 };
 
 const IncludeFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
-  store: store$j
+  store: store$k
 }, props));
 
 const IncludeLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
-  store: store$j
+  store: store$k
 }, props));
 
 const IncludePhone = props => /*#__PURE__*/React__default['default'].createElement(Phone, Object.assign({
-  store: store$j
+  store: store$k
 }, props));
 
 const SubscriptionCreateFreePlanButton = ({
@@ -18992,7 +19151,7 @@ const SubscriptionCreateFreePlanButton = ({
       disableSubmit
     },
     dispatch
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     t
   } = useTranslation("common");
@@ -19192,13 +19351,13 @@ function SubscriptionRenewModal({
 }
 SubscriptionRenewModal.viewId = "subscription-renew";
 
-const initialState$i = {
+const initialState$j = {
   cancelationReason: ""
 };
-const store$i = /*#__PURE__*/React.createContext(initialState$i);
+const store$j = /*#__PURE__*/React.createContext(initialState$j);
 const {
-  Provider: Provider$i
-} = store$i;
+  Provider: Provider$j
+} = store$j;
 
 const SubscriptionCancelContainer = ({
   style,
@@ -19219,21 +19378,21 @@ const SubscriptionCancelContainer = ({
       default:
         return state;
     }
-  }, initialState$i);
+  }, initialState$j);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-subscription-cancel-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$i, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$j, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$i,
+    store: store$j,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$i
+    store: store$j
   })));
 };
 
@@ -19318,7 +19477,7 @@ const SubscriptionCancelReason = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$i);
+  } = React.useContext(store$j);
 
   const handleOnTextAreaBlur = e => {
     dispatch({
@@ -19366,7 +19525,7 @@ const SubscriptionCancelNowButton = ({
       cancelationReason
     },
     dispatch
-  } = React.useContext(store$i);
+  } = React.useContext(store$j);
   const {
     t
   } = useTranslation("subscriptionCancel");
@@ -19438,7 +19597,7 @@ const SubscriptionCancelLaterButton = ({
       cancelationReason
     },
     dispatch
-  } = React.useContext(store$i);
+  } = React.useContext(store$j);
   const {
     t
   } = useTranslation("subscriptionCancel");
@@ -19543,14 +19702,14 @@ const SubscriptionCancelModal = ({
 };
 SubscriptionCancelModal.viewId = "subscription-cancel";
 
-const initialState$h = {
+const initialState$i = {
   suspendDate: null,
   buttonDisabled: false
 };
-const store$h = /*#__PURE__*/React.createContext(initialState$h);
+const store$i = /*#__PURE__*/React.createContext(initialState$i);
 const {
-  Provider: Provider$h
-} = store$h;
+  Provider: Provider$i
+} = store$i;
 
 const SubscriptionSuspendContainer = ({
   style,
@@ -19576,21 +19735,21 @@ const SubscriptionSuspendContainer = ({
       default:
         return state;
     }
-  }, initialState$h);
+  }, initialState$i);
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: { ...style
     },
     className: `pelcro-container pelcro-subscription-suspend-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$h, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$i, {
     value: {
       state,
       dispatch
     }
   }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
-    store: store$h,
+    store: store$i,
     key: i
   })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$h
+    store: store$i
   })));
 };
 
@@ -19639,7 +19798,7 @@ const SubscriptionSuspendDate = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$h);
+  } = React.useContext(store$i);
 
   const handleInputChange = value => {
     if (value) {
@@ -19681,7 +19840,7 @@ const SubscriptionSuspendButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$h);
+  } = React.useContext(store$i);
   const {
     t
   } = useTranslation("subscriptionSuspend");
@@ -20130,7 +20289,7 @@ class DefaultNewsLetter extends React.Component {
 
 const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
 
-const initialState$g = {
+const initialState$h = {
   didSubToNewslettersBefore: false,
   newsletters: [],
   isListLoading: true,
@@ -20140,10 +20299,10 @@ const initialState$g = {
     content: ""
   }
 };
-const store$g = /*#__PURE__*/React.createContext(initialState$g);
+const store$h = /*#__PURE__*/React.createContext(initialState$h);
 const {
-  Provider: Provider$g
-} = store$g;
+  Provider: Provider$h
+} = store$h;
 
 const NewsletterUpdateContainer = ({
   style,
@@ -20256,7 +20415,7 @@ const NewsletterUpdateContainer = ({
       default:
         return state;
     }
-  }, initialState$g);
+  }, initialState$h);
   React.useEffect(() => {
     const getUserNewsletters = () => {
       var _window$Pelcro$user$r3, _window$Pelcro$user$r4;
@@ -20300,7 +20459,7 @@ const NewsletterUpdateContainer = ({
     style: { ...style
     },
     className: `pelcro-container pelcro-newsletter-update-container ${className}`
-  }, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$h, {
     value: {
       state,
       dispatch
@@ -20308,12 +20467,12 @@ const NewsletterUpdateContainer = ({
   }, children.length ? children.map((child, i) => {
     if (child) {
       return /*#__PURE__*/React__default['default'].cloneElement(child, {
-        store: store$g,
+        store: store$h,
         key: i
       });
     }
   }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
-    store: store$g
+    store: store$h
   })));
 };
 
@@ -20328,7 +20487,7 @@ const NewsletterUpdateButton = ({
       isSubmitting,
       isListLoading
     }
-  } = React.useContext(store$g);
+  } = React.useContext(store$h);
   const {
     t
   } = useTranslation("newsletter");
@@ -20358,7 +20517,7 @@ const NewsletterUpdateList = () => {
       newsletters,
       isListLoading
     }
-  } = React.useContext(store$g);
+  } = React.useContext(store$h);
 
   if (isListLoading) {
     return /*#__PURE__*/React__default['default'].createElement(Loader, {
@@ -20447,122 +20606,593 @@ const MeterView = () => {
 // Meter view.
 const MeterModal = props => {
   const {
-    resetView
-  } = usePelcro();
+    resetView
+  } = usePelcro();
+  React.useEffect(() => {
+    var _props$onDisplay;
+
+    (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
+  }, []);
+
+  const onClose = () => {
+    var _props$onClose;
+
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
+    resetView();
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    id: "pelcro-view-meter-modal",
+    className: "plc-fixed plc-bottom-0 plc-right-0 plc-w-full plc-p-4 plc-bg-white plc-border-t-4 plc-rounded plc-shadow-md motion-safe:plc-animate-slideInBottom sm:plc-m-4 sm:plc-max-w-md plc-z-max plc-border-primary-500"
+  }, /*#__PURE__*/React__default['default'].createElement("button", {
+    type: "button",
+    className: "plc-absolute plc-top-0 plc-text-2xl plc-text-gray-500 hover:plc-text-black focus:plc-text-black plc-right-1 plc-border-0 plc-bg-transparent hover:plc-bg-transparent focus:plc-bg-transparent pelcro-close-btn",
+    "aria-label": "Close",
+    onClick: onClose
+  }, /*#__PURE__*/React__default['default'].createElement("span", null, "\xD7")), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(MeterView, props)));
+};
+MeterModal.viewId = "meter";
+
+const SubscriptionCreateView = ({
+  onSuccess = () => {},
+  onFailure = () => {}
+}) => {
+  var _window$Pelcro, _window$Pelcro$uiSett, _product$paywall$subs, _product$paywall, _window$Pelcro$paywal, _product$paywall$subs2, _product$paywall2, _window$Pelcro$paywal2;
+
+  const {
+    t
+  } = useTranslation("checkoutForm");
+  const {
+    product,
+    plan
+  } = 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;
+
+    const autoRenewed = plan.auto_renew;
+    const {
+      interval,
+      interval_count
+    } = plan;
+    const intervalText = t("labels.interval", {
+      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());
+    return /*#__PURE__*/React__default['default'].createElement("p", {
+      className: "plc-text-gray-600"
+    }, /*#__PURE__*/React__default['default'].createElement("span", {
+      className: "plc-tracking-wider plc-uppercase"
+    }, plan.nickname), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
+      className: "plc-text-xl plc-font-semibold plc-text-primary-600"
+    }, priceFormatted, " "), /*#__PURE__*/React__default['default'].createElement("span", {
+      className: "plc-font-thin"
+    }, autoRenewed ? "/" : t("labels.for"), " ", intervalText));
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    id: "pelcro-subscription-create-view"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-flex-col plc-items-center plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper sm:plc-px-8"
+  }, /*#__PURE__*/React__default['default'].createElement("h4", {
+    className: "plc-text-2xl plc-font-semibold "
+  }, (_product$paywall$subs = product === null || product === void 0 ? void 0 : (_product$paywall = product.paywall) === null || _product$paywall === void 0 ? void 0 : _product$paywall.subscribe_title) !== null && _product$paywall$subs !== void 0 ? _product$paywall$subs : (_window$Pelcro$paywal = window.Pelcro.paywall.read()) === null || _window$Pelcro$paywal === void 0 ? void 0 : _window$Pelcro$paywal.subscribe_title), " ", /*#__PURE__*/React__default['default'].createElement("p", null, (_product$paywall$subs2 = product === null || product === void 0 ? void 0 : (_product$paywall2 = product.paywall) === null || _product$paywall2 === void 0 ? void 0 : _product$paywall2.subscribe_subtitle) !== null && _product$paywall$subs2 !== void 0 ? _product$paywall$subs2 : (_window$Pelcro$paywal2 = window.Pelcro.paywall.read()) === null || _window$Pelcro$paywal2 === void 0 ? void 0 : _window$Pelcro$paywal2.subscribe_subtitle), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-w-full plc-p-2 plc-mt-2 plc-font-semibold plc-text-center plc-text-gray-900 plc-bg-gray-100 plc-border plc-border-gray-200"
+  }, plan && getPricingText(plan))), /*#__PURE__*/React__default['default'].createElement(PaymentMethodView, {
+    type: "createPayment",
+    showCoupon: true,
+    showExternalPaymentMethods: true,
+    onSuccess: onSuccess,
+    onFailure: onFailure,
+    showSubscriptionButton: showSubscriptionButton
+  }));
+};
+
+/**
+ *
+ */
+
+function SubscriptionCreateModal({
+  onDisplay,
+  onClose,
+  ...otherProps
+}) {
+  useTranslation("common");
+  const {
+    switchView
+  } = usePelcro();
+
+  const onSuccess = res => {
+    var _otherProps$onSuccess;
+
+    (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
+    trackSubscriptionOnGA();
+    return switchView("subscription-success");
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement(Modal, {
+    id: "pelcro-subscription-create-modal",
+    onDisplay: onDisplay,
+    onClose: onClose
+  }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionCreateView, Object.assign({}, otherProps, {
+    onSuccess: onSuccess
+  }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
+}
+SubscriptionCreateModal.viewId = "subscription-create";
+
+const initialState$g = {
+  emails: "",
+  emailsError: null,
+  buttonDisabled: false,
+  removeMemberId: null,
+  members: [],
+  loading: false,
+  alert: {
+    type: "error",
+    content: ""
+  }
+};
+const store$g = /*#__PURE__*/React.createContext(initialState$g);
+const {
+  Provider: Provider$g
+} = store$g;
+
+const SubscriptionManageMembersContainer = ({
+  style,
+  className = "",
+  onSuccess = () => {},
+  onFailure = () => {},
+  children
+}) => {
+  const {
+    subscriptionToManageMembers
+  } = usePelcro();
+  const subscription_id = subscriptionToManageMembers === null || subscriptionToManageMembers === void 0 ? void 0 : subscriptionToManageMembers.id;
+
+  const handleListMembers = ({}, dispatch) => {
+    var _window$Pelcro, _window$Pelcro$user, _window$Pelcro$user$r;
+
+    window.Pelcro.subscription.listMembers({
+      auth_token: (_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$r = _window$Pelcro$user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.auth_token,
+      subscription_id
+    }, (err, res) => {
+      dispatch({
+        type: UPDATE_INVITE_BUTTON,
+        payload: false
+      });
+      dispatch({
+        type: LOADING,
+        payload: false
+      });
+
+      if (err) {
+        dispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "error",
+            content: getErrorMessages(err)
+          }
+        });
+        onFailure(err);
+      } else {
+        dispatch({
+          type: UPDATE_MEMBERS,
+          payload: res.data
+        });
+        onSuccess(res);
+      }
+    });
+  };
+
+  const handleInviteMembers = ({
+    emails
+  }, dispatch) => {
+    var _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro2$user$;
+
+    const emailsArr = emails.split(",");
+    window.Pelcro.subscription.inviteMembers({
+      auth_token: (_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$ = _window$Pelcro2$user.read()) === null || _window$Pelcro2$user$ === void 0 ? void 0 : _window$Pelcro2$user$.auth_token,
+      subscription_id,
+      emails: emailsArr
+    }, (err, res) => {
+      dispatch({
+        type: UPDATE_INVITE_BUTTON,
+        payload: false
+      });
+
+      if (err) {
+        dispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "error",
+            content: getErrorMessages(err)
+          }
+        });
+        onFailure(err);
+      } else {
+        dispatch({
+          type: HANDLE_LIST_MEMBERS
+        });
+        onSuccess(res);
+      }
+    });
+  };
+
+  const handleRemoveMember = ({
+    removeMemberId
+  }, dispatch) => {
+    var _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro3$user$;
+
+    window.Pelcro.subscription.removeMember({
+      auth_token: (_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$ = _window$Pelcro3$user.read()) === null || _window$Pelcro3$user$ === void 0 ? void 0 : _window$Pelcro3$user$.auth_token,
+      subscription_id,
+      id: removeMemberId
+    }, (err, res) => {
+      dispatch({
+        type: UPDATE_REMOVE_MEMBER_ID,
+        payload: null
+      });
+
+      if (err) {
+        dispatch({
+          type: SHOW_ALERT,
+          payload: {
+            type: "error",
+            content: getErrorMessages(err)
+          }
+        });
+        onFailure(err);
+      } else {
+        dispatch({
+          type: HANDLE_LIST_MEMBERS
+        });
+        onSuccess(res);
+      }
+    });
+  };
+
+  const [state, dispatch] = useReducerWithSideEffects((state, action) => {
+    switch (action.type) {
+      case SET_EMAILS:
+        return lib_7({ ...state,
+          emails: action.payload,
+          emailsError: null
+        });
+
+      case SET_EMAILS_ERROR:
+        return lib_7({ ...state,
+          emailsError: action.payload,
+          emails: ""
+        });
+
+      case SHOW_ALERT:
+        return lib_7({ ...state,
+          alert: action.payload
+        });
+
+      case LOADING:
+        return lib_7({ ...state,
+          loading: action.payload
+        });
+
+      case UPDATE_MEMBERS:
+        return lib_7({ ...state,
+          members: action.payload
+        });
+
+      case UPDATE_REMOVE_MEMBER_ID:
+        return lib_7({ ...state,
+          removeMemberId: action.payload
+        });
+
+      case UPDATE_INVITE_BUTTON:
+        return lib_7({ ...state,
+          buttonDisabled: action.payload
+        });
+
+      case HANDLE_LIST_MEMBERS:
+        return lib_5({ ...state,
+          loading: true
+        }, (state, dispatch) => handleListMembers(state, dispatch));
+
+      case HANDLE_INVITE_MEMBERS:
+        return lib_5({ ...state,
+          buttonDisabled: true
+        }, (state, dispatch) => handleInviteMembers(state, dispatch));
+
+      case HANDLE_REMOVE_MEMBER:
+        return lib_5({ ...state
+        }, (state, dispatch) => handleRemoveMember(state, dispatch));
+
+      default:
+        return state;
+    }
+  }, initialState$g);
+  React.useEffect(() => {
+    dispatch({
+      type: HANDLE_LIST_MEMBERS
+    });
+  }, []);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: { ...style
+    },
+    className: `pelcro-container pelcro-manage-members-container ${className}`
+  }, /*#__PURE__*/React__default['default'].createElement(Provider$g, {
+    value: {
+      state,
+      dispatch
+    }
+  }, children.length ? children.map((child, i) => {
+    if (child) {
+      return /*#__PURE__*/React__default['default'].cloneElement(child, {
+        store: store$g,
+        key: i
+      });
+    }
+  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
+    store: store$g
+  })));
+};
+
+const SubscriptionManageMembersButton = ({
+  name,
+  onClick,
+  ...otherProps
+}) => {
+  const {
+    state: {
+      emailsError,
+      emails,
+      buttonDisabled
+    },
+    dispatch
+  } = React.useContext(store$g);
+  const {
+    t
+  } = useTranslation("subscriptionManageMembers");
+  const [isDisabled, setDisabled] = React.useState(true);
   React.useEffect(() => {
-    var _props$onDisplay;
+    setDisabled(emailsError || !emails.length || buttonDisabled);
+  }, [emailsError, emails, buttonDisabled]);
+  return /*#__PURE__*/React__default['default'].createElement(Button, Object.assign({
+    onClick: () => {
+      dispatch({
+        type: HANDLE_INVITE_MEMBERS
+      });
+      onClick === null || onClick === void 0 ? void 0 : onClick();
+    },
+    disabled: isDisabled,
+    isLoading: buttonDisabled
+  }, otherProps), name !== null && name !== void 0 ? name : t("labels.invite"));
+};
 
-    (_props$onDisplay = props.onDisplay) === null || _props$onDisplay === void 0 ? void 0 : _props$onDisplay.call(props);
-  }, []);
+function SubscriptionManageMembersEmails(props) {
+  const {
+    t
+  } = useTranslation("common");
+  const {
+    dispatch,
+    state: {
+      emails: stateEmails,
+      emailsError
+    }
+  } = React.useContext(store$g);
+  const [emails, setEmails] = React.useState(stateEmails);
+  const [finishedTyping, setFinishedTyping] = React.useState(false);
+  const handleInputChange = React.useCallback(value => {
+    setEmails(value);
 
-  const onClose = () => {
-    var _props$onClose;
+    if (emails.length) {
+      dispatch({
+        type: SET_EMAILS,
+        payload: emails
+      });
+    } else if (finishedTyping) {
+      dispatch({
+        type: SET_EMAILS_ERROR,
+        payload: t("validation.enterEmails")
+      });
+    }
+  }, [dispatch, emails, finishedTyping]);
+  React.useEffect(() => {
+    handleInputChange(emails);
+  }, [finishedTyping, emails, handleInputChange]);
+  return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
+    type: "text",
+    error: emailsError,
+    value: emails,
+    onChange: e => handleInputChange(e.target.value),
+    onBlur: () => setFinishedTyping(true),
+    onFocus: () => setFinishedTyping(false)
+  }, props));
+}
 
-    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
-    resetView();
-  };
+var _path$i;
 
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "pelcro-view-meter-modal",
-    className: "plc-fixed plc-bottom-0 plc-right-0 plc-w-full plc-p-4 plc-bg-white plc-border-t-4 plc-rounded plc-shadow-md motion-safe:plc-animate-slideInBottom sm:plc-m-4 sm:plc-max-w-md plc-z-max plc-border-primary-500"
-  }, /*#__PURE__*/React__default['default'].createElement("button", {
-    type: "button",
-    className: "plc-absolute plc-top-0 plc-text-2xl plc-text-gray-500 hover:plc-text-black focus:plc-text-black plc-right-1 plc-border-0 plc-bg-transparent hover:plc-bg-transparent focus:plc-bg-transparent pelcro-close-btn",
-    "aria-label": "Close",
-    onClick: onClose
-  }, /*#__PURE__*/React__default['default'].createElement("span", null, "\xD7")), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(MeterView, props)));
-};
-MeterModal.viewId = "meter";
+function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
 
-const SubscriptionCreateView = ({
-  onSuccess = () => {},
-  onFailure = () => {}
-}) => {
-  var _window$Pelcro, _window$Pelcro$uiSett, _product$paywall$subs, _product$paywall, _window$Pelcro$paywal, _product$paywall$subs2, _product$paywall2, _window$Pelcro$paywal2;
+function SvgCheckMark(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
+    className: "plc-w-4 plc-h-4 plc-mr-1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor"
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+    clipRule: "evenodd"
+  })));
+}
 
+function SubscriptionManageMembersList(props) {
   const {
     t
-  } = useTranslation("checkoutForm");
+  } = useTranslation("subscriptionManageMembers");
   const {
-    product,
-    plan
-  } = 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;
+    dispatch,
+    state: {
+      members,
+      removeMemberId,
+      loading
+    }
+  } = React.useContext(store$g);
+  const getMemberStatus = React.useCallback(sub => {
+    if (sub.status === "pending") {
+      return {
+        title: sub.status,
+        content: sub.status,
+        textColor: "plc-text-orange-700",
+        bgColor: "plc-bg-orange-100",
+        icon: /*#__PURE__*/React__default['default'].createElement(SvgExclamation, null)
+      };
+    }
 
-  const getPricingText = plan => {
-    var _plan$quantity;
+    return {
+      title: sub.status,
+      content: sub.status,
+      textColor: "plc-text-green-700",
+      bgColor: "plc-bg-green-100",
+      icon: /*#__PURE__*/React__default['default'].createElement(SvgCheckMark, null)
+    };
+  }, []);
 
-    const autoRenewed = plan.auto_renew;
-    const {
-      interval,
-      interval_count
-    } = plan;
-    const intervalText = t("labels.interval", {
-      interval,
-      count: interval_count
+  if (loading) {
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-animate-pulse"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-bg-gray-200 plc-h-6 plc-m-0.5 plc-rounded"
+    }))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-animate-pulse"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-bg-gray-200 plc-h-6 plc-m-0.5 plc-rounded"
+    }))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-animate-pulse"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-bg-gray-200 plc-h-6 plc-m-0.5 plc-rounded"
+    })))), /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-animate-pulse"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-bg-gray-200 plc-h-6 plc-m-0.5 plc-rounded"
+    }))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-animate-pulse"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-bg-gray-200 plc-h-6 plc-m-0.5 plc-rounded"
+    }))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-animate-pulse"
+    }, /*#__PURE__*/React__default['default'].createElement("div", {
+      class: "plc-bg-gray-200 plc-h-6 plc-m-0.5 plc-rounded"
+    })))));
+  }
+
+  const onRemoveClick = id => {
+    dispatch({
+      type: UPDATE_REMOVE_MEMBER_ID,
+      payload: id
+    });
+    dispatch({
+      type: HANDLE_REMOVE_MEMBER
     });
-    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());
-    return /*#__PURE__*/React__default['default'].createElement("p", {
-      className: "plc-text-gray-600"
-    }, /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "plc-tracking-wider plc-uppercase"
-    }, plan.nickname), /*#__PURE__*/React__default['default'].createElement("br", null), /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "plc-text-xl plc-font-semibold plc-text-primary-600"
-    }, priceFormatted, " "), /*#__PURE__*/React__default['default'].createElement("span", {
-      className: "plc-font-thin"
-    }, autoRenewed ? "/" : t("labels.for"), " ", intervalText));
   };
 
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, members === null || members === void 0 ? void 0 : members.map(member => /*#__PURE__*/React__default['default'].createElement("tr", {
+    key: member.id,
+    className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
+  }, /*#__PURE__*/React__default['default'].createElement("td", {
+    className: "plc-truncate"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "plc-font-semibold plc-text-gray-500"
+  }, member === null || member === void 0 ? void 0 : member.invitation_email)), /*#__PURE__*/React__default['default'].createElement("td", {
+    className: "plc-py-2"
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: `plc-inline-flex plc-p-1 plc-text-xs plc-font-semibold ${getMemberStatus(member).bgColor} plc-uppercase ${getMemberStatus(member).textColor} plc-rounded-lg`
+  }, getMemberStatus(member).icon, getMemberStatus(member).title)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
+    variant: "ghost",
+    className: "plc-text-red-500 focus:plc-ring-red-500 pelcro-dashboard-sub-cancel-button",
+    icon: /*#__PURE__*/React__default['default'].createElement(SvgXIconSolid, null),
+    onClick: () => onRemoveClick(member.id),
+    disabled: member.id === removeMemberId,
+    isLoading: member.id === removeMemberId,
+    "data-key": member.id
+  }, t("labels.remove"))))));
+}
+
+/**
+ *
+ */
+
+function SubscriptionManageMembersView(props) {
+  const {
+    t
+  } = useTranslation("subscriptionManageMembers");
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "pelcro-subscription-create-view"
+    id: "pelcro-login-view"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "plc-flex plc-flex-col plc-items-center plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper sm:plc-px-8"
+    className: "plc-font-semibold plc-text-center plc-text-gray-900 pelcro-title-wrapper"
   }, /*#__PURE__*/React__default['default'].createElement("h4", {
-    className: "plc-text-2xl plc-font-semibold "
-  }, (_product$paywall$subs = product === null || product === void 0 ? void 0 : (_product$paywall = product.paywall) === null || _product$paywall === void 0 ? void 0 : _product$paywall.subscribe_title) !== null && _product$paywall$subs !== void 0 ? _product$paywall$subs : (_window$Pelcro$paywal = window.Pelcro.paywall.read()) === null || _window$Pelcro$paywal === void 0 ? void 0 : _window$Pelcro$paywal.subscribe_title), " ", /*#__PURE__*/React__default['default'].createElement("p", null, (_product$paywall$subs2 = product === null || product === void 0 ? void 0 : (_product$paywall2 = product.paywall) === null || _product$paywall2 === void 0 ? void 0 : _product$paywall2.subscribe_subtitle) !== null && _product$paywall$subs2 !== void 0 ? _product$paywall$subs2 : (_window$Pelcro$paywal2 = window.Pelcro.paywall.read()) === null || _window$Pelcro$paywal2 === void 0 ? void 0 : _window$Pelcro$paywal2.subscribe_subtitle), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "plc-w-full plc-p-2 plc-mt-2 plc-font-semibold plc-text-center plc-text-gray-900 plc-bg-gray-100 plc-border plc-border-gray-200"
-  }, plan && getPricingText(plan))), /*#__PURE__*/React__default['default'].createElement(PaymentMethodView, {
-    type: "createPayment",
-    showCoupon: true,
-    showExternalPaymentMethods: true,
-    onSuccess: onSuccess,
-    onFailure: onFailure,
-    showSubscriptionButton: showSubscriptionButton
-  }));
-};
+    className: "plc-text-2xl"
+  }, t("labels.inviteMembers")), /*#__PURE__*/React__default['default'].createElement("p", null, "Comma-separated list e.g. 'john@example.com,jane@example.com'")), /*#__PURE__*/React__default['default'].createElement("form", {
+    action: "javascript:void(0);",
+    className: "plc-mt-2 pelcro-form"
+  }, /*#__PURE__*/React__default['default'].createElement(SubscriptionManageMembersContainer, props, /*#__PURE__*/React__default['default'].createElement(AlertWithContext, null), /*#__PURE__*/React__default['default'].createElement(SubscriptionManageMembersEmails, {
+    id: "pelcro-input-email",
+    errorId: "pelcro-input-emails-error",
+    required: true,
+    label: t("labels.emails")
+  }), /*#__PURE__*/React__default['default'].createElement(SubscriptionManageMembersButton, {
+    role: "submit",
+    className: "plc-w-full",
+    id: "pelcro-submit"
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-mt-1"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-items-center plc-justify-between "
+  }, /*#__PURE__*/React__default['default'].createElement("hr", {
+    className: "plc-w-full plc-border-gray-300"
+  }), /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "plc-flex-shrink-0 plc-p-2 plc-text-xs plc-text-gray-400 plc-uppercase"
+  }, t("labels.listOfMembers")), /*#__PURE__*/React__default['default'].createElement("hr", {
+    className: "plc-w-full plc-border-gray-300"
+  })), /*#__PURE__*/React__default['default'].createElement("table", {
+    className: "plc-w-full plc-table-fixed"
+  }, /*#__PURE__*/React__default['default'].createElement("thead", {
+    className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
+  }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
+    className: "plc-w-6/12"
+  }, t("labels.email")), /*#__PURE__*/React__default['default'].createElement("th", {
+    className: "plc-w-3/12 "
+  }, t("labels.status")), /*#__PURE__*/React__default['default'].createElement("th", {
+    className: "plc-w-3/12 "
+  }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement(SubscriptionManageMembersList, null)))))));
+}
 
 /**
  *
  */
 
-function SubscriptionCreateModal({
+function SubscriptionManageMembersModal({
   onDisplay,
   onClose,
-  ...otherProps
+  ...props
 }) {
-  useTranslation("common");
-  const {
-    switchView
-  } = usePelcro();
-
   const onSuccess = res => {
-    var _otherProps$onSuccess;
+    var _props$onSuccess;
 
-    (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
-    trackSubscriptionOnGA();
-    return switchView("subscription-success");
+    (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
   };
 
   return /*#__PURE__*/React__default['default'].createElement(Modal, {
-    id: "pelcro-subscription-create-modal",
+    id: "pelcro-manage-members-modal",
     onDisplay: onDisplay,
-    onClose: onClose
-  }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionCreateView, Object.assign({}, otherProps, {
+    onClose: onClose,
+    className: "plc-max-w-xl"
+  }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionManageMembersView, Object.assign({}, props, {
     onSuccess: onSuccess
   }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
 }
-SubscriptionCreateModal.viewId = "subscription-create";
+SubscriptionManageMembersModal.viewId = "manage-members";
 
 var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window$Pelcro$user$r3, _window$Pelcro$user$r4, _window$Pelcro$user$r5, _window$Pelcro$user$r6;
 const initialState$f = {
@@ -20784,17 +21414,17 @@ const UserUpdateContainer = ({
   })));
 };
 
-var _path$i;
+var _path$h;
 
-function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
+function _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
 
 function SvgEdit(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     className: "plc-w-6 plc-h-6",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
     fill: "currentColor"
-  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zm-2.207 2.207L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"
   })));
 }
@@ -25321,8 +25951,8 @@ const PaymentMethodSelectModal = ({
 };
 PaymentMethodSelectModal.viewId = "payment-method-select";
 
-function _extends$i() {
-  _extends$i = Object.assign || function (target) {
+function _extends$h() {
+  _extends$h = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -25336,7 +25966,7 @@ function _extends$i() {
     return target;
   };
 
-  return _extends$i.apply(this, arguments);
+  return _extends$h.apply(this, arguments);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -25520,7 +26150,7 @@ function render(props, propsBag, defaultTag, features, visible) {
     return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
       return null;
     }, _match[RenderStrategy.Hidden] = function () {
-      return _render(_extends$i({}, _rest, {
+      return _render(_extends$h({}, _rest, {
         hidden: true,
         style: {
           display: 'none'
@@ -26048,7 +26678,7 @@ function TransitionChild(props) {
   var passthroughProps = rest;
   return React__default['default'].createElement(NestingContext.Provider, {
     value: nesting
-  }, render(_extends$i({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
+  }, render(_extends$h({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
 }
 
 function Transition(props) {
@@ -26092,7 +26722,7 @@ function Transition(props) {
     value: nestingBag
   }, React__default['default'].createElement(TransitionContext.Provider, {
     value: transitionBag
-  }, render(_extends$i({}, sharedProps, {
+  }, render(_extends$h({}, sharedProps, {
     as: React.Fragment,
     children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
   }), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -26219,12 +26849,12 @@ var ActionTypes;
 })(ActionTypes || (ActionTypes = {}));
 
 (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     activeItemIndex: null,
     menuState: MenuStates.Closed
   });
 }, _reducers[ActionTypes.OpenMenu] = function (state) {
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     menuState: MenuStates.Open
   });
 }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -26243,7 +26873,7 @@ var ActionTypes;
     }
   });
   if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     searchQuery: '',
     activeItemIndex: activeItemIndex
   });
@@ -26254,19 +26884,19 @@ var ActionTypes;
 
     return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
   });
-  if (match === -1 || match === state.activeItemIndex) return _extends$i({}, state, {
+  if (match === -1 || match === state.activeItemIndex) return _extends$h({}, state, {
     searchQuery: searchQuery
   });
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     searchQuery: searchQuery,
     activeItemIndex: match
   });
 }, _reducers[ActionTypes.ClearSearch] = function (state) {
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     searchQuery: ''
   });
 }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     items: [].concat(state.items, [{
       id: action.id,
       dataRef: action.dataRef
@@ -26279,7 +26909,7 @@ var ActionTypes;
     return a.id === action.id;
   });
   if (idx !== -1) nextItems.splice(idx, 1);
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     items: nextItems,
     activeItemIndex: function () {
       if (idx === state.activeItemIndex) return null;
@@ -26318,19 +26948,19 @@ var ActionTypes$1;
 (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
   if (state.disabled) return state;
   if (state.listboxState === ListboxStates.Closed) return state;
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     activeOptionIndex: null,
     listboxState: ListboxStates.Closed
   });
 }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
   if (state.disabled) return state;
   if (state.listboxState === ListboxStates.Open) return state;
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     listboxState: ListboxStates.Open
   });
 }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
   if (state.disabled === action.disabled) return state;
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     disabled: action.disabled
   });
 }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -26351,7 +26981,7 @@ var ActionTypes$1;
     }
   });
   if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     searchQuery: '',
     activeOptionIndex: activeOptionIndex
   });
@@ -26364,10 +26994,10 @@ var ActionTypes$1;
 
     return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
   });
-  if (match === -1 || match === state.activeOptionIndex) return _extends$i({}, state, {
+  if (match === -1 || match === state.activeOptionIndex) return _extends$h({}, state, {
     searchQuery: searchQuery
   });
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     searchQuery: searchQuery,
     activeOptionIndex: match
   });
@@ -26375,11 +27005,11 @@ var ActionTypes$1;
   if (state.disabled) return state;
   if (state.listboxState === ListboxStates.Closed) return state;
   if (state.searchQuery === '') return state;
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     searchQuery: ''
   });
 }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     options: [].concat(state.options, [{
       id: action.id,
       dataRef: action.dataRef
@@ -26392,7 +27022,7 @@ var ActionTypes$1;
     return a.id === action.id;
   });
   if (idx !== -1) nextOptions.splice(idx, 1);
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     options: nextOptions,
     activeOptionIndex: function () {
       if (idx === state.activeOptionIndex) return null;
@@ -26451,18 +27081,18 @@ const getPaymentCardIcon = name => {
   }));
 };
 
-var _path$h;
+var _path$g;
 
-function _extends$h() { _extends$h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
+function _extends$g() { _extends$g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
 
 function SvgChevronRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     className: "plc-w-6 plc-h-6",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor"
-  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeWidth: 2,
@@ -26678,18 +27308,18 @@ const SavedItems = ({
   });
 };
 
-var _path$g;
+var _path$f;
 
-function _extends$g() { _extends$g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
 
 function SvgRefresh(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     className: "plc-w-4 plc-h-4 plc-mr-1",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor"
-  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeWidth: 2,
@@ -26697,35 +27327,35 @@ function SvgRefresh(props) {
   })));
 }
 
-var _path$f;
+var _path$e;
 
-function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
+function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
 
 function SvgCalendar(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     className: "plc-h-4 plc-w-4 plc-mr-1",
     viewBox: "0 0 20 20",
     fill: "currentColor"
-  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z",
     clipRule: "evenodd"
   })));
 }
 
-var _path$e;
+var _path$d;
 
-function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
+function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
 
 function SvgPlus(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     className: "plc-w-5 plc-h-5",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor"
-  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeWidth: 2,
@@ -26733,23 +27363,6 @@ function SvgPlus(props) {
   })));
 }
 
-var _path$d;
-
-function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
-
-function SvgCheckMark(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
-    className: "plc-w-4 plc-h-4 plc-mr-1",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor"
-  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
-    clipRule: "evenodd"
-  })));
-}
-
 const SubscriptionsMenu = props => {
   const {
     t
@@ -26810,11 +27423,13 @@ const SubscriptionsItems = ({
     switchView,
     setSubscriptionToCancel,
     setSubscriptionToSuspend,
-    isAuthenticated
+    set
   } = usePelcro();
   const subs = getNonDonationSubs();
   if (subs.length === 0) return null;
   return subs.sort((a, b) => a.expires_at - b.expires_at).sort((a, b) => a.renews_at - b.renews_at).map(sub => {
+    var _sub$plan;
+
     const isActive = activeMenu === sub.id; // Cancel button click handlers
 
     const onCancelClick = () => {
@@ -26860,6 +27475,15 @@ const SubscriptionsItems = ({
       setProductAndPlan(product, plan);
       setSubscriptionIdToRenew(sub.id);
       setView("plan-select");
+    }; // Manage members click
+
+
+    const onManageMembersClick = () => {
+      const subscriptionToManageMembers = sub;
+      set({
+        subscriptionToManageMembers
+      });
+      setView("manage-members");
     }; // Suspend click
 
 
@@ -26963,7 +27587,14 @@ const SubscriptionsItems = ({
       onClick: onCancelClick,
       disabled: disableSubmit,
       "data-key": sub.id
-    }, t("labels.unsubscribe")) : ""), /*#__PURE__*/React__default['default'].createElement("td", null, hasPhases && /*#__PURE__*/React__default['default'].createElement("div", {
+    }, t("labels.unsubscribe")) : "", (sub === null || sub === void 0 ? void 0 : (_sub$plan = sub.plan) === null || _sub$plan === void 0 ? void 0 : _sub$plan.type) === 'membership' && /*#__PURE__*/React__default['default'].createElement(Button, {
+      variant: "ghost",
+      className: "plc-text-blue-400 pelcro-dashboard-sub-manage-members-button",
+      icon: /*#__PURE__*/React__default['default'].createElement(SvgRefresh, null),
+      onClick: onManageMembersClick,
+      disabled: disableSubmit,
+      "data-key": sub.id
+    }, t("labels.manageMembers"))), /*#__PURE__*/React__default['default'].createElement("td", null, hasPhases && /*#__PURE__*/React__default['default'].createElement("div", {
       className: `plc-flex plc-items-center plc-justify-center plc-transition-transform plc-ease-out plc-transform plc-rounded-full plc-w-7 plc-h-7 ${isActive ? "plc-flex plc-place-items-center plc-w-7 plc-h-7 plc-p-1 plc-bg-primary-400 plc-rounded-full" : "accordion-chevron"}`
     }, /*#__PURE__*/React__default['default'].createElement("span", {
       className: `plc-transition plc-ease-out  ${isActive && "plc-text-white plc-transform plc-rotate-90"}`
@@ -27957,7 +28588,7 @@ class Dashboard extends React.Component {
           className: "plc-flex plc-mb-2 plc-mt-1"
         }, /*#__PURE__*/React__default['default'].createElement("span", {
           className: "plc-rounded-full plc-bg-gray-200 plc-text-black plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-capitalize"
-        }, address.type), address.is_default && /*#__PURE__*/React__default['default'].createElement("span", {
+        }, address.type === "shipping" ? this.locale("labels.shipping") : this.locale("labels.billing")), address.is_default && /*#__PURE__*/React__default['default'].createElement("span", {
           className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-ml-2"
         }, this.locale("labels.default")))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
           variant: "icon",
@@ -28110,7 +28741,7 @@ class Dashboard extends React.Component {
         }),
         className: "plc-text-sm plc-text-gray-500 hover:plc-text-primary-700",
         onClick: this.displayQRCode
-      }, "My QR code"))
+      }, this.locale("labels.myQRCode")))
     }), /*#__PURE__*/React__default['default'].createElement(Accordion.item, {
       name: SUB_MENUS.PAYMENT_CARDS,
       icon: /*#__PURE__*/React__default['default'].createElement(SvgPaymentCard, null),
@@ -32241,6 +32872,12 @@ exports.SubscriptionCreateContainer = SubscriptionCreateContainer;
 exports.SubscriptionCreateFreePlanButton = SubscriptionCreateFreePlanButton;
 exports.SubscriptionCreateModal = SubscriptionCreateModal;
 exports.SubscriptionCreateView = SubscriptionCreateView;
+exports.SubscriptionManageMembersButton = SubscriptionManageMembersButton;
+exports.SubscriptionManageMembersContainer = SubscriptionManageMembersContainer;
+exports.SubscriptionManageMembersEmails = SubscriptionManageMembersEmails;
+exports.SubscriptionManageMembersList = SubscriptionManageMembersList;
+exports.SubscriptionManageMembersModal = SubscriptionManageMembersModal;
+exports.SubscriptionManageMembersView = SubscriptionManageMembersView;
 exports.SubscriptionRenewContainer = SubscriptionRenewContainer;
 exports.SubscriptionRenewModal = SubscriptionRenewModal;
 exports.SubscriptionRenewView = SubscriptionRenewView;