@tapcart/mobile-components 0.6.5 → 0.6.7

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

@@ -1,10 +1,15 @@
 import { Product } from "app-studio-types";
 type URL = string;
+type MetafieldInput = {
+    namespace: string;
+    key: string;
+};
 type UseProductsProps = {
     productIds: string[];
     productHandles: string[];
     baseURL: URL;
     fetcher?: (url: string) => Promise<any>;
+    metafields?: MetafieldInput[];
 };
 type UseProductsReturn = {
     products: Product[];

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

@@ -1 +1 @@
-{"version":3,"file":"use-products.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-products.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,KAAK,GAAG,GAAG,MAAM,CAAA;AACjB,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,OAAO,EAAE,GAAG,CAAA;IACZ,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;CACxC,CAAA;AACD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CAqB7E"}
+{"version":3,"file":"use-products.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-products.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,KAAK,GAAG,GAAG,MAAM,CAAA;AACjB,KAAK,cAAc,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AACxD,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,OAAO,EAAE,GAAG,CAAA;IACZ,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,cAAc,EAAE,CAAA;CAC9B,CAAA;AACD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CA8B7E"}

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

@@ -2,13 +2,19 @@ import useSWR from "swr";
 export function useProducts(props) {
     let url = null;
     if (props) {
-        const { baseURL, productIds, productHandles } = props;
+        const { baseURL, productIds, productHandles, metafields } = props;
+        let queryParams = new URLSearchParams();
         if ((productIds === null || productIds === void 0 ? void 0 : productIds.length) > 0) {
-            url = `${baseURL}/products/by-ids?ids=${productIds.join(",")}`;
+            queryParams.set("ids", productIds.join(","));
         }
         else if ((productHandles === null || productHandles === void 0 ? void 0 : productHandles.length) > 0) {
-            url = `${baseURL}/products/by-ids?handles=${productHandles.join(",")}`;
+            queryParams.set("handles", productHandles.join(","));
         }
+        if (metafields && metafields.length > 0) {
+            const metafieldStrings = metafields.map((m) => `${m.namespace}.${m.key}`);
+            queryParams.set("metafields", metafieldStrings.join(","));
+        }
+        url = `${baseURL}/products/by-ids?${queryParams.toString()}`;
     }
     const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || ((url) => fetch(url).then((res) => res.json()));
     const { data, error } = useSWR(url, fetcher);

package/dist/components/hooks/use-scroll-direction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-scroll-direction.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-scroll-direction.ts"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;AAE3C,UAAU,UAAU;IAClB,SAAS,EAAE,eAAe,CAAA;IAC1B,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,iBAAS,kBAAkB,CAAC,SAAS,GAAE,MAAU,GAAG,UAAU,CAqD7D;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"use-scroll-direction.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-scroll-direction.ts"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;AAE3C,UAAU,UAAU;IAClB,SAAS,EAAE,eAAe,CAAA;IAC1B,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,iBAAS,kBAAkB,CAAC,SAAS,GAAE,MAAY,GAAG,UAAU,CAqD/D;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/hooks/use-scroll-direction.js

@@ -1,6 +1,6 @@
 "use client";
 import { useState, useEffect, useRef, useTransition } from "react";
-function useScrollDirection(threshold = 5) {
+function useScrollDirection(threshold = 100) {
     const [scrollData, setScrollData] = useState({
         direction: null,
         scrollY: 0,

package/dist/components/hooks/use-sort-filter.d.ts

@@ -0,0 +1,26 @@
+import { Collection } from "app-studio-types";
+import { FilterCategory, Integration, IntegrationSortItem } from "../libs/sort-filter/search-integration";
+interface UseSortFilterProps {
+    initialData: PageData;
+    queryVariables: Record<string, any>;
+}
+interface PageData {
+    filtersURL: string;
+    sortFilterURL: string;
+}
+interface UseSortFilterReturn {
+    sortFilterData: SortFilterData;
+    data: any[];
+    mutate: () => Promise<any>;
+    isLoading: boolean;
+}
+interface SortFilterData {
+    collection: Collection;
+    filtersAndRelatedCategories: FilterCategory[];
+    sortOptions: IntegrationSortItem[];
+    dynamicFiltersEnabled: boolean;
+    integrations: Integration[];
+}
+declare const useSortFilter: ({ initialData, queryVariables, }: UseSortFilterProps) => UseSortFilterReturn;
+export { useSortFilter };
+//# sourceMappingURL=use-sort-filter.d.ts.map

package/dist/components/hooks/use-sort-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sort-filter.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-sort-filter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,mBAAmB,EAAqB,MAAM,wCAAwC,CAAA;AAG5H,UAAU,kBAAkB;IAC1B,WAAW,EAAE,QAAQ,CAAA;IACrB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACpC;AAED,UAAU,QAAQ;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,UAAU,mBAAmB;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,MAAM,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,cAAc;IACtB,UAAU,EAAE,UAAU,CAAA;IACtB,2BAA2B,EAAE,cAAc,EAAE,CAAA;IAC7C,WAAW,EAAE,mBAAmB,EAAE,CAAA;IAClC,qBAAqB,EAAE,OAAO,CAAA;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B;AAaD,QAAA,MAAM,aAAa,qCAGhB,kBAAkB,KAAG,mBAiCvB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

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

@@ -0,0 +1,31 @@
+"use client";
+import useSWRInfinite from "swr/infinite";
+import useSWR from "swr";
+const constructURL = (apiURL) => {
+    const url = new URL(apiURL);
+    return url.toString();
+};
+const fetcher = ({ apiURL, body }) => fetch(constructURL(apiURL), {
+    method: "POST",
+    body: JSON.stringify(body),
+}).then((res) => res.json());
+const useSortFilter = ({ initialData, queryVariables, }) => {
+    const shouldFetch = queryVariables && Object.keys(queryVariables).length > 0;
+    const { data: sortFilterData, isLoading } = useSWR(shouldFetch ? { apiUrl: initialData.sortFilterURL, body: Object.assign({}, queryVariables) } : null, ({ apiUrl, body }) => fetcher({ apiURL: apiUrl, body }));
+    const getKey = () => {
+        if (!sortFilterData || !sortFilterData.dynamicFiltersEnabled)
+            return null;
+        return Object.assign(Object.assign(Object.assign({}, queryVariables), (sortFilterData.searchQuery && { searchQuery: sortFilterData.searchQuery })), { filterCategories: sortFilterData === null || sortFilterData === void 0 ? void 0 : sortFilterData.filtersAndRelatedCategories.filterCategories, sortOption: sortFilterData === null || sortFilterData === void 0 ? void 0 : sortFilterData.sortOption, limit: 10 });
+    };
+    const { data, mutate } = useSWRInfinite(getKey, (body) => fetcher({ apiURL: initialData.filtersURL, body }), {
+        revalidateFirstPage: true,
+        initialSize: 1,
+    });
+    return {
+        sortFilterData,
+        data: data !== null && data !== void 0 ? data : [],
+        mutate,
+        isLoading,
+    };
+};
+export { useSortFilter };

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

@@ -0,0 +1,15 @@
+import { FilterCategory, IntegrationSortItem, SearchIntegration } from "./search-integration";
+import { ReadonlyURLSearchParams } from "next/navigation";
+export declare class BeyondSearch implements SearchIntegration {
+    getSortSearchParamKey: () => string;
+    convertFilterCategoriesToSearchParams: (filters: FilterCategory[], searchParams: ReadonlyURLSearchParams) => string;
+    convertSortToSearchParams({ sortOption, existingParams, }: {
+        sortOption: IntegrationSortItem | undefined;
+        existingParams: ReadonlyURLSearchParams;
+    }): URLSearchParams;
+    getActiveSortFromSearchParams({ searchParams, sortOptions, }: {
+        searchParams: ReadonlyURLSearchParams;
+        sortOptions: IntegrationSortItem[];
+    }): IntegrationSortItem | null;
+}
+//# sourceMappingURL=beyond-search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"beyond-search.d.ts","sourceRoot":"","sources":["../../../../components/libs/sort-filter/beyond-search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACrG,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,qBAAa,YAAa,YAAW,iBAAiB;IAEpD,qBAAqB,QAAO,MAAM,CAEjC;IAED,qCAAqC,YAC1B,cAAc,EAAE,gBACX,uBAAuB,KACpC,MAAM,CAoDR;IAED,yBAAyB,CAAC,EACxB,UAAU,EACV,cAAc,GACf,EAAE;QACD,UAAU,EAAE,mBAAmB,GAAG,SAAS,CAAA;QAC3C,cAAc,EAAE,uBAAuB,CAAA;KACxC,GAAG,eAAe;IAcnB,6BAA6B,CAAC,EAC5B,YAAY,EACZ,WAAW,GACZ,EAAE;QACD,YAAY,EAAE,uBAAuB,CAAA;QACrC,WAAW,EAAE,mBAAmB,EAAE,CAAA;KACnC,GAAG,mBAAmB,GAAG,IAAI;CAI/B"}

package/dist/components/libs/sort-filter/beyond-search.js

@@ -0,0 +1,78 @@
+export class BeyondSearch {
+    constructor() {
+        this.getSortSearchParamKey = () => {
+            return "selectedSort";
+        };
+        this.convertFilterCategoriesToSearchParams = (filters, searchParams) => {
+            const filtersToApply = filters
+                .flatMap((category) => {
+                var _a;
+                let key = (_a = category.id) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+                let values = [];
+                if (key == "price") {
+                    values = category.filters
+                        .filter((filter) => filter.isSelected)
+                        .map((filter) => {
+                        var _a;
+                        return `(${filter.min},${(_a = filter.max) !== null && _a !== void 0 ? _a : 10000})`;
+                    });
+                }
+                else if (key == "rating") {
+                    values = category.filters
+                        .filter((filter) => filter.isSelected)
+                        .map((filter) => {
+                        return `${filter.min}`;
+                    });
+                }
+                else {
+                    values = category.filters
+                        .filter((filter) => filter.isSelected)
+                        .map((filter) => {
+                        return filter.tag;
+                    });
+                }
+                if (values.length) {
+                    return `${key}=${JSON.stringify(values)}`;
+                }
+            })
+                .filter((it) => it !== undefined);
+            const filterKeysToRemove = filters.flatMap((it) => { var _a; return (_a = it.id) === null || _a === void 0 ? void 0 : _a.toLowerCase(); });
+            const oldParams = new URLSearchParams(searchParams.toString());
+            const newParams = new URLSearchParams();
+            //remove old filters
+            oldParams.forEach((value, key) => {
+                if (!filterKeysToRemove.some((it) => it == key)) {
+                    newParams.append(key, value);
+                }
+            });
+            //build new filters
+            filtersToApply.forEach((param) => {
+                if (param) {
+                    const [key, value] = param.split("=");
+                    if (key && value) {
+                        newParams.append(key, value);
+                    }
+                }
+            });
+            return newParams.toString();
+        };
+    }
+    convertSortToSearchParams({ sortOption, existingParams, }) {
+        const input = sortOption.sortType;
+        const newParams = new URLSearchParams();
+        existingParams.forEach((value, key) => {
+            if (!key.startsWith(this.getSortSearchParamKey())) {
+                newParams.append(key, value);
+            }
+        });
+        if (input && input.length) {
+            newParams.append(this.getSortSearchParamKey(), input);
+        }
+        return newParams;
+    }
+    getActiveSortFromSearchParams({ searchParams, sortOptions, }) {
+        var _a;
+        const name = searchParams.get(this.getSortSearchParamKey());
+        return (_a = sortOptions.find((it) => (it === null || it === void 0 ? void 0 : it.sortType) == name)) !== null && _a !== void 0 ? _a : null;
+    }
+}

package/dist/components/libs/sort-filter/kmp.d.ts

@@ -0,0 +1,15 @@
+import { FilterCategory, SearchIntegration, IntegrationSortItem } from "./search-integration";
+import { ReadonlyURLSearchParams } from "next/navigation";
+export declare class KMP implements SearchIntegration {
+    getSortSearchParamKey: () => string;
+    convertFilterCategoriesToSearchParams: (filters: FilterCategory[], searchParams: ReadonlyURLSearchParams) => string;
+    convertSortToSearchParams({ sortOption, existingParams, }: {
+        sortOption: IntegrationSortItem | undefined;
+        existingParams: ReadonlyURLSearchParams;
+    }): URLSearchParams;
+    getActiveSortFromSearchParams({ searchParams, sortOptions, }: {
+        searchParams: ReadonlyURLSearchParams;
+        sortOptions: IntegrationSortItem[];
+    }): IntegrationSortItem | null;
+}
+//# sourceMappingURL=kmp.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kmp.d.ts","sourceRoot":"","sources":["../../../../components/libs/sort-filter/kmp.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAGzD,qBAAa,GAAI,YAAW,iBAAiB;IAG3C,qBAAqB,QAAO,MAAM,CAEjC;IAED,qCAAqC,YAC1B,cAAc,EAAE,gBACX,uBAAuB,KACpC,MAAM,CA4BR;IAED,yBAAyB,CAAC,EACxB,UAAU,EACV,cAAc,GACf,EAAE;QACD,UAAU,EAAE,mBAAmB,GAAG,SAAS,CAAA;QAC3C,cAAc,EAAE,uBAAuB,CAAA;KACxC,GAAG,eAAe;IAcnB,6BAA6B,CAAC,EAC5B,YAAY,EACZ,WAAW,GACZ,EAAE;QACD,YAAY,EAAE,uBAAuB,CAAA;QACrC,WAAW,EAAE,mBAAmB,EAAE,CAAA;KACnC,GAAG,mBAAmB,GAAG,IAAI;CAS/B"}

package/dist/components/libs/sort-filter/kmp.js

@@ -0,0 +1,55 @@
+export class KMP {
+    constructor() {
+        this.getSortSearchParamKey = () => {
+            return "sort_by";
+        };
+        this.convertFilterCategoriesToSearchParams = (filters, searchParams) => {
+            const filtersToApply = filters.reduce((acc, it) => {
+                const inner = it.filters.reduce((innerAcc, f) => {
+                    if (f.isSelected) {
+                        innerAcc.push(`${it.title}-${f.tag}`);
+                    }
+                    return innerAcc;
+                }, []);
+                return acc.concat(inner);
+            }, []);
+            const oldParams = new URLSearchParams(searchParams.toString());
+            const newParams = new URLSearchParams();
+            //remove old filters
+            oldParams.forEach((value, key) => {
+                if (!key.startsWith("filter")) {
+                    newParams.append(key, value);
+                }
+            });
+            //build new filters
+            if (filtersToApply.length) {
+                newParams.append("filter", JSON.stringify(filtersToApply));
+            }
+            return newParams.toString();
+        };
+    }
+    convertSortToSearchParams({ sortOption, existingParams, }) {
+        const input = JSON.stringify(sortOption);
+        const newParams = new URLSearchParams();
+        existingParams.forEach((value, key) => {
+            if (!key.startsWith(this.getSortSearchParamKey())) {
+                newParams.append(key, value);
+            }
+        });
+        if (input && input.length) {
+            newParams.append(this.getSortSearchParamKey(), input);
+        }
+        return newParams;
+    }
+    getActiveSortFromSearchParams({ searchParams, sortOptions, }) {
+        var _a;
+        const json = searchParams.get(this.getSortSearchParamKey());
+        try {
+            const option = JSON.parse(json !== null && json !== void 0 ? json : "{}");
+            return (_a = sortOptions.find((it) => (it === null || it === void 0 ? void 0 : it.sortName) == option.sortName)) !== null && _a !== void 0 ? _a : null;
+        }
+        catch (e) {
+            return null;
+        }
+    }
+}

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

@@ -0,0 +1,9 @@
+import { KMP } from "./kmp";
+import { Integration } from "./search-integration";
+export declare class NostoSearch extends KMP {
+    private readonly sendFirstSort;
+    constructor({ integration }: {
+        integration: Integration | undefined;
+    });
+}
+//# sourceMappingURL=nosto-search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nosto-search.d.ts","sourceRoot":"","sources":["../../../../components/libs/sort-filter/nosto-search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,qBAAa,WAAY,SAAQ,GAAG;IAClC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAS;gBAE3B,EAAE,WAAW,EAAE,EAAE;QAAE,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;KAAE;CAItE"}

package/dist/components/libs/sort-filter/nosto-search.js

@@ -0,0 +1,8 @@
+import { KMP } from "./kmp";
+export class NostoSearch extends KMP {
+    constructor({ integration }) {
+        var _a;
+        super();
+        this.sendFirstSort = (_a = integration === null || integration === void 0 ? void 0 : integration.sendFirstSort) !== null && _a !== void 0 ? _a : false;
+    }
+}

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

@@ -0,0 +1,50 @@
+import { ReadonlyURLSearchParams } from "next/navigation";
+export type Integration = {
+    name: string;
+    enabled: boolean;
+    key?: string;
+    version?: string;
+    [key: string]: any;
+};
+export type IntegrationSortItem = {
+    type: string;
+    name: string;
+    sortName: string;
+    sortKey: string;
+    isReverse: boolean;
+};
+export type Filter = {
+    title: string;
+    image?: string | null;
+    tag: any;
+    amount?: number | null;
+    isSelected: boolean;
+    collectionId?: string | null;
+    min: number | null;
+    max: number | null;
+};
+export type FilterCategory = {
+    title: string;
+    type: string;
+    filters: Filter[];
+    field?: string | null;
+    id: string | null;
+    multiSelect?: boolean | undefined;
+};
+export interface SearchIntegration {
+    getSortSearchParamKey(): string;
+    getActiveSortFromSearchParams({ searchParams, sortOptions, }: {
+        searchParams: ReadonlyURLSearchParams;
+        sortOptions: IntegrationSortItem[];
+    }): IntegrationSortItem | null;
+    convertSortToSearchParams({ sortOption, existingParams, }: {
+        sortOption: IntegrationSortItem | undefined;
+        existingParams: ReadonlyURLSearchParams;
+    }): URLSearchParams;
+    convertFilterCategoriesToSearchParams(filters: FilterCategory[], searchParams: ReadonlyURLSearchParams): string;
+}
+export declare const createIntegrationLookup: (integrations: Integration[]) => Record<string, Integration>;
+export declare const isSearchProvider: (integrationLookup: Record<string, Integration>, searchIntegrationNames: string[]) => boolean;
+export declare const searchIntegrationProvider: (integrations: Integration[]) => SearchIntegration;
+export declare const isDynamicFiltersSupported: (searchIntegration: SearchIntegration | null) => boolean;
+//# sourceMappingURL=search-integration.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-integration.d.ts","sourceRoot":"","sources":["../../../../components/libs/sort-filter/search-integration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAOzD,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,GAAG,EAAE,GAAG,CAAA;IACR,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAClC,CAAA;AAED,MAAM,WAAW,iBAAiB;IAIhC,qBAAqB,IAAI,MAAM,CAAA;IAE/B,6BAA6B,CAAC,EAC5B,YAAY,EACZ,WAAW,GACZ,EAAE;QACD,YAAY,EAAE,uBAAuB,CAAA;QACrC,WAAW,EAAE,mBAAmB,EAAE,CAAA;KACnC,GAAG,mBAAmB,GAAG,IAAI,CAAA;IAK9B,yBAAyB,CAAC,EACxB,UAAU,EACV,cAAc,GACf,EAAE;QACD,UAAU,EAAE,mBAAmB,GAAG,SAAS,CAAA;QAC3C,cAAc,EAAE,uBAAuB,CAAA;KACxC,GAAG,eAAe,CAAA;IAKnB,qCAAqC,CACnC,OAAO,EAAE,cAAc,EAAE,EACzB,YAAY,EAAE,uBAAuB,GACpC,MAAM,CAAA;CACV;AAED,eAAO,MAAM,uBAAuB,iBAAkB,WAAW,EAAE,gCAKlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,sBACR,OAAO,MAAM,EAAE,WAAW,CAAC,0BACtB,MAAM,EAAE,KAC/B,OAIF,CAAC;AAEF,eAAO,MAAM,yBAAyB,iBACtB,WAAW,EAAE,KAC1B,iBA2BF,CAAA;AAED,eAAO,MAAM,yBAAyB,sBACjB,iBAAiB,GAAG,IAAI,YACc,CAAA"}

package/dist/components/libs/sort-filter/search-integration.js

@@ -0,0 +1,38 @@
+import { KMP } from "./kmp";
+import { BeyondSearch } from "./beyond-search";
+import { SearchSpring } from "./search-spring";
+import { NostoSearch } from "./nosto-search";
+import { ShopifySearchAndDiscovery } from "./shopify-search-and-discovery";
+export const createIntegrationLookup = (integrations) => {
+    return integrations.reduce((lookup, integration) => {
+        lookup[integration.name] = integration;
+        return lookup;
+    }, {});
+};
+export const isSearchProvider = (integrationLookup, searchIntegrationNames) => {
+    return searchIntegrationNames.some((name) => { var _a; return (_a = integrationLookup[name]) === null || _a === void 0 ? void 0 : _a.enabled; });
+};
+export const searchIntegrationProvider = (integrations) => {
+    const integrationLookup = createIntegrationLookup(integrations);
+    switch (true) {
+        case isSearchProvider(integrationLookup, ["beyond-search"]):
+            return new BeyondSearch();
+        case isSearchProvider(integrationLookup, ["search-spring"]):
+            return new SearchSpring({
+                integration: integrationLookup["search-spring"],
+            });
+        case isSearchProvider(integrationLookup, ["nosto-search"]):
+            return new NostoSearch({
+                integration: integrationLookup["nosto-search"],
+            });
+        case isSearchProvider(integrationLookup, [
+            "algolia",
+            "instant-search-plus",
+            "searchanise",
+        ]):
+            return new KMP();
+        default:
+            return new ShopifySearchAndDiscovery();
+    }
+};
+export const isDynamicFiltersSupported = (searchIntegration) => searchIntegration instanceof ShopifySearchAndDiscovery;

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

@@ -0,0 +1,9 @@
+import { KMP } from "./kmp";
+import { Integration } from "./search-integration";
+export declare class SearchSpring extends KMP {
+    private readonly sendFirstSort;
+    constructor({ integration }: {
+        integration: Integration | undefined;
+    });
+}
+//# sourceMappingURL=search-spring.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-spring.d.ts","sourceRoot":"","sources":["../../../../components/libs/sort-filter/search-spring.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,qBAAa,YAAa,SAAQ,GAAG;IACnC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAS;gBAE3B,EAAE,WAAW,EAAE,EAAE;QAAE,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;KAAE;CAItE"}

package/dist/components/libs/sort-filter/search-spring.js

@@ -0,0 +1,8 @@
+import { KMP } from "./kmp";
+export class SearchSpring extends KMP {
+    constructor({ integration }) {
+        var _a;
+        super();
+        this.sendFirstSort = (_a = integration === null || integration === void 0 ? void 0 : integration.sendFirstSort) !== null && _a !== void 0 ? _a : false;
+    }
+}

package/dist/components/libs/sort-filter/shopify-search-and-discovery.d.ts

@@ -0,0 +1,64 @@
+import { FilterCategory, IntegrationSortItem, SearchIntegration } from "./search-integration";
+import { ReadonlyURLSearchParams } from "next/navigation";
+export declare class ShopifySearchAndDiscovery implements SearchIntegration {
+    private collectionSortOptions;
+    getSortSearchParamKey: () => string;
+    convertFilterCategoriesToSearchParams: (filters: FilterCategory[], searchParams: ReadonlyURLSearchParams) => string;
+    convertSortToSearchParams({ sortOption, existingParams, }: {
+        sortOption: IntegrationSortItem | undefined;
+        existingParams: ReadonlyURLSearchParams;
+    }): URLSearchParams;
+    getActiveSortFromSearchParams({ searchParams, sortOptions, }: {
+        searchParams: ReadonlyURLSearchParams;
+        sortOptions: IntegrationSortItem[];
+    }): IntegrationSortItem | null;
+}
+export declare enum SearchSortKeys {
+    /**
+     * Sort by the price value.
+     */
+    PRICE = "PRICE",
+    RELEVANCE = "RELEVANCE"
+}
+export declare enum SearchUnavailableProductsType {
+    SHOW = "SHOW",
+    HIDE = "HIDE"
+}
+export declare enum ProductCollectionSortKeys {
+    /**
+     * Sort by the `title` value.
+     */
+    TITLE = "TITLE",
+    /**
+     * Sort by the `price` value.
+     */
+    PRICE = "PRICE",
+    /**
+     * Sort by the `best-selling` value.
+     */
+    BEST_SELLING = "BEST_SELLING",
+    /**
+     * Sort by the `created` value.
+     */
+    CREATED = "CREATED",
+    /**
+     * Sort by the `id` value.
+     */
+    ID = "ID",
+    /**
+     * Sort by the `manual` value.
+     */
+    MANUAL = "MANUAL",
+    /**
+     * Sort by the `collection-default` value.
+     */
+    COLLECTION_DEFAULT = "COLLECTION_DEFAULT",
+    /**
+     * During a search (i.e. when the `query` parameter has been specified on the connection) this sorts the
+     * results by relevance to the search term(s). When no search query is specified, this sort key is not
+     * deterministic and should not be used.
+     *
+     */
+    RELEVANCE = "RELEVANCE"
+}
+//# sourceMappingURL=shopify-search-and-discovery.d.ts.map

package/dist/components/libs/sort-filter/shopify-search-and-discovery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shopify-search-and-discovery.d.ts","sourceRoot":"","sources":["../../../../components/libs/sort-filter/shopify-search-and-discovery.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,qBAAa,yBAA0B,YAAW,iBAAiB;IAEjE,OAAO,CAAC,qBAAqB,CA+BH;IAE1B,qBAAqB,QAAO,MAAM,CAEjC;IACD,qCAAqC,YAC1B,cAAc,EAAE,gBACX,uBAAuB,KACpC,MAAM,CAmDR;IAED,yBAAyB,CAAC,EACxB,UAAU,EACV,cAAc,GACf,EAAE;QACD,UAAU,EAAE,mBAAmB,GAAG,SAAS,CAAA;QAC3C,cAAc,EAAE,uBAAuB,CAAA;KACxC,GAAG,eAAe;IAgBnB,6BAA6B,CAAC,EAC5B,YAAY,EACZ,WAAW,GACZ,EAAE;QACD,YAAY,EAAE,uBAAuB,CAAA;QACrC,WAAW,EAAE,mBAAmB,EAAE,CAAA;KACnC,GAAG,mBAAmB,GAAG,IAAI;CAO/B;AAED,oBAAY,cAAc;IACxB;;OAEG;IACH,KAAK,UAAU;IAIf,SAAS,cAAc;CACxB;AAED,oBAAY,6BAA6B;IAIvC,IAAI,SAAS;IAKb,IAAI,SAAS;CACd;AAED,oBAAY,yBAAyB;IACnC;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,YAAY,iBAAiB;IAE7B;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,EAAE,OAAO;IAET;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,kBAAkB,uBAAuB;IAEzC;;;;;OAKG;IACH,SAAS,cAAc;CACxB"}

package/dist/components/libs/sort-filter/shopify-search-and-discovery.js

@@ -0,0 +1,172 @@
+export class ShopifySearchAndDiscovery {
+    constructor() {
+        this.collectionSortOptions = [
+            {
+                sortName: "manual",
+                name: "collection-sort-recommended",
+                sortKey: ProductCollectionSortKeys.COLLECTION_DEFAULT,
+                isReverse: false,
+            },
+            {
+                sortName: "created-descending",
+                name: "collection-sort-new",
+                sortKey: ProductCollectionSortKeys.CREATED,
+                isReverse: true,
+            },
+            {
+                sortName: "best-selling",
+                name: "collection-sort-best",
+                sortKey: ProductCollectionSortKeys.BEST_SELLING,
+                isReverse: false,
+            },
+            {
+                sortName: "price-ascending",
+                name: "collection-sort-ascending-price",
+                sortKey: ProductCollectionSortKeys.PRICE,
+                isReverse: false,
+            },
+            {
+                sortName: "price-descending",
+                name: "collection-sort-descending-price",
+                sortKey: ProductCollectionSortKeys.PRICE,
+                isReverse: true,
+            },
+        ];
+        this.getSortSearchParamKey = () => {
+            return "sort_by";
+        };
+        this.convertFilterCategoriesToSearchParams = (filters, searchParams) => {
+            const filtersToApply = filters.flatMap((it) => it.filters
+                .filter((it) => it.isSelected)
+                .map((it) => {
+                const input = JSON.parse(it.tag);
+                const key = it.collectionId;
+                if (input.hasOwnProperty("available")) {
+                    //ex {title: 'In stock', amount: 38, isSelected: true, tag: '{"available":true}', collectionId: 'filter.v.availability'}
+                    return `filter.v.availability=${input.available ? 1 : 0}`;
+                }
+                else if (input.productVendor) {
+                    //ex {title: 'vendor', amount: 12, isSelected: true, tag: '{"productVendor":"vendor"}', collectionId: 'filter.p.vendor'}
+                    return `${key}=${input.productVendor}`;
+                }
+                else if (input.tag) {
+                    //ex {title: 'Accessory', amount: 1, isSelected: true, tag: '{"tag":"Accessory"}', collectionId: 'filter.p.tag'}
+                    return `${key}=${input.tag}`;
+                }
+                else if (input.productType) {
+                    //ex {title: 'Bag', amount: 1, isSelected: true, tag: '{"productType":"Bag"}', collectionId: 'filter.p.product_type'}
+                    return `${key}=${input.productType}`;
+                }
+                else if (key) {
+                    //ex {title: 'Optimistic', amount: 1, isSelected: true, tag: '{"productMetafield":{"namespace":"test_data","key":"binding_mount","value":"Optimistic"}}', collectionId: 'filter.p.m.test_data.binding_mount'}
+                    //ex {title: 'Velour', amount: 1, isSelected: true, tag: '{"variantOption":{"name":"fabric","value":"Velour"}}', collectionId: 'filter.v.option.fabric'}
+                    const child = Object.keys(input)[0];
+                    if (!child)
+                        return "";
+                    return `${key}=${input[child].value}`;
+                }
+                else {
+                    return "";
+                }
+            })
+                .filter((it) => it !== ""));
+            const oldParams = new URLSearchParams(searchParams.toString());
+            const newParams = new URLSearchParams();
+            //remove old filters
+            oldParams.forEach((value, key) => {
+                if (!key.startsWith("filter.")) {
+                    newParams.append(key, value);
+                }
+            });
+            //build new filters
+            filtersToApply.forEach((param) => {
+                const [key, value] = param.split("=");
+                if (key && value) {
+                    newParams.append(key, value);
+                }
+            });
+            return newParams.toString();
+        };
+    }
+    convertSortToSearchParams({ sortOption, existingParams, }) {
+        var _a;
+        const name = sortOption === null || sortOption === void 0 ? void 0 : sortOption.name;
+        const input = (_a = this.collectionSortOptions.find((it) => it.name == name)) === null || _a === void 0 ? void 0 : _a.sortName;
+        const newParams = new URLSearchParams();
+        existingParams.forEach((value, key) => {
+            if (!key.startsWith(this.getSortSearchParamKey())) {
+                newParams.append(key, value);
+            }
+        });
+        if (input && input.length) {
+            newParams.append(this.getSortSearchParamKey(), input);
+        }
+        return newParams;
+    }
+    getActiveSortFromSearchParams({ searchParams, sortOptions, }) {
+        var _a, _b;
+        const sortInput = searchParams.get(this.getSortSearchParamKey());
+        const name = (_a = this.collectionSortOptions.find((it) => it.sortName == sortInput)) === null || _a === void 0 ? void 0 : _a.name;
+        return (_b = sortOptions.find((it) => (it === null || it === void 0 ? void 0 : it.name) == name)) !== null && _b !== void 0 ? _b : null;
+    }
+}
+export var SearchSortKeys;
+(function (SearchSortKeys) {
+    /**
+     * Sort by the price value.
+     */
+    SearchSortKeys["PRICE"] = "PRICE";
+    /*
+     * Sort by relevance to the search terms.
+     */
+    SearchSortKeys["RELEVANCE"] = "RELEVANCE";
+})(SearchSortKeys || (SearchSortKeys = {}));
+export var SearchUnavailableProductsType;
+(function (SearchUnavailableProductsType) {
+    /*
+     *Show unavailable products in the order that they're found.
+     */
+    SearchUnavailableProductsType["SHOW"] = "SHOW";
+    /*
+     * Exclude unavailable products.
+     */
+    SearchUnavailableProductsType["HIDE"] = "HIDE";
+})(SearchUnavailableProductsType || (SearchUnavailableProductsType = {}));
+export var ProductCollectionSortKeys;
+(function (ProductCollectionSortKeys) {
+    /**
+     * Sort by the `title` value.
+     */
+    ProductCollectionSortKeys["TITLE"] = "TITLE";
+    /**
+     * Sort by the `price` value.
+     */
+    ProductCollectionSortKeys["PRICE"] = "PRICE";
+    /**
+     * Sort by the `best-selling` value.
+     */
+    ProductCollectionSortKeys["BEST_SELLING"] = "BEST_SELLING";
+    /**
+     * Sort by the `created` value.
+     */
+    ProductCollectionSortKeys["CREATED"] = "CREATED";
+    /**
+     * Sort by the `id` value.
+     */
+    ProductCollectionSortKeys["ID"] = "ID";
+    /**
+     * Sort by the `manual` value.
+     */
+    ProductCollectionSortKeys["MANUAL"] = "MANUAL";
+    /**
+     * Sort by the `collection-default` value.
+     */
+    ProductCollectionSortKeys["COLLECTION_DEFAULT"] = "COLLECTION_DEFAULT";
+    /**
+     * During a search (i.e. when the `query` parameter has been specified on the connection) this sorts the
+     * results by relevance to the search term(s). When no search query is specified, this sort key is not
+     * deterministic and should not be used.
+     *
+     */
+    ProductCollectionSortKeys["RELEVANCE"] = "RELEVANCE";
+})(ProductCollectionSortKeys || (ProductCollectionSortKeys = {}));

package/dist/components/ui/empty-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-message.d.ts","sourceRoot":"","sources":["../../../components/ui/empty-message.tsx"],"names":[],"mappings":"AAMA,UAAU,iBAAiB;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,MAAM,MAAM,CAAA;IACzB,SAAS,EAAE,MAAM,MAAM,EAAE,CAAA;IACzB,eAAe,EAAE,MAAM,MAAM,CAAA;CAC9B;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,UAAU,GAAG,UAAU,CAAA;IAC7B,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAsB,EACtB,SAAoB,EACpB,eAA0B,GAC3B,EAAE,iBAAiB,2CA+CnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"empty-message.d.ts","sourceRoot":"","sources":["../../../components/ui/empty-message.tsx"],"names":[],"mappings":"AAOA,UAAU,iBAAiB;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,MAAM,MAAM,CAAA;IACzB,SAAS,EAAE,MAAM,MAAM,EAAE,CAAA;IACzB,eAAe,EAAE,MAAM,MAAM,CAAA;CAC9B;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,UAAU,GAAG,UAAU,CAAA;IAC7B,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAsB,EACtB,SAAoB,EACpB,eAA0B,GAC3B,EAAE,iBAAiB,2CAmGnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/ui/empty-message.js

@@ -4,10 +4,56 @@ import { Button } from "./button";
 import { Icon } from "./icon";
 import { Text } from "./text";
 import { cn } from "../../lib/utils";
+import { useState, useEffect } from "react";
 function EmptyMessage({ iconName, title, description, className, buttonLabel, openScreen, usePathname = () => "", useRouter = () => [], useSearchParams = () => "", }) {
+    const [clickCount, setClickCount] = useState(0);
     const router = useRouter();
     const pathname = usePathname();
     const searchParams = useSearchParams();
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setClickCount(0);
+        }, 2000);
+        return () => clearTimeout(timer);
+    }, [clickCount]);
+    const handlePageClick = () => {
+        setClickCount((prevCount) => {
+            const newCount = prevCount + 1;
+            if (newCount === 10) {
+                const fullUrl = `${window.location.origin}${pathname}?${searchParams.toString()}`;
+                if (navigator.clipboard && navigator.clipboard.writeText) {
+                    navigator.clipboard
+                        .writeText(fullUrl)
+                        .then(() => alert("Full URL copied to clipboard!"))
+                        .catch(() => fallbackCopyTextToClipboard(fullUrl));
+                }
+                else {
+                    fallbackCopyTextToClipboard(fullUrl);
+                }
+                return 0;
+            }
+            return newCount;
+        });
+    };
+    const fallbackCopyTextToClipboard = (text) => {
+        const textArea = document.createElement("textarea");
+        textArea.value = text;
+        textArea.style.position = "fixed"; // Avoid scrolling to bottom
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+        try {
+            const successful = document.execCommand("copy");
+            const msg = successful
+                ? "Full URL copied to clipboard!"
+                : "Unable to copy URL";
+            alert(msg);
+        }
+        catch (err) {
+            alert("Failed to copy URL");
+        }
+        document.body.removeChild(textArea);
+    };
     const onClick = () => {
         const newParams = new URLSearchParams(searchParams.toString());
         const filters = newParams.get("filters");
@@ -24,6 +70,6 @@ function EmptyMessage({ iconName, title, description, className, buttonLabel, op
             });
         }
     };
-    return (_jsxs("div", Object.assign({ className: cn("flex-grow flex flex-col justify-center items-center gap-4 h-full", className) }, { children: [_jsxs("div", Object.assign({ className: "flex flex-col justify-center items-center gap-2" }, { children: [_jsx(Icon, { name: iconName, size: "md", color: "coreColors-secondaryIcon" }), _jsx(Text, Object.assign({ type: "h2", className: "text-textColors-primaryColor text-center" }, { children: title })), _jsx(Text, Object.assign({ type: "body-primary", className: "text-textColors-secondaryColor text-center" }, { children: description }))] })), buttonLabel ? (_jsx(Button, Object.assign({ variant: "default", onClick: onClick, className: "w-auto" }, { children: buttonLabel }))) : null] })));
+    return (_jsxs("div", Object.assign({ className: cn("flex-grow flex flex-col justify-center items-center gap-4 h-full", className), onClick: handlePageClick }, { children: [_jsxs("div", Object.assign({ className: "flex flex-col justify-center items-center gap-2" }, { children: [_jsx(Icon, { name: iconName, size: "md", color: "coreColors-secondaryIcon" }), _jsx(Text, Object.assign({ type: "h2", className: "text-textColors-primaryColor text-center" }, { children: title })), _jsx(Text, Object.assign({ type: "body-primary", className: "text-textColors-secondaryColor text-center" }, { children: description }))] })), buttonLabel ? (_jsx(Button, Object.assign({ variant: "default", onClick: onClick, className: "w-auto" }, { children: buttonLabel }))) : null] })));
 }
 export { EmptyMessage };

package/dist/components/ui/favorite.js

@@ -39,14 +39,14 @@ const favoriteVariants = cva("flex p-2 gap-2 rounded-[4px] shadow-buttonColors-p
     },
 });
 const Favorite = React.forwardRef((_a, ref) => {
-    var { className, size = "small", selected = false, onClick, iconUrl = "", showBackground = false, cornerRadius = 4, layoutType = "below-image-on-right", favoriteFillColor = "#D91E18FF" } = _a, props = __rest(_a, ["className", "size", "selected", "onClick", "iconUrl", "showBackground", "cornerRadius", "layoutType", "favoriteFillColor"]);
+    var { className, size = "small", selected = false, onClick, iconUrl = "https://storage.googleapis.com/tapcart-asset-uploads-prod/default-icon-options/Heart_1.svg", showBackground = false, cornerRadius = 4, layoutType = "below-image-on-right", favoriteFillColor = "#D91E18FF" } = _a, props = __rest(_a, ["className", "size", "selected", "onClick", "iconUrl", "showBackground", "cornerRadius", "layoutType", "favoriteFillColor"]);
     return (_jsx("button", Object.assign({ onClick: onClick, ref: ref, className: cn(favoriteVariants({
             size,
             showBackground,
             layoutType,
         }), className), style: {
             borderRadius: `${cornerRadius}px`,
-        } }, props, { children: _jsx(Icon, { url: iconUrl, color: selected ? "stateColors-favorites" : "stateColors-disabled", size: size === "small" ? "xs" : "sm", fillColor: selected ? favoriteFillColor : '' }) })));
+        } }, props, { children: _jsx(Icon, { url: iconUrl, color: selected ? "stateColors-favorites" : "stateColors-disabled", size: size === "small" ? "xs" : "sm", fillColor: selected ? favoriteFillColor : "" }) })));
 });
 Favorite.displayName = "Favorite";
 export { Favorite, favoriteVariants };

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from "./components/hooks/use-recommendations";
 export * from "./components/hooks/use-products";
 export * from "./components/hooks/use-products";
 export * from "./components/hooks/use-scroll-direction";
+export * from "./components/hooks/use-sort-filter";
 export * from "./components/ui/accordion";
 export * from "./components/ui/aspect-ratio";
 export * from "./components/ui/badge";
@@ -48,4 +49,5 @@ export * from "./components/ui/video";
 export * from "./components/ui/wishlist";
 export * from "./components/hooks/use-product-options";
 export * from "./components/ui/wishlist-select";
+export * from "./components/libs/sort-filter/search-integration";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EACR,4BAA4B,EAC5B,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,aAAa,CAAA;AACpB,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yCAAyC,CAAA;AACvD,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EACR,4BAA4B,EAC5B,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,aAAa,CAAA;AACpB,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kDAAkD,CAAA"}

package/dist/index.js

@@ -6,6 +6,7 @@ export * from "./components/hooks/use-recommendations";
 export * from "./components/hooks/use-products";
 export * from "./components/hooks/use-products";
 export * from "./components/hooks/use-scroll-direction";
+export * from "./components/hooks/use-sort-filter";
 export * from "./components/ui/accordion";
 export * from "./components/ui/aspect-ratio";
 export * from "./components/ui/badge";
@@ -49,3 +50,4 @@ export * from "./components/ui/video";
 export * from "./components/ui/wishlist";
 export * from "./components/hooks/use-product-options";
 export * from "./components/ui/wishlist-select";
+export * from "./components/libs/sort-filter/search-integration";

package/dist/styles.css

@@ -782,6 +782,9 @@ video {
 .z-10 {
   z-index: 10;
 }
+.z-20 {
+  z-index: 20;
+}
 .z-50 {
   z-index: 50;
 }
@@ -1057,6 +1060,10 @@ video {
 .w-auto {
   width: auto;
 }
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
 .w-full {
   width: 100%;
 }
@@ -1785,6 +1792,9 @@ video {
 .capitalize {
   text-transform: capitalize;
 }
+.leading-6 {
+  line-height: 1.5rem;
+}
 .leading-\[130\%\] {
   line-height: 130%;
 }
@@ -2039,6 +2049,9 @@ video {
 .outline-stateColors-skeleton {
   outline-color: var(--stateColors-skeleton);
 }
+.outline-transparent {
+  outline-color: transparent;
+}
 .ring-0 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2355,6 +2368,10 @@ body::-webkit-scrollbar {
   outline-color: var(--coreColors-brandColorPrimary);
 }
 
+.active\:outline-transparent:active {
+  outline-color: transparent;
+}
+
 .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }

package/package.json

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