@asteby/metacore-auth 3.0.0 → 4.1.0

package/README.md

@@ -95,7 +95,7 @@ export function SignInRoute() {
 
 ## Design notes
 
-- **Zustand store is canonical** — matches the Ops frontend shape (user + token + reset). Persists to `localStorage` keys `auth_token` / `auth_user`.
+- **Zustand store is canonical** — generic shape (user + token + reset) shared across host applications. Persists to `localStorage` keys `auth_token` / `auth_user`.
 - **Factory, not singleton** — `createApiClient` avoids baking env vars into the library. The host app wires token / language / branch getters.
 - **Pages are brand-less** — accept `brandName`, `logo`, `showcase`, `headerSlot`, `footerSlot` so each app supplies its own identity.
 - **`onSubmit` delegated** — pages don't assume endpoints, toasts, or navigation. The caller owns the network layer.

package/dist/showcases/generic.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export type GenericShowcaseProps = {
+    /** Headline. Apps usually pass their brand name + a one-liner. */
+    title?: string;
+    /** Subhead under the title. */
+    subtitle?: string;
+    /** Optional slot rendered below the subtitle (CTAs, badges, signed-by, …). */
+    footer?: ReactNode;
+};
+export declare function GenericShowcase({ title, subtitle, footer, }?: GenericShowcaseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=generic.d.ts.map

package/dist/showcases/generic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic.d.ts","sourceRoot":"","sources":["../../src/showcases/generic.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,oBAAoB,GAAG;IACjC,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAoB,EACpB,QAA0C,EAC1C,MAAM,GACP,GAAE,oBAAyB,2CAkB3B"}

package/dist/showcases/generic.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Brand-neutral fallback showcase for apps that don't have a custom one yet.
+// A simple animated gradient blob with a tagline — enough to keep the auth
+// page from looking empty without forcing any product narrative.
+import { motion } from 'framer-motion';
+export function GenericShowcase({ title = 'Bienvenido', subtitle = 'Inicia sesión para continuar.', footer, } = {}) {
+    return (_jsxs("div", { className: "relative w-full h-full flex items-center justify-center px-8 overflow-hidden", children: [_jsx("div", { className: "pointer-events-none absolute -top-1/4 -right-1/4 size-[480px] rounded-full bg-gradient-to-br from-primary/30 via-primary/10 to-transparent blur-3xl" }), _jsx("div", { className: "pointer-events-none absolute -bottom-1/4 -left-1/4 size-[420px] rounded-full bg-gradient-to-tr from-primary/20 to-transparent blur-3xl" }), _jsxs(motion.div, { initial: { opacity: 0, y: 16 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.5 }, className: "relative z-10 text-center max-w-sm", children: [_jsx("h1", { className: "text-3xl font-bold tracking-tight mb-3", children: title }), _jsx("p", { className: "text-muted-foreground text-sm leading-relaxed", children: subtitle }), footer && _jsx("div", { className: "mt-6", children: footer })] })] }));
+}
+//# sourceMappingURL=generic.js.map

package/dist/showcases/generic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic.js","sourceRoot":"","sources":["../../src/showcases/generic.tsx"],"names":[],"mappings":";AAAA,6EAA6E;AAC7E,2EAA2E;AAC3E,iEAAiE;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAYtC,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,GAAG,YAAY,EACpB,QAAQ,GAAG,+BAA+B,EAC1C,MAAM,MACkB,EAAE;IAC1B,OAAO,CACL,eAAK,SAAS,EAAC,8EAA8E,aAC3F,cAAK,SAAS,EAAC,qJAAqJ,GAAG,EACvK,cAAK,SAAS,EAAC,wIAAwI,GAAG,EAE1J,MAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,SAAS,EAAC,oCAAoC,aAE9C,aAAI,SAAS,EAAC,wCAAwC,YAAE,KAAK,GAAM,EACnE,YAAG,SAAS,EAAC,+CAA+C,YAAE,QAAQ,GAAK,EAC1E,MAAM,IAAI,cAAK,SAAS,EAAC,MAAM,YAAE,MAAM,GAAO,IACpC,IACT,CACP,CAAA;AACH,CAAC"}

package/dist/showcases/index.d.ts

@@ -0,0 +1,4 @@
+export { WhatsAppShowcase, ChatMockup, type WhatsAppShowcaseProps } from './whatsapp';
+export { MarketplaceShowcase, type MarketplaceShowcaseProps } from './marketplace';
+export { GenericShowcase, type GenericShowcaseProps } from './generic';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/showcases/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACrF,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,eAAe,CAAA;AAClF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,WAAW,CAAA"}

package/dist/showcases/index.js

@@ -0,0 +1,8 @@
+// Optional sub-path entry. Apps that want to import multiple showcases at
+// once can `import { WhatsAppShowcase, MarketplaceShowcase } from
+// '@asteby/metacore-auth/showcases'`. For tree-shaking-friendly single
+// imports, prefer the deep paths (`/showcases/whatsapp` etc).
+export { WhatsAppShowcase, ChatMockup } from './whatsapp';
+export { MarketplaceShowcase } from './marketplace';
+export { GenericShowcase } from './generic';
+//# sourceMappingURL=index.js.map

package/dist/showcases/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/showcases/index.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,kEAAkE;AAClE,uEAAuE;AACvE,8DAA8D;AAC9D,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAA8B,MAAM,YAAY,CAAA;AACrF,OAAO,EAAE,mBAAmB,EAAiC,MAAM,eAAe,CAAA;AAClF,OAAO,EAAE,eAAe,EAA6B,MAAM,WAAW,CAAA"}

package/dist/showcases/marketplace.d.ts

@@ -0,0 +1,10 @@
+export type MarketplaceShowcaseProps = {
+    /** Headline displayed above the addon grid. */
+    title?: string;
+    /** Subheadline explaining what the marketplace is. */
+    subtitle?: string;
+    /** Override the bottom-bar tagline. */
+    tagline?: string;
+};
+export declare function MarketplaceShowcase({ title, subtitle, tagline, }?: MarketplaceShowcaseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=marketplace.d.ts.map

package/dist/showcases/marketplace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketplace.d.ts","sourceRoot":"","sources":["../../src/showcases/marketplace.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,wBAAwB,GAAG;IACrC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAcD,wBAAgB,mBAAmB,CAAC,EAClC,KAAkC,EAClC,QAA6G,EAC7G,OAA0D,GAC3D,GAAE,wBAA6B,2CAoD/B"}

package/dist/showcases/marketplace.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Developer-marketplace showcase. Pitch: "build, sign, ship addons that any
+// metacore host can install in one click." Renders a hero card with a
+// rotating set of addon tiles to convey breadth of the catalog without
+// hardcoding any specific addon names.
+import { motion } from 'framer-motion';
+import { Boxes, Plug, ShieldCheck, Zap, Bot, Rocket, Sparkles, Globe, } from 'lucide-react';
+import { cn } from '@asteby/metacore-ui/lib';
+const addons = [
+    { name: 'Fiscal MX', tag: 'Compliance', Icon: ShieldCheck },
+    { name: 'WhatsApp', tag: 'Messaging', Icon: Bot },
+    { name: 'Stripe', tag: 'Payments', Icon: Zap },
+    { name: 'Shopify', tag: 'Ecommerce', Icon: Boxes },
+    { name: 'Notion', tag: 'Productivity', Icon: Sparkles },
+    { name: 'Webhook', tag: 'Integrations', Icon: Plug },
+    { name: 'Telegram', tag: 'Messaging', Icon: Globe },
+    { name: 'GitHub', tag: 'DevTools', Icon: Rocket },
+    { name: 'Resend', tag: 'Email', Icon: Bot },
+];
+export function MarketplaceShowcase({ title = 'El marketplace de addons', subtitle = 'Construye, firma y publica integraciones que cualquier host metacore puede instalar en un click.', tagline = 'Bundles firmados · Sandbox WASM · Multi-tenant', } = {}) {
+    return (_jsxs("div", { className: "relative w-full max-w-md px-8", children: [_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.5 }, className: "text-center mb-8", children: [_jsx("h1", { className: "text-3xl font-bold tracking-tight mb-3", children: title }), _jsx("p", { className: "text-muted-foreground text-sm leading-relaxed", children: subtitle })] }), _jsx("div", { className: "grid grid-cols-3 gap-3", children: addons.map((addon, i) => {
+                    const { Icon } = addon;
+                    return (_jsx(motion.div, { initial: { opacity: 0, scale: 0.92 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.1 + i * 0.05, duration: 0.35 }, className: cn('group relative rounded-xl border bg-card p-3 shadow-sm', 'hover:shadow-md hover:border-primary/30 transition-all'), children: _jsxs("div", { className: "flex flex-col items-center text-center gap-2", children: [_jsx("div", { className: "size-10 rounded-lg bg-primary/10 flex items-center justify-center group-hover:bg-primary/20 transition-colors", children: _jsx(Icon, { className: "size-5 text-primary" }) }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-semibold leading-tight", children: addon.name }), _jsx("div", { className: "text-[10px] text-muted-foreground mt-0.5", children: addon.tag })] })] }) }, addon.name));
+                }) }), _jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 0.6, duration: 0.4 }, className: "mt-8 flex items-center justify-center gap-2 text-xs text-muted-foreground", children: [_jsx(ShieldCheck, { className: "size-3.5" }), _jsx("span", { children: tagline })] })] }));
+}
+//# sourceMappingURL=marketplace.js.map

package/dist/showcases/marketplace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketplace.js","sourceRoot":"","sources":["../../src/showcases/marketplace.tsx"],"names":[],"mappings":"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"}

package/dist/showcases/whatsapp.d.ts

@@ -0,0 +1,10 @@
+export type WhatsAppShowcaseProps = {
+    /** Brand shown in the chat header. Defaults to a neutral "Tu Negocio". */
+    organizationName?: string;
+    /** Optional logo URL shown as the chat avatar; defaults to a Store icon. */
+    organizationLogo?: string;
+};
+export declare function WhatsAppShowcase({ organizationName, organizationLogo }?: WhatsAppShowcaseProps): import("react/jsx-runtime").JSX.Element;
+/** Backwards-compat alias for callers that copied the original ChatMockup. */
+export declare const ChatMockup: typeof WhatsAppShowcase;
+//# sourceMappingURL=whatsapp.d.ts.map

package/dist/showcases/whatsapp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp.d.ts","sourceRoot":"","sources":["../../src/showcases/whatsapp.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,qBAAqB,GAAG;IAClC,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AA8BD,wBAAgB,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAAE,qBAA0B,2CAwIlG;AAED,8EAA8E;AAC9E,eAAO,MAAM,UAAU,yBAAmB,CAAA"}

package/dist/showcases/whatsapp.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// WhatsApp-style iPhone chat mockup. Suitable for any app whose pitch is
+// conversational AI / customer messaging. The conversation loop is generic
+// Spanish customer-service chatter — apps that want a completely different
+// vibe should pick a different showcase or pass their own as the `showcase`
+// slot of `<SignUpPage />`.
+import { useState, useEffect } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { cn } from '@asteby/metacore-ui/lib';
+import { Bot, User, Store } from 'lucide-react';
+const conversations = [
+    [
+        { id: 1, type: 'user', text: '¿Tienen el iPhone 15?', delay: 0 },
+        { id: 2, type: 'bot', text: '¡Hola! 👋 Sí, disponible en todos los colores.', delay: 1200 },
+        { id: 3, type: 'user', text: 'Sí, el de 256GB', delay: 2800 },
+        { id: 4, type: 'bot', text: '$18,999 MXN con 12 MSI 🚚', delay: 4000 },
+    ],
+    [
+        { id: 1, type: 'user', text: 'Mesa para 4 personas', delay: 0 },
+        { id: 2, type: 'bot', text: '¡Perfecto! 🍽️ ¿Qué día y hora?', delay: 1200 },
+        { id: 3, type: 'user', text: 'Sábado 8pm', delay: 2500 },
+        { id: 4, type: 'bot', text: '¡Reservado sábado 8PM! 🎉', delay: 3800 },
+    ],
+    [
+        { id: 1, type: 'user', text: 'Mi pedido no llega 😤', delay: 0 },
+        { id: 2, type: 'bot', text: '¿Me das tu # de orden?', delay: 1200 },
+        { id: 3, type: 'user', text: '#45892', delay: 2400 },
+        { id: 4, type: 'bot', text: 'Llega hoy antes de 6PM 📦', delay: 3600 },
+    ],
+];
+export function WhatsAppShowcase({ organizationName, organizationLogo } = {}) {
+    const [currentConversation, setCurrentConversation] = useState(0);
+    const [visibleMessages, setVisibleMessages] = useState([]);
+    const [isTyping, setIsTyping] = useState(false);
+    useEffect(() => {
+        const conversation = conversations[currentConversation];
+        if (!conversation)
+            return;
+        setVisibleMessages([]);
+        const timeouts = [];
+        conversation.forEach((message) => {
+            if (message.type === 'bot') {
+                timeouts.push(setTimeout(() => setIsTyping(true), message.delay - 600));
+            }
+            timeouts.push(setTimeout(() => {
+                setIsTyping(false);
+                setVisibleMessages((prev) => [...prev, message]);
+            }, message.delay));
+        });
+        timeouts.push(setTimeout(() => {
+            setCurrentConversation((prev) => (prev + 1) % conversations.length);
+        }, 6500));
+        return () => { timeouts.forEach(clearTimeout); setIsTyping(false); };
+    }, [currentConversation]);
+    return (_jsx("div", { className: "relative", children: _jsx(motion.div, { initial: { opacity: 0, y: 40 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.6 }, className: "relative w-[340px]", children: _jsxs("div", { className: "bg-[#1a1a1a] rounded-[50px] p-3 shadow-2xl", children: [_jsx("div", { className: "absolute top-3 left-1/2 -translate-x-1/2 w-[140px] h-[22px] bg-[#1a1a1a] rounded-b-2xl z-20" }), _jsxs("div", { className: "bg-white dark:bg-zinc-900 rounded-[40px] overflow-hidden", children: [_jsxs("div", { className: "bg-primary px-4 py-3 pt-8 flex items-center gap-3", children: [_jsx("div", { className: "size-11 rounded-full bg-white/20 flex items-center justify-center overflow-hidden", children: organizationLogo ? (_jsx("img", { src: organizationLogo, alt: "Logo", className: "size-full object-cover" })) : (_jsx(Store, { className: "size-6 text-white" })) }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-white font-semibold text-[15px]", children: organizationName || 'Tu Negocio' }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "size-2 rounded-full bg-green-400 animate-pulse" }), _jsx("span", { className: "text-white/80 text-xs", children: "En l\u00EDnea" })] })] })] }), _jsxs("div", { className: "min-h-[400px] bg-gray-50 dark:bg-[#0b141a] p-4 space-y-3", children: [_jsx(AnimatePresence, { mode: "popLayout", children: visibleMessages.map((message) => (_jsxs(motion.div, { initial: { opacity: 0, y: 15, scale: 0.9 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { type: 'spring', stiffness: 300, damping: 25 }, className: cn('flex gap-2', message.type === 'user' ? 'justify-end' : 'justify-start'), children: [message.type === 'bot' && (_jsx("div", { className: "size-8 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0", children: _jsx(Bot, { className: "size-4 text-primary" }) })), _jsx("div", { className: cn('max-w-[75%] rounded-2xl px-4 py-2.5 text-[14px] leading-snug shadow-sm', message.type === 'user'
+                                                        ? 'bg-primary text-white rounded-tr-md'
+                                                        : 'bg-white dark:bg-[#202c33] text-gray-800 dark:text-white rounded-tl-md'), children: message.text }), message.type === 'user' && (_jsx("div", { className: "size-8 rounded-full bg-gray-200 dark:bg-zinc-700 flex items-center justify-center flex-shrink-0", children: _jsx(User, { className: "size-4 text-gray-500 dark:text-zinc-300" }) }))] }, `${currentConversation}-${message.id}`))) }), _jsx(AnimatePresence, { children: isTyping && (_jsxs(motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0 }, className: "flex gap-2", children: [_jsx("div", { className: "size-8 rounded-full bg-primary/10 flex items-center justify-center", children: _jsx(Bot, { className: "size-4 text-primary" }) }), _jsx("div", { className: "bg-white dark:bg-[#202c33] rounded-2xl rounded-tl-md px-4 py-3 shadow-sm", children: _jsx("div", { className: "flex gap-1", children: [0, 0.15, 0.3].map((d, i) => (_jsx(motion.span, { animate: { opacity: [0.4, 1, 0.4] }, transition: { duration: 0.8, repeat: Infinity, delay: d }, className: "size-2 rounded-full bg-gray-400" }, i))) }) })] })) })] }), _jsxs("div", { className: "bg-white dark:bg-[#0b141a] px-4 py-3 flex items-center gap-3", children: [_jsx("div", { className: "flex-1 bg-gray-100 dark:bg-[#202c33] rounded-full px-4 py-2.5 text-sm text-gray-400", children: "Mensaje..." }), _jsx("div", { className: "size-10 rounded-full bg-primary flex items-center justify-center", children: _jsx("svg", { className: "size-5 text-white ml-0.5", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) }) })] }), _jsx("div", { className: "bg-white dark:bg-[#0b141a] h-7 flex items-center justify-center pb-1", children: _jsx("div", { className: "w-28 h-1 bg-gray-300 dark:bg-zinc-600 rounded-full" }) })] })] }) }) }));
+}
+/** Backwards-compat alias for callers that copied the original ChatMockup. */
+export const ChatMockup = WhatsAppShowcase;
+//# sourceMappingURL=whatsapp.js.map

package/dist/showcases/whatsapp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp.js","sourceRoot":"","sources":["../../src/showcases/whatsapp.tsx"],"names":[],"mappings":";AAAA,yEAAyE;AACzE,2EAA2E;AAC3E,2EAA2E;AAC3E,4EAA4E;AAC5E,4BAA4B;AAC5B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAgB/C,MAAM,aAAa,GAAgB;IACjC;QACE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,KAAK,EAAE,CAAC,EAAE;QAChE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,gDAAgD,EAAE,KAAK,EAAE,IAAI,EAAE;QAC3F,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,EAAE;QAC7D,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,2BAA2B,EAAE,KAAK,EAAE,IAAI,EAAE;KACvE;IACD;QACE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,sBAAsB,EAAE,KAAK,EAAE,CAAC,EAAE;QAC/D,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,iCAAiC,EAAE,KAAK,EAAE,IAAI,EAAE;QAC5E,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE;QACxD,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,2BAA2B,EAAE,KAAK,EAAE,IAAI,EAAE;KACvE;IACD;QACE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,KAAK,EAAE,CAAC,EAAE;QAChE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,wBAAwB,EAAE,KAAK,EAAE,IAAI,EAAE;QACnE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;QACpD,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,2BAA2B,EAAE,KAAK,EAAE,IAAI,EAAE;KACvE;CACF,CAAA;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,gBAAgB,KAA4B,EAAE;IACjG,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAA;IACrE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,aAAa,CAAC,mBAAmB,CAAC,CAAA;QACvD,IAAI,CAAC,YAAY;YAAE,OAAM;QACzB,kBAAkB,CAAC,EAAE,CAAC,CAAA;QACtB,MAAM,QAAQ,GAAoC,EAAE,CAAA;QAEpD,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC/B,IAAI,OAAO,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;gBAC3B,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAA;YACzE,CAAC;YACD,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC5B,WAAW,CAAC,KAAK,CAAC,CAAA;gBAClB,kBAAkB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;YAClD,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;QACpB,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YAC5B,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;QACrE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;QAET,OAAO,GAAG,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA,CAAC,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,OAAO,CACL,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,SAAS,EAAC,oBAAoB,YAG9B,eAAK,SAAS,EAAC,4CAA4C,aAEzD,cAAK,SAAS,EAAC,6FAA6F,GAAG,EAG/G,eAAK,SAAS,EAAC,0DAA0D,aAEvE,eAAK,SAAS,EAAC,mDAAmD,aAChE,cAAK,SAAS,EAAC,mFAAmF,YAC/F,gBAAgB,CAAC,CAAC,CAAC,CAClB,cAAK,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,wBAAwB,GAAG,CAC7E,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACxC,GACG,EACN,eAAK,SAAS,EAAC,QAAQ,aACrB,aAAI,SAAS,EAAC,sCAAsC,YACjD,gBAAgB,IAAI,YAAY,GAC9B,EACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAM,SAAS,EAAC,gDAAgD,GAAG,EACnE,eAAM,SAAS,EAAC,uBAAuB,8BAAgB,IACnD,IACF,IACF,EAGN,eAAK,SAAS,EAAC,0DAA0D,aACvE,KAAC,eAAe,IAAC,IAAI,EAAC,WAAW,YAC9B,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChC,MAAC,MAAM,CAAC,GAAG,IAET,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAC1C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EACvC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,EAC3D,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,aAErF,OAAO,CAAC,IAAI,KAAK,KAAK,IAAI,CACzB,cAAK,SAAS,EAAC,kFAAkF,YAC/F,KAAC,GAAG,IAAC,SAAS,EAAC,qBAAqB,GAAG,GACnC,CACP,EACD,cAAK,SAAS,EAAE,EAAE,CAChB,wEAAwE,EACxE,OAAO,CAAC,IAAI,KAAK,MAAM;wDACrB,CAAC,CAAC,qCAAqC;wDACvC,CAAC,CAAC,wEAAwE,CAC7E,YACE,OAAO,CAAC,IAAI,GACT,EACL,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,CAC1B,cAAK,SAAS,EAAC,iGAAiG,YAC9G,KAAC,IAAI,IAAC,SAAS,EAAC,yCAAyC,GAAG,GACxD,CACP,KAxBI,GAAG,mBAAmB,IAAI,OAAO,CAAC,EAAE,EAAE,CAyBhC,CACd,CAAC,GACc,EAElB,KAAC,eAAe,cACb,QAAQ,IAAI,CACX,MAAC,MAAM,CAAC,GAAG,IAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,SAAS,EAAC,YAAY,aACrH,cAAK,SAAS,EAAC,oEAAoE,YACjF,KAAC,GAAG,IAAC,SAAS,EAAC,qBAAqB,GAAG,GACnC,EACN,cAAK,SAAS,EAAC,0EAA0E,YACvF,cAAK,SAAS,EAAC,YAAY,YACxB,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,KAAC,MAAM,CAAC,IAAI,IAAS,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,SAAS,EAAC,iCAAiC,IAA9I,CAAC,CAAgJ,CACpK,CAAC,GACE,GACF,IACK,CACd,GACe,IACd,EAGN,eAAK,SAAS,EAAC,8DAA8D,aAC3E,cAAK,SAAS,EAAC,qFAAqF,2BAE9F,EACN,cAAK,SAAS,EAAC,kEAAkE,YAC/E,cAAK,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,YAC/E,eAAM,CAAC,EAAC,uCAAuC,GAAG,GAC9C,GACF,IACF,EAGN,cAAK,SAAS,EAAC,sEAAsE,YACnF,cAAK,SAAS,EAAC,oDAAoD,GAAG,GAClE,IACF,IACF,GACK,GACT,CACP,CAAA;AACH,CAAC;AAED,8EAA8E;AAC9E,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-auth",
-  "version": "3.0.0",
+  "version": "4.1.0",
   "description": "Metacore auth kit — Zustand store, API client factory, login/signup/forgot pages, guards for TanStack Router",
   "license": "Apache-2.0",
   "repository": {
@@ -43,14 +43,36 @@
     "./components": {
       "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js"
+    },
+    "./showcases": {
+      "types": "./dist/showcases/index.d.ts",
+      "import": "./dist/showcases/index.js"
+    },
+    "./showcases/whatsapp": {
+      "types": "./dist/showcases/whatsapp.d.ts",
+      "import": "./dist/showcases/whatsapp.js"
+    },
+    "./showcases/marketplace": {
+      "types": "./dist/showcases/marketplace.d.ts",
+      "import": "./dist/showcases/marketplace.js"
+    },
+    "./showcases/generic": {
+      "types": "./dist/showcases/generic.d.ts",
+      "import": "./dist/showcases/generic.js"
     }
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
     "@tanstack/react-router": ">=1.100",
+    "framer-motion": ">=10",
     "zustand": ">=5",
-    "@asteby/metacore-ui": "^0.5.0"
+    "@asteby/metacore-ui": "^0.6.0"
+  },
+  "peerDependenciesMeta": {
+    "framer-motion": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@hookform/resolvers": "^3.9.0",
@@ -63,11 +85,12 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@tanstack/react-router": "^1.168.0",
+    "framer-motion": "^11.11.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "typescript": "^5.6.0",
     "zustand": "^5.0.0",
-    "@asteby/metacore-ui": "0.5.0"
+    "@asteby/metacore-ui": "0.6.0"
   },
   "publishConfig": {
     "access": "public"