@fayz-ai/storefront 0.63.0 → 0.64.0

package/dist/{chunk-WFJH7SUO.js → chunk-OK5U3JNM.js}

@@ -7,7 +7,7 @@ import { setShopCarrierQuotesResolver, setShopAccessTokenResolver, setShopShippi
 import { normalizePostalCode, getCountrySchema, lookupPostalCode, defaultRouterAdapter, defineLoader, staticRouterAdapter, isLoaderParamRef, isLoaderPropRef, resolveLoader, errorMessage, dataNeedKey, getBlockMeta, defaultPropsFromSettings, getBlockErrorVisibility, isBlockEnabledOn, checkBlockConstraints, checkBlockContext, repairBlockTree, renderBlocks, clearExtensionPoints, defineExtensionPoint, runExtensionPoint, runEscapeValve, breadcrumbJsonLd, hasEntityDeclaration, resolveEntityDeclaration, defineBlock, formatPostalCode, countryName, defineEntity, listEntityDeclarations, resolveHandle, seoOrigin, describeError, RESERVED_ENTITY_FIELDS, ENTITY_FIELD_TYPES, handleNameFor, registerHandle, validateAddress, hasHandle, listHandles, blockRegistry, loaderRegistry, listLoaders } from '@fayz-ai/core';
 import React38, { createContext, useContext, useEffect, useRef, useState, useSyncExternalStore, useMemo, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { isStorageImageUrl, imageVariantUrl, imageSrcSet, IMAGE_SRCSET_WIDTHS, validateDiscount, documentDigits, isChargeableProvider, supportsCard, formatDocument, gatewayLabel, isValidDocument, isValidCpf } from '@fayz-ai/shop';
+import { isStorageImageUrl, imageVariantUrl, imageSrcSet, IMAGE_SRCSET_WIDTHS, validateDiscount, documentDigits, isChargeableProvider, supportsCard, formatDocument, isValidDocument, gatewayLabel, isValidCpf } from '@fayz-ai/shop';
 import { ChevronLeft, ChevronRight, ShoppingBag, X, Minus, Plus, Send, MessageCircle, Mail, Truck, RefreshCcw, ShieldCheck, ChevronDown, Check, Search, Menu, Trash2, MapPin, Lock, CreditCard, UserRound, Store, Bike, Clock, Pencil, Star, Phone, User, UserCircle, Package, LogOut, QrCode, Copy, XCircle, RotateCcw, PackageCheck, ChefHat, Info, AlertCircle } from 'lucide-react';
 import { getLucideIcon } from '@fayz-ai/ui/icons';
 import { storefrontDiscountToPromotion, previewCouponPercent, discountToPromotion, PROMOTION_TYPES, PROMOTION_STATUSES, APPLICATION_METHOD_TYPES, APPLICATION_METHOD_TARGET_TYPES, APPLICATION_METHOD_ALLOCATIONS, hasRuleAttribute, listRuleAttributeKeys, RULE_OPERATORS, resolveRuleAttribute } from '@fayz-ai/shop/rules';
@@ -925,6 +925,10 @@ var ptBR = {
   // Step 1 — contact
   "checkout.contact.title": "Informa\xE7\xF5es de contato",
   "checkout.contact.signedInAs": "Conectado como {{email}}",
+  "checkout.contact.edit": "Alterar",
+  "checkout.contact.notYou": "N\xE3o \xE9 voc\xEA?",
+  "checkout.contact.signOut": "Sair",
+  "checkout.contact.emailLocked": "O e-mail \xE9 o da sua conta.",
   "checkout.contact.haveAccount": "J\xE1 tem conta? Entrar",
   "checkout.contact.email": "E-mail",
   "checkout.contact.name": "Nome completo",
@@ -1071,6 +1075,10 @@ var en = {
   "checkout.steps.4": "Done",
   "checkout.contact.title": "Contact information",
   "checkout.contact.signedInAs": "Signed in as {{email}}",
+  "checkout.contact.edit": "Change",
+  "checkout.contact.notYou": "Not you?",
+  "checkout.contact.signOut": "Sign out",
+  "checkout.contact.emailLocked": "This is your account e-mail.",
   "checkout.contact.haveAccount": "Have an account? Sign in",
   "checkout.contact.email": "Email",
   "checkout.contact.name": "Full name",
@@ -1202,6 +1210,10 @@ var es = {
   "checkout.steps.4": "Listo",
   "checkout.contact.title": "Datos de contacto",
   "checkout.contact.signedInAs": "Has iniciado sesi\xF3n como {{email}}",
+  "checkout.contact.edit": "Cambiar",
+  "checkout.contact.notYou": "\xBFNo eres t\xFA?",
+  "checkout.contact.signOut": "Salir",
+  "checkout.contact.emailLocked": "Es el correo de tu cuenta.",
   "checkout.contact.haveAccount": "\xBFYa tienes cuenta? Entrar",
   "checkout.contact.email": "Email",
   "checkout.contact.name": "Nombre completo",
@@ -1340,8 +1352,8 @@ function resolveCountries(config) {
 }
 function resolveConfig(config) {
   const homePage = config.pages?.home ?? (config.home ? { blocks: config.home.sections } : void 0);
-  const catalogPath = homePage ? "/catalog" : "/";
   const commerceMode = config.commerceMode ?? "checkout";
+  const catalogPath = commerceMode === "delivery" ? config.delivery?.menuPath ?? "/menu" : homePage ? "/catalog" : "/";
   const checkoutEnabled = commerceMode === "checkout" || commerceMode === "delivery";
   return {
     ...config,
@@ -9438,6 +9450,56 @@ function pickLastAddress(orders) {
   }
   return null;
 }
+function maskDocument(raw) {
+  const d = documentDigits(raw);
+  if (d.length === 11) return `***.${d.slice(3, 6)}.${d.slice(6, 9)}-**`;
+  if (d.length === 14) return `${d.slice(0, 2)}.${d.slice(2, 5)}.${d.slice(5, 8)}/${d.slice(8, 12)}-${d.slice(12)}`;
+  return raw;
+}
+function formatBrPhone(raw) {
+  let d = raw.replace(/\D/g, "");
+  if (d.startsWith("55") && (d.length === 12 || d.length === 13)) d = d.slice(2);
+  if (d.length === 11) return `(${d.slice(0, 2)}) ${d.slice(2, 7)}-${d.slice(7)}`;
+  if (d.length === 10) return `(${d.slice(0, 2)}) ${d.slice(2, 6)}-${d.slice(6)}`;
+  return raw;
+}
+function ContactSummary({ name, email, phone, document: document2, onEdit, onSignOut, labels }) {
+  const line = [phone ? formatBrPhone(phone) : null, document2 ? maskDocument(document2) : null].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "checkout-contact-summary", className: "rounded-xl border bg-card p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "mt-0.5 grid h-6 w-6 shrink-0 place-items-center rounded-full bg-primary/15 text-primary", "aria-hidden": true, children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold", children: name }),
+        /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-muted-foreground", children: email }),
+        line && /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-muted-foreground", children: line })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onEdit,
+          "data-testid": "checkout-contact-edit",
+          className: "shrink-0 text-sm font-medium text-primary hover:underline",
+          children: labels.edit
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-3 border-t pt-3 text-xs text-muted-foreground", children: [
+      labels.notYou,
+      " ",
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onSignOut,
+          "data-testid": "checkout-contact-sign-out",
+          className: "font-medium text-foreground hover:underline",
+          children: labels.signOut
+        }
+      )
+    ] })
+  ] });
+}
 function toShippingAddress(form, country) {
   const schema = getCountrySchema(country);
   const isBrazil = schema.iso2 === "BR";
@@ -9562,6 +9624,9 @@ function CheckoutPage() {
     }));
   }, [known.ready, known.phone, known.document, known.address]);
   const [step, setStep] = useState(resume ? 3 : 1);
+  const [contactKnown, setContactKnown] = useState(false);
+  const [editingContact, setEditingContact] = useState(false);
+  const skippedContact = React38.useRef(false);
   const fulfillmentType = useDeliveryStore((s2) => s2.fulfillmentType);
   const scheduledFor = useDeliveryStore((s2) => s2.scheduledFor);
   const deliveryReference = useDeliveryStore((s2) => {
@@ -9747,22 +9812,30 @@ function CheckoutPage() {
   }, [session.customerId]);
   useEffect(() => {
     const customerId = session.customerId;
+    setContactKnown(false);
     if (!customerId) return;
     const provider = getShopProvider();
     const getCustomer = provider.getCustomer?.bind(provider);
-    if (!getCustomer) return;
+    const getMyProfile = provider.getMyProfile?.bind(provider);
     let cancelled = false;
-    void getCustomer(customerId).then((customer) => {
-      if (cancelled || !customer) return;
+    const fill = (c) => {
+      if (cancelled || !c) return;
       setForm((current) => ({
         ...current,
-        phone: current.phone || customer.phone || "",
-        document: current.document || customer.document || "",
-        email: current.email || customer.email || "",
-        name: current.name || [customer.firstName, customer.lastName].filter(Boolean).join(" ").trim()
+        phone: current.phone || c.phone || "",
+        document: current.document || (c.document ? formatDocument(c.document) : ""),
+        email: current.email || c.email || "",
+        name: current.name || [c.firstName, c.lastName].filter(Boolean).join(" ").trim()
       }));
-    }).catch(() => {
-    });
+    };
+    void (async () => {
+      const profile = getMyProfile ? await getMyProfile().catch(() => null) : null;
+      fill(profile);
+      if (getCustomer && (!profile || !profile.phone || !profile.document)) {
+        fill(await getCustomer(customerId).catch(() => null));
+      }
+      if (!cancelled) setContactKnown(true);
+    })();
     return () => {
       cancelled = true;
     };
@@ -9856,6 +9929,25 @@ function CheckoutPage() {
     }
     return validateDocument();
   }
+  function contactComplete() {
+    if (!session.customerId) return false;
+    if (!form.email.trim() || !/.+@.+\..+/.test(form.email)) return false;
+    if (!form.name.trim()) return false;
+    const phone = form.phone.replace(/\D/g, "");
+    if (requires("phone") && phone.length < 10) return false;
+    if (shows("phone") && !phone) return false;
+    if (isBrazil) {
+      if (requires("document") && !isValidDocument(form.document)) return false;
+      if (shows("document") && !isValidDocument(form.document)) return false;
+    }
+    return true;
+  }
+  const contactAsCard = !editingContact && contactKnown && contactComplete();
+  useEffect(() => {
+    if (skippedContact.current || step !== 1 || !contactAsCard) return;
+    skippedContact.current = true;
+    setStep(isPickup ? 3 : 2);
+  }, [contactAsCard, step]);
   function validateDocument() {
     if (isBrazil) {
       if (requires("document") && !isValidDocument(form.document)) {
@@ -9933,6 +10025,15 @@ function CheckoutPage() {
   }
   function advance() {
     if (step === 1 && validateContact()) {
+      if (editingContact && session.customerId) {
+        void getShopProvider().saveMyProfile?.({
+          name: form.name.trim(),
+          phone: form.phone.trim() || null,
+          document: documentDigits(form.document) || null
+        }).catch(() => {
+        });
+        setEditingContact(false);
+      }
       void getShopProvider().saveCustomerContact?.({
         phone: form.phone.trim() || null,
         document: documentDigits(form.document) || null
@@ -10056,10 +10157,29 @@ function CheckoutPage() {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+                contactAsCard ? /* @__PURE__ */ jsx(
+                  ContactSummary,
+                  {
+                    name: form.name,
+                    email: form.email,
+                    phone: shows("phone") ? form.phone : void 0,
+                    document: shows("document") ? form.document : void 0,
+                    onEdit: () => setEditingContact(true),
+                    onSignOut: () => {
+                      void signOutCustomer().finally(() => {
+                        setForm((current) => ({ ...current, email: "", name: "", phone: "", document: "" }));
+                        setEditingContact(false);
+                      });
+                    },
+                    labels: { edit: t("checkout.contact.edit"), notYou: t("checkout.contact.notYou"), signOut: t("checkout.contact.signOut") }
+                  }
+                ) : /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
                   checkoutField(t("checkout.contact.email"), TID.checkoutEmail, form.email, set("email"), {
                     type: "email",
-                    placeholder: t("checkout.contact.email")
+                    placeholder: t("checkout.contact.email"),
+                    // The account's address: an order under another e-mail would
+                    // not show up in this buyer's «Meus pedidos».
+                    ...session.customerId && session.email ? { readOnly: true, title: t("checkout.contact.emailLocked"), className: "w-full rounded-lg border bg-muted/40 px-3.5 py-3 text-sm text-muted-foreground outline-none" } : {}
                   }),
                   checkoutField(t("checkout.contact.name"), TID.checkoutName, form.name, set("name"), {
                     placeholder: t("checkout.contact.name")
@@ -14627,5 +14747,5 @@ ${formatErrors(report.errors)}`;
 }
 
 export { AddressForm, AddressSheet, AddressStrip, BEFORE_PLACE_ORDER_VALVE, BLOCK_STRUCTURAL_KEYS, BUYER_COUNTRY_COOKIE, BenefitsRow, BlockDataError, CART_LINE_ANNOTATION_POINT, CATALOG_BODY_BLOCK, CHECKOUT_FIELD_POINT, CartDrawer, CatalogPage, CategoryShowcase, CheckoutPage, ClosedStoreDialog, CollectionCta, CollectionHero, ContentPage, CountdownBand, CountrySelect, DeliverToPicker, EmailConfirmationRequiredError, EntityListBlock, FaqSection, FiltersPanel, FormBlock, HeroSection, ImageTiles, ItemSheet, Link, MESSAGES, ManifestoBlock, MediaCarousel, MenuItemRow, MenuPage, MenuToolbar, MotifStrip, MyPurchasesPage, NewsletterBand, ORDER_METADATA_POINT, OrderConfirmationPage, OrderTrackingTimeline, PAGE_DATA_SCRIPT_ID, PLACEHOLDER_ASPECTS, PRODUCT_BODY_BLOCK, PRODUCT_CARD_BADGE_POINT, PageDataScope, PaymentTerms, Price, ProductCard, ProductDetailPage, ProductEnquiryForm, ProductGallery, ProductGrid, ProductOptionSelector, ProductRail, ProductReviews, ProductSlider, ProductSpecs, ProductSpotlight, PromoBanner, QuantityInput, Reveal, STOREFRONT_COMPONENT_KEYS, STOREFRONT_PAGE_KINDS, STOREFRONT_SLOTS, STORE_BACKEND_PROVIDERS, STORE_COMMERCE_MODES, STORE_DOCUMENT_KIND, STORE_PAYMENT_METHOD_KINDS, STORE_PAYMENT_MODES, STORE_ROUTE_CHROMES, STORE_ROUTE_KINDS, STORE_SECTIONS, STORE_SECTION_NAMES, ScheduleSheet, SealsBand, SearchOverlay, ServiceHoursModal, Slot, SmoothImage, StepsSection, StoreCover, StorefrontConfigHost, StorefrontConfigProvider, StorefrontFooter, StorefrontHeader, StorefrontPage, StorefrontRouterProvider, StorefrontShell, StorefrontThemeStyle, StoryQuote, THEME_SCALE_FIELDS, THEME_SCALE_VAR_PREFIX, TID, Testimonials, TierCards, applyDeliveryPolicy, applyStoreSettings, bannerPlaceholder, blockInstanceId, buildEnquiryFromForm, checkPageBlocks, collectDataNeeds, collectOrderMetadata, contentPagePath, createStorefront, createStorefrontApp, currentStaticRenderPass, defaultPageBlocks, entityListBlockMeta, establishCustomerSession, exportStore, formatMoney, formatProductOptionSelection, getCartLineAnnotations, getCheckoutFieldContributions, getCustomerAuthAdapter, getProductCardBadges, getProductOptionGroups, hydrateStoreDocument, hydratedEntriesFor, initStorefrontRuntime, isJsonValue, isKnownPath, isNestedBlockRef, isPublicPath, isRecord, listSlots, marketForCountry, marketUnitPrice, matchContentPage, matchPath, matchesFacets, mergeCollectionFacet, mergePageTheme, navigateTo, nextMilestone, normalizeLanguage, normalizeProductOptionSelection, orderGalleryImages, overrideComponent, overrideProps, pageSeo, pageThemeSelector, pickProductCardImage, placeStorefrontOrder, prefersReducedMotion, primaryImageUrl, productCardComponentContract, productJsonLd, productOptionSelectionKey, productPlaceholder, productSeo, readHydratedPageData, registerStorefrontBlocks, registerStorefrontEntities, registerStorefrontExtensionPoints, registerStorefrontLoaders, resetPageDiagnostics, resetProductOptionsDeprecationWarnings, resetStorefrontExtensionPoints, resolveAuthAdapter, resolveConfig, resolveDataParams, resolveOverride, resolvePageData, resolvePageDataNeed, resolvePaymentTerms, resolveStorefrontProvider, resolveStorefrontRoute, resolveVariantForSelection, roundCents, routePathParams, runBeforePlaceOrderValve, sectionToJsonSchema, sectionsToBlocks, selectCount, selectDiscountTotal, selectIsOpen, selectRequiresShipping, selectShipping, selectShowsHours, selectSubtotal, selectTotal, selectionPrice, serializePageData, shellRouterAdapter, signInByEmail, signOutCustomer, signUpCustomer, slugifyStoreName, storefrontComponentContracts, storefrontPaths, themeToCss, toBlockNodes, toFacetMap, translate, useBlockData, useBuyerCountry, useBuyerStore, useCartStore, useCatalogStore, useCategories, useDeliveryStore, useDiscountValidator, useEnquiry, useHashPath, useInView, useLoader, useMarketProduct, useMarketStore, useMyOrders, useNavigate, usePopOnChange, useProduct, useProducts, useRoutePath, useRouterAdapter, useScrollToTopOnNavigate, useScrolled, useServiceStore, useSessionStore, useSlotContext, useStorefrontActions, useStorefrontConfig, useStorefrontConfigOptional, useStorefrontHead, useStorefrontPage, useStorefrontPageOptional, useT, usedSlots, validateStore, withFacet, withMarketPrice, withStaticRenderPass };
-//# sourceMappingURL=chunk-WFJH7SUO.js.map
-//# sourceMappingURL=chunk-WFJH7SUO.js.map
+//# sourceMappingURL=chunk-OK5U3JNM.js.map
+//# sourceMappingURL=chunk-OK5U3JNM.js.map