@fayz-ai/plugin-auth 0.1.2 → 0.1.3

package/dist/website/AuthModalProvider.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import { type PhoneAuthModalConfig } from './PhoneAuthModal';
+interface AuthModalContextValue {
+    openAuthModal: () => void;
+    closeAuthModal: () => void;
+    isAuthModalOpen: boolean;
+}
+export interface AuthModalProviderProps {
+    /** Enables the phone sign-in/up modal (default for dogfood sites). */
+    phoneAuth?: boolean;
+    config?: PhoneAuthModalConfig;
+    children: ReactNode;
+}
+/**
+ * Mounts the default phone-auth login modal and exposes openAuthModal() to the
+ * host (e.g. an "Acessar área do cliente" button). Render INSIDE <AuthProvider>
+ * so the modal can sign the user in through the mounted adapter.
+ */
+export declare function AuthModalProvider({ phoneAuth, config, children }: AuthModalProviderProps): import("react").JSX.Element;
+/** Access the auth modal controls. Returns a no-op opener if no provider is mounted. */
+export declare function useAuthModal(): AuthModalContextValue;
+export {};
+//# sourceMappingURL=AuthModalProvider.d.ts.map

package/dist/website/AuthModalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthModalProvider.d.ts","sourceRoot":"","sources":["../../src/website/AuthModalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAE5E,UAAU,qBAAqB;IAC7B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,EAAE,OAAO,CAAA;CACzB;AAID,MAAM,WAAW,sBAAsB;IACrC,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,sBAAsB,+BAa/F;AAED,wFAAwF;AACxF,wBAAgB,YAAY,IAAI,qBAAqB,CAQpD"}

package/dist/website/PhoneAuthModal.d.ts

@@ -0,0 +1,18 @@
+export interface PhoneAuthModalConfig {
+    /** Business/brand name shown in the copy. */
+    brand?: string;
+    title?: string;
+}
+/**
+ * Default phone sign-in / sign-up modal for dogfood Fayz sites. Built on Radix
+ * Dialog (backdrop, focus-trap, Esc, scroll-lock, enter/exit animation via
+ * tailwindcss-animate) — no reinvented modal chrome. Entrar / Criar conta
+ * toggle, phone → WhatsApp code (POC bypass `0000`) → signs the user in via the
+ * mounted auth adapter (phone = account). Token-only; render inside <AuthProvider>.
+ */
+export declare function PhoneAuthModal({ open, onClose, config, }: {
+    open: boolean;
+    onClose: () => void;
+    config?: PhoneAuthModalConfig;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PhoneAuthModal.d.ts.map

package/dist/website/PhoneAuthModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneAuthModal.d.ts","sourceRoot":"","sources":["../../src/website/PhoneAuthModal.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,oBAAoB;IACnC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAID;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EAAE,OAAO,EAAE,MAAM,GACtB,EAAE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,oBAAoB,CAAA;CAAE,+BAyJvE"}

package/dist/website/index.cjs

@@ -0,0 +1,275 @@
+'use strict';
+
+var react = require('react');
+var Dialog = require('@radix-ui/react-dialog');
+var lucideReact = require('lucide-react');
+var core = require('@fayz-ai/core');
+var auth = require('@fayz-ai/auth');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Dialog__namespace = /*#__PURE__*/_interopNamespace(Dialog);
+
+// src/website/AuthModalProvider.tsx
+function phoneToEmail(phoneWithDial) {
+  const digits = core.unmaskPhone(phoneWithDial);
+  return `${digits || "anon"}@phone.fayz.local`;
+}
+function PhoneAuthModal({
+  open,
+  onClose,
+  config
+}) {
+  const { signUp } = auth.useAuth();
+  const [mode, setMode] = react.useState("signup");
+  const [step, setStep] = react.useState("phone");
+  const [countryIso, setCountryIso] = react.useState(core.DEFAULT_COUNTRY);
+  const country = core.getCountry(countryIso);
+  const [phone, setPhone] = react.useState("");
+  const [name, setName] = react.useState("");
+  const [code, setCode] = react.useState("");
+  const [codeError, setCodeError] = react.useState(false);
+  const [busy, setBusy] = react.useState(false);
+  react.useEffect(() => {
+    if (open) {
+      setStep("phone");
+      setCode("");
+      setCodeError(false);
+      setBusy(false);
+    }
+  }, [open]);
+  function sendCode() {
+    if (core.unmaskPhone(phone).length < 8) return;
+    setCode("");
+    setCodeError(false);
+    setStep("code");
+  }
+  async function confirmCode() {
+    if (code.trim() !== "0000") {
+      setCodeError(true);
+      return;
+    }
+    setBusy(true);
+    try {
+      await signUp(phoneToEmail(`${country.dial} ${phone}`), core.unmaskPhone(phone), name.trim() || "Cliente");
+      onClose();
+    } catch {
+      setCodeError(true);
+    } finally {
+      setBusy(false);
+    }
+  }
+  const brandLabel = config?.brand ? ` na ${config.brand}` : "";
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Root, { open, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxRuntime.jsxs(Dialog__namespace.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Overlay, { className: "fixed inset-0 z-[100] bg-foreground/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      Dialog__namespace.Content,
+      {
+        onOpenAutoFocus: (e) => e.preventDefault(),
+        className: "fixed left-1/2 top-1/2 z-[101] w-[calc(100%-2rem)] max-w-[26rem] -translate-x-1/2 -translate-y-1/2 rounded-2xl border border-border bg-card p-6 shadow-2xl duration-200 focus:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:slide-in-from-bottom-2 motion-reduce:animate-none",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-accent text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Smartphone, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Title, { className: "text-base font-semibold text-foreground", children: config?.title ?? "Acessar sua conta" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Description, { className: "text-xs text-muted-foreground", children: mode === "signup" ? `Crie sua conta${brandLabel} em segundos` : `Bem-vindo de volta${brandLabel}` })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Dialog__namespace.Close,
+            {
+              "aria-label": "Fechar",
+              className: "absolute right-4 top-4 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+            }
+          ),
+          step === "phone" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-5 grid grid-cols-2 gap-1 rounded-lg bg-muted p-1 text-sm", children: ["signin", "signup"].map((m) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setMode(m),
+              className: `rounded-md py-1.5 font-medium transition-colors ${mode === m ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+              children: m === "signin" ? "Entrar" : "Criar conta"
+            },
+            m
+          )) }) : null,
+          step === "phone" ? /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: (e) => {
+            e.preventDefault();
+            sendCode();
+          }, className: "mt-4 space-y-3", children: [
+            mode === "signup" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "auth-name", className: "mb-1 block text-sm font-medium text-foreground", children: "Nome" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: "auth-name",
+                  type: "text",
+                  autoComplete: "name",
+                  value: name,
+                  onChange: (e) => setName(e.target.value),
+                  className: "w-full rounded-xl border border-border bg-background px-3.5 py-2.5 text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring",
+                  placeholder: "Seu nome"
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "auth-phone", className: "mb-1 block text-sm font-medium text-foreground", children: "Celular" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "select",
+                  {
+                    "aria-label": "Pa\xEDs",
+                    value: countryIso,
+                    onChange: (e) => {
+                      const c = core.getCountry(e.target.value);
+                      setCountryIso(c.iso2);
+                      setPhone(core.maskPhone(core.unmaskPhone(phone), c.mask));
+                    },
+                    className: "appearance-none rounded-l-xl border border-r-0 border-border bg-muted py-2.5 pl-3 pr-6 text-sm font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    children: core.COUNTRIES.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: c.iso2, children: [
+                      c.flag,
+                      " ",
+                      c.dial
+                    ] }, c.iso2))
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    id: "auth-phone",
+                    type: "tel",
+                    autoComplete: "tel",
+                    inputMode: "tel",
+                    value: phone,
+                    autoFocus: true,
+                    onChange: (e) => setPhone(core.maskPhone(e.target.value, country.mask)),
+                    className: "w-full rounded-r-xl border border-border bg-background px-3.5 py-2.5 text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring",
+                    placeholder: `Ex.: ${core.maskPhone("11987654321", country.mask)}`
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "submit",
+                disabled: core.unmaskPhone(phone).length < 8,
+                className: "w-full rounded-xl bg-primary py-2.5 font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: "Enviar c\xF3digo via WhatsApp"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-xs text-muted-foreground", children: "Enviaremos um c\xF3digo para confirmar seu n\xFAmero." })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: (e) => {
+            e.preventDefault();
+            void confirmCode();
+          }, className: "mt-5 space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+              "Enviamos um c\xF3digo via WhatsApp para ",
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-foreground", children: [
+                country.flag,
+                " ",
+                country.dial,
+                " ",
+                phone
+              ] }),
+              "."
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "text",
+                inputMode: "numeric",
+                value: code,
+                autoFocus: true,
+                onChange: (e) => {
+                  setCode(e.target.value);
+                  setCodeError(false);
+                },
+                className: "w-full rounded-xl border border-border bg-background px-4 py-3 text-center text-lg tracking-[0.4em] text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring placeholder:text-sm placeholder:tracking-normal",
+                placeholder: "Digite o c\xF3digo"
+              }
+            ),
+            codeError ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: "C\xF3digo inv\xE1lido. Para testar, use 0000." }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "submit",
+                disabled: busy,
+                className: "w-full rounded-xl bg-primary py-2.5 font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: busy ? "Entrando\u2026" : mode === "signup" ? "Criar conta e entrar" : "Confirmar e entrar"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: () => setStep("phone"), className: "mx-auto flex items-center gap-1 text-sm font-medium text-primary hover:underline", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-3.5 w-3.5" }),
+              " Trocar n\xFAmero"
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+var AuthModalContext = react.createContext(null);
+function AuthModalProvider({ phoneAuth = true, config, children }) {
+  const [open, setOpen] = react.useState(false);
+  const value = {
+    openAuthModal: () => setOpen(true),
+    closeAuthModal: () => setOpen(false),
+    isAuthModalOpen: open
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(AuthModalContext.Provider, { value, children: [
+    children,
+    phoneAuth ? /* @__PURE__ */ jsxRuntime.jsx(PhoneAuthModal, { open, onClose: () => setOpen(false), config }) : null
+  ] });
+}
+function useAuthModal() {
+  return react.useContext(AuthModalContext) ?? {
+    openAuthModal: () => {
+    },
+    closeAuthModal: () => {
+    },
+    isAuthModalOpen: false
+  };
+}
+
+Object.defineProperty(exports, "AuthProvider", {
+  enumerable: true,
+  get: function () { return auth.AuthProvider; }
+});
+Object.defineProperty(exports, "createMockAuthAdapter", {
+  enumerable: true,
+  get: function () { return auth.createMockAuthAdapter; }
+});
+Object.defineProperty(exports, "createSupabaseAuthAdapter", {
+  enumerable: true,
+  get: function () { return auth.createSupabaseAuthAdapter; }
+});
+Object.defineProperty(exports, "useAuth", {
+  enumerable: true,
+  get: function () { return auth.useAuth; }
+});
+exports.AuthModalProvider = AuthModalProvider;
+exports.PhoneAuthModal = PhoneAuthModal;
+exports.phoneToEmail = phoneToEmail;
+exports.useAuthModal = useAuthModal;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/website/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/website/phone.ts","../../src/website/PhoneAuthModal.tsx","../../src/website/AuthModalProvider.tsx"],"names":["unmaskPhone","useAuth","useState","DEFAULT_COUNTRY","getCountry","useEffect","Dialog","jsxs","jsx","Smartphone","X","maskPhone","COUNTRIES","ArrowLeft","createContext","useContext"],"mappings":"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","file":"index.cjs","sourcesContent":["import { unmaskPhone } from '@fayz-ai/core'\n\n/**\n * Canonical phone → auth email. Used by BOTH the phone-auth modal and any host\n * booking→auth bridge so the same number always maps to the same account\n * (Quaddro model: phone = identity). Pass the phone WITH its country dial so the\n * digits are globally unique.\n */\nexport function phoneToEmail(phoneWithDial: string): string {\n  const digits = unmaskPhone(phoneWithDial)\n  return `${digits || 'anon'}@phone.fayz.local`\n}\n","import { useEffect, useState } from 'react'\nimport * as Dialog from '@radix-ui/react-dialog'\nimport { X, Smartphone, ArrowLeft } from 'lucide-react'\nimport { COUNTRIES, DEFAULT_COUNTRY, getCountry, maskPhone, unmaskPhone } from '@fayz-ai/core'\nimport { useAuth } from '@fayz-ai/auth'\nimport { phoneToEmail } from './phone'\n\nexport interface PhoneAuthModalConfig {\n  /** Business/brand name shown in the copy. */\n  brand?: string\n  title?: string\n}\n\ntype Mode = 'signin' | 'signup'\n\n/**\n * Default phone sign-in / sign-up modal for dogfood Fayz sites. Built on Radix\n * Dialog (backdrop, focus-trap, Esc, scroll-lock, enter/exit animation via\n * tailwindcss-animate) — no reinvented modal chrome. Entrar / Criar conta\n * toggle, phone → WhatsApp code (POC bypass `0000`) → signs the user in via the\n * mounted auth adapter (phone = account). Token-only; render inside <AuthProvider>.\n */\nexport function PhoneAuthModal({\n  open, onClose, config,\n}: { open: boolean; onClose: () => void; config?: PhoneAuthModalConfig }) {\n  const { signUp } = useAuth()\n\n  const [mode, setMode] = useState<Mode>('signup')\n  const [step, setStep] = useState<'phone' | 'code'>('phone')\n  const [countryIso, setCountryIso] = useState(DEFAULT_COUNTRY)\n  const country = getCountry(countryIso)\n  const [phone, setPhone] = useState('')\n  const [name, setName] = useState('')\n  const [code, setCode] = useState('')\n  const [codeError, setCodeError] = useState(false)\n  const [busy, setBusy] = useState(false)\n\n  // Fresh flow each time it opens.\n  useEffect(() => {\n    if (open) { setStep('phone'); setCode(''); setCodeError(false); setBusy(false) }\n  }, [open])\n\n  function sendCode() {\n    if (unmaskPhone(phone).length < 8) return\n    setCode(''); setCodeError(false); setStep('code')\n  }\n\n  async function confirmCode() {\n    if (code.trim() !== '0000') { setCodeError(true); return }\n    setBusy(true)\n    try {\n      await signUp(phoneToEmail(`${country.dial} ${phone}`), unmaskPhone(phone), name.trim() || 'Cliente')\n      onClose()\n    } catch {\n      setCodeError(true)\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const brandLabel = config?.brand ? ` na ${config.brand}` : ''\n\n  return (\n    <Dialog.Root open={open} onOpenChange={(o) => { if (!o) onClose() }}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"fixed inset-0 z-[100] bg-foreground/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0\" />\n        <Dialog.Content\n          onOpenAutoFocus={(e) => e.preventDefault()}\n          className=\"fixed left-1/2 top-1/2 z-[101] w-[calc(100%-2rem)] max-w-[26rem] -translate-x-1/2 -translate-y-1/2 rounded-2xl border border-border bg-card p-6 shadow-2xl duration-200 focus:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:slide-in-from-bottom-2 motion-reduce:animate-none\"\n        >\n          {/* Header */}\n          <div className=\"flex items-center gap-3\">\n            <span className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-accent text-primary\">\n              <Smartphone className=\"h-5 w-5\" />\n            </span>\n            <div className=\"min-w-0\">\n              <Dialog.Title className=\"text-base font-semibold text-foreground\">\n                {config?.title ?? 'Acessar sua conta'}\n              </Dialog.Title>\n              <Dialog.Description className=\"text-xs text-muted-foreground\">\n                {mode === 'signup' ? `Crie sua conta${brandLabel} em segundos` : `Bem-vindo de volta${brandLabel}`}\n              </Dialog.Description>\n            </div>\n          </div>\n\n          <Dialog.Close\n            aria-label=\"Fechar\"\n            className=\"absolute right-4 top-4 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <X className=\"h-4 w-4\" />\n          </Dialog.Close>\n\n          {/* Mode toggle (only on the phone step) */}\n          {step === 'phone' ? (\n            <div className=\"mt-5 grid grid-cols-2 gap-1 rounded-lg bg-muted p-1 text-sm\">\n              {(['signin', 'signup'] as Mode[]).map((m) => (\n                <button\n                  key={m}\n                  type=\"button\"\n                  onClick={() => setMode(m)}\n                  className={`rounded-md py-1.5 font-medium transition-colors ${mode === m ? 'bg-card text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground'}`}\n                >\n                  {m === 'signin' ? 'Entrar' : 'Criar conta'}\n                </button>\n              ))}\n            </div>\n          ) : null}\n\n          {step === 'phone' ? (\n            <form onSubmit={(e) => { e.preventDefault(); sendCode() }} className=\"mt-4 space-y-3\">\n              {mode === 'signup' ? (\n                <div>\n                  <label htmlFor=\"auth-name\" className=\"mb-1 block text-sm font-medium text-foreground\">Nome</label>\n                  <input\n                    id=\"auth-name\" type=\"text\" autoComplete=\"name\" value={name}\n                    onChange={(e) => setName(e.target.value)}\n                    className=\"w-full rounded-xl border border-border bg-background px-3.5 py-2.5 text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring\"\n                    placeholder=\"Seu nome\"\n                  />\n                </div>\n              ) : null}\n              <div>\n                <label htmlFor=\"auth-phone\" className=\"mb-1 block text-sm font-medium text-foreground\">Celular</label>\n                <div className=\"flex\">\n                  <select\n                    aria-label=\"País\"\n                    value={countryIso}\n                    onChange={(e) => { const c = getCountry(e.target.value); setCountryIso(c.iso2); setPhone(maskPhone(unmaskPhone(phone), c.mask)) }}\n                    className=\"appearance-none rounded-l-xl border border-r-0 border-border bg-muted py-2.5 pl-3 pr-6 text-sm font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                  >\n                    {COUNTRIES.map((c) => <option key={c.iso2} value={c.iso2}>{c.flag} {c.dial}</option>)}\n                  </select>\n                  <input\n                    id=\"auth-phone\" type=\"tel\" autoComplete=\"tel\" inputMode=\"tel\" value={phone} autoFocus\n                    onChange={(e) => setPhone(maskPhone(e.target.value, country.mask))}\n                    className=\"w-full rounded-r-xl border border-border bg-background px-3.5 py-2.5 text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring\"\n                    placeholder={`Ex.: ${maskPhone('11987654321', country.mask)}`}\n                  />\n                </div>\n              </div>\n              <button\n                type=\"submit\"\n                disabled={unmaskPhone(phone).length < 8}\n                className=\"w-full rounded-xl bg-primary py-2.5 font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                Enviar código via WhatsApp\n              </button>\n              <p className=\"text-center text-xs text-muted-foreground\">Enviaremos um código para confirmar seu número.</p>\n            </form>\n          ) : (\n            <form onSubmit={(e) => { e.preventDefault(); void confirmCode() }} className=\"mt-5 space-y-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                Enviamos um código via WhatsApp para <span className=\"font-medium text-foreground\">{country.flag} {country.dial} {phone}</span>.\n              </p>\n              <input\n                type=\"text\" inputMode=\"numeric\" value={code} autoFocus\n                onChange={(e) => { setCode(e.target.value); setCodeError(false) }}\n                className=\"w-full rounded-xl border border-border bg-background px-4 py-3 text-center text-lg tracking-[0.4em] text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring placeholder:text-sm placeholder:tracking-normal\"\n                placeholder=\"Digite o código\"\n              />\n              {codeError ? <p role=\"alert\" className=\"text-sm text-destructive\">Código inválido. Para testar, use 0000.</p> : null}\n              <button\n                type=\"submit\"\n                disabled={busy}\n                className=\"w-full rounded-xl bg-primary py-2.5 font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                {busy ? 'Entrando…' : mode === 'signup' ? 'Criar conta e entrar' : 'Confirmar e entrar'}\n              </button>\n              <button type=\"button\" onClick={() => setStep('phone')} className=\"mx-auto flex items-center gap-1 text-sm font-medium text-primary hover:underline\">\n                <ArrowLeft className=\"h-3.5 w-3.5\" /> Trocar número\n              </button>\n            </form>\n          )}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  )\n}\n","import { createContext, useContext, useState, type ReactNode } from 'react'\nimport { PhoneAuthModal, type PhoneAuthModalConfig } from './PhoneAuthModal'\n\ninterface AuthModalContextValue {\n  openAuthModal: () => void\n  closeAuthModal: () => void\n  isAuthModalOpen: boolean\n}\n\nconst AuthModalContext = createContext<AuthModalContextValue | null>(null)\n\nexport interface AuthModalProviderProps {\n  /** Enables the phone sign-in/up modal (default for dogfood sites). */\n  phoneAuth?: boolean\n  config?: PhoneAuthModalConfig\n  children: ReactNode\n}\n\n/**\n * Mounts the default phone-auth login modal and exposes openAuthModal() to the\n * host (e.g. an \"Acessar área do cliente\" button). Render INSIDE <AuthProvider>\n * so the modal can sign the user in through the mounted adapter.\n */\nexport function AuthModalProvider({ phoneAuth = true, config, children }: AuthModalProviderProps) {\n  const [open, setOpen] = useState(false)\n  const value: AuthModalContextValue = {\n    openAuthModal: () => setOpen(true),\n    closeAuthModal: () => setOpen(false),\n    isAuthModalOpen: open,\n  }\n  return (\n    <AuthModalContext.Provider value={value}>\n      {children}\n      {phoneAuth ? <PhoneAuthModal open={open} onClose={() => setOpen(false)} config={config} /> : null}\n    </AuthModalContext.Provider>\n  )\n}\n\n/** Access the auth modal controls. Returns a no-op opener if no provider is mounted. */\nexport function useAuthModal(): AuthModalContextValue {\n  return (\n    useContext(AuthModalContext) ?? {\n      openAuthModal: () => {},\n      closeAuthModal: () => {},\n      isAuthModalOpen: false,\n    }\n  )\n}\n"]}

package/dist/website/index.d.ts

@@ -0,0 +1,8 @@
+export { AuthModalProvider, useAuthModal } from './AuthModalProvider';
+export type { AuthModalProviderProps } from './AuthModalProvider';
+export { PhoneAuthModal } from './PhoneAuthModal';
+export type { PhoneAuthModalConfig } from './PhoneAuthModal';
+export { phoneToEmail } from './phone';
+export { AuthProvider, useAuth, createMockAuthAdapter, createSupabaseAuthAdapter } from '@fayz-ai/auth';
+export type { AuthAdapter, AuthUser, AuthSession } from '@fayz-ai/core';
+//# sourceMappingURL=index.d.ts.map

package/dist/website/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/website/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACrE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGtC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AACvG,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/website/index.js

@@ -0,0 +1,235 @@
+import { createContext, useState, useEffect, useContext } from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+import { Smartphone, X, ArrowLeft } from 'lucide-react';
+import { unmaskPhone, DEFAULT_COUNTRY, getCountry, COUNTRIES, maskPhone } from '@fayz-ai/core';
+import { useAuth } from '@fayz-ai/auth';
+export { AuthProvider, createMockAuthAdapter, createSupabaseAuthAdapter, useAuth } from '@fayz-ai/auth';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/website/AuthModalProvider.tsx
+function phoneToEmail(phoneWithDial) {
+  const digits = unmaskPhone(phoneWithDial);
+  return `${digits || "anon"}@phone.fayz.local`;
+}
+function PhoneAuthModal({
+  open,
+  onClose,
+  config
+}) {
+  const { signUp } = useAuth();
+  const [mode, setMode] = useState("signup");
+  const [step, setStep] = useState("phone");
+  const [countryIso, setCountryIso] = useState(DEFAULT_COUNTRY);
+  const country = getCountry(countryIso);
+  const [phone, setPhone] = useState("");
+  const [name, setName] = useState("");
+  const [code, setCode] = useState("");
+  const [codeError, setCodeError] = useState(false);
+  const [busy, setBusy] = useState(false);
+  useEffect(() => {
+    if (open) {
+      setStep("phone");
+      setCode("");
+      setCodeError(false);
+      setBusy(false);
+    }
+  }, [open]);
+  function sendCode() {
+    if (unmaskPhone(phone).length < 8) return;
+    setCode("");
+    setCodeError(false);
+    setStep("code");
+  }
+  async function confirmCode() {
+    if (code.trim() !== "0000") {
+      setCodeError(true);
+      return;
+    }
+    setBusy(true);
+    try {
+      await signUp(phoneToEmail(`${country.dial} ${phone}`), unmaskPhone(phone), name.trim() || "Cliente");
+      onClose();
+    } catch {
+      setCodeError(true);
+    } finally {
+      setBusy(false);
+    }
+  }
+  const brandLabel = config?.brand ? ` na ${config.brand}` : "";
+  return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "fixed inset-0 z-[100] bg-foreground/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0" }),
+    /* @__PURE__ */ jsxs(
+      Dialog.Content,
+      {
+        onOpenAutoFocus: (e) => e.preventDefault(),
+        className: "fixed left-1/2 top-1/2 z-[101] w-[calc(100%-2rem)] max-w-[26rem] -translate-x-1/2 -translate-y-1/2 rounded-2xl border border-border bg-card p-6 shadow-2xl duration-200 focus:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:slide-in-from-bottom-2 motion-reduce:animate-none",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-accent text-primary", children: /* @__PURE__ */ jsx(Smartphone, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx(Dialog.Title, { className: "text-base font-semibold text-foreground", children: config?.title ?? "Acessar sua conta" }),
+              /* @__PURE__ */ jsx(Dialog.Description, { className: "text-xs text-muted-foreground", children: mode === "signup" ? `Crie sua conta${brandLabel} em segundos` : `Bem-vindo de volta${brandLabel}` })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Dialog.Close,
+            {
+              "aria-label": "Fechar",
+              className: "absolute right-4 top-4 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          ),
+          step === "phone" ? /* @__PURE__ */ jsx("div", { className: "mt-5 grid grid-cols-2 gap-1 rounded-lg bg-muted p-1 text-sm", children: ["signin", "signup"].map((m) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setMode(m),
+              className: `rounded-md py-1.5 font-medium transition-colors ${mode === m ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+              children: m === "signin" ? "Entrar" : "Criar conta"
+            },
+            m
+          )) }) : null,
+          step === "phone" ? /* @__PURE__ */ jsxs("form", { onSubmit: (e) => {
+            e.preventDefault();
+            sendCode();
+          }, className: "mt-4 space-y-3", children: [
+            mode === "signup" ? /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "auth-name", className: "mb-1 block text-sm font-medium text-foreground", children: "Nome" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: "auth-name",
+                  type: "text",
+                  autoComplete: "name",
+                  value: name,
+                  onChange: (e) => setName(e.target.value),
+                  className: "w-full rounded-xl border border-border bg-background px-3.5 py-2.5 text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring",
+                  placeholder: "Seu nome"
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: "auth-phone", className: "mb-1 block text-sm font-medium text-foreground", children: "Celular" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+                /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    "aria-label": "Pa\xEDs",
+                    value: countryIso,
+                    onChange: (e) => {
+                      const c = getCountry(e.target.value);
+                      setCountryIso(c.iso2);
+                      setPhone(maskPhone(unmaskPhone(phone), c.mask));
+                    },
+                    className: "appearance-none rounded-l-xl border border-r-0 border-border bg-muted py-2.5 pl-3 pr-6 text-sm font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    children: COUNTRIES.map((c) => /* @__PURE__ */ jsxs("option", { value: c.iso2, children: [
+                      c.flag,
+                      " ",
+                      c.dial
+                    ] }, c.iso2))
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    id: "auth-phone",
+                    type: "tel",
+                    autoComplete: "tel",
+                    inputMode: "tel",
+                    value: phone,
+                    autoFocus: true,
+                    onChange: (e) => setPhone(maskPhone(e.target.value, country.mask)),
+                    className: "w-full rounded-r-xl border border-border bg-background px-3.5 py-2.5 text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring",
+                    placeholder: `Ex.: ${maskPhone("11987654321", country.mask)}`
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "submit",
+                disabled: unmaskPhone(phone).length < 8,
+                className: "w-full rounded-xl bg-primary py-2.5 font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: "Enviar c\xF3digo via WhatsApp"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-muted-foreground", children: "Enviaremos um c\xF3digo para confirmar seu n\xFAmero." })
+          ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: (e) => {
+            e.preventDefault();
+            void confirmCode();
+          }, className: "mt-5 space-y-3", children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+              "Enviamos um c\xF3digo via WhatsApp para ",
+              /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
+                country.flag,
+                " ",
+                country.dial,
+                " ",
+                phone
+              ] }),
+              "."
+            ] }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                inputMode: "numeric",
+                value: code,
+                autoFocus: true,
+                onChange: (e) => {
+                  setCode(e.target.value);
+                  setCodeError(false);
+                },
+                className: "w-full rounded-xl border border-border bg-background px-4 py-3 text-center text-lg tracking-[0.4em] text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring placeholder:text-sm placeholder:tracking-normal",
+                placeholder: "Digite o c\xF3digo"
+              }
+            ),
+            codeError ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: "C\xF3digo inv\xE1lido. Para testar, use 0000." }) : null,
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "submit",
+                disabled: busy,
+                className: "w-full rounded-xl bg-primary py-2.5 font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: busy ? "Entrando\u2026" : mode === "signup" ? "Criar conta e entrar" : "Confirmar e entrar"
+              }
+            ),
+            /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => setStep("phone"), className: "mx-auto flex items-center gap-1 text-sm font-medium text-primary hover:underline", children: [
+              /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" }),
+              " Trocar n\xFAmero"
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+var AuthModalContext = createContext(null);
+function AuthModalProvider({ phoneAuth = true, config, children }) {
+  const [open, setOpen] = useState(false);
+  const value = {
+    openAuthModal: () => setOpen(true),
+    closeAuthModal: () => setOpen(false),
+    isAuthModalOpen: open
+  };
+  return /* @__PURE__ */ jsxs(AuthModalContext.Provider, { value, children: [
+    children,
+    phoneAuth ? /* @__PURE__ */ jsx(PhoneAuthModal, { open, onClose: () => setOpen(false), config }) : null
+  ] });
+}
+function useAuthModal() {
+  return useContext(AuthModalContext) ?? {
+    openAuthModal: () => {
+    },
+    closeAuthModal: () => {
+    },
+    isAuthModalOpen: false
+  };
+}
+
+export { AuthModalProvider, PhoneAuthModal, phoneToEmail, useAuthModal };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/website/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/website/phone.ts","../../src/website/PhoneAuthModal.tsx","../../src/website/AuthModalProvider.tsx"],"names":["unmaskPhone","useState","jsxs","jsx"],"mappings":"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","file":"index.js","sourcesContent":["import { unmaskPhone } from '@fayz-ai/core'\n\n/**\n * Canonical phone → auth email. Used by BOTH the phone-auth modal and any host\n * booking→auth bridge so the same number always maps to the same account\n * (Quaddro model: phone = identity). Pass the phone WITH its country dial so the\n * digits are globally unique.\n */\nexport function phoneToEmail(phoneWithDial: string): string {\n  const digits = unmaskPhone(phoneWithDial)\n  return `${digits || 'anon'}@phone.fayz.local`\n}\n","import { useEffect, useState } from 'react'\nimport * as Dialog from '@radix-ui/react-dialog'\nimport { X, Smartphone, ArrowLeft } from 'lucide-react'\nimport { COUNTRIES, DEFAULT_COUNTRY, getCountry, maskPhone, unmaskPhone } from '@fayz-ai/core'\nimport { useAuth } from '@fayz-ai/auth'\nimport { phoneToEmail } from './phone'\n\nexport interface PhoneAuthModalConfig {\n  /** Business/brand name shown in the copy. */\n  brand?: string\n  title?: string\n}\n\ntype Mode = 'signin' | 'signup'\n\n/**\n * Default phone sign-in / sign-up modal for dogfood Fayz sites. Built on Radix\n * Dialog (backdrop, focus-trap, Esc, scroll-lock, enter/exit animation via\n * tailwindcss-animate) — no reinvented modal chrome. Entrar / Criar conta\n * toggle, phone → WhatsApp code (POC bypass `0000`) → signs the user in via the\n * mounted auth adapter (phone = account). Token-only; render inside <AuthProvider>.\n */\nexport function PhoneAuthModal({\n  open, onClose, config,\n}: { open: boolean; onClose: () => void; config?: PhoneAuthModalConfig }) {\n  const { signUp } = useAuth()\n\n  const [mode, setMode] = useState<Mode>('signup')\n  const [step, setStep] = useState<'phone' | 'code'>('phone')\n  const [countryIso, setCountryIso] = useState(DEFAULT_COUNTRY)\n  const country = getCountry(countryIso)\n  const [phone, setPhone] = useState('')\n  const [name, setName] = useState('')\n  const [code, setCode] = useState('')\n  const [codeError, setCodeError] = useState(false)\n  const [busy, setBusy] = useState(false)\n\n  // Fresh flow each time it opens.\n  useEffect(() => {\n    if (open) { setStep('phone'); setCode(''); setCodeError(false); setBusy(false) }\n  }, [open])\n\n  function sendCode() {\n    if (unmaskPhone(phone).length < 8) return\n    setCode(''); setCodeError(false); setStep('code')\n  }\n\n  async function confirmCode() {\n    if (code.trim() !== '0000') { setCodeError(true); return }\n    setBusy(true)\n    try {\n      await signUp(phoneToEmail(`${country.dial} ${phone}`), unmaskPhone(phone), name.trim() || 'Cliente')\n      onClose()\n    } catch {\n      setCodeError(true)\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  const brandLabel = config?.brand ? ` na ${config.brand}` : ''\n\n  return (\n    <Dialog.Root open={open} onOpenChange={(o) => { if (!o) onClose() }}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"fixed inset-0 z-[100] bg-foreground/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0\" />\n        <Dialog.Content\n          onOpenAutoFocus={(e) => e.preventDefault()}\n          className=\"fixed left-1/2 top-1/2 z-[101] w-[calc(100%-2rem)] max-w-[26rem] -translate-x-1/2 -translate-y-1/2 rounded-2xl border border-border bg-card p-6 shadow-2xl duration-200 focus:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:slide-in-from-bottom-2 motion-reduce:animate-none\"\n        >\n          {/* Header */}\n          <div className=\"flex items-center gap-3\">\n            <span className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-accent text-primary\">\n              <Smartphone className=\"h-5 w-5\" />\n            </span>\n            <div className=\"min-w-0\">\n              <Dialog.Title className=\"text-base font-semibold text-foreground\">\n                {config?.title ?? 'Acessar sua conta'}\n              </Dialog.Title>\n              <Dialog.Description className=\"text-xs text-muted-foreground\">\n                {mode === 'signup' ? `Crie sua conta${brandLabel} em segundos` : `Bem-vindo de volta${brandLabel}`}\n              </Dialog.Description>\n            </div>\n          </div>\n\n          <Dialog.Close\n            aria-label=\"Fechar\"\n            className=\"absolute right-4 top-4 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <X className=\"h-4 w-4\" />\n          </Dialog.Close>\n\n          {/* Mode toggle (only on the phone step) */}\n          {step === 'phone' ? (\n            <div className=\"mt-5 grid grid-cols-2 gap-1 rounded-lg bg-muted p-1 text-sm\">\n              {(['signin', 'signup'] as Mode[]).map((m) => (\n                <button\n                  key={m}\n                  type=\"button\"\n                  onClick={() => setMode(m)}\n                  className={`rounded-md py-1.5 font-medium transition-colors ${mode === m ? 'bg-card text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground'}`}\n                >\n                  {m === 'signin' ? 'Entrar' : 'Criar conta'}\n                </button>\n              ))}\n            </div>\n          ) : null}\n\n          {step === 'phone' ? (\n            <form onSubmit={(e) => { e.preventDefault(); sendCode() }} className=\"mt-4 space-y-3\">\n              {mode === 'signup' ? (\n                <div>\n                  <label htmlFor=\"auth-name\" className=\"mb-1 block text-sm font-medium text-foreground\">Nome</label>\n                  <input\n                    id=\"auth-name\" type=\"text\" autoComplete=\"name\" value={name}\n                    onChange={(e) => setName(e.target.value)}\n                    className=\"w-full rounded-xl border border-border bg-background px-3.5 py-2.5 text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring\"\n                    placeholder=\"Seu nome\"\n                  />\n                </div>\n              ) : null}\n              <div>\n                <label htmlFor=\"auth-phone\" className=\"mb-1 block text-sm font-medium text-foreground\">Celular</label>\n                <div className=\"flex\">\n                  <select\n                    aria-label=\"País\"\n                    value={countryIso}\n                    onChange={(e) => { const c = getCountry(e.target.value); setCountryIso(c.iso2); setPhone(maskPhone(unmaskPhone(phone), c.mask)) }}\n                    className=\"appearance-none rounded-l-xl border border-r-0 border-border bg-muted py-2.5 pl-3 pr-6 text-sm font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                  >\n                    {COUNTRIES.map((c) => <option key={c.iso2} value={c.iso2}>{c.flag} {c.dial}</option>)}\n                  </select>\n                  <input\n                    id=\"auth-phone\" type=\"tel\" autoComplete=\"tel\" inputMode=\"tel\" value={phone} autoFocus\n                    onChange={(e) => setPhone(maskPhone(e.target.value, country.mask))}\n                    className=\"w-full rounded-r-xl border border-border bg-background px-3.5 py-2.5 text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring\"\n                    placeholder={`Ex.: ${maskPhone('11987654321', country.mask)}`}\n                  />\n                </div>\n              </div>\n              <button\n                type=\"submit\"\n                disabled={unmaskPhone(phone).length < 8}\n                className=\"w-full rounded-xl bg-primary py-2.5 font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                Enviar código via WhatsApp\n              </button>\n              <p className=\"text-center text-xs text-muted-foreground\">Enviaremos um código para confirmar seu número.</p>\n            </form>\n          ) : (\n            <form onSubmit={(e) => { e.preventDefault(); void confirmCode() }} className=\"mt-5 space-y-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                Enviamos um código via WhatsApp para <span className=\"font-medium text-foreground\">{country.flag} {country.dial} {phone}</span>.\n              </p>\n              <input\n                type=\"text\" inputMode=\"numeric\" value={code} autoFocus\n                onChange={(e) => { setCode(e.target.value); setCodeError(false) }}\n                className=\"w-full rounded-xl border border-border bg-background px-4 py-3 text-center text-lg tracking-[0.4em] text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring placeholder:text-sm placeholder:tracking-normal\"\n                placeholder=\"Digite o código\"\n              />\n              {codeError ? <p role=\"alert\" className=\"text-sm text-destructive\">Código inválido. Para testar, use 0000.</p> : null}\n              <button\n                type=\"submit\"\n                disabled={busy}\n                className=\"w-full rounded-xl bg-primary py-2.5 font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                {busy ? 'Entrando…' : mode === 'signup' ? 'Criar conta e entrar' : 'Confirmar e entrar'}\n              </button>\n              <button type=\"button\" onClick={() => setStep('phone')} className=\"mx-auto flex items-center gap-1 text-sm font-medium text-primary hover:underline\">\n                <ArrowLeft className=\"h-3.5 w-3.5\" /> Trocar número\n              </button>\n            </form>\n          )}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  )\n}\n","import { createContext, useContext, useState, type ReactNode } from 'react'\nimport { PhoneAuthModal, type PhoneAuthModalConfig } from './PhoneAuthModal'\n\ninterface AuthModalContextValue {\n  openAuthModal: () => void\n  closeAuthModal: () => void\n  isAuthModalOpen: boolean\n}\n\nconst AuthModalContext = createContext<AuthModalContextValue | null>(null)\n\nexport interface AuthModalProviderProps {\n  /** Enables the phone sign-in/up modal (default for dogfood sites). */\n  phoneAuth?: boolean\n  config?: PhoneAuthModalConfig\n  children: ReactNode\n}\n\n/**\n * Mounts the default phone-auth login modal and exposes openAuthModal() to the\n * host (e.g. an \"Acessar área do cliente\" button). Render INSIDE <AuthProvider>\n * so the modal can sign the user in through the mounted adapter.\n */\nexport function AuthModalProvider({ phoneAuth = true, config, children }: AuthModalProviderProps) {\n  const [open, setOpen] = useState(false)\n  const value: AuthModalContextValue = {\n    openAuthModal: () => setOpen(true),\n    closeAuthModal: () => setOpen(false),\n    isAuthModalOpen: open,\n  }\n  return (\n    <AuthModalContext.Provider value={value}>\n      {children}\n      {phoneAuth ? <PhoneAuthModal open={open} onClose={() => setOpen(false)} config={config} /> : null}\n    </AuthModalContext.Provider>\n  )\n}\n\n/** Access the auth modal controls. Returns a no-op opener if no provider is mounted. */\nexport function useAuthModal(): AuthModalContextValue {\n  return (\n    useContext(AuthModalContext) ?? {\n      openAuthModal: () => {},\n      closeAuthModal: () => {},\n      isAuthModalOpen: false,\n    }\n  )\n}\n"]}

package/dist/website/phone.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Canonical phone → auth email. Used by BOTH the phone-auth modal and any host
+ * booking→auth bridge so the same number always maps to the same account
+ * (Quaddro model: phone = identity). Pass the phone WITH its country dial so the
+ * digits are globally unique.
+ */
+export declare function phoneToEmail(phoneWithDial: string): string;
+//# sourceMappingURL=phone.d.ts.map

package/dist/website/phone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone.d.ts","sourceRoot":"","sources":["../../src/website/phone.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAG1D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fayz-ai/plugin-auth",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Fayz SDK — reusable auth runtime and UI integration plugin",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -12,6 +12,12 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
+    },
+    "./website": {
+      "source": "./src/website/index.tsx",
+      "types": "./dist/website/index.d.ts",
+      "import": "./dist/website/index.js",
+      "require": "./dist/website/index.cjs"
     }
   },
   "files": [
@@ -23,9 +29,11 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@fayz-ai/auth": "^0.6.6",
-    "@fayz-ai/core": "^0.6.6",
-    "@fayz-ai/ui": "^0.6.6"
+    "@radix-ui/react-dialog": "^1.1.0",
+    "lucide-react": "^0.400.0",
+    "@fayz-ai/auth": "^0.7.1",
+    "@fayz-ai/core": "^0.7.1",
+    "@fayz-ai/ui": "^0.7.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.0",

package/src/website/AuthModalProvider.tsx

@@ -0,0 +1,48 @@
+import { createContext, useContext, useState, type ReactNode } from 'react'
+import { PhoneAuthModal, type PhoneAuthModalConfig } from './PhoneAuthModal'
+
+interface AuthModalContextValue {
+  openAuthModal: () => void
+  closeAuthModal: () => void
+  isAuthModalOpen: boolean
+}
+
+const AuthModalContext = createContext<AuthModalContextValue | null>(null)
+
+export interface AuthModalProviderProps {
+  /** Enables the phone sign-in/up modal (default for dogfood sites). */
+  phoneAuth?: boolean
+  config?: PhoneAuthModalConfig
+  children: ReactNode
+}
+
+/**
+ * Mounts the default phone-auth login modal and exposes openAuthModal() to the
+ * host (e.g. an "Acessar área do cliente" button). Render INSIDE <AuthProvider>
+ * so the modal can sign the user in through the mounted adapter.
+ */
+export function AuthModalProvider({ phoneAuth = true, config, children }: AuthModalProviderProps) {
+  const [open, setOpen] = useState(false)
+  const value: AuthModalContextValue = {
+    openAuthModal: () => setOpen(true),
+    closeAuthModal: () => setOpen(false),
+    isAuthModalOpen: open,
+  }
+  return (
+    <AuthModalContext.Provider value={value}>
+      {children}
+      {phoneAuth ? <PhoneAuthModal open={open} onClose={() => setOpen(false)} config={config} /> : null}
+    </AuthModalContext.Provider>
+  )
+}
+
+/** Access the auth modal controls. Returns a no-op opener if no provider is mounted. */
+export function useAuthModal(): AuthModalContextValue {
+  return (
+    useContext(AuthModalContext) ?? {
+      openAuthModal: () => {},
+      closeAuthModal: () => {},
+      isAuthModalOpen: false,
+    }
+  )
+}

package/src/website/PhoneAuthModal.tsx

@@ -0,0 +1,178 @@
+import { useEffect, useState } from 'react'
+import * as Dialog from '@radix-ui/react-dialog'
+import { X, Smartphone, ArrowLeft } from 'lucide-react'
+import { COUNTRIES, DEFAULT_COUNTRY, getCountry, maskPhone, unmaskPhone } from '@fayz-ai/core'
+import { useAuth } from '@fayz-ai/auth'
+import { phoneToEmail } from './phone'
+
+export interface PhoneAuthModalConfig {
+  /** Business/brand name shown in the copy. */
+  brand?: string
+  title?: string
+}
+
+type Mode = 'signin' | 'signup'
+
+/**
+ * Default phone sign-in / sign-up modal for dogfood Fayz sites. Built on Radix
+ * Dialog (backdrop, focus-trap, Esc, scroll-lock, enter/exit animation via
+ * tailwindcss-animate) — no reinvented modal chrome. Entrar / Criar conta
+ * toggle, phone → WhatsApp code (POC bypass `0000`) → signs the user in via the
+ * mounted auth adapter (phone = account). Token-only; render inside <AuthProvider>.
+ */
+export function PhoneAuthModal({
+  open, onClose, config,
+}: { open: boolean; onClose: () => void; config?: PhoneAuthModalConfig }) {
+  const { signUp } = useAuth()
+
+  const [mode, setMode] = useState<Mode>('signup')
+  const [step, setStep] = useState<'phone' | 'code'>('phone')
+  const [countryIso, setCountryIso] = useState(DEFAULT_COUNTRY)
+  const country = getCountry(countryIso)
+  const [phone, setPhone] = useState('')
+  const [name, setName] = useState('')
+  const [code, setCode] = useState('')
+  const [codeError, setCodeError] = useState(false)
+  const [busy, setBusy] = useState(false)
+
+  // Fresh flow each time it opens.
+  useEffect(() => {
+    if (open) { setStep('phone'); setCode(''); setCodeError(false); setBusy(false) }
+  }, [open])
+
+  function sendCode() {
+    if (unmaskPhone(phone).length < 8) return
+    setCode(''); setCodeError(false); setStep('code')
+  }
+
+  async function confirmCode() {
+    if (code.trim() !== '0000') { setCodeError(true); return }
+    setBusy(true)
+    try {
+      await signUp(phoneToEmail(`${country.dial} ${phone}`), unmaskPhone(phone), name.trim() || 'Cliente')
+      onClose()
+    } catch {
+      setCodeError(true)
+    } finally {
+      setBusy(false)
+    }
+  }
+
+  const brandLabel = config?.brand ? ` na ${config.brand}` : ''
+
+  return (
+    <Dialog.Root open={open} onOpenChange={(o) => { if (!o) onClose() }}>
+      <Dialog.Portal>
+        <Dialog.Overlay className="fixed inset-0 z-[100] bg-foreground/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0" />
+        <Dialog.Content
+          onOpenAutoFocus={(e) => e.preventDefault()}
+          className="fixed left-1/2 top-1/2 z-[101] w-[calc(100%-2rem)] max-w-[26rem] -translate-x-1/2 -translate-y-1/2 rounded-2xl border border-border bg-card p-6 shadow-2xl duration-200 focus:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 data-[state=open]:slide-in-from-bottom-2 motion-reduce:animate-none"
+        >
+          {/* Header */}
+          <div className="flex items-center gap-3">
+            <span className="flex h-10 w-10 items-center justify-center rounded-xl bg-accent text-primary">
+              <Smartphone className="h-5 w-5" />
+            </span>
+            <div className="min-w-0">
+              <Dialog.Title className="text-base font-semibold text-foreground">
+                {config?.title ?? 'Acessar sua conta'}
+              </Dialog.Title>
+              <Dialog.Description className="text-xs text-muted-foreground">
+                {mode === 'signup' ? `Crie sua conta${brandLabel} em segundos` : `Bem-vindo de volta${brandLabel}`}
+              </Dialog.Description>
+            </div>
+          </div>
+
+          <Dialog.Close
+            aria-label="Fechar"
+            className="absolute right-4 top-4 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          >
+            <X className="h-4 w-4" />
+          </Dialog.Close>
+
+          {/* Mode toggle (only on the phone step) */}
+          {step === 'phone' ? (
+            <div className="mt-5 grid grid-cols-2 gap-1 rounded-lg bg-muted p-1 text-sm">
+              {(['signin', 'signup'] as Mode[]).map((m) => (
+                <button
+                  key={m}
+                  type="button"
+                  onClick={() => setMode(m)}
+                  className={`rounded-md py-1.5 font-medium transition-colors ${mode === m ? 'bg-card text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground'}`}
+                >
+                  {m === 'signin' ? 'Entrar' : 'Criar conta'}
+                </button>
+              ))}
+            </div>
+          ) : null}
+
+          {step === 'phone' ? (
+            <form onSubmit={(e) => { e.preventDefault(); sendCode() }} className="mt-4 space-y-3">
+              {mode === 'signup' ? (
+                <div>
+                  <label htmlFor="auth-name" className="mb-1 block text-sm font-medium text-foreground">Nome</label>
+                  <input
+                    id="auth-name" type="text" autoComplete="name" value={name}
+                    onChange={(e) => setName(e.target.value)}
+                    className="w-full rounded-xl border border-border bg-background px-3.5 py-2.5 text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring"
+                    placeholder="Seu nome"
+                  />
+                </div>
+              ) : null}
+              <div>
+                <label htmlFor="auth-phone" className="mb-1 block text-sm font-medium text-foreground">Celular</label>
+                <div className="flex">
+                  <select
+                    aria-label="País"
+                    value={countryIso}
+                    onChange={(e) => { const c = getCountry(e.target.value); setCountryIso(c.iso2); setPhone(maskPhone(unmaskPhone(phone), c.mask)) }}
+                    className="appearance-none rounded-l-xl border border-r-0 border-border bg-muted py-2.5 pl-3 pr-6 text-sm font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                  >
+                    {COUNTRIES.map((c) => <option key={c.iso2} value={c.iso2}>{c.flag} {c.dial}</option>)}
+                  </select>
+                  <input
+                    id="auth-phone" type="tel" autoComplete="tel" inputMode="tel" value={phone} autoFocus
+                    onChange={(e) => setPhone(maskPhone(e.target.value, country.mask))}
+                    className="w-full rounded-r-xl border border-border bg-background px-3.5 py-2.5 text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring"
+                    placeholder={`Ex.: ${maskPhone('11987654321', country.mask)}`}
+                  />
+                </div>
+              </div>
+              <button
+                type="submit"
+                disabled={unmaskPhone(phone).length < 8}
+                className="w-full rounded-xl bg-primary py-2.5 font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              >
+                Enviar código via WhatsApp
+              </button>
+              <p className="text-center text-xs text-muted-foreground">Enviaremos um código para confirmar seu número.</p>
+            </form>
+          ) : (
+            <form onSubmit={(e) => { e.preventDefault(); void confirmCode() }} className="mt-5 space-y-3">
+              <p className="text-sm text-muted-foreground">
+                Enviamos um código via WhatsApp para <span className="font-medium text-foreground">{country.flag} {country.dial} {phone}</span>.
+              </p>
+              <input
+                type="text" inputMode="numeric" value={code} autoFocus
+                onChange={(e) => { setCode(e.target.value); setCodeError(false) }}
+                className="w-full rounded-xl border border-border bg-background px-4 py-3 text-center text-lg tracking-[0.4em] text-foreground outline-none transition-colors focus:border-primary focus-visible:ring-2 focus-visible:ring-ring placeholder:text-sm placeholder:tracking-normal"
+                placeholder="Digite o código"
+              />
+              {codeError ? <p role="alert" className="text-sm text-destructive">Código inválido. Para testar, use 0000.</p> : null}
+              <button
+                type="submit"
+                disabled={busy}
+                className="w-full rounded-xl bg-primary py-2.5 font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              >
+                {busy ? 'Entrando…' : mode === 'signup' ? 'Criar conta e entrar' : 'Confirmar e entrar'}
+              </button>
+              <button type="button" onClick={() => setStep('phone')} className="mx-auto flex items-center gap-1 text-sm font-medium text-primary hover:underline">
+                <ArrowLeft className="h-3.5 w-3.5" /> Trocar número
+              </button>
+            </form>
+          )}
+        </Dialog.Content>
+      </Dialog.Portal>
+    </Dialog.Root>
+  )
+}

package/src/website/index.tsx

@@ -0,0 +1,17 @@
+// ---------------------------------------------------------------------------
+// @fayz-ai/plugin-auth/website — lean website auth surface (no @fayz-ai/ui).
+//
+// Ships the DEFAULT phone sign-in/sign-up modal for dogfood Fayz sites +
+// AuthModalProvider (openAuthModal control) + the canonical phone→email helper.
+// Re-exports the auth runtime from @fayz-ai/auth for one-stop host wiring.
+// ---------------------------------------------------------------------------
+
+export { AuthModalProvider, useAuthModal } from './AuthModalProvider'
+export type { AuthModalProviderProps } from './AuthModalProvider'
+export { PhoneAuthModal } from './PhoneAuthModal'
+export type { PhoneAuthModalConfig } from './PhoneAuthModal'
+export { phoneToEmail } from './phone'
+
+// Convenience re-exports so hosts import auth from one place.
+export { AuthProvider, useAuth, createMockAuthAdapter, createSupabaseAuthAdapter } from '@fayz-ai/auth'
+export type { AuthAdapter, AuthUser, AuthSession } from '@fayz-ai/core'

package/src/website/phone.ts

@@ -0,0 +1,12 @@
+import { unmaskPhone } from '@fayz-ai/core'
+
+/**
+ * Canonical phone → auth email. Used by BOTH the phone-auth modal and any host
+ * booking→auth bridge so the same number always maps to the same account
+ * (Quaddro model: phone = identity). Pass the phone WITH its country dial so the
+ * digits are globally unique.
+ */
+export function phoneToEmail(phoneWithDial: string): string {
+  const digits = unmaskPhone(phoneWithDial)
+  return `${digits || 'anon'}@phone.fayz.local`
+}