@discount-depot/hydrogen 0.1.4

package/dist/buy-x-get-y.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CartForm } from '@shopify/hydrogen';
+import { Link, useLocation } from 'react-router';
+import { normalizeBuyXGetY } from './buy-x-get-y-data.js';
+import { buyXGetYDesign } from './buy-x-get-y-design.js';
+import { buyXGetYStyles } from './buy-x-get-y-styles.js';
+import { DiscountDepotCountdown } from './countdown.js';
+/** Presentational offers; data comes from the existing PDP/cart request. */
+export function DiscountDepotBuyXGetY({ offers, currencyCode, locale = 'en-IN', allowCartActions = false, allowProductActions = false, }) {
+    const { pathname } = useLocation();
+    const prefix = pathname.match(/^\/[a-z]{2}-[a-z]{2}(?=\/|$)/i)?.[0] ?? '';
+    const data = normalizeBuyXGetY(offers, currencyCode, allowCartActions);
+    if (!data.length)
+        return null;
+    let money;
+    try {
+        money = new Intl.NumberFormat(locale, {
+            style: 'currency',
+            currency: currencyCode,
+        });
+    }
+    catch {
+        return null;
+    }
+    return (_jsxs("div", { className: "discount-depot-buy-x-get-y", children: [_jsx("style", { children: buyXGetYStyles }), data.map((offer) => {
+                return (_jsx("section", { className: "dd-bxgy", "aria-label": offer.title, style: buyXGetYDesign(offer.design), children: _jsxs("div", { className: "box-wrapper axt-bxgy-card-background", children: [_jsxs("div", { className: "box-header", children: [_jsx("div", { className: "axt-offer-icon", "aria-hidden": "true", children: _jsx("img", { className: "axtSpecialOfferImg", src: `${prefix}/api/discount-depot?asset=gift-icon`, alt: "", width: 28, height: 28 }) }), _jsxs("div", { className: "axt-offer-copy", children: [_jsx("p", { className: "axtSpecialOfferMsg", children: offer.title }), _jsx("div", { className: "axt-unlocked-badge", children: offer.status === 'applied' ? 'Reward already in cart' : 'Unlocked with qualifying items' })] })] }), _jsxs("div", { className: "axt-main-box", children: [_jsx("p", { children: offer.message }), offer.showGiftProducts && offer.gifts.length > 0 && (_jsx("ul", { "aria-label": "Gift products", tabIndex: 0, style: {
+                                            listStyle: 'none',
+                                            padding: 0,
+                                            margin: '12px 0 0',
+                                            display: 'grid',
+                                            gridTemplateColumns: 'minmax(0, 1fr)',
+                                            gap: 10,
+                                            maxHeight: 'min(50vh, 360px)',
+                                            overflowY: 'auto',
+                                            overscrollBehaviorY: 'contain',
+                                            scrollbarGutter: 'stable',
+                                        }, children: offer.gifts.map((gift) => (_jsxs("li", { style: {
+                                                padding: 10,
+                                                display: 'flex',
+                                                alignItems: 'center',
+                                                justifyContent: 'space-between',
+                                                gap: 10,
+                                                background: 'var(--bxgy-item-background)',
+                                                border: '1px solid var(--bxgy-item-border-color)',
+                                                borderRadius: 8,
+                                            }, children: [gift.image ? _jsx("img", { src: gift.image.url, alt: gift.image.altText || gift.title, loading: "lazy", width: 40, height: 40, onError: (event) => { event.currentTarget.style.visibility = 'hidden'; }, style: { objectFit: 'contain', flexShrink: 0, borderRadius: 4 } }, gift.image.url) : _jsx("span", { "aria-label": "Product image unavailable", style: { width: 40, height: 40, flexShrink: 0, borderRadius: 4, background: 'var(--bxgy-item-border-color)' } }), _jsxs("div", { style: { minWidth: 0, flex: 1 }, children: [_jsx(Link, { to: `${prefix}/products/${gift.handle}`, title: gift.title, style: { textDecoration: 'none', display: 'block', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', fontSize: 12, fontWeight: 600, color: 'var(--bxgy-body-text-color)' }, children: gift.title }), _jsxs("p", { style: { margin: 0, fontSize: 12, fontWeight: 700 }, children: [_jsx("strong", { style: { color: 'var(--bxgy-price-color)' }, children: Number(gift.displayPrice) === 0
+                                                                        ? 'FREE'
+                                                                        : money.format(Number(gift.displayPrice)) }), Number(gift.originalPrice) > Number(gift.displayPrice) && (_jsx("del", { style: { marginLeft: 4, fontSize: 11, opacity: 0.6, color: 'var(--bxgy-body-text-color)' }, children: money.format(Number(gift.originalPrice)) }))] })] }), _jsx("div", { style: { flexShrink: 0, maxWidth: '45%' }, children: !gift.available ? (_jsx("p", { children: "Sold out" })) : (allowCartActions && gift.addQuantity > 0) || (allowProductActions && offer.status !== 'applied') ? (_jsx(CartForm, { route: `${prefix}/cart`, action: CartForm.ACTIONS.LinesAdd, inputs: {
+                                                            lines: [
+                                                                {
+                                                                    merchandiseId: gift.variantId,
+                                                                    quantity: allowCartActions && gift.addQuantity > 0 ? gift.addQuantity : 1,
+                                                                },
+                                                            ],
+                                                        }, children: (fetcher) => (_jsxs(_Fragment, { children: [_jsx("button", { type: "submit", "aria-label": `Add ${gift.title} to cart`, disabled: fetcher.state !== 'idle', style: {
+                                                                        padding: '6px 12px',
+                                                                        fontSize: 11,
+                                                                        fontWeight: 600,
+                                                                        whiteSpace: 'nowrap',
+                                                                        cursor: fetcher.state === 'idle' ? 'pointer' : 'wait',
+                                                                        backgroundColor: fetcher.state === 'idle' && fetcher.data?.cart && !fetcher.data?.errors?.length ? 'var(--bxgy-warning-background)' : 'var(--bxgy-button-background)',
+                                                                        color: fetcher.state === 'idle' && fetcher.data?.cart && !fetcher.data?.errors?.length ? 'var(--bxgy-warning-text-color)' : 'var(--bxgy-button-text-color)',
+                                                                        border: `1px solid ${fetcher.state === 'idle' && fetcher.data?.cart && !fetcher.data?.errors?.length ? 'var(--bxgy-warning-border-color)' : 'var(--bxgy-button-border-color)'}`,
+                                                                        borderRadius: 'var(--bxgy-button-border-radius)',
+                                                                    }, children: fetcher.state === 'idle'
+                                                                        ? 'Add to cart'
+                                                                        : 'Adding…' }), fetcher.data?.errors?.length ? (_jsx("p", { role: "alert", children: "Unable to add this reward. Please try again." })) : null, fetcher.state === 'idle' && fetcher.data?.cart && !fetcher.data?.errors?.length ? (_jsx("p", { role: "status", children: "Added to cart" })) : null] })) })) : offer.status === 'applied' ? (_jsx("p", { children: "Reward already in cart" })) : null })] }, gift.variantId))) })), allowProductActions && offer.showGiftProducts && offer.gifts.length > 0 && (_jsx("p", { style: { marginTop: 8, fontSize: 12 }, children: "Offer price applies when the cart meets the offer conditions." })), _jsx(DiscountDepotCountdown, { countdown: offer.countdown })] })] }) }, offer.id));
+            })] }));
+}

package/dist/cart-goal-data.d.ts

@@ -0,0 +1,48 @@
+import { type DepotCountdown } from './countdown-data.js';
+export interface GoalCart {
+    updatedAt?: string;
+    totalQuantity: number;
+    cost: {
+        subtotalAmount: {
+            amount: string;
+            currencyCode: string;
+        };
+    };
+    lines: {
+        nodes: {
+            id: string;
+            quantity: number;
+            cost: {
+                totalAmount: {
+                    amount: string;
+                    currencyCode: string;
+                };
+            };
+            merchandise: {
+                id: string;
+                product: {
+                    id: string;
+                };
+                price: {
+                    amount: string;
+                    currencyCode: string;
+                };
+            };
+        }[];
+    };
+}
+export declare function cartGoalKey(cart: GoalCart): string;
+export interface DepotCartGoal {
+    eligible: true;
+    discountType: 'AUTOMATIC';
+    currencyCode: string;
+    /** Backend-selected next goal, in major currency units. */
+    targetAmount: string;
+    qualifyingAmount: string;
+    remainingAmount: string;
+    rewardType: 'percentage' | 'fixed';
+    rewardValue: string;
+    design: Record<string, string | number | boolean>;
+    countdown: DepotCountdown | null;
+}
+export declare function normalizeCartGoal(value: unknown, currency: string): DepotCartGoal | null;

package/dist/cart-goal-data.js

@@ -0,0 +1,63 @@
+import { normalizeCountdown } from './countdown-data.js';
+export function cartGoalKey(cart) {
+    return JSON.stringify([
+        cart.updatedAt,
+        cart.totalQuantity,
+        cart.cost.subtotalAmount,
+        cart.lines.nodes
+            .map((line) => [
+            line.id,
+            line.quantity,
+            line.merchandise.id,
+            line.cost.totalAmount.amount,
+        ])
+            .sort((a, b) => String(a[0]).localeCompare(String(b[0]))),
+    ]);
+}
+export function normalizeCartGoal(value, currency) {
+    if (!value || typeof value !== 'object')
+        return null;
+    const goal = value;
+    const amount = (v) => typeof v === 'string' &&
+        /^\d+(?:\.\d+)?$/.test(v) &&
+        Number.isFinite(Number(v));
+    if (goal.eligible !== true ||
+        goal.discountType !== 'AUTOMATIC' ||
+        goal.currencyCode !== currency ||
+        !amount(goal.targetAmount) ||
+        Number(goal.targetAmount) <= 0 ||
+        !amount(goal.qualifyingAmount) ||
+        !amount(goal.remainingAmount) ||
+        Number(goal.remainingAmount) <= 0 ||
+        Number(goal.qualifyingAmount) >= Number(goal.targetAmount) ||
+        Math.abs(Number(goal.targetAmount) -
+            Number(goal.qualifyingAmount) -
+            Number(goal.remainingAmount)) > 0.000001 ||
+        !amount(goal.rewardValue) ||
+        Number(goal.rewardValue) <= 0 ||
+        !['percentage', 'fixed'].includes(goal.rewardType ?? '') ||
+        (goal.rewardType === 'percentage' && Number(goal.rewardValue) > 100))
+        return null;
+    const design = {};
+    if (goal.design && typeof goal.design === 'object') {
+        for (const [key, entry] of Object.entries(goal.design).slice(0, 100)) {
+            if (/^(?:cg_)?[a-z_]+$/.test(key) &&
+                ((typeof entry === 'string' && entry.length <= 300) ||
+                    typeof entry === 'boolean' ||
+                    (typeof entry === 'number' && Number.isFinite(entry))))
+                design[key] = entry;
+        }
+    }
+    return {
+        eligible: true,
+        discountType: 'AUTOMATIC',
+        currencyCode: currency,
+        targetAmount: goal.targetAmount,
+        qualifyingAmount: goal.qualifyingAmount,
+        remainingAmount: goal.remainingAmount,
+        rewardType: goal.rewardType,
+        rewardValue: goal.rewardValue,
+        design,
+        countdown: normalizeCountdown(goal.countdown),
+    };
+}

package/dist/cart-goal-server.d.ts

@@ -0,0 +1,17 @@
+import type { DiscountContext } from './server.js';
+import { type GoalCart } from './cart-goal-data.js';
+export declare function createDiscountDepotCartGoalRoute({ apiUrl, }?: {
+    apiUrl?: string | undefined;
+}): {
+    loader: () => Response;
+    action: ({ request, context, }: {
+        request: Request;
+        context: DiscountContext & {
+            cart: {
+                get: (options?: {
+                    numCartLines: number;
+                }) => Promise<GoalCart | null>;
+            };
+        };
+    }) => Promise<Response>;
+};

package/dist/cart-goal-server.js

@@ -0,0 +1,73 @@
+import { normalizeBuyXGetY } from './buy-x-get-y-data.js';
+import { resolvePreviewCustomer, customerPreviewHeaders, } from './customer-identity.js';
+import { cartGoalKey, normalizeCartGoal, } from './cart-goal-data.js';
+import { DISCOUNT_DEPOT_CART_GOAL_API_URL } from './config.js';
+export function createDiscountDepotCartGoalRoute({ apiUrl = DISCOUNT_DEPOT_CART_GOAL_API_URL, } = {}) {
+    const headers = { 'Cache-Control': 'private, no-store' };
+    const loader = () => Response.json({ error: 'Use POST' }, { status: 405, headers: { ...headers, Allow: 'POST' } });
+    const action = async ({ request, context, }) => {
+        if (request.method !== 'POST')
+            return loader();
+        try {
+            const body = await request.json();
+            const includeBuyXGetY = body?.includeBuyXGetY === true;
+            // Never accept browser-supplied shop, prices, cart IDs or customer identity.
+            const cart = await context.cart.get({ numCartLines: 250 });
+            if (!cart || !cart.totalQuantity || !cart.lines.nodes.length)
+                return Response.json({ cartKey: null, cartGoal: null }, { headers });
+            const key = cartGoalKey(cart);
+            const currencyCode = cart.cost.subtotalAmount.currencyCode;
+            const lines = cart.lines.nodes;
+            if (lines.length > 250 ||
+                lines.reduce((sum, line) => sum + line.quantity, 0) !==
+                    cart.totalQuantity ||
+                lines.some((line) => !Number.isSafeInteger(line.quantity) ||
+                    line.quantity <= 0 ||
+                    line.cost.totalAmount.currencyCode !== currencyCode ||
+                    line.merchandise.price.currencyCode !== currencyCode)) {
+                return Response.json({ cartKey: key, cartGoal: null }, { headers });
+            }
+            const credentials = await resolvePreviewCustomer(context, request);
+            const response = await fetch(apiUrl, {
+                method: 'POST',
+                redirect: 'manual',
+                headers: customerPreviewHeaders(credentials),
+                body: JSON.stringify({
+                    shop: new URL(`https://${context.storefront.getShopifyDomain().replace(/^https?:\/\//, '')}`).hostname,
+                    country: context.storefront.i18n.country,
+                    currencyCode,
+                    discountType: 'AUTOMATIC',
+                    ...(includeBuyXGetY ? { includeBuyXGetY: true } : {}),
+                    cart: {
+                        subtotalAmount: cart.cost.subtotalAmount.amount,
+                        totalQuantity: cart.totalQuantity,
+                        lines: lines.map((line) => ({
+                            productId: line.merchandise.product.id,
+                            variantId: line.merchandise.id,
+                            quantity: line.quantity,
+                            unitPrice: line.merchandise.price.amount,
+                            lineTotal: line.cost.totalAmount.amount,
+                        })),
+                    },
+                }),
+                signal: AbortSignal.timeout(8000),
+            });
+            if (!response.ok)
+                throw new Error('Cart goal unavailable');
+            const result = (await response.json());
+            return Response.json({
+                cartKey: key,
+                cartGoal: normalizeCartGoal(result?.cartGoal, currencyCode),
+                ...(includeBuyXGetY
+                    ? {
+                        buyXGetY: normalizeBuyXGetY(result?.buyXGetY, currencyCode, true),
+                    }
+                    : {}),
+            }, { headers });
+        }
+        catch {
+            return Response.json({ error: 'Cart goal unavailable', cartGoal: null }, { status: 502, headers });
+        }
+    };
+    return { loader, action };
+}

package/dist/cart-goal.d.ts

@@ -0,0 +1,13 @@
+import { type GoalCart } from './cart-goal-data.js';
+export declare function DiscountDepotCartGoal({ cart, pending, endpoint, locale, showBuyXGetY, }: {
+    cart?: GoalCart | null;
+    pending?: boolean;
+    endpoint?: string;
+    locale?: string;
+    showBuyXGetY?: boolean;
+}): import("react").JSX.Element | null;
+export declare function DiscountDepotCartGoalPreview({ goal, currencyCode, locale, }: {
+    goal: unknown;
+    currencyCode: string;
+    locale?: string;
+}): import("react").JSX.Element | null;

package/dist/cart-goal.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useLocation } from 'react-router';
+import { cartGoalKey, normalizeCartGoal, } from './cart-goal-data.js';
+import { safePriceColor } from './presentation.js';
+import { DiscountDepotCountdown } from './countdown.js';
+import { usePreviewSessionRevision } from './preview-session.js';
+import { DiscountDepotBuyXGetY } from './buy-x-get-y.js';
+import { normalizeBuyXGetY, } from './buy-x-get-y-data.js';
+export function DiscountDepotCartGoal({ cart, pending = false, endpoint, locale = 'en-IN', showBuyXGetY = false, }) {
+    const { pathname } = useLocation();
+    const prefix = pathname.match(/^\/[a-z]{2}-[a-z]{2}(?=\/|$)/i)?.[0] ?? '';
+    const url = endpoint ?? `${prefix}/api/discount-depot/cart-goal`;
+    const revision = usePreviewSessionRevision();
+    const snapshot = cart?.totalQuantity && cart.lines.nodes.length ? cartGoalKey(cart) : null;
+    const currency = cart?.cost.subtotalAmount.currencyCode;
+    const key = JSON.stringify([snapshot, url, revision, showBuyXGetY]);
+    const [result, setResult] = useState(null);
+    useEffect(() => {
+        setResult(null);
+        if (pending || !snapshot || !currency)
+            return;
+        let active = true;
+        const controller = new AbortController();
+        const timeout = setTimeout(() => controller.abort(), 12000);
+        void (async () => {
+            try {
+                const response = await fetch(url, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(showBuyXGetY ? { includeBuyXGetY: true } : {}),
+                    signal: controller.signal,
+                });
+                if (!response.ok)
+                    return;
+                const data = await response.json();
+                if (active && data?.cartKey === snapshot)
+                    setResult({
+                        key,
+                        goal: normalizeCartGoal(data.cartGoal, currency),
+                        buyXGetY: showBuyXGetY
+                            ? normalizeBuyXGetY(data.buyXGetY, currency, true)
+                            : [],
+                    });
+            }
+            catch {
+                /* Cart/checkout stays usable when previews are unavailable. */
+            }
+            finally {
+                clearTimeout(timeout);
+            }
+        })();
+        return () => {
+            active = false;
+            controller.abort();
+            clearTimeout(timeout);
+        };
+    }, [key, snapshot, currency, url, pending, showBuyXGetY]);
+    if (pending || result?.key !== key)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(DiscountDepotCartGoalPreview, { goal: result.goal, currencyCode: currency, locale: locale }), showBuyXGetY && (_jsx(DiscountDepotBuyXGetY, { offers: result.buyXGetY, currencyCode: currency, locale: locale, allowCartActions: true }))] }));
+}
+export function DiscountDepotCartGoalPreview({ goal, currencyCode, locale = 'en-IN', }) {
+    const data = normalizeCartGoal(goal, currencyCode);
+    if (!data)
+        return null;
+    const setting = (key) => data.design[`cg_${key}`] ?? data.design[key];
+    const text = (key, fallback) => typeof setting(key) === 'string' ? String(setting(key)) : fallback;
+    const number = (key, fallback, max) => {
+        const value = setting(key);
+        return (typeof value === 'number' || typeof value === 'string') &&
+            String(value).trim() !== '' &&
+            Number.isFinite(Number(value))
+            ? Math.max(0, Math.min(max, Number(value)))
+            : fallback;
+    };
+    const color = (key, fallback) => safePriceColor(text(key, fallback)) ?? fallback;
+    const flag = (key) => [true, 'true', 1, '1'].includes(setting(key));
+    let format;
+    try {
+        format = new Intl.NumberFormat(locale, {
+            style: 'currency',
+            currency: currencyCode,
+        });
+    }
+    catch {
+        return null;
+    }
+    const money = (value) => format.format(Number(value));
+    const align = text('order_text_align', 'center');
+    const borderStyle = text('style', 'solid');
+    const font = text('order_font_family', 'serif');
+    const style = {
+        backgroundColor: color('background_color', '#ffffff'),
+        color: color('order_text_color', '#000000'),
+        borderRadius: number('order_border_radius', 0, 100),
+        padding: number('order_padding', 0, 100),
+        fontSize: number('order_text_size', 16, 72),
+        fontFamily: flag('inherit_font')
+            ? 'inherit'
+            : /^[a-zA-Z\s,'"-]{1,100}$/.test(font)
+                ? font
+                : 'inherit',
+        textAlign: ['left', 'center', 'right'].includes(align)
+            ? align
+            : 'center',
+        border: flag('borderless')
+            ? 'none'
+            : `${number('order_border', 2, 10)}px ${['solid', 'dashed', 'dotted', 'double', 'none'].includes(borderStyle) ? borderStyle : 'solid'} ${color('border_color', '#000000')}`,
+        marginBottom: 16,
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("section", { className: "discount-depot-cart-goal", "aria-label": "Cart offer", "aria-live": "polite", style: style, children: [text('spend_label', 'Spend'), " ", money(data.remainingAmount), ' ', text('more_and', 'more and'), ' ', data.rewardType === 'percentage' ? (_jsxs(_Fragment, { children: [text('percent_saved', 'save'), " ", data.rewardValue, text('percent_cap', '%!')] })) : (_jsxs(_Fragment, { children: [text('fixed_saved', 'get'), " ", money(data.rewardValue), ' ', text('fixed_cap', 'off!')] }))] }), _jsx(DiscountDepotCountdown, { countdown: data.countdown })] }));
+}

package/dist/collection.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+import type { DepotDiscount } from './server.js';
+import { type PricedVariant } from './presentation.js';
+/** Supply ONLY the new connection page, even when the grid accumulates old pages. */
+export declare function DiscountDepotCollection({ variants, children, endpoint, scopeKey, }: {
+    variants: (PricedVariant | null | undefined)[];
+    children: (discounts: ReadonlyMap<string, DepotDiscount>) => ReactNode;
+    endpoint?: string;
+    scopeKey?: string;
+}): import("react").JSX.Element;

package/dist/collection.js

@@ -0,0 +1,91 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { usePreviewSessionRevision } from './preview-session.js';
+import { useEffect, useRef, useState } from 'react';
+import { useLocation } from 'react-router';
+import { isValidDiscount } from './presentation.js';
+/** Supply ONLY the new connection page, even when the grid accumulates old pages. */
+export function DiscountDepotCollection({ variants, children, endpoint, scopeKey, }) {
+    const { pathname, search } = useLocation();
+    const params = new URLSearchParams(search);
+    // Hydrogen's accumulated pagination uses these query parameters.
+    for (const name of [...params.keys()]) {
+        if (/^(?:cursor|direction)$|_(?:cursor|direction)$/.test(name))
+            params.delete(name);
+    }
+    params.sort();
+    const sessionRevision = usePreviewSessionRevision();
+    const scope = JSON.stringify([scopeKey ?? `${pathname}?${params}`, sessionRevision]);
+    const prefix = pathname.match(/^\/[a-z]{2}-[a-z]{2}(?=\/|$)/i)?.[0] ?? '';
+    const url = endpoint ?? `${prefix}/api/discount-depot`;
+    const unique = new Map();
+    for (const variant of variants)
+        if (variant && !unique.has(variant.id) && unique.size < 50)
+            unique.set(variant.id, variant);
+    const signature = JSON.stringify([...unique.values()]
+        .sort((a, b) => a.id.localeCompare(b.id))
+        .map(({ id, price }) => ({ id, price })));
+    const requestKey = JSON.stringify([scope, url, signature]);
+    const requested = useRef(new Set());
+    const mounted = useRef(false);
+    const [results, setResults] = useState(() => new Map());
+    useEffect(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    }, []);
+    useEffect(() => {
+        if (requested.current.has(requestKey))
+            return;
+        const page = JSON.parse(signature);
+        if (!page.length)
+            return;
+        requested.current.add(requestKey);
+        // A request belongs to its page and may finish after Load more. Retain it
+        // for the earlier cards; scope keys prevent collection/market contamination.
+        void (async () => {
+            try {
+                const response = await fetch(url, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ variantIds: page.map((variant) => variant.id) }),
+                    signal: AbortSignal.timeout(15000),
+                });
+                if (!response.ok)
+                    return;
+                const data = await response.json();
+                if (!data ||
+                    typeof data !== 'object' ||
+                    !('discounts' in data) ||
+                    !Array.isArray(data.discounts))
+                    return;
+                const rows = data.discounts;
+                const accepted = new Map();
+                for (const variant of page) {
+                    const matches = rows.filter((row) => row &&
+                        typeof row === 'object' &&
+                        'variantId' in row &&
+                        row.variantId === variant.id);
+                    if (matches.length === 1 &&
+                        isValidDiscount(matches[0].discount, variant))
+                        accepted.set(variant.id, matches[0].discount);
+                }
+                if (mounted.current)
+                    setResults((previous) => {
+                        const next = new Map(previous);
+                        const discounts = new Map(previous.get(scope));
+                        for (const variant of page)
+                            discounts.delete(variant.id);
+                        for (const [id, discount] of accepted)
+                            discounts.set(id, discount);
+                        next.set(scope, discounts);
+                        return next;
+                    });
+            }
+            catch {
+                /* Keep Shopify prices for failed pages. */
+            }
+        })();
+    }, [requestKey, signature, scope, url]);
+    return _jsx(_Fragment, { children: children(results.get(scope) ?? new Map()) });
+}

package/dist/config.d.ts

@@ -0,0 +1,4 @@
+/** Shared Discount Depot endpoint for every Hydrogen store using this package. */
+export declare const DISCOUNT_DEPOT_API_URL = "https://custompricing.axtrics.com/api/headless/discount";
+export declare const DISCOUNT_DEPOT_BATCH_API_URL = "https://custompricing.axtrics.com/api/headless/discounts";
+export declare const DISCOUNT_DEPOT_CART_GOAL_API_URL = "https://custompricing.axtrics.com/api/headless/cart-goal";

package/dist/config.js

@@ -0,0 +1,4 @@
+/** Shared Discount Depot endpoint for every Hydrogen store using this package. */
+export const DISCOUNT_DEPOT_API_URL = 'https://custompricing.axtrics.com/api/headless/discount';
+export const DISCOUNT_DEPOT_BATCH_API_URL = 'https://custompricing.axtrics.com/api/headless/discounts';
+export const DISCOUNT_DEPOT_CART_GOAL_API_URL = 'https://custompricing.axtrics.com/api/headless/cart-goal';

package/dist/countdown-data.d.ts

@@ -0,0 +1,16 @@
+export interface DepotCountdown {
+    enabled: true;
+    eligible: true;
+    /** Absolute UTC/offset timestamps, evaluated from the saved rule by the backend. */
+    startsAt: string;
+    endsAt: string;
+    expiryAction?: 'restart';
+    restartDurationMs?: number;
+    ruleEndsAt?: string | null;
+    title?: string;
+    label?: string;
+    design?: Record<string, string | number>;
+}
+export declare function normalizeCountdown(value: unknown): DepotCountdown | null;
+/** Advance saved cycles, never reset the deadline to the page-load time. */
+export declare function countdownDeadline(data: DepotCountdown, now: number): number;

package/dist/countdown-data.js

@@ -0,0 +1,46 @@
+export function normalizeCountdown(value) {
+    if (!value || typeof value !== 'object')
+        return null;
+    const data = value;
+    const timestamp = (entry) => typeof entry === 'string' &&
+        /^\d{4}-\d\d-\d\dT\d\d:\d\d:\d\d(?:\.\d+)?(?:Z|[+-]\d\d:\d\d)$/.test(entry) &&
+        Number.isFinite(Date.parse(entry));
+    if (data.enabled !== true ||
+        data.eligible !== true ||
+        !timestamp(data.startsAt) ||
+        !timestamp(data.endsAt) ||
+        Date.parse(data.endsAt) <= Date.parse(data.startsAt))
+        return null;
+    const design = {};
+    if (data.design && typeof data.design === 'object') {
+        for (const [key, value] of Object.entries(data.design).slice(0, 100)) {
+            if (/^(?:(?:vd_|cd_)?countdown_[a-z_]+|countdown[A-Z][a-zA-Z]+)$/.test(key) &&
+                ((typeof value === 'string' && value.length <= 500) ||
+                    (typeof value === 'number' && Number.isFinite(value))))
+                design[key] = value;
+        }
+    }
+    return {
+        enabled: true,
+        eligible: true,
+        startsAt: data.startsAt,
+        endsAt: data.endsAt,
+        ...(data.expiryAction === 'restart' && Number.isSafeInteger(data.restartDurationMs) && Number(data.restartDurationMs) > 0 && (data.ruleEndsAt == null || timestamp(data.ruleEndsAt)) ? {
+            expiryAction: 'restart',
+            restartDurationMs: data.restartDurationMs,
+            ruleEndsAt: data.ruleEndsAt ?? null,
+        } : {}),
+        title: typeof data.title === 'string' ? data.title.slice(0, 200) : undefined,
+        label: typeof data.label === 'string' ? data.label.slice(0, 200) : undefined,
+        ...(Object.keys(design).length ? { design } : {}),
+    };
+}
+/** Advance saved cycles, never reset the deadline to the page-load time. */
+export function countdownDeadline(data, now) {
+    let end = Date.parse(data.endsAt);
+    const duration = data.restartDurationMs ?? 0;
+    if (data.expiryAction === 'restart' && duration > 0 && now >= end) {
+        end += (Math.floor((now - end) / duration) + 1) * duration;
+    }
+    return data.ruleEndsAt ? Math.min(end, Date.parse(data.ruleEndsAt)) : end;
+}

package/dist/countdown-design.d.ts

@@ -0,0 +1,17 @@
+export declare function safeCountdownBackground(value: string): string | undefined;
+export declare function resolveCountdownDesign(design: Record<string, string | number | boolean>): {
+    theme: string;
+    format: string;
+    title: string;
+    label: string;
+    labels: string[];
+    bg: string;
+    border: string;
+    color: string;
+    timeBg: string;
+    timeColor: string;
+    size: number;
+    radius: number;
+    pad: number;
+    timePad: number;
+};