@wix/bex-core 1.402.0

package/dist/cjs/state/QueryHistoryState.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.QueryHistoryState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _services = require("../services");
+function parseSortString(sortFromUrl) {
+  return sortFromUrl.split(',').map(sortExpression => {
+    const [field = '', direction = ''] = sortExpression.split(' ');
+    return {
+      field: decodeURIComponent(field),
+      direction: direction === 'desc' ? 'desc' : 'asc'
+    };
+  });
+}
+class QueryHistoryState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "query", void 0);
+    (0, _defineProperty2.default)(this, "history", void 0);
+    (0, _defineProperty2.default)(this, "sortSearchParamName", 'sort');
+    this.query = params.query;
+    this.history = params.history;
+    (0, _mobx.makeObservable)(this, {
+      init: _mobx.action,
+      persistAll: _mobx.action,
+      _preInitHistoryPersistence: _mobx.action
+    });
+    this._preInitHistoryPersistence();
+  }
+  _preInitHistoryPersistence() {
+    const {
+      query,
+      history
+    } = this;
+    const searchParams = new URLSearchParams(history.location.search);
+    Object.values(query.filtersEntries).forEach(([key, filter]) => {
+      const valueFromUrl = searchParams.get(key);
+      if (valueFromUrl != null) {
+        query._initializedFromHistory = true;
+        filter.applyFromQueryString(valueFromUrl);
+      }
+    });
+    const sortFromUrl = searchParams.get(this.sortSearchParamName);
+    if (sortFromUrl) {
+      query._initializedFromHistory = true;
+      query.sort.setSortQuery(parseSortString(sortFromUrl), {
+        emitChangeEvent: true
+      });
+    }
+  }
+  init() {
+    const {
+      history,
+      query
+    } = this;
+    const searchParams = new URLSearchParams(history.location.search);
+    const disposers = [...Object.values(query.filtersEntries).map(([key, filter]) => {
+      const valueFromUrl = searchParams.get(key);
+      if (valueFromUrl != null) {
+        filter.applyFromQueryString(valueFromUrl);
+      }
+      return (0, _mobx.reaction)(() => filter.value, () => {
+        this.persistAll();
+      }, {
+        delay: 250
+      });
+    }), (0, _mobx.reaction)(() => query.sort.value.map(({
+      field,
+      direction
+    }) => ({
+      field,
+      direction
+    })), () => {
+      this.persistAll();
+    }, {
+      delay: 250
+    })];
+    this.persistAll();
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+  _setFilterValueToSearchParams(searchParams, key, filter) {
+    if (!filter.isEmpty) {
+      searchParams.set(key, filter.toQueryString);
+    } else {
+      searchParams.delete(key);
+    }
+  }
+  persistAll() {
+    const {
+      history,
+      sortSearchParamName,
+      query: {
+        filtersEntries,
+        sort
+      }
+    } = this;
+    (0, _services.replaceSearchParamsWith)(history, searchParams => {
+      for (const [key, filter] of filtersEntries) {
+        this._setFilterValueToSearchParams(searchParams, key, filter);
+      }
+      if (sort.value.length) {
+        searchParams.set(sortSearchParamName, sort.value.map(({
+          field,
+          direction
+        }) => `${encodeURIComponent(field)} ${direction}`).join(','));
+      } else {
+        searchParams.delete(sortSearchParamName);
+      }
+    });
+  }
+}
+exports.QueryHistoryState = QueryHistoryState;
+//# sourceMappingURL=QueryHistoryState.js.map

package/dist/cjs/state/QueryHistoryState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_services","parseSortString","sortFromUrl","split","map","sortExpression","field","direction","decodeURIComponent","QueryHistoryState","constructor","params","_defineProperty2","default","query","history","makeObservable","init","action","persistAll","_preInitHistoryPersistence","searchParams","URLSearchParams","location","search","Object","values","filtersEntries","forEach","key","filter","valueFromUrl","get","_initializedFromHistory","applyFromQueryString","sortSearchParamName","sort","setSortQuery","emitChangeEvent","disposers","reaction","value","delay","d","_setFilterValueToSearchParams","isEmpty","set","toQueryString","delete","replaceSearchParamsWith","length","encodeURIComponent","join","exports"],"sources":["../../../src/state/QueryHistoryState.ts"],"sourcesContent":["import { action, makeObservable, reaction } from 'mobx';\nimport { Filter, FiltersMap } from '../model';\nimport { QueryState } from './QueryState';\nimport { replaceSearchParamsWith, History } from '../services';\n\nfunction parseSortString(sortFromUrl: string) {\n  return sortFromUrl.split(',').map((sortExpression) => {\n    const [field = '', direction = ''] = sortExpression.split(' ');\n\n    return {\n      field: decodeURIComponent(field),\n      direction: direction === 'desc' ? ('desc' as const) : ('asc' as const),\n    };\n  });\n}\n\nexport interface QueryHistoryStateParams<F extends FiltersMap> {\n  readonly query: QueryState<F>;\n  readonly history: History;\n}\n\nexport class QueryHistoryState<F extends FiltersMap> {\n  readonly query;\n  readonly history;\n\n  sortSearchParamName = 'sort';\n\n  constructor(params: QueryHistoryStateParams<F>) {\n    this.query = params.query;\n    this.history = params.history;\n\n    makeObservable(this, {\n      init: action,\n      persistAll: action,\n      _preInitHistoryPersistence: action,\n    });\n\n    this._preInitHistoryPersistence();\n  }\n\n  _preInitHistoryPersistence() {\n    const { query, history } = this;\n\n    const searchParams = new URLSearchParams(history.location.search);\n\n    Object.values(query.filtersEntries).forEach(([key, filter]) => {\n      const valueFromUrl = searchParams.get(key);\n      if (valueFromUrl != null) {\n        query._initializedFromHistory = true;\n        filter.applyFromQueryString(valueFromUrl);\n      }\n    });\n\n    const sortFromUrl = searchParams.get(this.sortSearchParamName);\n\n    if (sortFromUrl) {\n      query._initializedFromHistory = true;\n      query.sort.setSortQuery(parseSortString(sortFromUrl), {\n        emitChangeEvent: true,\n      });\n    }\n  }\n\n  init() {\n    const { history, query } = this;\n\n    const searchParams = new URLSearchParams(history.location.search);\n\n    const disposers = [\n      ...Object.values(query.filtersEntries).map(([key, filter]) => {\n        const valueFromUrl = searchParams.get(key);\n        if (valueFromUrl != null) {\n          filter.applyFromQueryString(valueFromUrl);\n        }\n        return reaction(\n          () => filter.value,\n          () => {\n            this.persistAll();\n          },\n          {\n            delay: 250,\n          },\n        );\n      }),\n      reaction(\n        () =>\n          query.sort.value.map(({ field, direction }) => ({\n            field,\n            direction,\n          })),\n        () => {\n          this.persistAll();\n        },\n        {\n          delay: 250,\n        },\n      ),\n    ];\n\n    this.persistAll();\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n\n  _setFilterValueToSearchParams(\n    searchParams: URLSearchParams,\n    key: string,\n    filter: Filter<unknown>,\n  ) {\n    if (!filter.isEmpty) {\n      searchParams.set(key, filter.toQueryString);\n    } else {\n      searchParams.delete(key);\n    }\n  }\n\n  persistAll() {\n    const {\n      history,\n      sortSearchParamName,\n      query: { filtersEntries, sort },\n    } = this;\n\n    replaceSearchParamsWith(history, (searchParams) => {\n      for (const [key, filter] of filtersEntries) {\n        this._setFilterValueToSearchParams(searchParams, key, filter);\n      }\n\n      if (sort.value.length) {\n        searchParams.set(\n          sortSearchParamName,\n          sort.value\n            .map(\n              ({ field, direction }) =>\n                `${encodeURIComponent(field)} ${direction}`,\n            )\n            .join(','),\n        );\n      } else {\n        searchParams.delete(sortSearchParamName);\n      }\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/QueryPendingState.js

@@ -0,0 +1,152 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.QueryPendingState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _ConditionalModalState = require("./ConditionalModalState");
+var _QueryPendingStateBIReporter = require("./QueryPendingStateBIReporter");
+function createPendingFilter(origin) {
+  return {
+    origin,
+    pending: origin.clone()
+  };
+}
+class QueryPendingState {
+  get multi() {
+    return this.toolbar.multi;
+  }
+  get toolbarFiltersState() {
+    return this.toolbar.toolbarFiltersState;
+  }
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "filters", void 0);
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "_applyFiltersExperimentEnabled", void 0);
+    (0, _defineProperty2.default)(this, "discardChangesModal", new _ConditionalModalState.ConditionalModalState());
+    (0, _defineProperty2.default)(this, "bi", void 0);
+    (0, _defineProperty2.default)(this, "shouldTrackFilter", () => {
+      var _this$toolbarFiltersS;
+      const panelFilters = (_this$toolbarFiltersS = this.toolbarFiltersState) == null ? void 0 : _this$toolbarFiltersS.panelFilters;
+      return ({
+        origin
+      }) => origin != null && (panelFilters == null ? void 0 : panelFilters.includes(origin));
+    });
+    this.container = params.container;
+    this.toolbar = params.toolbar;
+    this._applyFiltersExperimentEnabled = params.applyFiltersExperimentEnabled;
+    const allFilters = this.multi.collections.reduce((filters, {
+      query
+    }) => {
+      const {
+        search,
+        ...queryFilters
+      } = query.filters;
+      return {
+        ...filters,
+        ...queryFilters
+      };
+    }, {});
+    this.filters = Object.values(allFilters).filter(filter => filter != null).map(createPendingFilter);
+    this.bi = new _QueryPendingStateBIReporter.QueryPendingStateBIReporter(this);
+    (0, _mobx.makeObservable)(this, {
+      apply: _mobx.action,
+      revert: _mobx.action,
+      clearSelected: _mobx.action,
+      getApplicableFilterByExperiment: _mobx.action,
+      hasChanged: _mobx.computed,
+      trackedFilters: _mobx.computed,
+      trackedFiltersCount: _mobx.computed
+    });
+  }
+  get trackedFilters() {
+    return this.filters.filter(this.shouldTrackFilter());
+  }
+  get trackedFiltersCount() {
+    return this.trackedFilters.reduce((size, {
+      pending
+    }) => size + pending.size, 0);
+  }
+  get applyFiltersExperimentEnabled() {
+    return this._applyFiltersExperimentEnabled(this.container);
+  }
+  async onCloseFiltersPanelClick() {
+    if (!this.applyFiltersExperimentEnabled || !this.hasChanged) {
+      return;
+    }
+    this.discardChangesModal.open(null);
+    const {
+      result
+    } = await this.discardChangesModal.modal.promise();
+    if (result === 'confirmed') {
+      this.bi.discard();
+      this.revert();
+    } else if (result === 'declined') {
+      this.apply();
+    }
+    return result;
+  }
+  getApplicableFilterByExperiment(filter) {
+    if (this.applyFiltersExperimentEnabled) {
+      var _this$trackedFilters$;
+      return ((_this$trackedFilters$ = this.trackedFilters.find(({
+        origin
+      }) => origin === filter)) == null ? void 0 : _this$trackedFilters$.pending) ?? filter;
+    }
+    return filter;
+  }
+  revert() {
+    this.trackedFilters.forEach(({
+      pending,
+      origin
+    }) => {
+      pending.setValue(origin.value);
+    });
+  }
+  apply() {
+    this.bi.apply();
+    this.trackedFilters.forEach(({
+      pending,
+      origin
+    }) => {
+      origin.setValue(pending.value);
+    });
+    this.multi.collections.forEach(collection => {
+      collection.clearResultAndMoveToStart();
+    });
+  }
+  get hasChanged() {
+    return this.trackedFilters.some(({
+      pending,
+      origin
+    }) => pending.hasDiff(origin.value));
+  }
+  async clearSelected() {
+    this.bi.clear();
+    this.trackedFilters.forEach(({
+      pending
+    }) => {
+      pending.reset();
+    });
+  }
+  init() {
+    if (!this.applyFiltersExperimentEnabled) {
+      return;
+    }
+    const disposers = [this.bi.init(), ...this.filters.map(({
+      pending,
+      origin
+    }) => (0, _mobx.reaction)(() => origin.value, value => {
+      pending.setValue(value);
+    }, {
+      fireImmediately: true
+    }))];
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+}
+exports.QueryPendingState = QueryPendingState;
+//# sourceMappingURL=QueryPendingState.js.map

package/dist/cjs/state/QueryPendingState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_ConditionalModalState","_QueryPendingStateBIReporter","createPendingFilter","origin","pending","clone","QueryPendingState","multi","toolbar","toolbarFiltersState","constructor","params","_defineProperty2","default","ConditionalModalState","_this$toolbarFiltersS","panelFilters","includes","container","_applyFiltersExperimentEnabled","applyFiltersExperimentEnabled","allFilters","collections","reduce","filters","query","search","queryFilters","Object","values","filter","map","bi","QueryPendingStateBIReporter","makeObservable","apply","action","revert","clearSelected","getApplicableFilterByExperiment","hasChanged","computed","trackedFilters","trackedFiltersCount","shouldTrackFilter","size","onCloseFiltersPanelClick","discardChangesModal","open","result","modal","promise","discard","_this$trackedFilters$","find","forEach","setValue","value","collection","clearResultAndMoveToStart","some","hasDiff","clear","reset","init","disposers","reaction","fireImmediately","d","exports"],"sources":["../../../src/state/QueryPendingState.ts"],"sourcesContent":["import { Filter, FiltersMap } from '../model';\nimport { action, computed, makeObservable, reaction } from 'mobx';\nimport { Experiments, ReportBI } from '../services';\nimport { MultiCollectionSupport } from './MultiCollectionSupport';\nimport { ConditionalModalState } from './ConditionalModalState';\nimport { QueryPendingStateBIReporter } from './QueryPendingStateBIReporter';\n\ninterface ToolbarFiltersState {\n  readonly panelFilters: (Filter<any> | null | undefined)[];\n}\n\nexport interface QueryPendingStateParams {\n  container: {\n    experiments: Experiments;\n  };\n  toolbar: {\n    multi: MultiCollectionSupport<{}>;\n    toolbarFiltersState?: ToolbarFiltersState | null;\n    reportBi: ReportBI;\n  };\n  applyFiltersExperimentEnabled: (params: {\n    experiments: Experiments;\n  }) => boolean;\n}\n\nfunction createPendingFilter<T>(origin: Filter<T>) {\n  return {\n    origin,\n    pending: origin.clone(),\n  };\n}\n\nexport class QueryPendingState {\n  readonly filters;\n  readonly container;\n  readonly toolbar;\n  readonly _applyFiltersExperimentEnabled;\n  readonly discardChangesModal = new ConditionalModalState<null>();\n  readonly bi;\n\n  get multi() {\n    return this.toolbar.multi;\n  }\n\n  get toolbarFiltersState() {\n    return this.toolbar.toolbarFiltersState;\n  }\n\n  constructor(params: QueryPendingStateParams) {\n    this.container = params.container;\n    this.toolbar = params.toolbar;\n    this._applyFiltersExperimentEnabled = params.applyFiltersExperimentEnabled;\n\n    const allFilters = this.multi.collections.reduce((filters, { query }) => {\n      const { search, ...queryFilters } = query.filters;\n      return { ...filters, ...queryFilters };\n    }, {} as FiltersMap);\n\n    this.filters = Object.values(allFilters)\n      .filter((filter): filter is Filter<any> => filter != null)\n      .map(createPendingFilter);\n\n    this.bi = new QueryPendingStateBIReporter(this);\n\n    makeObservable(this, {\n      apply: action,\n      revert: action,\n      clearSelected: action,\n      getApplicableFilterByExperiment: action,\n      hasChanged: computed,\n      trackedFilters: computed,\n      trackedFiltersCount: computed,\n    });\n  }\n\n  get trackedFilters() {\n    return this.filters.filter(this.shouldTrackFilter());\n  }\n\n  get trackedFiltersCount() {\n    return this.trackedFilters.reduce(\n      (size, { pending }) => size + pending.size,\n      0,\n    );\n  }\n\n  shouldTrackFilter = () => {\n    const panelFilters = this.toolbarFiltersState?.panelFilters;\n\n    return ({ origin }: { origin: Filter<any> }) =>\n      origin != null && panelFilters?.includes(origin);\n  };\n\n  get applyFiltersExperimentEnabled() {\n    return this._applyFiltersExperimentEnabled(this.container);\n  }\n\n  async onCloseFiltersPanelClick() {\n    if (!this.applyFiltersExperimentEnabled || !this.hasChanged) {\n      return;\n    }\n\n    this.discardChangesModal.open(null);\n    const { result } = await this.discardChangesModal.modal.promise();\n    if (result === 'confirmed') {\n      this.bi.discard();\n      this.revert();\n    } else if (result === 'declined') {\n      this.apply();\n    }\n\n    return result;\n  }\n\n  getApplicableFilterByExperiment<A>(filter: A) {\n    if (this.applyFiltersExperimentEnabled) {\n      return (\n        this.trackedFilters.find(({ origin }) => origin === (filter as unknown))\n          ?.pending ?? filter\n      );\n    }\n\n    return filter;\n  }\n\n  revert() {\n    this.trackedFilters.forEach(({ pending, origin }) => {\n      pending.setValue(origin.value);\n    });\n  }\n\n  apply() {\n    this.bi.apply();\n    this.trackedFilters.forEach(({ pending, origin }) => {\n      origin.setValue(pending.value);\n    });\n    this.multi.collections.forEach((collection) => {\n      collection.clearResultAndMoveToStart();\n    });\n  }\n\n  get hasChanged() {\n    return this.trackedFilters.some(({ pending, origin }) =>\n      pending.hasDiff(origin.value),\n    );\n  }\n\n  async clearSelected() {\n    this.bi.clear();\n    this.trackedFilters.forEach(({ pending }) => {\n      pending.reset();\n    });\n  }\n\n  init() {\n    if (!this.applyFiltersExperimentEnabled) {\n      return;\n    }\n\n    const disposers = [\n      this.bi.init(),\n      ...this.filters.map(({ pending, origin }) =>\n        reaction(\n          () => origin.value,\n          (value) => {\n            pending.setValue(value);\n          },\n          {\n            fireImmediately: true,\n          },\n        ),\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/QueryPendingStateBIReporter.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.QueryPendingStateBIReporter = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _v = require("@wix/bex-utils/@wix/bi-logger-cairo-os/v2");
+var _util = require("../util");
+var _mobx = require("mobx");
+class QueryPendingStateBIReporter {
+  constructor(state) {
+    (0, _defineProperty2.default)(this, "state", void 0);
+    (0, _defineProperty2.default)(this, "isClearing", false);
+    this.state = state;
+  }
+  init() {
+    const disposers = [];
+    this.state.trackedFilters.forEach(trackedFilter => {
+      disposers.push((0, _mobx.reaction)(() => trackedFilter.pending.value, () => {
+        if (this.isClearing || trackedFilter.pending.value === trackedFilter.origin.value) {
+          return;
+        }
+        this._reportWithDefaultParams((0, _util.withoutDefaults)(_v.cairoChangesBeforeApply)({
+          fieldName: trackedFilter.pending.name,
+          fieldValue: this._getFilterBIValue(trackedFilter.pending) ?? undefined
+        }));
+      }));
+    });
+    return () => {
+      disposers.forEach(disposer => disposer());
+    };
+  }
+  get reportBi() {
+    return this.state.toolbar.reportBi;
+  }
+  _reportWithDefaultParams(reportProps) {
+    this.reportBi({
+      ...reportProps,
+      params: {
+        ...reportProps.params,
+        feature: 'Filters'
+      }
+    });
+  }
+  _getFilterBIValue(filter) {
+    return filter.value != null ? filter.isEmpty ? null : filter.toArray.map(filter.itemKey).toString() : null;
+  }
+  get currentStatus() {
+    return this.state.filters.reduce((prev, cur) => {
+      return [...prev, {
+        fieldName: cur.pending.name,
+        fieldValue: this._getFilterBIValue(cur.pending)
+      }];
+    }, []);
+  }
+  apply() {
+    const currentStatus = this.currentStatus;
+    this._reportWithDefaultParams((0, _util.withoutDefaults)(_v.cairoApplyButtonClicked)({
+      currentStatus: JSON.stringify(currentStatus),
+      filteredListSize: this.state.multi.collections.reduce((prev, cur) => prev + cur.result.total, 0),
+      listSize: this.state.multi.collections.reduce((prev, cur) => prev + (cur.result.available ?? 0), 0) || undefined,
+      numActiveFields: currentStatus.filter(el => el.fieldValue !== null).length,
+      numOptionalFields: currentStatus.length
+    }));
+  }
+  async clear() {
+    this.isClearing = true;
+    this._reportWithDefaultParams((0, _util.withoutDefaults)(_v.cairoChangesBeforeApply)({
+      isClearButton: true,
+      numActiveFields: this.currentStatus.filter(el => el.fieldValue !== null).length
+    }));
+    // Wait for the next tick in order not to send `cairoChangesBeforeApply` if value changed because of clear action
+    await new Promise(resolve => setTimeout(resolve, 0));
+    this.isClearing = false;
+  }
+  discard() {
+    const currentStatus = this.currentStatus;
+    this._reportWithDefaultParams((0, _util.withoutDefaults)(_v.cairoDiscardChangesBeforeApply)({
+      currentStatus: JSON.stringify(currentStatus),
+      numActiveFields: currentStatus.filter(el => el.fieldValue !== null).length,
+      numOptionalFields: currentStatus.length
+    }));
+  }
+}
+exports.QueryPendingStateBIReporter = QueryPendingStateBIReporter;
+//# sourceMappingURL=QueryPendingStateBIReporter.js.map

package/dist/cjs/state/QueryPendingStateBIReporter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_v","require","_util","_mobx","QueryPendingStateBIReporter","constructor","state","_defineProperty2","default","init","disposers","trackedFilters","forEach","trackedFilter","push","reaction","pending","value","isClearing","origin","_reportWithDefaultParams","withoutDefaults","cairoChangesBeforeApply","fieldName","name","fieldValue","_getFilterBIValue","undefined","disposer","reportBi","toolbar","reportProps","params","feature","filter","isEmpty","toArray","map","itemKey","toString","currentStatus","filters","reduce","prev","cur","apply","cairoApplyButtonClicked","JSON","stringify","filteredListSize","multi","collections","result","total","listSize","available","numActiveFields","el","length","numOptionalFields","clear","isClearButton","Promise","resolve","setTimeout","discard","cairoDiscardChangesBeforeApply","exports"],"sources":["../../../src/state/QueryPendingStateBIReporter.ts"],"sourcesContent":["import { ReportProps } from '@wix/fe-essentials/bi';\nimport {\n  cairoApplyButtonClicked,\n  cairoChangesBeforeApply,\n  cairoDiscardChangesBeforeApply,\n} from '@wix/bex-utils/@wix/bi-logger-cairo-os/v2';\nimport { withoutDefaults } from '../util';\nimport { QueryPendingState } from './QueryPendingState';\nimport { reaction } from 'mobx';\nimport { Filter } from '../model';\n\nexport class QueryPendingStateBIReporter {\n  readonly state;\n\n  isClearing: boolean = false;\n\n  constructor(state: QueryPendingState) {\n    this.state = state;\n  }\n\n  init() {\n    const disposers: (() => void)[] = [];\n    this.state.trackedFilters.forEach((trackedFilter) => {\n      disposers.push(\n        reaction(\n          () => trackedFilter.pending.value,\n          () => {\n            if (\n              this.isClearing ||\n              trackedFilter.pending.value === trackedFilter.origin.value\n            ) {\n              return;\n            }\n\n            this._reportWithDefaultParams(\n              withoutDefaults(cairoChangesBeforeApply)({\n                fieldName: trackedFilter.pending.name,\n                fieldValue:\n                  this._getFilterBIValue(trackedFilter.pending) ?? undefined,\n              }),\n            );\n          },\n        ),\n      );\n    });\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }\n\n  get reportBi() {\n    return this.state.toolbar.reportBi;\n  }\n\n  _reportWithDefaultParams(reportProps: ReportProps) {\n    this.reportBi({\n      ...reportProps,\n      params: {\n        ...reportProps.params,\n        feature: 'Filters',\n      },\n    });\n  }\n\n  _getFilterBIValue(filter: Filter<any>) {\n    return filter.value != null\n      ? filter.isEmpty\n        ? null\n        : filter.toArray.map(filter.itemKey).toString()\n      : null;\n  }\n\n  get currentStatus() {\n    return this.state.filters.reduce((prev, cur) => {\n      return [\n        ...prev,\n        {\n          fieldName: cur.pending.name,\n          fieldValue: this._getFilterBIValue(cur.pending),\n        },\n      ];\n    }, [] as { fieldName: string; fieldValue: string | null }[]);\n  }\n\n  apply() {\n    const currentStatus = this.currentStatus;\n    this._reportWithDefaultParams(\n      withoutDefaults(cairoApplyButtonClicked)({\n        currentStatus: JSON.stringify(currentStatus),\n        filteredListSize: this.state.multi.collections.reduce(\n          (prev, cur) => prev + cur.result.total,\n          0,\n        ),\n        listSize:\n          this.state.multi.collections.reduce(\n            (prev, cur) => prev + (cur.result.available ?? 0),\n            0,\n          ) || undefined,\n        numActiveFields: currentStatus.filter((el) => el.fieldValue !== null)\n          .length,\n        numOptionalFields: currentStatus.length,\n      }),\n    );\n  }\n\n  async clear() {\n    this.isClearing = true;\n    this._reportWithDefaultParams(\n      withoutDefaults(cairoChangesBeforeApply)({\n        isClearButton: true,\n        numActiveFields: this.currentStatus.filter(\n          (el) => el.fieldValue !== null,\n        ).length,\n      }),\n    );\n    // Wait for the next tick in order not to send `cairoChangesBeforeApply` if value changed because of clear action\n    await new Promise((resolve) => setTimeout(resolve, 0));\n    this.isClearing = false;\n  }\n\n  discard() {\n    const currentStatus = this.currentStatus;\n    this._reportWithDefaultParams(\n      withoutDefaults(cairoDiscardChangesBeforeApply)({\n        currentStatus: JSON.stringify(currentStatus),\n        numActiveFields: currentStatus.filter((el) => el.fieldValue !== null)\n          .length,\n        numOptionalFields: currentStatus.length,\n      }),\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/QueryResultSimulation.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=QueryResultSimulation.js.map

package/dist/cjs/state/QueryResultSimulation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/state/QueryResultSimulation.ts"],"sourcesContent":["import { ComputedQuery, FiltersMap } from '../model';\nimport { IterateeShorthand } from 'lodash';\n\ntype Iterator<T> = (value: T, index: number) => unknown;\n\nexport interface Order<T> {\n  fieldName: Iterator<T> | IterateeShorthand<T>;\n  order: 'asc' | 'desc';\n}\n\nexport interface QueryResultSimulation<T, F extends FiltersMap> {\n  readonly predicate: (computedQuery: ComputedQuery<F>) => (item: T) => boolean;\n  readonly orderBy: (computedQuery: ComputedQuery<F>) => Order<T>[];\n}\n"],"mappings":""}

package/dist/cjs/state/QueryResultSimulationDefault.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.QueryResultSimulationDefault = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function getKey(item, maybeKeyOfT) {
+  return item[maybeKeyOfT];
+}
+class QueryResultSimulationDefault {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "collection", void 0);
+    (0, _defineProperty2.default)(this, "orderBy", computedQuery => {
+      const {
+        sort
+      } = computedQuery;
+      return [...(sort ?? [])];
+    });
+    (0, _defineProperty2.default)(this, "predicate", computedQuery => {
+      const {
+        collection
+      } = this;
+      const {
+        query,
+        itemName
+      } = collection;
+      const {
+        search,
+        filters
+      } = computedQuery;
+      return item => {
+        for (const [filterName, value] of Object.entries(filters)) {
+          const filter = query.filters[filterName];
+          if (filter == null) {
+            return false;
+          }
+          const fieldValue = getKey(item, filterName);
+          if (value != null && fieldValue != null && !filter.matches(fieldValue, value)) {
+            return false;
+          }
+        }
+        if (search && !itemName(item).toLowerCase().includes(search)) {
+          return false;
+        }
+        return true;
+      };
+    });
+    this.collection = params.collection;
+  }
+}
+exports.QueryResultSimulationDefault = QueryResultSimulationDefault;
+//# sourceMappingURL=QueryResultSimulationDefault.js.map

package/dist/cjs/state/QueryResultSimulationDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getKey","item","maybeKeyOfT","QueryResultSimulationDefault","constructor","params","_defineProperty2","default","computedQuery","sort","collection","query","itemName","search","filters","filterName","value","Object","entries","filter","fieldValue","matches","toLowerCase","includes","exports"],"sources":["../../../src/state/QueryResultSimulationDefault.ts"],"sourcesContent":["import { ComputedQuery, FiltersMap } from '../model';\nimport { CollectionState } from './CollectionState';\nimport { Order, QueryResultSimulation } from './QueryResultSimulation';\n\nfunction getKey<T>(\n  item: T,\n  maybeKeyOfT: string | keyof T,\n): T[keyof T] | undefined | null {\n  return item[maybeKeyOfT as keyof T];\n}\n\nexport interface QueryResultSimulationDefaultParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n}\nexport class QueryResultSimulationDefault<T, F extends FiltersMap>\n  implements QueryResultSimulation<T, F>\n{\n  readonly collection: CollectionState<T, F>;\n\n  constructor(params: QueryResultSimulationDefaultParams<T, F>) {\n    this.collection = params.collection;\n  }\n\n  orderBy = (computedQuery: ComputedQuery<F>): Order<T>[] => {\n    const { sort } = computedQuery;\n\n    return [...(sort ?? [])];\n  };\n\n  predicate = (computedQuery: ComputedQuery<F>) => {\n    const { collection } = this;\n    const { query, itemName } = collection;\n    const { search, filters } = computedQuery;\n\n    return (item: T) => {\n      for (const [filterName, value] of Object.entries(filters)) {\n        const filter = query.filters[filterName];\n\n        if (filter == null) {\n          return false;\n        }\n\n        const fieldValue = getKey(item, filterName);\n        if (\n          value != null &&\n          fieldValue != null &&\n          !filter.matches(fieldValue, value)\n        ) {\n          return false;\n        }\n      }\n\n      if (search && !itemName(item).toLowerCase().includes(search)) {\n        return false;\n      }\n\n      return true;\n    };\n  };\n}\n"],"mappings":";;;;;;AAIA,SAASA,MAAMA,CACbC,IAAO,EACPC,WAA6B,EACE;EAC/B,OAAOD,IAAI,CAACC,WAAW,CAAY;AACrC;AAKO,MAAMC,4BAA4B,CAEzC;EAGEC,WAAWA,CAACC,MAAgD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mBAInDC,aAA+B,IAAiB;MACzD,MAAM;QAAEC;MAAK,CAAC,GAAGD,aAAa;MAE9B,OAAO,CAAC,IAAIC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC1B,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,qBAEYC,aAA+B,IAAK;MAC/C,MAAM;QAAEE;MAAW,CAAC,GAAG,IAAI;MAC3B,MAAM;QAAEC,KAAK;QAAEC;MAAS,CAAC,GAAGF,UAAU;MACtC,MAAM;QAAEG,MAAM;QAAEC;MAAQ,CAAC,GAAGN,aAAa;MAEzC,OAAQP,IAAO,IAAK;QAClB,KAAK,MAAM,CAACc,UAAU,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACJ,OAAO,CAAC,EAAE;UACzD,MAAMK,MAAM,GAAGR,KAAK,CAACG,OAAO,CAACC,UAAU,CAAC;UAExC,IAAII,MAAM,IAAI,IAAI,EAAE;YAClB,OAAO,KAAK;UACd;UAEA,MAAMC,UAAU,GAAGpB,MAAM,CAACC,IAAI,EAAEc,UAAU,CAAC;UAC3C,IACEC,KAAK,IAAI,IAAI,IACbI,UAAU,IAAI,IAAI,IAClB,CAACD,MAAM,CAACE,OAAO,CAACD,UAAU,EAAEJ,KAAK,CAAC,EAClC;YACA,OAAO,KAAK;UACd;QACF;QAEA,IAAIH,MAAM,IAAI,CAACD,QAAQ,CAACX,IAAI,CAAC,CAACqB,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACV,MAAM,CAAC,EAAE;UAC5D,OAAO,KAAK;QACd;QAEA,OAAO,IAAI;MACb,CAAC;IACH,CAAC;IAtCC,IAAI,CAACH,UAAU,GAAGL,MAAM,CAACK,UAAU;EACrC;AAsCF;AAACc,OAAA,CAAArB,4BAAA,GAAAA,4BAAA"}