@pelcro/react-pelcro-js 3.26.0-sandbox.2 → 3.26.0-sandbox.21

package/dist/index.esm.js

@@ -3332,7 +3332,7 @@ var paymentMethod_en = {
 var title$z = "Enter your email to subscribe to our newsletter";
 var updateTitle$3 = "Update newsletter selections";
 var subtitle$f = "We may use your email for other marketing communication";
-var labels$12 = {
+var labels$13 = {
 	submit: "Submit",
 	firstName: "First name",
 	lastName: "Last name",
@@ -3351,11 +3351,11 @@ var newsletter_en = {
 	title: title$z,
 	updateTitle: updateTitle$3,
 	subtitle: subtitle$f,
-	labels: labels$12,
+	labels: labels$13,
 	messages: messages$17
 };
 
-var labels$11 = {
+var labels$12 = {
 	"continue": "Continue to content"
 };
 var messages$16 = {
@@ -3384,7 +3384,7 @@ var errors$j = {
 	"": ""
 };
 var success_en = {
-	labels: labels$11,
+	labels: labels$12,
 	messages: messages$16,
 	errors: errors$j
 };
@@ -3408,7 +3408,7 @@ var messages$14 = {
 	bankRedirection: "Please hold, redirecting you to your bank.",
 	bankAuthenticationSuccess: "Please wait while we process your request."
 };
-var labels$10 = {
+var labels$11 = {
 	card: "Enter card number",
 	date: "Expiration date",
 	CVC: "CVC",
@@ -3432,7 +3432,7 @@ var labels$10 = {
 };
 var checkoutForm_en = {
 	messages: messages$14,
-	labels: labels$10
+	labels: labels$11
 };
 
 var youAreSafe$3 = "You're safe - PCI compliant 128 SSL by";
@@ -3456,7 +3456,7 @@ var messages_en = {
 	zeroTotalInvoice: zeroTotalInvoice$3
 };
 
-var labels$$ = {
+var labels$10 = {
 	email: "Enter email",
 	username: "Enter username",
 	password: "Enter password",
@@ -3484,12 +3484,12 @@ var errors$h = {
 	"": ""
 };
 var login_en = {
-	labels: labels$$,
+	labels: labels$10,
 	messages: messages$13,
 	errors: errors$h
 };
 
-var labels$_ = {
+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"
@@ -3499,13 +3499,13 @@ var messages$12 = {
 	success: "You have logged in successfully"
 };
 var verifyLinkToken_en = {
-	labels: labels$_,
+	labels: labels$$,
 	messages: messages$12
 };
 
 var title$y = "Create an account";
 var subtitle$e = "Enter your email and password below";
-var labels$Z = {
+var labels$_ = {
 	signUpFacebook: "Sign up with Facebook",
 	signUpGoogle: "Sign up with Google",
 	signUpEmail: "Sign up with Email",
@@ -3592,14 +3592,14 @@ var redeem$3 = {
 var register_en = {
 	title: title$y,
 	subtitle: subtitle$e,
-	labels: labels$Z,
+	labels: labels$_,
 	messages: messages$11,
 	errors: errors$g,
 	gift: gift$3,
 	redeem: redeem$3
 };
 
-var labels$Y = {
+var labels$Z = {
 	title: "Want to update your profile?",
 	subtitle: "Enter your information below to update your profile",
 	email: "Email",
@@ -3624,7 +3624,7 @@ var messages$10 = {
 	pictureUpdated: "Your profile picture was updated successfully."
 };
 var userEdit_en = {
-	labels: labels$Y,
+	labels: labels$Z,
 	messages: messages$10
 };
 
@@ -3632,7 +3632,7 @@ var title$x = "Enter your shipping address";
 var titleGifting$3 = "Enter your address";
 var selectAddressTitle$3 = "Please select an address";
 var selectAddressSubtitle$3 = "Select one of your saved addresses, or add a new one";
-var labels$X = {
+var labels$Y = {
 	address: "Address",
 	code: "Postal Code/Zip",
 	city: "City",
@@ -3657,7 +3657,7 @@ var address_en = {
 	titleGifting: titleGifting$3,
 	selectAddressTitle: selectAddressTitle$3,
 	selectAddressSubtitle: selectAddressSubtitle$3,
-	labels: labels$X,
+	labels: labels$Y,
 	buttons: buttons$i,
 	messages: messages$$
 };
@@ -3777,17 +3777,17 @@ var messages$Y = {
 	multipleCurrencies: "Your cart currently contains items which are available in different currencies. In order to proceed with the checkout, please make sure that all items have the same currency.",
 	currencyMismatch: "The selected item(s) do not match your current default currency ({{currency}}). Please choose item(s) only matching this currency."
 };
-var labels$W = {
+var labels$X = {
 	summary: "Order summary",
 	total: "total"
 };
 var shop_en = {
 	buttons: buttons$h,
 	messages: messages$Y,
-	labels: labels$W
+	labels: labels$X
 };
 
-var labels$V = {
+var labels$W = {
 	cardNumber: "Card number",
 	securityCode: "Security Code",
 	submit: "Submit",
@@ -3823,12 +3823,12 @@ var errors$f = {
 	"": ""
 };
 var payment_en = {
-	labels: labels$V,
+	labels: labels$W,
 	messages: messages$X,
 	errors: errors$f
 };
 
-var labels$U = {
+var labels$V = {
 	menu: "Pelcro Menu",
 	name: "Name",
 	email: "Email",
@@ -3936,7 +3936,7 @@ var messages$W = {
 	}
 };
 var dashboard_en = {
-	labels: labels$U,
+	labels: labels$V,
 	messages: messages$W
 };
 
@@ -3945,7 +3945,7 @@ var messages$V = {
 	loginHere: "Login here",
 	checkbox: "Check this box to gift this subscription"
 };
-var labels$T = {
+var labels$U = {
 	plan: {
 		title: "Subscribe to a plan",
 		subtitle: "Select one of the plans below and click on next."
@@ -3969,7 +3969,7 @@ var buttons$g = {
 };
 var select_en = {
 	messages: messages$V,
-	labels: labels$T,
+	labels: labels$U,
 	buttons: buttons$g
 };
 
@@ -3983,7 +3983,7 @@ var notification_en = {
 	confirm: confirm$9
 };
 
-var labels$S = {
+var labels$T = {
 	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"
@@ -3993,12 +3993,12 @@ var messages$U = {
 	success: "Email verified successfully!"
 };
 var verifyEmail_en = {
-	labels: labels$S,
+	labels: labels$T,
 	messages: messages$U
 };
 
 var title$r = "Invoice details";
-var labels$R = {
+var labels$S = {
 	summary: "Summary",
 	total: "Total",
 	amountPaid: "Amount paid",
@@ -4011,19 +4011,23 @@ var buttons$f = {
 };
 var invoiceDetails_en = {
 	title: title$r,
-	labels: labels$R,
+	labels: labels$S,
 	buttons: buttons$f
 };
 
-var labels$Q = {
+var labels$R = {
 	title: "Cancel subscription",
 	cancelReason: "Cancellation reason",
+	endOn: "End on",
+	endImmediately: "End immediately",
+	cancel: "Cancel",
 	subCancellation: {
 		goBack: "Go back"
 	}
 };
 var messages$T = {
 	subscriptionEnd: "This subscription is set to expire on",
+	cancelWhen: "When would you like to cancel?",
 	cancelNow: "Cancel Subscription Now",
 	cancelLater: "Cancel at Period End",
 	subCancellation: {
@@ -4035,59 +4039,11 @@ var messages$T = {
 	}
 };
 var subscriptionCancel_en = {
-	labels: labels$Q,
+	labels: labels$R,
 	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 = {
+var labels$Q = {
 	inviteMembers: "Invite Members",
 	listOfMembers: "List of members",
 	invite: "Invite",
@@ -4095,48 +4051,21 @@ var labels$N = {
 	emails: "Enter emails",
 	status: "Status",
 	actions: "Actions",
-	email: "Email"
+	email: "Email",
+	listNote: "Comma-separated list e.g."
 };
 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
+	labels: labels$Q
 };
 
-var labels$K = {
+var labels$P = {
 	title: "Suspend subscription",
 	suspensionDate: "Suspension date",
 	subCancellation: {
 		goBack: "Go back"
 	}
 };
-var messages$Q = {
+var messages$S = {
 	suspensionEnd: "The suspension is set to expire on",
 	suspendNow: "Suspend Subscription Now",
 	suspendLater: "Suspend at Period End",
@@ -4149,8 +4078,8 @@ var messages$Q = {
 	}
 };
 var subscriptionSuspend_en = {
-	labels: labels$K,
-	messages: messages$Q
+	labels: labels$P,
+	messages: messages$S
 };
 
 var validation$2 = {
@@ -4274,7 +4203,7 @@ var paymentMethod_fr = {
 var title$q = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
 var updateTitle$2 = "Mettre à jour son choix d'infolettres";
 var subtitle$b = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
-var labels$J = {
+var labels$O = {
 	submit: "Lire l’article !",
 	firstName: "Prénom",
 	lastName: "Nom de famille",
@@ -4282,7 +4211,7 @@ var labels$J = {
 	postalCode: "Code postal",
 	required: "Champs obligatoires"
 };
-var messages$P = {
+var messages$R = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	success: "Votre choix d'infolettres à été mis à jour",
 	loginHere: "Connectez-vous ici",
@@ -4293,14 +4222,14 @@ var newsletter_fr = {
 	title: title$q,
 	updateTitle: updateTitle$2,
 	subtitle: subtitle$b,
-	labels: labels$J,
-	messages: messages$P
+	labels: labels$O,
+	messages: messages$R
 };
 
-var labels$I = {
+var labels$N = {
 	"continue": "Abonnement réussi !"
 };
-var messages$O = {
+var messages$Q = {
 	yourFreeTrial: "Votre essai gratuit vient de débuter",
 	youHaveAccess: "Nous espérons que vous allez apprécier votre abonnement. Veuillez nous contacter si vous avez des questions ou des préoccupations.",
 	clickToLearn: {
@@ -4326,12 +4255,12 @@ var errors$e = {
 	"": ""
 };
 var success_fr = {
-	labels: labels$I,
-	messages: messages$O,
+	labels: labels$N,
+	messages: messages$Q,
 	errors: errors$e
 };
 
-var messages$N = {
+var messages$P = {
 	freeVisits: "Visites gratuites restantes:",
 	subscribeNow: "Abonnez-vous maintenant !",
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
@@ -4341,16 +4270,16 @@ var errors$d = {
 	"": ""
 };
 var meter_fr = {
-	messages: messages$N,
+	messages: messages$P,
 	errors: errors$d
 };
 
-var messages$M = {
+var messages$O = {
 	youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
 	bankRedirection: "Veuillez patienter, nous vous redirigeons vers votre banque.",
 	bankAuthenticationSuccess: "Veuillez patienter pendant que nous accédons à votre requête."
 };
-var labels$H = {
+var labels$M = {
 	card: "Entrez le numéro de carte",
 	date: "Date d’expiration",
 	CVC: "CVC",
@@ -4373,8 +4302,8 @@ var labels$H = {
 	freeItems: "Articles gratuits"
 };
 var checkoutForm_fr = {
-	messages: messages$M,
-	labels: labels$H
+	messages: messages$O,
+	labels: labels$M
 };
 
 var youAreSafe$2 = "Vous êtes en sécurité - PCI conforme 128 SSL par";
@@ -4398,7 +4327,7 @@ var messages_fr = {
 	zeroTotalInvoice: zeroTotalInvoice$2
 };
 
-var labels$G = {
+var labels$L = {
 	email: "Entrez votre adresse courriel",
 	username: "Saisissez votre nom d'utilisateur",
 	password: "Entrez votre mot de passe",
@@ -4407,7 +4336,7 @@ var labels$G = {
 	passwordPlaceholder: "Mot de passe",
 	login: "Connexion"
 };
-var messages$L = {
+var messages$N = {
 	loginTo: "Connectez-vous à votre compte",
 	welcome: "Bienvenue, connectez-vous avec votre compte existant.",
 	dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -4426,28 +4355,28 @@ var errors$c = {
 	"": ""
 };
 var login_fr = {
-	labels: labels$G,
-	messages: messages$L,
+	labels: labels$L,
+	messages: messages$N,
 	errors: errors$c
 };
 
-var labels$F = {
+var labels$K = {
 	title: "Confirmez votre courriel",
 	instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
 	resend: "Renvoyer le courriel"
 };
-var messages$K = {
+var messages$M = {
 	resent: "Renvoyé avec succès",
 	success: "Vous vous êtes connecté avec succès"
 };
 var verifyLinkToken_fr = {
-	labels: labels$F,
-	messages: messages$K
+	labels: labels$K,
+	messages: messages$M
 };
 
 var title$p = "Créer un compte";
 var subtitle$a = "Entrez votre courriel et votre mot de passe ci-dessous";
-var labels$E = {
+var labels$J = {
 	signUpFacebook: "Inscrivez-vous avec Facebook",
 	signUpGoogle: "Inscrivez-vous avec Google",
 	signUpEmail: "Inscrivez-vous avec votre courriel",
@@ -4460,7 +4389,7 @@ var labels$E = {
 	lastName: "Nom de famille",
 	phone: "Téléphoner"
 };
-var messages$J = {
+var messages$L = {
 	alreadyHaveAccount: "Vous avez déjà un compte?",
 	createAccount: "Créer un compte",
 	loginHere: "Connectez-vous ici",
@@ -4535,14 +4464,14 @@ var redeem$2 = {
 var register_fr = {
 	title: title$p,
 	subtitle: subtitle$a,
-	labels: labels$E,
-	messages: messages$J,
+	labels: labels$J,
+	messages: messages$L,
 	errors: errors$b,
 	gift: gift$2,
 	redeem: redeem$2
 };
 
-var labels$D = {
+var labels$I = {
 	title: "Voulez-vous mettre à jour votre profil ?",
 	subtitle: "Entrez vos informations ci-dessous pour mettre à jour votre profil",
 	email: "Address courriel",
@@ -4561,21 +4490,21 @@ var labels$D = {
 	zoom: "Zoom",
 	tin: "Numéro d'identification fiscale"
 };
-var messages$I = {
+var messages$K = {
 	userUpdated: "Votre profil a été mis à jour avec succès.",
 	pictureRemoved: "Votre photo de profil a été supprimée avec succès.",
 	pictureUpdated: "Votre photo de profil a été mise à jour avec succès."
 };
 var userEdit_fr = {
-	labels: labels$D,
-	messages: messages$I
+	labels: labels$I,
+	messages: messages$K
 };
 
 var title$o = "Entrez votre adresse de livraison";
 var titleGifting$2 = "Entrez votre adresse";
 var selectAddressTitle$2 = "Veuillez sélectionner une adresse";
 var selectAddressSubtitle$2 = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
-var labels$C = {
+var labels$H = {
 	address: "Adresse",
 	code: "Code postal / Zip",
 	city: "Ville",
@@ -4591,7 +4520,7 @@ var buttons$d = {
 	selectAddress: "Choisir cette adresse",
 	addAddress: "Ajouter une nouvelle adresse"
 };
-var messages$H = {
+var messages$J = {
 	addressUpdated: "Votre adresse a été mise à jour avec succès",
 	subRedeemed: "Votre abonnement a bien été activé."
 };
@@ -4600,9 +4529,9 @@ var address_fr = {
 	titleGifting: titleGifting$2,
 	selectAddressTitle: selectAddressTitle$2,
 	selectAddressSubtitle: selectAddressSubtitle$2,
-	labels: labels$C,
+	labels: labels$H,
 	buttons: buttons$d,
-	messages: messages$H
+	messages: messages$J
 };
 
 var title$n = "Réinitialiser votre mot de passe";
@@ -4630,7 +4559,7 @@ var password$4 = "Mot de passe";
 var submit$a = "Soumettre";
 var required$a = "Champs obligatoires";
 var passwordResetEmailSent$2 = "Un lien pour réinitialiser votre mot de passe vous a été envoyé. Si vous ne le recevez pas, vérifier votre courrier indésirable.";
-var messages$G = {
+var messages$I = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	loginHere: "Connectez-vous ici"
 };
@@ -4641,7 +4570,7 @@ var passwordForgot_fr = {
 	submit: submit$a,
 	required: required$a,
 	passwordResetEmailSent: passwordResetEmailSent$2,
-	messages: messages$G
+	messages: messages$I
 };
 
 var title$l = "Changez votre mot de passe";
@@ -4669,7 +4598,7 @@ var title$k = "Connexion sans mot de passe";
 var email$6 = "Entrez votre adresse courriel";
 var submit$8 = "Soumettre";
 var required$8 = "Champs obligatoires";
-var messages$F = {
+var messages$H = {
 	PasswordlessLoginSuccess: "Vous avez été authentifié avec succès avec la connexion sans mot de passe"
 };
 var passwordlessRequest_fr = {
@@ -4677,7 +4606,7 @@ var passwordlessRequest_fr = {
 	email: email$6,
 	submit: submit$8,
 	required: required$8,
-	messages: messages$F
+	messages: messages$H
 };
 
 var title$j = "Votre panier";
@@ -4711,7 +4640,7 @@ var buttons$c = {
 	purchase: "Acheter",
 	"continue": "Continuer au contenu"
 };
-var messages$E = {
+var messages$G = {
 	orderConfirmed: {
 		title: "Votre commande est confirmée !",
 		body: "Votre commande a été confirmée et vous sera expédiée dans les prochains jours. Vous recevrez un courriel de confirmation sous peu."
@@ -4720,17 +4649,17 @@ var messages$E = {
 	multipleCurrencies: "Votre panier contient des articles disponibles dans différentes devises. Avant de passer à la caisse, veuillez vous assurer que tous les articles ont la même devise.",
 	currencyMismatch: "Les articles sélectionnés ne sont pas compatibles avec la devise associée à votre compte ({{currency}}). Veuillez choisir des articles uniquement offerts dans cette devise."
 };
-var labels$B = {
+var labels$G = {
 	summary: "récapitulatif de commande",
 	total: "total"
 };
 var shop_fr = {
 	buttons: buttons$c,
-	messages: messages$E,
-	labels: labels$B
+	messages: messages$G,
+	labels: labels$G
 };
 
-var labels$A = {
+var labels$F = {
 	cardNumber: "Numéro de carte",
 	securityCode: "Code de sécurité",
 	submit: "Soumettre",
@@ -4752,7 +4681,7 @@ var labels$A = {
 		title: "Informations de paiement"
 	}
 };
-var messages$D = {
+var messages$F = {
 	youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
 	cancel: "Annuler votre abonnement en ligne à tout moment.",
 	giftSent: "Le cadeau d’abonnement a été envoyé à",
@@ -4766,12 +4695,12 @@ var errors$a = {
 	"": ""
 };
 var payment_fr = {
-	labels: labels$A,
-	messages: messages$D,
+	labels: labels$F,
+	messages: messages$F,
 	errors: errors$a
 };
 
-var labels$z = {
+var labels$E = {
 	menu: "Menu Pelcro",
 	name: "Nom",
 	email: "Courriel",
@@ -4859,7 +4788,7 @@ var labels$z = {
 		goBack: "Retourner"
 	}
 };
-var messages$C = {
+var messages$E = {
 	noCard: "Vous n’avez pas une carte",
 	subCancellation: {
 		isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -4879,16 +4808,16 @@ var messages$C = {
 	}
 };
 var dashboard_fr = {
-	labels: labels$z,
-	messages: messages$C
+	labels: labels$E,
+	messages: messages$E
 };
 
-var messages$B = {
+var messages$D = {
 	alreadyHaveAccount: "Vous avez déjà un compte ?",
 	loginHere: "Connectez-vous ici",
 	checkbox: "Cochez cette case pour offrir cet abonnement"
 };
-var labels$y = {
+var labels$D = {
 	plan: {
 		title: "Abonnez-vous à un plan",
 		subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -4911,8 +4840,8 @@ var buttons$b = {
 	back: "Retour"
 };
 var select_fr = {
-	messages: messages$B,
-	labels: labels$y,
+	messages: messages$D,
+	labels: labels$D,
 	buttons: buttons$b
 };
 
@@ -4926,22 +4855,22 @@ var notification_fr = {
 	confirm: confirm$6
 };
 
-var labels$x = {
+var labels$C = {
 	title: "Confirmez votre courriel",
 	instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
 	resend: "Renvoyer le courriel"
 };
-var messages$A = {
+var messages$C = {
 	resent: "Renvoyé avec succès",
 	success: "Adresse courriel vérifiée avec succès"
 };
 var verifyEmail_fr = {
-	labels: labels$x,
-	messages: messages$A
+	labels: labels$C,
+	messages: messages$C
 };
 
 var title$i = "Détails de la facture";
-var labels$w = {
+var labels$B = {
 	summary: "Résumé",
 	total: "Total",
 	amountPaid: "Montant payé",
@@ -4954,18 +4883,61 @@ var buttons$a = {
 };
 var invoiceDetails_fr = {
 	title: title$i,
-	labels: labels$w,
+	labels: labels$B,
 	buttons: buttons$a
 };
 
-var labels$v = {
+var labels$A = {
+	title: "Annuler l'abonnement",
+	cancelReason: "Motif d'annulation",
+	endOn: "Fin sur",
+	endImmediately: "Fin immédiate",
+	cancel: "Annuler",
+	subCancellation: {
+		goBack: "Retourner"
+	}
+};
+var messages$B = {
+	subscriptionEnd: "Cet abonnement doit expirer le",
+	cancelWhen: "Quand voulez-vous annuler?",
+	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$A,
+	messages: messages$B
+};
+
+var labels$z = {
+	inviteMembers: "Inviter des membres",
+	listOfMembers: "Liste des membres",
+	invite: "Inviter",
+	remove: "Retirer",
+	emails: "Saisir les e-mails",
+	status: "Statut",
+	actions: "Actions",
+	email: "E-mail",
+	listNote: "Liste séparée par des virgules, par ex."
+};
+var subscriptionManageMembers_fr = {
+	labels: labels$z
+};
+
+var labels$y = {
 	title: "Suspendre l'abonnement",
 	suspensionDate: "Date de suspension",
 	subCancellation: {
 		goBack: "Revenir en arrière"
 	}
 };
-var messages$z = {
+var messages$A = {
 	suspensionEnd: "La suspension doit expirer le",
 	suspendNow: "Suspendre l'abonnement maintenant",
 	suspendLater: "Suspendre à la fin de la période",
@@ -4978,8 +4950,8 @@ var messages$z = {
 	}
 };
 var subscriptionSuspend_fr = {
-	labels: labels$v,
-	messages: messages$z
+	labels: labels$y,
+	messages: messages$A
 };
 
 var validation$1 = {
@@ -5102,7 +5074,7 @@ var paymentMethod_ko = {
 var title$h = "Frieze 뉴스레터를 구독하려면 이메일을 입력하세요.";
 var updateTitle$1 = "뉴스레터 선택 업데이트";
 var subtitle$7 = "귀하의 이메일은 다른 마케팅 용도로도 사용됩니다.";
-var labels$u = {
+var labels$x = {
 	submit: "제출",
 	firstName: "이름",
 	lastName: "성",
@@ -5110,7 +5082,7 @@ var labels$u = {
 	postalCode: "우편번호",
 	required: "필수 항목"
 };
-var messages$y = {
+var messages$z = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	success: "뉴스레터가 성공적으로 업데이트되었습니다.",
 	loginHere: "여기에서 로그인하세요.",
@@ -5121,14 +5093,14 @@ var newsletter_ko = {
 	title: title$h,
 	updateTitle: updateTitle$1,
 	subtitle: subtitle$7,
-	labels: labels$u,
-	messages: messages$y
+	labels: labels$x,
+	messages: messages$z
 };
 
-var labels$t = {
+var labels$w = {
 	"continue": "콘텐츠로 돌아가기"
 };
-var messages$x = {
+var messages$y = {
 	yourFreeTrial: "유료 멤버십에 가입하셨습니다!",
 	youHaveAccess: "멤버십 혜택을 즐기시기를 바라며, 질문이나 문의 사항이 있으면 저희에게 연락주십시오.",
 	clickToLearn: {
@@ -5154,12 +5126,12 @@ var errors$9 = {
 	"": ""
 };
 var success_ko = {
-	labels: labels$t,
-	messages: messages$x,
+	labels: labels$w,
+	messages: messages$y,
 	errors: errors$9
 };
 
-var messages$w = {
+var messages$x = {
 	freeVisits: "남은 무료 방문 기간:",
 	subscribeNow: "멤버십 가입",
 	alreadyHaveAccount: "이미 계정이 있습니까?",
@@ -5169,16 +5141,16 @@ var errors$8 = {
 	"": ""
 };
 var meter_ko = {
-	messages: messages$w,
+	messages: messages$x,
 	errors: errors$8
 };
 
-var messages$v = {
+var messages$w = {
 	youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
 	bankRedirection: "잠시만 기다려 주십시오. 결제 은행으로 연결 중입니다.",
 	bankAuthenticationSuccess: "요청을 처리하는 동안 기다려 주십시오."
 };
-var labels$s = {
+var labels$v = {
 	card: "카드 번호 입력",
 	date: "만료일",
 	CVC: "CVC",
@@ -5201,8 +5173,8 @@ var labels$s = {
 	freeItems: "무료 아이템"
 };
 var checkoutForm_ko = {
-	messages: messages$v,
-	labels: labels$s
+	messages: messages$w,
+	labels: labels$v
 };
 
 var youAreSafe$1 = "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ";
@@ -5226,7 +5198,7 @@ var messages_ko = {
 	zeroTotalInvoice: zeroTotalInvoice$1
 };
 
-var labels$r = {
+var labels$u = {
 	email: "이메일 입력",
 	username: "사용자 이름 입력",
 	password: "비밀번호 입력",
@@ -5235,7 +5207,7 @@ var labels$r = {
 	passwordPlaceholder: "비밀번호",
 	login: "로그인"
 };
-var messages$u = {
+var messages$v = {
 	loginTo: "귀하의 계정에 로그인",
 	welcome: "반갑습니다. 귀하의 기존 계정으로 로그인하세요.",
 	dontHaveAccount: "아직 계정이 없으신가요?",
@@ -5254,28 +5226,28 @@ var errors$7 = {
 	"": ""
 };
 var login_ko = {
-	labels: labels$r,
-	messages: messages$u,
+	labels: labels$u,
+	messages: messages$v,
 	errors: errors$7
 };
 
-var labels$q = {
+var labels$t = {
 	title: "비밀번호 없는 링크 확인",
 	instructions: "가는 중입니다!\n이메일 주소를 확인하겠습니다.\n이메일로 전송된 확인 링크를 클릭하세요.",
 	resend: "이메일 재전송"
 };
-var messages$t = {
+var messages$u = {
 	resent: "성공적으로 재전송",
 	success: "성공적으로 로그인했습니다"
 };
 var verifyLinkToken_ko = {
-	labels: labels$q,
-	messages: messages$t
+	labels: labels$t,
+	messages: messages$u
 };
 
 var title$g = "계정 만들기";
 var subtitle$6 = "아래에 이메일과 비밀번호를 입력하세요.";
-var labels$p = {
+var labels$s = {
 	signUpFacebook: "Facebook으로 가입하기",
 	signUpGoogle: "Google로 가입하기",
 	signUpEmail: "이메일로 가입하기",
@@ -5288,7 +5260,7 @@ var labels$p = {
 	lastName: "성",
 	phone: "핸드폰"
 };
-var messages$s = {
+var messages$t = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	createAccount: "계정 만들기",
 	loginHere: "여기에서 로그인하세요.",
@@ -5362,14 +5334,14 @@ var redeem$1 = {
 var register_ko = {
 	title: title$g,
 	subtitle: subtitle$6,
-	labels: labels$p,
-	messages: messages$s,
+	labels: labels$s,
+	messages: messages$t,
 	errors: errors$6,
 	gift: gift$1,
 	redeem: redeem$1
 };
 
-var labels$o = {
+var labels$r = {
 	title: "프로파일을 업데이트하시겠습니까?",
 	subtitle: "프로필을 업데이트하려면 아래 정보를 입력하세요.",
 	email: "이메일",
@@ -5388,21 +5360,21 @@ var labels$o = {
 	zoom: "확대",
 	tin: "세금 식별 번호"
 };
-var messages$r = {
+var messages$s = {
 	userUpdated: "감사합니다! 프로필이 성공적으로 업데이트되었습니다.",
 	pictureRemoved: "귀하의 프로필 사진이 제거되었습니다.",
 	pictureUpdated: "귀하의 프로필 사진이 업데이트되었습니다."
 };
 var userEdit_ko = {
-	labels: labels$o,
-	messages: messages$r
+	labels: labels$r,
+	messages: messages$s
 };
 
 var title$f = "배송 주소를 입력하십시오.";
 var titleGifting$1 = "주소를 입력하세요";
 var selectAddressTitle$1 = "주소를 선택하십시오.";
 var selectAddressSubtitle$1 = "저장된 주소에서 선택하거나 새 주소를 추가하십시오.";
-var labels$n = {
+var labels$q = {
 	address: "주소",
 	code: "우편번호",
 	city: "도시",
@@ -5418,7 +5390,7 @@ var buttons$8 = {
 	selectAddress: "주소 선택",
 	addAddress: "새 주소 추가"
 };
-var messages$q = {
+var messages$r = {
 	addressUpdated: "주소가 성공적으로 업데이트되었습니다!",
 	subRedeemed: "귀하의 유료 멤버십이 사용되었습니다."
 };
@@ -5427,9 +5399,9 @@ var address_ko = {
 	titleGifting: titleGifting$1,
 	selectAddressTitle: selectAddressTitle$1,
 	selectAddressSubtitle: selectAddressSubtitle$1,
-	labels: labels$n,
+	labels: labels$q,
 	buttons: buttons$8,
-	messages: messages$q
+	messages: messages$r
 };
 
 var title$e = "비밀번호 재설정";
@@ -5457,7 +5429,7 @@ var password$2 = "비밀번호";
 var submit$6 = "제출";
 var required$6 = "필수 항목";
 var passwordResetEmailSent$1 = "비밀번호 재설정 안내가 귀하의 이메일로 발송되었습니다.";
-var messages$p = {
+var messages$q = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	loginHere: "여기에서 로그인하세요."
 };
@@ -5468,7 +5440,7 @@ var passwordForgot_ko = {
 	submit: submit$6,
 	required: required$6,
 	passwordResetEmailSent: passwordResetEmailSent$1,
-	messages: messages$p
+	messages: messages$q
 };
 
 var title$c = "비밀번호를 변경합니다.";
@@ -5496,7 +5468,7 @@ var title$b = "비밀번호 없는 로그인";
 var email$3 = "이메일 입력";
 var submit$4 = "제출";
 var required$4 = "필수 항목";
-var messages$o = {
+var messages$p = {
 	PasswordlessLoginSuccess: "비밀번호 없는 로그인으로 성공적으로 인증되었습니다."
 };
 var passwordlessRequest_ko = {
@@ -5504,7 +5476,7 @@ var passwordlessRequest_ko = {
 	email: email$3,
 	submit: submit$4,
 	required: required$4,
-	messages: messages$o
+	messages: messages$p
 };
 
 var title$a = "귀하의 장바구니";
@@ -5538,7 +5510,7 @@ var buttons$7 = {
 	purchase: "구매",
 	"continue": "계속"
 };
-var messages$n = {
+var messages$o = {
 	orderConfirmed: {
 		title: "주문이 확인되었습니다!",
 		body: "귀하의 주문이 확인되었으며 며칠 안에 배송될 예정입니다. 이 주문의 확인 이메일이 귀하에게 전송됩니다."
@@ -5547,17 +5519,17 @@ var messages$n = {
 	multipleCurrencies: "장바구니에 다른 통화로만 결제가 가능한 아이템이 있습니다. 결제를 계속 진행하려면 모든 아이템의 결제 통화가 동일한지 확인하십시오.",
 	currencyMismatch: "선택하신 아이템(들)이 귀하가 설정한 기본 통화({{currency}})와 일치하지 않습니다. 기본 통화와 일치하는 아이템(들)만 선택하십시오."
 };
-var labels$m = {
+var labels$p = {
 	summary: "주문 요약",
 	total: "총계"
 };
 var shop_ko = {
 	buttons: buttons$7,
-	messages: messages$n,
-	labels: labels$m
+	messages: messages$o,
+	labels: labels$p
 };
 
-var labels$l = {
+var labels$o = {
 	cardNumber: "카드 번호",
 	securityCode: "보안 코드",
 	submit: "제출",
@@ -5579,7 +5551,7 @@ var labels$l = {
 		title: "결제 정보"
 	}
 };
-var messages$m = {
+var messages$n = {
 	youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
 	cancel: "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.",
 	giftSent: "유료 멤버십 선물이 ",
@@ -5593,12 +5565,12 @@ var errors$5 = {
 	"": ""
 };
 var payment_ko = {
-	labels: labels$l,
-	messages: messages$m,
+	labels: labels$o,
+	messages: messages$n,
 	errors: errors$5
 };
 
-var labels$k = {
+var labels$n = {
 	menu: "Pelcro 메뉴",
 	name: "이름",
 	email: "이메일",
@@ -5746,7 +5718,7 @@ var savedItems = {
 var subCancellation = {
 	goBack: "뒤로 가기"
 };
-var messages$l = {
+var messages$m = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
 		isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
@@ -5766,7 +5738,7 @@ var messages$l = {
 	}
 };
 var dashboard_ko = {
-	labels: labels$k,
+	labels: labels$n,
 	shipments: shipments,
 	logout: logout,
 	dashboard: dashboard$1,
@@ -5815,15 +5787,15 @@ var dashboard_ko = {
 	orders: orders,
 	savedItems: savedItems,
 	subCancellation: subCancellation,
-	messages: messages$l
+	messages: messages$m
 };
 
-var messages$k = {
+var messages$l = {
 	alreadyHaveAccount: "이미 계정이 있습니까?",
 	loginHere: "여기에서 로그인하세요.",
 	checkbox: "이 유료 멤버십을 선물하려면 체크하세요."
 };
-var labels$j = {
+var labels$m = {
 	plan: {
 		title: "요금제 가입하기",
 		subtitle: "아래 요금제 중 하나를 선택하고 다음을 클릭하세요."
@@ -5846,8 +5818,8 @@ var buttons$6 = {
 	back: "뒤로"
 };
 var select_ko = {
-	messages: messages$k,
-	labels: labels$j,
+	messages: messages$l,
+	labels: labels$m,
 	buttons: buttons$6
 };
 
@@ -5861,22 +5833,22 @@ var notification_ko = {
 	confirm: confirm$3
 };
 
-var labels$i = {
+var labels$l = {
 	title: "이메일 주소를 인증하세요.",
 	instructions: "거의 완료되었습니다!\n이메일 주소만 인증하면 됩니다.\n다음 이메일 주소로 전송된 인증 링크를 클릭해 주십시오:",
 	resend: "이메일 재전송"
 };
-var messages$j = {
+var messages$k = {
 	resent: "재전송 완료",
 	success: "이메일 주소가 인증되었습니다!"
 };
 var verifyEmail_ko = {
-	labels: labels$i,
-	messages: messages$j
+	labels: labels$l,
+	messages: messages$k
 };
 
 var title$9 = "인보이스 세부 정보";
-var labels$h = {
+var labels$k = {
 	summary: "요약",
 	total: "총계",
 	amountPaid: "지불된 금액",
@@ -5889,11 +5861,54 @@ var buttons$5 = {
 };
 var invoiceDetails_ko = {
 	title: title$9,
-	labels: labels$h,
+	labels: labels$k,
 	buttons: buttons$5
 };
 
-var labels$g = {
+var labels$j = {
+	title: "구독 취소",
+	cancelReason: "취소 사유",
+	endOn: "종료",
+	endImmediately: "즉시 종료",
+	cancel: "취소",
+	subCancellation: {
+		goBack: "돌아가기"
+	}
+};
+var messages$j = {
+	subscriptionEnd: "이 구독은 다음 날짜에 만료되도록 설정되었습니다.",
+	cancelWhen: "언제 취소하시겠습니까?",
+	cancelNow: "지금 구독 취소",
+	cancelLater: "기간 종료 시 취소",
+	subCancellation: {
+		isSureToCancelNow: "구독을 즉시 취소하시겠습니까?",
+		isSureToCancel: "구독을 취소하시겠습니까?",
+		loading: "구독 취소",
+		success: "구독이 성공적으로 취소되었습니다.",
+		error: "구독 취소 중 오류 발생"
+	}
+};
+var subscriptionCancel_ko = {
+	labels: labels$j,
+	messages: messages$j
+};
+
+var labels$i = {
+	inviteMembers: "회원 초대",
+	listOfMembers: "구성원 목록",
+	invite: "초대",
+	remove: "제거하다",
+	emails: "이메일 입력",
+	status: "상태",
+	actions: "행위",
+	email: "이메일",
+	listNote: "쉼표로 구분된 목록입니다."
+};
+var subscriptionManageMembers_ko = {
+	labels: labels$i
+};
+
+var labels$h = {
 	title: "구독 중단",
 	suspensionDate: "중단 날짜",
 	subCancellation: {
@@ -5913,7 +5928,7 @@ var messages$i = {
 	}
 };
 var subscriptionSuspend_ko = {
-	labels: labels$g,
+	labels: labels$h,
 	messages: messages$i
 };
 
@@ -6034,7 +6049,7 @@ var paymentMethod_es = {
 var title$8 = "Ingresa tu correo para suscribirte a nuestro boletín";
 var updateTitle = "Actualizar selecciones del boletín";
 var subtitle$3 = "Podríamos usar tu dirección de correo para otras comunicaciones de marketing";
-var labels$f = {
+var labels$g = {
 	submit: "Enviar",
 	firstName: "Nombre",
 	lastName: "Apellido",
@@ -6053,11 +6068,11 @@ var newsletter_es = {
 	title: title$8,
 	updateTitle: updateTitle,
 	subtitle: subtitle$3,
-	labels: labels$f,
+	labels: labels$g,
 	messages: messages$h
 };
 
-var labels$e = {
+var labels$f = {
 	"continue": "Continuar al contenido"
 };
 var messages$g = {
@@ -6086,7 +6101,7 @@ var errors$4 = {
 	"": ""
 };
 var success_es = {
-	labels: labels$e,
+	labels: labels$f,
 	messages: messages$g,
 	errors: errors$4
 };
@@ -6110,7 +6125,7 @@ var messages$e = {
 	bankRedirection: "Por favor, espera, estamos redireccionando a tu banco.",
 	bankAuthenticationSuccess: "Por favor, espera un momento mientras procesamos tu solicitud."
 };
-var labels$d = {
+var labels$e = {
 	card: "Ingresar número de tarjeta",
 	date: "Vencimiento",
 	CVC: "CVC",
@@ -6134,7 +6149,7 @@ var labels$d = {
 };
 var checkoutForm_es = {
 	messages: messages$e,
-	labels: labels$d
+	labels: labels$e
 };
 
 var youAreSafe = "Estás seguro - PCI compliance 128 SSL por";
@@ -6156,7 +6171,7 @@ var messages_es = {
 	zeroTotalInvoice: zeroTotalInvoice
 };
 
-var labels$c = {
+var labels$d = {
 	email: "Ingresar correo",
 	password: "Ingresar contraseña",
 	required: "obligatorio",
@@ -6183,12 +6198,12 @@ var errors$2 = {
 	"": ""
 };
 var login_es = {
-	labels: labels$c,
+	labels: labels$d,
 	messages: messages$d,
 	errors: errors$2
 };
 
-var labels$b = {
+var labels$c = {
 	title: "Verificando Enlace Sin Contraseña",
 	instructions: "¡Ya casi terminas!\nVamos a confirmar tu dirección de correo.\nPulsa el enlace de verificación que hemos enviado a tu correo:",
 	resend: "Reenviar correo"
@@ -6198,13 +6213,13 @@ var messages$c = {
 	success: "Inicio de sesión exitoso"
 };
 var verifyLinkToken_es = {
-	labels: labels$b,
+	labels: labels$c,
 	messages: messages$c
 };
 
 var title$7 = "Crear una cuenta";
 var subtitle$2 = "Ingresa tu correo y contraseña a continuación";
-var labels$a = {
+var labels$b = {
 	signUpFacebook: "Regístrate con Facebook",
 	signUpGoogle: "Regístrate con Google",
 	signUpEmail: "Regístrate con Correo",
@@ -6291,14 +6306,14 @@ var redeem = {
 var register_es = {
 	title: title$7,
 	subtitle: subtitle$2,
-	labels: labels$a,
+	labels: labels$b,
 	messages: messages$b,
 	errors: errors$1,
 	gift: gift,
 	redeem: redeem
 };
 
-var labels$9 = {
+var labels$a = {
 	title: "¿Quieres actualizar tu perfil?",
 	subtitle: "Ingresa tu información a continuación para actualizar tu perfil",
 	email: "Correo",
@@ -6323,7 +6338,7 @@ var messages$a = {
 	pictureUpdated: "Tu foto de perfil se actualizó con éxito."
 };
 var userEdit_es = {
-	labels: labels$9,
+	labels: labels$a,
 	messages: messages$a
 };
 
@@ -6331,7 +6346,7 @@ var title$6 = "Ingresa tu dirección de envío";
 var titleGifting = "Introduce tu dirección";
 var selectAddressTitle = "Por favor, selecciona una dirección";
 var selectAddressSubtitle = "Selecciona una de tus direcciones guardadas o añade una nueva";
-var labels$8 = {
+var labels$9 = {
 	address: "Dirección",
 	code: "Código Postal/Área",
 	city: "Ciudad",
@@ -6356,7 +6371,7 @@ var address_es = {
 	titleGifting: titleGifting,
 	selectAddressTitle: selectAddressTitle,
 	selectAddressSubtitle: selectAddressSubtitle,
-	labels: labels$8,
+	labels: labels$9,
 	buttons: buttons$3,
 	messages: messages$9
 };
@@ -6476,17 +6491,17 @@ var messages$6 = {
 	multipleCurrencies: "Tu carrito actualmente contiene artículos que están disponibles en diferentes divisas. Para proceder a la compra, asegúrate de que todos los artículos tengan la misma divisa.",
 	currencyMismatch: "El siguiente artículo(s) no coincide con tu divisa predeterminada actual ({{currency}}). Por favor, solo elige artículos que coincidan con esta divisa."
 };
-var labels$7 = {
+var labels$8 = {
 	summary: "Resumen de la orden",
 	total: "total"
 };
 var shop_es = {
 	buttons: buttons$2,
 	messages: messages$6,
-	labels: labels$7
+	labels: labels$8
 };
 
-var labels$6 = {
+var labels$7 = {
 	cardNumber: "Número de Tarjeta",
 	securityCode: "Código de Seguridad",
 	submit: "Enviar",
@@ -6522,12 +6537,12 @@ var errors = {
 	"": ""
 };
 var payment_es = {
-	labels: labels$6,
+	labels: labels$7,
 	messages: messages$5,
 	errors: errors
 };
 
-var labels$5 = {
+var labels$6 = {
 	menu: "Menú de Pelcro",
 	name: "Nombre",
 	email: "Correo",
@@ -6542,6 +6557,7 @@ var labels$5 = {
 		scheduled: "Programada",
 		incomplete: "Incompleta"
 	},
+	manageMembers: "Administrar miembros",
 	shipments: "Envíos restantes",
 	logout: "Cerrar sesión",
 	dashboard: "Panel",
@@ -6634,7 +6650,7 @@ var messages$4 = {
 	}
 };
 var dashboard_es = {
-	labels: labels$5,
+	labels: labels$6,
 	messages: messages$4
 };
 
@@ -6643,7 +6659,7 @@ var messages$3 = {
 	loginHere: "Inicia sesión aquí",
 	checkbox: "Marca esta casilla para regalar esta suscripción"
 };
-var labels$4 = {
+var labels$5 = {
 	plan: {
 		title: "Suscribirse a un plan",
 		subtitle: "Selecciona uno de los planes a continuación y pulsa en siguiente."
@@ -6667,7 +6683,7 @@ var buttons$1 = {
 };
 var select_es = {
 	messages: messages$3,
-	labels: labels$4,
+	labels: labels$5,
 	buttons: buttons$1
 };
 
@@ -6681,7 +6697,7 @@ var notification_es = {
 	confirm: confirm
 };
 
-var labels$3 = {
+var labels$4 = {
 	title: "Verifica tu correo",
 	instructions: "¡Ya casi terminas!\nVamos a confirmar tu dirección de correo.\nPulsa el enlace de verificación que hemos enviado a tu correo:",
 	resend: "Reenviar correo"
@@ -6691,12 +6707,12 @@ var messages$2 = {
 	success: "¡El correo se verificó con éxito!"
 };
 var verifyEmail_es = {
-	labels: labels$3,
+	labels: labels$4,
 	messages: messages$2
 };
 
 var title = "Detalles del comprobante de pago";
-var labels$2 = {
+var labels$3 = {
 	summary: "Resumen",
 	total: "Total",
 	amountPaid: "Monto pagado",
@@ -6709,19 +6725,23 @@ var buttons = {
 };
 var invoiceDetails_es = {
 	title: title,
-	labels: labels$2,
+	labels: labels$3,
 	buttons: buttons
 };
 
-var labels$1 = {
+var labels$2 = {
 	title: "Cancelar suscripción",
 	cancelReason: "Razón de la cancelación",
+	endOn: "Fin de",
+	endImmediately: "Fin inmediato",
+	cancel: "Cancelar",
 	subCancellation: {
 		goBack: "Volver"
 	}
 };
 var messages$1 = {
 	subscriptionEnd: "Esta suscripción expirará el",
+	cancelWhen: "¿Cuándo desea cancelar?",
 	cancelNow: "Cancelar Suscripción Ahora",
 	cancelLater: "Cancelar al Final del Periodo",
 	subCancellation: {
@@ -6733,10 +6753,25 @@ var messages$1 = {
 	}
 };
 var subscriptionCancel_es = {
-	labels: labels$1,
+	labels: labels$2,
 	messages: messages$1
 };
 
+var labels$1 = {
+	inviteMembers: "Invitar miembros",
+	listOfMembers: "Lista de miembros",
+	invite: "Invitar",
+	remove: "quitar",
+	emails: "Ingresar correo electrónico",
+	status: "Estado",
+	actions: "Acciones",
+	email: "Correo electrónico",
+	listNote: "Lista separada por comas, por ejemplo"
+};
+var subscriptionManageMembers_es = {
+	labels: labels$1
+};
+
 var labels = {
 	title: "Suspender suscripción",
 	suspensionDate: "Fecha de suspensión",
@@ -8144,7 +8179,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 OutboundLink$1.origTrackLink = OutboundLink$1.trackLink;
 OutboundLink$1.trackLink = outboundLink;
 var OutboundLink = OutboundLink$1;
-var ReactGA1 = _objectSpread({}, Defaults, {
+var ReactGA = _objectSpread({}, Defaults, {
   OutboundLink: OutboundLink
 });
 
@@ -8683,8 +8718,6 @@ exports["default"] = _default;
 var ReactGA4 = unwrapExports(dist);
 dist.ReactGAImplementation;
 
-var _window$d, _window$Pelcro$d, _window$Pelcro$uiSett$d;
-const ReactGA$d = (_window$d = window) !== null && _window$d !== void 0 && (_window$Pelcro$d = _window$d.Pelcro) !== null && _window$Pelcro$d !== void 0 && (_window$Pelcro$uiSett$d = _window$Pelcro$d.uiSettings) !== null && _window$Pelcro$uiSett$d !== void 0 && _window$Pelcro$uiSett$d.enableReactGA4 ? ReactGA4 : ReactGA1;
 class PelcroActions {
   constructor(storeSetter, storeGetter) {
     var _this = this;
@@ -8864,23 +8897,31 @@ class PelcroActions {
       });
     });
     _defineProperty$3(this, "logout", function () {
-      var _ReactGA$event;
+      var _window, _window$Pelcro, _window$Pelcro$uiSett;
       let displayLogin = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       const {
         switchView,
         resetView,
         isAuthenticated
       } = _this.get();
+      const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
       // if user is not authenticated function execution is terminated
       if (!isAuthenticated()) {
         return console.warn("You are already logged out.");
       }
       window.Pelcro.user.logout();
-      ReactGA$d === null || ReactGA$d === void 0 ? void 0 : (_ReactGA$event = ReactGA$d.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$d, {
-        category: "ACTIONS",
-        action: "Logged out",
-        nonInteraction: true
-      });
+      if (enableReactGA4) {
+        ReactGA4.event("Logged out", {
+          nonInteraction: true
+        });
+      } else {
+        var _ReactGA$event;
+        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+          category: "ACTIONS",
+          action: "Logged out",
+          nonInteraction: true
+        });
+      }
       resetView();
       if (displayLogin) {
         switchView("login");
@@ -8893,7 +8934,7 @@ class PelcroActions {
         return false;
       }
 
-      //Dispatch PelcroElementsCartItemAdded when an item added successfully to the
+      // Dispatch PelcroElementsCartItemAdded when an item added successfully to the
       document.dispatchEvent(cartItemAdded(itemToAdd));
       const {
         cartItems
@@ -9102,9 +9143,6 @@ if (process.env.NODE_ENV === "development") {
   c$1("Pelcro Store", usePelcro);
 }
 
-var _window$c, _window$Pelcro$c, _window$Pelcro$uiSett$c;
-const ReactGA$c = (_window$c = window) !== null && _window$c !== void 0 && (_window$Pelcro$c = _window$c.Pelcro) !== null && _window$Pelcro$c !== void 0 && (_window$Pelcro$uiSett$c = _window$Pelcro$c.uiSettings) !== null && _window$Pelcro$uiSett$c !== void 0 && _window$Pelcro$uiSett$c.enableReactGA4 ? ReactGA4 : ReactGA1;
-
 /**
  * List of zero-decimal currencies.
  * @see https://stripe.com/docs/currencies#zero-decimal
@@ -9190,8 +9228,8 @@ const getLanguageWithoutRegion = localeName => {
  * @return {string | undefined}
  */
 const getPageOrDefaultLanguage = () => {
-  var _window$Pelcro$helper, _window$Pelcro2, _window$Pelcro2$site, _window$Pelcro2$site$, _window$Pelcro2$site$2;
-  return (_window$Pelcro$helper = window.Pelcro.helpers.getHtmlLanguageAttribute()) !== null && _window$Pelcro$helper !== void 0 ? _window$Pelcro$helper : getLanguageWithoutRegion((_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$site = _window$Pelcro2.site) === null || _window$Pelcro2$site === void 0 ? void 0 : (_window$Pelcro2$site$ = _window$Pelcro2$site.read) === null || _window$Pelcro2$site$ === void 0 ? void 0 : (_window$Pelcro2$site$2 = _window$Pelcro2$site$.call(_window$Pelcro2$site)) === null || _window$Pelcro2$site$2 === void 0 ? void 0 : _window$Pelcro2$site$2.default_locale);
+  var _window$Pelcro$helper, _window$Pelcro, _window$Pelcro$site, _window$Pelcro$site$r, _window$Pelcro$site$r2;
+  return (_window$Pelcro$helper = window.Pelcro.helpers.getHtmlLanguageAttribute()) !== null && _window$Pelcro$helper !== void 0 ? _window$Pelcro$helper : getLanguageWithoutRegion((_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$site = _window$Pelcro.site) === null || _window$Pelcro$site === void 0 ? void 0 : (_window$Pelcro$site$r = _window$Pelcro$site.read) === null || _window$Pelcro$site$r === void 0 ? void 0 : (_window$Pelcro$site$r2 = _window$Pelcro$site$r.call(_window$Pelcro$site)) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.default_locale);
 };
 
 /**
@@ -9244,9 +9282,9 @@ const isValidViewFromURL = viewID => {
    *
    */
   function hasValidNewsletterUpdateUrl() {
-    var _window$Pelcro3, _window$Pelcro3$uiSet;
+    var _window$Pelcro2, _window$Pelcro2$uiSet;
     if (viewID !== "newsletter-update") return false;
-    const newsletters = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$uiSet = _window$Pelcro3.uiSettings) === null || _window$Pelcro3$uiSet === void 0 ? void 0 : _window$Pelcro3$uiSet.newsletters;
+    const newsletters = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$uiSet = _window$Pelcro2.uiSettings) === null || _window$Pelcro2$uiSet === void 0 ? void 0 : _window$Pelcro2$uiSet.newsletters;
     const siteHasNewslettersDefined = Array.isArray(newsletters) && newsletters.length > 0;
     if (!siteHasNewslettersDefined) {
       return false;
@@ -9292,7 +9330,7 @@ const disableScroll = () => {
   }
 };
 const trackSubscriptionOnGA = () => {
-  var _window$Pelcro$user$r5, _window$Pelcro$user$r6, _ReactGA$set, _ReactGA$plugin, _ReactGA$plugin$execu, _ReactGA$plugin2, _ReactGA$plugin2$exec, _ReactGA$plugin3, _ReactGA$plugin3$exec, _ReactGA$event;
+  var _window, _window$Pelcro3, _window$Pelcro3$uiSet, _window$Pelcro$user$r5, _window$Pelcro$user$r6;
   const {
     product,
     plan,
@@ -9307,33 +9345,56 @@ const trackSubscriptionOnGA = () => {
     invoices
   } = window.Pelcro.user.read();
   const lastSubscriptionId = invoices === null || invoices === void 0 ? void 0 : invoices[invoices.length - 1].subscription_id;
+  const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_window$Pelcro3 = _window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$uiSet = _window$Pelcro3.uiSettings) === null || _window$Pelcro3$uiSet === void 0 ? void 0 : _window$Pelcro3$uiSet.enableReactGA4;
   if (!lastSubscriptionId) {
     return;
   }
   const currencyCode = (_window$Pelcro$user$r5 = (_window$Pelcro$user$r6 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r6 === void 0 ? void 0 : _window$Pelcro$user$r6.currency) !== null && _window$Pelcro$user$r5 !== void 0 ? _window$Pelcro$user$r5 : plan.currency;
-  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$set = ReactGA$c.set) === null || _ReactGA$set === void 0 ? void 0 : _ReactGA$set.call(ReactGA$c, {
-    currencyCode: currencyCode
-  });
-  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$plugin = ReactGA$c.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$execu = _ReactGA$plugin.execute) === null || _ReactGA$plugin$execu === void 0 ? void 0 : _ReactGA$plugin$execu.call(_ReactGA$plugin, "ecommerce", "addTransaction", {
-    id: lastSubscriptionId,
-    affiliation: "Pelcro",
-    revenue: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
-    coupon: couponCode
-  });
-  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$plugin2 = ReactGA$c.plugin) === null || _ReactGA$plugin2 === void 0 ? void 0 : (_ReactGA$plugin2$exec = _ReactGA$plugin2.execute) === null || _ReactGA$plugin2$exec === void 0 ? void 0 : _ReactGA$plugin2$exec.call(_ReactGA$plugin2, "ecommerce", "addItem", {
-    id: lastSubscriptionId,
-    name: product.name,
-    category: product.description,
-    variant: plan.nickname,
-    price: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
-    quantity: 1
-  });
-  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$plugin3 = ReactGA$c.plugin) === null || _ReactGA$plugin3 === void 0 ? void 0 : (_ReactGA$plugin3$exec = _ReactGA$plugin3.execute) === null || _ReactGA$plugin3$exec === void 0 ? void 0 : _ReactGA$plugin3$exec.call(_ReactGA$plugin3, "ecommerce", "send");
-  ReactGA$c === null || ReactGA$c === void 0 ? void 0 : (_ReactGA$event = ReactGA$c.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$c, {
-    category: "ACTIONS",
-    action: "Subscribed",
-    nonInteraction: true
-  });
+  if (enableReactGA4) {
+    ReactGA4.event("purchase", {
+      transaction_id: lastSubscriptionId,
+      affiliation: "Pelcro",
+      currency: currencyCode,
+      value: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
+      coupon: couponCode,
+      items: [{
+        item_id: lastSubscriptionId,
+        item_name: product.name,
+        item_category: product.description,
+        item_variant: plan.nickname,
+        price: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
+        quantity: 1
+      }]
+    });
+    ReactGA4.event("Subscribed", {
+      nonInteraction: true
+    });
+  } else {
+    var _ReactGA$set, _ReactGA$plugin, _ReactGA$plugin$execu, _ReactGA$plugin2, _ReactGA$plugin2$exec, _ReactGA$plugin3, _ReactGA$plugin3$exec, _ReactGA$event;
+    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$set = ReactGA.set) === null || _ReactGA$set === void 0 ? void 0 : _ReactGA$set.call(ReactGA, {
+      currencyCode: currencyCode
+    });
+    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin = ReactGA.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$execu = _ReactGA$plugin.execute) === null || _ReactGA$plugin$execu === void 0 ? void 0 : _ReactGA$plugin$execu.call(_ReactGA$plugin, "ecommerce", "addTransaction", {
+      id: lastSubscriptionId,
+      affiliation: "Pelcro",
+      revenue: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
+      coupon: couponCode
+    });
+    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin2 = ReactGA.plugin) === null || _ReactGA$plugin2 === void 0 ? void 0 : (_ReactGA$plugin2$exec = _ReactGA$plugin2.execute) === null || _ReactGA$plugin2$exec === void 0 ? void 0 : _ReactGA$plugin2$exec.call(_ReactGA$plugin2, "ecommerce", "addItem", {
+      id: lastSubscriptionId,
+      name: product.name,
+      category: product.description,
+      variant: plan.nickname,
+      price: plan !== null && plan !== void 0 && plan.amount ? isCurrencyZeroDecimal(currencyCode) ? plan.amount : plan.amount / 100 : 0,
+      quantity: 1
+    });
+    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin3 = ReactGA.plugin) === null || _ReactGA$plugin3 === void 0 ? void 0 : (_ReactGA$plugin3$exec = _ReactGA$plugin3.execute) === null || _ReactGA$plugin3$exec === void 0 ? void 0 : _ReactGA$plugin3$exec.call(_ReactGA$plugin3, "ecommerce", "send");
+    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      category: "ACTIONS",
+      action: "Subscribed",
+      nonInteraction: true
+    });
+  }
 };
 
 /** check wether or not the user have any existing payment method
@@ -9417,14 +9478,14 @@ function getDateWithoutTime(dateObject) {
   return date;
 }
 function userMustVerifyEmail() {
-  var _window$Pelcro$site$r, _window$Pelcro$site$r2, _window$Pelcro$user$r9, _window$Pelcro$user$r10;
-  const isEmailVerificationEnabled = (_window$Pelcro$site$r = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.email_verify_enabled) !== null && _window$Pelcro$site$r !== void 0 ? _window$Pelcro$site$r : false;
+  var _window$Pelcro$site$r3, _window$Pelcro$site$r4, _window$Pelcro$user$r9, _window$Pelcro$user$r10;
+  const isEmailVerificationEnabled = (_window$Pelcro$site$r3 = (_window$Pelcro$site$r4 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.email_verify_enabled) !== null && _window$Pelcro$site$r3 !== void 0 ? _window$Pelcro$site$r3 : false;
   const isUserEmailVerified = (_window$Pelcro$user$r9 = (_window$Pelcro$user$r10 = window.Pelcro.user.read()) === null || _window$Pelcro$user$r10 === void 0 ? void 0 : _window$Pelcro$user$r10.email_confirm) !== null && _window$Pelcro$user$r9 !== void 0 ? _window$Pelcro$user$r9 : false;
   return window.Pelcro.user.isAuthenticated() && isEmailVerificationEnabled && !isUserEmailVerified;
 }
 function notifyBugsnag(callback, startOptions) {
   if (!window.Bugsnag && !document.querySelector('script[src="https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js"]')) {
-    //load bugsnag CDN
+    // load bugsnag CDN
     window.Pelcro.helpers.loadSDK("https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js", "bugsnag-cdn");
     document.querySelector('script[src="https://d2wy8f7a9ursnm.cloudfront.net/v7/bugsnag.min.js"]').addEventListener("load", () => {
       var _window$Pelcro$enviro, _window$Pelcro4, _window$Pelcro4$envir, _window$Pelcro5, _window$Pelcro5$envir;
@@ -9556,7 +9617,8 @@ const resources = {
     notification: notification_es,
     invoiceDetails: invoiceDetails_es,
     subscriptionCancel: subscriptionCancel_es,
-    subscriptionSuspend: subscriptionSuspend_es
+    subscriptionSuspend: subscriptionSuspend_es,
+    subscriptionManageMembers: subscriptionManageMembers_es
   }
 };
 
@@ -9602,10 +9664,8 @@ function _classPrivateFieldGet(receiver, privateMap) {
   return descriptor.value;
 }
 
-var _window$b, _window$Pelcro$b, _window$Pelcro$uiSett$b;
 function _classPrivateFieldInitSpec$2(obj, privateMap, value) { _checkPrivateRedeclaration$2(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration$2(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-const ReactGA$b = (_window$b = window) !== null && _window$b !== void 0 && (_window$Pelcro$b = _window$b.Pelcro) !== null && _window$Pelcro$b !== void 0 && (_window$Pelcro$uiSett$b = _window$Pelcro$b.uiSettings) !== null && _window$Pelcro$uiSett$b !== void 0 && _window$Pelcro$uiSett$b.enableReactGA4 ? ReactGA4 : ReactGA1;
 var _isAlreadySaved = /*#__PURE__*/new WeakMap();
 var _markButtonAsLoading = /*#__PURE__*/new WeakMap();
 var _removeLoadingState = /*#__PURE__*/new WeakMap();
@@ -9689,7 +9749,7 @@ class SaveToMetadataButtonClass {
     _classPrivateFieldInitSpec$2(this, _saveToMetadata, {
       writable: true,
       value: event => {
-        var _user$metadata;
+        var _window, _window$Pelcro, _window$Pelcro$uiSett, _user$metadata;
         const button = event.currentTarget;
         const user = window.Pelcro.user.read();
         const {
@@ -9699,6 +9759,7 @@ class SaveToMetadataButtonClass {
           key,
           ...buttonMetadata
         } = button.dataset;
+        const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
         if (userMustVerifyEmail()) {
           return switchView("email-verify");
         }
@@ -9723,16 +9784,22 @@ class SaveToMetadataButtonClass {
             value: newMetadataValue,
             auth_token: window.Pelcro.user.read().auth_token
           }, (err, resp) => {
-            var _ReactGA$event;
             if (err) {
               return _classPrivateFieldGet(this, _removeLoadingState).call(this, button);
             }
             _classPrivateFieldGet(this, _markButtonAsSaved).call(this, button);
-            ReactGA$b === null || ReactGA$b === void 0 ? void 0 : (_ReactGA$event = ReactGA$b.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$b, {
-              category: "ACTIONS",
-              action: "Save/Follow",
-              label: buttonMetadata === null || buttonMetadata === void 0 ? void 0 : buttonMetadata.title
-            });
+            if (enableReactGA4) {
+              ReactGA4.event("Save/Follow", {
+                event_label: buttonMetadata === null || buttonMetadata === void 0 ? void 0 : buttonMetadata.title
+              });
+            } else {
+              var _ReactGA$event;
+              ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+                category: "ACTIONS",
+                action: "Save/Follow",
+                label: buttonMetadata === null || buttonMetadata === void 0 ? void 0 : buttonMetadata.title
+              });
+            }
           });
         }
       }
@@ -9740,6 +9807,7 @@ class SaveToMetadataButtonClass {
     _classPrivateFieldInitSpec$2(this, _removeMetaData, {
       writable: true,
       value: event => {
+        var _window2, _window2$Pelcro, _window2$Pelcro$uiSet;
         const button = event.currentTarget;
         const user = window.Pelcro.user.read();
         const {
@@ -9747,6 +9815,7 @@ class SaveToMetadataButtonClass {
           title
         } = button.dataset;
         const oldValue = user.metadata[`metadata_saved_${key}`];
+        const enableReactGA4 = (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$Pelcro = _window2.Pelcro) === null || _window2$Pelcro === void 0 ? void 0 : (_window2$Pelcro$uiSet = _window2$Pelcro.uiSettings) === null || _window2$Pelcro$uiSet === void 0 ? void 0 : _window2$Pelcro$uiSet.enableReactGA4;
         const newMetadataValue = oldValue.filter(metadata => !((metadata === null || metadata === void 0 ? void 0 : metadata.title) === title));
         if (window.Pelcro.user.isAuthenticated()) {
           _classPrivateFieldGet(this, _markButtonAsLoading).call(this, button);
@@ -9755,16 +9824,22 @@ class SaveToMetadataButtonClass {
             value: newMetadataValue,
             auth_token: window.Pelcro.user.read().auth_token
           }, (err, resp) => {
-            var _ReactGA$event2;
             if (err) {
               return _classPrivateFieldGet(this, _removeLoadingState).call(this, button);
             }
             _classPrivateFieldGet(this, _unmarkSavedButton).call(this, button);
-            ReactGA$b === null || ReactGA$b === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$b.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$b, {
-              category: "ACTIONS",
-              action: "Unsave/Unfollow",
-              label: title
-            });
+            if (enableReactGA4) {
+              ReactGA4.event("Unsave/Unfollow", {
+                event_label: title
+              });
+            } else {
+              var _ReactGA$event2;
+              ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+                category: "ACTIONS",
+                action: "Unsave/Unfollow",
+                label: title
+              });
+            }
           });
         }
       }
@@ -11405,9 +11480,6 @@ function getSiteCardProcessor() {
   return "stripe";
 }
 
-var _window$a, _window$Pelcro$a, _window$Pelcro$uiSett$a;
-const ReactGA$a = (_window$a = window) !== null && _window$a !== void 0 && (_window$Pelcro$a = _window$a.Pelcro) !== null && _window$Pelcro$a !== void 0 && (_window$Pelcro$uiSett$a = _window$Pelcro$a.uiSettings) !== null && _window$Pelcro$uiSett$a !== void 0 && _window$Pelcro$uiSett$a.enableReactGA4 ? ReactGA4 : ReactGA1;
-
 /**
  * @typedef {Object} OptionsType
  * @property {boolean} loadPaymentSDKs
@@ -11534,17 +11606,44 @@ const initSecuritySdk = () => {
   });
 };
 const initGATracking = () => {
-  var _ReactGA$initialize, _ReactGA$plugin, _ReactGA$plugin$requi;
-  ReactGA$a === null || ReactGA$a === void 0 ? void 0 : (_ReactGA$initialize = ReactGA$a.initialize) === null || _ReactGA$initialize === void 0 ? void 0 : _ReactGA$initialize.call(ReactGA$a, window.Pelcro.site.read().google_analytics_id);
-  ReactGA$a === null || ReactGA$a === void 0 ? void 0 : (_ReactGA$plugin = ReactGA$a.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$requi = _ReactGA$plugin.require) === null || _ReactGA$plugin$requi === void 0 ? void 0 : _ReactGA$plugin$requi.call(_ReactGA$plugin, "ecommerce");
+  var _window, _window$Pelcro, _window$Pelcro$uiSett;
+  const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
+  if (window.Pelcro.site.read().google_analytics_id) {
+    if (enableReactGA4) {
+      // Initialize ReactGA4 with your tracking ID
+      ReactGA4.initialize(window.Pelcro.site.read().google_analytics_id);
+      // Enable e-commerce tracking
+      ReactGA4.initialize(window.Pelcro.site.read().google_analytics_id, {
+        gaOptions: {
+          send_page_view: true,
+          ecommerce: {
+            enabled: true
+          }
+        }
+      });
+    } else {
+      var _ReactGA$initialize, _ReactGA$plugin, _ReactGA$plugin$requi;
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$initialize = ReactGA.initialize) === null || _ReactGA$initialize === void 0 ? void 0 : _ReactGA$initialize.call(ReactGA, window.Pelcro.site.read().google_analytics_id);
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$plugin = ReactGA.plugin) === null || _ReactGA$plugin === void 0 ? void 0 : (_ReactGA$plugin$requi = _ReactGA$plugin.require) === null || _ReactGA$plugin$requi === void 0 ? void 0 : _ReactGA$plugin$requi.call(_ReactGA$plugin, "ecommerce");
+    }
+  }
 };
 const dispatchModalDisplayEvents = modalName => {
-  var _ReactGA$event, _modalName$replace, _modalName$replace2;
-  ReactGA$a === null || ReactGA$a === void 0 ? void 0 : (_ReactGA$event = ReactGA$a.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$a, {
-    category: "VIEWS",
-    action: `${modalName === null || modalName === void 0 ? void 0 : (_modalName$replace = modalName.replace("pelcro-", "")) === null || _modalName$replace === void 0 ? void 0 : _modalName$replace.replaceAll("-", " ")} viewed`,
-    nonInteraction: true
-  });
+  var _window2, _window2$Pelcro, _window2$Pelcro$uiSet, _modalName$replace, _modalName$replace2;
+  const enableReactGA4 = (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$Pelcro = _window2.Pelcro) === null || _window2$Pelcro === void 0 ? void 0 : (_window2$Pelcro$uiSet = _window2$Pelcro.uiSettings) === null || _window2$Pelcro$uiSet === void 0 ? void 0 : _window2$Pelcro$uiSet.enableReactGA4;
+  const formattedAction = modalName === null || modalName === void 0 ? void 0 : (_modalName$replace = modalName.replace("pelcro-", "")) === null || _modalName$replace === void 0 ? void 0 : _modalName$replace.replaceAll("-", " ");
+  if (enableReactGA4) {
+    ReactGA4.event(`${formattedAction} viewed`, {
+      nonInteraction: true
+    });
+  } else {
+    var _ReactGA$event;
+    ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+      category: "VIEWS",
+      action: `${formattedAction} viewed`,
+      nonInteraction: true
+    });
+  }
   window.Pelcro.insight.track("Modal Displayed", {
     name: `${modalName === null || modalName === void 0 ? void 0 : (_modalName$replace2 = modalName.replace("pelcro-", "")) === null || _modalName$replace2 === void 0 ? void 0 : _modalName$replace2.replaceAll("-", " ")}`
   });
@@ -11899,11 +11998,8 @@ const showPaymentMethodUpdateFromUrl = () => {
       }
 
       //vantiv
-      if (supportsVantiv) {
-        document.querySelector("#vantiv-eprotect-sdk").addEventListener("load", () => {
-          return switchView("payment-method-update");
-        });
-        return;
+      if (supportsVantiv && document.querySelector("#vantiv-eprotect-sdk")) {
+        return switchView("payment-method-update");
       }
 
       //Tap
@@ -12339,6 +12435,7 @@ const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
 const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
 const LINK_TOKEN_VERIFY = "LINK_TOKEN_VERIFY";
 const SET_CANCEL_SUBSCRIPTION_REASON = "SET_CANCEL_SUBSCRIPTION_REASON";
+const SET_CANCEL_SUBSCRIPTION_OPTION = "SET_CANCEL_SUBSCRIPTION_OPTION";
 const HANDLE_CHECKBOX_CHANGE = "HANDLE_CHECKBOX_CHANGE";
 const SET_SUBSCRIPTION_SUSPEND_DATE = "SET_SUBSCRIPTION_SUSPEND_DATE";
 const SET_EMAILS = "SET_EMAILS";
@@ -12369,6 +12466,7 @@ const {
   Provider: Provider$m
 } = store$m;
 const LoginContainer = _ref => {
+  var _window, _window$Pelcro, _window$Pelcro$uiSett;
   let {
     style,
     className = "",
@@ -12376,6 +12474,7 @@ const LoginContainer = _ref => {
     onFailure = () => {},
     children
   } = _ref;
+  const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
   const handleLogin = (_ref2, dispatch) => {
     let {
       email,
@@ -12405,13 +12504,19 @@ const LoginContainer = _ref => {
         });
         onFailure(err);
       } else {
-        var _ReactGA$event;
         onSuccess(res);
-        ReactGA1 === null || ReactGA1 === void 0 ? void 0 : (_ReactGA$event = ReactGA1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA1, {
-          category: "ACTIONS",
-          action: "Logged in",
-          nonInteraction: true
-        });
+        if (enableReactGA4) {
+          ReactGA4.event("Logged in", {
+            nonInteraction: true
+          });
+        } else {
+          var _ReactGA$event;
+          ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+            category: "ACTIONS",
+            action: "Logged in",
+            nonInteraction: true
+          });
+        }
       }
     });
   };
@@ -12797,17 +12902,23 @@ function ConfirmPassword(_ref) {
   }, otherProps));
 }
 
-var _window$9, _window$Pelcro$9, _window$Pelcro$uiSett$9;
-const ReactGA$9 = (_window$9 = window) !== null && _window$9 !== void 0 && (_window$Pelcro$9 = _window$9.Pelcro) !== null && _window$Pelcro$9 !== void 0 && (_window$Pelcro$uiSett$9 = _window$Pelcro$9.uiSettings) !== null && _window$Pelcro$uiSett$9 !== void 0 && _window$Pelcro$uiSett$9.enableReactGA4 ? ReactGA4 : ReactGA1;
 const Logout = props => {
   const handleLogout = () => {
-    var _ReactGA$event;
+    var _window, _window$Pelcro, _window$Pelcro$uiSett;
     window.Pelcro.user.logout();
-    ReactGA$9 === null || ReactGA$9 === void 0 ? void 0 : (_ReactGA$event = ReactGA$9.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$9, {
-      category: "ACTIONS",
-      action: "Logged out",
-      nonInteraction: true
-    });
+    const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
+    if (enableReactGA4) {
+      ReactGA4.event("Logged out", {
+        nonInteraction: true
+      });
+    } else {
+      var _ReactGA$event;
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+        category: "ACTIONS",
+        action: "Logged out",
+        nonInteraction: true
+      });
+    }
   };
   return /*#__PURE__*/React__default.createElement("button", {
     name: "logout",
@@ -14365,13 +14476,11 @@ const RegisterCompany = props => {
   }, props));
 };
 
-var _window$8, _window$Pelcro$8, _window$Pelcro$uiSett$8;
-const ReactGA$8 = (_window$8 = window) !== null && _window$8 !== void 0 && (_window$Pelcro$8 = _window$8.Pelcro) !== null && _window$Pelcro$8 !== void 0 && (_window$Pelcro$uiSett$8 = _window$Pelcro$8.uiSettings) !== null && _window$Pelcro$uiSett$8 !== void 0 && _window$Pelcro$uiSett$8.enableReactGA4 ? ReactGA4 : ReactGA1;
-
 /**
  *
  */
 function RegisterModal(props) {
+  var _window, _window$Pelcro, _window$Pelcro$uiSett;
   const {
     t
   } = useTranslation("register");
@@ -14386,18 +14495,26 @@ function RegisterModal(props) {
     giftCode,
     isGift
   } = usePelcro();
+  const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
   const onSuccess = res => {
     var _props$onSuccess;
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
     handleAfterRegistrationLogic();
   };
   const handleAfterRegistrationLogic = () => {
-    var _ReactGA$event, _window$Pelcro$site$r, _window$Pelcro$site$r2;
-    ReactGA$8 === null || ReactGA$8 === void 0 ? void 0 : (_ReactGA$event = ReactGA$8.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$8, {
-      category: "ACTIONS",
-      action: "Registered",
-      nonInteraction: true
-    });
+    var _window$Pelcro$site$r, _window$Pelcro$site$r2;
+    if (enableReactGA4) {
+      ReactGA4.event("Registered", {
+        nonInteraction: true
+      });
+    } else {
+      var _ReactGA$event;
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+        category: "ACTIONS",
+        action: "Registered",
+        nonInteraction: true
+      });
+    }
     const isEmailVerificationEnabled = (_window$Pelcro$site$r = (_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.email_verify_enabled) !== null && _window$Pelcro$site$r !== void 0 ? _window$Pelcro$site$r : false;
     if (isEmailVerificationEnabled) {
       return switchView("email-verify");
@@ -14484,9 +14601,6 @@ function Radio(_ref) {
   }, children));
 }
 
-var _window$7, _window$Pelcro$7, _window$Pelcro$uiSett$7;
-const ReactGA$7 = (_window$7 = window) !== null && _window$7 !== void 0 && (_window$Pelcro$7 = _window$7.Pelcro) !== null && _window$Pelcro$7 !== void 0 && (_window$Pelcro$uiSett$7 = _window$Pelcro$7.uiSettings) !== null && _window$Pelcro$uiSett$7 !== void 0 && _window$Pelcro$uiSett$7.enableReactGA4 ? ReactGA4 : ReactGA1;
-
 /**
  *
  */
@@ -14546,6 +14660,7 @@ function productMatchPageLanguage(product) {
 SelectModalWithHook.viewId = "plan-select";
 class SelectModal extends Component {
   constructor(props) {
+    var _window, _window$Pelcro11, _window$Pelcro11$uiSe;
     super(props);
     _defineProperty$3(this, "componentDidMount", () => {
       if (this.props.product) {
@@ -14580,11 +14695,11 @@ class SelectModal extends Component {
       }
       document.addEventListener("keydown", this.handleSubmit);
       if (!document.querySelector("#pelcro-selection-view") || !document.querySelector(".pelcro-select-product-wrapper")) {
-        var _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$user, _window$Pelcro5, _window$Pelcro5$site;
-        const userCurrency = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$user = _window$Pelcro2.user) === null || _window$Pelcro2$user === void 0 ? void 0 : _window$Pelcro2$user.read().currency;
-        const userCountry = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$user = _window$Pelcro3.user) === null || _window$Pelcro3$user === void 0 ? void 0 : _window$Pelcro3$user.location.countryCode;
-        const userLanguage = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$user = _window$Pelcro4.user) === null || _window$Pelcro4$user === void 0 ? void 0 : _window$Pelcro4$user.read().language;
-        const productsMatchingUserCurrency = (_window$Pelcro5 = window.Pelcro) === null || _window$Pelcro5 === void 0 ? void 0 : (_window$Pelcro5$site = _window$Pelcro5.site) === null || _window$Pelcro5$site === void 0 ? void 0 : _window$Pelcro5$site.read().products.filter(product => {
+        var _window$Pelcro, _window$Pelcro$user, _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro3, _window$Pelcro3$user, _window$Pelcro4, _window$Pelcro4$site;
+        const userCurrency = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$user = _window$Pelcro.user) === null || _window$Pelcro$user === void 0 ? void 0 : _window$Pelcro$user.read().currency;
+        const userCountry = (_window$Pelcro2 = window.Pelcro) === null || _window$Pelcro2 === void 0 ? void 0 : (_window$Pelcro2$user = _window$Pelcro2.user) === null || _window$Pelcro2$user === void 0 ? void 0 : _window$Pelcro2$user.location.countryCode;
+        const userLanguage = (_window$Pelcro3 = window.Pelcro) === null || _window$Pelcro3 === void 0 ? void 0 : (_window$Pelcro3$user = _window$Pelcro3.user) === null || _window$Pelcro3$user === void 0 ? void 0 : _window$Pelcro3$user.read().language;
+        const productsMatchingUserCurrency = (_window$Pelcro4 = window.Pelcro) === null || _window$Pelcro4 === void 0 ? void 0 : (_window$Pelcro4$site = _window$Pelcro4.site) === null || _window$Pelcro4$site === void 0 ? void 0 : _window$Pelcro4$site.read().products.filter(product => {
           const filteredPlans = product.plans.filter(plan => plan.currency === userCurrency || !userCurrency);
           if (filteredPlans.length) return filteredPlans;
         });
@@ -14597,12 +14712,12 @@ class SelectModal extends Component {
         });
         notifyBugsnag(() => {
           Bugsnag.notify("SelectModal - No data viewed", event => {
-            var _window$Pelcro6, _window$Pelcro6$site, _window$Pelcro7, _window$Pelcro7$user, _window$Pelcro8, _window$Pelcro8$uiSet, _window$Pelcro9, _this$props, _window$Pelcro10, _window$Pelcro10$help, _window$Pelcro11, _window$Pelcro11$site;
+            var _window$Pelcro5, _window$Pelcro5$site, _window$Pelcro6, _window$Pelcro6$user, _window$Pelcro7, _window$Pelcro7$uiSet, _window$Pelcro8, _this$props, _window$Pelcro9, _window$Pelcro9$helpe, _window$Pelcro10, _window$Pelcro10$site;
             event.addMetadata("MetaData", {
-              site: (_window$Pelcro6 = window.Pelcro) === null || _window$Pelcro6 === void 0 ? void 0 : (_window$Pelcro6$site = _window$Pelcro6.site) === null || _window$Pelcro6$site === void 0 ? void 0 : _window$Pelcro6$site.read(),
-              user: (_window$Pelcro7 = window.Pelcro) === null || _window$Pelcro7 === void 0 ? void 0 : (_window$Pelcro7$user = _window$Pelcro7.user) === null || _window$Pelcro7$user === void 0 ? void 0 : _window$Pelcro7$user.read(),
-              uiVersion: (_window$Pelcro8 = window.Pelcro) === null || _window$Pelcro8 === void 0 ? void 0 : (_window$Pelcro8$uiSet = _window$Pelcro8.uiSettings) === null || _window$Pelcro8$uiSet === void 0 ? void 0 : _window$Pelcro8$uiSet.uiVersion,
-              environment: (_window$Pelcro9 = window.Pelcro) === null || _window$Pelcro9 === void 0 ? void 0 : _window$Pelcro9.environment,
+              site: (_window$Pelcro5 = window.Pelcro) === null || _window$Pelcro5 === void 0 ? void 0 : (_window$Pelcro5$site = _window$Pelcro5.site) === null || _window$Pelcro5$site === void 0 ? void 0 : _window$Pelcro5$site.read(),
+              user: (_window$Pelcro6 = window.Pelcro) === null || _window$Pelcro6 === void 0 ? void 0 : (_window$Pelcro6$user = _window$Pelcro6.user) === null || _window$Pelcro6$user === void 0 ? void 0 : _window$Pelcro6$user.read(),
+              uiVersion: (_window$Pelcro7 = window.Pelcro) === null || _window$Pelcro7 === void 0 ? void 0 : (_window$Pelcro7$uiSet = _window$Pelcro7.uiSettings) === null || _window$Pelcro7$uiSet === void 0 ? void 0 : _window$Pelcro7$uiSet.uiVersion,
+              environment: (_window$Pelcro8 = window.Pelcro) === null || _window$Pelcro8 === void 0 ? void 0 : _window$Pelcro8.environment,
               matchingEntitlementsProps: (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.matchingEntitlements,
               productListState: this.state.productList,
               methods: {
@@ -14613,15 +14728,14 @@ class SelectModal extends Component {
               userCurrency: userCurrency,
               userCountry: userCountry,
               userLanguage: userLanguage,
-              siteLanguage: (_window$Pelcro10 = window.Pelcro) === null || _window$Pelcro10 === void 0 ? void 0 : (_window$Pelcro10$help = _window$Pelcro10.helpers) === null || _window$Pelcro10$help === void 0 ? void 0 : _window$Pelcro10$help.getHtmlLanguageAttribute(),
-              products: (_window$Pelcro11 = window.Pelcro) === null || _window$Pelcro11 === void 0 ? void 0 : (_window$Pelcro11$site = _window$Pelcro11.site) === null || _window$Pelcro11$site === void 0 ? void 0 : _window$Pelcro11$site.read().products.length,
+              siteLanguage: (_window$Pelcro9 = window.Pelcro) === null || _window$Pelcro9 === void 0 ? void 0 : (_window$Pelcro9$helpe = _window$Pelcro9.helpers) === null || _window$Pelcro9$helpe === void 0 ? void 0 : _window$Pelcro9$helpe.getHtmlLanguageAttribute(),
+              products: (_window$Pelcro10 = window.Pelcro) === null || _window$Pelcro10 === void 0 ? void 0 : (_window$Pelcro10$site = _window$Pelcro10.site) === null || _window$Pelcro10$site === void 0 ? void 0 : _window$Pelcro10$site.read().products.length,
               currency_matching_filter: `${productsMatchingUserCurrency.length} Products Passed`,
               country_matching_filter: `${productsMatchingUserCountry.length} Products Passed`,
               language_matching_filter: `${productsMatchingUserCountry.filter(productMatchPageLanguage).length} Products Passed`
             });
           });
         });
-        console.log("bugsnag Triggered");
       }
     });
     _defineProperty$3(this, "componentWillUnmount", () => {
@@ -14825,6 +14939,7 @@ class SelectModal extends Component {
     this.product = this.props.product || window.Pelcro.paywall.getProduct();
     this.locale = this.props.t;
     this.closeButton = window.Pelcro.paywall.displayCloseButton();
+    this.enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_window$Pelcro11 = _window.Pelcro) === null || _window$Pelcro11 === void 0 ? void 0 : (_window$Pelcro11$uiSe = _window$Pelcro11.uiSettings) === null || _window$Pelcro11$uiSe === void 0 ? void 0 : _window$Pelcro11$uiSe.enableReactGA4;
   }
   render() {
     var _window$Pelcro$produc2, _window$Pelcro$produc3, _window$Pelcro$site$r;
@@ -14832,19 +14947,31 @@ class SelectModal extends Component {
       disableGifting
     } = this.props;
     if (this.state.mode === "product") {
-      var _ReactGA$event;
-      ReactGA$7 === null || ReactGA$7 === void 0 ? void 0 : (_ReactGA$event = ReactGA$7.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$7, {
-        category: "VIEWS",
-        action: "Product Modal Viewed",
-        nonInteraction: true
-      });
+      if (this.enableReactGA4) {
+        ReactGA4.event("Product Modal Viewed", {
+          nonInteraction: true
+        });
+      } else {
+        var _ReactGA$event;
+        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+          category: "VIEWS",
+          action: "Product Modal Viewed",
+          nonInteraction: true
+        });
+      }
     } else if (this.state.mode === "plan") {
-      var _ReactGA$event2;
-      ReactGA$7 === null || ReactGA$7 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$7.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$7, {
-        category: "VIEWS",
-        action: "Plan Modal Viewed",
-        nonInteraction: true
-      });
+      if (this.enableReactGA4) {
+        ReactGA4.event("Plan Modal Viewed", {
+          nonInteraction: true
+        });
+      } else {
+        var _ReactGA$event2;
+        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+          category: "VIEWS",
+          action: "Plan Modal Viewed",
+          nonInteraction: true
+        });
+      }
     }
     return /*#__PURE__*/React__default.createElement(Modal, {
       hideCloseButton: !this.closeButton,
@@ -17186,7 +17313,6 @@ const PaymentMethodContainerWithoutStripe = _ref => {
   };
   const submitUsingCybersource = (state, dispatch) => {
     var _cybersourceInstanceR;
-    console.log("State", state);
     const isUsingExistingPaymentMethod = Boolean(selectedPaymentMethodId);
     if (isUsingExistingPaymentMethod) {
       // no need to create a new source using cybersrce
@@ -18269,8 +18395,9 @@ const PaymentMethodContainerWithoutStripe = _ref => {
    * @param error
    * @returns {*}
    */
-  const confirmStripeIntentSetup = (response, error, stripeSource) => {
+  const confirmStripeIntentSetup = function (response) {
     var _response$data2;
+    let isUpdateSource = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     const setup_intent = (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.setup_intent;
     if (setup_intent !== null && setup_intent !== void 0 && setup_intent.client_secret) {
       var _response$data3, _response$data3$sourc;
@@ -18292,6 +18419,25 @@ const PaymentMethodContainerWithoutStripe = _ref => {
             }
           });
         }
+        if (isUpdateSource) {
+          dispatch({
+            type: DISABLE_SUBMIT,
+            payload: false
+          });
+          dispatch({
+            type: LOADING,
+            payload: false
+          });
+          dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "success",
+              content: t("messages.sourceUpdated")
+            }
+          });
+          onSuccess(res);
+          return;
+        }
         return handlePayment(response === null || response === void 0 ? void 0 : (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : _response$data4.source);
       });
     } else {
@@ -18317,8 +18463,8 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         gift_message: giftRecipient === null || giftRecipient === void 0 ? void 0 : giftRecipient.giftMessage,
         address_id: product.address_required ? selectedAddressId : null
       }, (err, res) => {
-        var _res$data, _res$data$payment_int;
-        if ((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$payment_int = _res$data.payment_intent) === null || _res$data$payment_int === void 0 ? void 0 : _res$data$payment_int.status) === "requires_action") {
+        var _res$data, _res$data$payment_int, _res$data2, _res$data2$payment_in;
+        if ((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$payment_int = _res$data.payment_intent) === null || _res$data$payment_int === void 0 ? void 0 : _res$data$payment_int.status) === "requires_action" || (res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$payment_in = _res$data2.payment_intent) === null || _res$data2$payment_in === void 0 ? void 0 : _res$data2$payment_in.status) === "requires_confirmation") {
           confirmStripePaymentIntent(res);
         } else {
           dispatch({
@@ -18353,8 +18499,8 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? selectedAddressId : null
         }, (err, res) => {
-          var _res$data2, _res$data2$payment_in;
-          if ((res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$payment_in = _res$data2.payment_intent) === null || _res$data2$payment_in === void 0 ? void 0 : _res$data2$payment_in.status) === "requires_action") {
+          var _res$data3, _res$data3$payment_in, _res$data4, _res$data4$payment_in;
+          if ((res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : (_res$data3$payment_in = _res$data3.payment_intent) === null || _res$data3$payment_in === void 0 ? void 0 : _res$data3$payment_in.status) === "requires_action" || (res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : (_res$data4$payment_in = _res$data4.payment_intent) === null || _res$data4$payment_in === void 0 ? void 0 : _res$data4$payment_in.status) === "requires_confirmation") {
             confirmStripePaymentIntent(res);
           } else {
             dispatch({
@@ -18388,8 +18534,8 @@ const PaymentMethodContainerWithoutStripe = _ref => {
           subscription_id: subscriptionIdToRenew,
           address_id: product.address_required ? selectedAddressId : null
         }, (err, res) => {
-          var _res$data3, _res$data3$payment_in;
-          if ((res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : (_res$data3$payment_in = _res$data3.payment_intent) === null || _res$data3$payment_in === void 0 ? void 0 : _res$data3$payment_in.status) === "requires_action") {
+          var _res$data5, _res$data5$payment_in, _res$data6, _res$data6$payment_in;
+          if ((res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : (_res$data5$payment_in = _res$data5.payment_intent) === null || _res$data5$payment_in === void 0 ? void 0 : _res$data5$payment_in.status) === "requires_action" || (res === null || res === void 0 ? void 0 : (_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : (_res$data6$payment_in = _res$data6.payment_intent) === null || _res$data6$payment_in === void 0 ? void 0 : _res$data6$payment_in.status) === "requires_confirmation") {
             confirmStripePaymentIntent(res);
           } else {
             dispatch({
@@ -18498,7 +18644,7 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       onSuccess(res);
     });
   };
-  const purchase = (gatewayService, gatewayToken, state, dispatch) => {
+  const purchase = (gatewayService, backendSource, state, dispatch) => {
     const isQuickPurchase = !Array.isArray(order);
     const mappedOrderItems = isQuickPurchase ? [{
       sku_id: order.id,
@@ -18513,14 +18659,14 @@ const PaymentMethodContainerWithoutStripe = _ref => {
     const payment = new Payment(gatewayService);
     payment.execute({
       type: PAYMENT_TYPES.PURCHASE_ECOMMERCE_ORDER,
-      token: gatewayToken,
-      isExistingSource: Boolean(selectedPaymentMethodId),
+      token: backendSource,
+      isExistingSource: true,
       items: mappedOrderItems,
       addressId: selectedAddressId,
       couponCode
     }, (err, orderResponse) => {
-      var _res, _res$data4, _res$data4$payment_in;
-      if (((_res = res) === null || _res === void 0 ? void 0 : (_res$data4 = _res.data) === null || _res$data4 === void 0 ? void 0 : (_res$data4$payment_in = _res$data4.payment_intent) === null || _res$data4$payment_in === void 0 ? void 0 : _res$data4$payment_in.status) === "requires_action") {
+      var _res, _res$data7, _res$data7$payment_in, _res2, _res2$data, _res2$data$payment_in;
+      if (((_res = res) === null || _res === void 0 ? void 0 : (_res$data7 = _res.data) === null || _res$data7 === void 0 ? void 0 : (_res$data7$payment_in = _res$data7.payment_intent) === null || _res$data7$payment_in === void 0 ? void 0 : _res$data7$payment_in.status) === "requires_action" || ((_res2 = res) === null || _res2 === void 0 ? void 0 : (_res2$data = _res2.data) === null || _res2$data === void 0 ? void 0 : (_res2$data$payment_in = _res2$data.payment_intent) === null || _res2$data$payment_in === void 0 ? void 0 : _res2$data$payment_in.status) === "requires_confirmation") {
         confirmStripePaymentIntent(res);
       } else {
         var _window$Pelcro2, _window$Pelcro2$user, _window$Pelcro2$user$;
@@ -18580,16 +18726,16 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       }
     });
   };
-  const payInvoice = (gatewayService, gatewayToken, dispatch) => {
+  const payInvoice = (gatewayService, backendSource, dispatch) => {
     const payment = new Payment(gatewayService);
     return payment.execute({
       type: PAYMENT_TYPES.PAY_INVOICE,
-      token: gatewayToken,
-      isExistingSource: Boolean(selectedPaymentMethodId),
+      token: backendSource,
+      isExistingSource: true,
       invoiceId: invoice.id
     }, (err, res) => {
-      var _res$data5, _res$data5$payment_in;
-      if ((res === null || res === void 0 ? void 0 : (_res$data5 = res.data) === null || _res$data5 === void 0 ? void 0 : (_res$data5$payment_in = _res$data5.payment_intent) === null || _res$data5$payment_in === void 0 ? void 0 : _res$data5$payment_in.status) === "requires_action") {
+      var _res$data8, _res$data8$payment_in, _res$data9, _res$data9$payment_in;
+      if ((res === null || res === void 0 ? void 0 : (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : (_res$data8$payment_in = _res$data8.payment_intent) === null || _res$data8$payment_in === void 0 ? void 0 : _res$data8$payment_in.status) === "requires_action" || (res === null || res === void 0 ? void 0 : (_res$data9 = res.data) === null || _res$data9 === void 0 ? void 0 : (_res$data9$payment_in = _res$data9.payment_intent) === null || _res$data9$payment_in === void 0 ? void 0 : _res$data9$payment_in.status) === "requires_confirmation") {
         confirmStripePaymentIntent(res);
       } else {
         dispatch({
@@ -18614,11 +18760,11 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       }
     });
   };
+  console.log("trigger release");
   const updatePaymentSource = (state, dispatch) => {
     return stripe.createSource({
       type: "card"
     }).then(_ref8 => {
-      var _source$card2;
       let {
         source,
         error
@@ -18626,45 +18772,41 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       if (error) {
         return handlePaymentError(error);
       }
-
-      // We don't support source creation for 3D secure yet
-      if ((source === null || source === void 0 ? void 0 : (_source$card2 = source.card) === null || _source$card2 === void 0 ? void 0 : _source$card2.three_d_secure) === "required") {
-        return handlePaymentError({
-          error: {
-            message: t("messages.cardAuthNotSupported")
+      window.Pelcro.source.create({
+        auth_token: window.Pelcro.user.read().auth_token,
+        token: source.id
+      }, (err, res) => {
+        var _res$data10, _res$data10$setup_int, _res$data11, _res$data11$setup_int;
+        if (((_res$data10 = res.data) === null || _res$data10 === void 0 ? void 0 : (_res$data10$setup_int = _res$data10.setup_intent) === null || _res$data10$setup_int === void 0 ? void 0 : _res$data10$setup_int.status) === "requires_action" || ((_res$data11 = res.data) === null || _res$data11 === void 0 ? void 0 : (_res$data11$setup_int = _res$data11.setup_intent) === null || _res$data11$setup_int === void 0 ? void 0 : _res$data11$setup_int.status) === "requires_confirmation") {
+          confirmStripeIntentSetup(res, true);
+        } else {
+          dispatch({
+            type: DISABLE_SUBMIT,
+            payload: false
+          });
+          dispatch({
+            type: LOADING,
+            payload: false
+          });
+          if (err) {
+            onFailure(err);
+            return dispatch({
+              type: SHOW_ALERT,
+              payload: {
+                type: "error",
+                content: getErrorMessages(err)
+              }
+            });
           }
-        });
-      }
-      window.Pelcro.source.create({
-        auth_token: window.Pelcro.user.read().auth_token,
-        token: source.id
-      }, (err, res) => {
-        dispatch({
-          type: DISABLE_SUBMIT,
-          payload: false
-        });
-        dispatch({
-          type: LOADING,
-          payload: false
-        });
-        if (err) {
-          onFailure(err);
-          return dispatch({
+          dispatch({
             type: SHOW_ALERT,
             payload: {
-              type: "error",
-              content: getErrorMessages(err)
+              type: "success",
+              content: t("messages.sourceUpdated")
             }
           });
+          onSuccess(res);
         }
-        dispatch({
-          type: SHOW_ALERT,
-          payload: {
-            type: "success",
-            content: t("messages.sourceUpdated")
-          }
-        });
-        onSuccess(res);
       });
     });
   };
@@ -18732,30 +18874,31 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         auth_token: window.Pelcro.user.read().auth_token,
         token: source.id
       }, (err, res) => {
-        var _res$data6, _res$data6$setup_inte;
-        if (((_res$data6 = res.data) === null || _res$data6 === void 0 ? void 0 : (_res$data6$setup_inte = _res$data6.setup_intent) === null || _res$data6$setup_inte === void 0 ? void 0 : _res$data6$setup_inte.status) === "requires_action") {
-          confirmStripeIntentSetup(res);
+        if (err) {
+          onFailure(err);
+          dispatch({
+            type: DISABLE_SUBMIT,
+            payload: false
+          });
+          dispatch({
+            type: LOADING,
+            payload: false
+          });
+          return dispatch({
+            type: SHOW_ALERT,
+            payload: {
+              type: "error",
+              content: getErrorMessages(err)
+            }
+          });
         } else {
-          var _res$data7;
-          if (err) {
-            onFailure(err);
-            dispatch({
-              type: DISABLE_SUBMIT,
-              payload: false
-            });
-            dispatch({
-              type: LOADING,
-              payload: false
-            });
-            return dispatch({
-              type: SHOW_ALERT,
-              payload: {
-                type: "error",
-                content: getErrorMessages(err)
-              }
-            });
+          var _res$data12, _res$data12$setup_int, _res$data13, _res$data13$setup_int;
+          if (((_res$data12 = res.data) === null || _res$data12 === void 0 ? void 0 : (_res$data12$setup_int = _res$data12.setup_intent) === null || _res$data12$setup_int === void 0 ? void 0 : _res$data12$setup_int.status) === "requires_action" || ((_res$data13 = res.data) === null || _res$data13 === void 0 ? void 0 : (_res$data13$setup_int = _res$data13.setup_intent) === null || _res$data13$setup_int === void 0 ? void 0 : _res$data13$setup_int.status) === "requires_confirmation") {
+            confirmStripeIntentSetup(res);
+          } else {
+            var _res$data14;
+            return handlePayment((_res$data14 = res.data) === null || _res$data14 === void 0 ? void 0 : _res$data14.source);
           }
-          return handlePayment((_res$data7 = res.data) === null || _res$data7 === void 0 ? void 0 : _res$data7.source);
         }
       }));
     }).catch(error => {
@@ -18785,12 +18928,12 @@ const PaymentMethodContainerWithoutStripe = _ref => {
         coupon_code: state === null || state === void 0 ? void 0 : state.couponCode,
         address_id: selectedAddressId
       }, (error, res) => {
-        var _res$data8, _res$data9;
+        var _res$data15, _res$data16;
         if (error) {
           return reject(error);
         }
-        const taxAmount = (_res$data8 = res.data) === null || _res$data8 === void 0 ? void 0 : _res$data8.taxes;
-        const totalAmountWithTax = (_res$data9 = res.data) === null || _res$data9 === void 0 ? void 0 : _res$data9.total;
+        const taxAmount = (_res$data15 = res.data) === null || _res$data15 === void 0 ? void 0 : _res$data15.taxes;
+        const totalAmountWithTax = (_res$data16 = res.data) === null || _res$data16 === void 0 ? void 0 : _res$data16.total;
         resolve({
           totalAmountWithTax,
           taxAmount
@@ -18834,13 +18977,13 @@ const PaymentMethodContainerWithoutStripe = _ref => {
       }
     });
   };
-  const handlePayment = stripeSource => {
-    if (stripeSource && type === "createPayment") {
-      subscribe(stripeSource, state, dispatch);
-    } else if (stripeSource && type === "orderCreate") {
-      purchase(new StripeGateway(), stripeSource.id, state, dispatch);
-    } else if (stripeSource && type === "invoicePayment") {
-      payInvoice(new StripeGateway(), stripeSource.id, dispatch);
+  const handlePayment = backendSource => {
+    if (backendSource && type === "createPayment") {
+      subscribe(backendSource, state, dispatch);
+    } else if (backendSource && type === "orderCreate") {
+      purchase(new StripeGateway(), backendSource.id, state, dispatch);
+    } else if (backendSource && type === "invoicePayment") {
+      payInvoice(new StripeGateway(), backendSource.id, dispatch);
     }
   };
   const handlePaymentError = error => {
@@ -20246,13 +20389,11 @@ const SubscriptionRenewView = _ref => {
   }));
 };
 
-var _window$6, _window$Pelcro$6, _window$Pelcro$uiSett$6;
-const ReactGA$6 = (_window$6 = window) !== null && _window$6 !== void 0 && (_window$Pelcro$6 = _window$6.Pelcro) !== null && _window$Pelcro$6 !== void 0 && (_window$Pelcro$uiSett$6 = _window$Pelcro$6.uiSettings) !== null && _window$Pelcro$uiSett$6 !== void 0 && _window$Pelcro$uiSett$6.enableReactGA4 ? ReactGA4 : ReactGA1;
-
 /**
  *
  */
 function SubscriptionRenewModal(_ref) {
+  var _window, _window$Pelcro, _window$Pelcro$uiSett;
   let {
     onDisplay,
     onClose,
@@ -20261,24 +20402,39 @@ function SubscriptionRenewModal(_ref) {
   const {
     switchView
   } = usePelcro();
+  const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
   const onSuccess = res => {
-    var _otherProps$onSuccess, _ReactGA$event;
+    var _otherProps$onSuccess;
     (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
-    ReactGA$6 === null || ReactGA$6 === void 0 ? void 0 : (_ReactGA$event = ReactGA$6.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$6, {
-      category: "ACTIONS",
-      action: "Renewed",
-      nonInteraction: true
-    });
+    if (enableReactGA4) {
+      ReactGA4.event("Renewed", {
+        nonInteraction: true
+      });
+    } else {
+      var _ReactGA$event;
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+        category: "ACTIONS",
+        action: "Renewed",
+        nonInteraction: true
+      });
+    }
     return switchView("subscription-success");
   };
   const onGiftRenewalSuccess = () => {
-    var _otherProps$onGiftRen, _ReactGA$event2;
+    var _otherProps$onGiftRen;
     (_otherProps$onGiftRen = otherProps.onGiftRenewalSuccess) === null || _otherProps$onGiftRen === void 0 ? void 0 : _otherProps$onGiftRen.call(otherProps);
-    ReactGA$6 === null || ReactGA$6 === void 0 ? void 0 : (_ReactGA$event2 = ReactGA$6.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA$6, {
-      category: "ACTIONS",
-      action: "Renewed Gift",
-      nonInteraction: true
-    });
+    if (enableReactGA4) {
+      ReactGA4.event("Renewed Gift", {
+        nonInteraction: true
+      });
+    } else {
+      var _ReactGA$event2;
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+        category: "ACTIONS",
+        action: "Renewed Gift",
+        nonInteraction: true
+      });
+    }
     return switchView("subscription-success");
   };
   return /*#__PURE__*/React__default.createElement(Modal, {
@@ -20293,7 +20449,8 @@ function SubscriptionRenewModal(_ref) {
 SubscriptionRenewModal.viewId = "subscription-renew";
 
 const initialState$j = {
-  cancelationReason: ""
+  cancelationReason: "",
+  cancelationOption: ""
 };
 const store$j = /*#__PURE__*/createContext(initialState$j);
 const {
@@ -20308,7 +20465,6 @@ const SubscriptionCancelContainer = _ref => {
     children,
     ...props
   } = _ref;
-  useTranslation("verifyEmail");
   const [state, dispatch] = useReducerWithSideEffects((state, action) => {
     switch (action.type) {
       case SET_CANCEL_SUBSCRIPTION_REASON:
@@ -20316,6 +20472,11 @@ const SubscriptionCancelContainer = _ref => {
           ...state,
           cancelationReason: action.payload
         });
+      case SET_CANCEL_SUBSCRIPTION_OPTION:
+        return lib_7({
+          ...state,
+          cancelationOption: action.payload
+        });
       default:
         return state;
     }
@@ -20415,8 +20576,7 @@ const SubscriptionCancelReason = props => {
     t
   } = useTranslation("subscriptionCancel");
   const {
-    dispatch,
-    state
+    dispatch
   } = useContext(store$j);
   const handleOnTextAreaBlur = e => {
     dispatch({
@@ -20448,9 +20608,7 @@ function SvgSubscription(props) {
   }))))));
 }
 
-var _window$5, _window$Pelcro$5, _window$Pelcro$uiSett$5;
-const ReactGA$5 = (_window$5 = window) !== null && _window$5 !== void 0 && (_window$Pelcro$5 = _window$5.Pelcro) !== null && _window$Pelcro$5 !== void 0 && (_window$Pelcro$uiSett$5 = _window$Pelcro$5.uiSettings) !== null && _window$Pelcro$uiSett$5 !== void 0 && _window$Pelcro$uiSett$5.enableReactGA4 ? ReactGA4 : ReactGA1;
-const SubscriptionCancelNowButton = _ref => {
+const SubscriptionCancelButton = _ref => {
   let {
     subscription,
     onClick,
@@ -20461,14 +20619,16 @@ const SubscriptionCancelNowButton = _ref => {
   } = usePelcro();
   const {
     state: {
-      cancelationReason
-    },
-    dispatch
+      cancelationReason,
+      cancelationOption
+    }
   } = useContext(store$j);
   const {
     t
   } = useTranslation("subscriptionCancel");
   const cancelSubscription = (payload, onSuccess, onFailure) => {
+    var _window, _window$Pelcro, _window$Pelcro$uiSett;
+    const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
     window.Pelcro.subscription.cancel({
       auth_token: window.Pelcro.user.read().auth_token,
       subscription_id: payload.subscription_id,
@@ -20477,36 +20637,42 @@ const SubscriptionCancelNowButton = _ref => {
         reason: payload.reason
       })
     }, (err, res) => {
-      var _ReactGA$event;
       if (err) {
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
-      ReactGA$5 === null || ReactGA$5 === void 0 ? void 0 : (_ReactGA$event = ReactGA$5.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$5, {
-        category: "ACTIONS",
-        action: "Canceled",
-        nonInteraction: true
-      });
+      if (enableReactGA4) {
+        ReactGA4.event("Canceled", {
+          nonInteraction: true
+        });
+      } else {
+        var _ReactGA$event;
+        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+          category: "ACTIONS",
+          action: "Canceled",
+          nonInteraction: true
+        });
+      }
       onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
     });
   };
-  const handleCancelNowClick = () => {
+  const handleCancelClick = () => {
     const payload = {
       subscription_id: subscription.id,
-      mode: "now",
+      mode: cancelationOption,
       ...(cancelationReason && {
         reason: cancelationReason
       })
     };
     onClick === null || onClick === void 0 ? void 0 : onClick();
 
-    //Close the modal
+    // Close the modal
     switchView(null);
 
-    //Show confirmation alert after closing the modal
+    // Show confirmation alert after closing the modal
     notify$1.confirm((onSuccess, onFailure) => {
       cancelSubscription(payload, onSuccess, onFailure);
     }, {
-      confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
+      confirmMessage: cancelationOption === "now" ? t("messages.subCancellation.isSureToCancelNow") : t("messages.subCancellation.isSureToCancel"),
       loadingMessage: t("messages.subCancellation.loading"),
       successMessage: t("messages.subCancellation.success"),
       errorMessage: t("messages.subCancellation.error")
@@ -20515,90 +20681,85 @@ const SubscriptionCancelNowButton = _ref => {
     });
   };
   return /*#__PURE__*/React__default.createElement(Button, {
-    onClick: handleCancelNowClick,
-    className: `${className}`
-  }, t("messages.cancelNow"));
+    onClick: handleCancelClick,
+    className: `${className}`,
+    disabled: !cancelationOption
+  }, t("labels.cancel"));
 };
 
-var _window$4, _window$Pelcro$4, _window$Pelcro$uiSett$4;
-const ReactGA$4 = (_window$4 = window) !== null && _window$4 !== void 0 && (_window$Pelcro$4 = _window$4.Pelcro) !== null && _window$Pelcro$4 !== void 0 && (_window$Pelcro$uiSett$4 = _window$Pelcro$4.uiSettings) !== null && _window$Pelcro$uiSett$4 !== void 0 && _window$Pelcro$uiSett$4.enableReactGA4 ? ReactGA4 : ReactGA1;
-const SubscriptionCancelLaterButton = _ref => {
+const SubscriptionCancelOptions = _ref => {
   let {
     subscription,
+    hasPhases,
     onClick,
     className
   } = _ref;
-  const {
-    switchView
-  } = usePelcro();
   const {
     state: {
-      cancelationReason
+      cancelationOption
     },
     dispatch
   } = useContext(store$j);
   const {
     t
   } = useTranslation("subscriptionCancel");
-  const cancelSubscription = (payload, onSuccess, onFailure) => {
-    window.Pelcro.subscription.cancel({
-      auth_token: window.Pelcro.user.read().auth_token,
-      subscription_id: payload.subscription_id,
-      mode: payload.mode,
-      ...(payload.reason && {
-        reason: payload.reason
-      })
-    }, (err, res) => {
-      var _ReactGA$event;
-      if (err) {
-        return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
-      }
-      ReactGA$4 === null || ReactGA$4 === void 0 ? void 0 : (_ReactGA$event = ReactGA$4.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$4, {
-        category: "ACTIONS",
-        action: "Canceled",
-        nonInteraction: true
-      });
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
-    });
-  };
-  const handleCancelNowClick = () => {
-    const payload = {
-      subscription_id: subscription.id,
-      mode: "period_end",
-      ...(cancelationReason && {
-        reason: cancelationReason
-      })
-    };
-    onClick === null || onClick === void 0 ? void 0 : onClick();
-
-    //Close the modal
-    switchView(null);
-
-    //Show confirmation alert after closing the modal
-    notify$1.confirm((onSuccess, onFailure) => {
-      cancelSubscription(payload, onSuccess, onFailure);
-    }, {
-      confirmMessage: t("messages.subCancellation.isSureToCancel"),
-      loadingMessage: t("messages.subCancellation.loading"),
-      successMessage: t("messages.subCancellation.success"),
-      errorMessage: t("messages.subCancellation.error")
-    }, {
-      closeButtonLabel: t("labels.subCancellation.goBack")
+  const phases = subscription.schedule.phases;
+  const lastPhase = phases[phases.length - 1];
+  const handleOptionSelect = event => {
+    dispatch({
+      type: SET_CANCEL_SUBSCRIPTION_OPTION,
+      payload: event.target.value
     });
   };
-  return /*#__PURE__*/React__default.createElement(Button, {
-    onClick: handleCancelNowClick,
-    className: `${className}`
-  }, t("messages.cancelLater"));
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-text-left plc-mr-auto plc-mb-6"
+  }, /*#__PURE__*/React__default.createElement("p", {
+    className: "plc-mb-3"
+  }, t("messages.cancelWhen")), hasPhases && /*#__PURE__*/React__default.createElement(Radio, {
+    onChange: handleOptionSelect,
+    checked: cancelationOption === "period_end",
+    value: "period_end"
+  }, t("labels.endOn"), " ", new Date(Number(`${lastPhase.end_date}000`)).toLocaleDateString("en-CA", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  })), /*#__PURE__*/React__default.createElement(Radio, {
+    onChange: handleOptionSelect,
+    checked: cancelationOption === "current_period_end",
+    value: "current_period_end"
+  }, t("labels.endOn"), " ", new Date(subscription === null || subscription === void 0 ? void 0 : subscription.current_period_end).toLocaleDateString("en-CA", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  })), /*#__PURE__*/React__default.createElement(Radio, {
+    onChange: handleOptionSelect,
+    checked: cancelationOption === "now",
+    value: "now"
+  }, t("labels.endImmediately")));
 };
 
 const SubscriptionCancelView = props => {
   const {
-    subscriptionToCancel
+    subscriptionToCancel,
+    switchView
   } = usePelcro();
   const {
     t
   } = useTranslation("subscriptionCancel");
+  const getPhases = () => {
+    if (!subscriptionToCancel.schedule) return [];
+    const currentPhaseStartDate = subscriptionToCancel.schedule.current_phase.start_date;
+    const currentPhase = subscriptionToCancel.schedule.phases.find(phase => {
+      return phase.start_date === currentPhaseStartDate;
+    });
+    const futurePhases = subscriptionToCancel.schedule.phases.filter(phase => {
+      return phase.start_date > currentPhaseStartDate;
+    });
+    return [currentPhase, ...futurePhases];
+  };
+  const hasPhases = getPhases().length > 0;
+  const phases = subscriptionToCancel.schedule.phases;
+  const lastPhase = phases[phases.length - 1];
   return /*#__PURE__*/React__default.createElement("div", {
     id: "pelcro-subscription-cancel-view"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -20612,17 +20773,30 @@ const SubscriptionCancelView = props => {
   }, /*#__PURE__*/React__default.createElement(SvgSubscription, {
     className: "plc-w-32 plc-h-32"
   }), /*#__PURE__*/React__default.createElement("p", {
-    className: "plc-mb-3 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
-  }, t("messages.subscriptionEnd"), " ", new Date(subscriptionToCancel === null || subscriptionToCancel === void 0 ? void 0 : subscriptionToCancel.current_period_end).toLocaleDateString("en-CA", {
+    className: "plc-mb-3 plc-text-gray-900 plc-text-left plc-mr-auto plc-whitespace-pre-line"
+  }, t("messages.subscriptionEnd"), " ", hasPhases ? new Date(Number(`${lastPhase.end_date}000`)).toLocaleDateString("en-CA", {
     year: "numeric",
     month: "short",
     day: "numeric"
-  }), "."), /*#__PURE__*/React__default.createElement(SubscriptionCancelReason, null), /*#__PURE__*/React__default.createElement(SubscriptionCancelNowButton, {
-    className: "plc-mb-2",
-    subscription: subscriptionToCancel
-  }), subscriptionToCancel.cancel_at_period_end === 0 && /*#__PURE__*/React__default.createElement(SubscriptionCancelLaterButton, {
+  }) : new Date(subscriptionToCancel === null || subscriptionToCancel === void 0 ? void 0 : subscriptionToCancel.current_period_end).toLocaleDateString("en-CA", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  }), "."), /*#__PURE__*/React__default.createElement(SubscriptionCancelOptions, {
+    subscription: subscriptionToCancel,
+    hasPhases: hasPhases
+  }), /*#__PURE__*/React__default.createElement(SubscriptionCancelReason, null), /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-space-x-0 plc-space-y-3 md:plc-space-x-3 md:plc-space-y-0 plc-w-full plc-flex plc-flex-col md:plc-flex-row plc-items-center plc-justify-center"
+  }, /*#__PURE__*/React__default.createElement(SubscriptionCancelButton, {
+    className: "plc-w-3/4 md:plc-w-2/5",
     subscription: subscriptionToCancel
-  }))));
+  }), /*#__PURE__*/React__default.createElement(Button, {
+    variant: "outline",
+    className: "plc-w-3/4 md:plc-w-2/5",
+    onClick: () => {
+      switchView("dashboard");
+    }
+  }, t("labels.subCancellation.goBack"))))));
 };
 
 const SubscriptionCancelModal = _ref => {
@@ -20762,9 +20936,8 @@ const SubscriptionSuspendDate = props => {
   }, props));
 };
 
-var _window$3, _window$Pelcro$3, _window$Pelcro$uiSett$3;
-const ReactGA$3 = (_window$3 = window) !== null && _window$3 !== void 0 && (_window$Pelcro$3 = _window$3.Pelcro) !== null && _window$Pelcro$3 !== void 0 && (_window$Pelcro$uiSett$3 = _window$Pelcro$3.uiSettings) !== null && _window$Pelcro$uiSett$3 !== void 0 && _window$Pelcro$uiSett$3.enableReactGA4 ? ReactGA4 : ReactGA1;
 const SubscriptionSuspendButton = _ref => {
+  var _window, _window$Pelcro, _window$Pelcro$uiSett;
   let {
     subscription,
     onClick,
@@ -20783,6 +20956,7 @@ const SubscriptionSuspendButton = _ref => {
   const {
     t
   } = useTranslation("subscriptionSuspend");
+  const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
   const suspendSubscription = (payload, onSuccess, onFailure) => {
     window.Pelcro.subscription.update({
       auth_token: window.Pelcro.user.read().auth_token,
@@ -20790,15 +20964,21 @@ const SubscriptionSuspendButton = _ref => {
       suspend: 1,
       shipments_suspended_until: suspendDate
     }, (err, res) => {
-      var _ReactGA$event;
       if (err) {
         return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
       }
-      ReactGA$3 === null || ReactGA$3 === void 0 ? void 0 : (_ReactGA$event = ReactGA$3.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$3, {
-        category: "ACTIONS",
-        action: "Suspended",
-        nonInteraction: true
-      });
+      if (enableReactGA4) {
+        ReactGA4.event("Suspended", {
+          nonInteraction: true
+        });
+      } else {
+        var _ReactGA$event;
+        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+          category: "ACTIONS",
+          action: "Suspended",
+          nonInteraction: true
+        });
+      }
       onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
     });
   };
@@ -20808,10 +20988,10 @@ const SubscriptionSuspendButton = _ref => {
     };
     onClick === null || onClick === void 0 ? void 0 : onClick();
 
-    //Close the modal
+    // Close the modal
     switchView(null);
 
-    //Show confirmation alert after closing the modal
+    // Show confirmation alert after closing the modal
     notify$1.confirm((onSuccess, onFailure) => {
       suspendSubscription(payload, onSuccess, onFailure);
     }, {
@@ -22012,7 +22192,7 @@ function SubscriptionManageMembersView(props) {
     className: "plc-font-semibold plc-text-center plc-text-gray-900 pelcro-title-wrapper"
   }, /*#__PURE__*/React__default.createElement("h4", {
     className: "plc-text-2xl"
-  }, t("labels.inviteMembers")), /*#__PURE__*/React__default.createElement("p", null, "Comma-separated list e.g. 'john@example.com,jane@example.com'")), /*#__PURE__*/React__default.createElement("form", {
+  }, t("labels.inviteMembers")), /*#__PURE__*/React__default.createElement("p", null, t("labels.listNote"), " 'john@example.com,jane@example.com'")), /*#__PURE__*/React__default.createElement("form", {
     action: "javascript:void(0);",
     className: "plc-mt-2 pelcro-form"
   }, /*#__PURE__*/React__default.createElement(SubscriptionManageMembersContainer, props, /*#__PURE__*/React__default.createElement(AlertWithContext, null), /*#__PURE__*/React__default.createElement(SubscriptionManageMembersEmails, {
@@ -23540,7 +23720,7 @@ const {
   Provider: Provider$d
 } = store$d;
 const AddressUpdateContainer = _ref => {
-  var _props$addressId;
+  var _props$addressId, _window, _window$Pelcro, _window$Pelcro$uiSett;
   let {
     style,
     className = "",
@@ -23554,6 +23734,7 @@ const AddressUpdateContainer = _ref => {
     addressIdToEdit
   } = usePelcro();
   const addressId = (_props$addressId = props === null || props === void 0 ? void 0 : props.addressId) !== null && _props$addressId !== void 0 ? _props$addressId : addressIdToEdit;
+  const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
   const [t] = useTranslation("address");
   useEffect(() => {
     const getCountries = () => {
@@ -23644,7 +23825,6 @@ const AddressUpdateContainer = _ref => {
         });
         onFailure(err);
       } else {
-        var _ReactGA$event;
         dispatch({
           type: SHOW_ALERT,
           payload: {
@@ -23653,11 +23833,18 @@ const AddressUpdateContainer = _ref => {
           }
         });
         onSuccess(res);
-        ReactGA1 === null || ReactGA1 === void 0 ? void 0 : (_ReactGA$event = ReactGA1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA1, {
-          category: "ACTIONS",
-          action: "Updated address",
-          nonInteraction: true
-        });
+        if (enableReactGA4) {
+          ReactGA4.event("Updated address", {
+            nonInteraction: true
+          });
+        } else {
+          var _ReactGA$event;
+          ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+            category: "ACTIONS",
+            action: "Updated address",
+            nonInteraction: true
+          });
+        }
       }
     });
   };
@@ -24181,17 +24368,24 @@ function PaymentMethodUpdateView(props) {
   }));
 }
 
-var _window$2, _window$Pelcro$2, _window$Pelcro$uiSett$2;
-const ReactGA$2 = (_window$2 = window) !== null && _window$2 !== void 0 && (_window$Pelcro$2 = _window$2.Pelcro) !== null && _window$Pelcro$2 !== void 0 && (_window$Pelcro$uiSett$2 = _window$Pelcro$2.uiSettings) !== null && _window$Pelcro$uiSett$2 !== void 0 && _window$Pelcro$uiSett$2.enableReactGA4 ? ReactGA4 : ReactGA1;
 const PaymentMethodUpdateModal = props => {
+  var _window, _window$Pelcro, _window$Pelcro$uiSett;
+  const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
   const onSuccess = res => {
-    var _props$onSuccess, _ReactGA$event;
+    var _props$onSuccess;
     (_props$onSuccess = props.onSuccess) === null || _props$onSuccess === void 0 ? void 0 : _props$onSuccess.call(props, res);
-    ReactGA$2 === null || ReactGA$2 === void 0 ? void 0 : (_ReactGA$event = ReactGA$2.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$2, {
-      category: "ACTIONS",
-      action: "Updated payment card",
-      nonInteraction: true
-    });
+    if (enableReactGA4) {
+      ReactGA4.event("Updated payment card", {
+        nonInteraction: true
+      });
+    } else {
+      var _ReactGA$event;
+      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+        category: "ACTIONS",
+        action: "Updated payment card",
+        nonInteraction: true
+      });
+    }
   };
   return /*#__PURE__*/React__default.createElement(Modal, {
     id: "pelcro-payment-method-update-modal",
@@ -28068,8 +28262,6 @@ const OrderItems = _ref => {
   });
 };
 
-var _window$1, _window$Pelcro$1, _window$Pelcro$uiSett$1;
-const ReactGA$1 = (_window$1 = window) !== null && _window$1 !== void 0 && (_window$Pelcro$1 = _window$1.Pelcro) !== null && _window$Pelcro$1 !== void 0 && (_window$Pelcro$uiSett$1 = _window$Pelcro$1.uiSettings) !== null && _window$Pelcro$uiSett$1 !== void 0 && _window$Pelcro$uiSett$1.enableReactGA4 ? ReactGA4 : ReactGA1;
 const SavedItemsMenu = () => {
   const {
     t
@@ -28118,8 +28310,10 @@ const SavedItems = _ref3 => {
     isAuthenticated
   } = usePelcro();
   const removeItemFromMetadata = (category, title) => {
+    var _window, _window$Pelcro, _window$Pelcro$uiSett;
     const user = window.Pelcro.user.read();
     const oldValue = user.metadata[`metadata_saved_${category}`];
+    const enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
     const newMetadataValue = oldValue.filter(metadata => !((metadata === null || metadata === void 0 ? void 0 : metadata.title) === title));
     if (isAuthenticated()) {
       setLoading(true);
@@ -28128,17 +28322,24 @@ const SavedItems = _ref3 => {
         value: newMetadataValue,
         auth_token: window.Pelcro.user.read().auth_token
       }, (error, response) => {
-        var _response$data, _ReactGA$event;
+        var _response$data;
         setLoading(false);
         if (error) {
           return;
         }
         setItems(response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.metadata);
-        ReactGA$1 === null || ReactGA$1 === void 0 ? void 0 : (_ReactGA$event = ReactGA$1.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA$1, {
-          category: "ACTIONS",
-          action: "Unsave/Unfollow",
-          label: title
-        });
+        if (enableReactGA4) {
+          ReactGA4.event("Unsave/Unfollow", {
+            event_label: title
+          });
+        } else {
+          var _ReactGA$event;
+          ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+            category: "ACTIONS",
+            action: "Unsave/Unfollow",
+            label: title
+          });
+        }
       });
     }
   };
@@ -29081,8 +29282,6 @@ function getMemberShipStatus(status) {
   };
 }
 
-var _window, _window$Pelcro, _window$Pelcro$uiSett;
-const ReactGA = (_window = window) !== null && _window !== void 0 && (_window$Pelcro = _window.Pelcro) !== null && _window$Pelcro !== void 0 && (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) !== null && _window$Pelcro$uiSett !== void 0 && _window$Pelcro$uiSett.enableReactGA4 ? ReactGA4 : ReactGA1;
 const SUB_MENUS = {
   PROFILE: "profile",
   SUBSCRIPTIONS: "subscriptions",
@@ -29137,21 +29336,27 @@ function DashboardWithHook(props) {
 DashboardWithHook.viewId = "dashboard";
 class Dashboard extends Component {
   constructor(props) {
-    var _window$Pelcro$user$r, _window$Pelcro$user$r2;
+    var _window$Pelcro$user$r, _window$Pelcro$user$r2, _window, _window$Pelcro, _window$Pelcro$uiSett;
     super(props);
     _defineProperty$3(this, "componentDidMount", () => {
-      var _ReactGA$event;
       this.setState({
         isOpen: true
       });
       window.Pelcro.insight.track("Modal Displayed", {
         name: "dashboard"
       });
-      ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
-        category: "VIEWS",
-        action: "Dashboard Modal Viewed",
-        nonInteraction: true
-      });
+      if (this.enableReactGA4) {
+        ReactGA4.event("Dashboard Modal Viewed", {
+          nonInteraction: true
+        });
+      } else {
+        var _ReactGA$event;
+        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
+          category: "VIEWS",
+          action: "Dashboard Modal Viewed",
+          nonInteraction: true
+        });
+      }
       const {
         addresses
       } = window.Pelcro.user.read();
@@ -29179,15 +29384,21 @@ class Dashboard extends Component {
         auth_token: window.Pelcro.user.read().auth_token,
         subscription_id: subscription_id
       }, (err, res) => {
-        var _ReactGA$event2;
         if (err) {
           return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
         }
-        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
-          category: "ACTIONS",
-          action: "Canceled",
-          nonInteraction: true
-        });
+        if (this.enableReactGA4) {
+          ReactGA4.event("Canceled", {
+            nonInteraction: true
+          });
+        } else {
+          var _ReactGA$event2;
+          ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
+            category: "ACTIONS",
+            action: "Canceled",
+            nonInteraction: true
+          });
+        }
         onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
       });
     });
@@ -29197,15 +29408,21 @@ class Dashboard extends Component {
         subscription_id: subscription_id,
         suspend: 0
       }, (err, res) => {
-        var _ReactGA$event3;
         if (err) {
           return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
         }
-        ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event3 = ReactGA.event) === null || _ReactGA$event3 === void 0 ? void 0 : _ReactGA$event3.call(ReactGA, {
-          category: "ACTIONS",
-          action: "UnSuspended",
-          nonInteraction: true
-        });
+        if (this.enableReactGA4) {
+          ReactGA4.event("UnSuspended", {
+            nonInteraction: true
+          });
+        } else {
+          var _ReactGA$event3;
+          ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event3 = ReactGA.event) === null || _ReactGA$event3 === void 0 ? void 0 : _ReactGA$event3.call(ReactGA, {
+            category: "ACTIONS",
+            action: "UnSuspended",
+            nonInteraction: true
+          });
+        }
         onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
       });
     });
@@ -29482,6 +29699,7 @@ class Dashboard extends Component {
     this.locale = this.props.t;
     this.user = window.Pelcro.user.read();
     this.menuRef = /*#__PURE__*/React__default.createRef();
+    this.enableReactGA4 = (_window = window) === null || _window === void 0 ? void 0 : (_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.enableReactGA4;
   }
   render() {
     var _window$Pelcro$user$r3, _window$Pelcro2, _window$Pelcro2$uiSet, _this$user$source, _this$user$source$pro, _this$user$source2, _this$user$source2$pr;
@@ -33515,4 +33733,6 @@ const QrCodeModal = _ref => {
 };
 QrCodeModal.viewId = "qrcode";
 
+console.log("test");
+
 export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateSetDefault, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateSetDefault, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankAuthenticationSuccess, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, IncludeFirstName, IncludeLastName, IncludePhone, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginUsername, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateFreeButton, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, QrCodeModal, QrCodeView, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateFreePlanButton, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionManageMembersButton, SubscriptionManageMembersContainer, SubscriptionManageMembersEmails, SubscriptionManageMembersList, SubscriptionManageMembersModal, SubscriptionManageMembersView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, SubscriptionSuspendContainer, SubscriptionSuspendModal, SubscriptionSuspendView, TaxAmount, TextArea, Tooltip, UserNameInput, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateTin, UserUpdateUsername, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify$1 as notify, unauthenticatedButtons, usePelcro };