@tapcart/mobile-components 0.18.0 → 0.19.0

package/dist/components/core/text.d.ts

@@ -8,7 +8,7 @@ type Injections = Record<string, {
     };
 }>;
 declare const textVariants: (props?: ({
-    kind?: "title" | "caption" | "body" | "header" | "headline" | "subtitle" | null | undefined;
+    kind?: "title" | "caption" | "body" | "header" | "label" | "headline" | "subtitle" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export type TextKind = NonNullable<VariantProps<typeof textVariants>["kind"]>;
 export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {

package/dist/components/core/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../components/core/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQjE,KAAK,UAAU,GAAG,MAAM,CACtB,MAAM,EACN;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAC7E,CAAA;AAgDD,QAAA,MAAM,YAAY;;mFAchB,CAAA;AAEF,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAE7E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC3E,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,SAAS,2CAyCX;kBArDQ,IAAI;;;AAyDb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../components/core/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQjE,KAAK,UAAU,GAAG,MAAM,CACtB,MAAM,EACN;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAC7E,CAAA;AAmDD,QAAA,MAAM,YAAY;;mFAehB,CAAA;AAEF,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAE7E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC3E,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,SAAS,2CAyCX;kBArDQ,IAAI;;;AAyDb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/core/text.js

@@ -44,7 +44,10 @@ function injectString(template, injections) {
     }
     return parts.length ? parts : undefined;
 }
-// V2 kind tokens only — no legacy h1/h2/h3/body-primary/body-secondary/label.
+// V2 kind tokens only — no legacy h1/h2/h3/body-primary/body-secondary.
+// `label` is a first-class V2 scale (brand-label lives in TYPOGRAPHY_DEFAULTS /
+// TYPOGRAPHY_CLASS_MAP / ElementTypographyClasses with full overrides), so it
+// belongs here alongside the other kinds.
 const textVariants = cva("", {
     variants: {
         kind: {
@@ -53,6 +56,7 @@ const textVariants = cva("", {
             subtitle: "brand-subtitle",
             body: "brand-body",
             caption: "brand-caption",
+            label: "brand-label",
             header: "brand-header",
         },
     },

package/dist/components/hooks/swr-retry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swr-retry.d.ts","sourceRoot":"","sources":["../../../components/hooks/swr-retry.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAE3C,eAAO,MAAM,WAAW,IAAI,CAAA;AAC5B,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,kBAAkB,OAAO,CAAA;AAOtC,eAAO,MAAM,YAAY,QAAS,OAAO,KAAG,OAG3C,CAAA;AAED,eAAO,MAAM,kBAAkB,QAAS,OAAO,KAAG,OAA6B,CAAA;AAiC/E,KAAK,YAAY,GAAG,WAAW,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAA;AACjE,KAAK,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAA;AAE3D,MAAM,MAAM,cAAc,GAAG;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAA;IAC1D,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,QAAO,cAkCpC,CAAA"}
+{"version":3,"file":"swr-retry.d.ts","sourceRoot":"","sources":["../../../components/hooks/swr-retry.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAE3C,eAAO,MAAM,WAAW,IAAI,CAAA;AAC5B,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,kBAAkB,OAAO,CAAA;AAOtC,eAAO,MAAM,YAAY,QAAS,OAAO,KAAG,OAG3C,CAAA;AAmDD,eAAO,MAAM,kBAAkB,QAAS,OAAO,KAAG,OACE,CAAA;AAiCpD,KAAK,YAAY,GAAG,WAAW,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAA;AACjE,KAAK,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAA;AAE3D,MAAM,MAAM,cAAc,GAAG;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAA;IAC1D,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,QAAO,cAkCpC,CAAA"}

package/dist/components/hooks/swr-retry.js

@@ -8,7 +8,53 @@ export const isAbortError = (err) => {
         return false;
     return err.name === "AbortError";
 };
-export const shouldRetryOnError = (err) => !isAbortError(err);
+/**
+ * The 4xx statuses that mean "later", not "never" — the request may well succeed
+ * unchanged, so retrying is not wasted.
+ *
+ * 425 Too Early is deliberately absent: it only arises from TLS 1.3 early data,
+ * which we never send, so treating it as retryable would describe a state this
+ * client cannot reach.
+ */
+const RETRYABLE_CLIENT_STATUSES = new Set([
+    // The server gave up waiting for the request, rather than refusing what it
+    // received. Nothing about the request is wrong, so a retry is the correct
+    // response — note `getRetryAfterMs` still only honors `Retry-After` on 429,
+    // so a 408 takes the normal backoff.
+    408,
+    429,
+]);
+/**
+ * A 4xx outside RETRYABLE_CLIENT_STATUSES is deterministic: the request itself
+ * is what the upstream refused, so every retry earns the identical rejection.
+ *
+ * WHY THIS MATTERS: retrying spends the upstream's quota for no chance of
+ * success. Google Retail calls are billed and quota'd against the *merchant's*
+ * GCP project, and on 2026-08-14 one store's filter — referencing a catalog
+ * attribute that was never marked indexable — was retried 4x per page view
+ * until it exhausted that quota. Google then 429'd every search for that store,
+ * including the ones that would have succeeded. A permanent rejection has to
+ * cost one call, not four.
+ *
+ * This predicate is shared across consumers (the cluster feed included), which
+ * is why the retryable set is defined by HTTP semantics rather than by what any
+ * one upstream happens to emit. The google-retail proxy collapses every upstream
+ * 4xx to 400 or 429 (see tapcart-microservices integrations/app/googleRetail/
+ * errors.js), so 408 reaches this predicate only from the other consumers.
+ *
+ * Errors carrying no `status` keep the previous behaviour (retry unless
+ * aborted), so integrations that do not populate it are unaffected.
+ */
+const isPermanentClientError = (err) => {
+    if (!err || typeof err !== "object")
+        return false;
+    const { status } = err;
+    return (typeof status === "number" &&
+        status >= 400 &&
+        status < 500 &&
+        !RETRYABLE_CLIENT_STATUSES.has(status));
+};
+export const shouldRetryOnError = (err) => !isAbortError(err) && !isPermanentClientError(err);
 const parseRetryAfter = (value) => {
     if (value === null || value === undefined)
         return null;

package/dist/components/hooks/swr-retry.test.js

@@ -31,6 +31,85 @@ describe("swr-retry helpers", () => {
             expect(shouldRetryOnError(new Error("boom"))).toBe(true);
             expect(shouldRetryOnError({ status: 500 })).toBe(true);
         });
+        // A 4xx is deterministic — retrying it burns the upstream's quota for no
+        // chance of success. This is the guard that stopped one bad Google Retail
+        // filter costing 4 API calls per page view.
+        it("returns false for a 4xx, which cannot succeed on retry", () => {
+            expect(shouldRetryOnError({ status: 400 })).toBe(false);
+            expect(shouldRetryOnError({ status: 403 })).toBe(false);
+            expect(shouldRetryOnError({ status: 404 })).toBe(false);
+            expect(shouldRetryOnError({ status: 499 })).toBe(false);
+        });
+        // 429 is the 4xx that means "later", not "never".
+        it("returns true for 429 so Retry-After is honored", () => {
+            expect(shouldRetryOnError({ status: 429 })).toBe(true);
+        });
+        /**
+         * 408 is the other one: the server gave up waiting for the request rather
+         * than refusing what it received, so the same request may well succeed. The
+         * google-retail proxy collapses upstream 408s to 400 before they get here,
+         * so this matters for the cluster feed and any future consumer — which is
+         * the reason the retryable set is defined by HTTP semantics and not by what
+         * one upstream emits.
+         */
+        it("returns true for 408, which is transient rather than deterministic", () => {
+            expect(shouldRetryOnError({ status: 408 })).toBe(true);
+            const clusterFeed408 = Object.assign(new Error("Cluster feed HTTP 408"), {
+                reason: "cluster-feed-http",
+                status: 408,
+                retryAfter: null,
+            });
+            expect(shouldRetryOnError(clusterFeed408)).toBe(true);
+        });
+        // 425 Too Early is retryable in the abstract but unreachable here — we send
+        // no TLS early data — so it stays in the permanent set deliberately.
+        it("returns false for 425, which this client cannot receive", () => {
+            expect(shouldRetryOnError({ status: 425 })).toBe(false);
+        });
+        it("returns true for 5xx and for statuses below 400", () => {
+            expect(shouldRetryOnError({ status: 500 })).toBe(true);
+            expect(shouldRetryOnError({ status: 503 })).toBe(true);
+            expect(shouldRetryOnError({ status: 399 })).toBe(true);
+        });
+        // Integrations that never set `status` must behave exactly as before.
+        it("retries when status is absent or not a number", () => {
+            expect(shouldRetryOnError(new Error("network down"))).toBe(true);
+            expect(shouldRetryOnError({ status: undefined })).toBe(true);
+            expect(shouldRetryOnError({ status: "400" })).toBe(true);
+            expect(shouldRetryOnError({})).toBe(true);
+        });
+        // An abort still wins even if a status rode along.
+        it("returns false for an AbortError carrying a retryable status", () => {
+            const err = Object.assign(new Error("aborted"), {
+                name: "AbortError",
+                status: 500,
+            });
+            expect(shouldRetryOnError(err)).toBe(false);
+        });
+        it("does not throw on null / undefined / primitives", () => {
+            expect(shouldRetryOnError(null)).toBe(true);
+            expect(shouldRetryOnError(undefined)).toBe(true);
+            expect(shouldRetryOnError(404)).toBe(true);
+        });
+        /**
+         * This hook is shared. Both known callers — use-infinite-scroll (the
+         * search-client path) and usePersonalizedClusterFeed — throw errors that
+         * carry `status`, so both stop retrying 4xx. That is deliberate: a 4xx is
+         * deterministic whichever API produced it, and the cluster feed already
+         * attached `status`/`retryAfter` (see use-personalized-cluster-feed-core.ts
+         * :258) purely so this layer could act on them.
+         */
+        it("applies to the cluster-feed error shape too, not just search", () => {
+            const clusterFeed4xx = Object.assign(new Error("Cluster feed HTTP 404"), {
+                reason: "cluster-feed-http",
+                status: 404,
+                retryAfter: null,
+            });
+            expect(shouldRetryOnError(clusterFeed4xx)).toBe(false);
+            // A network failure there has no status, so it still retries.
+            const clusterFeedNetwork = Object.assign(new Error("Cluster feed request failed"), { reason: "cluster-feed-network" });
+            expect(shouldRetryOnError(clusterFeedNetwork)).toBe(true);
+        });
     });
 });
 describe("useSwrRetryConfig", () => {

package/dist/components/hooks/use-create-question.d.ts

@@ -0,0 +1,33 @@
+type CreateQuestionInput = {
+    provider: string;
+    productId: string;
+    productHandle?: string;
+    productTitle?: string;
+    productUrl?: string;
+    displayName: string;
+    email: string;
+    questionContent: string;
+};
+type UseCreateQuestionProps = {
+    baseURL: string;
+};
+type CreateQuestionOutcome = {
+    ok: boolean;
+};
+type UseCreateQuestionReturn = {
+    createQuestion: (input: CreateQuestionInput) => Promise<CreateQuestionOutcome>;
+    isSubmitting: boolean;
+    isSuccess: boolean;
+    error: string | null;
+    reset: () => void;
+};
+/**
+ * Mutation counterpart to `useQuestions`. Submits a new question through the
+ * app-scoped API route (`POST {baseURL}/questions/create`), which proxies to
+ * the Q&A provider (currently Yotpo only). Yotpo emails the asker a
+ * confirmation link; the question appears after email confirmation and
+ * merchant moderation.
+ */
+export declare function useCreateQuestion({ baseURL, }: UseCreateQuestionProps): UseCreateQuestionReturn;
+export {};
+//# sourceMappingURL=use-create-question.d.ts.map

package/dist/components/hooks/use-create-question.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-create-question.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-create-question.ts"],"names":[],"mappings":"AAGA,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IAGjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,EAAE,EAAE,OAAO,CAAA;CACZ,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAA;IAC9E,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,GACR,EAAE,sBAAsB,GAAG,uBAAuB,CAkFlD"}

package/dist/components/hooks/use-create-question.js

@@ -0,0 +1,98 @@
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useCallback, useEffect, useRef, useState } from "react";
+/**
+ * Mutation counterpart to `useQuestions`. Submits a new question through the
+ * app-scoped API route (`POST {baseURL}/questions/create`), which proxies to
+ * the Q&A provider (currently Yotpo only). Yotpo emails the asker a
+ * confirmation link; the question appears after email confirmation and
+ * merchant moderation.
+ */
+export function useCreateQuestion({ baseURL, }) {
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [isSuccess, setIsSuccess] = useState(false);
+    const [error, setError] = useState(null);
+    // Track the in-flight request so a closing/reset drawer can abort it; a
+    // late resolution must not write success/error state onto a form the user
+    // left.
+    const createAbortRef = useRef(null);
+    const createQuestion = useCallback((input) => __awaiter(this, void 0, void 0, function* () {
+        setIsSubmitting(true);
+        setError(null);
+        const controller = new AbortController();
+        createAbortRef.current = controller;
+        try {
+            const response = yield fetch(`${baseURL}/questions/create`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(input),
+                signal: controller.signal,
+            });
+            if (!response.ok) {
+                let message = "Something went wrong. Please try again.";
+                // Only surface the server's message for client errors (validation
+                // strings meant for the user). 5xx bodies can carry internal error
+                // detail and get the generic copy instead.
+                if (response.status >= 400 && response.status < 500) {
+                    try {
+                        const body = yield response.json();
+                        if (typeof (body === null || body === void 0 ? void 0 : body.error) === "string") {
+                            message = body.error;
+                        }
+                    }
+                    catch (_a) {
+                        // non-JSON error body; keep the generic message
+                    }
+                }
+                setError(message);
+                return { ok: false };
+            }
+            setIsSuccess(true);
+            return { ok: true };
+        }
+        catch (error) {
+            // Aborted because the drawer closed — leave state untouched so a
+            // reopened drawer isn't painted with this abandoned submission.
+            if (controller.signal.aborted)
+                return { ok: false };
+            console.error("Error creating question:", error);
+            setError("Something went wrong. Please try again.");
+            return { ok: false };
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }), [baseURL]);
+    const reset = useCallback(() => {
+        var _a;
+        // Cancel any in-flight request so it can't resolve into stale UI state.
+        (_a = createAbortRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+        setIsSubmitting(false);
+        setIsSuccess(false);
+        setError(null);
+    }, []);
+    // The drawer only wires reset() to its own close; if the whole subtree
+    // unmounts mid-submit (accordion collapse, navigation), abort here too so
+    // the request is actually cancelled.
+    useEffect(() => {
+        return () => {
+            var _a;
+            (_a = createAbortRef.current) === null || _a === void 0 ? void 0 : _a.abort();
+        };
+    }, []);
+    return {
+        createQuestion,
+        isSubmitting,
+        isSuccess,
+        error,
+        reset,
+    };
+}

package/dist/components/hooks/use-questions.d.ts

@@ -0,0 +1,35 @@
+import { QnaSummaryData, QnaSearchData } from "app-studio-types";
+type UseQuestionsProps = {
+    baseURL: string;
+    productId: string;
+    provider: string;
+    fetcher?: (url: string) => Promise<any>;
+    dataType: "summary" | "search" | null;
+    perPage?: number;
+    page?: number;
+};
+type UseQuestionsReturn = {
+    data: QnaSummaryData | QnaSearchData | null;
+    error: any;
+    isLoading: boolean;
+    questionsMockData?: any;
+    mockQnaSummaryData?: QnaSummaryData;
+};
+/**
+ * Read counterpart to `useReviews` for Q&A. Fetches the question summary
+ * (total questions/answers) or a page of questions through the app-scoped
+ * API route (`GET {baseURL}/questions/by-id`), which proxies to the Q&A
+ * provider (currently Yotpo only) with the merchant key held server-side.
+ */
+export declare function useQuestions(props: UseQuestionsProps | null): UseQuestionsReturn;
+type UseQuestionsInfiniteReturn = UseQuestionsReturn & {
+    ref: (node?: Element | null) => void;
+    retry: () => void;
+};
+/**
+ * Infinite-scroll variant for the question list, mirroring
+ * `useReviewsInfinite` (page-number pagination against pagination.total).
+ */
+export declare function useQuestionsInfinite(props: UseQuestionsProps | null): UseQuestionsInfiniteReturn;
+export {};
+//# sourceMappingURL=use-questions.d.ts.map

package/dist/components/hooks/use-questions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-questions.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-questions.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGhE,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAGvC,QAAQ,EAAE,SAAS,GAAG,QAAQ,GAAG,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,cAAc,GAAG,aAAa,GAAG,IAAI,CAAA;IAC3C,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,GAAG,CAAA;IACvB,kBAAkB,CAAC,EAAE,cAAc,CAAA;CACpC,CAAA;AAsFD;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,iBAAiB,GAAG,IAAI,GAC9B,kBAAkB,CAsCpB;AAED,KAAK,0BAA0B,GAAG,kBAAkB,GAAG;IACrD,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IACpC,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,iBAAiB,GAAG,IAAI,GAC9B,0BAA0B,CAsG5B"}

package/dist/components/hooks/use-questions.js

@@ -0,0 +1,198 @@
+"use client";
+import { useCallback, useEffect, useRef } from "react";
+import useSWR from "swr";
+import useSWRInfinite from "swr/infinite";
+import { useInView } from "react-intersection-observer";
+const YOTPO = "yotpo";
+const SUPPORTED_PROVIDERS = [YOTPO];
+// Placeholder Q&A rendered in the dashboard preview (where there's no live
+// product), mirroring reviewsMockData in use-reviews.
+const questionsMockData = [
+    {
+        id: 1,
+        content: "Does this run true to size?",
+        date: "2024-10-10T00:00:00.000Z",
+        asker: {
+            displayName: "Name",
+        },
+        answers: [
+            {
+                id: 11,
+                content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...",
+                date: "2024-10-11T00:00:00.000Z",
+                storeOwner: true,
+                answerer: {
+                    displayName: "Store Owner",
+                },
+            },
+        ],
+    },
+    {
+        id: 2,
+        content: "Is this machine washable?",
+        date: "2024-08-10T00:00:00.000Z",
+        asker: {
+            displayName: "Name",
+        },
+        answers: [
+            {
+                id: 21,
+                content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+                date: "2024-08-11T00:00:00.000Z",
+                storeOwner: false,
+                answerer: {
+                    displayName: "Name",
+                },
+            },
+        ],
+    },
+];
+const mockQnaSummaryData = {
+    totalQuestions: questionsMockData.length,
+    totalAnswers: questionsMockData.reduce((sum, question) => sum + question.answers.length, 0),
+};
+// Shared by both hooks. The route 404s when the yotpo-qa flag is off or the
+// merchant's Yotpo plan lacks Q&A; surface that as an error (not data) so
+// the block hides the Q&A row.
+const defaultFetcher = (url) => fetch(url).then((res) => {
+    if (!res.ok)
+        throw new Error(`questions request failed: ${res.status}`);
+    return res.json();
+});
+function buildQueryParams(props) {
+    var _a, _b;
+    const queryParams = new URLSearchParams();
+    if (((_a = props.productId) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+        queryParams.set("id", props.productId);
+    }
+    if (((_b = props.provider) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+        queryParams.set("provider", props.provider);
+    }
+    queryParams.set("dataType", props.dataType);
+    if (props.perPage) {
+        queryParams.set("perPage", String(props.perPage));
+    }
+    return queryParams;
+}
+/**
+ * Read counterpart to `useReviews` for Q&A. Fetches the question summary
+ * (total questions/answers) or a page of questions through the app-scoped
+ * API route (`GET {baseURL}/questions/by-id`), which proxies to the Q&A
+ * provider (currently Yotpo only) with the merchant key held server-side.
+ */
+export function useQuestions(props) {
+    let url = null;
+    if (props) {
+        const queryParams = buildQueryParams(props);
+        if (props.page) {
+            queryParams.set("page", String(props.page));
+        }
+        if (props.dataType === null ||
+            !props.productId ||
+            !SUPPORTED_PROVIDERS.includes(props.provider)) {
+            url = null;
+        }
+        else {
+            url = `${props.baseURL}/questions/by-id?${queryParams.toString()}`;
+        }
+    }
+    const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || defaultFetcher;
+    const { data, error } = useSWR(url, fetcher, {
+        revalidateOnFocus: false,
+        revalidateOnReconnect: false,
+        revalidateIfStale: false,
+        dedupingInterval: 60000,
+        // The 404 from a disabled flag/plan is an expected state, not a
+        // transient failure — don't let SWR retry-loop the probe.
+        shouldRetryOnError: false,
+    });
+    return {
+        data: data || null,
+        error,
+        isLoading: Boolean(url) && !data && !error,
+        questionsMockData,
+        mockQnaSummaryData,
+    };
+}
+/**
+ * Infinite-scroll variant for the question list, mirroring
+ * `useReviewsInfinite` (page-number pagination against pagination.total).
+ */
+export function useQuestionsInfinite(props) {
+    var _a, _b;
+    const { ref, inView } = useInView({ rootMargin: "800px" });
+    const isEndReached = useRef(false);
+    const getKey = (pageIndex, previousPageData) => {
+        if (!props ||
+            props.dataType == null ||
+            !props.productId ||
+            !SUPPORTED_PROVIDERS.includes(props.provider)) {
+            return null;
+        }
+        if (previousPageData && previousPageData.pagination) {
+            const { perPage, total } = previousPageData.pagination;
+            isEndReached.current = (pageIndex + 1) * perPage >= total;
+        }
+        const queryParams = buildQueryParams(props);
+        return `${props.baseURL}/questions/by-id?${queryParams.toString()}&page=${pageIndex + 1}`;
+    };
+    const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || defaultFetcher;
+    const { data: dataInfinite, error: errorInfinite, size, setSize, isLoading, isValidating, mutate, } = useSWRInfinite(getKey, fetcher, {
+        revalidateOnFocus: false,
+        revalidateOnReconnect: false,
+        revalidateIfStale: false,
+        dedupingInterval: 60000,
+        // Failures surface in the block's error state with a manual retry;
+        // don't also auto-retry on backoff.
+        shouldRetryOnError: false,
+    });
+    const mergedQuestions = dataInfinite
+        ? dataInfinite
+            .filter((page) => page && page.questions)
+            .flatMap((page) => page.questions)
+        : [];
+    const searchResponse = {
+        pagination: (dataInfinite === null || dataInfinite === void 0 ? void 0 : dataInfinite.length) ? dataInfinite[0].pagination : null,
+        questions: mergedQuestions,
+    };
+    // Recomputed from the loaded pages: once page 1 has landed, we've reached
+    // the end when everything the pagination promised is loaded — including
+    // total === 0 (e.g. all questions pending moderation), which must not
+    // keep loadMore incrementing size forever.
+    isEndReached.current = (dataInfinite === null || dataInfinite === void 0 ? void 0 : dataInfinite.length)
+        ? mergedQuestions.length >= ((_b = (_a = searchResponse.pagination) === null || _a === void 0 ? void 0 : _a.total) !== null && _b !== void 0 ? _b : 0)
+        : false;
+    const loadMore = useCallback(() => {
+        if (!isLoading && !isValidating && !isEndReached.current) {
+            setSize(size + 1);
+        }
+    }, [isLoading, isValidating, setSize, size]);
+    useEffect(() => {
+        if (inView) {
+            loadMore();
+        }
+    }, [inView, loadMore]);
+    // Reset on the real fetch inputs, not the props object (the block passes a
+    // fresh literal every render, which would make an object-keyed effect fire
+    // on every commit).
+    const productId = props === null || props === void 0 ? void 0 : props.productId;
+    const dataType = props === null || props === void 0 ? void 0 : props.dataType;
+    const provider = props === null || props === void 0 ? void 0 : props.provider;
+    useEffect(() => {
+        isEndReached.current = false;
+    }, [productId, dataType, provider]);
+    // Revalidates every loaded page — the block's error state wires this to a
+    // "Try Again" button.
+    const retry = useCallback(() => {
+        mutate();
+    }, [mutate]);
+    return {
+        data: searchResponse,
+        error: errorInfinite,
+        isLoading: isValidating,
+        ref,
+        retry,
+        questionsMockData,
+        mockQnaSummaryData,
+    };
+}

package/dist/components/hooks/use-recommendations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-recommendations.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-recommendations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAOxE,UAAU,sBAAsB;IAE9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAGxC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAUD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,EAAE,GAAG,EAAE,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;CACX;AAmBD,QAAA,MAAM,kBAAkB,kFAWrB,sBAAsB,KAAG,uBA8H3B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"use-recommendations.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-recommendations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAOxE,UAAU,sBAAsB;IAE9B,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAGxC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,MAAM,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAUD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,EAAE,GAAG,EAAE,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,GAAG,CAAA;CACX;AAqBD,QAAA,MAAM,kBAAkB,kFAWrB,sBAAsB,KAAG,uBA8H3B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/hooks/use-recommendations.js

@@ -17,9 +17,10 @@ const constructURL = (apiURL) => {
     return url.toString();
 };
 const getCollections = (collections) => {
-    return collections
-        ? collections === null || collections === void 0 ? void 0 : collections.filter((obj) => obj.handle !== "empty-collection")
-        : [];
+    if (!Array.isArray(collections)) {
+        return [];
+    }
+    return collections.filter((obj) => obj.handle !== "empty-collection");
 };
 const recommendationsLocalStorage = new RecommendationsLocalStorage();
 const MIN_QUERY_LENGTH = 3;

package/dist/components/ui/__tests__/text-self-translates.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=text-self-translates.test.d.ts.map

package/dist/components/ui/__tests__/text-self-translates.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-self-translates.test.d.ts","sourceRoot":"","sources":["../../../../components/ui/__tests__/text-self-translates.test.tsx"],"names":[],"mappings":""}

package/dist/components/ui/__tests__/text-self-translates.test.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Text } from "../text";
+import { TranslationProvider } from "../../contexts/translation-context";
+// Block code relies on this: <Text> translates its own children via
+// TranslationContext, so callers must NOT pre-translate text that only
+// ever reaches the DOM through <Text> (see ShareButton/ReferralCode).
+describe("Text self-translation via TranslationContext", () => {
+    it("translates plain children with no explicit lookup at the call site", () => {
+        render(_jsx(TranslationProvider, Object.assign({ translations: {
+                "share with your friends": "Compartir con tus amigos",
+            } }, { children: _jsx(Text, { children: "Share with your friends" }) })));
+        expect(screen.getByText("Compartir con tus amigos")).not.toBeNull();
+    });
+    it("falls back to the raw children when no provider is mounted", () => {
+        render(_jsx(Text, { children: "Share with your friends" }));
+        expect(screen.getByText("Share with your friends")).not.toBeNull();
+    });
+});

package/dist/components/ui/money.d.ts

@@ -6,7 +6,7 @@ interface MoneyType {
     price: number;
 }
 declare const moneyVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface MoneyProps extends MoneyType, VariantProps<typeof moneyVariants> {
+export interface MoneyProps extends MoneyType, VariantProps<typeof moneyVariants>, React.HTMLAttributes<HTMLSpanElement> {
     hideZeroCents?: boolean;
     styles?: React.CSSProperties;
 }

package/dist/components/ui/money.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../components/ui/money.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,aAAa,gGAMjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC7B;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,MAAM,EACN,QAAQ,EACR,aAAqB,EACrB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,UAAU,2CAiFZ;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../components/ui/money.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,aAAa,gGAMjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC,EAClC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC7B;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,MAAM,EACN,QAAQ,EACR,aAAqB,EACrB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,UAAU,2CAiFZ;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/price.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"price.d.ts","sourceRoot":"","sources":["../../../components/ui/price.tsx"],"names":[],"mappings":";AAIA,UAAU,UAAU;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,EAAE,CAAA;IAChD,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC1C;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,SAAS,EACT,WAAmB,EACnB,MAAc,EACd,cAAc,EACd,kBAAkB,EAClB,QAAgB,EAChB,MAAgB,EAChB,QAAa,EACb,aAAkB,EAClB,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,aAAa,GACd,EAAE,UAAU,2CA6EZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"price.d.ts","sourceRoot":"","sources":["../../../components/ui/price.tsx"],"names":[],"mappings":";AAIA,UAAU,UAAU;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,EAAE,CAAA;IAChD,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC1C;AAED,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,SAAS,EACT,WAAmB,EACnB,MAAc,EACd,cAAc,EACd,kBAAkB,EAClB,QAAgB,EAChB,MAAgB,EAChB,QAAa,EACb,aAAkB,EAClB,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,aAAa,GACd,EAAE,UAAU,2CAiFZ;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/price.js

@@ -9,7 +9,7 @@ function Price({ price, priceHigh, priceRanges = false, isSale = false, compareA
         const colorClass = isSale
             ? "text-textColors-salePriceText"
             : "text-textColors-priceText";
-        return (_jsx(Text, Object.assign({ className: `${colorClass} flex-shrink-0 max-w-full`, style: { fontSize: `${fontSize}px` } }, { children: _jsxs("span", Object.assign({ className: "flex-grow min-w-[fit-content] break-all" }, { children: [_jsx(Money, { price: price, currency: currency, locale: locale, styles: priceStyles, hideZeroCents: hideZeroCents }), priceRanges && priceHigh !== undefined && _jsx(Spacer, {}), priceRanges && priceHigh !== undefined && (_jsx(Money, { price: priceHigh, currency: currency, locale: locale, styles: priceStyles, hideZeroCents: hideZeroCents }))] })) })));
+        return (_jsx(Text, Object.assign({ className: `${colorClass} flex-shrink-0 max-w-full`, style: { fontSize: `${fontSize}px` } }, { children: _jsxs("span", Object.assign({ className: "flex-grow" }, { children: [_jsx(Money, { className: "whitespace-nowrap", price: price, currency: currency, locale: locale, styles: priceStyles, hideZeroCents: hideZeroCents }), priceRanges && priceHigh !== undefined && _jsx(Spacer, {}), priceRanges && priceHigh !== undefined && (_jsx(Money, { className: "whitespace-nowrap", price: priceHigh, currency: currency, locale: locale, styles: priceStyles, hideZeroCents: hideZeroCents }))] })) })));
     };
     const StrikeThroughPrice = () => {
         if (!isSale || !compareAtPrice)

package/dist/components/ui/video-enhanced.d.ts

@@ -6,6 +6,7 @@ type VideoAttributes = {
     overlayOpacity: number;
     autoplay: boolean;
     videoSound: boolean;
+    loop?: boolean;
 };
 interface VideoProps extends Omit<React.VideoHTMLAttributes<HTMLVideoElement>, "onLoadedData"> {
     src: string;

package/dist/components/ui/video-enhanced.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video-enhanced.d.ts","sourceRoot":"","sources":["../../../components/ui/video-enhanced.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IACzE,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,eAAe,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,KAAK,KAAK,IAAI,CAAA;CAC1D;AAED,QAAA,MAAM,KAAK,qFAkQV,CAAA;AAID,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,CAAA"}
+{"version":3,"file":"video-enhanced.d.ts","sourceRoot":"","sources":["../../../components/ui/video-enhanced.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IACzE,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,eAAe,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,KAAK,KAAK,IAAI,CAAA;CAC1D;AAED,QAAA,MAAM,KAAK,qFAuQV,CAAA;AAID,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,CAAA"}

package/dist/components/ui/video-enhanced.js

@@ -35,7 +35,13 @@ const videoVariants = {
 // first frame well within this window, so they still reveal via `loadeddata`.
 const LOADED_DATA_FALLBACK_MS = 1000;
 const Video = React.forwardRef((_a, ref) => {
-    var { src, videoAttributes, naturalAspectRatio = "1/1", className, onLoadedData } = _a, props = __rest(_a, ["src", "videoAttributes", "naturalAspectRatio", "className", "onLoadedData"]);
+    var _b;
+    var { src, videoAttributes, naturalAspectRatio = "1/1", className, onLoadedData, 
+    // Pull `loop` out of the spread: it's a native <video> attribute, so
+    // leaving it in `...props` (which is applied AFTER our computed value)
+    // would let a passed-in prop silently override the attribute-driven
+    // loop logic below. An explicit prop still wins, but explicitly.
+    loop: loopProp } = _a, props = __rest(_a, ["src", "videoAttributes", "naturalAspectRatio", "className", "onLoadedData", "loop"]);
     const autoPlayEnabled = videoAttributes.autoplay && !videoAttributes.videoSound;
     const internalRef = React.useRef(null);
     const videoRef = ref || internalRef;
@@ -226,7 +232,7 @@ const Video = React.forwardRef((_a, ref) => {
     };
     return (_jsxs("div", Object.assign({ className: "relative w-full" }, { children: [_jsx("video", Object.assign({ ref: videoRef, className: cn(videoVariants.base, videoAttributes.videoFit === "fill"
                     ? videoVariants.fit.cover
-                    : videoVariants.fit.contain, className), style: videoStyle, preload: "metadata", playsInline: true, loop: videoAttributes.enabled, controls: false }, props)), isLoaded && !isPlaying && (_jsx("button", Object.assign({ onClick: handlePlayPause, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50\n                     w-16 h-16 rounded-full bg-black/75 \n                     flex items-center justify-center transition-all duration-300\n                     focus:outline-none focus:ring-2 focus:ring-white", "aria-label": "Play video" }, { children: _jsx("div", { className: "w-0 h-0 border-y-8 border-y-transparent \n                          border-l-[16px] border-l-white \n                          translate-x-[2px]" }) })))] })));
+                    : videoVariants.fit.contain, className), style: videoStyle, preload: "metadata", playsInline: true, loop: (_b = loopProp !== null && loopProp !== void 0 ? loopProp : videoAttributes.loop) !== null && _b !== void 0 ? _b : videoAttributes.enabled, controls: false }, props)), isLoaded && !isPlaying && (_jsx("button", Object.assign({ onClick: handlePlayPause, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50\n                     w-16 h-16 rounded-full bg-black/75 \n                     flex items-center justify-center transition-all duration-300\n                     focus:outline-none focus:ring-2 focus:ring-white", "aria-label": "Play video" }, { children: _jsx("div", { className: "w-0 h-0 border-y-8 border-y-transparent \n                          border-l-[16px] border-l-white \n                          translate-x-[2px]" }) })))] })));
 });
 Video.displayName = "Video";
 export { Video as VideoEnhanced };

package/dist/core/index.d.ts

@@ -84,6 +84,7 @@ export * from "../components/core/html";
 export * from "../components/hooks/use-shop";
 export * from "../components/libs/sort-filter/search-integration";
 export * from "../components/hooks/use-reviews";
+export * from "../components/hooks/use-questions";
 export * from "../components/hooks/use-style-parent";
 export * from "../components/ui/subcollection-tabs";
 export * from "../components/ui/ProductCard/utils";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../core/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../core/index.ts"],"names":[],"mappings":"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"}

package/dist/core/index.js

@@ -84,6 +84,7 @@ export * from "../components/core/html";
 export * from "../components/hooks/use-shop";
 export * from "../components/libs/sort-filter/search-integration";
 export * from "../components/hooks/use-reviews";
+export * from "../components/hooks/use-questions";
 export * from "../components/hooks/use-style-parent";
 export * from "../components/ui/subcollection-tabs";
 export * from "../components/ui/ProductCard/utils";

package/dist/index.d.ts

@@ -86,6 +86,8 @@ export * from "./components/hooks/use-shop";
 export * from "./components/libs/sort-filter/search-integration";
 export * from "./components/hooks/use-reviews";
 export * from "./components/hooks/use-create-review";
+export * from "./components/hooks/use-questions";
+export * from "./components/hooks/use-create-question";
 export * from "./components/hooks/use-style-parent";
 export * from "./components/ui/subcollection-tabs";
 export * from "./components/ui/ProductCard/utils";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -86,6 +86,8 @@ export * from "./components/hooks/use-shop";
 export * from "./components/libs/sort-filter/search-integration";
 export * from "./components/hooks/use-reviews";
 export * from "./components/hooks/use-create-review";
+export * from "./components/hooks/use-questions";
+export * from "./components/hooks/use-create-question";
 export * from "./components/hooks/use-style-parent";
 export * from "./components/ui/subcollection-tabs";
 export * from "./components/ui/ProductCard/utils";

package/dist/lib/price.d.ts

@@ -1,5 +1,5 @@
 import { ProductVariant, Product } from "app-studio-types";
-export declare const getCheapestProductFromVariantsFn: (productVariants: ProductVariant[]) => ProductVariant;
+export declare const getCheapestProductFromVariantsFn: (productVariants: ProductVariant[]) => ProductVariant | undefined;
 export declare function getPriceRangesFn(product: Product): {
     price: number;
     isSale: boolean;

package/dist/lib/price.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"price.d.ts","sourceRoot":"","sources":["../../lib/price.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AA0B1D,eAAO,MAAM,gCAAgC,oBAC1B,cAAc,EAAE,mBAelC,CAAA;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO;WAsBtC,MAAM;YACL,OAAO;;;;EAclB;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,OAAO;;;;EAQ1C"}
+{"version":3,"file":"price.d.ts","sourceRoot":"","sources":["../../lib/price.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AA0B1D,eAAO,MAAM,gCAAgC,oBAC1B,cAAc,EAAE,+BAmBlC,CAAA;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO;WAsBtC,MAAM;YACL,OAAO;;;;EAclB;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,OAAO;;;;EAQ1C"}

package/dist/lib/price.js

@@ -1,5 +1,8 @@
 // Return the cheapest available variant for pricing details
 export const getCheapestProductFromVariantsFn = (productVariants) => {
+    if (!Array.isArray(productVariants) || productVariants.length === 0) {
+        return undefined;
+    }
     const availableVariants = productVariants.filter((variant) => variant.availableForSale);
     // Use pricing from in-stock variants only. If all are out of stock use all variants.
     const activeVariants = availableVariants.length

package/dist/styles.css

@@ -612,11 +612,16 @@ video {
     --productBadging-fill: #000000;
     --productBadging-text: #fefefe;
 
+    /* Legacy v1 tokens — kept for backwards compat with existing blocks. */
     --productImage-aspectRatio: "2:3";
     --productImage-scaling: cover;
     --productImage-isCustom: "false";
 
-    --standard-shadow: 0px 5px 25px 0px rgba (0,  0,  0,  0.10);
+    /* V2 brand-kit tokens (fall back to legacy values). */
+    --brand-image-ratio: 2/3;
+    --brand-image-scaling: var(--productImage-scaling);
+
+    --standard-shadow: 0px 5px 25px 0px rgba (0,  0,  0,  0.10);
   }
   .textarea-component::-webkit-scrollbar {
     width: 4px;
@@ -1134,7 +1139,7 @@ video {
   aspect-ratio: 327/316;
 }
 .aspect-productImages {
-  aspect-ratio: var(--productImage-aspectRatio);
+  aspect-ratio: var(--brand-image-ratio);
 }
 .aspect-square {
   aspect-ratio: 1 / 1;
@@ -1511,6 +1516,9 @@ video {
 .min-w-8 {
   min-width: 2rem;
 }
+.min-w-\[104px\] {
+  min-width: 104px;
+}
 .min-w-\[150px\] {
   min-width: 150px;
 }
@@ -1520,10 +1528,6 @@ video {
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
-.min-w-\[fit-content\] {
-  min-width: -moz-fit-content;
-  min-width: fit-content;
-}
 .max-w-\[140px\] {
   max-width: 140px;
 }
@@ -1902,6 +1906,9 @@ video {
 .gap-5 {
   gap: 1.25rem;
 }
+.gap-6 {
+  gap: 1.5rem;
+}
 .gap-\[7px\] {
   gap: 7px;
 }
@@ -2018,6 +2025,9 @@ video {
 .text-ellipsis {
   text-overflow: ellipsis;
 }
+.text-clip {
+  text-overflow: clip;
+}
 .whitespace-normal {
   white-space: normal;
 }
@@ -2133,6 +2143,9 @@ video {
 .border-l {
   border-left-width: 1px;
 }
+.border-l-2 {
+  border-left-width: 2px;
+}
 .border-l-\[16px\] {
   border-left-width: 16px;
 }
@@ -2193,6 +2206,10 @@ video {
 .border-coreColors-dividingLines {
   border-color: var(--coreColors-dividingLines);
 }
+.border-gray-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
+}
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -2555,6 +2572,9 @@ video {
 .pl-2 {
   padding-left: 0.5rem;
 }
+.pl-3 {
+  padding-left: 0.75rem;
+}
 .pl-4 {
   padding-left: 1rem;
 }
@@ -2630,6 +2650,9 @@ video {
 .font-fontRegular {
   font-family: var(--fontRegular);
 }
+.font-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
 .text-5xl {
   font-size: 3rem;
   line-height: 1;
@@ -2764,6 +2787,9 @@ video {
 .tracking-tight {
   letter-spacing: -0.025em;
 }
+.tracking-wider {
+  letter-spacing: 0.05em;
+}
 .text-\[\#666666\] {
   --tw-text-opacity: 1;
   color: rgb(102 102 102 / var(--tw-text-opacity, 1));
@@ -2882,6 +2908,10 @@ video {
 .text-foreground\/50 {
   color: hsl(var(--foreground) / 0.5);
 }
+.text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
 .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
@@ -3267,11 +3297,11 @@ video {
 .paused {
   animation-play-state: paused;
 }
-.\!container {
+  .\!container {
     padding-right: 16px !important;
     padding-left: 16px !important;
   }
-.container {
+  .container {
     padding-right: 16px;
     padding-left: 16px;
   }
@@ -3904,6 +3934,12 @@ body::-webkit-scrollbar {
 .\[\&_\*\]\:placeholder\:text-stateColors-error *::placeholder {
   color: var(--stateColors-error);
 }
+.\[\&_a\]\:text-inherit a {
+  color: inherit;
+}
+.\[\&_a\]\:underline a {
+  text-decoration-line: underline;
+}
 .\[\&_label\]\:focus-within\:\!text-stateColors-error:focus-within label {
   color: var(--stateColors-error) !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",