npm - @pelcro/react-pelcro-js - Versions diffs - 3.13.0-beta.8 → 3.13.0-beta.9 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -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",
@@ -3952,7 +3956,7 @@ var messages$W = {
 	}
 };
 var dashboard_en = {
-	labels: labels$R,
+	labels: labels$U,
 	messages: messages$W
 };
@@ -3961,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."
@@ -3985,7 +3989,7 @@ var buttons$g = {
 };
 var select_en = {
 	messages: messages$V,
-	labels: labels$Q,
+	labels: labels$T,
 	buttons: buttons$g
 };
@@ -3999,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"
@@ -4009,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",
@@ -4027,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: {
@@ -4051,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",
@@ -4075,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.",
@@ -4199,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",
@@ -4207,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",
@@ -4218,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: {
@@ -4251,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 ?",
@@ -4266,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",
@@ -4297,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";
@@ -4307,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,
@@ -4317,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",
@@ -4329,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 ?",
@@ -4348,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",
@@ -4382,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",
@@ -4457,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",
@@ -4481,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",
@@ -4510,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é."
 };
@@ -4518,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";
@@ -4548,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"
 };
@@ -4559,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";
@@ -4587,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 = {
@@ -4595,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";
@@ -4629,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."
@@ -4638,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",
@@ -4670,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é à",
@@ -4684,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",
@@ -4704,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",
@@ -4775,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?",
@@ -4791,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."
@@ -4823,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
 };
@@ -4838,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é",
@@ -4866,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",
@@ -4914,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: "이름은 필수 항목입니다.",
@@ -5037,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: "성",
@@ -5045,7 +5120,7 @@ var labels$v = {
 	postalCode: "우편번호",
 	required: "필수 항목"
 };
-var messages$z = {
+var messages$y = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	success: "뉴스레터가 성공적으로 업데이트되었습니다.",
 	loginHere: "여기에서 로그인하세요.",
@@ -5056,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: {
@@ -5089,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: "이미 계정이 있습니까?",
@@ -5104,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",
@@ -5135,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 인증서로 보호됩니다. 제공: ";
@@ -5146,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,
@@ -5155,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: "비밀번호 입력",
@@ -5167,7 +5244,7 @@ var labels$s = {
 	passwordPlaceholder: "비밀번호",
 	login: "로그인"
 };
-var messages$v = {
+var messages$u = {
 	loginTo: "귀하의 계정에 로그인",
 	welcome: "반갑습니다. 귀하의 기존 계정으로 로그인하세요.",
 	dontHaveAccount: "아직 계정이 없으신가요?",
@@ -5186,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: "이메일로 가입하기",
@@ -5220,7 +5297,7 @@ var labels$q = {
 	lastName: "성",
 	phone: "핸드폰"
 };
-var messages$t = {
+var messages$s = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	createAccount: "계정 만들기",
 	loginHere: "여기에서 로그인하세요.",
@@ -5294,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: "이메일",
@@ -5318,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: "도시",
@@ -5347,7 +5424,7 @@ var buttons$8 = {
 	selectAddress: "주소 선택",
 	addAddress: "새 주소 추가"
 };
-var messages$r = {
+var messages$q = {
 	addressUpdated: "주소가 성공적으로 업데이트되었습니다!",
 	subRedeemed: "귀하의 유료 멤버십이 사용되었습니다."
 };
@@ -5355,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 = "비밀번호 재설정";
@@ -5385,7 +5462,7 @@ var password$2 = "비밀번호";
 var submit$6 = "제출";
 var required$6 = "필수 항목";
 var passwordResetEmailSent$1 = "비밀번호 재설정 안내가 귀하의 이메일로 발송되었습니다.";
-var messages$q = {
+var messages$p = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	loginHere: "여기에서 로그인하세요."
 };
@@ -5396,7 +5473,7 @@ var passwordForgot_ko = {
 	submit: submit$6,
 	required: required$6,
 	passwordResetEmailSent: passwordResetEmailSent$1,
-	messages: messages$q
+	messages: messages$p
 };
 var title$c = "비밀번호를 변경합니다.";
@@ -5424,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 = {
@@ -5432,7 +5509,7 @@ var passwordlessRequest_ko = {
 	email: email$3,
 	submit: submit$4,
 	required: required$4,
-	messages: messages$p
+	messages: messages$o
 };
 var title$a = "귀하의 장바구니";
@@ -5466,7 +5543,7 @@ var buttons$7 = {
 	purchase: "구매",
 	"continue": "계속"
 };
-var messages$o = {
+var messages$n = {
 	orderConfirmed: {
 		title: "주문이 확인되었습니다!",
 		body: "귀하의 주문이 확인되었으며 며칠 안에 배송될 예정입니다. 이 주문의 확인 이메일이 귀하에게 전송됩니다."
@@ -5475,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: "제출",
@@ -5507,7 +5584,7 @@ var labels$m = {
 		title: "결제 정보"
 	}
 };
-var messages$n = {
+var messages$m = {
 	youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
 	cancel: "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.",
 	giftSent: "유료 멤버십 선물이 ",
@@ -5521,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: "이메일",
@@ -5541,6 +5618,7 @@ var labels$l = {
 		scheduled: "예약",
 		incomplete: "불완전한"
 	},
+	manageMembers: "회원 관리",
 	shipments: "남은 배송 일정",
 	logout: "로그아웃",
 	dashboard: "대시보드",
@@ -5672,7 +5750,7 @@ var savedItems = {
 var subCancellation = {
 	goBack: "뒤로 가기"
 };
-var messages$m = {
+var messages$l = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
 		isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
@@ -5688,7 +5766,7 @@ var messages$m = {
 	}
 };
 var dashboard_ko = {
-	labels: labels$l,
+	labels: labels$k,
 	shipments: shipments,
 	logout: logout,
 	dashboard: dashboard$1,
@@ -5737,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: "아래 요금제 중 하나를 선택하고 다음을 클릭하세요."
@@ -5768,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
 };
@@ -5783,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: "지불된 금액",
@@ -5811,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 = {
@@ -8093,7 +8147,7 @@ class PelcroActions {
         view,
         cartItems,
         ...otherStateFields
-      } = initialState$m;
+      } = initialState$n;
       this.set(otherStateFields);
     });
@@ -8245,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;
@@ -8479,7 +8553,7 @@ class PelcroCallbacks {
 }
-const initialState$m = {
+const initialState$n = {
   // View
   view: null,
   // Plans
@@ -8490,6 +8564,7 @@ const initialState$m = {
   giftRecipient: null,
   giftCode: "",
   subscriptionIdToRenew: null,
+  subscriptionToManageMembers: null,
   // E-commerce
   cartItems: [],
   order: null,
@@ -8513,7 +8588,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
   return {
     // Store setter
     set,
-    ...initialState$m,
+    ...initialState$n,
     // State actions
     ...actions,
     // Callbacks
@@ -8677,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;
   }
@@ -8908,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,
@@ -8936,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,
@@ -8964,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,
@@ -10285,7 +10363,8 @@ const init$1 = () => {
     switchToPaymentView,
     whenEcommerceLoaded,
     addToCart,
-    purchaseItem
+    purchaseItem,
+    setSubscriptionToManageMembers
   } = usePelcro.getStore();
   const pelcroLoginButtonsByClass = document.getElementsByClassName("pelcro-login-button");
@@ -10315,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) {
@@ -11189,6 +11295,10 @@ const initViewFromURL = () => {
         return showInvoiceDetailsFromUrl();
       }
+      if (view === "manage-members") {
+        return showSubscriptionManageMembersFromUrl();
+      }
       switchView(view);
     });
   }
@@ -11460,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,
@@ -11808,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: "",
@@ -11822,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,
@@ -11949,7 +12096,7 @@ const LoginContainer = ({
         });
       case RESET_LOGIN_FORM:
-        return initialState$l;
+        return initialState$m;
       case DISABLE_LOGIN_BUTTON:
         return lib_7({ ...state,
@@ -11967,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
@@ -11980,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
   })));
 };
@@ -12291,7 +12438,7 @@ const LoginButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$l);
+  } = React.useContext(store$m);
   const {
     t
   } = useTranslation("login");
@@ -12349,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;
@@ -12434,7 +12581,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
 var FacebookLogin = unwrapExports(facebookLoginRenderProps);
 facebookLoginRenderProps.FacebookLogin;
-const initialState$k = {
+const initialState$l = {
   email: "",
   password: "",
   firstName: "",
@@ -12455,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,
@@ -12677,7 +12824,7 @@ const RegisterContainer = ({
         });
       case RESET_LOGIN_FORM:
-        return initialState$k;
+        return initialState$l;
       case DISABLE_REGISTRATION_BUTTON:
         return lib_7({ ...state,
@@ -12695,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
@@ -12708,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
   })));
 };
 /**
@@ -12753,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({
@@ -12921,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({
@@ -13027,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;
@@ -13353,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 = ({
@@ -13377,7 +13524,7 @@ const RegisterButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$k);
+  } = React.useContext(store$l);
   const {
     t
   } = useTranslation("register");
@@ -13475,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({
@@ -13553,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({
@@ -13840,7 +13987,7 @@ function TextInput({
 const RegisterTextInput = props => {
   return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
-    store: store$k
+    store: store$l
   }));
 };
@@ -16424,7 +16571,7 @@ class TapGateway {
 /** @type {PaymentStateType} */
-const initialState$j = {
+const initialState$k = {
   disableSubmit: false,
   isLoading: false,
   disableCouponButton: false,
@@ -16449,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,
@@ -18135,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
   })));
 };
@@ -18176,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))));
   }
@@ -18229,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.
@@ -18311,7 +18458,7 @@ const DiscountedPrice = props => {
       taxAmount,
       percentOff
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     order,
     plan
@@ -18368,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());
@@ -18430,7 +18577,7 @@ const ApplyCouponButton = ({
       disableCouponButton
     },
     dispatch
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     t
   } = useTranslation("checkoutForm");
@@ -18464,7 +18611,7 @@ const CouponCodeField = props => {
       couponCode,
       couponError
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const onCouponCodeChange = e => {
     dispatch({
@@ -18520,7 +18667,7 @@ const CouponCode = ({
     state: {
       enableCouponField
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     t
   } = useTranslation("checkoutForm");
@@ -18777,7 +18924,7 @@ const PaypalSubscribeButton = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     product,
     plan,
@@ -18921,7 +19068,7 @@ const SelectedPaymentMethod = () => {
     state: {
       isLoading
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     switchView,
     selectedPaymentMethodId
@@ -18963,7 +19110,7 @@ const TaxAmount = () => {
     state: {
       taxAmount
     }
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     plan
   } = usePelcro();
@@ -18983,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 = ({
@@ -19004,7 +19151,7 @@ const SubscriptionCreateFreePlanButton = ({
       disableSubmit
     },
     dispatch
-  } = React.useContext(store$j);
+  } = React.useContext(store$k);
   const {
     t
   } = useTranslation("common");
@@ -19204,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,
@@ -19231,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
   })));
 };
@@ -19330,7 +19477,7 @@ const SubscriptionCancelReason = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$i);
+  } = React.useContext(store$j);
   const handleOnTextAreaBlur = e => {
     dispatch({
@@ -19378,7 +19525,7 @@ const SubscriptionCancelNowButton = ({
       cancelationReason
     },
     dispatch
-  } = React.useContext(store$i);
+  } = React.useContext(store$j);
   const {
     t
   } = useTranslation("subscriptionCancel");
@@ -19450,7 +19597,7 @@ const SubscriptionCancelLaterButton = ({
       cancelationReason
     },
     dispatch
-  } = React.useContext(store$i);
+  } = React.useContext(store$j);
   const {
     t
   } = useTranslation("subscriptionCancel");
@@ -19555,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,
@@ -19588,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
   })));
 };
@@ -19651,7 +19798,7 @@ const SubscriptionSuspendDate = props => {
   const {
     dispatch,
     state
-  } = React.useContext(store$h);
+  } = React.useContext(store$i);
   const handleInputChange = value => {
     if (value) {
@@ -19693,7 +19840,7 @@ const SubscriptionSuspendButton = ({
       buttonDisabled
     },
     dispatch
-  } = React.useContext(store$h);
+  } = React.useContext(store$i);
   const {
     t
   } = useTranslation("subscriptionSuspend");
@@ -20142,7 +20289,7 @@ class DefaultNewsLetter extends React.Component {
 const NewsLetter = withTranslation("newsletter")(DefaultNewsLetter);
-const initialState$g = {
+const initialState$h = {
   didSubToNewslettersBefore: false,
   newsletters: [],
   isListLoading: true,
@@ -20152,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,
@@ -20268,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;
@@ -20312,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
@@ -20320,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
   })));
 };
@@ -20340,7 +20487,7 @@ const NewsletterUpdateButton = ({
       isSubmitting,
       isListLoading
     }
-  } = React.useContext(store$g);
+  } = React.useContext(store$h);
   const {
     t
   } = useTranslation("newsletter");
@@ -20370,7 +20517,7 @@ const NewsletterUpdateList = () => {
       newsletters,
       isListLoading
     }
-  } = React.useContext(store$g);
+  } = React.useContext(store$h);
   if (isListLoading) {
     return /*#__PURE__*/React__default['default'].createElement(Loader, {
@@ -20459,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 = {
@@ -20796,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"
   })));
 }
@@ -25333,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];
@@ -25348,7 +25966,7 @@ function _extends$i() {
     return target;
   };
-  return _extends$i.apply(this, arguments);
+  return _extends$h.apply(this, arguments);
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -25532,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'
@@ -26060,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) {
@@ -26104,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)));
@@ -26231,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) {
@@ -26255,7 +26873,7 @@ var ActionTypes;
     }
   });
   if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
-  return _extends$i({}, state, {
+  return _extends$h({}, state, {
     searchQuery: '',
     activeItemIndex: activeItemIndex
   });
@@ -26266,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
@@ -26291,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;
@@ -26330,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) {
@@ -26363,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
   });
@@ -26376,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
   });
@@ -26387,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
@@ -26404,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;
@@ -26463,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,
@@ -26690,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,
@@ -26709,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,
@@ -26745,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
@@ -26822,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 = () => {
@@ -26872,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
@@ -26975,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"}`
@@ -32253,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;