@pelcro/react-pelcro-js 3.2.0-beta.32 → 3.2.0-beta.35

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.esm.js CHANGED
@@ -3546,7 +3546,7 @@ var paymentMethod_ko = {
3546
3546
  var title$q = "Enter your email to subscribe to our newsletter";
3547
3547
  var updateTitle$2 = "Update newsletter selections";
3548
3548
  var subtitle$b = "We may use your email for other marketing communication";
3549
- var labels$E = {
3549
+ var labels$H = {
3550
3550
  submit: "Submit",
3551
3551
  firstName: "First name",
3552
3552
  lastName: "Last name",
@@ -3554,7 +3554,7 @@ var labels$E = {
3554
3554
  postalCode: "Postal code",
3555
3555
  required: "required"
3556
3556
  };
3557
- var messages$K = {
3557
+ var messages$N = {
3558
3558
  alreadyHaveAccount: "Already have an account?",
3559
3559
  success: "Newsletters were successfully updated",
3560
3560
  loginHere: "Login here.",
@@ -3565,14 +3565,14 @@ var newsletter_en = {
3565
3565
  title: title$q,
3566
3566
  updateTitle: updateTitle$2,
3567
3567
  subtitle: subtitle$b,
3568
- labels: labels$E,
3569
- messages: messages$K
3568
+ labels: labels$H,
3569
+ messages: messages$N
3570
3570
  };
3571
3571
 
3572
3572
  var title$p = "Entrez votre adresse courriel pour vous abonner à notre infolettre";
3573
3573
  var updateTitle$1 = "Mettre à jour son choix d'infolettres";
3574
3574
  var subtitle$a = "Nous pouvons utiliser votre adresse courriel pour d’autres communications marketing";
3575
- var labels$D = {
3575
+ var labels$G = {
3576
3576
  submit: "Lire l’article !",
3577
3577
  firstName: "Prénom",
3578
3578
  lastName: "Nom de famille",
@@ -3580,7 +3580,7 @@ var labels$D = {
3580
3580
  postalCode: "Code postal",
3581
3581
  required: "Champs obligatoires"
3582
3582
  };
3583
- var messages$J = {
3583
+ var messages$M = {
3584
3584
  alreadyHaveAccount: "Vous avez déjà un compte ?",
3585
3585
  success: "Votre choix d'infolettres à été mis à jour",
3586
3586
  loginHere: "Connectez-vous ici",
@@ -3591,14 +3591,14 @@ var newsletter_fr = {
3591
3591
  title: title$p,
3592
3592
  updateTitle: updateTitle$1,
3593
3593
  subtitle: subtitle$a,
3594
- labels: labels$D,
3595
- messages: messages$J
3594
+ labels: labels$G,
3595
+ messages: messages$M
3596
3596
  };
3597
3597
 
3598
3598
  var title$o = "Frieze 뉴스레터를 구독하려면 이메일을 입력하세요.";
3599
3599
  var updateTitle = "뉴스레터 선택 업데이트";
3600
3600
  var subtitle$9 = "귀하의 이메일은 다른 마케팅 용도로도 사용됩니다.";
3601
- var labels$C = {
3601
+ var labels$F = {
3602
3602
  submit: "제출",
3603
3603
  firstName: "이름",
3604
3604
  lastName: "성",
@@ -3606,7 +3606,7 @@ var labels$C = {
3606
3606
  postalCode: "우편번호",
3607
3607
  required: "필수 항목"
3608
3608
  };
3609
- var messages$I = {
3609
+ var messages$L = {
3610
3610
  alreadyHaveAccount: "이미 계정이 있습니까?",
3611
3611
  success: "뉴스레터가 성공적으로 업데이트되었습니다.",
3612
3612
  loginHere: "여기에서 로그인하세요.",
@@ -3617,14 +3617,14 @@ var newsletter_ko = {
3617
3617
  title: title$o,
3618
3618
  updateTitle: updateTitle,
3619
3619
  subtitle: subtitle$9,
3620
- labels: labels$C,
3621
- messages: messages$I
3620
+ labels: labels$F,
3621
+ messages: messages$L
3622
3622
  };
3623
3623
 
3624
- var labels$B = {
3624
+ var labels$E = {
3625
3625
  "continue": "Continue to content"
3626
3626
  };
3627
- var messages$H = {
3627
+ var messages$K = {
3628
3628
  yourFreeTrial: "Subscription successful!",
3629
3629
  youHaveAccess: "Hope you enjoy the subscription. Please contact us if you have any questions or concerns.",
3630
3630
  clickToLearn: {
@@ -3650,15 +3650,15 @@ var errors$e = {
3650
3650
  "": ""
3651
3651
  };
3652
3652
  var success_en = {
3653
- labels: labels$B,
3654
- messages: messages$H,
3653
+ labels: labels$E,
3654
+ messages: messages$K,
3655
3655
  errors: errors$e
3656
3656
  };
3657
3657
 
3658
- var labels$A = {
3658
+ var labels$D = {
3659
3659
  "continue": "Abonnement réussi !"
3660
3660
  };
3661
- var messages$G = {
3661
+ var messages$J = {
3662
3662
  yourFreeTrial: "Votre essai gratuit vient de débuter",
3663
3663
  youHaveAccess: "Nous espérons que vous allez apprécier votre abonnement. Veuillez nous contacter si vous avez des questions ou des préoccupations.",
3664
3664
  clickToLearn: {
@@ -3684,15 +3684,15 @@ var errors$d = {
3684
3684
  "": ""
3685
3685
  };
3686
3686
  var success_fr = {
3687
- labels: labels$A,
3688
- messages: messages$G,
3687
+ labels: labels$D,
3688
+ messages: messages$J,
3689
3689
  errors: errors$d
3690
3690
  };
3691
3691
 
3692
- var labels$z = {
3692
+ var labels$C = {
3693
3693
  "continue": "콘텐츠로 돌아가기"
3694
3694
  };
3695
- var messages$F = {
3695
+ var messages$I = {
3696
3696
  yourFreeTrial: "유료 멤버십에 가입하셨습니다!",
3697
3697
  youHaveAccess: "멤버십 혜택을 즐기시기를 바라며, 질문이나 문의 사항이 있으면 저희에게 연락주십시오.",
3698
3698
  clickToLearn: {
@@ -3718,12 +3718,12 @@ var errors$c = {
3718
3718
  "": ""
3719
3719
  };
3720
3720
  var success_ko = {
3721
- labels: labels$z,
3722
- messages: messages$F,
3721
+ labels: labels$C,
3722
+ messages: messages$I,
3723
3723
  errors: errors$c
3724
3724
  };
3725
3725
 
3726
- var messages$E = {
3726
+ var messages$H = {
3727
3727
  freeVisits: "Free visits left:",
3728
3728
  subscribeNow: "Subscribe",
3729
3729
  alreadyHaveAccount: "Already have an account?",
@@ -3733,11 +3733,11 @@ var errors$b = {
3733
3733
  "": ""
3734
3734
  };
3735
3735
  var meter_en = {
3736
- messages: messages$E,
3736
+ messages: messages$H,
3737
3737
  errors: errors$b
3738
3738
  };
3739
3739
 
3740
- var messages$D = {
3740
+ var messages$G = {
3741
3741
  freeVisits: "Visites gratuites restantes:",
3742
3742
  subscribeNow: "Abonnez-vous maintenant !",
3743
3743
  alreadyHaveAccount: "Vous avez déjà un compte ?",
@@ -3747,11 +3747,11 @@ var errors$a = {
3747
3747
  "": ""
3748
3748
  };
3749
3749
  var meter_fr = {
3750
- messages: messages$D,
3750
+ messages: messages$G,
3751
3751
  errors: errors$a
3752
3752
  };
3753
3753
 
3754
- var messages$C = {
3754
+ var messages$F = {
3755
3755
  freeVisits: "남은 무료 방문 기간:",
3756
3756
  subscribeNow: "멤버십 가입",
3757
3757
  alreadyHaveAccount: "이미 계정이 있습니까?",
@@ -3761,15 +3761,15 @@ var errors$9 = {
3761
3761
  "": ""
3762
3762
  };
3763
3763
  var meter_ko = {
3764
- messages: messages$C,
3764
+ messages: messages$F,
3765
3765
  errors: errors$9
3766
3766
  };
3767
3767
 
3768
- var messages$B = {
3768
+ var messages$E = {
3769
3769
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
3770
3770
  bankRedirection: "Please hold, redirecting you to your bank."
3771
3771
  };
3772
- var labels$y = {
3772
+ var labels$B = {
3773
3773
  card: "Enter card number",
3774
3774
  date: "Expiration date",
3775
3775
  CVC: "CVC",
@@ -3788,15 +3788,15 @@ var labels$y = {
3788
3788
  removeCoupon: "REMOVE"
3789
3789
  };
3790
3790
  var checkoutForm_en = {
3791
- messages: messages$B,
3792
- labels: labels$y
3791
+ messages: messages$E,
3792
+ labels: labels$B
3793
3793
  };
3794
3794
 
3795
- var messages$A = {
3795
+ var messages$D = {
3796
3796
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
3797
3797
  bankRedirection: "Veuillez patienter, nous vous redirigeons vers votre banque."
3798
3798
  };
3799
- var labels$x = {
3799
+ var labels$A = {
3800
3800
  card: "Entrez le numéro de carte",
3801
3801
  date: "Date d’expiration",
3802
3802
  CVC: "CVC",
@@ -3815,15 +3815,15 @@ var labels$x = {
3815
3815
  removeCoupon: "RETIRER"
3816
3816
  };
3817
3817
  var checkoutForm_fr = {
3818
- messages: messages$A,
3819
- labels: labels$x
3818
+ messages: messages$D,
3819
+ labels: labels$A
3820
3820
  };
3821
3821
 
3822
- var messages$z = {
3822
+ var messages$C = {
3823
3823
  youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
3824
3824
  bankRedirection: "잠시만 기다려 주십시오. 결제 은행으로 연결 중입니다."
3825
3825
  };
3826
- var labels$w = {
3826
+ var labels$z = {
3827
3827
  card: "카드 번호 입력",
3828
3828
  date: "만료일",
3829
3829
  CVC: "CVC",
@@ -3842,8 +3842,8 @@ var labels$w = {
3842
3842
  removeCoupon: "제거"
3843
3843
  };
3844
3844
  var checkoutForm_ko = {
3845
- messages: messages$z,
3846
- labels: labels$w
3845
+ messages: messages$C,
3846
+ labels: labels$z
3847
3847
  };
3848
3848
 
3849
3849
  var youAreSafe$2 = "You're safe - PCI compliant 128 SSL by";
@@ -3903,7 +3903,7 @@ var messages_ko = {
3903
3903
  zeroTotalInvoice: zeroTotalInvoice
3904
3904
  };
3905
3905
 
3906
- var labels$v = {
3906
+ var labels$y = {
3907
3907
  email: "Enter email",
3908
3908
  password: "Enter password",
3909
3909
  required: "required",
@@ -3911,7 +3911,7 @@ var labels$v = {
3911
3911
  passwordPlaceholder: "Password",
3912
3912
  login: "Login"
3913
3913
  };
3914
- var messages$y = {
3914
+ var messages$B = {
3915
3915
  loginTo: "Login to your account",
3916
3916
  welcome: "Welcome back, sign in with your existing account.",
3917
3917
  dontHaveAccount: "Don't have an account yet?",
@@ -3930,12 +3930,12 @@ var errors$8 = {
3930
3930
  "": ""
3931
3931
  };
3932
3932
  var login_en = {
3933
- labels: labels$v,
3934
- messages: messages$y,
3933
+ labels: labels$y,
3934
+ messages: messages$B,
3935
3935
  errors: errors$8
3936
3936
  };
3937
3937
 
3938
- var labels$u = {
3938
+ var labels$x = {
3939
3939
  email: "Entrez votre adresse courriel",
3940
3940
  password: "Entrez votre mot de passe",
3941
3941
  required: "Champs obligatoires",
@@ -3943,7 +3943,7 @@ var labels$u = {
3943
3943
  passwordPlaceholder: "Mot de passe",
3944
3944
  login: "Connexion"
3945
3945
  };
3946
- var messages$x = {
3946
+ var messages$A = {
3947
3947
  loginTo: "Connectez-vous à votre compte",
3948
3948
  welcome: "Bienvenue, connectez-vous avec votre compte existant.",
3949
3949
  dontHaveAccount: "Vous n’avez pas encore de compte ?",
@@ -3962,12 +3962,12 @@ var errors$7 = {
3962
3962
  "": ""
3963
3963
  };
3964
3964
  var login_fr = {
3965
- labels: labels$u,
3966
- messages: messages$x,
3965
+ labels: labels$x,
3966
+ messages: messages$A,
3967
3967
  errors: errors$7
3968
3968
  };
3969
3969
 
3970
- var labels$t = {
3970
+ var labels$w = {
3971
3971
  email: "이메일 입력",
3972
3972
  password: "비밀번호 입력",
3973
3973
  required: "필수 항목",
@@ -3975,7 +3975,7 @@ var labels$t = {
3975
3975
  passwordPlaceholder: "비밀번호",
3976
3976
  login: "로그인"
3977
3977
  };
3978
- var messages$w = {
3978
+ var messages$z = {
3979
3979
  loginTo: "귀하의 계정에 로그인",
3980
3980
  welcome: "반갑습니다. 귀하의 기존 계정으로 로그인하세요.",
3981
3981
  dontHaveAccount: "아직 계정이 없으신가요?",
@@ -3994,42 +3994,42 @@ var errors$6 = {
3994
3994
  "": ""
3995
3995
  };
3996
3996
  var login_ko = {
3997
- labels: labels$t,
3998
- messages: messages$w,
3997
+ labels: labels$w,
3998
+ messages: messages$z,
3999
3999
  errors: errors$6
4000
4000
  };
4001
4001
 
4002
- var labels$s = {
4002
+ var labels$v = {
4003
4003
  title: "Verifying Passwordless Link",
4004
4004
  instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
4005
4005
  resend: "Resend email"
4006
4006
  };
4007
- var messages$v = {
4007
+ var messages$y = {
4008
4008
  resent: "Resent successfully",
4009
4009
  success: "You have been successfully authenticated with Passwordless Login"
4010
4010
  };
4011
4011
  var verifyLinkToken_en = {
4012
- labels: labels$s,
4013
- messages: messages$v
4012
+ labels: labels$v,
4013
+ messages: messages$y
4014
4014
  };
4015
4015
 
4016
- var labels$r = {
4016
+ var labels$u = {
4017
4017
  title: "Confirmez votre courriel",
4018
4018
  instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
4019
4019
  resend: "Renvoyer le courriel"
4020
4020
  };
4021
- var messages$u = {
4021
+ var messages$x = {
4022
4022
  resent: "Renvoyé avec succès",
4023
4023
  success: "Lien vérifiée avec succès"
4024
4024
  };
4025
4025
  var verifyLinkToken_fr = {
4026
- labels: labels$r,
4027
- messages: messages$u
4026
+ labels: labels$u,
4027
+ messages: messages$x
4028
4028
  };
4029
4029
 
4030
4030
  var title$n = "Create an account";
4031
4031
  var subtitle$8 = "Enter your email and password below";
4032
- var labels$q = {
4032
+ var labels$t = {
4033
4033
  signUpFacebook: "Sign up with Facebook",
4034
4034
  signUpGoogle: "Sign up with Google",
4035
4035
  signUpEmail: "Sign up with Email",
@@ -4041,7 +4041,7 @@ var labels$q = {
4041
4041
  firstName: "First name",
4042
4042
  lastName: "Last name"
4043
4043
  };
4044
- var messages$t = {
4044
+ var messages$w = {
4045
4045
  alreadyHaveAccount: "Already have an account?",
4046
4046
  createAccount: "Create account",
4047
4047
  loginHere: "login here. ",
@@ -4115,8 +4115,8 @@ var redeem$2 = {
4115
4115
  var register_en = {
4116
4116
  title: title$n,
4117
4117
  subtitle: subtitle$8,
4118
- labels: labels$q,
4119
- messages: messages$t,
4118
+ labels: labels$t,
4119
+ messages: messages$w,
4120
4120
  errors: errors$5,
4121
4121
  gift: gift$2,
4122
4122
  redeem: redeem$2
@@ -4124,7 +4124,7 @@ var register_en = {
4124
4124
 
4125
4125
  var title$m = "Créer un compte";
4126
4126
  var subtitle$7 = "Entrez votre courriel et votre mot de passe ci-dessous";
4127
- var labels$p = {
4127
+ var labels$s = {
4128
4128
  signUpFacebook: "Inscrivez-vous avec Facebook",
4129
4129
  signUpGoogle: "Inscrivez-vous avec Google",
4130
4130
  signUpEmail: "Inscrivez-vous avec votre courriel",
@@ -4136,7 +4136,7 @@ var labels$p = {
4136
4136
  firstName: "Prénom",
4137
4137
  lastName: "Nom de famille"
4138
4138
  };
4139
- var messages$s = {
4139
+ var messages$v = {
4140
4140
  alreadyHaveAccount: "Vous avez déjà un compte?",
4141
4141
  createAccount: "Créer un compte",
4142
4142
  loginHere: "Connectez-vous ici",
@@ -4211,8 +4211,8 @@ var redeem$1 = {
4211
4211
  var register_fr = {
4212
4212
  title: title$m,
4213
4213
  subtitle: subtitle$7,
4214
- labels: labels$p,
4215
- messages: messages$s,
4214
+ labels: labels$s,
4215
+ messages: messages$v,
4216
4216
  errors: errors$4,
4217
4217
  gift: gift$1,
4218
4218
  redeem: redeem$1
@@ -4220,7 +4220,7 @@ var register_fr = {
4220
4220
 
4221
4221
  var title$l = "계정 만들기";
4222
4222
  var subtitle$6 = "아래에 이메일과 비밀번호를 입력하세요.";
4223
- var labels$o = {
4223
+ var labels$r = {
4224
4224
  signUpFacebook: "Facebook으로 가입하기",
4225
4225
  signUpGoogle: "Google로 가입하기",
4226
4226
  signUpEmail: "이메일로 가입하기",
@@ -4232,7 +4232,7 @@ var labels$o = {
4232
4232
  firstName: "이름",
4233
4233
  lastName: "성"
4234
4234
  };
4235
- var messages$r = {
4235
+ var messages$u = {
4236
4236
  alreadyHaveAccount: "이미 계정이 있습니까?",
4237
4237
  createAccount: "계정 만들기",
4238
4238
  loginHere: "여기에서 로그인하세요.",
@@ -4306,14 +4306,14 @@ var redeem = {
4306
4306
  var register_ko = {
4307
4307
  title: title$l,
4308
4308
  subtitle: subtitle$6,
4309
- labels: labels$o,
4310
- messages: messages$r,
4309
+ labels: labels$r,
4310
+ messages: messages$u,
4311
4311
  errors: errors$3,
4312
4312
  gift: gift,
4313
4313
  redeem: redeem
4314
4314
  };
4315
4315
 
4316
- var labels$n = {
4316
+ var labels$q = {
4317
4317
  title: "Want to update your profile?",
4318
4318
  subtitle: "Enter your information below to update your profile",
4319
4319
  email: "Email",
@@ -4329,17 +4329,17 @@ var labels$n = {
4329
4329
  removeImage: "Remove current photo",
4330
4330
  zoom: "Zoom"
4331
4331
  };
4332
- var messages$q = {
4332
+ var messages$t = {
4333
4333
  userUpdated: "Thanks! Your profile was updated successfully.",
4334
4334
  pictureRemoved: "Your profile picture was removed successfully.",
4335
4335
  pictureUpdated: "Your profile picture was updated successfully."
4336
4336
  };
4337
4337
  var userEdit_en = {
4338
- labels: labels$n,
4339
- messages: messages$q
4338
+ labels: labels$q,
4339
+ messages: messages$t
4340
4340
  };
4341
4341
 
4342
- var labels$m = {
4342
+ var labels$p = {
4343
4343
  title: "Voulez-vous mettre à jour votre profil ?",
4344
4344
  subtitle: "Entrez vos informations ci-dessous pour mettre à jour votre profil",
4345
4345
  email: "Address courriel",
@@ -4355,17 +4355,17 @@ var labels$m = {
4355
4355
  removeImage: "supprimer la photo actuelle",
4356
4356
  zoom: "Zoom"
4357
4357
  };
4358
- var messages$p = {
4358
+ var messages$s = {
4359
4359
  userUpdated: "Votre profil a été mis à jour avec succès.",
4360
4360
  pictureRemoved: "Votre photo de profil a été supprimée avec succès.",
4361
4361
  pictureUpdated: "Votre photo de profil a été mise à jour avec succès."
4362
4362
  };
4363
4363
  var userEdit_fr = {
4364
- labels: labels$m,
4365
- messages: messages$p
4364
+ labels: labels$p,
4365
+ messages: messages$s
4366
4366
  };
4367
4367
 
4368
- var labels$l = {
4368
+ var labels$o = {
4369
4369
  title: "프로파일을 업데이트하시겠습니까?",
4370
4370
  subtitle: "프로필을 업데이트하려면 아래 정보를 입력하세요.",
4371
4371
  email: "이메일",
@@ -4381,20 +4381,20 @@ var labels$l = {
4381
4381
  removeImage: "기존 사진 제거",
4382
4382
  zoom: "확대"
4383
4383
  };
4384
- var messages$o = {
4384
+ var messages$r = {
4385
4385
  userUpdated: "감사합니다! 프로필이 성공적으로 업데이트되었습니다.",
4386
4386
  pictureRemoved: "귀하의 프로필 사진이 제거되었습니다.",
4387
4387
  pictureUpdated: "귀하의 프로필 사진이 업데이트되었습니다."
4388
4388
  };
4389
4389
  var userEdit_ko = {
4390
- labels: labels$l,
4391
- messages: messages$o
4390
+ labels: labels$o,
4391
+ messages: messages$r
4392
4392
  };
4393
4393
 
4394
4394
  var title$k = "Enter your shipping address";
4395
4395
  var selectAddressTitle$2 = "Please select an address";
4396
4396
  var selectAddressSubtitle$2 = "Select one of your saved addresses, or add a new one";
4397
- var labels$k = {
4397
+ var labels$n = {
4398
4398
  address: "Address",
4399
4399
  code: "Postal Code/Zip",
4400
4400
  city: "City",
@@ -4409,7 +4409,7 @@ var buttons$b = {
4409
4409
  selectAddress: "Select address",
4410
4410
  addAddress: "Add new address"
4411
4411
  };
4412
- var messages$n = {
4412
+ var messages$q = {
4413
4413
  addressUpdated: "The address was successfully updated!",
4414
4414
  subRedeemed: "Your subscription has been redeemed."
4415
4415
  };
@@ -4417,15 +4417,15 @@ var address_en = {
4417
4417
  title: title$k,
4418
4418
  selectAddressTitle: selectAddressTitle$2,
4419
4419
  selectAddressSubtitle: selectAddressSubtitle$2,
4420
- labels: labels$k,
4420
+ labels: labels$n,
4421
4421
  buttons: buttons$b,
4422
- messages: messages$n
4422
+ messages: messages$q
4423
4423
  };
4424
4424
 
4425
4425
  var title$j = "Entrez votre adresse de livraison";
4426
4426
  var selectAddressTitle$1 = "Veuillez sélectionner une adresse";
4427
4427
  var selectAddressSubtitle$1 = "Choisissez l'une de vos adresses ou créez-en une nouvelle";
4428
- var labels$j = {
4428
+ var labels$m = {
4429
4429
  address: "Adresse",
4430
4430
  code: "Code postal / Zip",
4431
4431
  city: "Ville",
@@ -4440,7 +4440,7 @@ var buttons$a = {
4440
4440
  selectAddress: "Choisir cette adresse",
4441
4441
  addAddress: "Ajouter une nouvelle adresse"
4442
4442
  };
4443
- var messages$m = {
4443
+ var messages$p = {
4444
4444
  addressUpdated: "Votre adresse a été mise à jour avec succès",
4445
4445
  subRedeemed: "Votre abonnement a bien été activé."
4446
4446
  };
@@ -4448,15 +4448,15 @@ var address_fr = {
4448
4448
  title: title$j,
4449
4449
  selectAddressTitle: selectAddressTitle$1,
4450
4450
  selectAddressSubtitle: selectAddressSubtitle$1,
4451
- labels: labels$j,
4451
+ labels: labels$m,
4452
4452
  buttons: buttons$a,
4453
- messages: messages$m
4453
+ messages: messages$p
4454
4454
  };
4455
4455
 
4456
4456
  var title$i = "배송 주소를 입력하십시오.";
4457
4457
  var selectAddressTitle = "주소를 선택하십시오.";
4458
4458
  var selectAddressSubtitle = "저장된 주소에서 선택하거나 새 주소를 추가하십시오.";
4459
- var labels$i = {
4459
+ var labels$l = {
4460
4460
  address: "주소",
4461
4461
  code: "우편번호",
4462
4462
  city: "도시",
@@ -4471,7 +4471,7 @@ var buttons$9 = {
4471
4471
  selectAddress: "주소 선택",
4472
4472
  addAddress: "새 주소 추가"
4473
4473
  };
4474
- var messages$l = {
4474
+ var messages$o = {
4475
4475
  addressUpdated: "주소가 성공적으로 업데이트되었습니다!",
4476
4476
  subRedeemed: "귀하의 유료 멤버십이 사용되었습니다."
4477
4477
  };
@@ -4479,9 +4479,9 @@ var address_ko = {
4479
4479
  title: title$i,
4480
4480
  selectAddressTitle: selectAddressTitle,
4481
4481
  selectAddressSubtitle: selectAddressSubtitle,
4482
- labels: labels$i,
4482
+ labels: labels$l,
4483
4483
  buttons: buttons$9,
4484
- messages: messages$l
4484
+ messages: messages$o
4485
4485
  };
4486
4486
 
4487
4487
  var title$h = "Reset your password";
@@ -4547,7 +4547,7 @@ var password$2 = "Password";
4547
4547
  var submit$8 = "Submit";
4548
4548
  var required$8 = "Required";
4549
4549
  var passwordResetEmailSent$2 = "Password reset instructions have been sent to your email";
4550
- var messages$k = {
4550
+ var messages$n = {
4551
4551
  alreadyHaveAccount: "Already have an account?",
4552
4552
  loginHere: "login here."
4553
4553
  };
@@ -4558,7 +4558,7 @@ var passwordForgot_en = {
4558
4558
  submit: submit$8,
4559
4559
  required: required$8,
4560
4560
  passwordResetEmailSent: passwordResetEmailSent$2,
4561
- messages: messages$k
4561
+ messages: messages$n
4562
4562
  };
4563
4563
 
4564
4564
  var title$d = "Mot de passe oublié ?";
@@ -4567,7 +4567,7 @@ var password$1 = "Mot de passe";
4567
4567
  var submit$7 = "Soumettre";
4568
4568
  var required$7 = "Champs obligatoires";
4569
4569
  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.";
4570
- var messages$j = {
4570
+ var messages$m = {
4571
4571
  alreadyHaveAccount: "Vous avez déjà un compte ?",
4572
4572
  loginHere: "Connectez-vous ici"
4573
4573
  };
@@ -4578,7 +4578,7 @@ var passwordForgot_fr = {
4578
4578
  submit: submit$7,
4579
4579
  required: required$7,
4580
4580
  passwordResetEmailSent: passwordResetEmailSent$1,
4581
- messages: messages$j
4581
+ messages: messages$m
4582
4582
  };
4583
4583
 
4584
4584
  var title$c = "비밀번호를 잊으셨나요?";
@@ -4587,7 +4587,7 @@ var password = "비밀번호";
4587
4587
  var submit$6 = "제출";
4588
4588
  var required$6 = "필수 항목";
4589
4589
  var passwordResetEmailSent = "비밀번호 재설정 안내가 귀하의 이메일로 발송되었습니다.";
4590
- var messages$i = {
4590
+ var messages$l = {
4591
4591
  alreadyHaveAccount: "이미 계정이 있습니까?",
4592
4592
  loginHere: "여기에서 로그인하세요."
4593
4593
  };
@@ -4598,7 +4598,7 @@ var passwordForgot_ko = {
4598
4598
  submit: submit$6,
4599
4599
  required: required$6,
4600
4600
  passwordResetEmailSent: passwordResetEmailSent,
4601
- messages: messages$i
4601
+ messages: messages$l
4602
4602
  };
4603
4603
 
4604
4604
  var title$b = "Change your password";
@@ -4668,7 +4668,7 @@ var title$8 = "Passwordless Login";
4668
4668
  var email$2 = "Enter email";
4669
4669
  var submit$2 = "Submit";
4670
4670
  var required$2 = "Required";
4671
- var messages$h = {
4671
+ var messages$k = {
4672
4672
  PasswordlessLoginSuccess: "Please check your email and follow the instructions there"
4673
4673
  };
4674
4674
  var passwordlessRequest_en = {
@@ -4676,14 +4676,14 @@ var passwordlessRequest_en = {
4676
4676
  email: email$2,
4677
4677
  submit: submit$2,
4678
4678
  required: required$2,
4679
- messages: messages$h
4679
+ messages: messages$k
4680
4680
  };
4681
4681
 
4682
4682
  var title$7 = "Connexion sans mot de passe";
4683
4683
  var email$1 = "Entrez votre adresse courriel";
4684
4684
  var submit$1 = "Soumettre";
4685
4685
  var required$1 = "Champs obligatoires";
4686
- var messages$g = {
4686
+ var messages$j = {
4687
4687
  PasswordlessLoginSuccess: "Vous avez été authentifié avec succès avec la connexion sans mot de passe"
4688
4688
  };
4689
4689
  var passwordlessRequest_fr = {
@@ -4691,14 +4691,14 @@ var passwordlessRequest_fr = {
4691
4691
  email: email$1,
4692
4692
  submit: submit$1,
4693
4693
  required: required$1,
4694
- messages: messages$g
4694
+ messages: messages$j
4695
4695
  };
4696
4696
 
4697
4697
  var title$6 = "비밀번호 없는 로그인";
4698
4698
  var email = "이메일 입력";
4699
4699
  var submit = "제출";
4700
4700
  var required = "필수 항목";
4701
- var messages$f = {
4701
+ var messages$i = {
4702
4702
  PasswordlessLoginSuccess: "비밀번호 없는 로그인으로 성공적으로 인증되었습니다."
4703
4703
  };
4704
4704
  var passwordlessRequest_ko = {
@@ -4706,7 +4706,7 @@ var passwordlessRequest_ko = {
4706
4706
  email: email,
4707
4707
  submit: submit,
4708
4708
  required: required,
4709
- messages: messages$f
4709
+ messages: messages$i
4710
4710
  };
4711
4711
 
4712
4712
  var title$5 = "Votre panier";
@@ -4790,7 +4790,7 @@ var buttons$8 = {
4790
4790
  purchase: "Purchase",
4791
4791
  "continue": "Continue"
4792
4792
  };
4793
- var messages$e = {
4793
+ var messages$h = {
4794
4794
  orderConfirmed: {
4795
4795
  title: "Order confirmed!",
4796
4796
  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."
@@ -4799,14 +4799,14 @@ var messages$e = {
4799
4799
  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.",
4800
4800
  currencyMismatch: "The selected item(s) do not match your current default currency ({{currency}}). Please choose item(s) only matching this currency."
4801
4801
  };
4802
- var labels$h = {
4802
+ var labels$k = {
4803
4803
  summary: "Order summary",
4804
4804
  total: "total"
4805
4805
  };
4806
4806
  var shop_en = {
4807
4807
  buttons: buttons$8,
4808
- messages: messages$e,
4809
- labels: labels$h
4808
+ messages: messages$h,
4809
+ labels: labels$k
4810
4810
  };
4811
4811
 
4812
4812
  var buttons$7 = {
@@ -4815,7 +4815,7 @@ var buttons$7 = {
4815
4815
  purchase: "Acheter",
4816
4816
  "continue": "Continuer au contenu"
4817
4817
  };
4818
- var messages$d = {
4818
+ var messages$g = {
4819
4819
  orderConfirmed: {
4820
4820
  title: "Votre commande est confirmée !",
4821
4821
  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."
@@ -4824,14 +4824,14 @@ var messages$d = {
4824
4824
  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.",
4825
4825
  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."
4826
4826
  };
4827
- var labels$g = {
4827
+ var labels$j = {
4828
4828
  summary: "récapitulatif de commande",
4829
4829
  total: "total"
4830
4830
  };
4831
4831
  var shop_fr = {
4832
4832
  buttons: buttons$7,
4833
- messages: messages$d,
4834
- labels: labels$g
4833
+ messages: messages$g,
4834
+ labels: labels$j
4835
4835
  };
4836
4836
 
4837
4837
  var buttons$6 = {
@@ -4840,7 +4840,7 @@ var buttons$6 = {
4840
4840
  purchase: "구매",
4841
4841
  "continue": "계속"
4842
4842
  };
4843
- var messages$c = {
4843
+ var messages$f = {
4844
4844
  orderConfirmed: {
4845
4845
  title: "주문이 확인되었습니다!",
4846
4846
  body: "귀하의 주문이 확인되었으며 며칠 안에 배송될 예정입니다. 이 주문의 확인 이메일이 귀하에게 전송됩니다."
@@ -4849,17 +4849,17 @@ var messages$c = {
4849
4849
  multipleCurrencies: "장바구니에 다른 통화로만 결제가 가능한 아이템이 있습니다. 결제를 계속 진행하려면 모든 아이템의 결제 통화가 동일한지 확인하십시오.",
4850
4850
  currencyMismatch: "선택하신 아이템(들)이 귀하가 설정한 기본 통화({{currency}})와 일치하지 않습니다. 기본 통화와 일치하는 아이템(들)만 선택하십시오."
4851
4851
  };
4852
- var labels$f = {
4852
+ var labels$i = {
4853
4853
  summary: "주문 요약",
4854
4854
  total: "총계"
4855
4855
  };
4856
4856
  var shop_ko = {
4857
4857
  buttons: buttons$6,
4858
- messages: messages$c,
4859
- labels: labels$f
4858
+ messages: messages$f,
4859
+ labels: labels$i
4860
4860
  };
4861
4861
 
4862
- var labels$e = {
4862
+ var labels$h = {
4863
4863
  cardNumber: "Numéro de carte",
4864
4864
  securityCode: "Code de sécurité",
4865
4865
  submit: "Soumettre",
@@ -4881,7 +4881,7 @@ var labels$e = {
4881
4881
  title: "Informations de paiement"
4882
4882
  }
4883
4883
  };
4884
- var messages$b = {
4884
+ var messages$e = {
4885
4885
  youAreSafe: "Vous êtes en sécurité - PCI conforme 128 SSL par",
4886
4886
  cancel: "Annuler votre abonnement en ligne à tout moment.",
4887
4887
  giftSent: "Le cadeau d’abonnement a été envoyé à",
@@ -4894,12 +4894,12 @@ var errors$2 = {
4894
4894
  "": ""
4895
4895
  };
4896
4896
  var payment_fr = {
4897
- labels: labels$e,
4898
- messages: messages$b,
4897
+ labels: labels$h,
4898
+ messages: messages$e,
4899
4899
  errors: errors$2
4900
4900
  };
4901
4901
 
4902
- var labels$d = {
4902
+ var labels$g = {
4903
4903
  cardNumber: "Card number",
4904
4904
  securityCode: "Security Code",
4905
4905
  submit: "Submit",
@@ -4921,7 +4921,7 @@ var labels$d = {
4921
4921
  title: "Payment Information"
4922
4922
  }
4923
4923
  };
4924
- var messages$a = {
4924
+ var messages$d = {
4925
4925
  youAreSafe: "You're safe - PCI compliant 128 SSL by",
4926
4926
  cancel: "Cancel your subscription online at anytime.",
4927
4927
  giftSent: "Subscription gift has been sent to",
@@ -4934,12 +4934,12 @@ var errors$1 = {
4934
4934
  "": ""
4935
4935
  };
4936
4936
  var payment_en = {
4937
- labels: labels$d,
4938
- messages: messages$a,
4937
+ labels: labels$g,
4938
+ messages: messages$d,
4939
4939
  errors: errors$1
4940
4940
  };
4941
4941
 
4942
- var labels$c = {
4942
+ var labels$f = {
4943
4943
  cardNumber: "카드 번호",
4944
4944
  securityCode: "보안 코드",
4945
4945
  submit: "제출",
@@ -4961,7 +4961,7 @@ var labels$c = {
4961
4961
  title: "결제 정보"
4962
4962
  }
4963
4963
  };
4964
- var messages$9 = {
4964
+ var messages$c = {
4965
4965
  youAreSafe: "PCI 준수 128비트 SSL 인증서로 보호됩니다. 제공: ",
4966
4966
  cancel: "유료 멤버십은 언제든 온라인으로 취소가 가능합니다.",
4967
4967
  giftSent: "유료 멤버십 선물이 ",
@@ -4974,12 +4974,12 @@ var errors = {
4974
4974
  "": ""
4975
4975
  };
4976
4976
  var payment_ko = {
4977
- labels: labels$c,
4978
- messages: messages$9,
4977
+ labels: labels$f,
4978
+ messages: messages$c,
4979
4979
  errors: errors
4980
4980
  };
4981
4981
 
4982
- var labels$b = {
4982
+ var labels$e = {
4983
4983
  menu: "Pelcro Menu",
4984
4984
  name: "Name",
4985
4985
  email: "Email",
@@ -5056,7 +5056,7 @@ var labels$b = {
5056
5056
  goBack: "Go back"
5057
5057
  }
5058
5058
  };
5059
- var messages$8 = {
5059
+ var messages$b = {
5060
5060
  noCard: "You don't have a card",
5061
5061
  subCancellation: {
5062
5062
  isSureToCancel: "Are you sure you want to cancel your subscription?",
@@ -5066,11 +5066,11 @@ var messages$8 = {
5066
5066
  }
5067
5067
  };
5068
5068
  var dashboard_en = {
5069
- labels: labels$b,
5070
- messages: messages$8
5069
+ labels: labels$e,
5070
+ messages: messages$b
5071
5071
  };
5072
5072
 
5073
- var labels$a = {
5073
+ var labels$d = {
5074
5074
  menu: "Menu Pelcro",
5075
5075
  name: "Nom",
5076
5076
  email: "Courriel",
@@ -5147,7 +5147,7 @@ var labels$a = {
5147
5147
  goBack: "Retourner"
5148
5148
  }
5149
5149
  };
5150
- var messages$7 = {
5150
+ var messages$a = {
5151
5151
  noCard: "Vous n’avez pas une carte",
5152
5152
  subCancellation: {
5153
5153
  isSureToCancel: "Êtes-vous certain de vouloir annuler votre abonnement?",
@@ -5157,11 +5157,11 @@ var messages$7 = {
5157
5157
  }
5158
5158
  };
5159
5159
  var dashboard_fr = {
5160
- labels: labels$a,
5161
- messages: messages$7
5160
+ labels: labels$d,
5161
+ messages: messages$a
5162
5162
  };
5163
5163
 
5164
- var labels$9 = {
5164
+ var labels$c = {
5165
5165
  menu: "Pelcro 메뉴",
5166
5166
  name: "이름",
5167
5167
  email: "이메일",
@@ -5238,7 +5238,7 @@ var labels$9 = {
5238
5238
  goBack: "뒤로 가기"
5239
5239
  }
5240
5240
  };
5241
- var messages$6 = {
5241
+ var messages$9 = {
5242
5242
  noCard: "등록된 카드가 없습니다.",
5243
5243
  subCancellation: {
5244
5244
  isSureToCancel: "정말로 유료 멤버십을 취소하시겠습니까?",
@@ -5248,16 +5248,16 @@ var messages$6 = {
5248
5248
  }
5249
5249
  };
5250
5250
  var dashboard_ko = {
5251
- labels: labels$9,
5252
- messages: messages$6
5251
+ labels: labels$c,
5252
+ messages: messages$9
5253
5253
  };
5254
5254
 
5255
- var messages$5 = {
5255
+ var messages$8 = {
5256
5256
  alreadyHaveAccount: "Already have an account?",
5257
5257
  loginHere: "Login here",
5258
5258
  checkbox: "Check this box to gift this subscription"
5259
5259
  };
5260
- var labels$8 = {
5260
+ var labels$b = {
5261
5261
  plan: {
5262
5262
  title: "Subscribe to a plan",
5263
5263
  subtitle: "Select one of the plans below and click on next."
@@ -5280,17 +5280,17 @@ var buttons$5 = {
5280
5280
  back: "Back"
5281
5281
  };
5282
5282
  var select_en = {
5283
- messages: messages$5,
5284
- labels: labels$8,
5283
+ messages: messages$8,
5284
+ labels: labels$b,
5285
5285
  buttons: buttons$5
5286
5286
  };
5287
5287
 
5288
- var messages$4 = {
5288
+ var messages$7 = {
5289
5289
  alreadyHaveAccount: "Vous avez déjà un compte ?",
5290
5290
  loginHere: "Connectez-vous ici",
5291
5291
  checkbox: "Cochez cette case pour offrir cet abonnement"
5292
5292
  };
5293
- var labels$7 = {
5293
+ var labels$a = {
5294
5294
  plan: {
5295
5295
  title: "Abonnez-vous à un plan",
5296
5296
  subtitle: "Sélectionnez l’un des plans ci-dessous et cliquez sur suivant."
@@ -5313,17 +5313,17 @@ var buttons$4 = {
5313
5313
  back: "Retour"
5314
5314
  };
5315
5315
  var select_fr = {
5316
- messages: messages$4,
5317
- labels: labels$7,
5316
+ messages: messages$7,
5317
+ labels: labels$a,
5318
5318
  buttons: buttons$4
5319
5319
  };
5320
5320
 
5321
- var messages$3 = {
5321
+ var messages$6 = {
5322
5322
  alreadyHaveAccount: "이미 계정이 있습니까?",
5323
5323
  loginHere: "여기에서 로그인하세요.",
5324
5324
  checkbox: "이 유료 멤버십을 선물하려면 체크하세요."
5325
5325
  };
5326
- var labels$6 = {
5326
+ var labels$9 = {
5327
5327
  plan: {
5328
5328
  title: "요금제 가입하기",
5329
5329
  subtitle: "아래 요금제 중 하나를 선택하고 다음을 클릭하세요."
@@ -5346,8 +5346,8 @@ var buttons$3 = {
5346
5346
  back: "뒤로"
5347
5347
  };
5348
5348
  var select_ko = {
5349
- messages: messages$3,
5350
- labels: labels$6,
5349
+ messages: messages$6,
5350
+ labels: labels$9,
5351
5351
  buttons: buttons$3
5352
5352
  };
5353
5353
 
@@ -5381,50 +5381,50 @@ var notification_ko = {
5381
5381
  confirm: confirm
5382
5382
  };
5383
5383
 
5384
- var labels$5 = {
5384
+ var labels$8 = {
5385
5385
  title: "Verify your email",
5386
5386
  instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
5387
5387
  resend: "Resend email"
5388
5388
  };
5389
- var messages$2 = {
5389
+ var messages$5 = {
5390
5390
  resent: "Resent successfully",
5391
5391
  success: "Email verified successfully!"
5392
5392
  };
5393
5393
  var verifyEmail_en = {
5394
- labels: labels$5,
5395
- messages: messages$2
5394
+ labels: labels$8,
5395
+ messages: messages$5
5396
5396
  };
5397
5397
 
5398
- var labels$4 = {
5398
+ var labels$7 = {
5399
5399
  title: "Confirmez votre courriel",
5400
5400
  instructions: "Confirmez votre courriel.\nVeuillez cliquer sur le lien de vérification, qui vous a été envoyé à:",
5401
5401
  resend: "Renvoyer le courriel"
5402
5402
  };
5403
- var messages$1 = {
5403
+ var messages$4 = {
5404
5404
  resent: "Renvoyé avec succès",
5405
5405
  success: "Adresse courriel vérifiée avec succès"
5406
5406
  };
5407
5407
  var verifyEmail_fr = {
5408
- labels: labels$4,
5409
- messages: messages$1
5408
+ labels: labels$7,
5409
+ messages: messages$4
5410
5410
  };
5411
5411
 
5412
- var labels$3 = {
5412
+ var labels$6 = {
5413
5413
  title: "이메일 주소를 인증하세요.",
5414
5414
  instructions: "거의 완료되었습니다!\n이메일 주소만 인증하면 됩니다.\n다음 이메일 주소로 전송된 인증 링크를 클릭해 주십시오:",
5415
5415
  resend: "이메일 재전송"
5416
5416
  };
5417
- var messages = {
5417
+ var messages$3 = {
5418
5418
  resent: "재전송 완료",
5419
5419
  success: "이메일 주소가 인증되었습니다!"
5420
5420
  };
5421
5421
  var verifyEmail_ko = {
5422
- labels: labels$3,
5423
- messages: messages
5422
+ labels: labels$6,
5423
+ messages: messages$3
5424
5424
  };
5425
5425
 
5426
5426
  var title$2 = "Invoice details";
5427
- var labels$2 = {
5427
+ var labels$5 = {
5428
5428
  summary: "Summary",
5429
5429
  total: "Total",
5430
5430
  amountPaid: "Amount paid",
@@ -5437,12 +5437,12 @@ var buttons$2 = {
5437
5437
  };
5438
5438
  var invoiceDetails_en = {
5439
5439
  title: title$2,
5440
- labels: labels$2,
5440
+ labels: labels$5,
5441
5441
  buttons: buttons$2
5442
5442
  };
5443
5443
 
5444
5444
  var title$1 = "Détails de la facture";
5445
- var labels$1 = {
5445
+ var labels$4 = {
5446
5446
  summary: "Résumé",
5447
5447
  total: "Total",
5448
5448
  amountPaid: "Montant payé",
@@ -5455,12 +5455,12 @@ var buttons$1 = {
5455
5455
  };
5456
5456
  var invoiceDetails_fr = {
5457
5457
  title: title$1,
5458
- labels: labels$1,
5458
+ labels: labels$4,
5459
5459
  buttons: buttons$1
5460
5460
  };
5461
5461
 
5462
5462
  var title = "인보이스 세부 정보";
5463
- var labels = {
5463
+ var labels$3 = {
5464
5464
  summary: "요약",
5465
5465
  total: "총계",
5466
5466
  amountPaid: "지불된 금액",
@@ -5473,10 +5473,82 @@ var buttons = {
5473
5473
  };
5474
5474
  var invoiceDetails_ko = {
5475
5475
  title: title,
5476
- labels: labels,
5476
+ labels: labels$3,
5477
5477
  buttons: buttons
5478
5478
  };
5479
5479
 
5480
+ var labels$2 = {
5481
+ title: "Cancel subscription",
5482
+ cancelReason: "Cancellation reason",
5483
+ subCancellation: {
5484
+ goBack: "Go back"
5485
+ }
5486
+ };
5487
+ var messages$2 = {
5488
+ subscriptionEnd: "This subscription is set to expire on",
5489
+ cancelNow: "Cancel Subscription Now",
5490
+ cancelLater: "Cancel at Period End",
5491
+ subCancellation: {
5492
+ isSureToCancelNow: "Are you sure you want to cancel your subscription immediately?",
5493
+ isSureToCancel: "Are you sure you want to cancel your subscription?",
5494
+ loading: "Canceling your subscription",
5495
+ success: "Subscription is successfully canceled",
5496
+ error: "Error while canceling your subscription"
5497
+ }
5498
+ };
5499
+ var subscriptionCancel_en = {
5500
+ labels: labels$2,
5501
+ messages: messages$2
5502
+ };
5503
+
5504
+ var labels$1 = {
5505
+ title: "Annuler l'abonnement",
5506
+ cancelReason: "Motif d'annulation",
5507
+ subCancellation: {
5508
+ goBack: "Retourner"
5509
+ }
5510
+ };
5511
+ var messages$1 = {
5512
+ subscriptionEnd: "Cet abonnement doit expirer le",
5513
+ cancelNow: "Cancel Subscription Now",
5514
+ cancelLater: "Annuler l'abonnement maintenant",
5515
+ subCancellation: {
5516
+ isSureToCancelNow: "Êtes-vous sûr de vouloir résilier votre abonnement immédiatement?",
5517
+ isSureToCancel: "Êtes-vous sûr de vouloir résilier votre abonnement?",
5518
+ loading: "Annulation de votre abonnement",
5519
+ success: "L'abonnement a été annulé avec succès",
5520
+ error: "Erreur lors de l'annulation de votre abonnement"
5521
+ }
5522
+ };
5523
+ var subscriptionCancel_fr = {
5524
+ labels: labels$1,
5525
+ messages: messages$1
5526
+ };
5527
+
5528
+ var labels = {
5529
+ title: "구독 취소",
5530
+ cancelReason: "취소 사유",
5531
+ subCancellation: {
5532
+ goBack: "돌아가기"
5533
+ }
5534
+ };
5535
+ var messages = {
5536
+ subscriptionEnd: "이 구독은 다음 날짜에 만료되도록 설정되었습니다.",
5537
+ cancelNow: "지금 구독 취소",
5538
+ cancelLater: "기간 종료 시 취소",
5539
+ subCancellation: {
5540
+ isSureToCancelNow: "구독을 즉시 취소하시겠습니까?",
5541
+ isSureToCancel: "구독을 취소하시겠습니까?",
5542
+ loading: "구독 취소",
5543
+ success: "구독이 성공적으로 취소되었습니다.",
5544
+ error: "구독 취소 중 오류 발생"
5545
+ }
5546
+ };
5547
+ var subscriptionCancel_ko = {
5548
+ labels: labels,
5549
+ messages: messages
5550
+ };
5551
+
5480
5552
  function create$1(createState) {
5481
5553
  let state;
5482
5554
  const listeners = new Set();
@@ -6873,7 +6945,7 @@ class PelcroActions {
6873
6945
  view,
6874
6946
  cartItems,
6875
6947
  ...otherStateFields
6876
- } = initialState$k;
6948
+ } = initialState$l;
6877
6949
  this.set(otherStateFields);
6878
6950
  });
6879
6951
 
@@ -6987,6 +7059,21 @@ class PelcroActions {
6987
7059
  });
6988
7060
  });
6989
7061
 
7062
+ _defineProperty$3(this, "setSubscriptionToCancel", id => {
7063
+ var _window$Pelcro$subscr;
7064
+
7065
+ const subscriptions = (_window$Pelcro$subscr = window.Pelcro.subscription.list()) !== null && _window$Pelcro$subscr !== void 0 ? _window$Pelcro$subscr : [];
7066
+ const subscriptionToCancel = subscriptions.filter(sub => String(sub.id) === String(id))[0];
7067
+
7068
+ if (!subscriptionToCancel) {
7069
+ return console.error("invalid subscription id");
7070
+ }
7071
+
7072
+ this.set({
7073
+ subscriptionToCancel
7074
+ });
7075
+ });
7076
+
6990
7077
  _defineProperty$3(this, "setInvoice", id => {
6991
7078
  var _window$Pelcro$invoic;
6992
7079
 
@@ -7027,13 +7114,13 @@ class PelcroActions {
7027
7114
  switchView("login");
7028
7115
  });
7029
7116
 
7030
- _defineProperty$3(this, "addToCart", item => {
7031
- const itemToAdd = window.Pelcro.ecommerce.products.getBySkuId(Number(item.id));
7117
+ _defineProperty$3(this, "addToCart", itemSkuId => {
7118
+ const itemToAdd = window.Pelcro.ecommerce.products.getBySkuId(Number(itemSkuId));
7032
7119
 
7033
7120
  if (!itemToAdd) {
7034
7121
  console.error("invalid item SKU id");
7035
7122
  return false;
7036
- } //Dispatch PelcroElementsCartItemAdded when an item added successfully to the cart
7123
+ } //Dispatch PelcroElementsCartItemAdded when an item added successfully to the
7037
7124
 
7038
7125
 
7039
7126
  document.dispatchEvent(cartItemAdded(itemToAdd));
@@ -7194,7 +7281,7 @@ class PelcroCallbacks {
7194
7281
 
7195
7282
  }
7196
7283
 
7197
- const initialState$k = {
7284
+ const initialState$l = {
7198
7285
  // View
7199
7286
  view: null,
7200
7287
  // Plans
@@ -7224,7 +7311,7 @@ const createPelcroStore = () => createStore(middleware_3((set, get) => {
7224
7311
  return {
7225
7312
  // Store setter
7226
7313
  set,
7227
- ...initialState$k,
7314
+ ...initialState$l,
7228
7315
  // State actions
7229
7316
  ...actions,
7230
7317
  // Callbacks
@@ -7619,7 +7706,8 @@ const resources = {
7619
7706
  dashboard: dashboard_en,
7620
7707
  select: select_en,
7621
7708
  notification: notification_en,
7622
- invoiceDetails: invoiceDetails_en
7709
+ invoiceDetails: invoiceDetails_en,
7710
+ subscriptionCancel: subscriptionCancel_en
7623
7711
  },
7624
7712
  fr: {
7625
7713
  common: common_fr,
@@ -7645,7 +7733,8 @@ const resources = {
7645
7733
  dashboard: dashboard_fr,
7646
7734
  select: select_fr,
7647
7735
  notification: notification_fr,
7648
- invoiceDetails: invoiceDetails_fr
7736
+ invoiceDetails: invoiceDetails_fr,
7737
+ subscriptionCancel: subscriptionCancel_fr
7649
7738
  },
7650
7739
  ko: {
7651
7740
  common: common_ko,
@@ -7671,7 +7760,8 @@ const resources = {
7671
7760
  dashboard: dashboard_ko,
7672
7761
  select: select_ko,
7673
7762
  notification: notification_ko,
7674
- invoiceDetails: invoiceDetails_ko
7763
+ invoiceDetails: invoiceDetails_ko,
7764
+ subscriptionCancel: subscriptionCancel_ko
7675
7765
  }
7676
7766
  }; // set UI language to the page language or default to the language in site settings
7677
7767
 
@@ -10417,8 +10507,9 @@ const GET_NEWSLETTERS_FETCH = "GET_NEWSLETTERS_FETCH";
10417
10507
  const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
10418
10508
  const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
10419
10509
  const LINK_TOKEN_VERIFY = "LINK_TOKEN_VERIFY";
10510
+ const SET_CANCEL_SUBSCRIPTION_REASON = "SET_CANCEL_SUBSCRIPTION_REASON";
10420
10511
 
10421
- const initialState$j = {
10512
+ const initialState$k = {
10422
10513
  email: "",
10423
10514
  password: "",
10424
10515
  emailError: null,
@@ -10429,10 +10520,10 @@ const initialState$j = {
10429
10520
  content: ""
10430
10521
  }
10431
10522
  };
10432
- const store$j = /*#__PURE__*/createContext(initialState$j);
10523
+ const store$k = /*#__PURE__*/createContext(initialState$k);
10433
10524
  const {
10434
- Provider: Provider$j
10435
- } = store$j;
10525
+ Provider: Provider$k
10526
+ } = store$k;
10436
10527
 
10437
10528
  const LoginContainer = ({
10438
10529
  style,
@@ -10539,7 +10630,7 @@ const LoginContainer = ({
10539
10630
  });
10540
10631
 
10541
10632
  case RESET_LOGIN_FORM:
10542
- return initialState$j;
10633
+ return initialState$k;
10543
10634
 
10544
10635
  case DISABLE_LOGIN_BUTTON:
10545
10636
  return lib_7({ ...state,
@@ -10557,12 +10648,12 @@ const LoginContainer = ({
10557
10648
  default:
10558
10649
  return state;
10559
10650
  }
10560
- }, initialState$j);
10651
+ }, initialState$k);
10561
10652
  return /*#__PURE__*/React__default.createElement("div", {
10562
10653
  style: { ...style
10563
10654
  },
10564
10655
  className: `pelcro-container pelcro-login-container ${className}`
10565
- }, /*#__PURE__*/React__default.createElement(Provider$j, {
10656
+ }, /*#__PURE__*/React__default.createElement(Provider$k, {
10566
10657
  value: {
10567
10658
  state,
10568
10659
  dispatch
@@ -10570,12 +10661,12 @@ const LoginContainer = ({
10570
10661
  }, children.length ? children.map((child, i) => {
10571
10662
  if (child) {
10572
10663
  return /*#__PURE__*/React__default.cloneElement(child, {
10573
- store: store$j,
10664
+ store: store$k,
10574
10665
  key: i
10575
10666
  });
10576
10667
  }
10577
10668
  }) : /*#__PURE__*/React__default.cloneElement(children, {
10578
- store: store$j
10669
+ store: store$k
10579
10670
  })));
10580
10671
  };
10581
10672
 
@@ -10833,7 +10924,7 @@ const LoginButton = ({
10833
10924
  buttonDisabled
10834
10925
  },
10835
10926
  dispatch
10836
- } = useContext(store$j);
10927
+ } = useContext(store$k);
10837
10928
  const {
10838
10929
  t
10839
10930
  } = useTranslation("login");
@@ -10891,11 +10982,11 @@ const LoginRequestLoginToken = ({
10891
10982
  };
10892
10983
 
10893
10984
  const LoginEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
10894
- store: store$j
10985
+ store: store$k
10895
10986
  }, props));
10896
10987
 
10897
10988
  const LoginPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
10898
- store: store$j
10989
+ store: store$k
10899
10990
  }, props));
10900
10991
 
10901
10992
  var _path$q;
@@ -10972,7 +11063,7 @@ var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
10972
11063
  var FacebookLogin = unwrapExports(facebookLoginRenderProps);
10973
11064
  facebookLoginRenderProps.FacebookLogin;
10974
11065
 
10975
- const initialState$i = {
11066
+ const initialState$j = {
10976
11067
  email: "",
10977
11068
  password: "",
10978
11069
  emailError: null,
@@ -10989,10 +11080,10 @@ const initialState$i = {
10989
11080
  content: ""
10990
11081
  }
10991
11082
  };
10992
- const store$i = /*#__PURE__*/createContext(initialState$i);
11083
+ const store$j = /*#__PURE__*/createContext(initialState$j);
10993
11084
  const {
10994
- Provider: Provider$i
10995
- } = store$i;
11085
+ Provider: Provider$j
11086
+ } = store$j;
10996
11087
 
10997
11088
  const RegisterContainer = ({
10998
11089
  style,
@@ -11175,7 +11266,7 @@ const RegisterContainer = ({
11175
11266
  });
11176
11267
 
11177
11268
  case RESET_LOGIN_FORM:
11178
- return initialState$i;
11269
+ return initialState$j;
11179
11270
 
11180
11271
  case DISABLE_REGISTRATION_BUTTON:
11181
11272
  return lib_7({ ...state,
@@ -11193,12 +11284,12 @@ const RegisterContainer = ({
11193
11284
  default:
11194
11285
  return state;
11195
11286
  }
11196
- }, initialState$i);
11287
+ }, initialState$j);
11197
11288
  return /*#__PURE__*/React__default.createElement("div", {
11198
11289
  style: { ...style
11199
11290
  },
11200
11291
  className: `pelcro-container pelcro-register-container ${className}`
11201
- }, /*#__PURE__*/React__default.createElement(Provider$i, {
11292
+ }, /*#__PURE__*/React__default.createElement(Provider$j, {
11202
11293
  value: {
11203
11294
  state,
11204
11295
  dispatch
@@ -11206,12 +11297,12 @@ const RegisterContainer = ({
11206
11297
  }, children.length ? children.map((child, i) => {
11207
11298
  if (child) {
11208
11299
  return /*#__PURE__*/React__default.cloneElement(child, {
11209
- store: store$i,
11300
+ store: store$j,
11210
11301
  key: i
11211
11302
  });
11212
11303
  }
11213
11304
  }) : /*#__PURE__*/React__default.cloneElement(children, {
11214
- store: store$i
11305
+ store: store$j
11215
11306
  })));
11216
11307
  };
11217
11308
  /**
@@ -11251,10 +11342,10 @@ const FacebookLoginButton = ({
11251
11342
  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;
11252
11343
  const {
11253
11344
  dispatch: loginDispatch
11254
- } = useContext(store$j);
11345
+ } = useContext(store$k);
11255
11346
  const {
11256
11347
  dispatch: registerDispatch
11257
- } = useContext(store$i);
11348
+ } = useContext(store$j);
11258
11349
 
11259
11350
  const onSuccess = facebookUser => {
11260
11351
  loginDispatch === null || loginDispatch === void 0 ? void 0 : loginDispatch({
@@ -11341,10 +11432,10 @@ const GoogleLoginButton = ({
11341
11432
  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;
11342
11433
  const {
11343
11434
  dispatch: loginDispatch
11344
- } = useContext(store$j);
11435
+ } = useContext(store$k);
11345
11436
  const {
11346
11437
  dispatch: registerDispatch
11347
- } = useContext(store$i);
11438
+ } = useContext(store$j);
11348
11439
 
11349
11440
  const onSuccess = response => {
11350
11441
  var _response$getAuthResp, _profile$getEmail, _profile$getGivenName, _profile$getFamilyNam, _profile$getEmail2, _profile$getGivenName2, _profile$getFamilyNam2;
@@ -11440,10 +11531,10 @@ const Auth0LoginButton = ({
11440
11531
  }, [auth0Enabled, auth0Loaded]);
11441
11532
  const {
11442
11533
  dispatch: loginDispatch
11443
- } = useContext(store$j);
11534
+ } = useContext(store$k);
11444
11535
  const {
11445
11536
  dispatch: registerDispatch
11446
- } = useContext(store$i);
11537
+ } = useContext(store$j);
11447
11538
 
11448
11539
  function handleClick() {
11449
11540
  var _auth0InstanceRef$cur, _auth0InstanceRef$cur2, _auth0InstanceRef$cur3;
@@ -11740,11 +11831,11 @@ function LoginModal({
11740
11831
  LoginModal.viewId = "login";
11741
11832
 
11742
11833
  const RegisterEmail = props => /*#__PURE__*/React__default.createElement(Email, Object.assign({
11743
- store: store$i
11834
+ store: store$j
11744
11835
  }, props));
11745
11836
 
11746
11837
  const RegisterPassword = props => /*#__PURE__*/React__default.createElement(Password, Object.assign({
11747
- store: store$i
11838
+ store: store$j
11748
11839
  }, props));
11749
11840
 
11750
11841
  const RegisterButton = ({
@@ -11764,7 +11855,7 @@ const RegisterButton = ({
11764
11855
  buttonDisabled
11765
11856
  },
11766
11857
  dispatch
11767
- } = useContext(store$i);
11858
+ } = useContext(store$j);
11768
11859
  const {
11769
11860
  t
11770
11861
  } = useTranslation("register");
@@ -11902,7 +11993,7 @@ function FirstName({
11902
11993
  }
11903
11994
 
11904
11995
  const RegisterFirstName = props => /*#__PURE__*/React__default.createElement(FirstName, Object.assign({
11905
- store: store$i
11996
+ store: store$j
11906
11997
  }, props));
11907
11998
 
11908
11999
  function LastName({
@@ -11933,7 +12024,7 @@ function LastName({
11933
12024
  }
11934
12025
 
11935
12026
  const RegisterLastName = props => /*#__PURE__*/React__default.createElement(LastName, Object.assign({
11936
- store: store$i
12027
+ store: store$j
11937
12028
  }, props));
11938
12029
 
11939
12030
  /**
@@ -12057,7 +12148,7 @@ function TextInput({
12057
12148
 
12058
12149
  const RegisterTextInput = props => {
12059
12150
  return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
12060
- store: store$i
12151
+ store: store$j
12061
12152
  }));
12062
12153
  };
12063
12154
 
@@ -14401,7 +14492,7 @@ class VantivGateway {
14401
14492
 
14402
14493
  /** @type {PaymentStateType} */
14403
14494
 
14404
- const initialState$h = {
14495
+ const initialState$i = {
14405
14496
  disableSubmit: false,
14406
14497
  isLoading: false,
14407
14498
  disableCouponButton: false,
@@ -14420,10 +14511,10 @@ const initialState$h = {
14420
14511
  content: ""
14421
14512
  }
14422
14513
  };
14423
- const store$h = /*#__PURE__*/createContext(initialState$h);
14514
+ const store$i = /*#__PURE__*/createContext(initialState$i);
14424
14515
  const {
14425
- Provider: Provider$h
14426
- } = store$h;
14516
+ Provider: Provider$i
14517
+ } = store$i;
14427
14518
 
14428
14519
  const PaymentMethodContainerWithoutStripe = ({
14429
14520
  style,
@@ -15675,21 +15766,21 @@ const PaymentMethodContainerWithoutStripe = ({
15675
15766
  default:
15676
15767
  return state;
15677
15768
  }
15678
- }, initialState$h);
15769
+ }, initialState$i);
15679
15770
  return /*#__PURE__*/React__default.createElement("div", {
15680
15771
  style: { ...style
15681
15772
  },
15682
15773
  className: `pelcro-container pelcro-payment-container ${className}`
15683
- }, /*#__PURE__*/React__default.createElement(Provider$h, {
15774
+ }, /*#__PURE__*/React__default.createElement(Provider$i, {
15684
15775
  value: {
15685
15776
  state,
15686
15777
  dispatch
15687
15778
  }
15688
15779
  }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
15689
- store: store$h,
15780
+ store: store$i,
15690
15781
  key: i
15691
15782
  })) : /*#__PURE__*/React__default.cloneElement(children, {
15692
- store: store$h
15783
+ store: store$i
15693
15784
  })));
15694
15785
  };
15695
15786
 
@@ -15711,7 +15802,7 @@ const PaymentMethodContainer = props => {
15711
15802
  stripeAccount: window.Pelcro.site.read().account_id,
15712
15803
  locale: getPageOrDefaultLanguage()
15713
15804
  }, /*#__PURE__*/React__default.createElement(es_11, null, /*#__PURE__*/React__default.createElement(UnwrappedForm, Object.assign({
15714
- store: store$h
15805
+ store: store$i
15715
15806
  }, props))));
15716
15807
  }
15717
15808
 
@@ -15764,7 +15855,7 @@ const PelcroPaymentRequestButton = props => {
15764
15855
  currentPlan,
15765
15856
  updatedPrice
15766
15857
  }
15767
- } = useContext(store$h);
15858
+ } = useContext(store$i);
15768
15859
 
15769
15860
  const updatePaymentRequest = () => {
15770
15861
  // Make sure payment request is up to date, eg. user added a coupon code.
@@ -15840,7 +15931,7 @@ const DiscountedPrice = props => {
15840
15931
  taxAmount,
15841
15932
  percentOff
15842
15933
  }
15843
- } = useContext(store$h);
15934
+ } = useContext(store$i);
15844
15935
  const {
15845
15936
  order,
15846
15937
  plan
@@ -15890,7 +15981,7 @@ const SubmitPaymentMethod = ({
15890
15981
  isLoading,
15891
15982
  updatedPrice
15892
15983
  }
15893
- } = useContext(store$h);
15984
+ } = useContext(store$i);
15894
15985
  const planQuantity = (_plan$quantity = plan === null || plan === void 0 ? void 0 : plan.quantity) !== null && _plan$quantity !== void 0 ? _plan$quantity : 1;
15895
15986
  const price = updatedPrice !== null && updatedPrice !== void 0 ? updatedPrice : plan === null || plan === void 0 ? void 0 : plan.amount;
15896
15987
  const priceFormatted = getFormattedPriceByLocal(price * planQuantity, plan === null || plan === void 0 ? void 0 : plan.currency, getPageOrDefaultLanguage());
@@ -15940,7 +16031,7 @@ const ApplyCouponButton = ({
15940
16031
  disableCouponButton
15941
16032
  },
15942
16033
  dispatch
15943
- } = useContext(store$h);
16034
+ } = useContext(store$i);
15944
16035
  const {
15945
16036
  t
15946
16037
  } = useTranslation("checkoutForm");
@@ -15974,7 +16065,7 @@ const CouponCodeField = props => {
15974
16065
  couponCode,
15975
16066
  couponError
15976
16067
  }
15977
- } = useContext(store$h);
16068
+ } = useContext(store$i);
15978
16069
 
15979
16070
  const onCouponCodeChange = e => {
15980
16071
  dispatch({
@@ -16030,7 +16121,7 @@ const CouponCode = ({
16030
16121
  state: {
16031
16122
  enableCouponField
16032
16123
  }
16033
- } = useContext(store$h);
16124
+ } = useContext(store$i);
16034
16125
  const {
16035
16126
  t
16036
16127
  } = useTranslation("checkoutForm");
@@ -16287,7 +16378,7 @@ const PaypalSubscribeButton = props => {
16287
16378
  const {
16288
16379
  dispatch,
16289
16380
  state
16290
- } = useContext(store$h);
16381
+ } = useContext(store$i);
16291
16382
  const {
16292
16383
  product,
16293
16384
  plan,
@@ -16420,7 +16511,7 @@ const SelectedPaymentMethod = () => {
16420
16511
  state: {
16421
16512
  isLoading
16422
16513
  }
16423
- } = useContext(store$h);
16514
+ } = useContext(store$i);
16424
16515
  const {
16425
16516
  switchView,
16426
16517
  selectedPaymentMethodId
@@ -16462,7 +16553,7 @@ const TaxAmount = () => {
16462
16553
  state: {
16463
16554
  taxAmount
16464
16555
  }
16465
- } = useContext(store$h);
16556
+ } = useContext(store$i);
16466
16557
  const {
16467
16558
  plan
16468
16559
  } = usePelcro();
@@ -16560,78 +16651,429 @@ const SubscriptionRenewView = ({
16560
16651
  }, autoRenewed ? "/" : t("labels.for"), " ", intervalText));
16561
16652
  };
16562
16653
 
16563
- return /*#__PURE__*/React__default.createElement("div", {
16564
- id: "pelcro-subscription-renew-view"
16565
- }, /*#__PURE__*/React__default.createElement("div", {
16566
- className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
16567
- }, /*#__PURE__*/React__default.createElement("h4", {
16568
- className: "plc-text-2xl plc-font-semibold "
16569
- }, (_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.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.createElement("div", {
16570
- 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"
16571
- }, plan && getPricingText(plan))), /*#__PURE__*/React__default.createElement(PaymentMethodView, {
16572
- type: "createPayment",
16573
- showCoupon: true,
16574
- showExternalPaymentMethods: false,
16575
- onSuccess: onSuccess,
16576
- onGiftRenewalSuccess: onGiftRenewalSuccess,
16577
- onFailure: onFailure
16578
- }));
16654
+ return /*#__PURE__*/React__default.createElement("div", {
16655
+ id: "pelcro-subscription-renew-view"
16656
+ }, /*#__PURE__*/React__default.createElement("div", {
16657
+ className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
16658
+ }, /*#__PURE__*/React__default.createElement("h4", {
16659
+ className: "plc-text-2xl plc-font-semibold "
16660
+ }, (_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.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.createElement("div", {
16661
+ 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"
16662
+ }, plan && getPricingText(plan))), /*#__PURE__*/React__default.createElement(PaymentMethodView, {
16663
+ type: "createPayment",
16664
+ showCoupon: true,
16665
+ showExternalPaymentMethods: false,
16666
+ onSuccess: onSuccess,
16667
+ onGiftRenewalSuccess: onGiftRenewalSuccess,
16668
+ onFailure: onFailure
16669
+ }));
16670
+ };
16671
+
16672
+ /**
16673
+ *
16674
+ */
16675
+
16676
+ function SubscriptionRenewModal({
16677
+ onDisplay,
16678
+ onClose,
16679
+ ...otherProps
16680
+ }) {
16681
+ const {
16682
+ switchView
16683
+ } = usePelcro();
16684
+
16685
+ const onSuccess = res => {
16686
+ var _otherProps$onSuccess, _ReactGA$event;
16687
+
16688
+ (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
16689
+ ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
16690
+ category: "ACTIONS",
16691
+ action: "Renewed",
16692
+ nonInteraction: true
16693
+ });
16694
+ return switchView("subscription-success");
16695
+ };
16696
+
16697
+ const onGiftRenewalSuccess = () => {
16698
+ var _otherProps$onGiftRen, _ReactGA$event2;
16699
+
16700
+ (_otherProps$onGiftRen = otherProps.onGiftRenewalSuccess) === null || _otherProps$onGiftRen === void 0 ? void 0 : _otherProps$onGiftRen.call(otherProps);
16701
+ ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
16702
+ category: "ACTIONS",
16703
+ action: "Renewed Gift",
16704
+ nonInteraction: true
16705
+ });
16706
+ return switchView("subscription-success");
16707
+ };
16708
+
16709
+ return /*#__PURE__*/React__default.createElement(Modal, {
16710
+ id: "pelcro-subscription-renew-modal",
16711
+ onDisplay: onDisplay,
16712
+ onClose: onClose
16713
+ }, /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(SubscriptionRenewView, Object.assign({}, otherProps, {
16714
+ onSuccess: onSuccess,
16715
+ onGiftRenewalSuccess: onGiftRenewalSuccess
16716
+ }))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement(Authorship, null)));
16717
+ }
16718
+ SubscriptionRenewModal.viewId = "subscription-renew";
16719
+
16720
+ const initialState$h = {
16721
+ cancelationReason: ""
16722
+ };
16723
+ const store$h = /*#__PURE__*/createContext(initialState$h);
16724
+ const {
16725
+ Provider: Provider$h
16726
+ } = store$h;
16727
+
16728
+ const SubscriptionCancelContainer = ({
16729
+ style,
16730
+ className = "",
16731
+ onSuccess = () => {},
16732
+ onFailure = () => {},
16733
+ children,
16734
+ ...props
16735
+ }) => {
16736
+ useTranslation("verifyEmail");
16737
+ const [state, dispatch] = useReducerWithSideEffects((state, action) => {
16738
+ switch (action.type) {
16739
+ case SET_CANCEL_SUBSCRIPTION_REASON:
16740
+ return lib_7({ ...state,
16741
+ cancelationReason: action.payload
16742
+ });
16743
+
16744
+ default:
16745
+ return state;
16746
+ }
16747
+ }, initialState$h);
16748
+ return /*#__PURE__*/React__default.createElement("div", {
16749
+ style: { ...style
16750
+ },
16751
+ className: `pelcro-container pelcro-subscription-cancel-container ${className}`
16752
+ }, /*#__PURE__*/React__default.createElement(Provider$h, {
16753
+ value: {
16754
+ state,
16755
+ dispatch
16756
+ }
16757
+ }, children.length ? children.map((child, i) => /*#__PURE__*/React__default.cloneElement(child, {
16758
+ store: store$h,
16759
+ key: i
16760
+ })) : /*#__PURE__*/React__default.cloneElement(children, {
16761
+ store: store$h
16762
+ })));
16763
+ };
16764
+
16765
+ var _path$i;
16766
+
16767
+ 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); }
16768
+
16769
+ function SvgInfoCircle(props) {
16770
+ return /*#__PURE__*/React.createElement("svg", _extends$k({
16771
+ xmlns: "http://www.w3.org/2000/svg",
16772
+ className: "plc-w-5 plc-h-5",
16773
+ fill: "none",
16774
+ viewBox: "0 0 24 24",
16775
+ stroke: "currentColor"
16776
+ }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
16777
+ strokeLinecap: "round",
16778
+ strokeLinejoin: "round",
16779
+ strokeWidth: 2,
16780
+ d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
16781
+ })));
16782
+ }
16783
+
16784
+ /**
16785
+ *
16786
+ */
16787
+
16788
+ const Tooltip = ({
16789
+ value,
16790
+ className
16791
+ }) => {
16792
+ return /*#__PURE__*/React__default.createElement("div", {
16793
+ className: `plc-flex pelcro-tooltip-container plc-text-gray-600 ${className}`
16794
+ }, /*#__PURE__*/React__default.createElement("div", {
16795
+ className: "pelcro-tooltip-icon"
16796
+ }, /*#__PURE__*/React__default.createElement(SvgInfoCircle, null)), /*#__PURE__*/React__default.createElement("div", {
16797
+ className: "plc-p-1 plc--mt-8 plc-text-sm plc-bg-gray-100 plc-border plc-rounded-md plc-shadow-lg pelcro-tooltip"
16798
+ }, value));
16799
+ };
16800
+
16801
+ /**
16802
+ *
16803
+ */
16804
+
16805
+ function TextArea({
16806
+ label = "",
16807
+ tooltipText,
16808
+ required,
16809
+ id,
16810
+ errorId,
16811
+ error,
16812
+ className = "",
16813
+ labelClassName = "",
16814
+ errorClassName = "",
16815
+ wrapperClassName = "",
16816
+ ...otherProps
16817
+ }) {
16818
+ return /*#__PURE__*/React__default.createElement("div", {
16819
+ className: `pelcro-input-wrapper ${wrapperClassName}`
16820
+ }, /*#__PURE__*/React__default.createElement("label", {
16821
+ htmlFor: id,
16822
+ className: `pelcro-input-label plc-flex plc-items-center ${labelClassName}`
16823
+ }, `${label}${required ? "*" : ""}`, tooltipText && /*#__PURE__*/React__default.createElement(Tooltip, {
16824
+ value: tooltipText,
16825
+ className: "plc-ml-1"
16826
+ })), /*#__PURE__*/React__default.createElement("textarea", Object.assign({
16827
+ type: "text",
16828
+ id: id,
16829
+ className: `pelcro-input-field ${className} ${error ? "pelcro-input-invalid" : ""}`,
16830
+ "aria-describedby": errorId,
16831
+ "aria-invalid": Boolean(error)
16832
+ }, otherProps)), error && /*#__PURE__*/React__default.createElement("p", {
16833
+ id: errorId,
16834
+ "aria-live": "assertive",
16835
+ className: `pelcro-input-error ${errorClassName}`
16836
+ }, error));
16837
+ }
16838
+
16839
+ const SubscriptionCancelReason = props => {
16840
+ const {
16841
+ t
16842
+ } = useTranslation("subscriptionCancel");
16843
+ const {
16844
+ dispatch,
16845
+ state
16846
+ } = useContext(store$h);
16847
+
16848
+ const handleOnTextAreaBlur = e => {
16849
+ dispatch({
16850
+ type: SET_CANCEL_SUBSCRIPTION_REASON,
16851
+ payload: e.target.value.trim()
16852
+ });
16853
+ };
16854
+
16855
+ return /*#__PURE__*/React__default.createElement(TextArea, Object.assign({
16856
+ label: t("labels.cancelReason"),
16857
+ onBlur: e => handleOnTextAreaBlur(e)
16858
+ }, props));
16859
+ };
16860
+
16861
+ var _switch;
16862
+
16863
+ 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); }
16864
+
16865
+ function SvgSubscription(props) {
16866
+ return /*#__PURE__*/React.createElement("svg", _extends$j({
16867
+ xmlns: "http://www.w3.org/2000/svg",
16868
+ viewBox: "0 0 100 125",
16869
+ fill: "currentColor"
16870
+ }, props), _switch || (_switch = /*#__PURE__*/React.createElement("switch", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
16871
+ 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"
16872
+ }), /*#__PURE__*/React.createElement("path", {
16873
+ 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"
16874
+ }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
16875
+ 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"
16876
+ }), /*#__PURE__*/React.createElement("path", {
16877
+ 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"
16878
+ }))))));
16879
+ }
16880
+
16881
+ const SubscriptionCancelNowButton = ({
16882
+ subscription,
16883
+ onClick,
16884
+ className
16885
+ }) => {
16886
+ const {
16887
+ switchView
16888
+ } = usePelcro();
16889
+ const {
16890
+ state: {
16891
+ cancelationReason
16892
+ },
16893
+ dispatch
16894
+ } = useContext(store$h);
16895
+ const {
16896
+ t
16897
+ } = useTranslation("subscriptionCancel");
16898
+
16899
+ const cancelSubscription = (payload, onSuccess, onFailure) => {
16900
+ window.Pelcro.subscription.cancel({
16901
+ auth_token: window.Pelcro.user.read().auth_token,
16902
+ subscription_id: payload.subscription_id,
16903
+ mode: payload.mode,
16904
+ ...(payload.reason && {
16905
+ reason: payload.reason
16906
+ })
16907
+ }, (err, res) => {
16908
+ var _ReactGA$event;
16909
+
16910
+ if (err) {
16911
+ return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
16912
+ }
16913
+
16914
+ ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
16915
+ category: "ACTIONS",
16916
+ action: "Canceled",
16917
+ nonInteraction: true
16918
+ });
16919
+ onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
16920
+ });
16921
+ };
16922
+
16923
+ const handleCancelNowClick = () => {
16924
+ const payload = {
16925
+ subscription_id: subscription.id,
16926
+ mode: "now",
16927
+ ...(cancelationReason && {
16928
+ reason: cancelationReason
16929
+ })
16930
+ };
16931
+ onClick === null || onClick === void 0 ? void 0 : onClick(); //Close the modal
16932
+
16933
+ switchView(null); //Show confirmation alert after closing the modal
16934
+
16935
+ notify.confirm((onSuccess, onFailure) => {
16936
+ cancelSubscription(payload, onSuccess, onFailure);
16937
+ }, {
16938
+ confirmMessage: t("messages.subCancellation.isSureToCancelNow"),
16939
+ loadingMessage: t("messages.subCancellation.loading"),
16940
+ successMessage: t("messages.subCancellation.success"),
16941
+ errorMessage: t("messages.subCancellation.error")
16942
+ }, {
16943
+ closeButtonLabel: t("labels.subCancellation.goBack")
16944
+ });
16945
+ };
16946
+
16947
+ return /*#__PURE__*/React__default.createElement(Button, {
16948
+ onClick: handleCancelNowClick,
16949
+ className: `${className}`
16950
+ }, t("messages.cancelNow"));
16579
16951
  };
16580
16952
 
16581
- /**
16582
- *
16583
- */
16584
-
16585
- function SubscriptionRenewModal({
16586
- onDisplay,
16587
- onClose,
16588
- ...otherProps
16589
- }) {
16953
+ const SubscriptionCancelLaterButton = ({
16954
+ subscription,
16955
+ onClick,
16956
+ className
16957
+ }) => {
16590
16958
  const {
16591
16959
  switchView
16592
16960
  } = usePelcro();
16961
+ const {
16962
+ state: {
16963
+ cancelationReason
16964
+ },
16965
+ dispatch
16966
+ } = useContext(store$h);
16967
+ const {
16968
+ t
16969
+ } = useTranslation("subscriptionCancel");
16593
16970
 
16594
- const onSuccess = res => {
16595
- var _otherProps$onSuccess, _ReactGA$event;
16971
+ const cancelSubscription = (payload, onSuccess, onFailure) => {
16972
+ window.Pelcro.subscription.cancel({
16973
+ auth_token: window.Pelcro.user.read().auth_token,
16974
+ subscription_id: payload.subscription_id,
16975
+ mode: payload.mode,
16976
+ ...(payload.reason && {
16977
+ reason: payload.reason
16978
+ })
16979
+ }, (err, res) => {
16980
+ var _ReactGA$event;
16596
16981
 
16597
- (_otherProps$onSuccess = otherProps.onSuccess) === null || _otherProps$onSuccess === void 0 ? void 0 : _otherProps$onSuccess.call(otherProps, res);
16598
- ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
16599
- category: "ACTIONS",
16600
- action: "Renewed",
16601
- nonInteraction: true
16982
+ if (err) {
16983
+ return onFailure === null || onFailure === void 0 ? void 0 : onFailure(err);
16984
+ }
16985
+
16986
+ ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event = ReactGA.event) === null || _ReactGA$event === void 0 ? void 0 : _ReactGA$event.call(ReactGA, {
16987
+ category: "ACTIONS",
16988
+ action: "Canceled",
16989
+ nonInteraction: true
16990
+ });
16991
+ onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(res);
16602
16992
  });
16603
- return switchView("subscription-success");
16604
16993
  };
16605
16994
 
16606
- const onGiftRenewalSuccess = () => {
16607
- var _otherProps$onGiftRen, _ReactGA$event2;
16995
+ const handleCancelNowClick = () => {
16996
+ const payload = {
16997
+ subscription_id: subscription.id,
16998
+ mode: "now",
16999
+ ...(cancelationReason && {
17000
+ reason: cancelationReason
17001
+ })
17002
+ };
17003
+ onClick === null || onClick === void 0 ? void 0 : onClick(); //Close the modal
16608
17004
 
16609
- (_otherProps$onGiftRen = otherProps.onGiftRenewalSuccess) === null || _otherProps$onGiftRen === void 0 ? void 0 : _otherProps$onGiftRen.call(otherProps);
16610
- ReactGA === null || ReactGA === void 0 ? void 0 : (_ReactGA$event2 = ReactGA.event) === null || _ReactGA$event2 === void 0 ? void 0 : _ReactGA$event2.call(ReactGA, {
16611
- category: "ACTIONS",
16612
- action: "Renewed Gift",
16613
- nonInteraction: true
17005
+ switchView(null); //Show confirmation alert after closing the modal
17006
+
17007
+ notify.confirm((onSuccess, onFailure) => {
17008
+ cancelSubscription(payload, onSuccess, onFailure);
17009
+ }, {
17010
+ confirmMessage: t("messages.subCancellation.isSureToCancel"),
17011
+ loadingMessage: t("messages.subCancellation.loading"),
17012
+ successMessage: t("messages.subCancellation.success"),
17013
+ errorMessage: t("messages.subCancellation.error")
17014
+ }, {
17015
+ closeButtonLabel: t("labels.subCancellation.goBack")
16614
17016
  });
16615
- return switchView("subscription-success");
16616
17017
  };
16617
17018
 
17019
+ return /*#__PURE__*/React__default.createElement(Button, {
17020
+ onClick: handleCancelNowClick,
17021
+ className: `${className}`
17022
+ }, t("messages.cancelLater"));
17023
+ };
17024
+
17025
+ const SubscriptionCancelView = props => {
17026
+ const {
17027
+ subscriptionToCancel
17028
+ } = usePelcro();
17029
+ const {
17030
+ t
17031
+ } = useTranslation("subscriptionCancel");
17032
+ return /*#__PURE__*/React__default.createElement("div", {
17033
+ id: "pelcro-subscription-cancel-view"
17034
+ }, /*#__PURE__*/React__default.createElement("div", {
17035
+ className: "plc-mb-6 plc-text-center plc-text-gray-900 pelcro-title-wrapper"
17036
+ }, /*#__PURE__*/React__default.createElement("h4", {
17037
+ className: "plc-text-2xl plc-font-semibold"
17038
+ }, t("labels.title"), /*#__PURE__*/React__default.createElement("span", {
17039
+ className: "plc-text-gray-400 plc-text-base plc-block"
17040
+ }, "(", subscriptionToCancel.plan.nickname, ")"))), /*#__PURE__*/React__default.createElement(SubscriptionCancelContainer, props, /*#__PURE__*/React__default.createElement("div", {
17041
+ className: "plc-flex plc-flex-col plc-items-center plc-justify-center plc-mt-4"
17042
+ }, /*#__PURE__*/React__default.createElement(SvgSubscription, {
17043
+ className: "plc-w-32 plc-h-32"
17044
+ }), /*#__PURE__*/React__default.createElement("p", {
17045
+ className: "plc-mb-3 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
17046
+ }, t("messages.subscriptionEnd"), " ", new Date(subscriptionToCancel === null || subscriptionToCancel === void 0 ? void 0 : subscriptionToCancel.current_period_end).toLocaleDateString('en-CA', {
17047
+ year: "numeric",
17048
+ month: "short",
17049
+ day: "numeric"
17050
+ }), "."), /*#__PURE__*/React__default.createElement(SubscriptionCancelReason, null), /*#__PURE__*/React__default.createElement(SubscriptionCancelNowButton, {
17051
+ className: "plc-mb-2",
17052
+ subscription: subscriptionToCancel
17053
+ }), /*#__PURE__*/React__default.createElement(SubscriptionCancelLaterButton, {
17054
+ subscription: subscriptionToCancel
17055
+ }))));
17056
+ };
17057
+
17058
+ const SubscriptionCancelModal = ({
17059
+ onDisplay,
17060
+ onClose,
17061
+ ...otherProps
17062
+ }) => {
16618
17063
  return /*#__PURE__*/React__default.createElement(Modal, {
16619
- id: "pelcro-subscription-renew-modal",
16620
17064
  onDisplay: onDisplay,
16621
- onClose: onClose
16622
- }, /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(SubscriptionRenewView, Object.assign({}, otherProps, {
16623
- onSuccess: onSuccess,
16624
- onGiftRenewalSuccess: onGiftRenewalSuccess
16625
- }))), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement(Authorship, null)));
16626
- }
16627
- SubscriptionRenewModal.viewId = "subscription-renew";
17065
+ onClose: onClose,
17066
+ id: "pelcro-subscription-cancel-modal"
17067
+ }, /*#__PURE__*/React__default.createElement(ModalBody, null, /*#__PURE__*/React__default.createElement(SubscriptionCancelView, otherProps)), /*#__PURE__*/React__default.createElement(ModalFooter, null, /*#__PURE__*/React__default.createElement(Authorship, null)));
17068
+ };
17069
+ SubscriptionCancelModal.viewId = "subscription-cancel";
16628
17070
 
16629
- var _path$i;
17071
+ var _path$h;
16630
17072
 
16631
- 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); }
17073
+ 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); }
16632
17074
 
16633
17075
  function SvgGift(props) {
16634
- return /*#__PURE__*/React.createElement("svg", _extends$k({
17076
+ return /*#__PURE__*/React.createElement("svg", _extends$i({
16635
17077
  className: "plc-w-6 plc-h-6 plc-mr-2",
16636
17078
  fill: "none",
16637
17079
  stroke: "currentColor",
@@ -16640,7 +17082,7 @@ function SvgGift(props) {
16640
17082
  strokeWidth: 2,
16641
17083
  viewBox: "0 0 24 24",
16642
17084
  xmlns: "http://www.w3.org/2000/svg"
16643
- }, props), _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
17085
+ }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
16644
17086
  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"
16645
17087
  })));
16646
17088
  }
@@ -17595,17 +18037,17 @@ const UserUpdateContainer = ({
17595
18037
  })));
17596
18038
  };
17597
18039
 
17598
- var _path$h;
18040
+ var _path$g;
17599
18041
 
17600
- 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); }
18042
+ 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); }
17601
18043
 
17602
18044
  function SvgEdit(props) {
17603
- return /*#__PURE__*/React.createElement("svg", _extends$j({
18045
+ return /*#__PURE__*/React.createElement("svg", _extends$h({
17604
18046
  className: "plc-w-6 plc-h-6",
17605
18047
  xmlns: "http://www.w3.org/2000/svg",
17606
18048
  viewBox: "0 0 20 20",
17607
18049
  fill: "currentColor"
17608
- }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
18050
+ }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
17609
18051
  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"
17610
18052
  })));
17611
18053
  }
@@ -21014,42 +21456,6 @@ const GiftCreateLastName = props => /*#__PURE__*/React__default.createElement(La
21014
21456
  store: store$7
21015
21457
  }, props));
21016
21458
 
21017
- var _path$g;
21018
-
21019
- 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); }
21020
-
21021
- function SvgInfoCircle(props) {
21022
- return /*#__PURE__*/React.createElement("svg", _extends$i({
21023
- xmlns: "http://www.w3.org/2000/svg",
21024
- className: "plc-w-5 plc-h-5",
21025
- fill: "none",
21026
- viewBox: "0 0 24 24",
21027
- stroke: "currentColor"
21028
- }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
21029
- strokeLinecap: "round",
21030
- strokeLinejoin: "round",
21031
- strokeWidth: 2,
21032
- d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
21033
- })));
21034
- }
21035
-
21036
- /**
21037
- *
21038
- */
21039
-
21040
- const Tooltip = ({
21041
- value,
21042
- className
21043
- }) => {
21044
- return /*#__PURE__*/React__default.createElement("div", {
21045
- className: `plc-flex pelcro-tooltip-container plc-text-gray-600 ${className}`
21046
- }, /*#__PURE__*/React__default.createElement("div", {
21047
- className: "pelcro-tooltip-icon"
21048
- }, /*#__PURE__*/React__default.createElement(SvgInfoCircle, null)), /*#__PURE__*/React__default.createElement("div", {
21049
- className: "plc-p-1 plc--mt-8 plc-text-sm plc-bg-gray-100 plc-border plc-rounded-md plc-shadow-lg pelcro-tooltip"
21050
- }, value));
21051
- };
21052
-
21053
21459
  function DatePicker({
21054
21460
  label = "",
21055
21461
  tooltipText,
@@ -21118,44 +21524,6 @@ const GiftCreateStartDate = props => {
21118
21524
  }, props));
21119
21525
  };
21120
21526
 
21121
- /**
21122
- *
21123
- */
21124
-
21125
- function TextArea({
21126
- label = "",
21127
- tooltipText,
21128
- required,
21129
- id,
21130
- errorId,
21131
- error,
21132
- className = "",
21133
- labelClassName = "",
21134
- errorClassName = "",
21135
- wrapperClassName = "",
21136
- ...otherProps
21137
- }) {
21138
- return /*#__PURE__*/React__default.createElement("div", {
21139
- className: `pelcro-input-wrapper ${wrapperClassName}`
21140
- }, /*#__PURE__*/React__default.createElement("label", {
21141
- htmlFor: id,
21142
- className: `pelcro-input-label plc-flex plc-items-center ${labelClassName}`
21143
- }, `${label}${required ? "*" : ""}`, tooltipText && /*#__PURE__*/React__default.createElement(Tooltip, {
21144
- value: tooltipText,
21145
- className: "plc-ml-1"
21146
- })), /*#__PURE__*/React__default.createElement("textarea", Object.assign({
21147
- type: "text",
21148
- id: id,
21149
- className: `pelcro-input-field ${className} ${error ? "pelcro-input-invalid" : ""}`,
21150
- "aria-describedby": errorId,
21151
- "aria-invalid": Boolean(error)
21152
- }, otherProps)), error && /*#__PURE__*/React__default.createElement("p", {
21153
- id: errorId,
21154
- "aria-live": "assertive",
21155
- className: `pelcro-input-error ${errorClassName}`
21156
- }, error));
21157
- }
21158
-
21159
21527
  /**
21160
21528
  *
21161
21529
  */
@@ -22037,8 +22405,8 @@ const PaymentMethodSelectModal = ({
22037
22405
  };
22038
22406
  PaymentMethodSelectModal.viewId = "payment-method-select";
22039
22407
 
22040
- function _extends$h() {
22041
- _extends$h = Object.assign || function (target) {
22408
+ function _extends$g() {
22409
+ _extends$g = Object.assign || function (target) {
22042
22410
  for (var i = 1; i < arguments.length; i++) {
22043
22411
  var source = arguments[i];
22044
22412
 
@@ -22052,7 +22420,7 @@ function _extends$h() {
22052
22420
  return target;
22053
22421
  };
22054
22422
 
22055
- return _extends$h.apply(this, arguments);
22423
+ return _extends$g.apply(this, arguments);
22056
22424
  }
22057
22425
 
22058
22426
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -22236,7 +22604,7 @@ function render(props, propsBag, defaultTag, features, visible) {
22236
22604
  return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function () {
22237
22605
  return null;
22238
22606
  }, _match[RenderStrategy.Hidden] = function () {
22239
- return _render(_extends$h({}, _rest, {
22607
+ return _render(_extends$g({}, _rest, {
22240
22608
  hidden: true,
22241
22609
  style: {
22242
22610
  display: 'none'
@@ -22764,7 +23132,7 @@ function TransitionChild(props) {
22764
23132
  var passthroughProps = rest;
22765
23133
  return React__default.createElement(NestingContext.Provider, {
22766
23134
  value: nesting
22767
- }, render(_extends$h({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
23135
+ }, render(_extends$g({}, passthroughProps, propsWeControl), propsBag, DEFAULT_TRANSITION_CHILD_TAG, TransitionChildRenderFeatures, state === TreeStates.Visible));
22768
23136
  }
22769
23137
 
22770
23138
  function Transition(props) {
@@ -22808,7 +23176,7 @@ function Transition(props) {
22808
23176
  value: nestingBag
22809
23177
  }, React__default.createElement(TransitionContext.Provider, {
22810
23178
  value: transitionBag
22811
- }, render(_extends$h({}, sharedProps, {
23179
+ }, render(_extends$g({}, sharedProps, {
22812
23180
  as: Fragment,
22813
23181
  children: React__default.createElement(TransitionChild, Object.assign({}, sharedProps, passthroughProps))
22814
23182
  }), propsBag, Fragment, TransitionChildRenderFeatures, state === TreeStates.Visible)));
@@ -22935,12 +23303,12 @@ var ActionTypes;
22935
23303
  })(ActionTypes || (ActionTypes = {}));
22936
23304
 
22937
23305
  (_reducers = {}, _reducers[ActionTypes.CloseMenu] = function (state) {
22938
- return _extends$h({}, state, {
23306
+ return _extends$g({}, state, {
22939
23307
  activeItemIndex: null,
22940
23308
  menuState: MenuStates.Closed
22941
23309
  });
22942
23310
  }, _reducers[ActionTypes.OpenMenu] = function (state) {
22943
- return _extends$h({}, state, {
23311
+ return _extends$g({}, state, {
22944
23312
  menuState: MenuStates.Open
22945
23313
  });
22946
23314
  }, _reducers[ActionTypes.GoToItem] = function (state, action) {
@@ -22959,7 +23327,7 @@ var ActionTypes;
22959
23327
  }
22960
23328
  });
22961
23329
  if (state.searchQuery === '' && state.activeItemIndex === activeItemIndex) return state;
22962
- return _extends$h({}, state, {
23330
+ return _extends$g({}, state, {
22963
23331
  searchQuery: '',
22964
23332
  activeItemIndex: activeItemIndex
22965
23333
  });
@@ -22970,19 +23338,19 @@ var ActionTypes;
22970
23338
 
22971
23339
  return ((_item$dataRef$current = item.dataRef.current.textValue) == null ? void 0 : _item$dataRef$current.startsWith(searchQuery)) && !item.dataRef.current.disabled;
22972
23340
  });
22973
- if (match === -1 || match === state.activeItemIndex) return _extends$h({}, state, {
23341
+ if (match === -1 || match === state.activeItemIndex) return _extends$g({}, state, {
22974
23342
  searchQuery: searchQuery
22975
23343
  });
22976
- return _extends$h({}, state, {
23344
+ return _extends$g({}, state, {
22977
23345
  searchQuery: searchQuery,
22978
23346
  activeItemIndex: match
22979
23347
  });
22980
23348
  }, _reducers[ActionTypes.ClearSearch] = function (state) {
22981
- return _extends$h({}, state, {
23349
+ return _extends$g({}, state, {
22982
23350
  searchQuery: ''
22983
23351
  });
22984
23352
  }, _reducers[ActionTypes.RegisterItem] = function (state, action) {
22985
- return _extends$h({}, state, {
23353
+ return _extends$g({}, state, {
22986
23354
  items: [].concat(state.items, [{
22987
23355
  id: action.id,
22988
23356
  dataRef: action.dataRef
@@ -22995,7 +23363,7 @@ var ActionTypes;
22995
23363
  return a.id === action.id;
22996
23364
  });
22997
23365
  if (idx !== -1) nextItems.splice(idx, 1);
22998
- return _extends$h({}, state, {
23366
+ return _extends$g({}, state, {
22999
23367
  items: nextItems,
23000
23368
  activeItemIndex: function () {
23001
23369
  if (idx === state.activeItemIndex) return null;
@@ -23034,19 +23402,19 @@ var ActionTypes$1;
23034
23402
  (_reducers$1 = {}, _reducers$1[ActionTypes$1.CloseListbox] = function (state) {
23035
23403
  if (state.disabled) return state;
23036
23404
  if (state.listboxState === ListboxStates.Closed) return state;
23037
- return _extends$h({}, state, {
23405
+ return _extends$g({}, state, {
23038
23406
  activeOptionIndex: null,
23039
23407
  listboxState: ListboxStates.Closed
23040
23408
  });
23041
23409
  }, _reducers$1[ActionTypes$1.OpenListbox] = function (state) {
23042
23410
  if (state.disabled) return state;
23043
23411
  if (state.listboxState === ListboxStates.Open) return state;
23044
- return _extends$h({}, state, {
23412
+ return _extends$g({}, state, {
23045
23413
  listboxState: ListboxStates.Open
23046
23414
  });
23047
23415
  }, _reducers$1[ActionTypes$1.SetDisabled] = function (state, action) {
23048
23416
  if (state.disabled === action.disabled) return state;
23049
- return _extends$h({}, state, {
23417
+ return _extends$g({}, state, {
23050
23418
  disabled: action.disabled
23051
23419
  });
23052
23420
  }, _reducers$1[ActionTypes$1.GoToOption] = function (state, action) {
@@ -23067,7 +23435,7 @@ var ActionTypes$1;
23067
23435
  }
23068
23436
  });
23069
23437
  if (state.searchQuery === '' && state.activeOptionIndex === activeOptionIndex) return state;
23070
- return _extends$h({}, state, {
23438
+ return _extends$g({}, state, {
23071
23439
  searchQuery: '',
23072
23440
  activeOptionIndex: activeOptionIndex
23073
23441
  });
@@ -23080,10 +23448,10 @@ var ActionTypes$1;
23080
23448
 
23081
23449
  return !option.dataRef.current.disabled && ((_option$dataRef$curre = option.dataRef.current.textValue) == null ? void 0 : _option$dataRef$curre.startsWith(searchQuery));
23082
23450
  });
23083
- if (match === -1 || match === state.activeOptionIndex) return _extends$h({}, state, {
23451
+ if (match === -1 || match === state.activeOptionIndex) return _extends$g({}, state, {
23084
23452
  searchQuery: searchQuery
23085
23453
  });
23086
- return _extends$h({}, state, {
23454
+ return _extends$g({}, state, {
23087
23455
  searchQuery: searchQuery,
23088
23456
  activeOptionIndex: match
23089
23457
  });
@@ -23091,11 +23459,11 @@ var ActionTypes$1;
23091
23459
  if (state.disabled) return state;
23092
23460
  if (state.listboxState === ListboxStates.Closed) return state;
23093
23461
  if (state.searchQuery === '') return state;
23094
- return _extends$h({}, state, {
23462
+ return _extends$g({}, state, {
23095
23463
  searchQuery: ''
23096
23464
  });
23097
23465
  }, _reducers$1[ActionTypes$1.RegisterOption] = function (state, action) {
23098
- return _extends$h({}, state, {
23466
+ return _extends$g({}, state, {
23099
23467
  options: [].concat(state.options, [{
23100
23468
  id: action.id,
23101
23469
  dataRef: action.dataRef
@@ -23108,7 +23476,7 @@ var ActionTypes$1;
23108
23476
  return a.id === action.id;
23109
23477
  });
23110
23478
  if (idx !== -1) nextOptions.splice(idx, 1);
23111
- return _extends$h({}, state, {
23479
+ return _extends$g({}, state, {
23112
23480
  options: nextOptions,
23113
23481
  activeOptionIndex: function () {
23114
23482
  if (idx === state.activeOptionIndex) return null;
@@ -23171,10 +23539,10 @@ const getPaymentCardIcon = name => {
23171
23539
 
23172
23540
  var _path$f;
23173
23541
 
23174
- 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); }
23542
+ 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); }
23175
23543
 
23176
23544
  function SvgChevronRight(props) {
23177
- return /*#__PURE__*/React.createElement("svg", _extends$g({
23545
+ return /*#__PURE__*/React.createElement("svg", _extends$f({
23178
23546
  className: "plc-w-6 plc-h-6",
23179
23547
  xmlns: "http://www.w3.org/2000/svg",
23180
23548
  fill: "none",
@@ -23398,10 +23766,10 @@ const SavedItems = ({
23398
23766
 
23399
23767
  var _path$e;
23400
23768
 
23401
- 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); }
23769
+ 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); }
23402
23770
 
23403
23771
  function SvgRefresh(props) {
23404
- return /*#__PURE__*/React.createElement("svg", _extends$f({
23772
+ return /*#__PURE__*/React.createElement("svg", _extends$e({
23405
23773
  className: "plc-w-4 plc-h-4 plc-mr-1",
23406
23774
  xmlns: "http://www.w3.org/2000/svg",
23407
23775
  fill: "none",
@@ -23417,10 +23785,10 @@ function SvgRefresh(props) {
23417
23785
 
23418
23786
  var _path$d;
23419
23787
 
23420
- 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); }
23788
+ 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); }
23421
23789
 
23422
23790
  function SvgCalendar(props) {
23423
- return /*#__PURE__*/React.createElement("svg", _extends$e({
23791
+ return /*#__PURE__*/React.createElement("svg", _extends$d({
23424
23792
  xmlns: "http://www.w3.org/2000/svg",
23425
23793
  className: "plc-h-4 plc-w-4 plc-mr-1",
23426
23794
  viewBox: "0 0 20 20",
@@ -23434,10 +23802,10 @@ function SvgCalendar(props) {
23434
23802
 
23435
23803
  var _path$c;
23436
23804
 
23437
- 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); }
23805
+ 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); }
23438
23806
 
23439
23807
  function SvgPlus(props) {
23440
- return /*#__PURE__*/React.createElement("svg", _extends$d({
23808
+ return /*#__PURE__*/React.createElement("svg", _extends$c({
23441
23809
  className: "plc-w-5 plc-h-5",
23442
23810
  xmlns: "http://www.w3.org/2000/svg",
23443
23811
  fill: "none",
@@ -23453,10 +23821,10 @@ function SvgPlus(props) {
23453
23821
 
23454
23822
  var _path$b;
23455
23823
 
23456
- 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); }
23824
+ 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); }
23457
23825
 
23458
23826
  function SvgCheckMark(props) {
23459
- return /*#__PURE__*/React.createElement("svg", _extends$c({
23827
+ return /*#__PURE__*/React.createElement("svg", _extends$b({
23460
23828
  className: "plc-w-4 plc-h-4 plc-mr-1",
23461
23829
  xmlns: "http://www.w3.org/2000/svg",
23462
23830
  viewBox: "0 0 20 20",
@@ -23525,6 +23893,7 @@ const SubscriptionsItems = ({
23525
23893
  } = useTranslation("dashboard");
23526
23894
  const {
23527
23895
  switchView,
23896
+ setSubscriptionToCancel,
23528
23897
  isAuthenticated
23529
23898
  } = usePelcro();
23530
23899
  const subs = getNonDonationSubs();
@@ -23533,6 +23902,13 @@ const SubscriptionsItems = ({
23533
23902
  const isActive = activeMenu === sub.id; // Cancel button click handlers
23534
23903
 
23535
23904
  const onCancelClick = () => {
23905
+ const isImmediateCancelationEnabled = window.Pelcro.site.read().cancel_settings.status;
23906
+
23907
+ if (isImmediateCancelationEnabled) {
23908
+ setSubscriptionToCancel(sub.id);
23909
+ return switchView("subscription-cancel");
23910
+ }
23911
+
23536
23912
  if (userMustVerifyEmail()) {
23537
23913
  return switchView("email-verify");
23538
23914
  }
@@ -23758,10 +24134,10 @@ Accordion.item = function AccordionItem({
23758
24134
 
23759
24135
  var _path$a;
23760
24136
 
23761
- 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); }
24137
+ 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); }
23762
24138
 
23763
24139
  function SvgExit(props) {
23764
- return /*#__PURE__*/React.createElement("svg", _extends$b({
24140
+ return /*#__PURE__*/React.createElement("svg", _extends$a({
23765
24141
  className: "plc-w-6 plc-h-6",
23766
24142
  xmlns: "http://www.w3.org/2000/svg",
23767
24143
  fill: "none",
@@ -23777,10 +24153,10 @@ function SvgExit(props) {
23777
24153
 
23778
24154
  var _path$9;
23779
24155
 
23780
- 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); }
24156
+ 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); }
23781
24157
 
23782
24158
  function SvgUser(props) {
23783
- return /*#__PURE__*/React.createElement("svg", _extends$a({
24159
+ return /*#__PURE__*/React.createElement("svg", _extends$9({
23784
24160
  xmlns: "http://www.w3.org/2000/svg",
23785
24161
  fill: "none",
23786
24162
  viewBox: "0 0 24 24",
@@ -23795,10 +24171,10 @@ function SvgUser(props) {
23795
24171
 
23796
24172
  var _path$8;
23797
24173
 
23798
- 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); }
24174
+ 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); }
23799
24175
 
23800
24176
  function SvgNewsletter(props) {
23801
- return /*#__PURE__*/React.createElement("svg", _extends$9({
24177
+ return /*#__PURE__*/React.createElement("svg", _extends$8({
23802
24178
  xmlns: "http://www.w3.org/2000/svg",
23803
24179
  className: "plc-h-5 plc-w-5",
23804
24180
  fill: "none",
@@ -23814,10 +24190,10 @@ function SvgNewsletter(props) {
23814
24190
 
23815
24191
  var _path$7;
23816
24192
 
23817
- 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); }
24193
+ 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); }
23818
24194
 
23819
24195
  function SvgDocument(props) {
23820
- return /*#__PURE__*/React.createElement("svg", _extends$8({
24196
+ return /*#__PURE__*/React.createElement("svg", _extends$7({
23821
24197
  xmlns: "http://www.w3.org/2000/svg",
23822
24198
  className: "plc-h-6 plc-w-6 plc-mr-2",
23823
24199
  fill: "none",
@@ -23833,10 +24209,10 @@ function SvgDocument(props) {
23833
24209
 
23834
24210
  var _path$6;
23835
24211
 
23836
- 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); }
24212
+ 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); }
23837
24213
 
23838
24214
  function SvgPaymentCard(props) {
23839
- return /*#__PURE__*/React.createElement("svg", _extends$7({
24215
+ return /*#__PURE__*/React.createElement("svg", _extends$6({
23840
24216
  className: "plc-w-6 plc-h-6 plc-mr-2",
23841
24217
  xmlns: "http://www.w3.org/2000/svg",
23842
24218
  fill: "none",
@@ -23852,10 +24228,10 @@ function SvgPaymentCard(props) {
23852
24228
 
23853
24229
  var _path$5, _path2;
23854
24230
 
23855
- 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); }
24231
+ 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); }
23856
24232
 
23857
24233
  function SvgLocationPin(props) {
23858
- return /*#__PURE__*/React.createElement("svg", _extends$6({
24234
+ return /*#__PURE__*/React.createElement("svg", _extends$5({
23859
24235
  className: "plc-w-6 plc-h-6 plc-mr-2",
23860
24236
  xmlns: "http://www.w3.org/2000/svg",
23861
24237
  fill: "none",
@@ -23874,26 +24250,6 @@ function SvgLocationPin(props) {
23874
24250
  })));
23875
24251
  }
23876
24252
 
23877
- var _switch;
23878
-
23879
- 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); }
23880
-
23881
- function SvgSubscription(props) {
23882
- return /*#__PURE__*/React.createElement("svg", _extends$5({
23883
- xmlns: "http://www.w3.org/2000/svg",
23884
- viewBox: "0 0 100 125",
23885
- fill: "currentColor"
23886
- }, props), _switch || (_switch = /*#__PURE__*/React.createElement("switch", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
23887
- 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"
23888
- }), /*#__PURE__*/React.createElement("path", {
23889
- 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"
23890
- }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
23891
- 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"
23892
- }), /*#__PURE__*/React.createElement("path", {
23893
- 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"
23894
- }))))));
23895
- }
23896
-
23897
24253
  var _path$4;
23898
24254
 
23899
24255
  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); }
@@ -27126,4 +27482,4 @@ const InvoiceDetailsModal = ({
27126
27482
  };
27127
27483
  InvoiceDetailsModal.viewId = "invoice-details";
27128
27484
 
27129
- export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCreateContainer, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, TaxAmount, TextArea, Tooltip, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };
27485
+ export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, TaxAmount, TextArea, Tooltip, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify, unauthenticatedButtons, usePelcro };