@hook-sdk/template 0.28.0 → 0.28.2

package/dist/index.cjs

@@ -2292,6 +2292,13 @@ function DevSkipOnboardingFab({ defaults }) {
   const [state, setState] = (0, import_react13.useState)("idle");
   const [errorMsg, setErrorMsg] = (0, import_react13.useState)(null);
   const timerRef = (0, import_react13.useRef)(null);
+  const isAuthed = hook.authStatus === "authenticated";
+  const [onboarding] = (0, import_sdk6.usePersistedState)(
+    "onboarding_data",
+    null,
+    { enabled: isAuthed }
+  );
+  const onboardingCompleted = isAuthed && onboarding?.onboarding_completed === true;
   const clearTimer = (0, import_react13.useCallback)(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
@@ -2322,6 +2329,7 @@ function DevSkipOnboardingFab({ defaults }) {
     if (state === "error") return `failed \u2014 tap to retry`;
     return hook.authStatus === "authenticated" ? "\u26A1 skip onboarding" : "\u26A1 skip + signup";
   })();
+  if (onboardingCompleted) return null;
   const style = {
     ...STYLES.base,
     ...state === "confirm" || state === "error" ? STYLES.confirm : {},
@@ -2959,7 +2967,8 @@ function useCheckoutForm(args) {
   const emailConfirmError = touchedEmailConfirm || formSubmitAttempted ? validateEmailConfirm : null;
   const phoneError = touchedPhone || formSubmitAttempted ? validatePhone : null;
   const cpfError = touchedCpf || formSubmitAttempted ? validateCpf : null;
-  const canSubmit = name.trim().length >= 2 && EMAIL_RE.test(email) && (emailConfirm === "" || emailConfirm === email) && (phone === "" || PHONE_RE.test(phone)) && validateCpf === null && cpf.replace(/\D/g, "").length === 11 && emailStatus !== "exists" && !submitting && (method !== "card" || card.number.length >= 12 && card.ccv.length >= 3 && card.expiryMonth.length >= 1 && card.expiryYear.length >= 2 && card.holderName.length >= 1);
+  const phoneOk = method === "pix-auto" ? phone === "" || PHONE_RE.test(phone) : PHONE_RE.test(phone);
+  const canSubmit = name.trim().length >= 2 && EMAIL_RE.test(email) && (emailConfirm === "" || emailConfirm === email) && phoneOk && validateCpf === null && cpf.replace(/\D/g, "").length === 11 && emailStatus !== "exists" && !submitting && (method !== "card" || card.number.length >= 12 && card.ccv.length >= 3 && card.expiryMonth.length >= 1 && card.expiryYear.length >= 2 && card.holderName.length >= 1);
   const submit = (0, import_react17.useCallback)(async () => {
     setFormSubmitAttempted(true);
     setError(null);
@@ -3287,7 +3296,26 @@ function CheckoutPageDefault() {
           error: form.cpfError,
           valid: !!form.cpf && !form.cpfError
         }
-      )
+      ),
+      form.method === "card" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldLabel, { children: "Telefone" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          FieldInput,
+          {
+            type: "tel",
+            inputMode: "tel",
+            autoComplete: "tel",
+            placeholder: "(11) 99999-9999",
+            value: form.phone,
+            onChange: form.setPhone,
+            onBlur: form.markPhoneTouched,
+            error: form.phoneError,
+            valid: !!form.phone && !form.phoneError
+          }
+        ),
+        !form.phoneError && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldHint, { children: "Usado pra confirmar pagamento e tratar disputas." })
+      ] }) : null
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("section", { className: "px-5 pt-5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FieldLabel, { children: "Forma de pagamento" }),