@hook-sdk/template 0.28.6 → 0.28.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +184 -177
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +184 -177
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -3901,14 +3901,14 @@ function CheckoutPageDefault() {
3901
3901
  navigate(result.redirect.replace(/^.*\/app\/[^/]+/, "") || "/");
3902
3902
  }
3903
3903
  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-4", children: [
3905
- form.emailTaken ? /* @__PURE__ */ jsx48("div", { className: "px-5 pt-4", children: /* @__PURE__ */ jsxs29("div", { role: "alert", className: "rounded-2xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: [
3904
+ /* @__PURE__ */ jsxs29("div", { className: "flex-1 overflow-y-auto px-5 pt-5 pb-6 space-y-6", children: [
3905
+ 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
3906
  "Esse e-mail j\xE1 tem conta nesse app.",
3907
3907
  " ",
3908
3908
  /* @__PURE__ */ jsx48("a", { href: form.loginUrl ?? "/signin", className: "underline font-semibold", children: "Entrar agora" })
3909
- ] }) }) : null,
3910
- form.error ? /* @__PURE__ */ jsx48("div", { className: "px-5 pt-4", children: /* @__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,
3911
- /* @__PURE__ */ jsx48("div", { className: "px-5 pt-4", children: form.method === "card" ? /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border-[1.5px] border-foreground p-3.5", children: [
3909
+ ] }) : null,
3910
+ 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,
3911
+ form.method === "card" ? /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border-[1.5px] border-foreground p-4", children: [
3912
3912
  /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 mb-2", children: [
3913
3913
  /* @__PURE__ */ jsx48(ShieldIcon, { className: "w-4 h-4" }),
3914
3914
  /* @__PURE__ */ jsx48("div", { className: "text-sm font-bold", children: "Voc\xEA N\xC3O ser\xE1 cobrada hoje" })
@@ -3927,7 +3927,7 @@ function CheckoutPageDefault() {
3927
3927
  /* @__PURE__ */ jsx48(BellIcon, { className: "w-2.5 h-2.5" }),
3928
3928
  "Avisamos por email 2 dias antes da primeira cobran\xE7a"
3929
3929
  ] })
3930
- ] }) : /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl p-3.5 bg-emerald-50 border-[1.5px] border-emerald-600/60", children: [
3930
+ ] }) : /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl p-4 bg-emerald-50 border-[1.5px] border-emerald-600/60", children: [
3931
3931
  /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 mb-2 text-emerald-900", children: [
3932
3932
  /* @__PURE__ */ jsx48(ShieldIcon, { className: "w-4 h-4" }),
3933
3933
  /* @__PURE__ */ jsxs29("div", { className: "text-sm font-bold", children: [
@@ -3945,180 +3945,189 @@ function CheckoutPageDefault() {
3945
3945
  /* @__PURE__ */ jsx48("b", { children: "100%" }),
3946
3946
  " sem perguntas \u2014 direto pelo app."
3947
3947
  ] })
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
3948
  ] }),
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
- ] }),
4047
- form.method === "card" ? /* @__PURE__ */ jsxs29("section", { className: "px-5 pt-3.5", children: [
4048
- /* @__PURE__ */ jsx48(FieldLabel, { children: "N\xFAmero do cart\xE3o" }),
4049
- /* @__PURE__ */ jsxs29("div", { className: "relative", children: [
4050
- /* @__PURE__ */ jsx48(
4051
- FieldInput,
4052
- {
4053
- type: "text",
4054
- inputMode: "numeric",
4055
- autoComplete: "cc-number",
4056
- placeholder: "0000 0000 0000 0000",
4057
- value: form.card.number,
4058
- onChange: (v) => form.setCard({ number: formatCardNumber(v) }),
4059
- style: cardBrand ? { paddingRight: "4.5rem" } : void 0
4060
- }
4061
- ),
4062
- 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 })
4063
- ] }),
4064
- /* @__PURE__ */ jsx48("div", { className: "h-3" }),
4065
- /* @__PURE__ */ jsxs29("div", { className: "flex gap-2.5", children: [
4066
- /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
4067
- /* @__PURE__ */ jsx48(FieldLabel, { children: "Validade" }),
3949
+ /* @__PURE__ */ jsxs29("section", { children: [
3950
+ /* @__PURE__ */ jsx48("h2", { className: "font-display text-2xl mb-4 leading-tight text-foreground", children: "Quase l\xE1." }),
3951
+ /* @__PURE__ */ jsxs29("div", { className: "space-y-4", children: [
3952
+ /* @__PURE__ */ jsxs29("div", { children: [
3953
+ /* @__PURE__ */ jsx48(FieldLabel, { children: "Email" }),
3954
+ /* @__PURE__ */ jsx48(
3955
+ FieldInput,
3956
+ {
3957
+ type: "email",
3958
+ inputMode: "email",
3959
+ autoComplete: "email",
3960
+ autoCapitalize: "none",
3961
+ autoCorrect: "off",
3962
+ spellCheck: false,
3963
+ placeholder: "seu@email.com",
3964
+ value: form.email,
3965
+ onChange: form.setEmail,
3966
+ onBlur: form.markEmailTouched,
3967
+ error: form.emailError,
3968
+ valid: form.emailStatus === "available"
3969
+ }
3970
+ ),
3971
+ !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" })
3972
+ ] }),
3973
+ /* @__PURE__ */ jsxs29("div", { children: [
3974
+ /* @__PURE__ */ jsx48(FieldLabel, { children: "Nome completo" }),
4068
3975
  /* @__PURE__ */ jsx48(
4069
3976
  FieldInput,
4070
3977
  {
4071
3978
  type: "text",
4072
- inputMode: "numeric",
4073
- autoComplete: "cc-exp",
4074
- placeholder: "MM/AA",
4075
- value: expiryMmAa,
4076
- onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v))
3979
+ autoComplete: "name",
3980
+ placeholder: "como est\xE1 no documento",
3981
+ value: form.name,
3982
+ onChange: form.setName,
3983
+ onBlur: form.markNameTouched,
3984
+ error: form.nameError,
3985
+ valid: !!form.name && !form.nameError
4077
3986
  }
4078
3987
  )
4079
3988
  ] }),
4080
- /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
4081
- /* @__PURE__ */ jsx48(FieldLabel, { children: "CVV" }),
3989
+ /* @__PURE__ */ jsxs29("div", { children: [
3990
+ /* @__PURE__ */ jsx48(FieldLabel, { children: "CPF" }),
4082
3991
  /* @__PURE__ */ jsx48(
4083
3992
  FieldInput,
4084
3993
  {
4085
3994
  type: "text",
4086
3995
  inputMode: "numeric",
4087
- autoComplete: "cc-csc",
4088
- placeholder: "3 d\xEDgitos",
4089
- value: form.card.ccv,
4090
- onChange: (v) => form.setCard({ ccv: v.replace(/\D/g, "").slice(0, 4) })
3996
+ placeholder: "000.000.000-00",
3997
+ value: form.cpf,
3998
+ onChange: (v) => form.setCpf(formatCpf(v)),
3999
+ onBlur: form.markCpfTouched,
4000
+ error: form.cpfError,
4001
+ valid: !!form.cpf && !form.cpfError
4002
+ }
4003
+ )
4004
+ ] }),
4005
+ form.method === "card" ? /* @__PURE__ */ jsxs29("div", { children: [
4006
+ /* @__PURE__ */ jsx48(FieldLabel, { children: "Telefone" }),
4007
+ /* @__PURE__ */ jsx48(
4008
+ FieldInput,
4009
+ {
4010
+ type: "tel",
4011
+ inputMode: "tel",
4012
+ autoComplete: "tel",
4013
+ placeholder: "(11) 99999-9999",
4014
+ value: form.phone,
4015
+ onChange: form.setPhone,
4016
+ onBlur: form.markPhoneTouched,
4017
+ error: form.phoneError,
4018
+ valid: !!form.phone && !form.phoneError
4019
+ }
4020
+ ),
4021
+ !form.phoneError && /* @__PURE__ */ jsx48(FieldHint, { children: "Usado pra confirmar pagamento e tratar disputas." })
4022
+ ] }) : null
4023
+ ] })
4024
+ ] }),
4025
+ /* @__PURE__ */ jsxs29("section", { className: "space-y-4", children: [
4026
+ /* @__PURE__ */ jsxs29("div", { children: [
4027
+ /* @__PURE__ */ jsx48(FieldLabel, { children: "Forma de pagamento" }),
4028
+ /* @__PURE__ */ jsxs29("div", { role: "tablist", className: "flex gap-1.5 bg-muted p-1 rounded-xl", children: [
4029
+ /* @__PURE__ */ jsx48(
4030
+ TabButton,
4031
+ {
4032
+ active: form.method === "card",
4033
+ onClick: () => form.setMethod("card"),
4034
+ icon: /* @__PURE__ */ jsx48(CardIcon, { className: "w-3.5 h-3.5" }),
4035
+ label: "Cart\xE3o",
4036
+ subtitle: trialDays > 0 ? `${trialDays} dias gr\xE1tis` : "pague hoje",
4037
+ subtitleActiveClass: "text-emerald-700"
4038
+ }
4039
+ ),
4040
+ /* @__PURE__ */ jsx48(
4041
+ TabButton,
4042
+ {
4043
+ active: form.method === "pix-auto",
4044
+ onClick: () => form.setMethod("pix-auto"),
4045
+ icon: /* @__PURE__ */ jsx48(PixIcon, { className: "w-3.5 h-3.5" }),
4046
+ label: "Pix",
4047
+ subtitle: `pague hoje \xB7 garantia ${trialDays}d`,
4048
+ subtitleActiveClass: "text-foreground/70"
4091
4049
  }
4092
4050
  )
4093
4051
  ] })
4094
4052
  ] }),
4095
- /* @__PURE__ */ jsx48("div", { className: "h-3" }),
4096
- /* @__PURE__ */ jsx48(FieldLabel, { children: "Nome no cart\xE3o" }),
4097
- /* @__PURE__ */ jsx48(
4098
- FieldInput,
4099
- {
4100
- type: "text",
4101
- autoComplete: "cc-name",
4102
- placeholder: "como est\xE1 no cart\xE3o",
4103
- value: form.card.holderName,
4104
- onChange: (v) => form.setCard({ holderName: v })
4105
- }
4106
- )
4107
- ] }) : /* @__PURE__ */ jsx48("section", { className: "px-5 pt-3.5", children: /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border border-border p-3.5 flex gap-3.5 items-center", children: [
4108
- /* @__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" }) }) }),
4109
- /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
4110
- /* @__PURE__ */ jsx48("div", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "pagamento em segundos" }),
4111
- /* @__PURE__ */ jsxs29("div", { className: "text-sm text-foreground mt-1 leading-snug", children: [
4112
- "Geramos seu ",
4113
- /* @__PURE__ */ jsx48("b", { children: "QR Pix" }),
4114
- " no pr\xF3ximo passo. Pague pelo app do banco e seu acesso libera ",
4115
- /* @__PURE__ */ jsx48("b", { children: "imediatamente" }),
4116
- "."
4053
+ form.method === "card" ? /* @__PURE__ */ jsxs29("div", { className: "space-y-4", children: [
4054
+ /* @__PURE__ */ jsxs29("div", { children: [
4055
+ /* @__PURE__ */ jsx48(FieldLabel, { children: "N\xFAmero do cart\xE3o" }),
4056
+ /* @__PURE__ */ jsxs29("div", { className: "relative", children: [
4057
+ /* @__PURE__ */ jsx48(
4058
+ FieldInput,
4059
+ {
4060
+ type: "text",
4061
+ inputMode: "numeric",
4062
+ autoComplete: "cc-number",
4063
+ placeholder: "0000 0000 0000 0000",
4064
+ value: form.card.number,
4065
+ onChange: (v) => form.setCard({ number: formatCardNumber(v) }),
4066
+ style: cardBrand ? { paddingRight: "4.5rem" } : void 0
4067
+ }
4068
+ ),
4069
+ 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 })
4070
+ ] })
4071
+ ] }),
4072
+ /* @__PURE__ */ jsxs29("div", { className: "flex gap-3", children: [
4073
+ /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
4074
+ /* @__PURE__ */ jsx48(FieldLabel, { children: "Validade" }),
4075
+ /* @__PURE__ */ jsx48(
4076
+ FieldInput,
4077
+ {
4078
+ type: "text",
4079
+ inputMode: "numeric",
4080
+ autoComplete: "cc-exp",
4081
+ placeholder: "MM/AA",
4082
+ value: expiryMmAa,
4083
+ onChange: (v) => setExpiryMmAa(formatExpiryMmAa(v))
4084
+ }
4085
+ )
4086
+ ] }),
4087
+ /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
4088
+ /* @__PURE__ */ jsx48(FieldLabel, { children: "CVV" }),
4089
+ /* @__PURE__ */ jsx48(
4090
+ FieldInput,
4091
+ {
4092
+ type: "text",
4093
+ inputMode: "numeric",
4094
+ autoComplete: "cc-csc",
4095
+ placeholder: "3 d\xEDgitos",
4096
+ value: form.card.ccv,
4097
+ onChange: (v) => form.setCard({ ccv: v.replace(/\D/g, "").slice(0, 4) })
4098
+ }
4099
+ )
4100
+ ] })
4101
+ ] }),
4102
+ /* @__PURE__ */ jsxs29("div", { children: [
4103
+ /* @__PURE__ */ jsx48(FieldLabel, { children: "Nome no cart\xE3o" }),
4104
+ /* @__PURE__ */ jsx48(
4105
+ FieldInput,
4106
+ {
4107
+ type: "text",
4108
+ autoComplete: "cc-name",
4109
+ placeholder: "como est\xE1 no cart\xE3o",
4110
+ value: form.card.holderName,
4111
+ onChange: (v) => form.setCard({ holderName: v })
4112
+ }
4113
+ )
4114
+ ] })
4115
+ ] }) : /* @__PURE__ */ jsxs29("div", { className: "rounded-2xl bg-card border border-border p-4 flex gap-3.5 items-center", children: [
4116
+ /* @__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" }) }) }),
4117
+ /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
4118
+ /* @__PURE__ */ jsx48("div", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "pagamento em segundos" }),
4119
+ /* @__PURE__ */ jsxs29("div", { className: "text-sm text-foreground mt-1 leading-snug", children: [
4120
+ "Geramos seu ",
4121
+ /* @__PURE__ */ jsx48("b", { children: "QR Pix" }),
4122
+ " no pr\xF3ximo passo. Pague pelo app do banco e seu acesso libera ",
4123
+ /* @__PURE__ */ jsx48("b", { children: "imediatamente" }),
4124
+ "."
4125
+ ] })
4117
4126
  ] })
4118
4127
  ] })
4119
- ] }) }),
4120
- /* @__PURE__ */ jsx48("section", { className: "px-5 pt-5", children: /* @__PURE__ */ jsxs29("div", { className: "bg-muted rounded-2xl p-4", children: [
4121
- /* @__PURE__ */ jsxs29("div", { className: "flex justify-between mb-2.5", children: [
4128
+ ] }),
4129
+ /* @__PURE__ */ jsx48("section", { children: /* @__PURE__ */ jsxs29("div", { className: "bg-muted rounded-2xl p-4", children: [
4130
+ /* @__PURE__ */ jsxs29("div", { className: "flex justify-between gap-3", children: [
4122
4131
  /* @__PURE__ */ jsxs29("div", { children: [
4123
4132
  /* @__PURE__ */ jsx48("div", { className: "text-sm font-semibold text-foreground", children: annual ? "Plano Anual" : "Plano Mensal" }),
4124
4133
  /* @__PURE__ */ jsx48("div", { className: "text-[11px] text-muted-foreground", children: "Coach" })
@@ -4136,23 +4145,21 @@ function CheckoutPageDefault() {
4136
4145
  ] })
4137
4146
  ] }),
4138
4147
  /* @__PURE__ */ jsx48("div", { className: "h-px bg-border my-3" }),
4139
- /* @__PURE__ */ jsxs29("div", { className: "flex justify-between items-baseline", children: [
4140
- /* @__PURE__ */ jsxs29("div", { children: [
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
- ] }),
4148
+ /* @__PURE__ */ jsxs29("div", { className: "flex justify-between items-baseline gap-3", children: [
4149
+ /* @__PURE__ */ jsx48("div", { className: "text-sm font-bold text-foreground", children: "Voc\xEA paga hoje" }),
4151
4150
  /* @__PURE__ */ jsx48("div", { className: "text-2xl font-bold font-display tracking-tight text-foreground", children: todayAmount })
4151
+ ] }),
4152
+ form.method === "card" && trialDays > 0 && /* @__PURE__ */ jsxs29("div", { className: "mt-1.5 text-[11px] text-muted-foreground", children: [
4153
+ "cobran\xE7a inicia no dia ",
4154
+ trialDays
4155
+ ] }),
4156
+ form.method === "pix-auto" && /* @__PURE__ */ jsxs29("div", { className: "mt-1.5 text-[11px] text-emerald-700 font-semibold", children: [
4157
+ "reembolso garantido at\xE9 o dia ",
4158
+ trialDays
4152
4159
  ] })
4153
4160
  ] }) })
4154
4161
  ] }),
4155
- /* @__PURE__ */ jsxs29(PaywallStickyFooter, { className: "px-5 pt-3.5 pb-5 border-t border-border", children: [
4162
+ /* @__PURE__ */ jsxs29(PaywallStickyFooter, { className: "px-5 pt-5 pb-6 border-t border-border", children: [
4156
4163
  /* @__PURE__ */ jsx48(
4157
4164
  "button",
4158
4165
  {
@@ -4172,12 +4179,12 @@ function CheckoutPageDefault() {
4172
4179
  ] })
4173
4180
  }
4174
4181
  ),
4175
- /* @__PURE__ */ jsxs29("div", { className: "text-center mt-2.5 text-xs text-muted-foreground", children: [
4182
+ /* @__PURE__ */ jsxs29("div", { className: "text-center mt-3 text-xs text-muted-foreground", children: [
4176
4183
  "Ao continuar, voc\xEA concorda com nossos ",
4177
4184
  /* @__PURE__ */ jsx48("u", { children: "Termos" }),
4178
4185
  ". Pagamento seguro Asaas."
4179
4186
  ] }),
4180
- /* @__PURE__ */ jsxs29("div", { className: "mt-3 flex items-center justify-center gap-3.5 text-[11px] text-muted-foreground", children: [
4187
+ /* @__PURE__ */ jsxs29("div", { className: "mt-3 flex items-center justify-center gap-4 text-[11px] text-muted-foreground", children: [
4181
4188
  /* @__PURE__ */ jsxs29("span", { className: "inline-flex items-center gap-1", children: [
4182
4189
  /* @__PURE__ */ jsx48(LockIcon, { className: "w-2.5 h-2.5 opacity-60" }),
4183
4190
  " SSL 256-bit"
@@ -4195,7 +4202,7 @@ function CheckoutPageDefault() {
4195
4202
  ] }) });
4196
4203
  }
4197
4204
  function FieldLabel({ children }) {
4198
- return /* @__PURE__ */ jsx48("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-1.5", children });
4205
+ return /* @__PURE__ */ jsx48("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground mb-2", children });
4199
4206
  }
4200
4207
  function FieldInput(props) {
4201
4208
  const baseClass = "w-full px-4 rounded-xl bg-card text-base text-foreground outline-none border-[1.5px] transition-colors";