@searchspring/snap-store-mobx 0.20.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Searchspring
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,54 @@
+# Snap MobX Store
+
+<a href="https://www.npmjs.com/package/@searchspring/snap-store-mobx"><img alt="NPM Status" src="https://img.shields.io/npm/v/@searchspring/snap-store-mobx.svg?style=flat"></a>
+
+Management of Snap state using Mobx.
+
+## Dependency
+
+Snap Store MobX is a dependency of [@searchspring/snap-controller](https://github.com/searchspring/snap/tree/main/packages/snap-controller) <a href="https://www.npmjs.com/package/@searchspring/snap-controller"><img alt="NPM Status" src="https://img.shields.io/npm/v/@searchspring/snap-controller.svg?style=flat"></a>
+
+## Dependencies
+
+Snap Store MobX requires the following dependencies as services:
+
+<a href="https://www.npmjs.com/package/@searchspring/snap-url-manager"><img alt="NPM Status" src="https://img.shields.io/npm/v/@searchspring/snap-url-manager.svg?style=flat"></a> [@searchspring/snap-url-manager](https://github.com/searchspring/snap/tree/main/packages/snap-url-manager)
+
+## Installation
+
+```bash
+npm install --save @searchspring/snap-store-mobx
+```
+
+## Import
+```typescript
+import { AbstractStore, SearchStore, AutocompleteStore, FinderStore, RecommendationStore, StorageStore } from '@searchspring/snap-store-mobx';
+```
+
+## Controller usage
+
+Snap Store MobX is a dependency of Snap Controller which will handle store changes as needed. As such, it is recommended to use methods of the controller to access and update the store.
+
+
+## Standalone usage
+
+```typescript
+import { SearchStore } from '@searchspring/snap-store-mobx'
+import { UrlManager, UrlTranslator } from '@searchspring/snap-url-manager';
+
+const searchConfig = {
+	id: 'search',
+	globals: {
+		pagination: {
+			pageSize: 12
+		}
+	}
+};
+
+const store = new SearchStore(searchConfig, { urlManager: new UrlManager(new UrlTranslator()) });
+
+store.update(data);
+
+// log the store
+console.log(store.toJSON());
+```

package/dist/cjs/Abstract/AbstractStore.d.ts

@@ -0,0 +1,18 @@
+import type { StoreConfigs, ErrorType } from '../types';
+export declare abstract class AbstractStore {
+    protected controller: any;
+    custom: {};
+    loading: boolean;
+    loaded: boolean;
+    error: {
+        code?: number;
+        type: ErrorType;
+        message: string;
+    };
+    config: StoreConfigs;
+    constructor(config: StoreConfigs);
+    setConfig(newConfig: StoreConfigs): void;
+    abstract update(data: any): void;
+    toJSON(thing?: this): this;
+}
+//# sourceMappingURL=AbstractStore.d.ts.map

package/dist/cjs/Abstract/AbstractStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractStore.d.ts","sourceRoot":"","sources":["../../../src/Abstract/AbstractStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAOxD,8BAAsB,aAAa;IAClC,SAAS,CAAC,UAAU,MAAC;IACd,MAAM,KAAM;IACZ,OAAO,UAAS;IAChB,MAAM,UAAS;IACf,KAAK,EAAE;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACK,MAAM,EAAE,YAAY,CAAC;gBAEhB,MAAM,EAAE,YAAY;IAUhC,SAAS,CAAC,SAAS,EAAE,YAAY,GAAG,IAAI;IAIxC,QAAQ,CAAC,MAAM,CAAC,IAAI,KAAA,GAAG,IAAI;IAE3B,MAAM,CAAC,KAAK,OAAO;CAInB"}

package/dist/cjs/Abstract/AbstractStore.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AbstractStore = void 0;
+var mobx_1 = require("mobx");
+(0, mobx_1.configure)({
+    // useProxies: "never",  // for IE 11 (es5) support
+    enforceActions: 'never',
+});
+var AbstractStore = /** @class */ (function () {
+    function AbstractStore(config) {
+        this.custom = {};
+        this.loading = false;
+        this.loaded = false;
+        this.config = config;
+        (0, mobx_1.makeObservable)(this, {
+            custom: mobx_1.observable,
+            loading: mobx_1.observable,
+            loaded: mobx_1.observable,
+        });
+    }
+    AbstractStore.prototype.setConfig = function (newConfig) {
+        this.config = newConfig;
+    };
+    AbstractStore.prototype.toJSON = function (thing) {
+        if (thing === void 0) { thing = this; }
+        // TODO: make this work better
+        return (0, mobx_1.toJS)(thing);
+    };
+    return AbstractStore;
+}());
+exports.AbstractStore = AbstractStore;

package/dist/cjs/Autocomplete/AutocompleteStore.d.ts

@@ -0,0 +1,32 @@
+import type { AutocompleteResponseModel, MetaResponseModel } from '@searchspring/snapi-types';
+import { AbstractStore } from '../Abstract/AbstractStore';
+import { FilterStore, ResultStore, MerchandisingStore, PaginationStore, SortingStore } from '../Search/Stores';
+import { StorageStore } from '../Storage/StorageStore';
+import type { AutocompleteStoreConfig, StoreServices } from '../types';
+import { StateStore, TermStore, QueryStore, FacetStore, TrendingStore } from './Stores';
+export declare class AutocompleteStore extends AbstractStore {
+    config: AutocompleteStoreConfig;
+    services: StoreServices;
+    meta: MetaResponseModel;
+    merchandising: MerchandisingStore;
+    search: QueryStore;
+    terms: TermStore;
+    facets: FacetStore;
+    filters: FilterStore;
+    results: ResultStore;
+    pagination: PaginationStore;
+    sorting: SortingStore;
+    state: StateStore;
+    storage: StorageStore;
+    trending: TrendingStore;
+    constructor(config: AutocompleteStoreConfig, services: StoreServices);
+    reset(): void;
+    resetTrending(): void;
+    resetTerms(): void;
+    setService(name: any, service: any): void;
+    updateTrendingTerms(data: any): void;
+    update(data: AutocompleteResponseModel & {
+        meta: MetaResponseModel;
+    }): void;
+}
+//# sourceMappingURL=AutocompleteStore.d.ts.map

package/dist/cjs/Autocomplete/AutocompleteStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteStore.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/AutocompleteStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/G,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACxF,qBAAa,iBAAkB,SAAQ,aAAa;IACnD,MAAM,EAAE,uBAAuB,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,iBAAiB,CAAM;IAE7B,aAAa,EAAE,kBAAkB,CAAC;IAClC,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,aAAa,CAAC;gBAEZ,MAAM,EAAE,uBAAuB,EAAE,QAAQ,EAAE,aAAa;IA4BpE,KAAK,IAAI,IAAI;IAMb,aAAa,IAAI,IAAI;IAQrB,UAAU,IAAI,IAAI;IAQlB,UAAU,CAAC,IAAI,KAAA,EAAE,OAAO,KAAA,GAAG,IAAI;IAS/B,mBAAmB,CAAC,IAAI,KAAA,GAAG,IAAI;IAW/B,MAAM,CAAC,IAAI,EAAE,yBAAyB,GAAG;QAAE,IAAI,EAAE,iBAAiB,CAAA;KAAE,GAAG,IAAI;CA8C3E"}

package/dist/cjs/Autocomplete/AutocompleteStore.js

@@ -0,0 +1,121 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteStore = void 0;
+var mobx_1 = require("mobx");
+var AbstractStore_1 = require("../Abstract/AbstractStore");
+var Stores_1 = require("../Search/Stores");
+var StorageStore_1 = require("../Storage/StorageStore");
+var Stores_2 = require("./Stores");
+var AutocompleteStore = /** @class */ (function (_super) {
+    __extends(AutocompleteStore, _super);
+    function AutocompleteStore(config, services) {
+        var _a;
+        var _this = _super.call(this, config) || this;
+        _this.meta = {};
+        if (typeof services != 'object' || typeof ((_a = services.urlManager) === null || _a === void 0 ? void 0 : _a.subscribe) != 'function') {
+            throw new Error("Invalid service 'urlManager' passed to AutocompleteStore. Missing \"subscribe\" function.");
+        }
+        _this.services = services;
+        _this.state = new Stores_2.StateStore(services);
+        _this.storage = new StorageStore_1.StorageStore();
+        _this.trending = [];
+        _this.reset();
+        (0, mobx_1.makeObservable)(_this, {
+            state: mobx_1.observable,
+            search: mobx_1.observable,
+            terms: mobx_1.observable,
+            facets: mobx_1.observable,
+            filters: mobx_1.observable,
+            merchandising: mobx_1.observable,
+            results: mobx_1.observable,
+            pagination: mobx_1.observable,
+            sorting: mobx_1.observable,
+        });
+        return _this;
+    }
+    AutocompleteStore.prototype.reset = function () {
+        this.state.reset();
+        this.update({ meta: this.meta });
+        this.resetTrending();
+    };
+    AutocompleteStore.prototype.resetTrending = function () {
+        var _a;
+        if ((_a = this.trending) === null || _a === void 0 ? void 0 : _a.length) {
+            this.trending.forEach(function (term) {
+                term.active = false;
+            });
+        }
+    };
+    AutocompleteStore.prototype.resetTerms = function () {
+        var _a;
+        if (((_a = this.terms) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this.terms.forEach(function (term) {
+                term.active = false;
+            });
+        }
+    };
+    AutocompleteStore.prototype.setService = function (name, service) {
+        if (this.services[name] && service) {
+            this.services[name] = service;
+            if (name === 'urlManager') {
+                this.state.url = service;
+            }
+        }
+    };
+    AutocompleteStore.prototype.updateTrendingTerms = function (data) {
+        var _this = this;
+        this.trending = new Stores_2.TrendingStore(this.services, data.trending, function () {
+            _this.resetTerms();
+        }, this.state);
+    };
+    AutocompleteStore.prototype.update = function (data) {
+        var _this = this;
+        this.error = undefined;
+        this.loaded = !!data.pagination;
+        this.meta = data.meta;
+        // set the query to match the actual queried term and not the input query
+        if (data.search) {
+            this.state.url = this.services.urlManager = this.services.urlManager.set('query', data.search.query);
+        }
+        // only run if we want to update the terms (not locked)
+        if (!this.state.locks.terms.locked) {
+            this.terms = new Stores_2.TermStore(this.services, data.autocomplete, data.pagination, function () {
+                _this.resetTrending();
+            }, this.state);
+            // only lock if there was data
+            data.autocomplete && this.state.locks.terms.lock();
+        }
+        this.merchandising = new Stores_1.MerchandisingStore(this.services, data.merchandising);
+        this.search = new Stores_2.QueryStore(this.services, data.autocomplete, data.search);
+        // only run if we want to update the facets (not locked)
+        if (!this.state.locks.facets.locked) {
+            this.facets = new Stores_2.FacetStore(this.config, this.services, this.storage, data.facets, data.pagination, this.meta, this.state);
+        }
+        this.filters = new Stores_1.FilterStore(this.services, data.filters, this.meta);
+        this.results = new Stores_1.ResultStore(this.config, this.services, data.results, data.pagination, data.merchandising);
+        if ((this.results.length === 0 && !this.trending.filter(function (term) { return term.active; }).length) || this.terms.filter(function (term) { return term.active; }).length) {
+            // if a trending term was selected and then a subsequent search yields no results, reset trending terms to remove active state
+            // OR if any terms are active, also reset to ensure only a single term or trending term is active
+            this.resetTrending();
+        }
+        this.pagination = new Stores_1.PaginationStore(this.config, this.services, data.pagination);
+        this.sorting = new Stores_1.SortingStore(this.services, data.sorting, data.search, this.meta);
+    };
+    return AutocompleteStore;
+}(AbstractStore_1.AbstractStore));
+exports.AutocompleteStore = AutocompleteStore;

package/dist/cjs/Autocomplete/Stores/FacetStore.d.ts

@@ -0,0 +1,9 @@
+import type { StorageStore } from '../../Storage/StorageStore';
+import type { StateStore } from './StateStore';
+import type { AutocompleteStoreConfig, SearchStoreConfig, StoreServices } from '../../types';
+import type { SearchResponseModelFacet, SearchResponseModelPagination, MetaResponseModel } from '@searchspring/snapi-types';
+export declare class FacetStore extends Array {
+    static get [Symbol.species](): ArrayConstructor;
+    constructor(config: SearchStoreConfig | AutocompleteStoreConfig, services: StoreServices, storage: StorageStore, facetsData: SearchResponseModelFacet[], paginationData: SearchResponseModelPagination, meta: MetaResponseModel, rootState: StateStore);
+}
+//# sourceMappingURL=FacetStore.d.ts.map

package/dist/cjs/Autocomplete/Stores/FacetStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetStore.d.ts","sourceRoot":"","sources":["../../../../src/Autocomplete/Stores/FacetStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC7F,OAAO,KAAK,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE5H,qBAAa,UAAW,SAAQ,KAAK;IACpC,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAE9C;gBAGA,MAAM,EAAE,iBAAiB,GAAG,uBAAuB,EACnD,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,wBAAwB,EAAE,EACtC,cAAc,EAAE,6BAA6B,EAC7C,IAAI,EAAE,iBAAiB,EACvB,SAAS,EAAE,UAAU;CA2BtB"}

package/dist/cjs/Autocomplete/Stores/FacetStore.js

@@ -0,0 +1,69 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FacetStore = void 0;
+var Stores_1 = require("../../Search/Stores");
+var FacetStore = /** @class */ (function (_super) {
+    __extends(FacetStore, _super);
+    function FacetStore(config, services, storage, facetsData, paginationData, meta, rootState) {
+        var _this = this;
+        // allow for only a singular facet option selection at a time
+        var alteredServices = __assign(__assign({}, services), { urlManager: services.urlManager.remove('filter') });
+        var facets = new Stores_1.FacetStore(config, alteredServices, storage, facetsData, paginationData, meta);
+        // mutate facet values to add 'preview' function
+        facets.forEach(function (facet) {
+            var _a;
+            (_a = facet.values) === null || _a === void 0 ? void 0 : _a.forEach(function (value) {
+                value.preview = function () {
+                    facets.map(function (facet) {
+                        var _a;
+                        facet.filtered = false;
+                        (_a = facet.values) === null || _a === void 0 ? void 0 : _a.map(function (value) {
+                            value.filtered = false;
+                        });
+                    });
+                    facet.filtered = true;
+                    value.filtered = true;
+                    rootState.locks.facets.lock();
+                    value.url.go();
+                };
+            });
+        });
+        _this = _super.apply(this, facets) || this;
+        return _this;
+    }
+    Object.defineProperty(FacetStore, Symbol.species, {
+        get: function () {
+            return Array;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return FacetStore;
+}(Array));
+exports.FacetStore = FacetStore;

package/dist/cjs/Autocomplete/Stores/QueryStore.d.ts

@@ -0,0 +1,15 @@
+import type { UrlManager } from '@searchspring/snap-url-manager';
+import type { SearchResponseModelSearch, AutocompleteResponseModelAllOfAutocomplete } from '@searchspring/snapi-types';
+import type { StoreServices } from '../../types';
+export declare class QueryStore {
+    query: Query;
+    originalQuery: Query;
+    constructor(services: StoreServices, autocomplete: AutocompleteResponseModelAllOfAutocomplete, search: SearchResponseModelSearch);
+}
+declare class Query {
+    string: string;
+    url: UrlManager;
+    constructor(urlManager: any, query: any);
+}
+export {};
+//# sourceMappingURL=QueryStore.d.ts.map

package/dist/cjs/Autocomplete/Stores/QueryStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryStore.d.ts","sourceRoot":"","sources":["../../../../src/Autocomplete/Stores/QueryStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,0CAA0C,EAAE,MAAM,2BAA2B,CAAC;AACvH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,UAAU;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,KAAK,CAAC;gBAET,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,0CAA0C,EAAE,MAAM,EAAE,yBAAyB;CAehI;AAMD,cAAM,KAAK;IACV,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,UAAU,CAAC;gBAEJ,UAAU,KAAA,EAAE,KAAK,KAAA;CAS7B"}

package/dist/cjs/Autocomplete/Stores/QueryStore.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QueryStore = void 0;
+var mobx_1 = require("mobx");
+var QueryStore = /** @class */ (function () {
+    function QueryStore(services, autocomplete, search) {
+        var observables = {};
+        if (search === null || search === void 0 ? void 0 : search.query) {
+            this.query = new Query(services.urlManager, search.query);
+            observables.query = mobx_1.observable;
+        }
+        if (autocomplete === null || autocomplete === void 0 ? void 0 : autocomplete.correctedQuery) {
+            this.originalQuery = new Query(services.urlManager, autocomplete.query);
+            observables.originalQuery = mobx_1.observable;
+        }
+        (0, mobx_1.makeObservable)(this, observables);
+    }
+    return QueryStore;
+}());
+exports.QueryStore = QueryStore;
+var Query = /** @class */ (function () {
+    function Query(urlManager, query) {
+        this.string = query;
+        this.url = urlManager.set({ query: this.string });
+        (0, mobx_1.makeObservable)(this, {
+            string: mobx_1.observable,
+        });
+    }
+    return Query;
+}());

package/dist/cjs/Autocomplete/Stores/StateStore.d.ts

@@ -0,0 +1,23 @@
+import type { UrlManager } from '@searchspring/snap-url-manager';
+import type { StoreServices } from '../../types';
+export declare class StateStore {
+    locks: {
+        terms: Lock;
+        facets: Lock;
+    };
+    focusedInput: HTMLInputElement;
+    input: string;
+    url: UrlManager;
+    constructor(services: StoreServices);
+    reset(): void;
+}
+export declare class Lock {
+    private state;
+    private startState;
+    constructor(state?: boolean);
+    reset(): void;
+    get locked(): boolean;
+    lock(): void;
+    unlock(): void;
+}
+//# sourceMappingURL=StateStore.d.ts.map

package/dist/cjs/Autocomplete/Stores/StateStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateStore.d.ts","sourceRoot":"","sources":["../../../../src/Autocomplete/Stores/StateStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,UAAU;IACtB,KAAK,EAAE;QACN,KAAK,EAAE,IAAI,CAAC;QACZ,MAAM,EAAE,IAAI,CAAC;KACb,CAAC;IACF,YAAY,EAAE,gBAAgB,CAAa;IAC3C,KAAK,SAAM;IACX,GAAG,EAAE,UAAU,CAAC;gBAEJ,QAAQ,EAAE,aAAa;IAgBnC,KAAK,IAAI,IAAI;CAKb;AAED,qBAAa,IAAI;IAChB,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,UAAU,CAAU;gBAEhB,KAAK,UAAQ;IAIzB,KAAK,IAAI,IAAI;IAIb,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,IAAI,IAAI;IAIZ,MAAM,IAAI,IAAI;CAGd"}

package/dist/cjs/Autocomplete/Stores/StateStore.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Lock = exports.StateStore = void 0;
+var mobx_1 = require("mobx");
+var StateStore = /** @class */ (function () {
+    function StateStore(services) {
+        this.focusedInput = undefined;
+        this.input = '';
+        this.locks = {
+            terms: new Lock(false),
+            facets: new Lock(false),
+        };
+        this.url = services.urlManager;
+        (0, mobx_1.makeObservable)(this, {
+            focusedInput: mobx_1.observable,
+            locks: mobx_1.observable,
+            input: mobx_1.observable,
+            reset: mobx_1.action,
+        });
+    }
+    StateStore.prototype.reset = function () {
+        this.input = '';
+        this.locks.terms.reset();
+        this.locks.facets.reset();
+    };
+    return StateStore;
+}());
+exports.StateStore = StateStore;
+var Lock = /** @class */ (function () {
+    function Lock(state) {
+        if (state === void 0) { state = false; }
+        this.state = this.startState = state;
+    }
+    Lock.prototype.reset = function () {
+        this.state = this.startState;
+    };
+    Object.defineProperty(Lock.prototype, "locked", {
+        get: function () {
+            return this.state;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Lock.prototype.lock = function () {
+        this.state = true;
+    };
+    Lock.prototype.unlock = function () {
+        this.state = false;
+    };
+    return Lock;
+}());
+exports.Lock = Lock;

package/dist/cjs/Autocomplete/Stores/TermStore.d.ts

@@ -0,0 +1,19 @@
+import type { UrlManager } from '@searchspring/snap-url-manager';
+import type { StateStore } from './StateStore';
+import type { StoreServices } from '../../types';
+import type { AutocompleteResponseModelAllOfAutocomplete, SearchResponseModelPagination } from '@searchspring/snapi-types';
+export declare class TermStore extends Array {
+    static get [Symbol.species](): ArrayConstructor;
+    constructor(services: StoreServices, autocomplete: AutocompleteResponseModelAllOfAutocomplete, paginationData: SearchResponseModelPagination, resetTerms: () => void, rootState: StateStore);
+}
+export declare class Term {
+    active: boolean;
+    value: string;
+    preview: () => void;
+    url: UrlManager;
+    constructor(services: StoreServices, term: {
+        active: boolean;
+        value: string;
+    }, terms: Term[], resetTerms: () => void, rootState: StateStore);
+}
+//# sourceMappingURL=TermStore.d.ts.map

package/dist/cjs/Autocomplete/Stores/TermStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TermStore.d.ts","sourceRoot":"","sources":["../../../../src/Autocomplete/Stores/TermStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,0CAA0C,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE3H,qBAAa,SAAU,SAAQ,KAAK;IACnC,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAE9C;gBAGA,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,0CAA0C,EACxD,cAAc,EAAE,6BAA6B,EAC7C,UAAU,EAAE,MAAM,IAAI,EACtB,SAAS,EAAE,UAAU;CA6BtB;AAED,qBAAa,IAAI;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,EAAE,UAAU,CAAC;gBAEJ,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,IAAI,EAAE,SAAS,EAAE,UAAU;CAwB3I"}

package/dist/cjs/Autocomplete/Stores/TermStore.js

@@ -0,0 +1,86 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Term = exports.TermStore = void 0;
+var mobx_1 = require("mobx");
+var TermStore = /** @class */ (function (_super) {
+    __extends(TermStore, _super);
+    function TermStore(services, autocomplete, paginationData, resetTerms, rootState) {
+        var _a;
+        var _this = this;
+        var suggestions = __spreadArray([], ((autocomplete === null || autocomplete === void 0 ? void 0 : autocomplete.alternatives) ? autocomplete.alternatives : []).map(function (term) { return term.text; }), true);
+        if ((_a = autocomplete === null || autocomplete === void 0 ? void 0 : autocomplete.suggested) === null || _a === void 0 ? void 0 : _a.text) {
+            suggestions.unshift(autocomplete.suggested.text);
+        }
+        else if ((autocomplete === null || autocomplete === void 0 ? void 0 : autocomplete.query) && paginationData.totalResults) {
+            suggestions.unshift(autocomplete === null || autocomplete === void 0 ? void 0 : autocomplete.query);
+        }
+        var terms = [];
+        suggestions.map(function (term, index) {
+            return terms.push(new Term(services, {
+                active: index === 0,
+                value: term,
+            }, terms, resetTerms, rootState));
+        });
+        _this = _super.apply(this, terms) || this;
+        return _this;
+    }
+    Object.defineProperty(TermStore, Symbol.species, {
+        get: function () {
+            return Array;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return TermStore;
+}(Array));
+exports.TermStore = TermStore;
+var Term = /** @class */ (function () {
+    function Term(services, term, terms, resetTerms, rootState) {
+        var _this = this;
+        var _a;
+        this.active = term.active;
+        this.value = term.value;
+        this.url = (_a = services === null || services === void 0 ? void 0 : services.urlManager) === null || _a === void 0 ? void 0 : _a.set({ query: this.value });
+        this.preview = function () {
+            var _a;
+            resetTerms();
+            terms.map(function (term) {
+                term.active = false;
+            });
+            _this.active = true;
+            rootState.locks.terms.lock();
+            rootState.locks.facets.unlock();
+            (_a = _this.url) === null || _a === void 0 ? void 0 : _a.set({ query: _this.value }).go();
+        };
+        (0, mobx_1.makeObservable)(this, {
+            active: mobx_1.observable,
+            value: mobx_1.observable,
+        });
+    }
+    return Term;
+}());
+exports.Term = Term;

package/dist/cjs/Autocomplete/Stores/TrendingStore.d.ts

@@ -0,0 +1,7 @@
+import type { StoreServices } from '../../types';
+import type { StateStore } from './StateStore';
+export declare class TrendingStore extends Array {
+    static get [Symbol.species](): ArrayConstructor;
+    constructor(services: StoreServices, trendingData: any, resetTerms: () => void, rootState: StateStore);
+}
+//# sourceMappingURL=TrendingStore.d.ts.map

package/dist/cjs/Autocomplete/Stores/TrendingStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendingStore.d.ts","sourceRoot":"","sources":["../../../../src/Autocomplete/Stores/TrendingStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,qBAAa,aAAc,SAAQ,KAAK;IACvC,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAE9C;gBAEW,QAAQ,EAAE,aAAa,EAAE,YAAY,KAAA,EAAE,UAAU,EAAE,MAAM,IAAI,EAAE,SAAS,EAAE,UAAU;CAoBhG"}