@tapcart/mobile-components 0.17.1 → 0.18.0

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../components/core/icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,eAAO,MAAM,UAAU;;;;;CAKb,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAA;AAE9C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC5D,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACjE;AAED;;;;;GAKG;AACH,iBAAS,IAAI,CAAC,EAAE,GAAG,EAAE,IAAW,EAAE,KAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,kDAmC7E;kBAnCQ,IAAI;;;AAuCb,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../components/core/icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,eAAO,MAAM,UAAU;;;;;CAKb,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAA;AAE9C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC5D,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACjE;AAED;;;;;GAKG;AACH,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,IAAW,EACX,KAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,kDAmCX;kBAzCQ,IAAI;;;AA6Cb,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

@@ -0,0 +1,41 @@
+type CreateReviewInput = {
+    provider: string;
+    productId: string;
+    productHandle?: string;
+    productTitle?: string;
+    productUrl?: string;
+    displayName: string;
+    email: string;
+    reviewTitle: string;
+    reviewContent: string;
+    reviewScore: number;
+};
+type UseCreateReviewProps = {
+    baseURL: string;
+};
+type CreateReviewOutcome = {
+    ok: boolean;
+    imageUploadToken?: string;
+};
+type UploadReviewImagesInput = {
+    provider: string;
+    imageUploadToken: string;
+    files: File[];
+};
+type UseCreateReviewReturn = {
+    createReview: (input: CreateReviewInput) => Promise<CreateReviewOutcome>;
+    uploadReviewImages: (input: UploadReviewImagesInput) => Promise<boolean>;
+    isSubmitting: boolean;
+    isUploadingImages: boolean;
+    isSuccess: boolean;
+    error: string | null;
+    reset: () => void;
+};
+/**
+ * Mutation counterpart to `useReviews`. Submits a new review through the
+ * app-scoped API route (`POST {baseURL}/reviews/create`), which proxies to
+ * the review provider (currently Yotpo only).
+ */
+export declare function useCreateReview({ baseURL, }: UseCreateReviewProps): UseCreateReviewReturn;
+export {};
+//# sourceMappingURL=use-create-review.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-create-review.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-create-review.ts"],"names":[],"mappings":"AAGA,KAAK,iBAAiB,GAAG;IACvB,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,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,OAAO,CAAA;IAEX,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,MAAM,CAAA;IACxB,KAAK,EAAE,IAAI,EAAE,CAAA;CACd,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAIxE,kBAAkB,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACxE,YAAY,EAAE,OAAO,CAAA;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,GACR,EAAE,oBAAoB,GAAG,qBAAqB,CAoH9C"}

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

@@ -0,0 +1,128 @@
+"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, useRef, useState } from "react";
+/**
+ * Mutation counterpart to `useReviews`. Submits a new review through the
+ * app-scoped API route (`POST {baseURL}/reviews/create`), which proxies to
+ * the review provider (currently Yotpo only).
+ */
+export function useCreateReview({ baseURL, }) {
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [isUploadingImages, setIsUploadingImages] = useState(false);
+    const [isSuccess, setIsSuccess] = useState(false);
+    const [error, setError] = useState(null);
+    // Track in-flight requests so a closing/reset drawer can abort them; a late
+    // resolution must not write success/error state onto a form the user left.
+    const createAbortRef = useRef(null);
+    const uploadAbortRef = useRef(null);
+    const createReview = 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}/reviews/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 };
+            }
+            let imageUploadToken;
+            try {
+                const body = yield response.json();
+                imageUploadToken = (body === null || body === void 0 ? void 0 : body.imageUploadToken) || undefined;
+            }
+            catch (_b) {
+                // No JSON body; creation still succeeded.
+            }
+            setIsSuccess(true);
+            return { ok: true, imageUploadToken };
+        }
+        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 review:", error);
+            setError("Something went wrong. Please try again.");
+            return { ok: false };
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }), [baseURL]);
+    const uploadReviewImages = useCallback((input) => __awaiter(this, void 0, void 0, function* () {
+        setIsUploadingImages(true);
+        const controller = new AbortController();
+        uploadAbortRef.current = controller;
+        try {
+            const formData = new FormData();
+            formData.append("provider", input.provider);
+            formData.append("imageUploadToken", input.imageUploadToken);
+            for (const file of input.files) {
+                formData.append("photos", file);
+            }
+            const response = yield fetch(`${baseURL}/reviews/images`, {
+                method: "POST",
+                body: formData,
+                signal: controller.signal,
+            });
+            return response.ok;
+        }
+        catch (error) {
+            if (controller.signal.aborted)
+                return false;
+            console.error("Error uploading review images:", error);
+            return false;
+        }
+        finally {
+            setIsUploadingImages(false);
+        }
+    }), [baseURL]);
+    const reset = useCallback(() => {
+        var _a, _b;
+        // 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();
+        (_b = uploadAbortRef.current) === null || _b === void 0 ? void 0 : _b.abort();
+        setIsSubmitting(false);
+        setIsUploadingImages(false);
+        setIsSuccess(false);
+        setError(null);
+    }, []);
+    return {
+        createReview,
+        uploadReviewImages,
+        isSubmitting,
+        isUploadingImages,
+        isSuccess,
+        error,
+        reset,
+    };
+}

package/dist/components/hooks/use-infinite-scroll-sort-key.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-infinite-scroll-sort-key.test.d.ts.map

package/dist/components/hooks/use-infinite-scroll-sort-key.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-infinite-scroll-sort-key.test.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-infinite-scroll-sort-key.test.ts"],"names":[],"mappings":""}

package/dist/components/hooks/use-infinite-scroll-sort-key.test.js

@@ -0,0 +1,68 @@
+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 { createElement } from "react";
+import { renderHook, waitFor } from "@testing-library/react";
+import { SWRConfig } from "swr";
+import useSWRInfinite from "swr/infinite";
+// Mirrors the client contract: getKey exposes only the shopper-chosen sort,
+// and the provider default arrives while the page-1 response is handled.
+const makeClient = (hydrateInto) => ({
+    userSort: "",
+    displaySort: "",
+    getKey(pageIndex, previousPageData) {
+        if (previousPageData && !previousPageData.hasMore)
+            return null;
+        return {
+            page: pageIndex + 1,
+            sort: this.userSort,
+            collectionId: "12345",
+        };
+    },
+    onResponse() {
+        if (!this.userSort)
+            this[hydrateInto] = "creation_date";
+    },
+});
+// SWR's cache is global, so each test needs its own provider or the second
+// render would read the first one's page-1 entry and never fetch.
+const wrapper = ({ children }) => createElement(SWRConfig, { value: { provider: () => new Map() } }, children);
+const renderPages = (client, fetcher) => renderHook(() => useSWRInfinite((i, prev) => client.getKey(i, prev), fetcher, {
+    revalidateFirstPage: false,
+    revalidateOnFocus: false,
+    revalidateOnMount: true,
+    dedupingInterval: 0,
+}), { wrapper });
+const makeFetcher = (client) => jest.fn((key) => __awaiter(void 0, void 0, void 0, function* () {
+    client.onResponse();
+    return { products: [{ id: `p${key.page}` }], hasMore: false };
+}));
+describe("useSWRInfinite key stability across page-1 sort hydration", () => {
+    it("refetches page 1 when the response hydrates a key-visible field", () => __awaiter(void 0, void 0, void 0, function* () {
+        const client = makeClient("userSort");
+        const fetcher = makeFetcher(client);
+        const { result } = renderPages(client, fetcher);
+        yield waitFor(() => expect(result.current.data).toBeDefined());
+        yield waitFor(() => expect(fetcher).toHaveBeenCalledTimes(2));
+        // Proves the harness detects the regression: the key moved, so SWR issued
+        // a second page-1 request, this time carrying the hydrated sort.
+        expect(fetcher.mock.calls[0][0].sort).toBe("");
+        expect(fetcher.mock.calls[1][0].sort).toBe("creation_date");
+    }));
+    it("fetches page 1 once when the response hydrates a display-only field", () => __awaiter(void 0, void 0, void 0, function* () {
+        const client = makeClient("displaySort");
+        const fetcher = makeFetcher(client);
+        const { result } = renderPages(client, fetcher);
+        yield waitFor(() => expect(result.current.data).toBeDefined());
+        expect(fetcher).toHaveBeenCalledTimes(1);
+        expect(fetcher.mock.calls[0][0].sort).toBe("");
+        // The default is still available to label the sort drawer.
+        expect(client.displaySort).toBe("creation_date");
+    }));
+});

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

@@ -5,6 +5,13 @@ interface UseRecommendationProps {
     customSearchConfig?: Record<string, any>;
     queryVariables: Record<string, any>;
     apiURL: string;
+    /**
+     * Opt out of fetching entirely. Rules of Hooks force callers to invoke this
+     * hook unconditionally, and an empty query otherwise counts as "fetch
+     * trending", so a caller that only sometimes wants recommendations has no
+     * other way to stay quiet. Defaults to true to preserve existing behavior.
+     */
+    enabled?: boolean;
 }
 interface UseRecommendationReturn {
     products: Product[];
@@ -14,6 +21,6 @@ interface UseRecommendationReturn {
     isLoading: boolean;
     error: any;
 }
-declare const useRecommendations: ({ searchClient, query, customSearchConfig, queryVariables, apiURL, }: UseRecommendationProps) => UseRecommendationReturn;
+declare const useRecommendations: ({ searchClient, query, customSearchConfig, queryVariables, apiURL, enabled, }: UseRecommendationProps) => UseRecommendationReturn;
 export { useRecommendations };
 //# sourceMappingURL=use-recommendations.d.ts.map

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;CACf;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,yEASrB,sBAAsB,KAAG,uBA6H3B,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;AAmBD,QAAA,MAAM,kBAAkB,kFAWrB,sBAAsB,KAAG,uBA8H3B,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

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

@@ -27,7 +27,7 @@ const useRecommendations = ({
 // Search client props
 searchClient, query = "", customSearchConfig, 
 // API props (backwards compatibility)
-queryVariables, apiURL, }) => {
+queryVariables, apiURL, enabled = true, }) => {
     // When searchClient is provided, use search client approach
     const usingSearchClient = Boolean(searchClient);
     const searchParams = useSearchParams();
@@ -39,9 +39,10 @@ queryVariables, apiURL, }) => {
     // - query is empty → show trending searches
     // - query meets minimum length (≥3 chars)
     // - searchClient has a customSearchConfig (e.g., filter-only queries on PDP)
-    const shouldFetch = !recommendation.trim().length ||
-        recommendation.length >= MIN_QUERY_LENGTH ||
-        (usingSearchClient && Boolean(customSearchConfig));
+    const shouldFetch = enabled &&
+        (!recommendation.trim().length ||
+            recommendation.length >= MIN_QUERY_LENGTH ||
+            (usingSearchClient && Boolean(customSearchConfig)));
     const [cachedRecommendation, setCachedRecommendations] = React.useState(recommendationsLocalStorage.getCacheItem({
         id: `${recommendation}-${queryVariables === null || queryVariables === void 0 ? void 0 : queryVariables.language}`,
     }));

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

@@ -82,4 +82,25 @@ describe("useRecommendations", () => {
         // Empty query now triggers a trending fetch regardless of searchClient
         expect(result.current.isLoading).toBe(true);
     });
+    describe("enabled", () => {
+        it("should not fetch when enabled is false", () => {
+            const { result } = renderHook(() => useRecommendations(Object.assign({ searchClient: mockSearchClient, query: "", enabled: false }, defaultProps)));
+            expect(result.current.products).toEqual([]);
+            expect(result.current.isLoading).toBe(false);
+        });
+        it("should not fetch the legacy API path when enabled is false", () => {
+            // Collection-mode carousels land here: no searchClient and an empty
+            // query, which would otherwise POST to /{appId}/api/v1/recommendations.
+            const { result } = renderHook(() => useRecommendations(Object.assign({ query: "", enabled: false }, defaultProps)));
+            expect(result.current.isLoading).toBe(false);
+        });
+        it("should fetch when enabled is omitted, preserving existing behavior", () => {
+            const { result } = renderHook(() => useRecommendations(Object.assign({ searchClient: mockSearchClient, query: "" }, defaultProps)));
+            expect(result.current.isLoading).toBe(true);
+        });
+        it("should fetch when enabled is explicitly true", () => {
+            const { result } = renderHook(() => useRecommendations(Object.assign({ searchClient: mockSearchClient, query: "abc", enabled: true }, defaultProps)));
+            expect(result.current.isLoading).toBe(true);
+        });
+    });
 });

package/dist/components/hooks/use-sort-filter.js

@@ -88,7 +88,7 @@ const useSortFilter = ({ initialData, queryVariables, dynamicKey, searchClient,
                     relatedCategories: [],
                 },
                 sortOptions: [],
-                dynamicFiltersEnabled: false,
+                dynamicFiltersEnabled: searchClient.isDynamicFiltersEnabled(),
                 integrations: [],
             },
             data: [],

package/dist/components/libs/sort-filter/custom-search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom-search.d.ts","sourceRoot":"","sources":["../../../../components/libs/sort-filter/custom-search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAEL,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,qBAAa,YAAa,SAAQ,GAAG;IACnC,OAAO,CAAC,WAAW,CAAa;gBAEpB,EAAE,WAAW,EAAE,EAAE;QAAE,WAAW,EAAE,WAAW,CAAA;KAAE;IAKzD,qCAAqC,YAC1B,cAAc,EAAE,gBACX,uBAAuB,KACpC,MAAM,CA2BR;IAED,wBAAwB,YAEvB;CACF"}
+{"version":3,"file":"custom-search.d.ts","sourceRoot":"","sources":["../../../../components/libs/sort-filter/custom-search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAU,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,qBAAa,YAAa,SAAQ,GAAG;IACnC,OAAO,CAAC,WAAW,CAAa;gBAEpB,EAAE,WAAW,EAAE,EAAE;QAAE,WAAW,EAAE,WAAW,CAAA;KAAE;IAKzD,qCAAqC,YAC1B,cAAc,EAAE,gBACX,uBAAuB,KACpC,MAAM,CA2BR;IAED,wBAAwB,YAEvB;CACF"}

package/dist/index.d.ts

@@ -85,6 +85,7 @@ export * from "./components/ui/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-create-review";
 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

@@ -85,6 +85,7 @@ export * from "./components/ui/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-create-review";
 export * from "./components/hooks/use-style-parent";
 export * from "./components/ui/subcollection-tabs";
 export * from "./components/ui/ProductCard/utils";

package/dist/styles.css

@@ -753,12 +753,18 @@ video {
 .-left-12 {
   left: -3rem;
 }
+.-right-1\.5 {
+  right: -0.375rem;
+}
 .-right-12 {
   right: -3rem;
 }
 .-top-1 {
   top: -0.25rem;
 }
+.-top-1\.5 {
+  top: -0.375rem;
+}
 .-top-12 {
   top: -3rem;
 }
@@ -816,6 +822,9 @@ video {
 .right-2 {
   right: 0.5rem;
 }
+.right-3 {
+  right: 0.75rem;
+}
 .start-10 {
   inset-inline-start: 2.5rem;
 }
@@ -898,6 +907,10 @@ video {
   margin-left: -1rem;
   margin-right: -1rem;
 }
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
 .mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -1111,6 +1124,9 @@ video {
 .hidden {
   display: none;
 }
+.aspect-\[2\/3\] {
+  aspect-ratio: 2/3;
+}
 .aspect-\[327\/280\] {
   aspect-ratio: 327/280;
 }
@@ -1316,6 +1332,9 @@ video {
 .min-h-\[60px\] {
   min-height: 60px;
 }
+.min-h-\[86px\] {
+  min-height: 86px;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -1829,6 +1848,9 @@ video {
 .items-baseline {
   align-items: baseline;
 }
+.items-stretch {
+  align-items: stretch;
+}
 .justify-start {
   justify-content: flex-start;
 }
@@ -2178,6 +2200,10 @@ video {
 .border-input {
   border-color: hsl(var(--input));
 }
+.border-red-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
+}
 .border-stateColors-error {
   border-color: var(--stateColors-error);
 }
@@ -2218,6 +2244,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(253 255 218 / var(--tw-bg-opacity, 1));
 }
+.bg-\[var\(--element-divider-color\2c var\(--coreColors-dividingLines\)\)\] {
+  background-color: var(--element-divider-color,var(--coreColors-dividingLines));
+}
 .bg-\[var\(--stateColors-skeleton\)\] {
   background-color: var(--stateColors-skeleton);
 }
@@ -2305,6 +2334,9 @@ video {
 .bg-stateColors-warning {
   background-color: var(--stateColors-warning);
 }
+.bg-textColors-primaryColor {
+  background-color: var(--textColors-primaryColor, #121212ff);
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -2690,6 +2722,9 @@ video {
 .leading-\[1\.2\] {
   line-height: 1.2;
 }
+.leading-\[1\.3\] {
+  line-height: 1.3;
+}
 .leading-\[120\%\] {
   line-height: 120%;
 }
@@ -2872,6 +2907,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
 }
+.text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
+}
 .text-stateColors-disabled {
   color: var(--stateColors-disabled);
 }
@@ -3077,6 +3116,9 @@ video {
   --tw-grayscale: grayscale(100%);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.\!filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
+}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -3455,9 +3497,16 @@ body::-webkit-scrollbar {
 .focus\:border-coreColors-brandColorPrimary:focus {
   border-color: var(--coreColors-brandColorPrimary);
 }
+.focus\:border-red-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
+}
 .focus\:border-stateColors-error:focus {
   border-color: var(--stateColors-error);
 }
+.focus\:border-textColors-primaryColor:focus {
+  border-color: var(--textColors-primaryColor, #121212ff);
+}
 .focus\:bg-stateColors-skeleton:focus {
   background-color: var(--stateColors-skeleton);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -80,8 +80,8 @@
     "clsx": "^1.2.1",
     "dayjs": "^1.11.13",
     "dompurify": "^3.2.2",
-    "embla-carousel-autoplay": "8.5.2",
-    "embla-carousel-fade": "8.5.2",
+    "embla-carousel-autoplay": "8.6.0",
+    "embla-carousel-fade": "8.6.0",
     "embla-carousel-react": "^8.3.0",
     "input-otp": "^1.4.2",
     "lucide-react": "^0.488.0",