@pelcro/react-pelcro-js 3.2.0-beta.33 → 3.2.0-beta.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -3576,7 +3576,7 @@ var paymentMethod_ko = {
3576
3576
  var title$q = "Enter your email to subscribe to our newsletter";
3577
3577
  var updateTitle$2 = "Update newsletter selections";
3578
3578
  var subtitle$b = "We may use your email for other marketing communication";
3579
- var labels$E = {
3579
+ var labels$H = {
3580
3580
  submit: "Submit",
3581
3581
  firstName: "First name",
3582
3582
  lastName: "Last name",
@@ -3584,7 +3584,7 @@ var labels$E = {
3584
3584
  postalCode: "Postal code",
3585
3585
  required: "required"
3586
3586
  };
3587
- var messages$K = {
3587
+ var messages$N = {
3588
3588
  alreadyHaveAccount: "Already have an account?",
3589
3589
  success: "Newsletters were successfully updated",
3590
3590
  loginHere: "Login here.",
@@ -3595,14 +3595,14 @@ var newsletter_en = {
3595
3595
  title: title$q,
3596
3596
  updateTitle: updateTitle$2,
3597
3597
  subtitle: subtitle$b,
3598
- labels: labels$E,
3599
- messages: messages$K
3598
+ labels: labels$H,
3599
+ messages: messages$N
3600
3600
  };
3601
3601
 
3602
3602
  var title$p = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
3603
3603
  var updateTitle$1 = "Mettre à jour son choix d'infolettres";
3604
3604
  var subtitle$a = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
3605
- var labels$D = {
3605
+ var labels$G = {
3606
3606
  submit: "Lire l’article !",
3607
3607
  firstName: "Prénom",
3608
3608
  lastName: "Nom de famille",
@@ -3610,7 +3610,7 @@ var labels$D = {
3610
3610
  postalCode: "Code postal",
3611
3611
  required: "Champs obligatoires"
3612
3612
  };
3613
- var messages$J = {
3613
+ var messages$M = {
3614
3614
  alreadyHaveAccount: "Vous avez déjà un compte ?",
3615
3615
  success: "Votre choix d'infolettres à été mis à jour",
3616
3616
  loginHere: "Connectez-vous ici",
@@ -3621,14 +3621,14 @@ var newsletter_fr = {
3621
3621
  title: title$p,
3622
3622
  updateTitle: updateTitle$1,
3623
3623
  subtitle: subtitle$a,
3624
- labels: labels$D,
3625
- messages: messages$J
3624
+ labels: labels$G,
3625
+ messages: messages$M
3626
3626
  };
3627
3627
 
3628
3628
  var title$o = "Frieze 뉴스레터를 구독하려면 이메일을 입력하세요.";
3629
3629
  var updateTitle = "뉴스레터 선택 업데이트";
3630
3630
  var subtitle$9 = "귀하의 이메일은 다른 마케팅 용도로도 사용됩니다.";
3631
- var labels$C = {
3631
+ var labels$F = {
3632
3632
  submit: "제출",
3633
3633
  firstName: "이름",
3634
3634
  lastName: "성",
@@ -3636,7 +3636,7 @@ var labels$C = {
3636
3636
  postalCode: "우편번호",
3637
3637
  required: "필수 항목"
3638
3638
  };
3639
- var messages$I = {
3639
+ var messages$L = {
3640
3640
  alreadyHaveAccount: "이미 계정이 있습니까?",
3641
3641
  success: "뉴스레터가 성공적으로 업데이트되었습니다.",
3642
3642
  loginHere: "여기에서 로그인하세요.",
@@ -3647,14 +3647,14 @@ var newsletter_ko = {
3647
3647
  title: title$o,
3648
3648
  updateTitle: updateTitle,
3649
3649
  subtitle: subtitle$9,
3650
- labels: labels$C,
3651
- messages: messages$I
3650
+ labels: labels$F,
3651
+ messages: messages$L
3652
3652
  };
3653
3653
 
3654
- var labels$B = {
3654
+ var labels$E = {
3655
3655
  "continue": "Continue to content"
3656
3656
  };
3657
- var messages$H = {
3657
+ var messages$K = {
3658
3658
  yourFreeTrial: "Subscription successful!",
3659
3659
  youHaveAccess: "Hope you enjoy the subscription. Please contact us if you have any questions or concerns.",
3660
3660
  clickToLearn: {
@@ -3680,15 +3680,15 @@ var errors$e = {
3680
3680
  "": ""
3681
3681
  };
3682
3682
  var success_en = {
3683
- labels: labels$B,
3684
- messages: messages$H,
3683
+ labels: labels$E,
3684
+ messages: messages$K,
3685
3685
  errors: errors$e
3686
3686
  };
3687
3687
 
3688
- var labels$A = {
3688
+ var labels$D = {
3689
3689
  "continue": "Abonnement réussi !"
3690
3690
  };
3691
- var messages$G = {
3691
+ var messages$J = {
3692
3692
  yourFreeTrial: "Votre essai gratuit vient de débuter",
3693
3693
  youHaveAccess: "Nous espérons que vous allez apprécier votre abonnement. Veuillez nous contacter si vous avez des questions ou des préoccupations.",
3694
3694
  clickToLearn: {
@@ -3714,15 +3714,15 @@ var errors$d = {
3714
3714
  "": ""
3715
3715
  };
3716
3716
  var success_fr = {
3717
- labels: labels$A,
3718
- messages: messages$G,
3717
+ labels: labels$D,
3718
+ messages: messages$J,
3719
3719
  errors: errors$d
3720
3720
  };
3721
3721
 
3722
- var labels$z = {
3722
+ var labels$C = {
3723
3723
  "continue": "콘텐츠로 돌아가기"
3724
3724
  };
3725
- var messages$F = {
3725
+ var messages$I = {
3726
3726
  yourFreeTrial: "유료 멤버십에 가입하셨습니다!",
3727
3727
  youHaveAccess: "멤버십 혜택을 즐기시기를 바라며, 질문이나 문의 사항이 있으면 저희에게 연락주십시오.",
3728
3728
  clickToLearn: {
@@ -3748,12 +3748,12 @@ var errors$c = {
3748
3748
  "": ""
3749
3749
  };
3750
3750
  var success_ko = {
3751
- labels: labels$z,
3752
- messages: messages$F,
3751
+ labels: labels$C,
3752
+ messages: messages$I,
3753
3753
  errors: errors$c
3754
3754
  };
3755
3755
 
3756
- var messages$E = {
3756
+ var messages$H = {
3757
3757
  freeVisits: "Free visits left:",
3758
3758
  subscribeNow: "Subscribe",
3759
3759
  alreadyHaveAccount: "Already have an account?",
@@ -3763,11 +3763,11 @@ var errors$b = {
3763
3763
  "": ""
3764
3764
  };
3765
3765
  var meter_en = {
3766
- messages: messages$E,
3766
+ messages: messages$H,
3767
3767
  errors: errors$b
3768
3768
  };
3769
3769
 
3770
- var messages$D = {
3770
+ var messages$G = {
3771
3771
  freeVisits: "Visites gratuites restantes:",
3772
3772
  subscribeNow: "Abonnez-vous maintenant !",
3773
3773
  alreadyHaveAccount: "Vous avez déjà un compte ?",
@@ -3777,11 +3777,11 @@ var errors$a = {
3777
3777
  "": ""
3778
3778
  };
3779
3779
  var meter_fr = {
3780
- messages: messages$D,
3780
+ messages: messages$G,
3781
3781
  errors: errors$a
3782
3782
  };
3783
3783
 
3784
- var messages$C = {
3784
+ var messages$F = {
3785
3785
  freeVisits: "남은 무료 방문 기간:",
3786
3786
  subscribeNow: "멤버십 가입",
3787
3787
  alreadyHaveAccount: "이미 계정이 있습니까?",
@@ -3791,15 +3791,15 @@ var errors$9 = {
3791
3791
  "": ""
3792
3792
  };
3793
3793
  var meter_ko = {
3794
- messages: messages$C,
3794
+ messages: messages$F,
3795
3795
  errors: errors$9
3796
3796
  };
3797
3797
 
3798
- var messages$B = {
3798
+ var messages$E = {
3799
3799
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
3800
3800
  bankRedirection: "Please hold, redirecting you to your bank."
3801
3801
  };
3802
- var labels$y = {
3802
+ var labels$B = {
3803
3803
  card: "Enter card number",
3804
3804
  date: "Expiration date",
3805
3805
  CVC: "CVC",
@@ -3818,15 +3818,15 @@ var labels$y = {
3818
3818
  removeCoupon: "REMOVE"
3819
3819
  };
3820
3820
  var checkoutForm_en = {
3821
- messages: messages$B,
3822
- labels: labels$y
3821
+ messages: messages$E,
3822
+ labels: labels$B
3823
3823
  };
3824
3824
 
3825
- var messages$A = {
3825
+ var messages$D = {
3826
3826
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
3827
3827
  bankRedirection: "Veuillez patienter, nous vous redirigeons vers votre banque."
3828
3828
  };
3829
- var labels$x = {
3829
+ var labels$A = {
3830
3830
  card: "Entrez le numéro de carte",
3831
3831
  date: "Date d’expiration",
3832
3832
  CVC: "CVC",
@@ -3845,15 +3845,15 @@ var labels$x = {
3845
3845
  removeCoupon: "RETIRER"
3846
3846
  };
3847
3847
  var checkoutForm_fr = {
3848
- messages: messages$A,
3849
- labels: labels$x
3848
+ messages: messages$D,
3849
+ labels: labels$A
3850
3850
  };
3851
3851
 
3852
- var messages$z = {
3852
+ var messages$C = {
3853
3853
  youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
3854
3854
  bankRedirection: "잠시만 기다려 주십시오. 결제 은행으로 연결 중입니다."
3855
3855
  };
3856
- var labels$w = {
3856
+ var labels$z = {
3857
3857
  card: "카드 번호 입력",
3858
3858
  date: "만료일",
3859
3859
  CVC: "CVC",
@@ -3872,8 +3872,8 @@ var labels$w = {
3872
3872
  removeCoupon: "제거"
3873
3873
  };
3874
3874
  var checkoutForm_ko = {
3875
- messages: messages$z,
3876
- labels: labels$w
3875
+ messages: messages$C,
3876
+ labels: labels$z
3877
3877
  };
3878
3878
 
3879
3879
  var youAreSafe$2 = "You're safe - PCI compliant 128 SSL by";
@@ -3933,7 +3933,7 @@ var messages_ko = {
3933
3933
  zeroTotalInvoice: zeroTotalInvoice
3934
3934
  };
3935
3935
 
3936
- var labels$v = {
3936
+ var labels$y = {
3937
3937
  email: "Enter email",
3938
3938
  password: "Enter password",
3939
3939
  required: "required",
@@ -3941,7 +3941,7 @@ var labels$v = {
3941
3941
  passwordPlaceholder: "Password",
3942
3942
  login: "Login"
3943
3943
  };
3944
- var messages$y = {
3944
+ var messages$B = {
3945
3945
  loginTo: "Login to your account",
3946
3946
  welcome: "Welcome back, sign in with your existing account.",
3947
3947
  dontHaveAccount: "Don't have an account yet?",
@@ -3960,12 +3960,12 @@ var errors$8 = {
3960
3960
  "": ""
3961
3961
  };
3962
3962
  var login_en = {
3963
- labels: labels$v,
3964
- messages: messages$y,
3963
+ labels: labels$y,
3964
+ messages: messages$B,
3965
3965
  errors: errors$8
3966
3966
  };
3967
3967
 
3968
- var labels$u = {
3968
+ var labels$x = {
3969
3969
  email: "Entrez votre adresse courriel",
3970
3970
  password: "Entrez votre mot de passe",
3971
3971
  required: "Champs obligatoires",
@@ -3973,7 +3973,7 @@ var labels$u = {
3973
3973
  passwordPlaceholder: "Mot de passe",
3974
3974
  login: "Connexion"
3975
3975
  };
3976
- var messages$x = {
3976
+ var messages$A = {
3977
3977
  loginTo: "Connectez-vous à votre compte",
3978
3978
  welcome: "Bienvenue, connectez-vous avec votre compte existant.",
3979
3979
  dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -3992,12 +3992,12 @@ var errors$7 = {
3992
3992
  "": ""
3993
3993
  };
3994
3994
  var login_fr = {
3995
- labels: labels$u,
3996
- messages: messages$x,
3995
+ labels: labels$x,
3996
+ messages: messages$A,
3997
3997
  errors: errors$7
3998
3998
  };
3999
3999
 
4000
- var labels$t = {
4000
+ var labels$w = {
4001
4001
  email: "이메일 입력",
4002
4002
  password: "비밀번호 입력",
4003
4003
  required: "필수 항목",
@@ -4005,7 +4005,7 @@ var labels$t = {
4005
4005
  passwordPlaceholder: "비밀번호",
4006
4006
  login: "로그인"
4007
4007
  };
4008
- var messages$w = {
4008
+ var messages$z = {
4009
4009
  loginTo: "귀하의 계정에 로그인",
4010
4010
  welcome: "반갑습니다. 귀하의 기존 계정으로 로그인하세요.",
4011
4011
  dontHaveAccount: "아직 계정이 없으신가요?",
@@ -4024,42 +4024,42 @@ var errors$6 = {
4024
4024
  "": ""
4025
4025
  };
4026
4026
  var login_ko = {
4027
- labels: labels$t,
4028
- messages: messages$w,
4027
+ labels: labels$w,
4028
+ messages: messages$z,
4029
4029
  errors: errors$6
4030
4030
  };
4031
4031
 
4032
- var labels$s = {
4032
+ var labels$v = {
4033
4033
  title: "Verifying Passwordless Link",
4034
4034
  instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
4035
4035
  resend: "Resend email"
4036
4036
  };
4037
- var messages$v = {
4037
+ var messages$y = {
4038
4038
  resent: "Resent successfully",
4039
4039
  success: "You have been successfully authenticated with Passwordless Login"
4040
4040
  };
4041
4041
  var verifyLinkToken_en = {
4042
- labels: labels$s,
4043
- messages: messages$v
4042
+ labels: labels$v,
4043
+ messages: messages$y
4044
4044
  };
4045
4045
 
4046
- var labels$r = {
4046
+ var labels$u = {
4047
4047
  title: "Confirmez votre courriel",
4048
4048
  instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
4049
4049
  resend: "Renvoyer le courriel"
4050
4050
  };
4051
- var messages$u = {
4051
+ var messages$x = {
4052
4052
  resent: "Renvoyé avec succès",
4053
4053
  success: "Lien vérifiée avec succès"
4054
4054
  };
4055
4055
  var verifyLinkToken_fr = {
4056
- labels: labels$r,
4057
- messages: messages$u
4056
+ labels: labels$u,
4057
+ messages: messages$x
4058
4058
  };
4059
4059
 
4060
4060
  var title$n = "Create an account";
4061
4061
  var subtitle$8 = "Enter your email and password below";
4062
- var labels$q = {
4062
+ var labels$t = {
4063
4063
  signUpFacebook: "Sign up with Facebook",
4064
4064
  signUpGoogle: "Sign up with Google",
4065
4065
  signUpEmail: "Sign up with Email",
@@ -4071,7 +4071,7 @@ var labels$q = {
4071
4071
  firstName: "First name",
4072
4072
  lastName: "Last name"
4073
4073
  };
4074
- var messages$t = {
4074
+ var messages$w = {
4075
4075
  alreadyHaveAccount: "Already have an account?",
4076
4076
  createAccount: "Create account",
4077
4077
  loginHere: "login here. ",
@@ -4145,8 +4145,8 @@ var redeem$2 = {
4145
4145
  var register_en = {
4146
4146
  title: title$n,
4147
4147
  subtitle: subtitle$8,
4148
- labels: labels$q,
4149
- messages: messages$t,
4148
+ labels: labels$t,
4149
+ messages: messages$w,
4150
4150
  errors: errors$5,
4151
4151
  gift: gift$2,
4152
4152
  redeem: redeem$2
@@ -4154,7 +4154,7 @@ var register_en = {
4154
4154
 
4155
4155
  var title$m = "Créer un compte";
4156
4156
  var subtitle$7 = "Entrez votre courriel et votre mot de passe ci-dessous";
4157
- var labels$p = {
4157
+ var labels$s = {
4158
4158
  signUpFacebook: "Inscrivez-vous avec Facebook",
4159
4159
  signUpGoogle: "Inscrivez-vous avec Google",
4160
4160
  signUpEmail: "Inscrivez-vous avec votre courriel",
@@ -4166,7 +4166,7 @@ var labels$p = {
4166
4166
  firstName: "Prénom",
4167
4167
  lastName: "Nom de famille"
4168
4168
  };
4169
- var messages$s = {
4169
+ var messages$v = {
4170
4170
  alreadyHaveAccount: "Vous avez déjà un compte?",
4171
4171
  createAccount: "Créer un compte",
4172
4172
  loginHere: "Connectez-vous ici",
@@ -4241,8 +4241,8 @@ var redeem$1 = {
4241
4241
  var register_fr = {
4242
4242
  title: title$m,
4243
4243
  subtitle: subtitle$7,
4244
- labels: labels$p,
4245
- messages: messages$s,
4244
+ labels: labels$s,
4245
+ messages: messages$v,
4246
4246
  errors: errors$4,
4247
4247
  gift: gift$1,
4248
4248
  redeem: redeem$1
@@ -4250,7 +4250,7 @@ var register_fr = {
4250
4250
 
4251
4251
  var title$l = "계정 만들기";
4252
4252
  var subtitle$6 = "아래에 이메일과 비밀번호를 입력하세요.";
4253
- var labels$o = {
4253
+ var labels$r = {
4254
4254
  signUpFacebook: "Facebook으로 가입하기",
4255
4255
  signUpGoogle: "Google로 가입하기",
4256
4256
  signUpEmail: "이메일로 가입하기",
@@ -4262,7 +4262,7 @@ var labels$o = {
4262
4262
  firstName: "이름",
4263
4263
  lastName: "성"
4264
4264
  };
4265
- var messages$r = {
4265
+ var messages$u = {
4266
4266
  alreadyHaveAccount: "이미 계정이 있습니까?",
4267
4267
  createAccount: "계정 만들기",
4268
4268
  loginHere: "여기에서 로그인하세요.",
@@ -4336,14 +4336,14 @@ var redeem = {
4336
4336
  var register_ko = {
4337
4337
  title: title$l,
4338
4338
  subtitle: subtitle$6,
4339
- labels: labels$o,
4340
- messages: messages$r,
4339
+ labels: labels$r,
4340
+ messages: messages$u,
4341
4341
  errors: errors$3,
4342
4342
  gift: gift,
4343
4343
  redeem: redeem
4344
4344
  };
4345
4345
 
4346
- var labels$n = {
4346
+ var labels$q = {
4347
4347
  title: "Want to update your profile?",
4348
4348
  subtitle: "Enter your information below to update your profile",
4349
4349
  email: "Email",
@@ -4359,17 +4359,17 @@ var labels$n = {
4359
4359
  removeImage: "Remove current photo",
4360
4360
  zoom: "Zoom"
4361
4361
  };
4362
- var messages$q = {
4362
+ var messages$t = {
4363
4363
  userUpdated: "Thanks! Your profile was updated successfully.",
4364
4364
  pictureRemoved: "Your profile picture was removed successfully.",
4365
4365
  pictureUpdated: "Your profile picture was updated successfully."
4366
4366
  };
4367
4367
  var userEdit_en = {
4368
- labels: labels$n,
4369
- messages: messages$q
4368
+ labels: labels$q,
4369
+ messages: messages$t
4370
4370
  };
4371
4371
 
4372
- var labels$m = {
4372
+ var labels$p = {
4373
4373
  title: "Voulez-vous mettre à jour votre profil ?",
4374
4374
  subtitle: "Entrez vos informations ci-dessous pour mettre à jour votre profil",
4375
4375
  email: "Address courriel",
@@ -4385,17 +4385,17 @@ var labels$m = {
4385
4385
  removeImage: "supprimer la photo actuelle",
4386
4386
  zoom: "Zoom"
4387
4387
  };
4388
- var messages$p = {
4388
+ var messages$s = {
4389
4389
  userUpdated: "Votre profil a été mis à jour avec succès.",
4390
4390
  pictureRemoved: "Votre photo de profil a été supprimée avec succès.",
4391
4391
  pictureUpdated: "Votre photo de profil a été mise à jour avec succès."
4392
4392
  };
4393
4393
  var userEdit_fr = {
4394
- labels: labels$m,
4395
- messages: messages$p
4394
+ labels: labels$p,
4395
+ messages: messages$s
4396
4396
  };
4397
4397
 
4398
- var labels$l = {
4398
+ var labels$o = {
4399
4399
  title: "프로파일을 업데이트하시겠습니까?",
4400
4400
  subtitle: "프로필을 업데이트하려면 아래 정보를 입력하세요.",
4401
4401
  email: "이메일",
@@ -4411,20 +4411,20 @@ var labels$l = {
4411
4411
  removeImage: "기존 사진 제거",
4412
4412
  zoom: "확대"
4413
4413
  };
4414
- var messages$o = {
4414
+ var messages$r = {
4415
4415
  userUpdated: "감사합니다! 프로필이 성공적으로 업데이트되었습니다.",
4416
4416
  pictureRemoved: "귀하의 프로필 사진이 제거되었습니다.",
4417
4417
  pictureUpdated: "귀하의 프로필 사진이 업데이트되었습니다."
4418
4418
  };
4419
4419
  var userEdit_ko = {
4420
- labels: labels$l,
4421
- messages: messages$o
4420
+ labels: labels$o,
4421
+ messages: messages$r
4422
4422
  };
4423
4423
 
4424
4424
  var title$k = "Enter your shipping address";
4425
4425
  var selectAddressTitle$2 = "Please select an address";
4426
4426
  var selectAddressSubtitle$2 = "Select one of your saved addresses, or add a new one";
4427
- var labels$k = {
4427
+ var labels$n = {
4428
4428
  address: "Address",
4429
4429
  code: "Postal Code/Zip",
4430
4430
  city: "City",
@@ -4439,7 +4439,7 @@ var buttons$b = {
4439
4439
  selectAddress: "Select address",
4440
4440
  addAddress: "Add new address"
4441
4441
  };
4442
- var messages$n = {
4442
+ var messages$q = {
4443
4443
  addressUpdated: "The address was successfully updated!",
4444
4444
  subRedeemed: "Your subscription has been redeemed."
4445
4445
  };
@@ -4447,15 +4447,15 @@ var address_en = {
4447
4447
  title: title$k,
4448
4448
  selectAddressTitle: selectAddressTitle$2,
4449
4449
  selectAddressSubtitle: selectAddressSubtitle$2,
4450
- labels: labels$k,
4450
+ labels: labels$n,
4451
4451
  buttons: buttons$b,
4452
- messages: messages$n
4452
+ messages: messages$q
4453
4453
  };
4454
4454
 
4455
4455
  var title$j = "Entrez votre adresse de livraison";
4456
4456
  var selectAddressTitle$1 = "Veuillez sélectionner une adresse";
4457
4457
  var selectAddressSubtitle$1 = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
4458
- var labels$j = {
4458
+ var labels$m = {
4459
4459
  address: "Adresse",
4460
4460
  code: "Code postal / Zip",
4461
4461
  city: "Ville",
@@ -4470,7 +4470,7 @@ var buttons$a = {
4470
4470
  selectAddress: "Choisir cette adresse",
4471
4471
  addAddress: "Ajouter une nouvelle adresse"
4472
4472
  };
4473
- var messages$m = {
4473
+ var messages$p = {
4474
4474
  addressUpdated: "Votre adresse a été mise à jour avec succès",
4475
4475
  subRedeemed: "Votre abonnement a bien été activé."
4476
4476
  };
@@ -4478,15 +4478,15 @@ var address_fr = {
4478
4478
  title: title$j,
4479
4479
  selectAddressTitle: selectAddressTitle$1,
4480
4480
  selectAddressSubtitle: selectAddressSubtitle$1,
4481
- labels: labels$j,
4481
+ labels: labels$m,
4482
4482
  buttons: buttons$a,
4483
- messages: messages$m
4483
+ messages: messages$p
4484
4484
  };
4485
4485
 
4486
4486
  var title$i = "배송 주소를 입력하십시오.";
4487
4487
  var selectAddressTitle = "주소를 선택하십시오.";
4488
4488
  var selectAddressSubtitle = "저장된 주소에서 선택하거나 새 주소를 추가하십시오.";
4489
- var labels$i = {
4489
+ var labels$l = {
4490
4490
  address: "주소",
4491
4491
  code: "우편번호",
4492
4492
  city: "도시",
@@ -4501,7 +4501,7 @@ var buttons$9 = {
4501
4501
  selectAddress: "주소 선택",
4502
4502
  addAddress: "새 주소 추가"
4503
4503
  };
4504
- var messages$l = {
4504
+ var messages$o = {
4505
4505
  addressUpdated: "주소가 성공적으로 업데이트되었습니다!",
4506
4506
  subRedeemed: "귀하의 유료 멤버십이 사용되었습니다."
4507
4507
  };
@@ -4509,9 +4509,9 @@ var address_ko = {
4509
4509
  title: title$i,
4510
4510
  selectAddressTitle: selectAddressTitle,
4511
4511
  selectAddressSubtitle: selectAddressSubtitle,
4512
- labels: labels$i,
4512
+ labels: labels$l,
4513
4513
  buttons: buttons$9,
4514
- messages: messages$l
4514
+ messages: messages$o
4515
4515
  };
4516
4516
 
4517
4517
  var title$h = "Reset your password";
@@ -4577,7 +4577,7 @@ var password$2 = "Password";
4577
4577
  var submit$8 = "Submit";
4578
4578
  var required$8 = "Required";
4579
4579
  var passwordResetEmailSent$2 = "Password reset instructions have been sent to your email";
4580
- var messages$k = {
4580
+ var messages$n = {
4581
4581
  alreadyHaveAccount: "Already have an account?",
4582
4582
  loginHere: "login here."
4583
4583
  };
@@ -4588,7 +4588,7 @@ var passwordForgot_en = {
4588
4588
  submit: submit$8,
4589
4589
  required: required$8,
4590
4590
  passwordResetEmailSent: passwordResetEmailSent$2,
4591
- messages: messages$k
4591
+ messages: messages$n
4592
4592
  };
4593
4593
 
4594
4594
  var title$d = "Mot de passe oublié ?";
@@ -4597,7 +4597,7 @@ var password$1 = "Mot de passe";
4597
4597
  var submit$7 = "Soumettre";
4598
4598
  var required$7 = "Champs obligatoires";
4599
4599
  var passwordResetEmailSent$1 = "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.";
4600
- var messages$j = {
4600
+ var messages$m = {
4601
4601
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4602
4602
  loginHere: "Connectez-vous ici"
4603
4603
  };
@@ -4608,7 +4608,7 @@ var passwordForgot_fr = {
4608
4608
  submit: submit$7,
4609
4609
  required: required$7,
4610
4610
  passwordResetEmailSent: passwordResetEmailSent$1,
4611
- messages: messages$j
4611
+ messages: messages$m
4612
4612
  };
4613
4613
 
4614
4614
  var title$c = "비밀번호를 잊으셨나요?";
@@ -4617,7 +4617,7 @@ var password = "비밀번호";
4617
4617
  var submit$6 = "제출";
4618
4618
  var required$6 = "필수 항목";
4619
4619
  var passwordResetEmailSent = "비밀번호 재설정 안내가 귀하의 이메일로 발송되었습니다.";
4620
- var messages$i = {
4620
+ var messages$l = {
4621
4621
  alreadyHaveAccount: "이미 계정이 있습니까?",
4622
4622
  loginHere: "여기에서 로그인하세요."
4623
4623
  };
@@ -4628,7 +4628,7 @@ var passwordForgot_ko = {
4628
4628
  submit: submit$6,
4629
4629
  required: required$6,
4630
4630
  passwordResetEmailSent: passwordResetEmailSent,
4631
- messages: messages$i
4631
+ messages: messages$l
4632
4632
  };
4633
4633
 
4634
4634
  var title$b = "Change your password";
@@ -4698,7 +4698,7 @@ var title$8 = "Passwordless Login";
4698
4698
  var email$2 = "Enter email";
4699
4699
  var submit$2 = "Submit";
4700
4700
  var required$2 = "Required";
4701
- var messages$h = {
4701
+ var messages$k = {
4702
4702
  PasswordlessLoginSuccess: "Please check your email and follow the instructions there"
4703
4703
  };
4704
4704
  var passwordlessRequest_en = {
@@ -4706,14 +4706,14 @@ var passwordlessRequest_en = {
4706
4706
  email: email$2,
4707
4707
  submit: submit$2,
4708
4708
  required: required$2,
4709
- messages: messages$h
4709
+ messages: messages$k
4710
4710
  };
4711
4711
 
4712
4712
  var title$7 = "Connexion sans mot de passe";
4713
4713
  var email$1 = "Entrez votre adresse courriel";
4714
4714
  var submit$1 = "Soumettre";
4715
4715
  var required$1 = "Champs obligatoires";
4716
- var messages$g = {
4716
+ var messages$j = {
4717
4717
  PasswordlessLoginSuccess: "Vous avez été authentifié avec succès avec la connexion sans mot de passe"
4718
4718
  };
4719
4719
  var passwordlessRequest_fr = {
@@ -4721,14 +4721,14 @@ var passwordlessRequest_fr = {
4721
4721
  email: email$1,
4722
4722
  submit: submit$1,
4723
4723
  required: required$1,
4724
- messages: messages$g
4724
+ messages: messages$j
4725
4725
  };
4726
4726
 
4727
4727
  var title$6 = "비밀번호 없는 로그인";
4728
4728
  var email = "이메일 입력";
4729
4729
  var submit = "제출";
4730
4730
  var required = "필수 항목";
4731
- var messages$f = {
4731
+ var messages$i = {
4732
4732
  PasswordlessLoginSuccess: "비밀번호 없는 로그인으로 성공적으로 인증되었습니다."
4733
4733
  };
4734
4734
  var passwordlessRequest_ko = {
@@ -4736,7 +4736,7 @@ var passwordlessRequest_ko = {
4736
4736
  email: email,
4737
4737
  submit: submit,
4738
4738
  required: required,
4739
- messages: messages$f
4739
+ messages: messages$i
4740
4740
  };
4741
4741
 
4742
4742
  var title$5 = "Votre panier";
@@ -4820,7 +4820,7 @@ var buttons$8 = {
4820
4820
  purchase: "Purchase",
4821
4821
  "continue": "Continue"
4822
4822
  };
4823
- var messages$e = {
4823
+ var messages$h = {
4824
4824
  orderConfirmed: {
4825
4825
  title: "Order confirmed!",
4826
4826
  body: "Your order has been confirmed and will be shipped within the next few days. You'll shortly receive an email confirmation of this order."
@@ -4829,14 +4829,14 @@ var messages$e = {
4829
4829
  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.",
4830
4830
  currencyMismatch: "The selected item(s) do not match your current default currency ({{currency}}). Please choose item(s) only matching this currency."
4831
4831
  };
4832
- var labels$h = {
4832
+ var labels$k = {
4833
4833
  summary: "Order summary",
4834
4834
  total: "total"
4835
4835
  };
4836
4836
  var shop_en = {
4837
4837
  buttons: buttons$8,
4838
- messages: messages$e,
4839
- labels: labels$h
4838
+ messages: messages$h,
4839
+ labels: labels$k
4840
4840
  };
4841
4841
 
4842
4842
  var buttons$7 = {
@@ -4845,7 +4845,7 @@ var buttons$7 = {
4845
4845
  purchase: "Acheter",
4846
4846
  "continue": "Continuer au contenu"
4847
4847
  };
4848
- var messages$d = {
4848
+ var messages$g = {
4849
4849
  orderConfirmed: {
4850
4850
  title: "Votre commande est confirmée !",
4851
4851
  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."
@@ -4854,14 +4854,14 @@ var messages$d = {
4854
4854
  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.",
4855
4855
  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."
4856
4856
  };
4857
- var labels$g = {
4857
+ var labels$j = {
4858
4858
  summary: "récapitulatif de commande",
4859
4859
  total: "total"
4860
4860
  };
4861
4861
  var shop_fr = {
4862
4862
  buttons: buttons$7,
4863
- messages: messages$d,
4864
- labels: labels$g
4863
+ messages: messages$g,
4864
+ labels: labels$j
4865
4865
  };
4866
4866
 
4867
4867
  var buttons$6 = {
@@ -4870,7 +4870,7 @@ var buttons$6 = {
4870
4870
  purchase: "구매",
4871
4871
  "continue": "계속"
4872
4872
  };
4873
- var messages$c = {
4873
+ var messages$f = {
4874
4874
  orderConfirmed: {
4875
4875
  title: "주문이 확인되었습니다!",
4876
4876
  body: "귀하의 주문이 확인되었으며 며칠 안에 배송될 예정입니다. 이 주문의 확인 이메일이 귀하에게 전송됩니다."
@@ -4879,17 +4879,17 @@ var messages$c = {
4879
4879
  multipleCurrencies: "장바구니에 다른 통화로만 결제가 가능한 아이템이 있습니다. 결제를 계속 진행하려면 모든 아이템의 결제 통화가 동일한지 확인하십시오.",
4880
4880
  currencyMismatch: "선택하신 아이템(들)이 귀하가 설정한 기본 통화({{currency}})와 일치하지 않습니다. 기본 통화와 일치하는 아이템(들)만 선택하십시오."
4881
4881
  };
4882
- var labels$f = {
4882
+ var labels$i = {
4883
4883
  summary: "주문 요약",
4884
4884
  total: "총계"
4885
4885
  };
4886
4886
  var shop_ko = {
4887
4887
  buttons: buttons$6,
4888
- messages: messages$c,
4889
- labels: labels$f
4888
+ messages: messages$f,
4889
+ labels: labels$i
4890
4890
  };
4891
4891
 
4892
- var labels$e = {
4892
+ var labels$h = {
4893
4893
  cardNumber: "Numéro de carte",
4894
4894
  securityCode: "Code de sécurité",
4895
4895
  submit: "Soumettre",
@@ -4911,7 +4911,7 @@ var labels$e = {
4911
4911
  title: "Informations de paiement"
4912
4912
  }
4913
4913
  };
4914
- var messages$b = {
4914
+ var messages$e = {
4915
4915
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
4916
4916
  cancel: "Annuler votre abonnement en ligne à tout moment.",
4917
4917
  giftSent: "Le cadeau d’abonnement a été envoyé à",
@@ -4924,12 +4924,12 @@ var errors$2 = {
4924
4924
  "": ""
4925
4925
  };
4926
4926
  var payment_fr = {
4927
- labels: labels$e,
4928
- messages: messages$b,
4927
+ labels: labels$h,
4928
+ messages: messages$e,
4929
4929
  errors: errors$2
4930
4930
  };
4931
4931
 
4932
- var labels$d = {
4932
+ var labels$g = {
4933
4933
  cardNumber: "Card number",
4934
4934
  securityCode: "Security Code",
4935
4935
  submit: "Submit",
@@ -4951,7 +4951,7 @@ var labels$d = {
4951
4951
  title: "Payment Information"
4952
4952
  }
4953
4953
  };
4954
- var messages$a = {
4954
+ var messages$d = {
4955
4955
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
4956
4956
  cancel: "Cancel your subscription online at anytime.",
4957
4957
  giftSent: "Subscription gift has been sent to",
@@ -4964,12 +4964,12 @@ var errors$1 = {
4964
4964
  "": ""
4965
4965
  };
4966
4966
  var payment_en = {
4967
- labels: labels$d,
4968
- messages: messages$a,
4967
+ labels: labels$g,
4968
+ messages: messages$d,
4969
4969
  errors: errors$1
4970
4970
  };
4971
4971
 
4972
- var labels$c = {
4972
+ var labels$f = {
4973
4973
  cardNumber: "카드 번호",
4974
4974
  securityCode: "보안 코드",
4975
4975
  submit: "제출",
@@ -4991,7 +4991,7 @@ var labels$c = {
4991
4991
  title: "결제 정보"
4992
4992
  }
4993
4993
  };
4994
- var messages$9 = {
4994
+ var messages$c = {
4995
4995
  youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
4996
4996
  cancel: "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.",
4997
4997
  giftSent: "유료 멤버십 선물이 ",
@@ -5004,12 +5004,12 @@ var errors = {
5004
5004
  "": ""
5005
5005
  };
5006
5006
  var payment_ko = {
5007
- labels: labels$c,
5008
- messages: messages$9,
5007
+ labels: labels$f,
5008
+ messages: messages$c,
5009
5009
  errors: errors
5010
5010
  };
5011
5011
 
5012
- var labels$b = {
5012
+ var labels$e = {
5013
5013
  menu: "Pelcro Menu",
5014
5014
  name: "Name",
5015
5015
  email: "Email",
@@ -5086,7 +5086,7 @@ var labels$b = {
5086
5086
  goBack: "Go back"
5087
5087
  }
5088
5088
  };
5089
- var messages$8 = {
5089
+ var messages$b = {
5090
5090
  noCard: "You don't have a card",
5091
5091
  subCancellation: {
5092
5092
  isSureToCancel: "Are you sure you want to cancel your subscription?",
@@ -5096,11 +5096,11 @@ var messages$8 = {
5096
5096
  }
5097
5097
  };
5098
5098
  var dashboard_en = {
5099
- labels: labels$b,
5100
- messages: messages$8
5099
+ labels: labels$e,
5100
+ messages: messages$b
5101
5101
  };
5102
5102
 
5103
- var labels$a = {
5103
+ var labels$d = {
5104
5104
  menu: "Menu Pelcro",
5105
5105
  name: "Nom",
5106
5106
  email: "Courriel",
@@ -5177,7 +5177,7 @@ var labels$a = {
5177
5177
  goBack: "Retourner"
5178
5178
  }
5179
5179
  };
5180
- var messages$7 = {
5180
+ var messages$a = {
5181
5181
  noCard: "Vous n’avez pas une carte",
5182
5182
  subCancellation: {
5183
5183
  isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -5187,11 +5187,11 @@ var messages$7 = {
5187
5187
  }
5188
5188
  };
5189
5189
  var dashboard_fr = {
5190
- labels: labels$a,
5191
- messages: messages$7
5190
+ labels: labels$d,
5191
+ messages: messages$a
5192
5192
  };
5193
5193
 
5194
- var labels$9 = {
5194
+ var labels$c = {
5195
5195
  menu: "Pelcro 메뉴",
5196
5196
  name: "이름",
5197
5197
  email: "이메일",
@@ -5268,7 +5268,7 @@ var labels$9 = {
5268
5268
  goBack: "뒤로 가기"
5269
5269
  }
5270
5270
  };
5271
- var messages$6 = {
5271
+ var messages$9 = {
5272
5272
  noCard: "등록된 카드가 없습니다.",
5273
5273
  subCancellation: {
5274
5274
  isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
@@ -5278,16 +5278,16 @@ var messages$6 = {
5278
5278
  }
5279
5279
  };
5280
5280
  var dashboard_ko = {
5281
- labels: labels$9,
5282
- messages: messages$6
5281
+ labels: labels$c,
5282
+ messages: messages$9
5283
5283
  };
5284
5284
 
5285
- var messages$5 = {
5285
+ var messages$8 = {
5286
5286
  alreadyHaveAccount: "Already have an account?",
5287
5287
  loginHere: "Login here",
5288
5288
  checkbox: "Check this box to gift this subscription"
5289
5289
  };
5290
- var labels$8 = {
5290
+ var labels$b = {
5291
5291
  plan: {
5292
5292
  title: "Subscribe to a plan",
5293
5293
  subtitle: "Select one of the plans below and click on next."
@@ -5310,17 +5310,17 @@ var buttons$5 = {
5310
5310
  back: "Back"
5311
5311
  };
5312
5312
  var select_en = {
5313
- messages: messages$5,
5314
- labels: labels$8,
5313
+ messages: messages$8,
5314
+ labels: labels$b,
5315
5315
  buttons: buttons$5
5316
5316
  };
5317
5317
 
5318
- var messages$4 = {
5318
+ var messages$7 = {
5319
5319
  alreadyHaveAccount: "Vous avez déjà un compte ?",
5320
5320
  loginHere: "Connectez-vous ici",
5321
5321
  checkbox: "Cochez cette case pour offrir cet abonnement"
5322
5322
  };
5323
- var labels$7 = {
5323
+ var labels$a = {
5324
5324
  plan: {
5325
5325
  title: "Abonnez-vous à un plan",
5326
5326
  subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -5343,17 +5343,17 @@ var buttons$4 = {
5343
5343
  back: "Retour"
5344
5344
  };
5345
5345
  var select_fr = {
5346
- messages: messages$4,
5347
- labels: labels$7,
5346
+ messages: messages$7,
5347
+ labels: labels$a,
5348
5348
  buttons: buttons$4
5349
5349
  };
5350
5350
 
5351
- var messages$3 = {
5351
+ var messages$6 = {
5352
5352
  alreadyHaveAccount: "이미 계정이 있습니까?",
5353
5353
  loginHere: "여기에서 로그인하세요.",
5354
5354
  checkbox: "이 유료 멤버십을 선물하려면 체크하세요."
5355
5355
  };
5356
- var labels$6 = {
5356
+ var labels$9 = {
5357
5357
  plan: {
5358
5358
  title: "요금제 가입하기",
5359
5359
  subtitle: "아래 요금제 중 하나를 선택하고 다음을 클릭하세요."
@@ -5376,8 +5376,8 @@ var buttons$3 = {
5376
5376
  back: "뒤로"
5377
5377
  };
5378
5378
  var select_ko = {
5379
- messages: messages$3,
5380
- labels: labels$6,
5379
+ messages: messages$6,
5380
+ labels: labels$9,
5381
5381
  buttons: buttons$3
5382
5382
  };
5383
5383
 
@@ -5411,50 +5411,50 @@ var notification_ko = {
5411
5411
  confirm: confirm
5412
5412
  };
5413
5413
 
5414
- var labels$5 = {
5414
+ var labels$8 = {
5415
5415
  title: "Verify your email",
5416
5416
  instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
5417
5417
  resend: "Resend email"
5418
5418
  };
5419
- var messages$2 = {
5419
+ var messages$5 = {
5420
5420
  resent: "Resent successfully",
5421
5421
  success: "Email verified successfully!"
5422
5422
  };
5423
5423
  var verifyEmail_en = {
5424
- labels: labels$5,
5425
- messages: messages$2
5424
+ labels: labels$8,
5425
+ messages: messages$5
5426
5426
  };
5427
5427
 
5428
- var labels$4 = {
5428
+ var labels$7 = {
5429
5429
  title: "Confirmez votre courriel",
5430
5430
  instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
5431
5431
  resend: "Renvoyer le courriel"
5432
5432
  };
5433
- var messages$1 = {
5433
+ var messages$4 = {
5434
5434
  resent: "Renvoyé avec succès",
5435
5435
  success: "Adresse courriel vérifiée avec succès"
5436
5436
  };
5437
5437
  var verifyEmail_fr = {
5438
- labels: labels$4,
5439
- messages: messages$1
5438
+ labels: labels$7,
5439
+ messages: messages$4
5440
5440
  };
5441
5441
 
5442
- var labels$3 = {
5442
+ var labels$6 = {
5443
5443
  title: "이메일 주소를 인증하세요.",
5444
5444
  instructions: "거의 완료되었습니다!\n이메일 주소만 인증하면 됩니다.\n다음 이메일 주소로 전송된 인증 링크를 클릭해 주십시오:",
5445
5445
  resend: "이메일 재전송"
5446
5446
  };
5447
- var messages = {
5447
+ var messages$3 = {
5448
5448
  resent: "재전송 완료",
5449
5449
  success: "이메일 주소가 인증되었습니다!"
5450
5450
  };
5451
5451
  var verifyEmail_ko = {
5452
- labels: labels$3,
5453
- messages: messages
5452
+ labels: labels$6,
5453
+ messages: messages$3
5454
5454
  };
5455
5455
 
5456
5456
  var title$2 = "Invoice details";
5457
- var labels$2 = {
5457
+ var labels$5 = {
5458
5458
  summary: "Summary",
5459
5459
  total: "Total",
5460
5460
  amountPaid: "Amount paid",
@@ -5467,12 +5467,12 @@ var buttons$2 = {
5467
5467
  };
5468
5468
  var invoiceDetails_en = {
5469
5469
  title: title$2,
5470
- labels: labels$2,
5470
+ labels: labels$5,
5471
5471
  buttons: buttons$2
5472
5472
  };
5473
5473
 
5474
5474
  var title$1 = "Détails de la facture";
5475
- var labels$1 = {
5475
+ var labels$4 = {
5476
5476
  summary: "Résumé",
5477
5477
  total: "Total",
5478
5478
  amountPaid: "Montant payé",
@@ -5485,12 +5485,12 @@ var buttons$1 = {
5485
5485
  };
5486
5486
  var invoiceDetails_fr = {
5487
5487
  title: title$1,
5488
- labels: labels$1,
5488
+ labels: labels$4,
5489
5489
  buttons: buttons$1
5490
5490
  };
5491
5491
 
5492
5492
  var title = "인보이스 세부 정보";
5493
- var labels = {
5493
+ var labels$3 = {
5494
5494
  summary: "요약",
5495
5495
  total: "총계",
5496
5496
  amountPaid: "지불된 금액",
@@ -5503,10 +5503,82 @@ var buttons = {
5503
5503
  };
5504
5504
  var invoiceDetails_ko = {
5505
5505
  title: title,
5506
- labels: labels,
5506
+ labels: labels$3,
5507
5507
  buttons: buttons
5508
5508
  };
5509
5509
 
5510
+ var labels$2 = {
5511
+ title: "Cancel subscription",
5512
+ cancelReason: "Cancellation reason",
5513
+ subCancellation: {
5514
+ goBack: "Go back"
5515
+ }
5516
+ };
5517
+ var messages$2 = {
5518
+ subscriptionEnd: "This subscription is set to expire on",
5519
+ cancelNow: "Cancel Subscription Now",
5520
+ cancelLater: "Cancel at Period End",
5521
+ subCancellation: {
5522
+ isSureToCancelNow: "Are you sure you want to cancel your subscription immediately?",
5523
+ isSureToCancel: "Are you sure you want to cancel your subscription?",
5524
+ loading: "Canceling your subscription",
5525
+ success: "Subscription is successfully canceled",
5526
+ error: "Error while canceling your subscription"
5527
+ }
5528
+ };
5529
+ var subscriptionCancel_en = {
5530
+ labels: labels$2,
5531
+ messages: messages$2
5532
+ };
5533
+
5534
+ var labels$1 = {
5535
+ title: "Annuler l'abonnement",
5536
+ cancelReason: "Motif d'annulation",
5537
+ subCancellation: {
5538
+ goBack: "Retourner"
5539
+ }
5540
+ };
5541
+ var messages$1 = {
5542
+ subscriptionEnd: "Cet abonnement doit expirer le",
5543
+ cancelNow: "Cancel Subscription Now",
5544
+ cancelLater: "Annuler l'abonnement maintenant",
5545
+ subCancellation: {
5546
+ isSureToCancelNow: "Êtes-vous sûr de vouloir résilier votre abonnement immédiatement?",
5547
+ isSureToCancel: "Êtes-vous sûr de vouloir résilier votre abonnement?",
5548
+ loading: "Annulation de votre abonnement",
5549
+ success: "L'abonnement a été annulé avec succès",
5550
+ error: "Erreur lors de l'annulation de votre abonnement"
5551
+ }
5552
+ };
5553
+ var subscriptionCancel_fr = {
5554
+ labels: labels$1,
5555
+ messages: messages$1
5556
+ };
5557
+
5558
+ var labels = {
5559
+ title: "구독 취소",
5560
+ cancelReason: "취소 사유",
5561
+ subCancellation: {
5562
+ goBack: "돌아가기"
5563
+ }
5564
+ };
5565
+ var messages = {
5566
+ subscriptionEnd: "이 구독은 다음 날짜에 만료되도록 설정되었습니다.",
5567
+ cancelNow: "지금 구독 취소",
5568
+ cancelLater: "기간 종료 시 취소",
5569
+ subCancellation: {
5570
+ isSureToCancelNow: "구독을 즉시 취소하시겠습니까?",
5571
+ isSureToCancel: "구독을 취소하시겠습니까?",
5572
+ loading: "구독 취소",
5573
+ success: "구독이 성공적으로 취소되었습니다.",
5574
+ error: "구독 취소 중 오류 발생"
5575
+ }
5576
+ };
5577
+ var subscriptionCancel_ko = {
5578
+ labels: labels,
5579
+ messages: messages
5580
+ };
5581
+
5510
5582
  function create$1(createState) {
5511
5583
  let state;
5512
5584
  const listeners = new Set();
@@ -6903,7 +6975,7 @@ class PelcroActions {
6903
6975
  view,
6904
6976
  cartItems,
6905
6977
  ...otherStateFields
6906
- } = initialState$k;
6978
+ } = initialState$l;
6907
6979
  this.set(otherStateFields);
6908
6980
  });
6909
6981
 
@@ -7017,6 +7089,21 @@ class PelcroActions {
7017
7089
  });
7018
7090
  });
7019
7091
 
7092
+ _defineProperty$3(this, "setSubscriptionToCancel", id => {
7093
+ var _window$Pelcro$subscr;
7094
+
7095
+ const subscriptions = (_window$Pelcro$subscr = window.Pelcro.subscription.list()) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
7096
+ const subscriptionToCancel = subscriptions.filter(sub => String(sub.id) === String(id))[0];
7097
+
7098
+ if (!subscriptionToCancel) {
7099
+ return console.error("invalid subscription id");
7100
+ }
7101
+
7102
+ this.set({
7103
+ subscriptionToCancel
7104
+ });
7105
+ });
7106
+
7020
7107
  _defineProperty$3(this, "setInvoice", id => {
7021
7108
  var _window$Pelcro$invoic;
7022
7109
 
@@ -7224,7 +7311,7 @@ class PelcroCallbacks {
7224
7311
 
7225
7312
  }
7226
7313
 
7227
- const initialState$k = {
7314
+ const initialState$l = {
7228
7315
  // View
7229
7316
  view: null,
7230
7317
  // Plans
@@ -7254,7 +7341,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
7254
7341
  return {
7255
7342
  // Store setter
7256
7343
  set,
7257
- ...initialState$k,
7344
+ ...initialState$l,
7258
7345
  // State actions
7259
7346
  ...actions,
7260
7347
  // Callbacks
@@ -7649,7 +7736,8 @@ const resources = {
7649
7736
  dashboard: dashboard_en,
7650
7737
  select: select_en,
7651
7738
  notification: notification_en,
7652
- invoiceDetails: invoiceDetails_en
7739
+ invoiceDetails: invoiceDetails_en,
7740
+ subscriptionCancel: subscriptionCancel_en
7653
7741
  },
7654
7742
  fr: {
7655
7743
  common: common_fr,
@@ -7675,7 +7763,8 @@ const resources = {
7675
7763
  dashboard: dashboard_fr,
7676
7764
  select: select_fr,
7677
7765
  notification: notification_fr,
7678
- invoiceDetails: invoiceDetails_fr
7766
+ invoiceDetails: invoiceDetails_fr,
7767
+ subscriptionCancel: subscriptionCancel_fr
7679
7768
  },
7680
7769
  ko: {
7681
7770
  common: common_ko,
@@ -7701,7 +7790,8 @@ const resources = {
7701
7790
  dashboard: dashboard_ko,
7702
7791
  select: select_ko,
7703
7792
  notification: notification_ko,
7704
- invoiceDetails: invoiceDetails_ko
7793
+ invoiceDetails: invoiceDetails_ko,
7794
+ subscriptionCancel: subscriptionCancel_ko
7705
7795
  }
7706
7796
  }; // set UI language to the page language or default to the language in site settings
7707
7797
 
@@ -10447,8 +10537,9 @@ const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
10447
10537
  const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
10448
10538
  const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
10449
10539
  const LINK_TOKEN_VERIFY = "LINK_TOKEN_VERIFY";
10540
+ const SET_CANCEL_SUBSCRIPTION_REASON = "SET_CANCEL_SUBSCRIPTION_REASON";
10450
10541
 
10451
- const initialState$j = {
10542
+ const initialState$k = {
10452
10543
  email: "",
10453
10544
  password: "",
10454
10545
  emailError: null,
@@ -10459,10 +10550,10 @@ const initialState$j = {
10459
10550
  content: ""
10460
10551
  }
10461
10552
  };
10462
- const store$j = /*#__PURE__*/React.createContext(initialState$j);
10553
+ const store$k = /*#__PURE__*/React.createContext(initialState$k);
10463
10554
  const {
10464
- Provider: Provider$j
10465
- } = store$j;
10555
+ Provider: Provider$k
10556
+ } = store$k;
10466
10557
 
10467
10558
  const LoginContainer = ({
10468
10559
  style,
@@ -10569,7 +10660,7 @@ const LoginContainer = ({
10569
10660
  });
10570
10661
 
10571
10662
  case RESET_LOGIN_FORM:
10572
- return initialState$j;
10663
+ return initialState$k;
10573
10664
 
10574
10665
  case DISABLE_LOGIN_BUTTON:
10575
10666
  return lib_7({ ...state,
@@ -10587,12 +10678,12 @@ const LoginContainer = ({
10587
10678
  default:
10588
10679
  return state;
10589
10680
  }
10590
- }, initialState$j);
10681
+ }, initialState$k);
10591
10682
  return /*#__PURE__*/React__default['default'].createElement("div", {
10592
10683
  style: { ...style
10593
10684
  },
10594
10685
  className: `pelcro-container pelcro-login-container ${className}`
10595
- }, /*#__PURE__*/React__default['default'].createElement(Provider$j, {
10686
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$k, {
10596
10687
  value: {
10597
10688
  state,
10598
10689
  dispatch
@@ -10600,12 +10691,12 @@ const LoginContainer = ({
10600
10691
  }, children.length ? children.map((child, i) => {
10601
10692
  if (child) {
10602
10693
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
10603
- store: store$j,
10694
+ store: store$k,
10604
10695
  key: i
10605
10696
  });
10606
10697
  }
10607
10698
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
10608
- store: store$j
10699
+ store: store$k
10609
10700
  })));
10610
10701
  };
10611
10702
 
@@ -10863,7 +10954,7 @@ const LoginButton = ({
10863
10954
  buttonDisabled
10864
10955
  },
10865
10956
  dispatch
10866
- } = React.useContext(store$j);
10957
+ } = React.useContext(store$k);
10867
10958
  const {
10868
10959
  t
10869
10960
  } = useTranslation("login");
@@ -10921,11 +11012,11 @@ const LoginRequestLoginToken = ({
10921
11012
  };
10922
11013
 
10923
11014
  const LoginEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
10924
- store: store$j
11015
+ store: store$k
10925
11016
  }, props));
10926
11017
 
10927
11018
  const LoginPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
10928
- store: store$j
11019
+ store: store$k
10929
11020
  }, props));
10930
11021
 
10931
11022
  var _path$q;
@@ -11002,7 +11093,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
11002
11093
  var FacebookLogin = unwrapExports(facebookLoginRenderProps);
11003
11094
  facebookLoginRenderProps.FacebookLogin;
11004
11095
 
11005
- const initialState$i = {
11096
+ const initialState$j = {
11006
11097
  email: "",
11007
11098
  password: "",
11008
11099
  emailError: null,
@@ -11019,10 +11110,10 @@ const initialState$i = {
11019
11110
  content: ""
11020
11111
  }
11021
11112
  };
11022
- const store$i = /*#__PURE__*/React.createContext(initialState$i);
11113
+ const store$j = /*#__PURE__*/React.createContext(initialState$j);
11023
11114
  const {
11024
- Provider: Provider$i
11025
- } = store$i;
11115
+ Provider: Provider$j
11116
+ } = store$j;
11026
11117
 
11027
11118
  const RegisterContainer = ({
11028
11119
  style,
@@ -11205,7 +11296,7 @@ const RegisterContainer = ({
11205
11296
  });
11206
11297
 
11207
11298
  case RESET_LOGIN_FORM:
11208
- return initialState$i;
11299
+ return initialState$j;
11209
11300
 
11210
11301
  case DISABLE_REGISTRATION_BUTTON:
11211
11302
  return lib_7({ ...state,
@@ -11223,12 +11314,12 @@ const RegisterContainer = ({
11223
11314
  default:
11224
11315
  return state;
11225
11316
  }
11226
- }, initialState$i);
11317
+ }, initialState$j);
11227
11318
  return /*#__PURE__*/React__default['default'].createElement("div", {
11228
11319
  style: { ...style
11229
11320
  },
11230
11321
  className: `pelcro-container pelcro-register-container ${className}`
11231
- }, /*#__PURE__*/React__default['default'].createElement(Provider$i, {
11322
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$j, {
11232
11323
  value: {
11233
11324
  state,
11234
11325
  dispatch
@@ -11236,12 +11327,12 @@ const RegisterContainer = ({
11236
11327
  }, children.length ? children.map((child, i) => {
11237
11328
  if (child) {
11238
11329
  return /*#__PURE__*/React__default['default'].cloneElement(child, {
11239
- store: store$i,
11330
+ store: store$j,
11240
11331
  key: i
11241
11332
  });
11242
11333
  }
11243
11334
  }) : /*#__PURE__*/React__default['default'].cloneElement(children, {
11244
- store: store$i
11335
+ store: store$j
11245
11336
  })));
11246
11337
  };
11247
11338
  /**
@@ -11281,10 +11372,10 @@ const FacebookLoginButton = ({
11281
11372
  const facebookLoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id;
11282
11373
  const {
11283
11374
  dispatch: loginDispatch
11284
- } = React.useContext(store$j);
11375
+ } = React.useContext(store$k);
11285
11376
  const {
11286
11377
  dispatch: registerDispatch
11287
- } = React.useContext(store$i);
11378
+ } = React.useContext(store$j);
11288
11379
 
11289
11380
  const onSuccess = facebookUser => {
11290
11381
  loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -11371,10 +11462,10 @@ const GoogleLoginButton = ({
11371
11462
  const googleLoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.google_app_id;
11372
11463
  const {
11373
11464
  dispatch: loginDispatch
11374
- } = React.useContext(store$j);
11465
+ } = React.useContext(store$k);
11375
11466
  const {
11376
11467
  dispatch: registerDispatch
11377
- } = React.useContext(store$i);
11468
+ } = React.useContext(store$j);
11378
11469
 
11379
11470
  const onSuccess = response => {
11380
11471
  var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
@@ -11470,10 +11561,10 @@ const Auth0LoginButton = ({
11470
11561
  }, [auth0Enabled, auth0Loaded]);
11471
11562
  const {
11472
11563
  dispatch: loginDispatch
11473
- } = React.useContext(store$j);
11564
+ } = React.useContext(store$k);
11474
11565
  const {
11475
11566
  dispatch: registerDispatch
11476
- } = React.useContext(store$i);
11567
+ } = React.useContext(store$j);
11477
11568
 
11478
11569
  function handleClick() {
11479
11570
  var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
@@ -11770,11 +11861,11 @@ function LoginModal({
11770
11861
  LoginModal.viewId = "login";
11771
11862
 
11772
11863
  const RegisterEmail = props => /*#__PURE__*/React__default['default'].createElement(Email, Object.assign({
11773
- store: store$i
11864
+ store: store$j
11774
11865
  }, props));
11775
11866
 
11776
11867
  const RegisterPassword = props => /*#__PURE__*/React__default['default'].createElement(Password, Object.assign({
11777
- store: store$i
11868
+ store: store$j
11778
11869
  }, props));
11779
11870
 
11780
11871
  const RegisterButton = ({
@@ -11794,7 +11885,7 @@ const RegisterButton = ({
11794
11885
  buttonDisabled
11795
11886
  },
11796
11887
  dispatch
11797
- } = React.useContext(store$i);
11888
+ } = React.useContext(store$j);
11798
11889
  const {
11799
11890
  t
11800
11891
  } = useTranslation("register");
@@ -11932,7 +12023,7 @@ function FirstName({
11932
12023
  }
11933
12024
 
11934
12025
  const RegisterFirstName = props => /*#__PURE__*/React__default['default'].createElement(FirstName, Object.assign({
11935
- store: store$i
12026
+ store: store$j
11936
12027
  }, props));
11937
12028
 
11938
12029
  function LastName({
@@ -11963,7 +12054,7 @@ function LastName({
11963
12054
  }
11964
12055
 
11965
12056
  const RegisterLastName = props => /*#__PURE__*/React__default['default'].createElement(LastName, Object.assign({
11966
- store: store$i
12057
+ store: store$j
11967
12058
  }, props));
11968
12059
 
11969
12060
  /**
@@ -12087,7 +12178,7 @@ function TextInput({
12087
12178
 
12088
12179
  const RegisterTextInput = props => {
12089
12180
  return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
12090
- store: store$i
12181
+ store: store$j
12091
12182
  }));
12092
12183
  };
12093
12184
 
@@ -14431,7 +14522,7 @@ class VantivGateway {
14431
14522
 
14432
14523
  /** @type {PaymentStateType} */
14433
14524
 
14434
- const initialState$h = {
14525
+ const initialState$i = {
14435
14526
  disableSubmit: false,
14436
14527
  isLoading: false,
14437
14528
  disableCouponButton: false,
@@ -14450,10 +14541,10 @@ const initialState$h = {
14450
14541
  content: ""
14451
14542
  }
14452
14543
  };
14453
- const store$h = /*#__PURE__*/React.createContext(initialState$h);
14544
+ const store$i = /*#__PURE__*/React.createContext(initialState$i);
14454
14545
  const {
14455
- Provider: Provider$h
14456
- } = store$h;
14546
+ Provider: Provider$i
14547
+ } = store$i;
14457
14548
 
14458
14549
  const PaymentMethodContainerWithoutStripe = ({
14459
14550
  style,
@@ -15705,21 +15796,21 @@ const PaymentMethodContainerWithoutStripe = ({
15705
15796
  default:
15706
15797
  return state;
15707
15798
  }
15708
- }, initialState$h);
15799
+ }, initialState$i);
15709
15800
  return /*#__PURE__*/React__default['default'].createElement("div", {
15710
15801
  style: { ...style
15711
15802
  },
15712
15803
  className: `pelcro-container pelcro-payment-container ${className}`
15713
- }, /*#__PURE__*/React__default['default'].createElement(Provider$h, {
15804
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$i, {
15714
15805
  value: {
15715
15806
  state,
15716
15807
  dispatch
15717
15808
  }
15718
15809
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
15719
- store: store$h,
15810
+ store: store$i,
15720
15811
  key: i
15721
15812
  })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
15722
- store: store$h
15813
+ store: store$i
15723
15814
  })));
15724
15815
  };
15725
15816
 
@@ -15741,7 +15832,7 @@ const PaymentMethodContainer = props => {
15741
15832
  stripeAccount: window.Pelcro.site.read().account_id,
15742
15833
  locale: getPageOrDefaultLanguage()
15743
15834
  }, /*#__PURE__*/React__default['default'].createElement(es_11, null, /*#__PURE__*/React__default['default'].createElement(UnwrappedForm, Object.assign({
15744
- store: store$h
15835
+ store: store$i
15745
15836
  }, props))));
15746
15837
  }
15747
15838
 
@@ -15794,7 +15885,7 @@ const PelcroPaymentRequestButton = props => {
15794
15885
  currentPlan,
15795
15886
  updatedPrice
15796
15887
  }
15797
- } = React.useContext(store$h);
15888
+ } = React.useContext(store$i);
15798
15889
 
15799
15890
  const updatePaymentRequest = () => {
15800
15891
  // Make sure payment request is up to date, eg. user added a coupon code.
@@ -15870,7 +15961,7 @@ const DiscountedPrice = props => {
15870
15961
  taxAmount,
15871
15962
  percentOff
15872
15963
  }
15873
- } = React.useContext(store$h);
15964
+ } = React.useContext(store$i);
15874
15965
  const {
15875
15966
  order,
15876
15967
  plan
@@ -15920,7 +16011,7 @@ const SubmitPaymentMethod = ({
15920
16011
  isLoading,
15921
16012
  updatedPrice
15922
16013
  }
15923
- } = React.useContext(store$h);
16014
+ } = React.useContext(store$i);
15924
16015
  const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
15925
16016
  const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
15926
16017
  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -15970,7 +16061,7 @@ const ApplyCouponButton = ({
15970
16061
  disableCouponButton
15971
16062
  },
15972
16063
  dispatch
15973
- } = React.useContext(store$h);
16064
+ } = React.useContext(store$i);
15974
16065
  const {
15975
16066
  t
15976
16067
  } = useTranslation("checkoutForm");
@@ -16004,7 +16095,7 @@ const CouponCodeField = props => {
16004
16095
  couponCode,
16005
16096
  couponError
16006
16097
  }
16007
- } = React.useContext(store$h);
16098
+ } = React.useContext(store$i);
16008
16099
 
16009
16100
  const onCouponCodeChange = e => {
16010
16101
  dispatch({
@@ -16060,7 +16151,7 @@ const CouponCode = ({
16060
16151
  state: {
16061
16152
  enableCouponField
16062
16153
  }
16063
- } = React.useContext(store$h);
16154
+ } = React.useContext(store$i);
16064
16155
  const {
16065
16156
  t
16066
16157
  } = useTranslation("checkoutForm");
@@ -16317,7 +16408,7 @@ const PaypalSubscribeButton = props => {
16317
16408
  const {
16318
16409
  dispatch,
16319
16410
  state
16320
- } = React.useContext(store$h);
16411
+ } = React.useContext(store$i);
16321
16412
  const {
16322
16413
  product,
16323
16414
  plan,
@@ -16450,7 +16541,7 @@ const SelectedPaymentMethod = () => {
16450
16541
  state: {
16451
16542
  isLoading
16452
16543
  }
16453
- } = React.useContext(store$h);
16544
+ } = React.useContext(store$i);
16454
16545
  const {
16455
16546
  switchView,
16456
16547
  selectedPaymentMethodId
@@ -16492,7 +16583,7 @@ const TaxAmount = () => {
16492
16583
  state: {
16493
16584
  taxAmount
16494
16585
  }
16495
- } = React.useContext(store$h);
16586
+ } = React.useContext(store$i);
16496
16587
  const {
16497
16588
  plan
16498
16589
  } = usePelcro();
@@ -16590,78 +16681,429 @@ const SubscriptionRenewView = ({
16590
16681
  }, autoRenewed ? "/" : t("labels.for"), " ", intervalText));
16591
16682
  };
16592
16683
 
16593
- return /*#__PURE__*/React__default['default'].createElement("div", {
16594
- id: "pelcro-subscription-renew-view"
16595
- }, /*#__PURE__*/React__default['default'].createElement("div", {
16596
- className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
16597
- }, /*#__PURE__*/React__default['default'].createElement("h4", {
16598
- className: "plc-text-2xl plc-font-semibold "
16599
- }, (_product$paywall$subs = product === null || product === void 0 ? void 0 : (_product$paywall = product.paywall) === null || _product$paywall === void 0 ? void 0 : _product$paywall.subscribe_title) !== null && _product$paywall$subs !== void 0 ? _product$paywall$subs : (_window$Pelcro$paywal = window.Pelcro.paywall.read()) === null || _window$Pelcro$paywal === void 0 ? void 0 : _window$Pelcro$paywal.subscribe_title), " ", /*#__PURE__*/React__default['default'].createElement("p", null, (_product$paywall$subs2 = product === null || product === void 0 ? void 0 : (_product$paywall2 = product.paywall) === null || _product$paywall2 === void 0 ? void 0 : _product$paywall2.subscribe_subtitle) !== null && _product$paywall$subs2 !== void 0 ? _product$paywall$subs2 : (_window$Pelcro$paywal2 = window.Pelcro.paywall.read()) === null || _window$Pelcro$paywal2 === void 0 ? void 0 : _window$Pelcro$paywal2.subscribe_subtitle), /*#__PURE__*/React__default['default'].createElement("div", {
16600
- className: "plc-w-full plc-p-2 plc-mt-2 plc-font-semibold plc-text-center plc-text-gray-900 plc-bg-gray-100 plc-border plc-border-gray-200"
16601
- }, plan && getPricingText(plan))), /*#__PURE__*/React__default['default'].createElement(PaymentMethodView, {
16602
- type: "createPayment",
16603
- showCoupon: true,
16604
- showExternalPaymentMethods: false,
16605
- onSuccess: onSuccess,
16606
- onGiftRenewalSuccess: onGiftRenewalSuccess,
16607
- onFailure: onFailure
16608
- }));
16684
+ return /*#__PURE__*/React__default['default'].createElement("div", {
16685
+ id: "pelcro-subscription-renew-view"
16686
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
16687
+ className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
16688
+ }, /*#__PURE__*/React__default['default'].createElement("h4", {
16689
+ className: "plc-text-2xl plc-font-semibold "
16690
+ }, (_product$paywall$subs = product === null || product === void 0 ? void 0 : (_product$paywall = product.paywall) === null || _product$paywall === void 0 ? void 0 : _product$paywall.subscribe_title) !== null && _product$paywall$subs !== void 0 ? _product$paywall$subs : (_window$Pelcro$paywal = window.Pelcro.paywall.read()) === null || _window$Pelcro$paywal === void 0 ? void 0 : _window$Pelcro$paywal.subscribe_title), " ", /*#__PURE__*/React__default['default'].createElement("p", null, (_product$paywall$subs2 = product === null || product === void 0 ? void 0 : (_product$paywall2 = product.paywall) === null || _product$paywall2 === void 0 ? void 0 : _product$paywall2.subscribe_subtitle) !== null && _product$paywall$subs2 !== void 0 ? _product$paywall$subs2 : (_window$Pelcro$paywal2 = window.Pelcro.paywall.read()) === null || _window$Pelcro$paywal2 === void 0 ? void 0 : _window$Pelcro$paywal2.subscribe_subtitle), /*#__PURE__*/React__default['default'].createElement("div", {
16691
+ className: "plc-w-full plc-p-2 plc-mt-2 plc-font-semibold plc-text-center plc-text-gray-900 plc-bg-gray-100 plc-border plc-border-gray-200"
16692
+ }, plan && getPricingText(plan))), /*#__PURE__*/React__default['default'].createElement(PaymentMethodView, {
16693
+ type: "createPayment",
16694
+ showCoupon: true,
16695
+ showExternalPaymentMethods: false,
16696
+ onSuccess: onSuccess,
16697
+ onGiftRenewalSuccess: onGiftRenewalSuccess,
16698
+ onFailure: onFailure
16699
+ }));
16700
+ };
16701
+
16702
+ /**
16703
+ *
16704
+ */
16705
+
16706
+ function SubscriptionRenewModal({
16707
+ onDisplay,
16708
+ onClose,
16709
+ ...otherProps
16710
+ }) {
16711
+ const {
16712
+ switchView
16713
+ } = usePelcro();
16714
+
16715
+ const onSuccess = res => {
16716
+ var _otherProps$onSuccess, _ReactGA$event;
16717
+
16718
+ (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
16719
+ ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
16720
+ category: "ACTIONS",
16721
+ action: "Renewed",
16722
+ nonInteraction: true
16723
+ });
16724
+ return switchView("subscription-success");
16725
+ };
16726
+
16727
+ const onGiftRenewalSuccess = () => {
16728
+ var _otherProps$onGiftRen, _ReactGA$event2;
16729
+
16730
+ (_otherProps$onGiftRen = otherProps.onGiftRenewalSuccess) === null || _otherProps$onGiftRen === void 0 ? void 0 : _otherProps$onGiftRen.call(otherProps);
16731
+ ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
16732
+ category: "ACTIONS",
16733
+ action: "Renewed Gift",
16734
+ nonInteraction: true
16735
+ });
16736
+ return switchView("subscription-success");
16737
+ };
16738
+
16739
+ return /*#__PURE__*/React__default['default'].createElement(Modal, {
16740
+ id: "pelcro-subscription-renew-modal",
16741
+ onDisplay: onDisplay,
16742
+ onClose: onClose
16743
+ }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionRenewView, Object.assign({}, otherProps, {
16744
+ onSuccess: onSuccess,
16745
+ onGiftRenewalSuccess: onGiftRenewalSuccess
16746
+ }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
16747
+ }
16748
+ SubscriptionRenewModal.viewId = "subscription-renew";
16749
+
16750
+ const initialState$h = {
16751
+ cancelationReason: ""
16752
+ };
16753
+ const store$h = /*#__PURE__*/React.createContext(initialState$h);
16754
+ const {
16755
+ Provider: Provider$h
16756
+ } = store$h;
16757
+
16758
+ const SubscriptionCancelContainer = ({
16759
+ style,
16760
+ className = "",
16761
+ onSuccess = () => {},
16762
+ onFailure = () => {},
16763
+ children,
16764
+ ...props
16765
+ }) => {
16766
+ useTranslation("verifyEmail");
16767
+ const [state, dispatch] = useReducerWithSideEffects((state, action) => {
16768
+ switch (action.type) {
16769
+ case SET_CANCEL_SUBSCRIPTION_REASON:
16770
+ return lib_7({ ...state,
16771
+ cancelationReason: action.payload
16772
+ });
16773
+
16774
+ default:
16775
+ return state;
16776
+ }
16777
+ }, initialState$h);
16778
+ return /*#__PURE__*/React__default['default'].createElement("div", {
16779
+ style: { ...style
16780
+ },
16781
+ className: `pelcro-container pelcro-subscription-cancel-container ${className}`
16782
+ }, /*#__PURE__*/React__default['default'].createElement(Provider$h, {
16783
+ value: {
16784
+ state,
16785
+ dispatch
16786
+ }
16787
+ }, children.length ? children.map((child, i) => /*#__PURE__*/React__default['default'].cloneElement(child, {
16788
+ store: store$h,
16789
+ key: i
16790
+ })) : /*#__PURE__*/React__default['default'].cloneElement(children, {
16791
+ store: store$h
16792
+ })));
16793
+ };
16794
+
16795
+ var _path$i;
16796
+
16797
+ function _extends$k() { _extends$k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
16798
+
16799
+ function SvgInfoCircle(props) {
16800
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
16801
+ xmlns: "http://www.w3.org/2000/svg",
16802
+ className: "plc-w-5 plc-h-5",
16803
+ fill: "none",
16804
+ viewBox: "0 0 24 24",
16805
+ stroke: "currentColor"
16806
+ }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
16807
+ strokeLinecap: "round",
16808
+ strokeLinejoin: "round",
16809
+ strokeWidth: 2,
16810
+ d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
16811
+ })));
16812
+ }
16813
+
16814
+ /**
16815
+ *
16816
+ */
16817
+
16818
+ const Tooltip = ({
16819
+ value,
16820
+ className
16821
+ }) => {
16822
+ return /*#__PURE__*/React__default['default'].createElement("div", {
16823
+ className: `plc-flex pelcro-tooltip-container plc-text-gray-600 ${className}`
16824
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
16825
+ className: "pelcro-tooltip-icon"
16826
+ }, /*#__PURE__*/React__default['default'].createElement(SvgInfoCircle, null)), /*#__PURE__*/React__default['default'].createElement("div", {
16827
+ className: "plc-p-1 plc--mt-8 plc-text-sm plc-bg-gray-100 plc-border plc-rounded-md plc-shadow-lg pelcro-tooltip"
16828
+ }, value));
16829
+ };
16830
+
16831
+ /**
16832
+ *
16833
+ */
16834
+
16835
+ function TextArea({
16836
+ label = "",
16837
+ tooltipText,
16838
+ required,
16839
+ id,
16840
+ errorId,
16841
+ error,
16842
+ className = "",
16843
+ labelClassName = "",
16844
+ errorClassName = "",
16845
+ wrapperClassName = "",
16846
+ ...otherProps
16847
+ }) {
16848
+ return /*#__PURE__*/React__default['default'].createElement("div", {
16849
+ className: `pelcro-input-wrapper ${wrapperClassName}`
16850
+ }, /*#__PURE__*/React__default['default'].createElement("label", {
16851
+ htmlFor: id,
16852
+ className: `pelcro-input-label plc-flex plc-items-center ${labelClassName}`
16853
+ }, `${label}${required ? "*" : ""}`, tooltipText && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
16854
+ value: tooltipText,
16855
+ className: "plc-ml-1"
16856
+ })), /*#__PURE__*/React__default['default'].createElement("textarea", Object.assign({
16857
+ type: "text",
16858
+ id: id,
16859
+ className: `pelcro-input-field ${className} ${error ? "pelcro-input-invalid" : ""}`,
16860
+ "aria-describedby": errorId,
16861
+ "aria-invalid": Boolean(error)
16862
+ }, otherProps)), error && /*#__PURE__*/React__default['default'].createElement("p", {
16863
+ id: errorId,
16864
+ "aria-live": "assertive",
16865
+ className: `pelcro-input-error ${errorClassName}`
16866
+ }, error));
16867
+ }
16868
+
16869
+ const SubscriptionCancelReason = props => {
16870
+ const {
16871
+ t
16872
+ } = useTranslation("subscriptionCancel");
16873
+ const {
16874
+ dispatch,
16875
+ state
16876
+ } = React.useContext(store$h);
16877
+
16878
+ const handleOnTextAreaBlur = e => {
16879
+ dispatch({
16880
+ type: SET_CANCEL_SUBSCRIPTION_REASON,
16881
+ payload: e.target.value.trim()
16882
+ });
16883
+ };
16884
+
16885
+ return /*#__PURE__*/React__default['default'].createElement(TextArea, Object.assign({
16886
+ label: t("labels.cancelReason"),
16887
+ onBlur: e => handleOnTextAreaBlur(e)
16888
+ }, props));
16889
+ };
16890
+
16891
+ var _switch;
16892
+
16893
+ function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
16894
+
16895
+ function SvgSubscription(props) {
16896
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
16897
+ xmlns: "http://www.w3.org/2000/svg",
16898
+ viewBox: "0 0 100 125",
16899
+ fill: "currentColor"
16900
+ }, props), _switch || (_switch = /*#__PURE__*/React__namespace.createElement("switch", null, /*#__PURE__*/React__namespace.createElement("g", null, /*#__PURE__*/React__namespace.createElement("path", {
16901
+ d: "M5273.1 2400.1v-2c0-2.8-5-4-9.7-4s-9.7 1.3-9.7 4v2c0 1.8.7 3.6 2 4.9l5 4.9c.3.3.4.6.4 1v6.4c0 .4.2.7.6.8l2.9.9c.5.1 1-.2 1-.8v-7.2c0-.4.2-.7.4-1l5.1-5c1.3-1.3 2-3.1 2-4.9zm-9.7-.1c-4.8 0-7.4-1.3-7.5-1.8.1-.5 2.7-1.8 7.5-1.8s7.3 1.3 7.5 1.8c-.2.5-2.7 1.8-7.5 1.8z"
16902
+ }), /*#__PURE__*/React__namespace.createElement("path", {
16903
+ d: "M5268.4 2410.3c-.6 0-1 .4-1 1s.4 1 1 1h4.3c.6 0 1-.4 1-1s-.4-1-1-1h-4.3zM5272.7 2413.7h-4.3c-.6 0-1 .4-1 1s.4 1 1 1h4.3c.6 0 1-.4 1-1s-.4-1-1-1zM5272.7 2417h-4.3c-.6 0-1 .4-1 1s.4 1 1 1h4.3c.6 0 1-.4 1-1 0-.5-.4-1-1-1z"
16904
+ }), /*#__PURE__*/React__namespace.createElement("g", null, /*#__PURE__*/React__namespace.createElement("path", {
16905
+ d: "M90.4 58.6c0-4.4-3.6-7.9-8-7.9-1.3 0-2.5.3-3.6.9-1.4-2.5-4-4-6.9-4-1.3 0-2.5.3-3.6.9-1.4-2.5-4-4-6.9-4-.9 0-1.8.1-2.6.4v-4.6h6c4.8 0 8.6-3.9 8.6-8.7V11.2c0-4.8-3.9-8.7-8.6-8.7H18.2c-4.8 0-8.6 3.9-8.6 8.7v20.3c0 4.8 3.9 8.7 8.6 8.7h24.6V64l-3.3-3.3c-2.7-2.7-7-3.1-10.2-1-1.9 1.3-3.1 3.3-3.5 5.5-.3 2.2.3 4.5 1.8 6.3L42 88.9c4.5 5.5 11.2 8.6 18.2 8.6h9c5.6 0 10.9-2.2 14.9-6.2s6.2-9.3 6.2-14.9l.1-17.8zm-21 33.5h-9c-5.5 0-10.6-2.4-14.1-6.6L31.9 68.1c-.5-.6-.7-1.3-.6-2.1.1-.8.5-1.4 1.1-1.8.4-.3 1-.5 1.5-.5.7 0 1.4.3 1.9.8l5.8 5.8c1.1 1.1 2.8 1.4 4.3.8 1.5-.6 2.4-2 2.4-3.6V30.1c0-1.4 1.2-2.6 2.6-2.6.7 0 1.3.3 1.8.8s.8 1.1.8 1.8v25.7c0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7v-3.5c0-1.4 1.2-2.6 2.6-2.6 1.4 0 2.6 1.2 2.6 2.6V59c0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7v-3.5c0-1.4 1.2-2.6 2.6-2.6 1.4 0 2.6 1.2 2.6 2.6v6.7c0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7v-3.5c0-1.4 1.2-2.6 2.6-2.6 1.4 0 2.6 1.2 2.6 2.6v17.8c0 4.2-1.6 8.1-4.6 11.1-3.2 2.9-7.2 4.5-11.3 4.5zM18.2 34.2c-1.5 0-2.6-1.2-2.6-2.7V11.2c0-1.5 1.2-2.7 2.6-2.7h46.5c1.5 0 2.6 1.2 2.6 2.7v20.3c0 1.5-1.2 2.7-2.6 2.7h-6v-4c0-2.1-.8-4.1-2.3-5.6-1.5-1.5-3.5-2.3-5.6-2.3-4.4 0-7.9 3.6-7.9 8v4H18.2z"
16906
+ }), /*#__PURE__*/React__namespace.createElement("path", {
16907
+ d: "M35.5 15.5L30 21.4l-1.9-2.1c-1-1.1-2.7-1.2-3.8-.1-1.1 1-1.2 2.7-.1 3.8l3.9 4.2c.5.6 1.2.9 2 .9s1.5-.3 2-.9l7.5-8c1-1.1 1-2.8-.1-3.8s-3-1-4 .1z"
16908
+ }))))));
16909
+ }
16910
+
16911
+ const SubscriptionCancelNowButton = ({
16912
+ subscription,
16913
+ onClick,
16914
+ className
16915
+ }) => {
16916
+ const {
16917
+ switchView
16918
+ } = usePelcro();
16919
+ const {
16920
+ state: {
16921
+ cancelationReason
16922
+ },
16923
+ dispatch
16924
+ } = React.useContext(store$h);
16925
+ const {
16926
+ t
16927
+ } = useTranslation("subscriptionCancel");
16928
+
16929
+ const cancelSubscription = (payload, onSuccess, onFailure) => {
16930
+ window.Pelcro.subscription.cancel({
16931
+ auth_token: window.Pelcro.user.read().auth_token,
16932
+ subscription_id: payload.subscription_id,
16933
+ mode: payload.mode,
16934
+ ...(payload.reason && {
16935
+ reason: payload.reason
16936
+ })
16937
+ }, (err, res) => {
16938
+ var _ReactGA$event;
16939
+
16940
+ if (err) {
16941
+ return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
16942
+ }
16943
+
16944
+ ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
16945
+ category: "ACTIONS",
16946
+ action: "Canceled",
16947
+ nonInteraction: true
16948
+ });
16949
+ onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
16950
+ });
16951
+ };
16952
+
16953
+ const handleCancelNowClick = () => {
16954
+ const payload = {
16955
+ subscription_id: subscription.id,
16956
+ mode: "now",
16957
+ ...(cancelationReason && {
16958
+ reason: cancelationReason
16959
+ })
16960
+ };
16961
+ onClick === null || onClick === void 0 ? void 0 : onClick(); //Close the modal
16962
+
16963
+ switchView(null); //Show confirmation alert after closing the modal
16964
+
16965
+ notify.confirm((onSuccess, onFailure) => {
16966
+ cancelSubscription(payload, onSuccess, onFailure);
16967
+ }, {
16968
+ confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
16969
+ loadingMessage: t("messages.subCancellation.loading"),
16970
+ successMessage: t("messages.subCancellation.success"),
16971
+ errorMessage: t("messages.subCancellation.error")
16972
+ }, {
16973
+ closeButtonLabel: t("labels.subCancellation.goBack")
16974
+ });
16975
+ };
16976
+
16977
+ return /*#__PURE__*/React__default['default'].createElement(Button, {
16978
+ onClick: handleCancelNowClick,
16979
+ className: `${className}`
16980
+ }, t("messages.cancelNow"));
16609
16981
  };
16610
16982
 
16611
- /**
16612
- *
16613
- */
16614
-
16615
- function SubscriptionRenewModal({
16616
- onDisplay,
16617
- onClose,
16618
- ...otherProps
16619
- }) {
16983
+ const SubscriptionCancelLaterButton = ({
16984
+ subscription,
16985
+ onClick,
16986
+ className
16987
+ }) => {
16620
16988
  const {
16621
16989
  switchView
16622
16990
  } = usePelcro();
16991
+ const {
16992
+ state: {
16993
+ cancelationReason
16994
+ },
16995
+ dispatch
16996
+ } = React.useContext(store$h);
16997
+ const {
16998
+ t
16999
+ } = useTranslation("subscriptionCancel");
16623
17000
 
16624
- const onSuccess = res => {
16625
- var _otherProps$onSuccess, _ReactGA$event;
17001
+ const cancelSubscription = (payload, onSuccess, onFailure) => {
17002
+ window.Pelcro.subscription.cancel({
17003
+ auth_token: window.Pelcro.user.read().auth_token,
17004
+ subscription_id: payload.subscription_id,
17005
+ mode: payload.mode,
17006
+ ...(payload.reason && {
17007
+ reason: payload.reason
17008
+ })
17009
+ }, (err, res) => {
17010
+ var _ReactGA$event;
16626
17011
 
16627
- (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
16628
- ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
16629
- category: "ACTIONS",
16630
- action: "Renewed",
16631
- nonInteraction: true
17012
+ if (err) {
17013
+ return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
17014
+ }
17015
+
17016
+ ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
17017
+ category: "ACTIONS",
17018
+ action: "Canceled",
17019
+ nonInteraction: true
17020
+ });
17021
+ onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
16632
17022
  });
16633
- return switchView("subscription-success");
16634
17023
  };
16635
17024
 
16636
- const onGiftRenewalSuccess = () => {
16637
- var _otherProps$onGiftRen, _ReactGA$event2;
17025
+ const handleCancelNowClick = () => {
17026
+ const payload = {
17027
+ subscription_id: subscription.id,
17028
+ mode: "period_end",
17029
+ ...(cancelationReason && {
17030
+ reason: cancelationReason
17031
+ })
17032
+ };
17033
+ onClick === null || onClick === void 0 ? void 0 : onClick(); //Close the modal
16638
17034
 
16639
- (_otherProps$onGiftRen = otherProps.onGiftRenewalSuccess) === null || _otherProps$onGiftRen === void 0 ? void 0 : _otherProps$onGiftRen.call(otherProps);
16640
- ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
16641
- category: "ACTIONS",
16642
- action: "Renewed Gift",
16643
- nonInteraction: true
17035
+ switchView(null); //Show confirmation alert after closing the modal
17036
+
17037
+ notify.confirm((onSuccess, onFailure) => {
17038
+ cancelSubscription(payload, onSuccess, onFailure);
17039
+ }, {
17040
+ confirmMessage: t("messages.subCancellation.isSureToCancel"),
17041
+ loadingMessage: t("messages.subCancellation.loading"),
17042
+ successMessage: t("messages.subCancellation.success"),
17043
+ errorMessage: t("messages.subCancellation.error")
17044
+ }, {
17045
+ closeButtonLabel: t("labels.subCancellation.goBack")
16644
17046
  });
16645
- return switchView("subscription-success");
16646
17047
  };
16647
17048
 
17049
+ return /*#__PURE__*/React__default['default'].createElement(Button, {
17050
+ onClick: handleCancelNowClick,
17051
+ className: `${className}`
17052
+ }, t("messages.cancelLater"));
17053
+ };
17054
+
17055
+ const SubscriptionCancelView = props => {
17056
+ const {
17057
+ subscriptionToCancel
17058
+ } = usePelcro();
17059
+ const {
17060
+ t
17061
+ } = useTranslation("subscriptionCancel");
17062
+ return /*#__PURE__*/React__default['default'].createElement("div", {
17063
+ id: "pelcro-subscription-cancel-view"
17064
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
17065
+ className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
17066
+ }, /*#__PURE__*/React__default['default'].createElement("h4", {
17067
+ className: "plc-text-2xl plc-font-semibold"
17068
+ }, t("labels.title"), /*#__PURE__*/React__default['default'].createElement("span", {
17069
+ className: "plc-text-gray-400 plc-text-base plc-block"
17070
+ }, "(", subscriptionToCancel.plan.nickname, ")"))), /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelContainer, props, /*#__PURE__*/React__default['default'].createElement("div", {
17071
+ className: "plc-flex plc-flex-col plc-items-center plc-justify-center plc-mt-4"
17072
+ }, /*#__PURE__*/React__default['default'].createElement(SvgSubscription, {
17073
+ className: "plc-w-32 plc-h-32"
17074
+ }), /*#__PURE__*/React__default['default'].createElement("p", {
17075
+ className: "plc-mb-3 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
17076
+ }, t("messages.subscriptionEnd"), " ", new Date(subscriptionToCancel === null || subscriptionToCancel === void 0 ? void 0 : subscriptionToCancel.current_period_end).toLocaleDateString('en-CA', {
17077
+ year: "numeric",
17078
+ month: "short",
17079
+ day: "numeric"
17080
+ }), "."), /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelReason, null), /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelNowButton, {
17081
+ className: "plc-mb-2",
17082
+ subscription: subscriptionToCancel
17083
+ }), /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelLaterButton, {
17084
+ subscription: subscriptionToCancel
17085
+ }))));
17086
+ };
17087
+
17088
+ const SubscriptionCancelModal = ({
17089
+ onDisplay,
17090
+ onClose,
17091
+ ...otherProps
17092
+ }) => {
16648
17093
  return /*#__PURE__*/React__default['default'].createElement(Modal, {
16649
- id: "pelcro-subscription-renew-modal",
16650
17094
  onDisplay: onDisplay,
16651
- onClose: onClose
16652
- }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionRenewView, Object.assign({}, otherProps, {
16653
- onSuccess: onSuccess,
16654
- onGiftRenewalSuccess: onGiftRenewalSuccess
16655
- }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
16656
- }
16657
- SubscriptionRenewModal.viewId = "subscription-renew";
17095
+ onClose: onClose,
17096
+ id: "pelcro-subscription-cancel-modal"
17097
+ }, /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(SubscriptionCancelView, otherProps)), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement(Authorship, null)));
17098
+ };
17099
+ SubscriptionCancelModal.viewId = "subscription-cancel";
16658
17100
 
16659
- var _path$i;
17101
+ var _path$h;
16660
17102
 
16661
- function _extends$k() { _extends$k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
17103
+ function _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
16662
17104
 
16663
17105
  function SvgGift(props) {
16664
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
17106
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
16665
17107
  className: "plc-w-6 plc-h-6 plc-mr-2",
16666
17108
  fill: "none",
16667
17109
  stroke: "currentColor",
@@ -16670,7 +17112,7 @@ function SvgGift(props) {
16670
17112
  strokeWidth: 2,
16671
17113
  viewBox: "0 0 24 24",
16672
17114
  xmlns: "http://www.w3.org/2000/svg"
16673
- }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
17115
+ }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
16674
17116
  d: "M20 12v10H4V12M2 7h20v5H2zM12 22V7M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z"
16675
17117
  })));
16676
17118
  }
@@ -17625,17 +18067,17 @@ const UserUpdateContainer = ({
17625
18067
  })));
17626
18068
  };
17627
18069
 
17628
- var _path$h;
18070
+ var _path$g;
17629
18071
 
17630
- function _extends$j() { _extends$j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
18072
+ function _extends$h() { _extends$h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
17631
18073
 
17632
18074
  function SvgEdit(props) {
17633
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
18075
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
17634
18076
  className: "plc-w-6 plc-h-6",
17635
18077
  xmlns: "http://www.w3.org/2000/svg",
17636
18078
  viewBox: "0 0 20 20",
17637
18079
  fill: "currentColor"
17638
- }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
18080
+ }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
17639
18081
  d: "M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zm-2.207 2.207L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"
17640
18082
  })));
17641
18083
  }
@@ -21044,42 +21486,6 @@ const GiftCreateLastName = props => /*#__PURE__*/React__default['default'].creat
21044
21486
  store: store$7
21045
21487
  }, props));
21046
21488
 
21047
- var _path$g;
21048
-
21049
- function _extends$i() { _extends$i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
21050
-
21051
- function SvgInfoCircle(props) {
21052
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
21053
- xmlns: "http://www.w3.org/2000/svg",
21054
- className: "plc-w-5 plc-h-5",
21055
- fill: "none",
21056
- viewBox: "0 0 24 24",
21057
- stroke: "currentColor"
21058
- }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
21059
- strokeLinecap: "round",
21060
- strokeLinejoin: "round",
21061
- strokeWidth: 2,
21062
- d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
21063
- })));
21064
- }
21065
-
21066
- /**
21067
- *
21068
- */
21069
-
21070
- const Tooltip = ({
21071
- value,
21072
- className
21073
- }) => {
21074
- return /*#__PURE__*/React__default['default'].createElement("div", {
21075
- className: `plc-flex pelcro-tooltip-container plc-text-gray-600 ${className}`
21076
- }, /*#__PURE__*/React__default['default'].createElement("div", {
21077
- className: "pelcro-tooltip-icon"
21078
- }, /*#__PURE__*/React__default['default'].createElement(SvgInfoCircle, null)), /*#__PURE__*/React__default['default'].createElement("div", {
21079
- className: "plc-p-1 plc--mt-8 plc-text-sm plc-bg-gray-100 plc-border plc-rounded-md plc-shadow-lg pelcro-tooltip"
21080
- }, value));
21081
- };
21082
-
21083
21489
  function DatePicker({
21084
21490
  label = "",
21085
21491
  tooltipText,
@@ -21148,44 +21554,6 @@ const GiftCreateStartDate = props => {
21148
21554
  }, props));
21149
21555
  };
21150
21556
 
21151
- /**
21152
- *
21153
- */
21154
-
21155
- function TextArea({
21156
- label = "",
21157
- tooltipText,
21158
- required,
21159
- id,
21160
- errorId,
21161
- error,
21162
- className = "",
21163
- labelClassName = "",
21164
- errorClassName = "",
21165
- wrapperClassName = "",
21166
- ...otherProps
21167
- }) {
21168
- return /*#__PURE__*/React__default['default'].createElement("div", {
21169
- className: `pelcro-input-wrapper ${wrapperClassName}`
21170
- }, /*#__PURE__*/React__default['default'].createElement("label", {
21171
- htmlFor: id,
21172
- className: `pelcro-input-label plc-flex plc-items-center ${labelClassName}`
21173
- }, `${label}${required ? "*" : ""}`, tooltipText && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
21174
- value: tooltipText,
21175
- className: "plc-ml-1"
21176
- })), /*#__PURE__*/React__default['default'].createElement("textarea", Object.assign({
21177
- type: "text",
21178
- id: id,
21179
- className: `pelcro-input-field ${className} ${error ? "pelcro-input-invalid" : ""}`,
21180
- "aria-describedby": errorId,
21181
- "aria-invalid": Boolean(error)
21182
- }, otherProps)), error && /*#__PURE__*/React__default['default'].createElement("p", {
21183
- id: errorId,
21184
- "aria-live": "assertive",
21185
- className: `pelcro-input-error ${errorClassName}`
21186
- }, error));
21187
- }
21188
-
21189
21557
  /**
21190
21558
  *
21191
21559
  */
@@ -22067,8 +22435,8 @@ const PaymentMethodSelectModal = ({
22067
22435
  };
22068
22436
  PaymentMethodSelectModal.viewId = "payment-method-select";
22069
22437
 
22070
- function _extends$h() {
22071
- _extends$h = Object.assign || function (target) {
22438
+ function _extends$g() {
22439
+ _extends$g = Object.assign || function (target) {
22072
22440
  for (var i = 1; i < arguments.length; i++) {
22073
22441
  var source = arguments[i];
22074
22442
 
@@ -22082,7 +22450,7 @@ function _extends$h() {
22082
22450
  return target;
22083
22451
  };
22084
22452
 
22085
- return _extends$h.apply(this, arguments);
22453
+ return _extends$g.apply(this, arguments);
22086
22454
  }
22087
22455
 
22088
22456
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -22266,7 +22634,7 @@ function render(props, propsBag, defaultTag, features, visible) {
22266
22634
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
22267
22635
  return null;
22268
22636
  }, _match[RenderStrategy.Hidden] = function () {
22269
- return _render(_extends$h({}, _rest, {
22637
+ return _render(_extends$g({}, _rest, {
22270
22638
  hidden: true,
22271
22639
  style: {
22272
22640
  display: 'none'
@@ -22794,7 +23162,7 @@ function TransitionChild(props) {
22794
23162
  var passthroughProps = rest;
22795
23163
  return React__default['default'].createElement(NestingContext.Provider, {
22796
23164
  value: nesting
22797
- }, render(_extends$h({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
23165
+ }, render(_extends$g({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
22798
23166
  }
22799
23167
 
22800
23168
  function Transition(props) {
@@ -22838,7 +23206,7 @@ function Transition(props) {
22838
23206
  value: nestingBag
22839
23207
  }, React__default['default'].createElement(TransitionContext.Provider, {
22840
23208
  value: transitionBag
22841
- }, render(_extends$h({}, sharedProps, {
23209
+ }, render(_extends$g({}, sharedProps, {
22842
23210
  as: React.Fragment,
22843
23211
  children: React__default['default'].createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
22844
23212
  }), propsBag, React.Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -22965,12 +23333,12 @@ var ActionTypes;
22965
23333
  })(ActionTypes || (ActionTypes = {}));
22966
23334
 
22967
23335
  (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
22968
- return _extends$h({}, state, {
23336
+ return _extends$g({}, state, {
22969
23337
  activeItemIndex: null,
22970
23338
  menuState: MenuStates.Closed
22971
23339
  });
22972
23340
  }, _reducers[ActionTypes.OpenMenu] = function (state) {
22973
- return _extends$h({}, state, {
23341
+ return _extends$g({}, state, {
22974
23342
  menuState: MenuStates.Open
22975
23343
  });
22976
23344
  }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -22989,7 +23357,7 @@ var ActionTypes;
22989
23357
  }
22990
23358
  });
22991
23359
  if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
22992
- return _extends$h({}, state, {
23360
+ return _extends$g({}, state, {
22993
23361
  searchQuery: '',
22994
23362
  activeItemIndex: activeItemIndex
22995
23363
  });
@@ -23000,19 +23368,19 @@ var ActionTypes;
23000
23368
 
23001
23369
  return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
23002
23370
  });
23003
- if (match === -1 || match === state.activeItemIndex) return _extends$h({}, state, {
23371
+ if (match === -1 || match === state.activeItemIndex) return _extends$g({}, state, {
23004
23372
  searchQuery: searchQuery
23005
23373
  });
23006
- return _extends$h({}, state, {
23374
+ return _extends$g({}, state, {
23007
23375
  searchQuery: searchQuery,
23008
23376
  activeItemIndex: match
23009
23377
  });
23010
23378
  }, _reducers[ActionTypes.ClearSearch] = function (state) {
23011
- return _extends$h({}, state, {
23379
+ return _extends$g({}, state, {
23012
23380
  searchQuery: ''
23013
23381
  });
23014
23382
  }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
23015
- return _extends$h({}, state, {
23383
+ return _extends$g({}, state, {
23016
23384
  items: [].concat(state.items, [{
23017
23385
  id: action.id,
23018
23386
  dataRef: action.dataRef
@@ -23025,7 +23393,7 @@ var ActionTypes;
23025
23393
  return a.id === action.id;
23026
23394
  });
23027
23395
  if (idx !== -1) nextItems.splice(idx, 1);
23028
- return _extends$h({}, state, {
23396
+ return _extends$g({}, state, {
23029
23397
  items: nextItems,
23030
23398
  activeItemIndex: function () {
23031
23399
  if (idx === state.activeItemIndex) return null;
@@ -23064,19 +23432,19 @@ var ActionTypes$1;
23064
23432
  (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
23065
23433
  if (state.disabled) return state;
23066
23434
  if (state.listboxState === ListboxStates.Closed) return state;
23067
- return _extends$h({}, state, {
23435
+ return _extends$g({}, state, {
23068
23436
  activeOptionIndex: null,
23069
23437
  listboxState: ListboxStates.Closed
23070
23438
  });
23071
23439
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
23072
23440
  if (state.disabled) return state;
23073
23441
  if (state.listboxState === ListboxStates.Open) return state;
23074
- return _extends$h({}, state, {
23442
+ return _extends$g({}, state, {
23075
23443
  listboxState: ListboxStates.Open
23076
23444
  });
23077
23445
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
23078
23446
  if (state.disabled === action.disabled) return state;
23079
- return _extends$h({}, state, {
23447
+ return _extends$g({}, state, {
23080
23448
  disabled: action.disabled
23081
23449
  });
23082
23450
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -23097,7 +23465,7 @@ var ActionTypes$1;
23097
23465
  }
23098
23466
  });
23099
23467
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
23100
- return _extends$h({}, state, {
23468
+ return _extends$g({}, state, {
23101
23469
  searchQuery: '',
23102
23470
  activeOptionIndex: activeOptionIndex
23103
23471
  });
@@ -23110,10 +23478,10 @@ var ActionTypes$1;
23110
23478
 
23111
23479
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
23112
23480
  });
23113
- if (match === -1 || match === state.activeOptionIndex) return _extends$h({}, state, {
23481
+ if (match === -1 || match === state.activeOptionIndex) return _extends$g({}, state, {
23114
23482
  searchQuery: searchQuery
23115
23483
  });
23116
- return _extends$h({}, state, {
23484
+ return _extends$g({}, state, {
23117
23485
  searchQuery: searchQuery,
23118
23486
  activeOptionIndex: match
23119
23487
  });
@@ -23121,11 +23489,11 @@ var ActionTypes$1;
23121
23489
  if (state.disabled) return state;
23122
23490
  if (state.listboxState === ListboxStates.Closed) return state;
23123
23491
  if (state.searchQuery === '') return state;
23124
- return _extends$h({}, state, {
23492
+ return _extends$g({}, state, {
23125
23493
  searchQuery: ''
23126
23494
  });
23127
23495
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
23128
- return _extends$h({}, state, {
23496
+ return _extends$g({}, state, {
23129
23497
  options: [].concat(state.options, [{
23130
23498
  id: action.id,
23131
23499
  dataRef: action.dataRef
@@ -23138,7 +23506,7 @@ var ActionTypes$1;
23138
23506
  return a.id === action.id;
23139
23507
  });
23140
23508
  if (idx !== -1) nextOptions.splice(idx, 1);
23141
- return _extends$h({}, state, {
23509
+ return _extends$g({}, state, {
23142
23510
  options: nextOptions,
23143
23511
  activeOptionIndex: function () {
23144
23512
  if (idx === state.activeOptionIndex) return null;
@@ -23201,10 +23569,10 @@ const getPaymentCardIcon = name => {
23201
23569
 
23202
23570
  var _path$f;
23203
23571
 
23204
- function _extends$g() { _extends$g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
23572
+ function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
23205
23573
 
23206
23574
  function SvgChevronRight(props) {
23207
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
23575
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
23208
23576
  className: "plc-w-6 plc-h-6",
23209
23577
  xmlns: "http://www.w3.org/2000/svg",
23210
23578
  fill: "none",
@@ -23428,10 +23796,10 @@ const SavedItems = ({
23428
23796
 
23429
23797
  var _path$e;
23430
23798
 
23431
- function _extends$f() { _extends$f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
23799
+ function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
23432
23800
 
23433
23801
  function SvgRefresh(props) {
23434
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
23802
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
23435
23803
  className: "plc-w-4 plc-h-4 plc-mr-1",
23436
23804
  xmlns: "http://www.w3.org/2000/svg",
23437
23805
  fill: "none",
@@ -23447,10 +23815,10 @@ function SvgRefresh(props) {
23447
23815
 
23448
23816
  var _path$d;
23449
23817
 
23450
- function _extends$e() { _extends$e = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
23818
+ function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
23451
23819
 
23452
23820
  function SvgCalendar(props) {
23453
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
23821
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
23454
23822
  xmlns: "http://www.w3.org/2000/svg",
23455
23823
  className: "plc-h-4 plc-w-4 plc-mr-1",
23456
23824
  viewBox: "0 0 20 20",
@@ -23464,10 +23832,10 @@ function SvgCalendar(props) {
23464
23832
 
23465
23833
  var _path$c;
23466
23834
 
23467
- function _extends$d() { _extends$d = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
23835
+ function _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
23468
23836
 
23469
23837
  function SvgPlus(props) {
23470
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
23838
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
23471
23839
  className: "plc-w-5 plc-h-5",
23472
23840
  xmlns: "http://www.w3.org/2000/svg",
23473
23841
  fill: "none",
@@ -23483,10 +23851,10 @@ function SvgPlus(props) {
23483
23851
 
23484
23852
  var _path$b;
23485
23853
 
23486
- function _extends$c() { _extends$c = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
23854
+ function _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
23487
23855
 
23488
23856
  function SvgCheckMark(props) {
23489
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
23857
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
23490
23858
  className: "plc-w-4 plc-h-4 plc-mr-1",
23491
23859
  xmlns: "http://www.w3.org/2000/svg",
23492
23860
  viewBox: "0 0 20 20",
@@ -23555,6 +23923,7 @@ const SubscriptionsItems = ({
23555
23923
  } = useTranslation("dashboard");
23556
23924
  const {
23557
23925
  switchView,
23926
+ setSubscriptionToCancel,
23558
23927
  isAuthenticated
23559
23928
  } = usePelcro();
23560
23929
  const subs = getNonDonationSubs();
@@ -23563,6 +23932,13 @@ const SubscriptionsItems = ({
23563
23932
  const isActive = activeMenu === sub.id; // Cancel button click handlers
23564
23933
 
23565
23934
  const onCancelClick = () => {
23935
+ const isImmediateCancelationEnabled = window.Pelcro.site.read().cancel_settings.status;
23936
+
23937
+ if (isImmediateCancelationEnabled) {
23938
+ setSubscriptionToCancel(sub.id);
23939
+ return switchView("subscription-cancel");
23940
+ }
23941
+
23566
23942
  if (userMustVerifyEmail()) {
23567
23943
  return switchView("email-verify");
23568
23944
  }
@@ -23788,10 +24164,10 @@ Accordion.item = function AccordionItem({
23788
24164
 
23789
24165
  var _path$a;
23790
24166
 
23791
- function _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
24167
+ function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
23792
24168
 
23793
24169
  function SvgExit(props) {
23794
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
24170
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
23795
24171
  className: "plc-w-6 plc-h-6",
23796
24172
  xmlns: "http://www.w3.org/2000/svg",
23797
24173
  fill: "none",
@@ -23807,10 +24183,10 @@ function SvgExit(props) {
23807
24183
 
23808
24184
  var _path$9;
23809
24185
 
23810
- function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
24186
+ function _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
23811
24187
 
23812
24188
  function SvgUser(props) {
23813
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
24189
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
23814
24190
  xmlns: "http://www.w3.org/2000/svg",
23815
24191
  fill: "none",
23816
24192
  viewBox: "0 0 24 24",
@@ -23825,10 +24201,10 @@ function SvgUser(props) {
23825
24201
 
23826
24202
  var _path$8;
23827
24203
 
23828
- function _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
24204
+ function _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
23829
24205
 
23830
24206
  function SvgNewsletter(props) {
23831
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
24207
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
23832
24208
  xmlns: "http://www.w3.org/2000/svg",
23833
24209
  className: "plc-h-5 plc-w-5",
23834
24210
  fill: "none",
@@ -23844,10 +24220,10 @@ function SvgNewsletter(props) {
23844
24220
 
23845
24221
  var _path$7;
23846
24222
 
23847
- function _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
24223
+ function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
23848
24224
 
23849
24225
  function SvgDocument(props) {
23850
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
24226
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
23851
24227
  xmlns: "http://www.w3.org/2000/svg",
23852
24228
  className: "plc-h-6 plc-w-6 plc-mr-2",
23853
24229
  fill: "none",
@@ -23863,10 +24239,10 @@ function SvgDocument(props) {
23863
24239
 
23864
24240
  var _path$6;
23865
24241
 
23866
- function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
24242
+ function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
23867
24243
 
23868
24244
  function SvgPaymentCard(props) {
23869
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
24245
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
23870
24246
  className: "plc-w-6 plc-h-6 plc-mr-2",
23871
24247
  xmlns: "http://www.w3.org/2000/svg",
23872
24248
  fill: "none",
@@ -23882,10 +24258,10 @@ function SvgPaymentCard(props) {
23882
24258
 
23883
24259
  var _path$5, _path2;
23884
24260
 
23885
- function _extends$6() { _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
24261
+ function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
23886
24262
 
23887
24263
  function SvgLocationPin(props) {
23888
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
24264
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
23889
24265
  className: "plc-w-6 plc-h-6 plc-mr-2",
23890
24266
  xmlns: "http://www.w3.org/2000/svg",
23891
24267
  fill: "none",
@@ -23904,26 +24280,6 @@ function SvgLocationPin(props) {
23904
24280
  })));
23905
24281
  }
23906
24282
 
23907
- var _switch;
23908
-
23909
- function _extends$5() { _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
23910
-
23911
- function SvgSubscription(props) {
23912
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
23913
- xmlns: "http://www.w3.org/2000/svg",
23914
- viewBox: "0 0 100 125",
23915
- fill: "currentColor"
23916
- }, props), _switch || (_switch = /*#__PURE__*/React__namespace.createElement("switch", null, /*#__PURE__*/React__namespace.createElement("g", null, /*#__PURE__*/React__namespace.createElement("path", {
23917
- d: "M5273.1 2400.1v-2c0-2.8-5-4-9.7-4s-9.7 1.3-9.7 4v2c0 1.8.7 3.6 2 4.9l5 4.9c.3.3.4.6.4 1v6.4c0 .4.2.7.6.8l2.9.9c.5.1 1-.2 1-.8v-7.2c0-.4.2-.7.4-1l5.1-5c1.3-1.3 2-3.1 2-4.9zm-9.7-.1c-4.8 0-7.4-1.3-7.5-1.8.1-.5 2.7-1.8 7.5-1.8s7.3 1.3 7.5 1.8c-.2.5-2.7 1.8-7.5 1.8z"
23918
- }), /*#__PURE__*/React__namespace.createElement("path", {
23919
- d: "M5268.4 2410.3c-.6 0-1 .4-1 1s.4 1 1 1h4.3c.6 0 1-.4 1-1s-.4-1-1-1h-4.3zM5272.7 2413.7h-4.3c-.6 0-1 .4-1 1s.4 1 1 1h4.3c.6 0 1-.4 1-1s-.4-1-1-1zM5272.7 2417h-4.3c-.6 0-1 .4-1 1s.4 1 1 1h4.3c.6 0 1-.4 1-1 0-.5-.4-1-1-1z"
23920
- }), /*#__PURE__*/React__namespace.createElement("g", null, /*#__PURE__*/React__namespace.createElement("path", {
23921
- d: "M90.4 58.6c0-4.4-3.6-7.9-8-7.9-1.3 0-2.5.3-3.6.9-1.4-2.5-4-4-6.9-4-1.3 0-2.5.3-3.6.9-1.4-2.5-4-4-6.9-4-.9 0-1.8.1-2.6.4v-4.6h6c4.8 0 8.6-3.9 8.6-8.7V11.2c0-4.8-3.9-8.7-8.6-8.7H18.2c-4.8 0-8.6 3.9-8.6 8.7v20.3c0 4.8 3.9 8.7 8.6 8.7h24.6V64l-3.3-3.3c-2.7-2.7-7-3.1-10.2-1-1.9 1.3-3.1 3.3-3.5 5.5-.3 2.2.3 4.5 1.8 6.3L42 88.9c4.5 5.5 11.2 8.6 18.2 8.6h9c5.6 0 10.9-2.2 14.9-6.2s6.2-9.3 6.2-14.9l.1-17.8zm-21 33.5h-9c-5.5 0-10.6-2.4-14.1-6.6L31.9 68.1c-.5-.6-.7-1.3-.6-2.1.1-.8.5-1.4 1.1-1.8.4-.3 1-.5 1.5-.5.7 0 1.4.3 1.9.8l5.8 5.8c1.1 1.1 2.8 1.4 4.3.8 1.5-.6 2.4-2 2.4-3.6V30.1c0-1.4 1.2-2.6 2.6-2.6.7 0 1.3.3 1.8.8s.8 1.1.8 1.8v25.7c0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7v-3.5c0-1.4 1.2-2.6 2.6-2.6 1.4 0 2.6 1.2 2.6 2.6V59c0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7v-3.5c0-1.4 1.2-2.6 2.6-2.6 1.4 0 2.6 1.2 2.6 2.6v6.7c0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7v-3.5c0-1.4 1.2-2.6 2.6-2.6 1.4 0 2.6 1.2 2.6 2.6v17.8c0 4.2-1.6 8.1-4.6 11.1-3.2 2.9-7.2 4.5-11.3 4.5zM18.2 34.2c-1.5 0-2.6-1.2-2.6-2.7V11.2c0-1.5 1.2-2.7 2.6-2.7h46.5c1.5 0 2.6 1.2 2.6 2.7v20.3c0 1.5-1.2 2.7-2.6 2.7h-6v-4c0-2.1-.8-4.1-2.3-5.6-1.5-1.5-3.5-2.3-5.6-2.3-4.4 0-7.9 3.6-7.9 8v4H18.2z"
23922
- }), /*#__PURE__*/React__namespace.createElement("path", {
23923
- d: "M35.5 15.5L30 21.4l-1.9-2.1c-1-1.1-2.7-1.2-3.8-.1-1.1 1-1.2 2.7-.1 3.8l3.9 4.2c.5.6 1.2.9 2 .9s1.5-.3 2-.9l7.5-8c1-1.1 1-2.8-.1-3.8s-3-1-4 .1z"
23924
- }))))));
23925
- }
23926
-
23927
24283
  var _path$4;
23928
24284
 
23929
24285
  function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
@@ -27336,6 +27692,7 @@ exports.ShopPurchaseButton = ShopPurchaseButton;
27336
27692
  exports.ShopSelectProductButton = ShopSelectProductButton;
27337
27693
  exports.ShopView = ShopView;
27338
27694
  exports.SubmitPaymentMethod = SubmitPaymentMethod;
27695
+ exports.SubscriptionCancelModal = SubscriptionCancelModal;
27339
27696
  exports.SubscriptionCreateContainer = SubscriptionCreateContainer;
27340
27697
  exports.SubscriptionCreateModal = SubscriptionCreateModal;
27341
27698
  exports.SubscriptionCreateView = SubscriptionCreateView;