efficient-storefront-blocks 0.56.0 → 0.58.0

package/dist/render/built-with.json

@@ -0,0 +1,3 @@
+{
+  "efficient-web-builder": "33.0.0"
+}

package/dist/render/components/AppointmentBooking.d.ts

@@ -0,0 +1,14 @@
+import type { SlotComponent } from "efficient-easel/blocks";
+export interface AppointmentBookingProps {
+    eyebrow?: string;
+    heading?: string;
+    intro?: string;
+    buttonLabel?: string;
+    successMessage?: string;
+    editing?: boolean;
+    boxes?: SlotComponent;
+    inBoxes?: boolean;
+    nodeId?: string;
+}
+export default function AppointmentBooking(props?: AppointmentBookingProps): import("react").JSX.Element;
+export declare function AppointmentBookingBody({ eyebrow, heading, intro, buttonLabel, successMessage, boxes: Boxes, inBoxes, }: AppointmentBookingProps): import("react").JSX.Element;

package/dist/render/components/AppointmentBooking.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{BookingFormProvider as S,useBookingForm as b}from"./booking/BookingFormState.js";import{useBookingPreview as k}from"efficient-web-builder/render/lib/puck/booking-preview";import{say as n}from"efficient-web-builder/format/lib/editor-words";import{BookingChoose as N,BookingConfirmed as B,BookingDetails as y,BookingHead as w}from"./booking/BookingRegions.js";function A(t={}){const o=k();return e(S,{editing:t.editing,previewConfirmation:!!t.nodeId&&o===t.nodeId,children:e(C,{...t})})}const p="mx-auto max-w-[var(--sf-site-width,1600px)] px-[min(24px,var(--sf-site-gutter,40px))] py-16 min-[800px]:px-[var(--sf-site-gutter,40px)] min-[800px]:py-[88px]",s="grid gap-8 min-[960px]:grid-cols-[minmax(0,1fr)_minmax(360px,0.8fr)] min-[960px]:gap-12";function C({eyebrow:t,heading:o,intro:g,buttonLabel:f,successMessage:u,boxes:r,inBoxes:x=!1}){const{fieldPrefix:_,editing:v,services:m,currency:D,serviceId:I,setServiceId:L,requiresPayment:P,date:j,earliestDate:z,setDate:E,setDateTouched:F,availability:M,loadingSlots:T,noSlotsMessage:R,selectedStart:$,setSelectedStart:q,customerTimezone:G,name:H,setName:O,email:J,setEmail:K,phone:Q,setPhone:U,notes:V,setNotes:W,confirmation:c,submitting:X,error:Y,canSubmit:Z,handleSubmit:l,sample:h}=b(),d=h?e("p",{className:"mb-6 font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",role:"status",children:n("Example form — add an active service in {place}.",{place:n("Storefront → Booking Services")})}):null,a=m===void 0?e("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Loading appointments…"}):m?.length===0?e("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",role:"status",children:v?n("Add an active service in {place}.",{place:n("Storefront → Booking Services")}):"Appointments are not available right now."}):null;return x&&r?e("section",{className:"relative z-[2] border-t border-line bg-surface",children:i("div",{className:p,children:[d,c?e(r,{className:`${s} items-start`}):i("form",{onSubmit:l,children:[e(r,{className:`${s} items-start`}),a]})]})}):e("section",{className:"relative z-[2] border-t border-line bg-surface",children:i("div",{className:p,children:[d,e(w,{eyebrow:t,heading:o,intro:g}),c?e(B,{successMessage:u}):a||i("form",{onSubmit:l,className:s,children:[e(N,{}),e(y,{buttonLabel:f})]})]})})}export{C as AppointmentBookingBody,A as default};

package/dist/render/components/AssistantChatMount.d.ts

@@ -0,0 +1,8 @@
+import { type ChatLauncherLook } from "./ChatLauncher.js";
+export interface AssistantChatMountProps {
+    title?: string;
+    greeting?: string;
+    onUnavailable: () => void;
+    look?: ChatLauncherLook | null;
+}
+export default function AssistantChatMount({ look, ...props }: AssistantChatMountProps): import("react").JSX.Element;

package/dist/render/components/AssistantChatMount.js

@@ -0,0 +1 @@
+"use client";import{jsx as n}from"react/jsx-runtime";import{lazy as l,Suspense as c,useState as i}from"react";import u,{chatLauncherTokens as p}from"./ChatLauncher.js";const a=()=>import("./AssistantChatPanel.js"),d=l(a);function o({onOpen:t,look:e}){return n(u,{label:"Open chat",onOpen:t,onWarm:()=>{a()},look:e})}function f({look:t,...e}){const[s,r]=i(!1);return n("div",{"data-sf-floating":"",style:{display:"contents",...p(t)},children:s?n(c,{fallback:n(o,{onOpen:()=>{},look:t}),children:n(d,{...e})}):n(o,{onOpen:()=>r(!0),look:t})})}export{f as default};

package/dist/render/components/AssistantChatPanel.d.ts

@@ -0,0 +1,7 @@
+import "efficient-shell/ai.css";
+export interface AssistantChatPanelProps {
+    title?: string;
+    greeting?: string;
+    onUnavailable: () => void;
+}
+export default function AssistantChatPanel({ title, greeting, onUnavailable }: AssistantChatPanelProps): import("react").JSX.Element | null;

package/dist/render/components/AssistantChatPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as I}from"react/jsx-runtime";import{useCallback as o,useEffect as O,useMemo as R,useRef as s,useState as m}from"react";import{AssistantChat as _}from"efficient-shell/ai";import"efficient-shell/ai.css";import{api as d,API_URL as w}from"../lib/api/index.js";import{auth as r}from"../lib/auth.js";import{safeLocalStorage as S}from"efficient-web-builder/format/lib/safe-storage";import{webRuntimeSiteSlug as k}from"efficient-web-builder/format/lib/web-runtime";import{ASSISTANT_LABELS as F,ASSISTANT_PLACEHOLDER as v,STOREFRONT_TOOL_LABELS as H,assistantHeaders as N,assistantSiteKey as x,assistantStorageKey as B,assistantWording as D,createAssistantFetch as K,readStoredAssistantChat as P,writeStoredAssistantChat as U}from"../lib/assistant-chat.js";import{isOffStreamMessage as j,openChatSocket as G}from"../lib/chat-socket.js";import{DEFAULT_GREETING as M,DEFAULT_TITLE as W}from"./ChatWidget.js";function $({title:p,greeting:g,onUnavailable:i}){const[A,h]=m(!1),[T,c]=m(null),n=s(""),e=s(void 0),u=s(null),l=s(i);l.current=i,O(()=>{n.current=B(x(window.location.host));const t=P(S,n.current);e.current=t?.guestToken,c(t),u.current=d.restoreSession().catch(()=>{}),h(!0)},[]);const L=o(async()=>(await u.current,N(r.getAccess(),e.current)),[]),b=R(()=>K({fetchImpl:(t,a)=>fetch(t,a),siteSlug:k,access:r.getAccess,refresh:async()=>(await d.refresh()).access,signOut:r.clear,onUnavailable:()=>l.current()}),[]),E=o(t=>{e.current=t?.guestToken,U(S,n.current,t),c(t)},[]),y=o((t,a)=>G({conversationId:t.id,token:()=>r.getAccess()??e.current??"",onFrame:C=>{j(C)&&a()}}),[]),f=D({title:p,greeting:g},{title:W,greeting:M});return A?I(_,{variant:"bubble",defaultOpen:!0,apiBase:`${w}/api`,getHeaders:L,fetch:b,conversationId:T?.id??null,onConversation:E,subscribe:y,title:f.title,placeholder:v,toolLabels:H,labels:{...F,emptyState:f.emptyState}}):null}export{$ as default};

package/dist/render/components/BoxHeaderBar.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+import { type HeaderStickyMode } from "./useHeaderBar.js";
+export declare const resolveStickyMode: (v: unknown) => HeaderStickyMode;
+export default function BoxHeaderBar({ sticky, topTextColor, heightPx, theme, children, }: {
+    sticky?: unknown;
+    topTextColor?: unknown;
+    heightPx?: unknown;
+    theme?: unknown;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dist/render/components/BoxHeaderBar.js

@@ -0,0 +1 @@
+"use client";import{jsx as H}from"react/jsx-runtime";import{useEffect as k,useState as _}from"react";import{usePathname as y}from"next/navigation";import{useHeaderBar as R}from"./useHeaderBar.js";import{headerSolidBackground as A,isProductPage as I,resolveHeaderHeightPx as P}from"../lib/content/header-bar.js";import{headerThemeWrap as S}from"../lib/content/header-theme.js";import{HEADER_SET_HEIGHT_VAR as T}from"efficient-web-builder/render/lib/puck/header-clearance";import{HEADER_INK_OVERRIDE_ATTR as B,resolveHeaderInkMode as D}from"efficient-web-builder/render/lib/puck/header-ink";const M=["none","always","on_scroll_up"],j=e=>M.includes(e)?e:"always";function w({sticky:e,topTextColor:f,heightPx:h,theme:b,children:g}){const o=j(e),n=P(h),{headerRef:t,scrolled:a,navHidden:p}=R({stickyMode:o,heightPx:n}),s=D(f),x=s==="auto"?null:{[B]:s},r=S(b),d=I(y()),[v,E]=_(!1);k(()=>{const l=t.current?.ownerDocument??document,u=()=>E(l.documentElement.getAttribute("data-theme")==="light");u();const m=new MutationObserver(u);return m.observe(l.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>m.disconnect()},[t]);const c=a||d,i=A(v,d);return H("header",{ref:t,"data-scrolled":a||void 0,"data-box-header":"",...x,className:["sf-site-header",...r?[r.className]:[],"flex flex-col justify-center",o==="none"?"absolute":"fixed","inset-x-0 top-0 z-50",c?"border-b border-line backdrop-blur-md":"border-b border-transparent","transition-[background,border-color,transform] duration-300 ease-out"].join(" "),style:{...r?r.style:null,minHeight:`var(${T}, ${n}px)`,...p?{transform:"translateY(-100%)"}:null,...c?{background:i,color:"var(--fg)","--sf-header-ground":i}:{color:"var(--sf-header-overlay-fg)","--sf-header-ground":"var(--sf-header-overlay-ground)"}},children:g})}export{w as default,j as resolveStickyMode};

package/dist/render/components/BrandPlate.d.ts

@@ -0,0 +1,4 @@
+export default function BrandPlate({ brand, logo, }: {
+    brand?: string | null;
+    logo?: string | null;
+}): import("react").JSX.Element | null;

package/dist/render/components/BrandPlate.js

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";import{useState as o}from"react";import{resolveMedia as l}from"efficient-web-builder/render/lib/media";import{sizedImage as d}from"efficient-web-builder/format/lib/sized-image";const c="(max-width: 800px) 40vw, 20vw";function m({brand:r,logo:n}){const[i,s]=o(!1),e=(r??"").trim();if(!e)return null;const a=i?void 0:l(n??void 0);return t("div",{className:"sf-card-plate absolute inset-x-0 bottom-0 flex h-1/4 items-center justify-center bg-[var(--card-bg)] px-4 transition-colors duration-200 group-hover:bg-[var(--card-bg-hover)]",children:a?t("img",{...d(a,{fallbackWidth:640,maxWidth:960}),sizes:c,alt:e,className:"max-h-[52%] max-w-[78%] object-contain",draggable:!1,onError:()=>s(!0)}):t("span",{className:"truncate font-display text-[length:var(--size-body,18px)] font-medium uppercase leading-none tracking-[-0.01em] text-fg",children:e})})}export{m as default};

package/dist/render/components/BundleCard.d.ts

@@ -0,0 +1,6 @@
+import type { Bundle, Currency } from "../lib/api/index.js";
+export declare function bundleSaving(bundle: Bundle, currency: Currency): string | null;
+export default function BundleCard({ bundle, currency, }: {
+    bundle: Bundle;
+    currency: Currency;
+}): import("react").JSX.Element;

package/dist/render/components/BundleCard.js

@@ -0,0 +1 @@
+"use client";import{jsx as a,jsxs as r}from"react/jsx-runtime";import i from"next/link";import o from"next/image";import{formatPrice as c}from"../lib/commerce.js";function m(e,s){const t=e.savings[s];if(t===void 0)return null;const n=c(t,s);return e.savingIsFrom?`Save from ${n}`:`Save ${n}`}function l({bundle:e,currency:s}){const t=m(e,s);return r(i,{href:`/bundles/${e.slug}`,className:"sf-card group flex flex-col border border-line bg-bg transition-colors hover:border-accent",children:[r("div",{className:"sf-card-image relative aspect-[4/3] overflow-hidden bg-surface",children:[e.image?a(o,{src:e.image,alt:e.name,fill:!0,sizes:"(max-width: 640px) 100vw, 33vw",className:"object-cover transition-transform duration-500 group-hover:scale-[1.03]"}):r("div",{className:"flex h-full items-center justify-center font-mono text-[10px] uppercase tracking-[0.3em] text-fg-dim",children:[e.components.length," piece",e.components.length===1?"":"s"]}),t&&a("span",{className:"absolute left-0 top-4 bg-accent px-3 py-2 font-mono text-[10px] uppercase tracking-[0.24em] text-bg",children:t})]}),r("div",{className:"flex flex-1 flex-col gap-2 px-5 py-4",children:[a("span",{className:"font-display text-[18px] font-medium tracking-[-0.015em] text-fg",children:e.name}),e.subtitle&&a("span",{className:"text-[13px] leading-snug text-fg-dim",children:e.subtitle}),!e.inStock&&a("span",{className:"mt-1 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim",children:"Currently unavailable"})]})]})}export{m as bundleSaving,l as default};

package/dist/render/components/CartContext.d.ts

@@ -0,0 +1,91 @@
+import { type AppliedBundle, type Bundle, type CartQuote, type CouponEffects, type Currency, type DeliveryOption, type ProductKind, type WheelSummary } from "../lib/api/index.js";
+import { type PurchaseChoice, type SetComponent } from "../lib/commerce.js";
+import { type ShippingStatus } from "../lib/cart/shipping-status.js";
+type CartQuoteTax = CartQuote["tax"];
+export interface CartLine {
+    id: string;
+    slug: string;
+    name: {
+        lead: string;
+        accent: string;
+    };
+    process: string;
+    positionNo: string;
+    config: {
+        label: string;
+        gold?: boolean;
+    }[];
+    finishName: string;
+    size: string;
+    components: SetComponent[];
+    qty: number;
+    href?: string;
+    kind?: ProductKind;
+    sku?: string;
+    pack?: PurchaseChoice;
+    verifiedFor?: string;
+}
+export declare function isOrderable(line: {
+    components?: SetComponent[];
+}): boolean;
+export interface AppliedCoupon {
+    code: string;
+    valid: boolean;
+    deferred?: boolean;
+    refused?: boolean;
+    message?: string;
+    effects?: CouponEffects;
+}
+interface CartCtx {
+    isOpen: boolean;
+    preview: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    items: CartLine[];
+    catalog: WheelSummary[];
+    bundles: Bundle[];
+    warmCatalog: (kind?: ProductKind) => void;
+    add: (line: CartLine) => void;
+    remove: (id: string) => void;
+    setQty: (id: string, qty: number) => void;
+    replaceItems: (lines: CartLine[]) => void;
+    identify: (email: string, firstName?: string) => void;
+    clearCapturedCart: () => void;
+    coupon: AppliedCoupon | null;
+    applyCoupon: (code: string, customerEmail?: string) => Promise<void>;
+    removeCoupon: () => void;
+    refuseCoupon: (message: string) => void;
+    couponBusy: boolean;
+    deliveryOptions: DeliveryOption[];
+    shippingMethodId: string | null;
+    setShippingMethodId: (id: string) => void;
+    totals: {
+        sets: number;
+        units: number;
+        subtotal: number;
+        hasUnpricedLine: boolean;
+        discount: number;
+        bundleDiscount: number;
+        appliedBundles: AppliedBundle[];
+        shipping: number;
+        freeShipping: boolean;
+        shippingStatus: ShippingStatus;
+        freeUnitsByPartNumber: Record<string, number>;
+        tax: CartQuoteTax | null;
+        grand: number;
+        repricing: boolean;
+        currency: Currency;
+    };
+}
+export declare function lineTotal(line: {
+    components: SetComponent[];
+    qty: number;
+}, currency: string): number | null;
+interface ProviderProps {
+    children: React.ReactNode;
+    preview?: boolean;
+}
+export declare function CartProvider({ children, preview }: ProviderProps): import("react").JSX.Element;
+export declare function useCart(): CartCtx;
+export {};

package/dist/render/components/CartContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as De}from"react/jsx-runtime";import{createContext as Le,useCallback as d,useContext as We,useEffect as g,useMemo as fe,useRef as T,useState as f}from"react";import{products as E}from"../lib/api/index.js";import{couponDeferredToCheckout as ke}from"../lib/cart/coupon-preview.js";import{snapshotCartLines as Qe}from"../lib/cart/snapshot-lines.js";import{MAX_QTY_PER_LINE as me,orderLinesForSets as ve,setPrice as He}from"../lib/commerce.js";import{UNPRICED_LABEL as Ve}from"../lib/wheels/price-display.js";import{isValidEmail as je}from"../lib/email-shape.js";import{trackAddToCart as Fe}from"../lib/google-tag.js";import{shippingStatus as ze}from"../lib/cart/shipping-status.js";import{useCurrency as Je}from"./CurrencyContext.js";const Xe=400,Ye=400,Ge=1500;function pe(i){return(i.components?.length??0)>0}function he(i,r){return{code:i,valid:r.valid,deferred:ke(r,r.askedAsShopper),message:r.message||void 0,effects:r.effects??void 0}}function Ce(i,r){return He(i.components,r)}function L(i,r){const s=Ce(i,r);return s===null?null:s*i.qty}function ye(i){return i!=="tyre"}const ge=Le(null);function ct({children:i,preview:r=!1}){const{currency:s,country:O,formatMoney:Ee}=Je(),[W,A]=f(r),[c,M]=f([]),[k,Ne]=f([]),[Q,Te]=f([]),[v,be]=f(!1),[H,Be]=f(!1),[Me,Ie]=f(!1),[Se,qe]=f(!1),[m,V]=f(null),[j,F]=f(void 0),P=T(O),xe=T("");P.current=P.current||O;const[u,y]=f(null),[z,I]=f(!1),[p,J]=f(null),S=T(void 0),q=d(()=>A(!0),[]),X=d(()=>A(!1),[]),Y=d(()=>A(e=>!e),[]);g(()=>{r||typeof window>"u"||new URLSearchParams(window.location.search).get("cart")==="open"&&q()},[q,r]);const G=d(e=>{qe(!0),ye(e)&&Ie(!0)},[]),K=Me||c.some(e=>ye(e.kind)),Z=Se||c.length>0;g(()=>{if(r||!K||v)return;let e=!0;return E.listWheels().then(t=>{e&&(Ne(t),be(!0))}),()=>{e=!1}},[r,K,v]),g(()=>{if(r||!Z||H)return;let e=!0;return E.listBundles().then(t=>{e&&(Te(t),Be(!0))}),()=>{e=!1}},[r,Z,H]);const C=m?.deliveryOptions??[];g(()=>{C.length!==0&&J(e=>e&&C.some(t=>t.id===e)?e:C[0]?.id??null)},[m]);const x=d(()=>c.filter(pe).flatMap(e=>ve(e.components,e.qty)),[c]),$=d(async(e,t)=>{const o=e.trim().toUpperCase();if(!o)return;const n=x();if(n.length===0){y({code:o,valid:!1,message:"Add a wheel to the cart first."});return}I(!0),S.current=t;try{const a=await E.validateCoupon({code:o,items:n,currency:s,shippingMethodId:p??void 0,customerEmail:t});y(he(o,a))}catch{y({code:o,valid:!1,message:"Could not check that code. Please try again."})}finally{I(!1)}},[x,s,p]),ee=d(()=>{y(null),S.current=void 0},[]),te=d(e=>{if(!u)return;const{code:t}=u;y(o=>o&&o.code===t?{code:t,valid:!1,refused:!0,message:e}:o)},[u]);g(()=>{if(!u||u.refused)return;const e=u.code,t=n=>n!==null&&n.code===e&&!n.refused,o=setTimeout(async()=>{const n=x();if(n.length===0){y(a=>t(a)?{code:e,valid:!1,message:"Add a wheel to the cart first."}:a);return}I(!0);try{const a=await E.validateCoupon({code:e,items:n,currency:s,shippingMethodId:p??void 0,customerEmail:S.current});y(B=>t(B)?he(e,a):B)}catch{}finally{I(!1)}},Xe);return()=>clearTimeout(o)},[c,s,p]);const R=u&&!u.refused?u.code:void 0;g(()=>{if(r)return;let e=!0;const t=setTimeout(async()=>{const o=x();if(o.length===0){V(null),F(void 0);return}try{const n=await E.quoteCart({items:o,currency:s,shippingMethodId:p??void 0,couponCode:R,customerEmail:S.current||void 0,country:P.current||void 0,subdivision:xe.current||void 0});if(!e)return;V(n)}catch{if(!e)return}F(R)},Ye);return()=>{e=!1,clearTimeout(t)}},[c,s,p,R,O]);const ne=d(e=>{M(t=>{const o=t.findIndex(n=>n.id===e.id);return o===-1?[...t,e]:t.map((n,a)=>a===o?{...n,qty:Math.min(me,n.qty+e.qty)}:n)}),Fe(e,s)},[s]),oe=d(e=>{M(t=>t.filter(o=>o.id!==e))},[]),re=d((e,t)=>{const o=Math.max(1,Math.min(me,t));M(n=>n.map(a=>a.id===e?{...a,qty:o}:a))},[]),se=d(e=>{M(e)},[]),[b,_e]=f(null),ue=T(null);ue.current=b;const h=T(null),U=T(""),ie=d((e,t)=>{const o=e.trim().toLowerCase();je(o)&&_e(n=>n&&n.email===o&&n.firstName===(t??"")?n:{email:o,firstName:t??""})},[]);g(()=>{if(r||!b)return;const e=Qe(c.filter(pe),n=>L(n,s)===null?Ve:Ee(L(n,s),s)),t={email:b.email,firstName:b.firstName,currency:s,items:e},o=JSON.stringify(t);if(o!==U.current)return h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{h.current=null,U.current=o,E.captureCart(t).catch(n=>{process.env.NODE_ENV!=="production"&&console.warn("abandoned-cart capture failed",n)})},Ge),()=>{h.current&&(clearTimeout(h.current),h.current=null)}},[c,b,s,r]);const ce=d(()=>{h.current&&(clearTimeout(h.current),h.current=null);const e=ue.current;e&&(U.current="",E.captureCart({email:e.email,firstName:e.firstName,currency:s,items:[]}).catch(t=>{process.env.NODE_ENV!=="production"&&console.warn("abandoned-cart clear failed",t)}))},[s]),ae=fe(()=>{const e=c.reduce((l,N)=>{const _=L(N,s);return _===null?l:l+_},0),t=c.some(l=>Ce(l,s)===null),o=c.reduce((l,N)=>l+N.qty,0),n=u?.valid?u.effects:void 0,a=n?Math.min(e,Number(n.discountAmount)):0,B=m?.bundleDiscount??0,Ae=m?.appliedBundles??[],w=!!n?.freeShipping,le=C.find(l=>l.id===p),de=w?0:m?.shipping??le?.amount??0,Pe=ze({quoted:m!==null,optionCount:C.length,chosenAmount:le?.amount,couponWaivesFreight:w}),D={};for(const l of n?.freeUnits??[])D[l.partNumber]=(D[l.partNumber]??0)+l.quantity;const Re=m?.tax??null,Ue=m?m.grandTotal:e-a-B+de;return{sets:o,units:c.reduce((l,N)=>l+(N.components??[]).reduce((_,we)=>_+we.wheels*N.qty,0),0),subtotal:e,hasUnpricedLine:t,discount:a,bundleDiscount:B,appliedBundles:Ae,shipping:de,freeShipping:w,shippingStatus:Pe,freeUnitsByPartNumber:D,tax:Re,grand:Ue,repricing:!!u?.refused&&m!==null&&j===u?.code,currency:s}},[c,s,u,C,p,m,j]),Oe=fe(()=>({isOpen:W,preview:r,open:q,close:X,toggle:Y,items:c,catalog:k,bundles:Q,warmCatalog:G,add:ne,remove:oe,setQty:re,replaceItems:se,identify:ie,clearCapturedCart:ce,coupon:u,applyCoupon:$,removeCoupon:ee,refuseCoupon:te,couponBusy:z,deliveryOptions:C,shippingMethodId:p,setShippingMethodId:J,totals:ae}),[W,r,q,X,Y,c,k,Q,G,ne,oe,re,se,ie,ce,u,$,ee,te,z,C,p,ae]);return De(ge.Provider,{value:Oe,children:i})}function at(){const i=We(ge);if(!i)throw new Error("useCart() must be called inside <CartProvider>. Mount the provider in app/layout.tsx.");return i}export{ct as CartProvider,pe as isOrderable,L as lineTotal,at as useCart};

package/dist/render/components/CartDrawer.d.ts

@@ -0,0 +1,12 @@
+import { type CartLine } from "./CartContext.js";
+import type { TyreSummary } from "../lib/api/index.js";
+import { type CartDrawerContent } from "efficient-web-builder/format/lib/content/cart-drawer";
+export default function CartDrawer({ content, }: {
+    content?: CartDrawerContent;
+}): import("react").JSX.Element | null;
+export declare function CartLineRow({ line, tyre, onRemove, onQtyChange, }: {
+    line: CartLine;
+    tyre?: TyreSummary | null;
+    onRemove: () => void;
+    onQtyChange: (q: number) => void;
+}): import("react").JSX.Element;

package/dist/render/components/CartDrawer.js

@@ -0,0 +1,4 @@
+"use client";import{jsx as e,jsxs as r,Fragment as g}from"react/jsx-runtime";import{FREE_PRICE as w,UNPRICED_LABEL as $}from"../lib/wheels/price-display.js";import f from"next/link";import{useEffect as R,useRef as E}from"react";import L from"./CartLineThumbnail.js";import D from"./CouponField.js";import A from"./QuantityStepper.js";import P from"efficient-web-builder/render/components/RMark";import{lineTotal as C,useCart as S}from"./CartContext.js";import{isTyreLine as U}from"../lib/tyres/tyre-purchase.js";import{useTyreCatalog as I}from"./useTyreCatalog.js";import{useModalDismiss as M}from"./useModalDismiss.js";import{COUPON_DEFERRED_TOTAL as O}from"../lib/cart/coupon-preview.js";import{shippingWords as V,TAX_PENDING as q}from"../lib/cart/shipping-status.js";import{useCurrency as T}from"./CurrencyContext.js";import{CART_DRAWER_DEFAULTS as z,cartSubtitle as Q}from"efficient-web-builder/format/lib/content/cart-drawer";function W({content:t=z}){const{isOpen:s,preview:m,close:o,items:i,remove:h,setQty:u,totals:a,coupon:l,bundles:p}=S(),b=new Set(i.flatMap(n=>(n.components??[]).map(x=>x.partNumber))),j=new Set(a.appliedBundles.map(n=>n.slug)),N=p.filter(n=>!j.has(n.slug)).filter(n=>n.components.some(x=>b.has(x.partNumber))).slice(0,2),{formatMoney:d,activeCountry:B}=T(),y=B?.name??t.shipsToFallback,F=1+(t.leadTimeValue?1:0)+(y?1:0),k=E(null),_=I(i.some(U));return M({active:s,onDismiss:o,lockScroll:!m}),R(()=>{s&&k.current?.focus({preventScroll:!0})},[s]),s?r(g,{children:[e("div",{onClick:o,className:"fixed inset-0 z-[60] backdrop-blur-[4px]",style:{background:"rgba(0,0,0,0.68)",animation:"storefront-cart-fade 350ms ease both"},"aria-hidden":"true"}),r("aside",{role:"dialog","aria-label":"Your cart","aria-modal":"true",className:"fixed inset-y-0 right-0 z-[61] flex w-[520px] max-w-[100vw] flex-col border-l border-line bg-bg max-[640px]:w-screen max-[640px]:border-l-0",style:{animation:"storefront-cart-slide 450ms cubic-bezier(.2,.7,.2,1) both",boxShadow:"-30px 0 80px rgba(0,0,0,.5)"},onClick:n=>n.stopPropagation(),children:[e("style",{children:`
+          @keyframes storefront-cart-fade  { from { opacity: 0 } to { opacity: 1 } }
+          @keyframes storefront-cart-slide { from { transform: translateX(40px); opacity: 0 } to { transform: translateX(0); opacity: 1 } }
+        `}),r("header",{className:"flex flex-shrink-0 flex-col gap-4 border-b border-line px-8 pb-6 pt-8 max-[640px]:px-6 max-[640px]:pt-6 max-[640px]:pb-5",children:[r("div",{className:"flex items-center justify-between",children:[r("span",{className:"flex items-center gap-3 font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[t.kickerBadge?e("span",{className:"border px-2 py-1 text-[10px]",style:{background:"color-mix(in oklab, var(--accent) 12%, transparent)",borderColor:"color-mix(in oklab, var(--accent) 50%, transparent)"},children:t.kickerBadge}):null,(t.kickerBadge?"· ":"")+t.kickerText]}),e("button",{ref:k,type:"button",onClick:o,"aria-label":"Close cart",className:"flex h-8 w-8 items-center justify-center border border-line text-[14px] text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"✕"})]}),r("h1",{className:"font-display text-[38px] font-medium uppercase leading-[0.95] tracking-[-0.03em] max-[640px]:text-[30px]",children:[t.titleLead+" ",e("em",{className:"font-serif font-normal italic text-accent tracking-[-0.02em] normal-case",children:t.titleAccent})]}),e("p",{className:"font-serif text-[13px] italic leading-[1.5] text-fg-dim",children:Q(t,i.length)})]}),r("div",{className:`grid flex-shrink-0 ${X[F-1]} gap-px border-b border-line bg-line`,children:[e(v,{label:"Items",value:r(g,{children:[e("em",{className:"font-serif font-normal italic text-accent",children:a.sets})," set",a.sets===1?"":"s"," · ",a.units," item",a.units===1?"":"s"]})}),t.leadTimeValue?e(v,{label:"Lead time",value:t.leadTimeValue}):null,y?e(v,{label:"Ships to",value:y}):null]}),r("div",{className:"flex-1 overflow-y-auto [scrollbar-color:var(--site-line)_transparent] [scrollbar-width:thin]",children:[i.length===0?e(J,{content:t}):i.map(n=>e(K,{line:n,tyre:_.get(n.slug),onRemove:()=>h(n.id),onQtyChange:x=>u(n.id,x)},n.id)),N.length>0&&r("section",{className:"border-b border-line px-8 py-6 max-[640px]:px-6",style:{background:"color-mix(in oklab, var(--site-surface) 60%, transparent)"},children:[r("div",{className:"mb-4 flex items-center justify-between font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[e("span",{children:"You may also need"}),e("span",{className:"font-display text-[11px] normal-case tracking-[0.08em] text-fg-dim",children:"Buy together, save"})]}),e("div",{className:"grid grid-cols-2 gap-2 max-[640px]:grid-cols-1",children:N.map(n=>e(Y,{href:`/bundles/${n.slug}`,title:n.name,sub:G(n,a.currency,d)},n.slug))})]}),e("section",{className:"border-b border-line px-8 py-6 max-[640px]:px-6",children:e(D,{})}),t.promises.length>0&&e("div",{className:"flex flex-wrap justify-center gap-5 border-b border-line px-8 pt-6 pb-8 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim max-[640px]:px-6",children:t.promises.map(n=>e(H,{children:n},n))})]}),r("div",{className:"flex flex-shrink-0 flex-col gap-2 border-t border-line px-8 pt-5 max-[640px]:px-6",children:[e(c,{label:`Subtotal · ${a.sets} set${a.sets===1?"":"s"}`,value:d(a.subtotal,a.currency)}),a.appliedBundles.map(n=>e(c,{label:`Bundle · ${n.name}${n.multiples>1?` ×${n.multiples}`:""}`,value:r("span",{style:{color:"var(--green)"},children:["− ",d(n.discount,a.currency)]})},n.slug)),a.discount>0&&l?.valid&&e(c,{label:`Coupon · ${l.code}`,value:r("span",{style:{color:"var(--green)"},children:["− ",d(a.discount,a.currency)]})}),l?.deferred&&e(c,{label:`Coupon · ${l.code}`,value:O}),l?.valid&&l.effects?.gift&&e(c,{label:`Free gift · ${l.effects.gift.partNumber}${l.effects.gift.quantity>1?` ×${l.effects.gift.quantity}`:""}`,value:e("span",{style:{color:"var(--green)"},children:w})}),e(c,{label:"Shipping",value:a.shippingStatus==="free"?e("span",{style:{color:"var(--green)"},children:w}):V(a.shippingStatus)??d(a.shipping,a.currency)}),a.tax&&(a.tax.charged?e(c,{label:a.tax.inclusive?`${a.tax.name} included · ${a.tax.rate}%`:a.tax.name,value:d(a.tax.amount,a.currency)}):a.tax.name?e(c,{label:a.tax.name,value:q}):null),r("div",{className:"mt-2 flex items-center justify-between border-t border-line pt-4 text-fg",children:[r("span",{className:"font-display text-[22px] font-medium tracking-[-0.02em] normal-case",children:["Total ",e("em",{className:"font-serif font-normal italic text-accent",children:"due"})]}),e("span",{className:"text-right font-display text-[30px] font-medium tracking-[-0.025em] text-fg",children:a.repricing?"…":d(a.grand,a.currency)})]})]}),r("div",{className:"flex flex-shrink-0 flex-col gap-3 px-8 pb-6 pt-4 max-[640px]:px-6",children:[r(f,{href:"/checkout",onClick:o,"aria-disabled":i.length===0,className:["group flex items-center justify-between border px-5 py-5 font-mono text-[12px] uppercase tracking-[0.3em] transition-colors",i.length===0?"pointer-events-none cursor-not-allowed border-line bg-surface text-fg-dim":"border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg"].join(" "),children:["Begin checkout",e("span",{className:"transition-transform group-hover:translate-x-1",children:"→"})]}),e("div",{className:"flex items-center justify-between px-1 py-2 font-mono text-[10px] uppercase tracking-[0.24em] text-fg-dim",children:e(f,{href:"/wheels",onClick:o,className:"text-fg transition-colors hover:text-accent",children:"← Keep browsing"})})]})]})]}):null}const X=["grid-cols-1","grid-cols-2","grid-cols-3"];function v({label:t,value:s}){return r("div",{className:"flex flex-col gap-1 bg-bg px-4 py-4",children:[e("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-fg-dim",children:t}),e("span",{className:"font-display text-[14px] font-medium tracking-[-0.005em] text-fg",children:s})]})}function K({line:t,tyre:s,onRemove:m,onQtyChange:o}){const{catalog:i,totals:h}=S(),u=(t.components??[]).reduce((p,b)=>p+(h.freeUnitsByPartNumber[b.partNumber]??0),0),{currency:a,formatMoney:l}=T();return r(g,{children:[r("article",{className:"grid grid-cols-[96px_1fr] gap-5 border-b border-line px-8 py-6 transition-colors hover:bg-[color-mix(in_oklab,var(--site-surface)_60%,transparent)] max-[640px]:grid-cols-[78px_1fr] max-[640px]:px-6 max-[640px]:py-5",children:[e(L,{line:t,catalog:i,tyre:s}),r("div",{className:"flex min-w-0 flex-col gap-2",children:[r("div",{className:"flex items-start justify-between gap-3",children:[r("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-accent",children:["N° ",t.positionNo," · ",t.process==="FusionForge®"?r(g,{children:["FusionForge",e(P,{})]}):t.process]}),e("span",{className:"whitespace-nowrap font-display text-[16px] font-medium tracking-[-0.015em] text-fg",children:C(t,a)===null?$:l(C(t,a),a)})]}),r("h3",{className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-none tracking-[-0.02em]",children:[t.name.lead,e("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em] normal-case",children:t.name.accent})]}),t.config.length>0&&r("div",{className:"mt-1 flex flex-wrap gap-2",children:[t.config.map(p=>e("span",{className:["border px-2 py-1 font-mono text-[9px] uppercase tracking-[0.18em]",p.gold?"border-[color-mix(in_oklab,var(--accent)_45%,var(--site-line))] text-accent":"border-line text-fg-dim"].join(" "),children:p.label},p.label)),u>0&&r("span",{className:"border border-accent bg-accent px-2 py-1 font-mono text-[9px] uppercase tracking-[0.18em] text-bg",children:[u,"× free"]})]}),r("div",{className:"mt-3 flex items-center justify-between gap-3",children:[e(A,{value:t.qty,onChange:o,size:"small"}),r("div",{className:"flex gap-4 font-mono text-[10px] uppercase tracking-[0.22em]",children:[e(f,{href:t.href??`/wheels/${t.slug}`,className:"text-fg-dim transition-colors hover:text-accent",children:t.href?"View product":"Edit finish"}),e("button",{type:"button",onClick:m,className:"text-fg-dim transition-colors hover:text-alert",children:"Remove"})]})]})]})]}),t.verifiedFor&&r("div",{className:"mx-8 -mt-px flex items-start gap-3 border-t-0 px-4 py-4 font-display text-[13px] leading-[1.45] text-fg max-[640px]:mx-6",style:{background:"color-mix(in oklab, var(--accent) 8%, transparent)",border:"1px solid color-mix(in oklab, var(--accent) 35%, var(--site-line))",borderTop:"0"},children:[e("span",{className:"flex-shrink-0 pt-px font-mono text-[10px] uppercase tracking-[0.24em] text-accent",children:"Fits"}),r("span",{children:["Verified for your ",e("strong",{className:"font-medium text-accent",children:t.verifiedFor}),". Final torque values shipped with the wheels."]})]})]})}function Y({title:t,sub:s,href:m}){return r(f,{href:m,className:"flex items-center justify-between border border-line bg-bg px-4 py-3 text-left transition-colors hover:border-accent",children:[r("span",{className:"flex min-w-0 flex-col gap-1",children:[e("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap font-display text-[13px] font-medium tracking-[-0.005em] text-fg",children:t}),e("span",{className:"font-mono text-[9px] uppercase tracking-[0.22em] text-fg-dim",children:s})]}),e("span",{className:"ml-2 flex h-6 w-6 flex-shrink-0 items-center justify-center font-mono text-[13px] text-accent",style:{borderColor:"color-mix(in oklab, var(--accent) 45%, var(--site-line))",borderWidth:1,borderStyle:"solid"},children:"+"})]})}function G(t,s,m){const o=t.savings[s];if(o===void 0)return"Buy together";const i=m(o,s);return t.savingIsFrom?`Save from ${i}`:`Save ${i}`}function H({children:t}){return e("span",{className:"inline-flex items-center gap-2 before:text-[6px] before:text-accent before:content-['●']",children:t})}function c({label:t,value:s}){return r("div",{className:"flex items-center justify-between font-mono text-[11px] uppercase tracking-[0.18em] text-fg-dim",children:[e("span",{children:t}),e("strong",{className:"font-display text-[14px] font-normal tracking-[-0.005em] normal-case text-fg",children:s})]})}function J({content:t}){return r("div",{className:"flex flex-col items-center justify-center gap-3 px-8 py-20 text-center",children:[e("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:t.emptyKicker}),e("p",{className:"font-serif text-[16px] italic leading-[1.5] text-fg-dim",children:t.emptyBody}),r(f,{href:"/wheels",className:"mt-3 inline-flex items-center gap-3 border border-line px-5 py-3 font-mono text-[11px] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:["Browse the catalog ",e("span",{className:"text-accent",children:"→"})]})]})}export{K as CartLineRow,W as default};

package/dist/render/components/CartLineThumbnail.d.ts

@@ -0,0 +1,8 @@
+import type { CartLine } from "./CartContext.js";
+import type { TyreSummary, WheelSummary } from "../lib/api/index.js";
+export interface CartLineThumbnailProps {
+    line: CartLine;
+    catalog: WheelSummary[];
+    tyre?: TyreSummary | null;
+}
+export default function CartLineThumbnail({ line, catalog, tyre }: CartLineThumbnailProps): import("react").JSX.Element;

package/dist/render/components/CartLineThumbnail.js

@@ -0,0 +1 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import f from"next/image";import h from"./TyreImage.js";import p from"./WheelSvg.js";import{isTyreLine as d}from"../lib/tyres/tyre-purchase.js";import{DEFAULT_FINISH_COLOR as u}from"../lib/wheels/finish-defaults.js";function g(i){const r=i?.tyreTypes??[];return r.length===1?r[0]:null}function b({line:i,catalog:r,tyre:t}){const s=r.find(e=>e.slug===i.slug),l=i.config.find(e=>e.gold)?.label,n=s?.finishes.find(e=>e.name===l&&e.src)??s?.finishes.find(e=>e.src),c=s?.spokes??5,a=s?.mesh??!1,m=(s?.finishes.find(e=>e.name===l)??s?.finishes[0])?.color??u;return o("div",{className:"relative flex aspect-square items-center justify-center overflow-hidden border border-line bg-surface",children:d(i)?o(h,{image:t?.coverImage,size:i.size,type:g(t),sizes:"96px",className:"h-full w-full"}):n?.src?o(f,{src:n.src,alt:`${s?.name??i.slug} — ${n.name}`,width:120,height:120,sizes:"96px",className:"relative z-[2] block w-[88%] object-contain",style:{filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"}}):s||r.length===0?o("div",{className:"relative z-[2] block w-[72%]",style:{color:m,filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"},children:o(p,{spokes:c,mesh:a,className:"block w-full"})}):null})}export{b as default};

package/dist/render/components/CatalogFilterBarSection.d.ts

@@ -0,0 +1,12 @@
+import { type FilterBarVisibility } from "./catalog/CatalogFilterBar.js";
+import { type FieldUsageAnswer } from "../lib/content/field-usage.js";
+import type { FilterBarLayout } from "../lib/sections/catalog-filter-layout.js";
+export default function CatalogFilterBarSection({ show, layout, processOptions, fieldUsage, editing, resultsHref, resultsLabel, }: {
+    show?: FilterBarVisibility;
+    processOptions?: readonly import("../lib/api/index.js").Process[];
+    fieldUsage?: readonly FieldUsageAnswer[];
+    layout?: FilterBarLayout;
+    editing?: boolean;
+    resultsHref?: string;
+    resultsLabel?: string;
+}): import("react").JSX.Element;

package/dist/render/components/CatalogFilterBarSection.js

@@ -0,0 +1 @@
+"use client";import{jsx as R}from"react/jsx-runtime";import{useEffect as p,useMemo as j}from"react";import E from"./catalog/CatalogFilterBar.js";import{useCatalogFilter as $}from"./catalog/CatalogFilterContext.js";import{useVehicleFit as B}from"./fitment/useVehicleFit.js";import{answersForKind as N}from"../lib/content/field-usage.js";import{appendVehicleParams as _,VEHICLE_PARAM as q}from"../lib/wheels/plp-vehicle-params.js";import{listingLinkFromCatalogFilters as I,unmappableCatalogFacets as K}from"../lib/wheels/catalog-filters-to-listing.js";function D({show:c,layout:u,processOptions:f,fieldUsage:s,editing:t=!1,resultsHref:l,resultsLabel:m}){const{filters:o,setProcess:d,setSize:h,setLugs:w,setFinish:g,setPriceMin:P,setPriceMax:F,setSort:v,clearAll:S,total:O,scrollProcess:y,publishVehicle:n,lugOptions:L,sizeOptions:A,finishOptions:C,optionsReported:M}=$(),k=j(()=>s?N(s,"alloy-wheel"):void 0,[s]),e=B({editing:t,autoApply:!0});p(()=>{n({fit:e.fit,name:e.appliedName,resolving:e.resolving,unresolved:e.unresolved})},[n,e.fit,e.appliedName,e.resolving,e.unresolved]);const r=e.applied?.vehicle??null;p(()=>{if(t||!e.restored||typeof window>"u")return;const i=new URLSearchParams(window.location.search);for(const z of Object.values(q))i.delete(z);_(i,r);const a=i.toString();window.history.replaceState(null,"",`${window.location.pathname}${a?`?${a}`:""}`)},[t,e.restored,r]);const x=K(o),V=(m??"").trim()||"See all results",b=l&&!t&&x.length===0?{href:I(l,o,r),label:V}:void 0;return R(E,{resultsLink:b,filters:o,setProcess:d,setSize:h,setLugs:w,setFinish:g,setPriceMin:P,setPriceMax:F,setSort:v,clearAll:S,total:O,lugOptions:L,sizeOptions:A,finishOptions:C,scrollProcess:y,show:c,layout:u,processOptions:f,optionsReported:M,fieldUsage:k,picker:e})}export{D as default};

package/dist/render/components/ChatContext.d.ts

@@ -0,0 +1,23 @@
+import { type ChatMessage } from "../lib/api/chat.js";
+interface ChatContextValue {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    messages: ChatMessage[];
+    sending: boolean;
+    error: string | null;
+    unread: number;
+    hasConversation: boolean;
+    isSignedIn: boolean;
+    send: (body: string, identity?: {
+        name: string;
+        email: string;
+    }) => Promise<void>;
+}
+export declare function ChatProvider({ children, preview, }: {
+    children: React.ReactNode;
+    preview?: boolean;
+}): import("react").JSX.Element;
+export declare function useChat(): ChatContextValue;
+export {};

package/dist/render/components/ChatContext.js

@@ -0,0 +1 @@
+"use client";import{jsx as H}from"react/jsx-runtime";import{createContext as L,useCallback as i,useContext as V,useEffect as S,useMemo as W,useRef as $,useState as c}from"react";import{auth as q}from"../lib/auth.js";import{api as z}from"../lib/api/index.js";import{chatSocketUrl as B}from"../lib/chat-socket.js";import{safeLocalStorage as p}from"efficient-web-builder/format/lib/safe-storage";import{getChatThread as D,postChatMessage as F,startChat as G}from"../lib/api/chat.js";const Q="sf:aid",K="sf:chat",R=L(null);function X(){const u=p.getItem(K);if(!u)return null;try{return JSON.parse(u)}catch{return null}}function ae({children:u,preview:s=!1}){const[f,h]=c(!1),[e,_]=c(null),[k,m]=c([]),[x,I]=c(!1),[O,b]=c(null),[E,g]=c(0),[y,T]=c(!1),[P,Y]=c(!1),v=$(f);v.current=f,S(()=>{s||(_(X()),z.restoreSession().then(()=>T(!0)).catch(()=>T(!1)))},[s]);const d=i(async r=>{try{const o=await D(r.id,r.token);m(o.messages)}catch{}},[]);S(()=>{s||e&&d(e)},[s,e,d,y]),S(()=>{if(s||!e)return;const r=q.getAccess()??e.token;let o=!1,t=null,n,a=3e3;const l=()=>{o||(t=new WebSocket(B(e.id,r)),t.onmessage=A=>{try{const C=JSON.parse(A.data);C.type==="chat_event"&&C.event==="message"&&(d(e),!v.current&&C.payload?.sender_role==="employee"&&g(U=>U+1))}catch{}},t.onclose=()=>{o||(n=setTimeout(l,a),a=Math.min(a*2,3e4))},t.onerror=()=>t?.close())};return l(),()=>{o=!0,n&&clearTimeout(n),t?.close()}},[s,e,d]);const M=i(()=>{h(!0),g(0)},[]),N=i(()=>h(!1),[]),w=i(()=>h(r=>(r||g(0),!r)),[]),J=i(async(r,o)=>{const t=r.trim();if(t){if(s){m(n=>[...n,{id:`preview-${n.length}`,sender_role:"customer",sender_name:o?.name||"You",body:t,image_url:null,created_at:""}]),Y(!0);return}I(!0),b(null);try{if(e){const n=await F(e.id,e.token,t);m(a=>[...a,n])}else{const n=p.getItem(Q)||"",a=await G({body:t,guestName:o?.name,guestEmail:o?.email,guestKey:n}),l={id:a.id,token:a.guest_token};p.setItem(K,JSON.stringify(l)),_(l),m(a.messages)}}catch{b("Could not send your message. Please try again shortly.")}finally{I(!1)}}},[e,s]),j=W(()=>({isOpen:f,open:M,close:N,toggle:w,messages:k,sending:x,error:O,unread:E,hasConversation:s?P:!!e,isSignedIn:y,send:J}),[f,M,N,w,k,x,O,E,e,y,J,s,P]);return H(R.Provider,{value:j,children:u})}function ce(){const u=V(R);if(!u)throw new Error("useChat must be used within <ChatProvider>");return u}export{ae as ChatProvider,ce as useChat};

package/dist/render/components/ChatLauncher.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, ReactNode } from "react";
+export interface ChatLauncherLook {
+    launcherColor?: string | null;
+    launcherIcon?: string | null;
+    launcherPosition?: string | null;
+    launcherLabel?: string | null;
+    showOnPhones?: boolean | null;
+}
+export declare function chatLauncherTokens(look?: ChatLauncherLook | null): CSSProperties;
+export declare function chatLauncherOnLeft(look?: ChatLauncherLook | null): boolean;
+export default function ChatLauncher({ label, onOpen, onWarm, zIndex, badge, look, }: {
+    label: string;
+    onOpen: () => void;
+    onWarm?: () => void;
+    zIndex?: number;
+    badge?: ReactNode;
+    look?: ChatLauncherLook | null;
+}): import("react").JSX.Element;

package/dist/render/components/ChatLauncher.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as l,Fragment as b}from"react/jsx-runtime";import{ChatBubbleLeftRightIcon as f,ChatBubbleOvalLeftEllipsisIcon as m,ChatIcon as g,MegaphoneIcon as x,PhoneIcon as L,SparklesIcon as C}from"efficient-shell/icons/efficient-glyphs";import{chatLauncherColor as I,chatLauncherIcon as _,chatLauncherPosition as S}from"efficient-web-builder/format/lib/content/chat-launcher";import{accentInk as v}from"efficient-web-builder/format/lib/theme";import{PART_PHONE_MAX_CSS as w}from"efficient-web-builder/render/lib/puck/part-styles";const y={"chat-bubble-left-right":f,"chat-bubble-oval-left-ellipsis":m,chat:g,megaphone:x,phone:L,sparkles:C};function E(a){const t=I(a?.launcherColor)||"var(--btn)";return{"--assistant-launcher-bg":t,"--assistant-launcher-ink":t==="var(--btn)"?"var(--btn-ink)":v(t),"--assistant-launcher-bg-hover":`color-mix(in oklab, ${t} 85%, black)`}}function O(a){return a?.launcherLabel?.trim()??""}function P(a){return S(a?.launcherPosition)==="left"}const k={position:"fixed",bottom:16,minWidth:48,height:48,padding:0,display:"flex",alignItems:"center",border:0,borderRadius:9999,cursor:"pointer",background:"var(--assistant-launcher-bg)",color:"var(--assistant-launcher-ink)",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"},N={width:48,height:48,flex:"none",display:"flex",alignItems:"center",justifyContent:"center"},j="[data-chat-launcher-label]{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:500;line-height:1;transition:max-width 120ms ease-out,opacity 120ms ease-out,padding 120ms ease-out}[data-chat-launcher]:hover [data-chat-launcher-label],[data-chat-launcher]:focus-visible [data-chat-launcher-label]{max-width:16em;opacity:1;padding-inline-end:16px}@media (prefers-reduced-motion:reduce){[data-chat-launcher-label]{transition:none}}",A=`@media ${w}{[data-chat-launcher][data-hide-on-phones]{display:none!important}}`;function H({label:a,onOpen:t,onWarm:c,zIndex:d=1e3,badge:u,look:n}){const r=_(n?.launcherIcon),p=y[r],o=O(n),i=P(n),s=n?.showOnPhones===!1,h=(o?j:"")+(s?A:"");return l(b,{children:[h&&e("style",{children:h}),l("button",{type:"button","aria-label":a,onClick:t,onPointerEnter:c,onFocus:c,"data-sf-floating":"","data-chat-launcher":"","data-side":i?"left":"right","data-hide-on-phones":s?"":void 0,style:{...E(n),...k,...i?{left:16}:{right:16},zIndex:d},children:[e("span",{style:N,children:e(p,{size:22,"data-icon":r})}),o&&e("span",{"data-chat-launcher-label":"",children:o}),u]})]})}export{P as chatLauncherOnLeft,E as chatLauncherTokens,H as default};

package/dist/render/components/ChatWidget.d.ts

@@ -0,0 +1,12 @@
+import { type ChatLauncherLook } from "./ChatLauncher.js";
+export declare const DEFAULT_TITLE = "Chat with us";
+export declare const DEFAULT_SUBTITLE = "We usually reply within a few minutes";
+export declare const DEFAULT_GREETING = "Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";
+export interface ChatWording {
+    title?: string;
+    subtitle?: string;
+    greeting?: string;
+}
+export default function ChatWidget({ title, subtitle, greeting, look, }?: ChatWording & {
+    look?: ChatLauncherLook | null;
+}): import("react").JSX.Element;

package/dist/render/components/ChatWidget.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useEffect as S,useRef as A,useState as u}from"react";import{stripMarkup as B}from"efficient-web-builder/format/lib/markup";import{sizedImage as z}from"efficient-web-builder/format/lib/sized-image";import D,{chatLauncherOnLeft as W}from"./ChatLauncher.js";import{useChat as U}from"./ChatContext.js";import{scrollBehavior as F}from"efficient-web-builder/render/components/useReducedMotion";const M="Chat with us",O="We usually reply within a few minutes",R="Hi! Ask us anything — about a wheel, an order, or fitment. Leave your details and we’ll reply.";function $({m:t}){if(t.sender_role==="system")return e("div",{className:"text-center text-[11px] text-fg/50 py-1",children:t.body});const a=t.sender_role==="bot",s=t.sender_role==="employee"||a;return e("div",{className:`flex ${s?"justify-start":"justify-end"}`,children:n("div",{className:`max-w-[80%] rounded-2xl px-3 py-2 text-sm ${s?"bg-fg/5 text-fg":"bg-accent text-black"}`,children:[s&&n("div",{className:"mb-0.5 flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wide text-fg/50",children:[a&&e("span",{"aria-hidden":"true",children:"✦"}),e("span",{children:a?t.sender_name||"Assistant":t.sender_name||"Support"}),a&&e("span",{className:"font-normal normal-case tracking-normal",children:"· automated"})]}),t.body&&e("p",{className:"whitespace-pre-wrap",children:t.body}),t.image_url&&e("a",{href:t.image_url,target:"_blank",rel:"noopener noreferrer",children:e("img",{...z(t.image_url,{fallbackWidth:640,maxWidth:1280}),sizes:"(max-width: 640px) 80vw, 320px",alt:"Attachment",className:"mt-2 max-h-48 w-auto rounded-lg"})})]})})}function G({title:t,subtitle:a,greeting:s,look:x}={}){const{isOpen:l,toggle:N,close:_,messages:o,sending:i,error:h,unread:f,hasConversation:k,isSignedIn:C,send:L}=U(),g=t?.trim()||M,E=a?.trim()||O,T=s?.trim()||R,[d,b]=u(""),[c,j]=u(""),[m,I]=u(""),y=A(null),p=!C&&!k;S(()=>{l&&y.current?.scrollIntoView({behavior:F(),block:"nearest"})},[o.length,l]);const v=d.trim().length>0&&(!p||c.trim()&&/.+@.+/.test(m)),w=()=>{!v||i||(L(d,p?{name:c.trim(),email:m.trim()}:void 0),b(""))};return l?n("aside",{role:"dialog","aria-label":"Chat with us","data-sf-floating":"",className:`fixed bottom-5 ${W(x)?"left-5":"right-5"} z-[61] flex h-[min(560px,80vh)] w-[min(380px,calc(100vw-2.5rem))] flex-col overflow-hidden rounded-2xl border border-line bg-bg shadow-[0_20px_60px_rgba(0,0,0,.45)]`,style:{color:"var(--fg)"},children:[n("div",{className:"flex items-center justify-between border-b border-line px-4 py-3",children:[n("div",{children:[e("div",{className:"text-sm font-semibold text-fg",children:g}),e("div",{className:"text-[11px] text-fg/50",children:E})]}),e("button",{type:"button",onClick:_,"aria-label":"Close chat",className:"rounded-md p-1 text-fg/60 hover:bg-fg/5",children:e("svg",{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:e("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),n("div",{className:"flex-1 space-y-2 overflow-y-auto px-3 py-3",children:[o.length===0&&e("p",{className:"px-2 py-4 text-center text-sm text-fg/50",children:T}),o.map(r=>e($,{m:r},r.id)),e("div",{ref:y})]}),n("div",{className:"border-t border-line p-3",children:[p&&n("div",{className:"mb-2 grid grid-cols-2 gap-2",children:[e("input",{value:c,onChange:r=>j(r.target.value),placeholder:"Your name",className:"rounded-lg border border-line bg-transparent px-3 py-2 text-sm outline-none focus:border-accent"}),e("input",{value:m,onChange:r=>I(r.target.value),type:"email",placeholder:"Email",className:"rounded-lg border border-line bg-transparent px-3 py-2 text-sm outline-none focus:border-accent"})]}),h&&e("p",{className:"mb-2 text-xs text-red-600",children:h}),n("div",{className:"flex items-end gap-2",children:[e("textarea",{value:d,onChange:r=>b(r.target.value),onKeyDown:r=>{r.key==="Enter"&&!r.shiftKey&&(r.preventDefault(),w())},rows:1,placeholder:"Type a message…",className:"max-h-28 flex-1 resize-none rounded-lg border border-line bg-transparent px-3 py-2 text-sm outline-none focus:border-accent"}),e("button",{type:"button",onClick:w,disabled:!v||i,className:"rounded-lg bg-btn px-3 py-2 text-sm font-semibold text-btn-ink disabled:opacity-40",children:i?"…":"Send"})]})]})]}):e(D,{label:B(g),onOpen:N,zIndex:60,look:x,badge:f>0&&e("span",{className:"absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-red-600 px-1 text-[11px] font-bold text-white",children:f})})}export{R as DEFAULT_GREETING,O as DEFAULT_SUBTITLE,M as DEFAULT_TITLE,G as default};

package/dist/render/components/CheckoutCTA.d.ts

@@ -0,0 +1,12 @@
+interface CheckoutCTAProps {
+    eyebrow?: string;
+    title?: string;
+    body?: string;
+    ctaText?: string;
+    ctaHref?: string;
+    secondaryText?: string;
+    secondaryHref?: string;
+    contained: boolean;
+}
+export default function CheckoutCTA({ eyebrow, title, body, ctaText, ctaHref, secondaryText, secondaryHref, contained, }: CheckoutCTAProps): import("react").JSX.Element;
+export {};

package/dist/render/components/CheckoutCTA.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as p}from"react/jsx-runtime";import d from"efficient-web-builder/render/components/BlockFrame";import f from"efficient-web-builder/render/components/Btn";import h from"efficient-web-builder/render/components/SectionEyebrow";import{renderGold as i,renderHeadline as g,splitParagraphs as u}from"efficient-web-builder/render/components/goldPhrases";function v({eyebrow:m,title:n,body:t,ctaText:a,ctaHref:s,secondaryText:r,secondaryHref:l,contained:c}){return e(d,{contained:c,className:"py-6",children:p("div",{className:"flex flex-col items-center gap-5 px-6 py-16 text-center max-[800px]:py-10",children:[m&&e(h,{text:m,scaled:!1}),n&&e("h2",{className:"max-w-[720px] font-display text-[min(44px,var(--sf-heading-max,9999px))] font-medium leading-[1.05] tracking-[-0.03em] max-[800px]:text-[min(30px,var(--sf-heading-max,9999px))]",children:g(n,!1)}),t&&u(t).map((x,o)=>e("p",{className:"max-w-[560px] text-[16px] leading-[1.6] opacity-85",children:i(x)},o)),(a||r)&&p("div",{className:"mt-2 flex items-center gap-6",children:[a&&e(f,{href:s||"/checkout",variant:"primary",children:i(a)}),r&&e("a",{href:l||"#",className:"font-mono text-[13px] uppercase tracking-[0.2em] underline underline-offset-4 opacity-70 hover:opacity-100",children:i(r)})]})]})})}export{v as default};

package/dist/render/components/CollectionCard.d.ts

@@ -0,0 +1,27 @@
+import type { PartStyles } from "efficient-web-builder/render/lib/puck/part-styles";
+export declare function resolveCategoryImage(src?: string): string | undefined;
+export interface CollectionCardStyle {
+    showPrice?: boolean;
+    cardStyle?: "minimal" | "bordered" | "shadow";
+    partStyles?: PartStyles;
+    editing?: boolean;
+}
+export declare const CollectionCardStyleContext: import("react").Context<CollectionCardStyle>;
+export interface CollectionRef {
+    id: string;
+    name: string;
+    slug: string;
+    description: string;
+    image: string;
+}
+export declare const COLLECTION_CARD_SEED_COUNT = 3;
+export interface CollectionCardProps {
+    tag?: string;
+    name?: React.ReactNode;
+    desc?: string;
+    href?: string;
+    imageSrc?: string;
+    imageLabel?: string;
+    price?: string;
+}
+export default function CollectionCard({ tag, name, desc, href, imageSrc, imageLabel, price, }: CollectionCardProps): import("react").JSX.Element;

package/dist/render/components/CollectionCard.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as s}from"react/jsx-runtime";import{createContext as _,useContext as N}from"react";import v from"next/link";import E from"efficient-web-builder/render/components/Placeholder";import{SIZE_STEP_OF_ROLE as O}from"efficient-web-builder/format/lib/fonts";import{COLLECTION_CARD_REGIONS as T,COLLECTION_CARD_TEXT_SIZE as r}from"efficient-web-builder/format/lib/sections/collection-card-text-regions";import{TEXT_REGION_ATTR as k,regionStyle as S,textRegionPartKey as I}from"efficient-web-builder/format/lib/sections/text-regions";import{renderGold as l,renderHeadline as L,splitParagraphs as R}from"efficient-web-builder/render/components/goldPhrases";import{absolutizeApiUrl as w}from"efficient-web-builder/render/lib/media";function $(a){return w(a)??void 0}const P=_({}),K=3;function j({tag:a,name:i,desc:c,href:d,imageSrc:x,imageLabel:g,price:m}){const{showPrice:f,cardStyle:p,partStyles:u,editing:h}=N(P),b=p==="bordered"?" border border-line":p==="shadow"?" shadow-[0_8px_30px_rgba(0,0,0,0.12)]":"",y=$(x),o=t=>h?{[k]:t}:{},n=t=>S(u?.[I(t)]?.role,T[t],O);return s(v,{href:d||"#",className:`sf-card group relative block w-full min-w-0 overflow-hidden bg-surface-2${b}`,children:[e("div",{className:"relative z-0 aspect-[4/5] transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:scale-[1.04]",children:e(E,{label:g||"collection.jpg",src:y})}),e("div",{className:"pointer-events-none absolute inset-0 z-[1] [background:rgba(0,0,0,0.4)] group-hover:[background:rgba(0,0,0,0.3)] max-[800px]:hidden",style:{transition:"none"}}),s("div",{className:"absolute inset-x-8 bottom-8 z-[2] flex flex-col gap-3 text-overlay-fg max-[800px]:relative max-[800px]:inset-auto max-[800px]:p-6 max-[800px]:gap-3 max-[800px]:text-fg",children:[a&&e("span",{...o("tag"),style:n("tag"),className:`font-mono ${r.tag} uppercase tracking-[0.25em] opacity-70`,children:l(a)}),i&&e("h3",{...o("name"),style:n("name"),className:`font-heading2 ${r.name} font-medium leading-none tracking-[-0.03em] ${r.namePhone}`,children:typeof i=="string"?L(i,!1):i}),c&&R(c).map((t,C)=>e("p",{...o("body"),style:n("body"),className:`max-w-[420px] ${r.body} leading-[1.5] opacity-80`,children:l(t)},C)),f&&m&&e("span",{...o("price"),style:n("price"),className:`font-mono ${r.price} tracking-[0.05em] text-accent`,children:l(m)}),s("span",{...o("link"),style:n("link"),className:`mt-2 inline-flex items-center gap-3 font-mono ${r.link} uppercase tracking-[0.2em]`,children:["Explore",e("span",{className:"transition-transform group-hover:translate-x-[3px]","aria-hidden":!0,children:"→"})]})]})]})}export{K as COLLECTION_CARD_SEED_COUNT,P as CollectionCardStyleContext,j as default,$ as resolveCategoryImage};

package/dist/render/components/Collections.d.ts

@@ -0,0 +1,17 @@
+import type { SlotComponent } from "efficient-easel/blocks";
+import type { PartStyles } from "efficient-web-builder/render/lib/puck/part-styles";
+export interface CollectionsProps {
+    eyebrow?: string;
+    heading?: string;
+    columns?: number;
+    showPrice?: boolean;
+    cardStyle?: "minimal" | "bordered" | "shadow";
+    layout?: "grid" | "carousel" | "list";
+    limit?: number;
+    cards?: SlotComponent;
+    omitHead?: boolean;
+    nodeId?: string;
+    partStyles?: PartStyles;
+    editing?: boolean;
+}
+export default function Collections({ eyebrow, heading, columns, showPrice, cardStyle, layout, limit, cards: Cards, omitHead, nodeId, partStyles, editing, }?: CollectionsProps): import("react").JSX.Element;

package/dist/render/components/Collections.js

@@ -0,0 +1 @@
+"use client";import{Fragment as d,jsx as e,jsxs as i}from"react/jsx-runtime";import{useId as v}from"react";import y from"efficient-web-builder/render/components/SectionHeader";import{SectionTextParts as N}from"efficient-web-builder/render/lib/puck/editing-bridges";import{CollectionCardStyleContext as M}from"./CollectionCard.js";import{fillRowCss as S}from"../lib/sections/fill-row.js";import{renderHeadline as $}from"efficient-web-builder/render/components/goldPhrases";function j({editing:r,nodeId:t,children:s}){return!r||!t?e(d,{children:s}):e(N,{nodeId:t,sectionType:"Collections",children:s})}const E="px-[max(var(--sf-site-gutter,40px),calc((100%_-_var(--sf-content-cap,100%))/2_+_var(--sf-site-gutter,40px)))] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",F="px-[max(var(--sf-site-gutter,40px),calc((100%_-_var(--sf-content-cap,100%))/2_+_var(--sf-site-gutter,40px)))] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]",I={2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5"};function R({eyebrow:r,heading:t,columns:s,showPrice:m,cardStyle:f,layout:g,limit:n,cards:l,omitHead:a=!1,nodeId:u,partStyles:h,editing:c=!1}={}){const o=`cg-${v().replace(/:/g,"")}`,_=typeof n=="number"&&n>0,C=g==="list"?"grid-cols-1":s===void 0?"grid-cols-3":I[Math.min(5,Math.max(2,Math.round(s)))]??"grid-cols-3",p=`${o} grid ${C} gap-4 max-[800px]:grid-cols-1 max-[800px]:gap-3`,x=S(o,p,{limit:n});return i("section",{className:a?F:E,children:[a?null:e(y,{num:r!==void 0?r:"01 / Collections",accentNum:!0,title:t!==void 0?$(t,!1):i(d,{children:["Three ranges,",e("br",{}),"one standard."]}),link:{text:"View all",href:"/wheels"}}),l&&e(j,{editing:c,nodeId:u,children:i(M.Provider,{value:{showPrice:m,cardStyle:f,partStyles:h,editing:c},children:[_&&e("style",{children:`.${o} > *:nth-child(n+${n+1}){display:none}`}),x&&e("style",{children:x}),e(l,{className:p,minEmptyHeight:260})]})})]})}export{R as default};

package/dist/render/components/CompatibleTyres.d.ts

@@ -0,0 +1,23 @@
+import { type CardIndexFormat, type CardOutline } from "efficient-web-builder/format/lib/sections/product-card-style";
+import type { CompatibleTyre } from "../lib/api/index.js";
+export interface CompatibleTyresProps {
+    num?: string;
+    title?: string;
+    description?: string;
+    tyres?: CompatibleTyre[];
+    footnote?: string;
+    footnoteLinkText?: string;
+    footnoteLinkHref?: string;
+    viewMore?: {
+        href: string;
+        label: string;
+    };
+    editing?: boolean;
+    frameClassName?: string;
+    omitHead?: boolean;
+    columns?: number;
+    cardImage?: number | null;
+    outline?: CardOutline;
+    indexBadge?: CardIndexFormat;
+}
+export default function CompatibleTyres({ num, title, description, tyres, footnote, footnoteLinkText, footnoteLinkHref, viewMore, editing, frameClassName, omitHead, columns, cardImage, outline, indexBadge, }: CompatibleTyresProps): import("react").JSX.Element | null;

package/dist/render/components/CompatibleTyres.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as p}from"react/jsx-runtime";import R from"./SectionBand.js";import{useId as j}from"react";import z from"efficient-web-builder/render/components/SectionHeader";import F from"./SectionFootnote.js";import L from"./TyreCard.js";import H from"./ViewMoreLink.js";import{renderGold as f,renderHeadline as O}from"efficient-web-builder/render/components/goldPhrases";import{useCurrency as P}from"./CurrencyContext.js";import{tyrePagePath as $}from"../lib/tyres/tyre-page-path.js";import{TYRE_ILLUSTRATION_NOTE as w}from"../lib/wheels/tyre-render.js";import{cardImageShapeTokens as B}from"efficient-web-builder/format/lib/content/card-image-shape";import{DEFAULT_CARD_INDEX_FORMAT as v,cardIndexCss as U}from"efficient-web-builder/format/lib/sections/product-card-style";import{say as Y}from"efficient-web-builder/format/lib/editor-words";const G="border-b border-line py-[120px] max-[1100px]:py-20";function u({frameClassName:o,style:i,children:n}){return o!==void 0?e("section",{className:o,style:i,children:n}):e(R,{className:G,style:i,children:n})}const x={2:"grid grid-cols-2 gap-2 max-[720px]:grid-cols-1",3:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",4:"grid grid-cols-4 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1"};function V({num:o,title:i,description:n,tyres:g,footnote:h,footnoteLinkText:y,footnoteLinkHref:T,viewMore:t,editing:b=!1,frameClassName:l,omitHead:N=!1,columns:S=3,cardImage:_,outline:k,indexBadge:C}){const{currency:I,formatPrice:A}=P(),s=g??[],c=`ct-${j().replace(/:/g,"")}`,m=C??v,a=U(c,m),D=s.some(r=>!r.image),E=[h,D?w:null].filter(Boolean).join(" "),d=N?null:e(z,{num:o!=null?f(o):void 0,title:i!=null?O(i,!1):void 0,description:n!=null?f(n):void 0,accent:!0});return s.length===0?b?p(u,{frameClassName:l,children:[d,e("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:Y("No compatible tyres found for this wheel’s sizes yet — tyres appear automatically when a matching size is active and priced in the catalog.")})]}):null:p(u,{frameClassName:l,style:B(_),children:[a&&e("style",{children:a}),d,e("div",{className:`${a?`${c} `:""}${x[S]??x[3]}`,children:s.map(r=>e(L,{outline:k,showIndex:m!=="off",size:r.size,specs:r.specs,prices:r.prices,image:r.image,inStock:r.inStock,href:$(r.slug),currency:I,formatPrice:A},r.sku))}),t&&e("div",{className:"mt-10 flex",children:e(H,{href:t.href,label:t.label})}),e(F,{text:E,linkText:y,linkHref:T})]})}export{V as default};

package/dist/render/components/ConsentBanner.d.ts

@@ -0,0 +1,20 @@
+import type { ConsentBannerLayout } from "efficient-web-builder/format/lib/content/consent-banner";
+import { type BannerWords, type ConsentModel } from "../lib/consent/rules.js";
+export declare const CONSENT_CHOICE_BUTTON = "flex items-center justify-center gap-5 border border-fg bg-transparent px-6 py-4 font-mono text-[14px] uppercase tracking-[0.3em] text-fg transition-colors hover:bg-fg hover:text-bg";
+export declare const CONSENT_TEXT_BUTTON = "font-mono text-[13px] uppercase tracking-[0.15em] text-fg underline decoration-line underline-offset-4 hover:decoration-fg";
+export declare function ConsentEyebrow({ text }: {
+    text: string;
+}): import("react").JSX.Element;
+export declare function ConsentBannerView({ model, words, layout, privacyHref, onAccept, onReject, onChoose, inline, }: {
+    model: ConsentModel;
+    words: BannerWords;
+    layout: ConsentBannerLayout;
+    privacyHref: string | null;
+    onAccept: () => void;
+    onReject: () => void;
+    onChoose: () => void;
+    inline?: boolean;
+}): import("react").JSX.Element;
+export declare function ConsentBannerPreview({ layout }: {
+    layout: ConsentBannerLayout;
+}): import("react").JSX.Element;

package/dist/render/components/ConsentBanner.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as n,Fragment as x}from"react/jsx-runtime";import{usePreviewHeader as v}from"efficient-web-builder/render/components/PreviewHeaderContext";import{NEUTRAL_SITE_NAME as y}from"../lib/content/site.js";import{bannerWords as C,CONSENT_BUTTONS as r,CONSENT_RULES as T}from"../lib/consent/rules.js";const i="flex items-center justify-center gap-5 border border-fg bg-transparent px-6 py-4 font-mono text-[14px] uppercase tracking-[0.3em] text-fg transition-colors hover:bg-fg hover:text-bg",k="font-mono text-[13px] uppercase tracking-[0.15em] text-fg underline decoration-line underline-offset-4 hover:decoration-fg",E="text-fg underline decoration-line underline-offset-4";function f({text:a}){return n("div",{className:"flex items-center gap-3 font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim",children:[e("span",{className:"block h-1.5 w-1.5 rounded-full bg-accent"}),e("span",{children:a})]})}function _({model:a,words:t,layout:g,privacyHref:s,onAccept:l,onReject:h,onChoose:p,inline:N=!1}){const m=n("p",{className:"mt-3 font-body text-[15px] leading-[1.55] text-fg-dim max-[880px]:text-[14px]",children:[t.before,e("span",{className:"text-fg",children:t.link}),t.after,s&&n(x,{children:[" ",e("a",{className:E,href:s,children:r.privacyPolicy})]})]}),d=a==="opt-in",b=d?n(x,{children:[e("button",{type:"button",className:`${i} max-[880px]:order-2`,onClick:h,children:r.reject}),e("button",{type:"button",className:`${i} max-[880px]:order-1`,onClick:l,children:r.accept})]}):n(x,{children:[e("button",{type:"button",className:`${i} max-[880px]:order-2`,onClick:p,children:r.privacyChoices}),e("button",{type:"button",className:`${i} max-[880px]:order-1`,onClick:l,children:r.ok})]}),o=d?e("button",{type:"button",className:k,onClick:p,children:r.choose}):null,u=N?"absolute":"fixed";return g==="card"?n("div",{role:"region","aria-label":t.heading,"data-consent-banner":"card",className:`${u} bottom-6 left-6 z-[90] w-[420px] border border-line bg-bg p-6 [border-radius:var(--sf-section-radius,0px)] max-[880px]:inset-x-0 max-[880px]:bottom-0 max-[880px]:left-0 max-[880px]:w-auto max-[880px]:border-x-0 max-[880px]:border-b-0 max-[880px]:px-5 max-[880px]:pb-8 max-[880px]:pt-6 max-[880px]:[border-radius:0]`,children:[e(f,{text:t.heading}),m,e("div",{className:"mt-5 grid grid-cols-2 gap-3 max-[880px]:grid-cols-1",children:b}),o&&e("div",{className:"mt-4 max-[880px]:text-center",children:o})]}):e("div",{role:"region","aria-label":t.heading,"data-consent-banner":"bar",className:`${u} inset-x-0 bottom-0 z-[90] border-t border-line bg-bg`,children:n("div",{className:"flex items-center justify-between gap-10 px-10 py-6 max-[1100px]:flex-col max-[1100px]:items-start max-[1100px]:gap-5 max-[880px]:px-5 max-[880px]:pb-8",children:[n("div",{className:"min-w-0 max-w-[700px]",children:[e(f,{text:t.heading}),m]}),n("div",{className:"flex flex-none items-center gap-3 max-[880px]:grid max-[880px]:w-full",children:[o&&e("span",{className:"mr-3 max-[880px]:order-3 max-[880px]:mr-0 max-[880px]:mt-1 max-[880px]:text-center",children:o}),b]})]})})}function $({layout:a}){const t=v().websiteName?.trim()||y;return e("div",{className:"relative min-h-[640px] w-full","data-consent-banner-preview":!0,children:e(_,{model:"opt-in",words:C(T.other,t,{analytics:!0,googleAds:!0,meta:!0}),layout:a,privacyHref:null,onAccept:c,onReject:c,onChoose:c,inline:!0})})}function c(){}export{i as CONSENT_CHOICE_BUTTON,k as CONSENT_TEXT_BUTTON,$ as ConsentBannerPreview,_ as ConsentBannerView,f as ConsentEyebrow};

package/dist/render/components/ConsentContext.d.ts

@@ -0,0 +1,22 @@
+import type { ConsentBannerLayout } from "efficient-web-builder/format/lib/content/consent-banner";
+import type { ConsentRule, ConsentTags } from "../lib/consent/rules.js";
+import { type ConsentState } from "../lib/consent/choice.js";
+export interface ConsentSettings {
+    enabled: boolean;
+    noticeOptOut: boolean;
+    privacyHref: string | null;
+    layout: ConsentBannerLayout;
+    brand: string;
+    tags: ConsentTags;
+}
+export declare const PENDING: ConsentState;
+export interface ConsentControls {
+    state: ConsentState;
+    rule: ConsentRule;
+    ready: boolean;
+    openPanel: () => void;
+}
+export declare const ConsentStateContext: import("react").Context<ConsentState>;
+export declare const ConsentControlsContext: import("react").Context<ConsentControls | null>;
+export declare function useConsent(): ConsentState;
+export declare function useConsentControls(): ConsentControls | null;

package/dist/render/components/ConsentContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,useContext as n}from"react";import{NOT_ASKED as o}from"../lib/consent/choice.js";const l={...o,asked:!0,analytics:!1,ads:!1,chosen:!1},s=e(o),r=e(null);function u(){return n(s)}function C(){const t=n(r);return t&&t.state.asked?t:null}export{r as ConsentControlsContext,s as ConsentStateContext,l as PENDING,u as useConsent,C as useConsentControls};

package/dist/render/components/ConsentPanel.d.ts

@@ -0,0 +1,15 @@
+import { type ConsentRule } from "../lib/consent/rules.js";
+export declare function ConsentPanelView({ rule, analytics: initialAnalytics, ads: initialAds, gpc, privacyHref, open, onSave, onClose, inline, }: {
+    rule: ConsentRule;
+    analytics: boolean;
+    ads: boolean;
+    gpc: boolean;
+    privacyHref: string | null;
+    open?: boolean;
+    onSave: (choice: {
+        analytics: boolean;
+        ads: boolean;
+    }) => void;
+    onClose: () => void;
+    inline?: boolean;
+}): import("react").JSX.Element | null;

package/dist/render/components/ConsentPanel.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useEffect as w,useRef as O,useState as g}from"react";import j from"./SiteSwitch.js";import{CONSENT_CHOICE_BUTTON as k,ConsentEyebrow as E}from"./ConsentBanner.js";import{useModalDismiss as T}from"./useModalDismiss.js";import{CONSENT_BUTTONS as c,GPC_HONOURED as v,PANEL_ROWS as l}from"../lib/consent/rules.js";const _="flex items-center justify-center gap-5 border border-btn bg-btn px-6 py-4 font-mono text-[14px] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:border-fg hover:bg-fg",R="text-fg underline decoration-line underline-offset-4";function m({name:n,body:s,checked:o,onChange:t,locked:i=!1}){return a("div",{className:"flex items-start justify-between gap-6 border-t border-line py-5",children:[a("div",{className:"min-w-0",children:[e("div",{className:"font-display text-[17px] text-fg",children:n}),e("p",{className:"mt-1 font-body text-[14px] leading-[1.5] text-fg-dim",children:s})]}),e(j,{checked:o,onChange:r=>t?.(r),ariaLabel:n,disabled:i,className:"flex flex-none cursor-pointer items-center gap-3 pt-1",children:i&&e("span",{className:"order-first font-mono text-[11px] uppercase tracking-[0.18em] text-fg-dim",children:c.alwaysOn})})]})}function L({rule:n,analytics:s,ads:o,gpc:t,privacyHref:i,open:r=!0,onSave:d,onClose:x,inline:p=!1}){const[f,b]=g(s),[u,h]=g(o&&!t),y=O(null);if(w(()=>{r&&(b(s),h(o&&!t))},[r,s,o,t]),T({active:!p&&r,onDismiss:x,focusRef:y}),!r)return null;const N=a("div",{ref:y,tabIndex:-1,onClick:C=>C.stopPropagation(),className:"relative w-[min(640px,100%)] overflow-auto border border-line bg-bg p-10 outline-none [border-radius:var(--sf-section-radius,0px)] max-[880px]:max-h-[88dvh] max-[880px]:w-full max-[880px]:border-x-0 max-[880px]:border-b-0 max-[880px]:px-5 max-[880px]:pb-8 max-[880px]:pt-7 max-[880px]:[border-radius:0]",children:[e(E,{text:n.panelEyebrow}),a("h2",{id:"consent-panel-title",className:"mt-4 font-display text-[36px] leading-[1.05] tracking-[-0.01em] text-fg max-[880px]:text-[28px]",children:["Your privacy ",e("span",{className:"font-serif font-light italic text-accent",children:"choices."})]}),t&&a("div",{className:"mt-5 border border-line bg-surface px-4 py-3 font-body text-[14px] leading-[1.5] text-fg",children:[e("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-accent",children:v.title}),e("br",{}),v.body]}),a("div",{className:"mt-6",children:[e(m,{name:l.necessary.name,body:l.necessary.body,checked:!0,locked:!0}),e(m,{name:l.analytics.name,body:l.analytics.body,checked:f,onChange:b}),e(m,{name:n.adsRowName,body:l.ads.body,checked:u,onChange:h,locked:t})]}),a("div",{className:"mt-2 grid grid-cols-3 gap-3 border-t border-line pt-6 max-[880px]:grid-cols-1",children:[e("button",{type:"button",className:_,onClick:()=>d({analytics:f,ads:u&&!t}),children:c.save}),e("button",{type:"button",className:k,onClick:()=>d({analytics:!1,ads:!1}),children:c.reject}),e("button",{type:"button",className:k,onClick:()=>d({analytics:!0,ads:!t}),children:c.accept})]}),i&&a("p",{className:"mt-5 font-body text-[13px] text-fg-dim",children:["More in our"," ",e("a",{className:R,href:i,children:c.privacyPolicy}),"."]})]});return p?e("div",{className:"flex w-full justify-center p-6",children:N}):e("div",{role:"dialog","aria-modal":"true","aria-labelledby":"consent-panel-title",onClick:x,className:"fixed inset-0 z-[95] flex items-center justify-center p-6 backdrop-blur-[8px] max-[880px]:items-end max-[880px]:p-0",style:{background:"color-mix(in oklab, var(--bg) 78%, transparent)"},children:N})}export{L as ConsentPanelView};

package/dist/render/components/ConsentProvider.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import { type ConsentSettings } from "./ConsentContext.js";
+export type { ConsentSettings } from "./ConsentContext.js";
+export declare function ConsentProvider({ consent, children }: {
+    consent: ConsentSettings;
+    children?: ReactNode;
+}): import("react").JSX.Element;