@fayz-ai/storefront 0.8.2 → 0.8.4

package/dist/components/StorefrontHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorefrontHeader.d.ts","sourceRoot":"","sources":["../../src/components/StorefrontHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AA0SvC,wBAAgB,gBAAgB,sBA2E/B"}
+{"version":3,"file":"StorefrontHeader.d.ts","sourceRoot":"","sources":["../../src/components/StorefrontHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AA0YvC,wBAAgB,gBAAgB,sBAkF/B"}

package/dist/createStorefrontApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createStorefrontApp.d.ts","sourceRoot":"","sources":["../src/createStorefrontApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAG1D,OAAO,KAAK,EAAE,gBAAgB,EAA4B,MAAM,UAAU,CAAA;AAC1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AA2GnD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAmCpE;AAED;gFACgF;AAChF,wBAAgB,eAAe,sBAkC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAajF;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,gBAAgB,CAAA;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,UAAU,CAAC,EAAE,oBAAoB,CAAA;IACjC,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACnC,KAAK,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAA;CACxC;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAgBtF"}
+{"version":3,"file":"createStorefrontApp.d.ts","sourceRoot":"","sources":["../src/createStorefrontApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAG1D,OAAO,KAAK,EAAE,gBAAgB,EAA4B,MAAM,UAAU,CAAA;AAC1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AA+GnD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAmCpE;AAED;gFACgF;AAChF,wBAAgB,eAAe,sBAkC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAajF;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,gBAAgB,CAAA;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,UAAU,CAAC,EAAE,oBAAoB,CAAA;IACjC,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACnC,KAAK,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAA;CACxC;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAgBtF"}

package/dist/index.cjs

@@ -932,7 +932,7 @@ function SearchInput({ className, iconOnly = false }) {
     )
   ] });
 }
-function HeaderActions() {
+function HeaderActions({ onMenuClick }) {
   const config = useStorefrontConfig();
   const count = useCartStore(selectCount);
   const openDrawer = useCartStore((s) => s.openDrawer);
@@ -1030,6 +1030,16 @@ function HeaderActions() {
           )
         ]
       }
+    ),
+    onMenuClick && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Abrir menu",
+        onClick: onMenuClick,
+        className: "relative rounded-full p-2.5 transition-opacity hover:opacity-70 md:hidden",
+        children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Menu, { className: "h-5 w-5" })
+      }
     )
   ] });
 }
@@ -1070,12 +1080,94 @@ function NavLinks({ className }) {
     ))
   ] });
 }
+function MobileMenuDrawer({ open, onClose }) {
+  const config = useStorefrontConfig();
+  const { categories } = useCategories();
+  const setCategoryId = useCatalogStore((s) => s.setCategoryId);
+  const showCategories = config.theme?.header?.showCategories !== false;
+  const goCategory = (categoryId) => {
+    useCatalogStore.getState().reset();
+    setCategoryId(categoryId);
+    navigateTo(config.catalogPath);
+    onClose();
+  };
+  React7__default.default.useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open, onClose]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50 md:hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "absolute inset-0 animate-fade-in bg-black/40",
+        "aria-hidden": true,
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-testid": "mobile-menu-drawer",
+        role: "dialog",
+        "aria-label": "Menu Principal",
+        className: "absolute right-0 top-0 flex h-full w-full max-w-[280px] animate-slide-in-from-right flex-col bg-background shadow-2xl",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b px-5 py-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", children: "Menu" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Fechar menu",
+                onClick: onClose,
+                className: "rounded-full p-1.5 hover:bg-muted",
+                children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-5 w-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto p-5", children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex flex-col gap-4", children: [
+            config.nav.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+              Link,
+              {
+                to: link.to,
+                onClick: onClose,
+                className: "text-base font-semibold transition-opacity hover:opacity-70",
+                children: link.label
+              },
+              link.to
+            )),
+            showCategories && categories.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-2 border-t" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Categorias" }),
+              categories.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => goCategory(c.id),
+                  className: "text-left text-sm font-medium transition-opacity hover:opacity-80",
+                  children: c.name
+                },
+                c.id
+              ))
+            ] })
+          ] }) })
+        ]
+      }
+    )
+  ] });
+}
 function StorefrontHeader() {
   const config = useStorefrontConfig();
   const variant = config.theme?.header?.variant ?? "classic";
   const scrolled = useScrolled();
   const showSearch = config.theme?.header?.showSearch !== false;
   const iconSearch = config.theme?.header?.searchStyle === "icon";
+  const [mobileMenuOpen, setMobileMenuOpen] = React7.useState(false);
   const logo = /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/", className: "sf-heading shrink-0 text-xl font-bold tracking-tight", children: config.logo ?? config.name });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "header",
@@ -1116,14 +1208,20 @@ function StorefrontHeader() {
             ] })
           ] })
         ) : (
-          // classic: logo left, nav, then a right-aligned search + actions cluster
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex h-16 max-w-7xl items-center gap-6 px-4 sm:px-6", children: [
-            logo,
-            /* @__PURE__ */ jsxRuntime.jsx(NavLinks, { className: "hidden md:flex" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-2 sm:gap-3", children: [
-              showSearch && /* @__PURE__ */ jsxRuntime.jsx(SearchInput, { iconOnly: iconSearch, className: iconSearch ? "" : "hidden w-full max-w-sm sm:block" }),
-              /* @__PURE__ */ jsxRuntime.jsx(HeaderActions, {})
-            ] })
+          // classic: logo left, nav, then a right-aligned search + actions cluster.
+          // NavLinks is hidden below md in the primary row (no room for it there) —
+          // below md a hamburger opens MobileMenuDrawer instead, otherwise mobile
+          // has no way to reach nav/category links at all.
+          /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex h-16 max-w-7xl items-center gap-6 px-4 sm:px-6", children: [
+              logo,
+              /* @__PURE__ */ jsxRuntime.jsx(NavLinks, { className: "hidden md:flex" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-2 sm:gap-3", children: [
+                showSearch && /* @__PURE__ */ jsxRuntime.jsx(SearchInput, { iconOnly: iconSearch, className: iconSearch ? "" : "hidden w-full max-w-sm sm:block" }),
+                /* @__PURE__ */ jsxRuntime.jsx(HeaderActions, { onMenuClick: () => setMobileMenuOpen(true) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(MobileMenuDrawer, { open: mobileMenuOpen, onClose: () => setMobileMenuOpen(false) })
           ] })
         )
       ]
@@ -3727,7 +3825,7 @@ function CheckoutPage() {
     ];
     const minDuration = sleep(stepMs * 2);
     try {
-      const { order } = await placeStorefrontOrder({
+      const { order, customerId } = await placeStorefrontOrder({
         config,
         cart,
         session,
@@ -3750,6 +3848,7 @@ function CheckoutPage() {
         // declare it settled. The order is now born `pending` and only the
         // merchant (or a PSP webhook) can confirm the money arrived.
       });
+      if (customerId) session.setSession({ customerId, email: form.email, name: form.name });
       await minDuration;
       cart.clear();
       navigateTo(`/order/${order.id}`);
@@ -4853,6 +4952,10 @@ function storefrontDiscountToSeed(discount) {
     value: discount.percent,
     usageLimit: null,
     oncePerCustomer: false,
+    minSubtotal: null,
+    appliesTo: "all",
+    productIds: [],
+    categoryIds: [],
     startsAt: ts,
     endsAt: null,
     status: "active",