@hook-sdk/template 0.28.6 → 0.28.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +208 -178
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +208 -178
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2708,6 +2708,29 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
|
|
|
2708
2708
|
}
|
|
2709
2709
|
if (state.kind === "ios_needs_install") {
|
|
2710
2710
|
return /* @__PURE__ */ jsxs16("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
|
|
2711
|
+
onDeclined && /* @__PURE__ */ jsx24(
|
|
2712
|
+
"button",
|
|
2713
|
+
{
|
|
2714
|
+
type: "button",
|
|
2715
|
+
onClick: onDeclined,
|
|
2716
|
+
"aria-label": "Fechar",
|
|
2717
|
+
className: "push-prompt-close",
|
|
2718
|
+
style: {
|
|
2719
|
+
position: "absolute",
|
|
2720
|
+
top: 8,
|
|
2721
|
+
right: 8,
|
|
2722
|
+
width: 32,
|
|
2723
|
+
height: 32,
|
|
2724
|
+
border: "none",
|
|
2725
|
+
background: "transparent",
|
|
2726
|
+
fontSize: 20,
|
|
2727
|
+
lineHeight: 1,
|
|
2728
|
+
cursor: "pointer",
|
|
2729
|
+
color: "inherit"
|
|
2730
|
+
},
|
|
2731
|
+
children: "\xD7"
|
|
2732
|
+
}
|
|
2733
|
+
),
|
|
2711
2734
|
/* @__PURE__ */ jsx24("h3", { children: texts.iosInstallTitle }),
|
|
2712
2735
|
/* @__PURE__ */ jsx24("p", { children: texts.iosInstallBody }),
|
|
2713
2736
|
onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ jsx24("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
|
|
@@ -3898,17 +3921,17 @@ function CheckoutPageDefault() {
|
|
|
3898
3921
|
navigate(result.redirect.replace(/^.*\/app\/[^/]+/, ""));
|
|
3899
3922
|
return;
|
|
3900
3923
|
}
|
|
3901
|
-
navigate(
|
|
3924
|
+
navigate("/paywall/pronta");
|
|
3902
3925
|
}
|
|
3903
3926
|
return /* @__PURE__ */ jsx48("div", { className: "flex-1 flex flex-col bg-background min-h-0", children: /* @__PURE__ */ jsxs29("form", { onSubmit, className: "flex-1 flex flex-col min-h-0", children: [
|
|
3904
|
-
/* @__PURE__ */ jsxs29("div", { className: "flex-1 overflow-y-auto pb-
|
|
3905
|
-
form.emailTaken ? /* @__PURE__ */
|
|
3927
|
+
/* @__PURE__ */ jsxs29("div", { className: "flex-1 overflow-y-auto px-5 pt-5 pb-6 space-y-6", children: [
|
|
3928
|
+
form.emailTaken ? /* @__PURE__ */ jsxs29("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: [
|
|
3906
3929
|
"Esse e-mail j\xE1 tem conta nesse app.",
|
|
3907
3930
|
" ",
|
|
3908
3931
|
/* @__PURE__ */ jsx48("a", { href: form.loginUrl ?? "/signin", className: "underline font-semibold", children: "Entrar agora" })
|
|
3909
|
-
] })
|
|
3910
|
-
form.error ? /* @__PURE__ */ jsx48("div", {
|
|
3911
|
-
|
|
3932
|
+
] }) : null,
|
|
3933
|
+
form.error ? /* @__PURE__ */ jsx48("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: form.error.message || "N\xE3o foi poss\xEDvel concluir o pagamento. Tente novamente." }) : null,
|
|
3934
|
+
form.method === "card" ? /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border-[1.5px] border-foreground p-4", children: [
|
|
3912
3935
|
/* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 mb-2", children: [
|
|
3913
3936
|
/* @__PURE__ */ jsx48(ShieldIcon, { className: "w-4 h-4" }),
|
|
3914
3937
|
/* @__PURE__ */ jsx48("div", { className: "text-sm font-bold", children: "Voc\xEA N\xC3O ser\xE1 cobrada hoje" })
|
|
@@ -3927,7 +3950,7 @@ function CheckoutPageDefault() {
|
|
|
3927
3950
|
/* @__PURE__ */ jsx48(BellIcon, { className: "w-2.5 h-2.5" }),
|
|
3928
3951
|
"Avisamos por email 2 dias antes da primeira cobran\xE7a"
|
|
3929
3952
|
] })
|
|
3930
|
-
] }) : /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl p-
|
|
3953
|
+
] }) : /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl p-4 bg-emerald-50 border-[1.5px] border-emerald-600/60", children: [
|
|
3931
3954
|
/* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 mb-2 text-emerald-900", children: [
|
|
3932
3955
|
/* @__PURE__ */ jsx48(ShieldIcon, { className: "w-4 h-4" }),
|
|
3933
3956
|
/* @__PURE__ */ jsxs29("div", { className: "text-sm font-bold", children: [
|
|
@@ -3945,180 +3968,189 @@ function CheckoutPageDefault() {
|
|
|
3945
3968
|
/* @__PURE__ */ jsx48("b", { children: "100%" }),
|
|
3946
3969
|
" sem perguntas \u2014 direto pelo app."
|
|
3947
3970
|
] })
|
|
3948
|
-
] }) }),
|
|
3949
|
-
/* @__PURE__ */ jsxs29("section", { className: "px-5 pt-5", children: [
|
|
3950
|
-
/* @__PURE__ */ jsx48("h2", { className: "font-display text-2xl mb-3.5 leading-tight text-foreground", children: "Quase l\xE1." }),
|
|
3951
|
-
/* @__PURE__ */ jsx48(FieldLabel, { children: "Email" }),
|
|
3952
|
-
/* @__PURE__ */ jsx48(
|
|
3953
|
-
FieldInput,
|
|
3954
|
-
{
|
|
3955
|
-
type: "email",
|
|
3956
|
-
inputMode: "email",
|
|
3957
|
-
autoComplete: "email",
|
|
3958
|
-
autoCapitalize: "none",
|
|
3959
|
-
autoCorrect: "off",
|
|
3960
|
-
spellCheck: false,
|
|
3961
|
-
placeholder: "seu@email.com",
|
|
3962
|
-
value: form.email,
|
|
3963
|
-
onChange: form.setEmail,
|
|
3964
|
-
onBlur: form.markEmailTouched,
|
|
3965
|
-
error: form.emailError,
|
|
3966
|
-
valid: form.emailStatus === "available"
|
|
3967
|
-
}
|
|
3968
|
-
),
|
|
3969
|
-
!form.emailError && /* @__PURE__ */ jsx48(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" }),
|
|
3970
|
-
/* @__PURE__ */ jsx48("div", { className: "h-3" }),
|
|
3971
|
-
/* @__PURE__ */ jsx48(FieldLabel, { children: "Nome completo" }),
|
|
3972
|
-
/* @__PURE__ */ jsx48(
|
|
3973
|
-
FieldInput,
|
|
3974
|
-
{
|
|
3975
|
-
type: "text",
|
|
3976
|
-
autoComplete: "name",
|
|
3977
|
-
placeholder: "como est\xE1 no documento",
|
|
3978
|
-
value: form.name,
|
|
3979
|
-
onChange: form.setName,
|
|
3980
|
-
onBlur: form.markNameTouched,
|
|
3981
|
-
error: form.nameError,
|
|
3982
|
-
valid: !!form.name && !form.nameError
|
|
3983
|
-
}
|
|
3984
|
-
),
|
|
3985
|
-
/* @__PURE__ */ jsx48("div", { className: "h-3" }),
|
|
3986
|
-
/* @__PURE__ */ jsx48(FieldLabel, { children: "CPF" }),
|
|
3987
|
-
/* @__PURE__ */ jsx48(
|
|
3988
|
-
FieldInput,
|
|
3989
|
-
{
|
|
3990
|
-
type: "text",
|
|
3991
|
-
inputMode: "numeric",
|
|
3992
|
-
placeholder: "000.000.000-00",
|
|
3993
|
-
value: form.cpf,
|
|
3994
|
-
onChange: (v) => form.setCpf(formatCpf(v)),
|
|
3995
|
-
onBlur: form.markCpfTouched,
|
|
3996
|
-
error: form.cpfError,
|
|
3997
|
-
valid: !!form.cpf && !form.cpfError
|
|
3998
|
-
}
|
|
3999
|
-
),
|
|
4000
|
-
form.method === "card" ? /* @__PURE__ */ jsxs29(Fragment7, { children: [
|
|
4001
|
-
/* @__PURE__ */ jsx48("div", { className: "h-3" }),
|
|
4002
|
-
/* @__PURE__ */ jsx48(FieldLabel, { children: "Telefone" }),
|
|
4003
|
-
/* @__PURE__ */ jsx48(
|
|
4004
|
-
FieldInput,
|
|
4005
|
-
{
|
|
4006
|
-
type: "tel",
|
|
4007
|
-
inputMode: "tel",
|
|
4008
|
-
autoComplete: "tel",
|
|
4009
|
-
placeholder: "(11) 99999-9999",
|
|
4010
|
-
value: form.phone,
|
|
4011
|
-
onChange: form.setPhone,
|
|
4012
|
-
onBlur: form.markPhoneTouched,
|
|
4013
|
-
error: form.phoneError,
|
|
4014
|
-
valid: !!form.phone && !form.phoneError
|
|
4015
|
-
}
|
|
4016
|
-
),
|
|
4017
|
-
!form.phoneError && /* @__PURE__ */ jsx48(FieldHint, { children: "Usado pra confirmar pagamento e tratar disputas." })
|
|
4018
|
-
] }) : null
|
|
4019
|
-
] }),
|
|
4020
|
-
/* @__PURE__ */ jsxs29("section", { className: "px-5 pt-5", children: [
|
|
4021
|
-
/* @__PURE__ */ jsx48(FieldLabel, { children: "Forma de pagamento" }),
|
|
4022
|
-
/* @__PURE__ */ jsxs29("div", { role: "tablist", className: "flex gap-1.5 bg-muted p-1 rounded-xl", children: [
|
|
4023
|
-
/* @__PURE__ */ jsx48(
|
|
4024
|
-
TabButton,
|
|
4025
|
-
{
|
|
4026
|
-
active: form.method === "card",
|
|
4027
|
-
onClick: () => form.setMethod("card"),
|
|
4028
|
-
icon: /* @__PURE__ */ jsx48(CardIcon, { className: "w-3.5 h-3.5" }),
|
|
4029
|
-
label: "Cart\xE3o",
|
|
4030
|
-
subtitle: trialDays > 0 ? `${trialDays} dias gr\xE1tis` : "pague hoje",
|
|
4031
|
-
subtitleActiveClass: "text-emerald-700"
|
|
4032
|
-
}
|
|
4033
|
-
),
|
|
4034
|
-
/* @__PURE__ */ jsx48(
|
|
4035
|
-
TabButton,
|
|
4036
|
-
{
|
|
4037
|
-
active: form.method === "pix-auto",
|
|
4038
|
-
onClick: () => form.setMethod("pix-auto"),
|
|
4039
|
-
icon: /* @__PURE__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5" }),
|
|
4040
|
-
label: "Pix",
|
|
4041
|
-
subtitle: `pague hoje \xB7 garantia ${trialDays}d`,
|
|
4042
|
-
subtitleActiveClass: "text-foreground/70"
|
|
4043
|
-
}
|
|
4044
|
-
)
|
|
4045
|
-
] })
|
|
4046
3971
|
] }),
|
|
4047
|
-
|
|
4048
|
-
/* @__PURE__ */ jsx48(
|
|
4049
|
-
/* @__PURE__ */ jsxs29("div", { className: "
|
|
4050
|
-
/* @__PURE__ */
|
|
4051
|
-
|
|
4052
|
-
|
|
4053
|
-
|
|
4054
|
-
|
|
4055
|
-
|
|
4056
|
-
|
|
4057
|
-
|
|
4058
|
-
|
|
4059
|
-
|
|
4060
|
-
|
|
4061
|
-
|
|
4062
|
-
|
|
4063
|
-
|
|
4064
|
-
|
|
4065
|
-
|
|
4066
|
-
|
|
4067
|
-
|
|
3972
|
+
/* @__PURE__ */ jsxs29("section", { children: [
|
|
3973
|
+
/* @__PURE__ */ jsx48("h2", { className: "font-display text-2xl mb-4 leading-tight text-foreground", children: "Quase l\xE1." }),
|
|
3974
|
+
/* @__PURE__ */ jsxs29("div", { className: "space-y-4", children: [
|
|
3975
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
3976
|
+
/* @__PURE__ */ jsx48(FieldLabel, { children: "Email" }),
|
|
3977
|
+
/* @__PURE__ */ jsx48(
|
|
3978
|
+
FieldInput,
|
|
3979
|
+
{
|
|
3980
|
+
type: "email",
|
|
3981
|
+
inputMode: "email",
|
|
3982
|
+
autoComplete: "email",
|
|
3983
|
+
autoCapitalize: "none",
|
|
3984
|
+
autoCorrect: "off",
|
|
3985
|
+
spellCheck: false,
|
|
3986
|
+
placeholder: "seu@email.com",
|
|
3987
|
+
value: form.email,
|
|
3988
|
+
onChange: form.setEmail,
|
|
3989
|
+
onBlur: form.markEmailTouched,
|
|
3990
|
+
error: form.emailError,
|
|
3991
|
+
valid: form.emailStatus === "available"
|
|
3992
|
+
}
|
|
3993
|
+
),
|
|
3994
|
+
!form.emailError && /* @__PURE__ */ jsx48(FieldHint, { children: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : "Voc\xEA vai usar este email para entrar no app" })
|
|
3995
|
+
] }),
|
|
3996
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
3997
|
+
/* @__PURE__ */ jsx48(FieldLabel, { children: "Nome completo" }),
|
|
4068
3998
|
/* @__PURE__ */ jsx48(
|
|
4069
3999
|
FieldInput,
|
|
4070
4000
|
{
|
|
4071
4001
|
type: "text",
|
|
4072
|
-
|
|
4073
|
-
|
|
4074
|
-
|
|
4075
|
-
|
|
4076
|
-
|
|
4002
|
+
autoComplete: "name",
|
|
4003
|
+
placeholder: "como est\xE1 no documento",
|
|
4004
|
+
value: form.name,
|
|
4005
|
+
onChange: form.setName,
|
|
4006
|
+
onBlur: form.markNameTouched,
|
|
4007
|
+
error: form.nameError,
|
|
4008
|
+
valid: !!form.name && !form.nameError
|
|
4077
4009
|
}
|
|
4078
4010
|
)
|
|
4079
4011
|
] }),
|
|
4080
|
-
/* @__PURE__ */ jsxs29("div", {
|
|
4081
|
-
/* @__PURE__ */ jsx48(FieldLabel, { children: "
|
|
4012
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
4013
|
+
/* @__PURE__ */ jsx48(FieldLabel, { children: "CPF" }),
|
|
4082
4014
|
/* @__PURE__ */ jsx48(
|
|
4083
4015
|
FieldInput,
|
|
4084
4016
|
{
|
|
4085
4017
|
type: "text",
|
|
4086
4018
|
inputMode: "numeric",
|
|
4087
|
-
|
|
4088
|
-
|
|
4089
|
-
|
|
4090
|
-
|
|
4019
|
+
placeholder: "000.000.000-00",
|
|
4020
|
+
value: form.cpf,
|
|
4021
|
+
onChange: (v) => form.setCpf(formatCpf(v)),
|
|
4022
|
+
onBlur: form.markCpfTouched,
|
|
4023
|
+
error: form.cpfError,
|
|
4024
|
+
valid: !!form.cpf && !form.cpfError
|
|
4025
|
+
}
|
|
4026
|
+
)
|
|
4027
|
+
] }),
|
|
4028
|
+
form.method === "card" ? /* @__PURE__ */ jsxs29("div", { children: [
|
|
4029
|
+
/* @__PURE__ */ jsx48(FieldLabel, { children: "Telefone" }),
|
|
4030
|
+
/* @__PURE__ */ jsx48(
|
|
4031
|
+
FieldInput,
|
|
4032
|
+
{
|
|
4033
|
+
type: "tel",
|
|
4034
|
+
inputMode: "tel",
|
|
4035
|
+
autoComplete: "tel",
|
|
4036
|
+
placeholder: "(11) 99999-9999",
|
|
4037
|
+
value: form.phone,
|
|
4038
|
+
onChange: form.setPhone,
|
|
4039
|
+
onBlur: form.markPhoneTouched,
|
|
4040
|
+
error: form.phoneError,
|
|
4041
|
+
valid: !!form.phone && !form.phoneError
|
|
4042
|
+
}
|
|
4043
|
+
),
|
|
4044
|
+
!form.phoneError && /* @__PURE__ */ jsx48(FieldHint, { children: "Usado pra confirmar pagamento e tratar disputas." })
|
|
4045
|
+
] }) : null
|
|
4046
|
+
] })
|
|
4047
|
+
] }),
|
|
4048
|
+
/* @__PURE__ */ jsxs29("section", { className: "space-y-4", children: [
|
|
4049
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
4050
|
+
/* @__PURE__ */ jsx48(FieldLabel, { children: "Forma de pagamento" }),
|
|
4051
|
+
/* @__PURE__ */ jsxs29("div", { role: "tablist", className: "flex gap-1.5 bg-muted p-1 rounded-xl", children: [
|
|
4052
|
+
/* @__PURE__ */ jsx48(
|
|
4053
|
+
TabButton,
|
|
4054
|
+
{
|
|
4055
|
+
active: form.method === "card",
|
|
4056
|
+
onClick: () => form.setMethod("card"),
|
|
4057
|
+
icon: /* @__PURE__ */ jsx48(CardIcon, { className: "w-3.5 h-3.5" }),
|
|
4058
|
+
label: "Cart\xE3o",
|
|
4059
|
+
subtitle: trialDays > 0 ? `${trialDays} dias gr\xE1tis` : "pague hoje",
|
|
4060
|
+
subtitleActiveClass: "text-emerald-700"
|
|
4061
|
+
}
|
|
4062
|
+
),
|
|
4063
|
+
/* @__PURE__ */ jsx48(
|
|
4064
|
+
TabButton,
|
|
4065
|
+
{
|
|
4066
|
+
active: form.method === "pix-auto",
|
|
4067
|
+
onClick: () => form.setMethod("pix-auto"),
|
|
4068
|
+
icon: /* @__PURE__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5" }),
|
|
4069
|
+
label: "Pix",
|
|
4070
|
+
subtitle: `pague hoje \xB7 garantia ${trialDays}d`,
|
|
4071
|
+
subtitleActiveClass: "text-foreground/70"
|
|
4091
4072
|
}
|
|
4092
4073
|
)
|
|
4093
4074
|
] })
|
|
4094
4075
|
] }),
|
|
4095
|
-
/* @__PURE__ */
|
|
4096
|
-
|
|
4097
|
-
|
|
4098
|
-
|
|
4099
|
-
|
|
4100
|
-
|
|
4101
|
-
|
|
4102
|
-
|
|
4103
|
-
|
|
4104
|
-
|
|
4105
|
-
|
|
4106
|
-
|
|
4107
|
-
|
|
4108
|
-
|
|
4109
|
-
|
|
4110
|
-
|
|
4111
|
-
|
|
4112
|
-
|
|
4113
|
-
|
|
4114
|
-
|
|
4115
|
-
/* @__PURE__ */
|
|
4116
|
-
|
|
4076
|
+
form.method === "card" ? /* @__PURE__ */ jsxs29("div", { className: "space-y-4", children: [
|
|
4077
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
4078
|
+
/* @__PURE__ */ jsx48(FieldLabel, { children: "N\xFAmero do cart\xE3o" }),
|
|
4079
|
+
/* @__PURE__ */ jsxs29("div", { className: "relative", children: [
|
|
4080
|
+
/* @__PURE__ */ jsx48(
|
|
4081
|
+
FieldInput,
|
|
4082
|
+
{
|
|
4083
|
+
type: "text",
|
|
4084
|
+
inputMode: "numeric",
|
|
4085
|
+
autoComplete: "cc-number",
|
|
4086
|
+
placeholder: "0000 0000 0000 0000",
|
|
4087
|
+
value: form.card.number,
|
|
4088
|
+
onChange: (v) => form.setCard({ number: formatCardNumber(v) }),
|
|
4089
|
+
style: cardBrand ? { paddingRight: "4.5rem" } : void 0
|
|
4090
|
+
}
|
|
4091
|
+
),
|
|
4092
|
+
cardBrand && /* @__PURE__ */ jsx48("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-[10px] font-bold tracking-wide px-1.5 py-0.5 rounded bg-muted text-muted-foreground", children: cardBrand })
|
|
4093
|
+
] })
|
|
4094
|
+
] }),
|
|
4095
|
+
/* @__PURE__ */ jsxs29("div", { className: "flex gap-3", children: [
|
|
4096
|
+
/* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
|
|
4097
|
+
/* @__PURE__ */ jsx48(FieldLabel, { children: "Validade" }),
|
|
4098
|
+
/* @__PURE__ */ jsx48(
|
|
4099
|
+
FieldInput,
|
|
4100
|
+
{
|
|
4101
|
+
type: "text",
|
|
4102
|
+
inputMode: "numeric",
|
|
4103
|
+
autoComplete: "cc-exp",
|
|
4104
|
+
placeholder: "MM/AA",
|
|
4105
|
+
value: expiryMmAa,
|
|
4106
|
+
onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v))
|
|
4107
|
+
}
|
|
4108
|
+
)
|
|
4109
|
+
] }),
|
|
4110
|
+
/* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
|
|
4111
|
+
/* @__PURE__ */ jsx48(FieldLabel, { children: "CVV" }),
|
|
4112
|
+
/* @__PURE__ */ jsx48(
|
|
4113
|
+
FieldInput,
|
|
4114
|
+
{
|
|
4115
|
+
type: "text",
|
|
4116
|
+
inputMode: "numeric",
|
|
4117
|
+
autoComplete: "cc-csc",
|
|
4118
|
+
placeholder: "3 d\xEDgitos",
|
|
4119
|
+
value: form.card.ccv,
|
|
4120
|
+
onChange: (v) => form.setCard({ ccv: v.replace(/\D/g, "").slice(0, 4) })
|
|
4121
|
+
}
|
|
4122
|
+
)
|
|
4123
|
+
] })
|
|
4124
|
+
] }),
|
|
4125
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
4126
|
+
/* @__PURE__ */ jsx48(FieldLabel, { children: "Nome no cart\xE3o" }),
|
|
4127
|
+
/* @__PURE__ */ jsx48(
|
|
4128
|
+
FieldInput,
|
|
4129
|
+
{
|
|
4130
|
+
type: "text",
|
|
4131
|
+
autoComplete: "cc-name",
|
|
4132
|
+
placeholder: "como est\xE1 no cart\xE3o",
|
|
4133
|
+
value: form.card.holderName,
|
|
4134
|
+
onChange: (v) => form.setCard({ holderName: v })
|
|
4135
|
+
}
|
|
4136
|
+
)
|
|
4137
|
+
] })
|
|
4138
|
+
] }) : /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border border-border p-4 flex gap-3.5 items-center", children: [
|
|
4139
|
+
/* @__PURE__ */ jsx48("div", { className: "w-[72px] h-[72px] rounded-xl shrink-0 border-2 border-foreground relative overflow-hidden bg-muted", children: /* @__PURE__ */ jsx48("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[22px] h-[22px] bg-background flex items-center justify-center", children: /* @__PURE__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5 text-foreground" }) }) }),
|
|
4140
|
+
/* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
|
|
4141
|
+
/* @__PURE__ */ jsx48("div", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "pagamento em segundos" }),
|
|
4142
|
+
/* @__PURE__ */ jsxs29("div", { className: "text-sm text-foreground mt-1 leading-snug", children: [
|
|
4143
|
+
"Geramos seu ",
|
|
4144
|
+
/* @__PURE__ */ jsx48("b", { children: "QR Pix" }),
|
|
4145
|
+
" no pr\xF3ximo passo. Pague pelo app do banco e seu acesso libera ",
|
|
4146
|
+
/* @__PURE__ */ jsx48("b", { children: "imediatamente" }),
|
|
4147
|
+
"."
|
|
4148
|
+
] })
|
|
4117
4149
|
] })
|
|
4118
4150
|
] })
|
|
4119
|
-
] })
|
|
4120
|
-
/* @__PURE__ */ jsx48("section", {
|
|
4121
|
-
/* @__PURE__ */ jsxs29("div", { className: "flex justify-between
|
|
4151
|
+
] }),
|
|
4152
|
+
/* @__PURE__ */ jsx48("section", { children: /* @__PURE__ */ jsxs29("div", { className: "bg-muted rounded-2xl p-4", children: [
|
|
4153
|
+
/* @__PURE__ */ jsxs29("div", { className: "flex justify-between gap-3", children: [
|
|
4122
4154
|
/* @__PURE__ */ jsxs29("div", { children: [
|
|
4123
4155
|
/* @__PURE__ */ jsx48("div", { className: "text-sm font-semibold text-foreground", children: annual ? "Plano Anual" : "Plano Mensal" }),
|
|
4124
4156
|
/* @__PURE__ */ jsx48("div", { className: "text-[11px] text-muted-foreground", children: "Coach" })
|
|
@@ -4136,23 +4168,21 @@ function CheckoutPageDefault() {
|
|
|
4136
4168
|
] })
|
|
4137
4169
|
] }),
|
|
4138
4170
|
/* @__PURE__ */ jsx48("div", { className: "h-px bg-border my-3" }),
|
|
4139
|
-
/* @__PURE__ */ jsxs29("div", { className: "flex justify-between items-baseline", children: [
|
|
4140
|
-
/* @__PURE__ */
|
|
4141
|
-
/* @__PURE__ */ jsx48("div", { className: "text-sm font-bold text-foreground", children: "Voc\xEA paga hoje" }),
|
|
4142
|
-
form.method === "card" && trialDays > 0 && /* @__PURE__ */ jsxs29("div", { className: "text-[11px] text-muted-foreground mt-0.5", children: [
|
|
4143
|
-
"cobran\xE7a inicia no dia ",
|
|
4144
|
-
trialDays
|
|
4145
|
-
] }),
|
|
4146
|
-
form.method === "pix-auto" && /* @__PURE__ */ jsxs29("div", { className: "text-[11px] text-emerald-700 mt-0.5 font-semibold", children: [
|
|
4147
|
-
"reembolso garantido at\xE9 o dia ",
|
|
4148
|
-
trialDays
|
|
4149
|
-
] })
|
|
4150
|
-
] }),
|
|
4171
|
+
/* @__PURE__ */ jsxs29("div", { className: "flex justify-between items-baseline gap-3", children: [
|
|
4172
|
+
/* @__PURE__ */ jsx48("div", { className: "text-sm font-bold text-foreground", children: "Voc\xEA paga hoje" }),
|
|
4151
4173
|
/* @__PURE__ */ jsx48("div", { className: "text-2xl font-bold font-display tracking-tight text-foreground", children: todayAmount })
|
|
4174
|
+
] }),
|
|
4175
|
+
form.method === "card" && trialDays > 0 && /* @__PURE__ */ jsxs29("div", { className: "mt-1.5 text-[11px] text-muted-foreground", children: [
|
|
4176
|
+
"cobran\xE7a inicia no dia ",
|
|
4177
|
+
trialDays
|
|
4178
|
+
] }),
|
|
4179
|
+
form.method === "pix-auto" && /* @__PURE__ */ jsxs29("div", { className: "mt-1.5 text-[11px] text-emerald-700 font-semibold", children: [
|
|
4180
|
+
"reembolso garantido at\xE9 o dia ",
|
|
4181
|
+
trialDays
|
|
4152
4182
|
] })
|
|
4153
4183
|
] }) })
|
|
4154
4184
|
] }),
|
|
4155
|
-
/* @__PURE__ */ jsxs29(PaywallStickyFooter, { className: "px-5 pt-
|
|
4185
|
+
/* @__PURE__ */ jsxs29(PaywallStickyFooter, { className: "px-5 pt-5 pb-6 border-t border-border", children: [
|
|
4156
4186
|
/* @__PURE__ */ jsx48(
|
|
4157
4187
|
"button",
|
|
4158
4188
|
{
|
|
@@ -4172,12 +4202,12 @@ function CheckoutPageDefault() {
|
|
|
4172
4202
|
] })
|
|
4173
4203
|
}
|
|
4174
4204
|
),
|
|
4175
|
-
/* @__PURE__ */ jsxs29("div", { className: "text-center mt-
|
|
4205
|
+
/* @__PURE__ */ jsxs29("div", { className: "text-center mt-3 text-xs text-muted-foreground", children: [
|
|
4176
4206
|
"Ao continuar, voc\xEA concorda com nossos ",
|
|
4177
4207
|
/* @__PURE__ */ jsx48("u", { children: "Termos" }),
|
|
4178
4208
|
". Pagamento seguro Asaas."
|
|
4179
4209
|
] }),
|
|
4180
|
-
/* @__PURE__ */ jsxs29("div", { className: "mt-3 flex items-center justify-center gap-
|
|
4210
|
+
/* @__PURE__ */ jsxs29("div", { className: "mt-3 flex items-center justify-center gap-4 text-[11px] text-muted-foreground", children: [
|
|
4181
4211
|
/* @__PURE__ */ jsxs29("span", { className: "inline-flex items-center gap-1", children: [
|
|
4182
4212
|
/* @__PURE__ */ jsx48(LockIcon, { className: "w-2.5 h-2.5 opacity-60" }),
|
|
4183
4213
|
" SSL 256-bit"
|
|
@@ -4195,7 +4225,7 @@ function CheckoutPageDefault() {
|
|
|
4195
4225
|
] }) });
|
|
4196
4226
|
}
|
|
4197
4227
|
function FieldLabel({ children }) {
|
|
4198
|
-
return /* @__PURE__ */ jsx48("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-
|
|
4228
|
+
return /* @__PURE__ */ jsx48("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-2", children });
|
|
4199
4229
|
}
|
|
4200
4230
|
function FieldInput(props) {
|
|
4201
4231
|
const baseClass = "w-full px-4 rounded-xl bg-card text-base text-foreground outline-none border-[1.5px] transition-colors";
|