@usereactify/search 5.0.0-beta.1 → 5.0.0-beta.4

package/dist/src/components/Filter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,gDAA8B"}

package/dist/src/components/ReactifySearchBase/ReactifySearchBase.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+export declare type ReactifySearchBaseProps = {
+    /** The search area the provider will be used in */
+    mode: "search" | "collection" | "instant-search";
+    /** Shopify store domain used to resolve the site configuration */
+    shopifyPermanentDomain: string;
+    /** Specific filter group handle, used to override automated logic */
+    filterStackHandle?: string;
+    /** Callback function for redirects, suitable for headless sites to avoid full page refresh */
+    onRedirect?: (type: "redirect" | "search", url: string) => void;
+    /** Render method to display a component when the config is loading */
+    renderBooting?: () => JSX.Element | null;
+    /** Advanced usage: Allows you to wrap the ReactifySearchBase in your own ReactiveBase component */
+    noReactiveBase?: boolean;
+    /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */
+    additionalComponentHandles?: string[];
+    /** Advanced usage: Override the default Elasticsearch index */
+    index?: string;
+    /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */
+    configId?: string;
+    /** Advanced usage: Override the default Elasticsearch credentials */
+    credentials?: {
+        username: string;
+        password: string;
+        endpoint: string;
+    };
+    /** Advanced usage: Override the default ReactiveBase theme */
+    theme?: Record<string, unknown>;
+} & ({
+    mode: "search";
+} | {
+    mode: "collection";
+    /** Collection object that includes the handle, used to find curations */
+    collection: {
+        id: number;
+        title: string;
+        handle: string;
+    };
+} | {
+    mode: "instant-search";
+});
+export declare const ReactifySearchBase: React.FC<ReactifySearchBaseProps>;

package/dist/src/components/ReactifySearchBase/ReactifySearchBase.js

@@ -0,0 +1,143 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactifySearchBase = void 0;
+const react_1 = __importDefault(require("react"));
+const Sentry = __importStar(require("@sentry/react"));
+const tracing_1 = require("@sentry/tracing");
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
+const package_json_1 = require("../../../package.json");
+const debug = require("debug")("reactify-search:ReactifySearchBase");
+Sentry.init({
+    dsn: "https://cd8abf47496c4956bd061e461f857319@o301775.ingest.sentry.io/6600694",
+    integrations: [new tracing_1.BrowserTracing()],
+    tracesSampleRate: 1.0,
+    release: package_json_1.version,
+});
+const ReactifySearchBase = (props) => {
+    react_1.default.useEffect(() => {
+        debug("variable[props]", props);
+    }, [props]);
+    return (react_1.default.createElement(Sentry.ErrorBoundary, { fallback: react_1.default.createElement("p", null, "An error has occurred"), beforeCapture: (scope) => {
+            scope.setTag("index", props.index);
+            scope.setTag("shop", props.shopifyPermanentDomain);
+            scope.setTag("mode", props.mode);
+            if (props.mode === "collection") {
+                scope.setTag("collection", props.collection.handle);
+            }
+            if (props.filterStackHandle) {
+                scope.setTag("filter", props.filterStackHandle);
+            }
+            debug("set sentry scope");
+        } },
+        react_1.default.createElement(ReactifySearchInner, Object.assign({}, props))));
+};
+exports.ReactifySearchBase = ReactifySearchBase;
+const ReactifySearchInner = (props) => {
+    var _a, _b;
+    const { config } = (0, hooks_1.useConfig)(props.shopifyPermanentDomain, props.configId);
+    const [searchQuery, setSearchQuery] = react_1.default.useState("");
+    const [instantSearchVisible, setInstantSearchVisible] = react_1.default.useState(false);
+    const [sortOption, setSortOption] = react_1.default.useState("");
+    const credentials = (_a = props.credentials) !== null && _a !== void 0 ? _a : {
+        username: "guest",
+        password: "password",
+        endpoint: "https://api.search.reactify.app",
+    };
+    const theme = (_b = props.theme) !== null && _b !== void 0 ? _b : {
+        typography: {
+            fontFamily: "inherit",
+            fontSize: "inherit",
+        },
+    };
+    const searchQueryFromURL = react_1.default.useMemo(() => {
+        var _a;
+        if (typeof window === "undefined")
+            return undefined;
+        const urlParams = new URLSearchParams(window.location.search);
+        return (_a = urlParams.get("q")) !== null && _a !== void 0 ? _a : undefined;
+    }, [window.location.search]);
+    const searchSortFromURL = react_1.default.useMemo(() => {
+        var _a;
+        if (typeof window === "undefined")
+            return undefined;
+        const urlParams = new URLSearchParams(window.location.search);
+        return (_a = urlParams.get("sort")) !== null && _a !== void 0 ? _a : undefined;
+    }, [window.location.search]);
+    react_1.default.useEffect(() => {
+        if (searchQueryFromURL && searchQuery !== searchQueryFromURL) {
+            setSearchQuery(searchQueryFromURL);
+        }
+    }, [searchQueryFromURL]);
+    react_1.default.useEffect(() => {
+        if (searchSortFromURL && sortOption !== searchSortFromURL) {
+            setSortOption(searchSortFromURL);
+        }
+    }, [searchSortFromURL]);
+    react_1.default.useEffect(() => {
+        if (window.location.search === "" && sortOption) {
+            setSortOption(sortOption);
+        }
+    }, [window.location.href]);
+    const contextValue = react_1.default.useMemo(() => {
+        var _a;
+        if (!config) {
+            return;
+        }
+        ;
+        return {
+            config: config,
+            options: Object.assign(Object.assign({}, props), { index: (_a = props.index) !== null && _a !== void 0 ? _a : config.index, filterStackHandle: props.filterStackHandle, credentials: credentials, theme: theme }),
+            search: {
+                searchQuery: searchQuery,
+                setSearchQuery: setSearchQuery,
+                instantSearchVisible: instantSearchVisible,
+                setInstantSearchVisible: setInstantSearchVisible,
+            },
+            sortby: {
+                sortOption: sortOption,
+                setSortOption: setSortOption,
+            }
+        };
+    }, [
+        config,
+        props,
+        searchQuery,
+        instantSearchVisible,
+        sortOption,
+    ]);
+    if (!contextValue) {
+        if (props.renderBooting) {
+            return props.renderBooting();
+        }
+        return null;
+    }
+    if (props.noReactiveBase) {
+        return (react_1.default.createElement(hooks_1.ReactifySearchContext.Provider, { value: contextValue }, props.children));
+    }
+    return (react_1.default.createElement(hooks_1.ReactifySearchContext.Provider, { value: contextValue },
+        react_1.default.createElement(components_1.UtilityAuthenticatedReactiveBase, null, props.children)));
+};
+//# sourceMappingURL=ReactifySearchBase.js.map

package/dist/src/components/ReactifySearchBase/ReactifySearchBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactifySearchBase.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchBase/ReactifySearchBase.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/ReactifySearchBase/index.d.ts

@@ -0,0 +1 @@
+export * from "./ReactifySearchBase";

package/dist/src/components/ReactifySearchBase/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ReactifySearchBase"), exports);
+//# sourceMappingURL=index.js.map

package/dist/src/components/ReactifySearchBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchBase/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAqC"}

package/dist/src/components/Result/ResultCardCallout.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { ElasticCallout } from "../../types";
+export declare type ResultCardCalloutProps = {
+    pagePosition: number;
+    document: ElasticCallout;
+    callout: ElasticCallout["callout"];
+    render?: React.FC<Omit<ResultCardCalloutProps, "render"> & {
+        itemRef: (node?: Element | null) => void;
+        handleClick: () => void;
+    }>;
+};
+export declare const ResultCardCallout: React.FC<ResultCardCalloutProps>;

package/dist/src/components/Result/ResultCardCallout.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResultCardCallout = void 0;
+const react_1 = __importDefault(require("react"));
+const react_intersection_observer_1 = require("react-intersection-observer");
+const hooks_1 = require("../../hooks");
+const __1 = require("..");
+const ResultCardCallout = (props) => {
+    const { track } = (0, hooks_1.useAnalytics)();
+    const { ref, inView } = (0, react_intersection_observer_1.useInView)({
+        threshold: 0.5,
+        triggerOnce: true,
+    });
+    const handleClick = react_1.default.useCallback(() => {
+        track({
+            eventName: "clickPromotion",
+            payload: {
+                link: props.callout.link,
+                title: props.callout.title,
+            },
+        });
+    }, [track, props.callout]);
+    const handleView = react_1.default.useCallback(() => {
+        track({
+            eventName: "viewPromotion",
+            payload: {
+                link: props.callout.link,
+                title: props.callout.title,
+            },
+        });
+    }, [track, props.callout]);
+    react_1.default.useEffect(() => {
+        if (inView) {
+            handleView();
+        }
+    }, [inView]);
+    if (props.render) {
+        const Component = props.render;
+        return (react_1.default.createElement(Component, Object.assign({}, props, { itemRef: ref, handleClick: handleClick })));
+    }
+    return (react_1.default.createElement(__1.ExampleResultCardCallout, Object.assign({}, props, { itemRef: ref, handleClick: handleClick })));
+};
+exports.ResultCardCallout = ResultCardCallout;
+//# sourceMappingURL=ResultCardCallout.js.map

package/dist/src/components/Result/ResultCardCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultCardCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,6EAAwD;AAGxD,uCAA2C;AAC3C,0BAA8C;AAYvC,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,uCAAS,EAAC;QAChC,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,KAAK,CAAC;YACJ,SAAS,EAAE,gBAAgB;YAC3B,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC3B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC;YACJ,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC3B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,EAAE;YACV,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAGb,IAAI,KAAK,CAAC,MAAM,EAAE;QAChB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,OAAO,CACL,8BAAC,SAAS,oBACJ,KAAK,IACT,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,WAAW,IACxB,CACH,CAAC;KACH;IAED,OAAO,CACL,8BAAC,4BAAwB,oBACnB,KAAK,IACT,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,WAAW,IACxB,CACH,CAAA;AACH,CAAC,CAAC;AApDW,QAAA,iBAAiB,qBAoD5B"}

package/dist/src/components/Result/ResultCardProduct.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { ElasticProduct } from "../../types";
+import { useProductPrice } from "../../hooks";
+export declare type ResultCardProductProps = {
+    pagePosition: number;
+    product: ElasticProduct;
+    document: ElasticProduct;
+    render?: React.FC<Omit<ResultCardProductProps, "render"> & ReturnType<typeof useProductPrice> & {
+        itemRef: (node?: Element | null) => void;
+        handleClick: () => void;
+    }>;
+};
+export declare const ResultCardProduct: React.FC<ResultCardProductProps>;

package/dist/src/components/Result/ResultCardProduct.js

@@ -0,0 +1,64 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResultCardProduct = void 0;
+const react_1 = __importDefault(require("react"));
+const react_intersection_observer_1 = require("react-intersection-observer");
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
+const ResultCardProduct = (_a) => {
+    var { render } = _a, props = __rest(_a, ["render"]);
+    const productPrice = (0, hooks_1.useProductPrice)(props.product);
+    const { track } = (0, hooks_1.useAnalytics)();
+    const { ref, inView } = (0, react_intersection_observer_1.useInView)({
+        threshold: 0.5,
+        triggerOnce: true,
+    });
+    const handleClick = react_1.default.useCallback(() => {
+        track({
+            eventName: "clickProduct",
+            payload: {
+                elasticProduct: {
+                    id: props.product.id,
+                    title: props.product.title,
+                },
+            },
+        });
+    }, [track, props.product]);
+    const handleView = react_1.default.useCallback(() => {
+        track({
+            eventName: "viewProduct",
+            payload: {
+                elasticProduct: {
+                    id: props.product.id,
+                    title: props.product.title,
+                },
+            },
+        });
+    }, [track, props.product]);
+    react_1.default.useEffect(() => {
+        if (inView) {
+            handleView();
+        }
+    }, [inView]);
+    if (render) {
+        const Component = render;
+        return (react_1.default.createElement(Component, Object.assign({}, props, productPrice, { itemRef: ref, handleClick: handleClick })));
+    }
+    return (react_1.default.createElement(components_1.ExampleResultCardProduct, Object.assign({}, props, productPrice, { itemRef: ref, handleClick: handleClick })));
+};
+exports.ResultCardProduct = ResultCardProduct;
+//# sourceMappingURL=ResultCardProduct.js.map

package/dist/src/components/Result/ResultCardProduct.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultCardProduct.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultCardProduct.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6EAAwD;AAGxD,uCAA4D;AAC5D,iDAA4D;AAYrD,MAAM,iBAAiB,GAAqC,CAAC,EAAoB,EAAE,EAAE;QAAxB,EAAE,MAAM,OAAY,EAAP,KAAK,cAAlB,UAAoB,CAAF;IACpF,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,uCAAS,EAAC;QAChC,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,KAAK,CAAC;YACJ,SAAS,EAAE,cAAc;YACzB,OAAO,EAAE;gBACP,cAAc,EAAE;oBACd,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;iBAC3B;aACF;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC;YACJ,SAAS,EAAE,aAAa;YACxB,OAAO,EAAE;gBACP,cAAc,EAAE;oBACd,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;iBAC3B;aACF;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,EAAE;YACV,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,MAAM,EAAE;QACV,MAAM,SAAS,GAAG,MAAM,CAAC;QACzB,OAAO,CACL,8BAAC,SAAS,oBACJ,KAAK,EACL,YAAY,IAChB,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,WAAW,IACxB,CACH,CAAC;KACH;IAED,OAAO,CACL,8BAAC,qCAAwB,oBACnB,KAAK,EACL,YAAY,IAChB,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,WAAW,IACxB,CACH,CAAA;AACH,CAAC,CAAC;AA3DW,QAAA,iBAAiB,qBA2D5B"}

package/dist/src/components/Result/ResultPaginationLoadMore.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ReactivesearchResultProps } from "../../types";
+import { usePaginationLoadMore } from "../../hooks";
+export declare type ResultPaginationLoadMoreProps = ReactivesearchResultProps & {
+    render?: React.FC<ReturnType<typeof usePaginationLoadMore>>;
+};
+export declare const ResultPaginationLoadMore: React.FC<ResultPaginationLoadMoreProps>;

package/dist/src/components/Result/ResultPaginationLoadMore.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResultPaginationLoadMore = void 0;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
+const ResultPaginationLoadMore = (props) => {
+    var _a;
+    const paginationLoadMoreHook = (0, hooks_1.usePaginationLoadMore)(props);
+    const RenderPaginationComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleResultPaginationLoadMore;
+    return (react_1.default.createElement(RenderPaginationComponent, Object.assign({}, paginationLoadMoreHook)));
+};
+exports.ResultPaginationLoadMore = ResultPaginationLoadMore;
+//# sourceMappingURL=ResultPaginationLoadMore.js.map

package/dist/src/components/Result/ResultPaginationLoadMore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultPaginationLoadMore.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationLoadMore.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,uCAAoD;AACpD,iDAAmE;AAM5D,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;;IACzF,MAAM,sBAAsB,GAAG,IAAA,6BAAqB,EAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,yBAAyB,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4CAA+B,CAAC;IAElF,OAAO,CACL,8BAAC,yBAAyB,oBACpB,sBAAsB,EAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,wBAAwB,4BAUnC"}

package/dist/src/components/Result/ResultPaginationNextPrev.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { usePagination } from "../../hooks";
+import { ReactivesearchPaginationProps } from "../../types";
+export declare type ResultPaginationNextPrevProps = ReactivesearchPaginationProps & {
+    render?: React.FC<ReturnType<typeof usePagination>>;
+};
+export declare const ResultPaginationNextPrev: React.FC<ResultPaginationNextPrevProps>;

package/dist/src/components/Result/ResultPaginationNextPrev.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResultPaginationNextPrev = void 0;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
+const ResultPaginationNextPrev = (props) => {
+    var _a;
+    const paginationHook = (0, hooks_1.usePagination)(props);
+    const RenderPaginationComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleResultPaginationNextPrev;
+    return (react_1.default.createElement(RenderPaginationComponent, Object.assign({}, paginationHook)));
+};
+exports.ResultPaginationNextPrev = ResultPaginationNextPrev;
+//# sourceMappingURL=ResultPaginationNextPrev.js.map

package/dist/src/components/Result/ResultPaginationNextPrev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultPaginationNextPrev.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationNextPrev.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAA4C;AAE5C,iDAAmE;AAM5D,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;;IACzF,MAAM,cAAc,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,yBAAyB,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4CAA+B,CAAC;IAElF,OAAO,CACL,8BAAC,yBAAyB,oBACpB,cAAc,EAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,wBAAwB,4BAUnC"}

package/dist/src/components/Result/ResultPaginationNumbered.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ReactivesearchPaginationProps } from "../../types";
+import { usePagination } from "../../hooks";
+export declare type ResultPaginationNumberedProps = ReactivesearchPaginationProps & {
+    render?: React.FC<ReturnType<typeof usePagination>>;
+};
+export declare const ResultPaginationNumbered: React.FC<ResultPaginationNumberedProps>;

package/dist/src/components/Result/ResultPaginationNumbered.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResultPaginationNumbered = void 0;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
+const ResultPaginationNumbered = (props) => {
+    var _a;
+    const paginationHook = (0, hooks_1.usePagination)(props);
+    if (!paginationHook.totalPages) {
+        return null;
+    }
+    const RenderPaginationComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleResultPaginationNumbered;
+    return (react_1.default.createElement(RenderPaginationComponent, Object.assign({}, paginationHook)));
+};
+exports.ResultPaginationNumbered = ResultPaginationNumbered;
+//# sourceMappingURL=ResultPaginationNumbered.js.map

package/dist/src/components/Result/ResultPaginationNumbered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultPaginationNumbered.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationNumbered.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,uCAA4C;AAC5C,iDAAmE;AAM5D,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;;IACzF,MAAM,cAAc,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC;IAE5C,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;QAC9B,OAAO,IAAI,CAAC;KACb;IAED,MAAM,yBAAyB,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4CAA+B,CAAC;IAElF,OAAO,CACL,8BAAC,yBAAyB,oBACpB,cAAc,EAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,wBAAwB,4BAcnC"}

package/dist/src/components/Result/ResultStack.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import { ResultCardCallout } from "./ResultCardCallout";
+import { ResultCardProduct } from "./ResultCardProduct";
+import { ResultPaginationNumbered } from "./ResultPaginationNumbered";
+import { ResultPaginationLoadMore } from "./ResultPaginationLoadMore";
+import { ResultPaginationNextPrev } from "./ResultPaginationNextPrev";
+import { ElasticCallout, ElasticProduct, ReactivesearchError, ReactivesearchResultProps } from "../../types";
+export declare type ResultProps = ReactivesearchResultProps & {
+    callouts: ElasticCallout[];
+    products: ElasticProduct[];
+};
+export declare type ResultStackProps = {
+    /** Style prop for the list wrapper */
+    listStyle?: React.HTMLAttributes<HTMLElement>["style"];
+    /** Classname prop for the list wrapper */
+    listClassName?: string;
+    /** Render method called when an error occurs */
+    renderError?: React.FC<{
+        error: ReactivesearchError;
+    }>;
+    /** Render method called while loading for the first time */
+    renderLoading?: React.FC;
+    /** Render method called when no results are found */
+    renderNoResults?: React.FC;
+    /** Render method called once for each product result */
+    renderResultCardProduct?: React.ComponentProps<typeof ResultCardProduct>["render"];
+    /** Render method called once for each callout result */
+    renderResultCardCallout?: React.ComponentProps<typeof ResultCardCallout>["render"];
+    /** Render method called for pagination type "pagination" */
+    renderPaginationNumbered?: React.ComponentProps<typeof ResultPaginationNumbered>["render"];
+    /** Render method called for pagination type "next_prev" */
+    renderPaginationNextPrev?: React.ComponentProps<typeof ResultPaginationNextPrev>["render"];
+    /** Render method called for pagination type "load_more" */
+    renderPaginationLoadMore?: React.ComponentProps<typeof ResultPaginationLoadMore>["render"];
+    /** Render method called for pagination type "infinite_scroll" */
+    renderPaginationInfiniteScroll?: React.ComponentProps<typeof ResultPaginationLoadMore>["render"];
+    /** Advanced Usage: Override the default amount of results per page */
+    pageSize?: number;
+};
+export declare const ResultStack: React.FC<ResultStackProps>;

package/dist/src/components/Result/ResultStack.js

@@ -0,0 +1,108 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResultStack = void 0;
+const react_1 = __importDefault(require("react"));
+const ReactiveList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/result/ReactiveList"));
+const ResultCardCallout_1 = require("./ResultCardCallout");
+const ResultCardProduct_1 = require("./ResultCardProduct");
+const ResultPaginationNumbered_1 = require("./ResultPaginationNumbered");
+const ResultPaginationLoadMore_1 = require("./ResultPaginationLoadMore");
+const ResultPaginationNextPrev_1 = require("./ResultPaginationNextPrev");
+const hooks_1 = require("../../hooks");
+const types_1 = require("../../types");
+const ResultStack = (props) => {
+    const reactiveResultStackProps = (0, hooks_1.useReactiveResultStackProps)({
+        pageSize: props.pageSize,
+    });
+    return (react_1.default.createElement(ReactiveList_1.default, Object.assign({}, reactiveResultStackProps, { render: (reactivesearchResultProps) => (react_1.default.createElement(ResultStackInner, Object.assign({}, props, { reactivesearchResultProps: reactivesearchResultProps }))), renderPagination: (reactivesearchPaginationProps) => (react_1.default.createElement(ResultStackPaginationStack, Object.assign({}, props, reactivesearchPaginationProps))) })));
+};
+exports.ResultStack = ResultStack;
+const ResultStackRenderErrorComponent = (props) => {
+    return (react_1.default.createElement("div", null,
+        "Error: ",
+        props.error.statusText));
+};
+const ResultStackRenderLoadingComponent = () => {
+    return (react_1.default.createElement("div", null, "Loading"));
+};
+const ResultStackRenderNoResultsComponent = () => {
+    return (react_1.default.createElement("div", null, "No results"));
+};
+const ResultStackInner = (props) => {
+    var _a, _b, _c;
+    const { track } = (0, hooks_1.useAnalytics)();
+    const { searchQuery } = (0, hooks_1.useSearch)();
+    const initialSearchHasRun = react_1.default.useMemo(() => "undefined" !==
+        typeof props.reactivesearchResultProps.resultStats.numberOfResults, [props.reactivesearchResultProps]);
+    const listStyle = react_1.default.useMemo(() => {
+        var _a;
+        return (_a = props.listStyle) !== null && _a !== void 0 ? _a : {
+            display: "grid",
+            gap: "8px",
+            gridTemplateColumns: "repeat(4, minmax(0, 1fr))",
+        };
+    }, [props.listStyle]);
+    if (props.reactivesearchResultProps.error) {
+        const RenderErrorComponent = (_a = props.renderError) !== null && _a !== void 0 ? _a : ResultStackRenderErrorComponent;
+        return (react_1.default.createElement(RenderErrorComponent, { error: props.reactivesearchResultProps.error }));
+    }
+    if (!initialSearchHasRun) {
+        const RenderLoadingComponent = (_b = props.renderLoading) !== null && _b !== void 0 ? _b : ResultStackRenderLoadingComponent;
+        return (react_1.default.createElement(RenderLoadingComponent, null));
+    }
+    if (!props.reactivesearchResultProps.resultStats.numberOfResults) {
+        if (searchQuery) {
+            track({
+                eventName: "zeroResults",
+                payload: {
+                    searchTerm: searchQuery,
+                },
+            });
+        }
+        const RenderNoResultsComponent = (_c = props.renderNoResults) !== null && _c !== void 0 ? _c : ResultStackRenderNoResultsComponent;
+        return (react_1.default.createElement(RenderNoResultsComponent, null));
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("section", { style: listStyle, className: props.listClassName }, props.reactivesearchResultProps.data.map((item, key) => {
+            // @todo result.type is missing in v1 indexes, this check ensures that they are assumed to be products
+            if (types_1.ElasticDocumentType.Product === item.type || !item.type) {
+                return (react_1.default.createElement(ResultCardProduct_1.ResultCardProduct, { key: item._id, product: item, document: item, pagePosition: key + 1, render: props.renderResultCardProduct }));
+            }
+            if (types_1.ElasticDocumentType.Callout === item.type) {
+                return (react_1.default.createElement(ResultCardCallout_1.ResultCardCallout, { key: item._id, document: item, pagePosition: key + 1, callout: item.callout, render: props.renderResultCardCallout }));
+            }
+            return null;
+        })),
+        react_1.default.createElement(ResultStackPaginationStackLoadMore, Object.assign({}, props, props.reactivesearchResultProps))));
+};
+/** Handles rendering pagination for types that use "pagination props" */
+const ResultStackPaginationStack = (props) => {
+    const { options } = (0, hooks_1.useReactifySearchContext)();
+    const filterStack = (0, hooks_1.useFilterStack)();
+    if (options.mode === "instant-search") {
+        return null;
+    }
+    if ("pagination" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
+        return (react_1.default.createElement(ResultPaginationNumbered_1.ResultPaginationNumbered, Object.assign({}, props, { render: props.renderPaginationNumbered })));
+    }
+    if ("next_prev" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
+        return (react_1.default.createElement(ResultPaginationNextPrev_1.ResultPaginationNextPrev, Object.assign({}, props, { render: props.renderPaginationNextPrev })));
+    }
+    return null;
+};
+/** Handles rendering pagination for types that use "result props" */
+const ResultStackPaginationStackLoadMore = (props) => {
+    const { options } = (0, hooks_1.useReactifySearchContext)();
+    const filterStack = (0, hooks_1.useFilterStack)();
+    if (options.mode === "instant-search") {
+        return null;
+    }
+    if ("load_more" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
+        return (react_1.default.createElement(ResultPaginationLoadMore_1.ResultPaginationLoadMore, Object.assign({}, props.reactivesearchResultProps, { render: props.renderPaginationLoadMore })));
+    }
+    return null;
+};
+//# sourceMappingURL=ResultStack.js.map

package/dist/src/components/Result/ResultStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultStack.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultStack.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Result/ResultStateProvider.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ReactivesearchSearchStatePage } from "../../types";
+export declare type ResultStateProvidedProps = {
+    render: (props: ReactivesearchSearchStatePage) => JSX.Element | null;
+};
+export declare const ResultStateProvider: React.FC<ResultStateProvidedProps>;