@wix/bex-core 1.402.0

package/dist/cjs/state/CairoContainer.js

@@ -0,0 +1,236 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CairoContainer = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _services = require("../services");
+var _model = require("../model");
+var _mobx = require("mobx");
+var _TaskState = require("./TaskState");
+var _OnlineState = require("./OnlineState");
+var _createComponentSettings = require("../services/createComponentSettings");
+var _ConditionalModalState = require("./ConditionalModalState");
+var _events = require("events");
+var _useExperimentsCompat = require("./useExperimentsCompat");
+var _uuid = require("uuid");
+var _BeforeUnloadCompatState = require("./BeforeUnloadCompatState");
+// prefetch of the english translations
+(0, _services.messagesEnImportGlobal)();
+class CairoContainer {
+  constructor(params) {
+    var _params$initialProps;
+    (0, _defineProperty2.default)(this, "createEssentials", void 0);
+    (0, _defineProperty2.default)(this, "createComponentSettings", void 0);
+    (0, _defineProperty2.default)(this, "errorMonitor", void 0);
+    (0, _defineProperty2.default)(this, "internalMonitor", void 0);
+    (0, _defineProperty2.default)(this, "internalExperiments", void 0);
+    (0, _defineProperty2.default)(this, "experiments", void 0);
+    (0, _defineProperty2.default)(this, "httpClient", void 0);
+    (0, _defineProperty2.default)(this, "onlineManager", void 0);
+    (0, _defineProperty2.default)(this, "focusManager", void 0);
+    (0, _defineProperty2.default)(this, "history", void 0);
+    (0, _defineProperty2.default)(this, "window", void 0);
+    (0, _defineProperty2.default)(this, "useTranslation", void 0);
+    (0, _defineProperty2.default)(this, "Trans", void 0);
+    (0, _defineProperty2.default)(this, "useExperiments", void 0);
+    (0, _defineProperty2.default)(this, "showToast", void 0);
+    (0, _defineProperty2.default)(this, "navigateTo", void 0);
+    (0, _defineProperty2.default)(this, "onNavigation", void 0);
+    (0, _defineProperty2.default)(this, "onBeforeUnload", void 0);
+    (0, _defineProperty2.default)(this, "getHostContainer", void 0);
+    (0, _defineProperty2.default)(this, "environment", void 0);
+    (0, _defineProperty2.default)(this, "appendModalsToBody", void 0);
+    (0, _defineProperty2.default)(this, "onSidePanelOpen", void 0);
+    (0, _defineProperty2.default)(this, "closeSidePanel", void 0);
+    (0, _defineProperty2.default)(this, "translate", void 0);
+    (0, _defineProperty2.default)(this, "lodash", void 0);
+    (0, _defineProperty2.default)(this, "i18n", void 0);
+    (0, _defineProperty2.default)(this, "reportBi", void 0);
+    (0, _defineProperty2.default)(this, "_messagesEnImport", void 0);
+    (0, _defineProperty2.default)(this, "_fetchTranslations", void 0);
+    (0, _defineProperty2.default)(this, "queryCache", void 0);
+    (0, _defineProperty2.default)(this, "patchesCache", void 0);
+    (0, _defineProperty2.default)(this, "initTask", new _TaskState.TaskState());
+    (0, _defineProperty2.default)(this, "onlineState", void 0);
+    (0, _defineProperty2.default)(this, "onNavigationModal", void 0);
+    (0, _defineProperty2.default)(this, "events", void 0);
+    (0, _defineProperty2.default)(this, "user", void 0);
+    (0, _defineProperty2.default)(this, "cairoSessionId", void 0);
+    // Why it might be undefined when creating essentials?
+    (0, _defineProperty2.default)(this, "biLoggerFactory", void 0);
+    (0, _defineProperty2.default)(this, "createBI", defaultParams => {
+      var _this$biLoggerFactory;
+      const {
+        environment,
+        cairoSessionId
+      } = this;
+      return (_this$biLoggerFactory = this.biLoggerFactory) == null ? void 0 : _this$biLoggerFactory.call(this).updateDefaults({
+        artifactId: environment.artifactId,
+        componentName: environment.componentName,
+        cairoVersion: environment.uiLibVersion,
+        csid: cairoSessionId,
+        ...defaultParams
+      }).logger();
+    });
+    (0, _defineProperty2.default)(this, "createBILogger", defaultParams => {
+      const bi = this.createBI(defaultParams);
+      return reportProps => bi == null ? void 0 : bi.report(reportProps);
+    });
+    this.createEssentials = params.createEssentials;
+    this.lodash = params.lodash;
+    this.patchesCache = params.patchesCache;
+    this.events = params.events ?? new _events.EventEmitter();
+    this._messagesEnImport = params.messagesEnImport ?? _services.messagesEnImportGlobal;
+    this._fetchTranslations = params.fetchTranslations ?? _services.fetchTranslations;
+    this.onNavigationModal = params.onNavigationModal ?? new _ConditionalModalState.ConditionalModalState();
+    this.environment = (0, _model.cairoEnvironment)(params.environment);
+    this.user = params.user;
+    this.createComponentSettings = params.createComponentSettings ?? (0, _createComponentSettings.createComponentSettings)({
+      componentId: this.environment.componentId,
+      createEssentials: this.createEssentials
+    });
+    this.errorMonitor = params.errorMonitor;
+    this.httpClient = params.httpClient;
+    this.onlineManager = params.onlineManager;
+    this.focusManager = params.focusManager;
+    this.history = params.history;
+    this.useTranslation = params.useTranslation;
+    this.useExperiments = (0, _useExperimentsCompat.createUseExperimentsCompat)(params.useExperiments);
+    this.experiments = params.experiments;
+    this.showToast = params.showToast;
+    this.navigateTo = params.navigateTo;
+    this.onNavigation = params.onNavigation;
+    this.getHostContainer = params.getHostContainer;
+    this.window = params.window;
+    this.queryCache = params.queryCache;
+    this.appendModalsToBody = params.appendModalsToBody;
+    this.onSidePanelOpen = params.onSidePanelOpen;
+    this.closeSidePanel = params.closeSidePanel;
+    this.onBeforeUnload = params.onBeforeUnload;
+    const {
+      i18n,
+      biLoggerFactory,
+      fedopsLogger: internalFedops,
+      errorMonitor: internalErrorMonitor,
+      experiments: internalExperiments
+    } = this.createEssentials({
+      i18n: {
+        useSuspense: false,
+        disableAutoInit: true,
+        asyncMessagesLoader: async locale => {
+          if (locale === 'en') {
+            return this._messagesEnImport();
+          }
+          return this._fetchTranslations(this)(locale);
+        },
+        messages: (_params$initialProps = params.initialProps) == null ? void 0 : _params$initialProps.messages
+      },
+      errorMonitor: {
+        dsn: process.env.NODE_ENV === 'production' ? 'https://d72d315a7d9a4d90ab17548ef7bd3188@sentry.wixpress.com/2327' : '',
+        beforeSend: (event, hint) => {
+          this.internalMonitor.reportErrorThrownOncePerFlow();
+          if (!event.tags) {
+            event.tags = {};
+          }
+          if (!event.extra) {
+            event.extra = {};
+          }
+          if (hint && hint.originalException) {
+            event.extra.exception = hint.originalException;
+            if (hint.originalException instanceof Error) {
+              event.fingerprint = [`${hint.originalException.name}:${hint.originalException.message}`];
+            }
+          }
+          event.tags.componentName = this.environment.componentName;
+          event.tags.componentId = this.environment.componentId;
+          event.tags.artifactId = this.environment.artifactId;
+          event.tags.cairoVersion = this.environment.uiLibVersion;
+          return event;
+        }
+      },
+      fedops: {
+        appName: 'cairo'
+      },
+      experiments: {
+        scopes: ['cairo']
+      }
+    });
+    if (typeof process !== 'undefined' && process.env.STORYBOOK_VISUAL_E2E === 'true') {
+      i18n.options.fallbackLng = [];
+    }
+    this.cairoSessionId = (0, _uuid.v4)();
+    this.biLoggerFactory = biLoggerFactory;
+    this.i18n = i18n;
+    this.internalMonitor = new _services.CairoMonitor({
+      errorMonitor: params.errorMonitor,
+      internalErrorMonitor,
+      internalFedops,
+      environment: this.environment,
+      csid: this.cairoSessionId
+    });
+    this.internalExperiments = internalExperiments;
+    this.translate = (...args) => {
+      void this.initTask.status; // status is observable so reading it here starts mobx reactivity
+      return this.i18n.t(...args);
+    };
+    this.Trans = params.Trans;
+    this.onlineState = new _OnlineState.OnlineState({
+      onlineManager: this.onlineManager,
+      focusManager: this.focusManager,
+      translate: this.translate,
+      showToast: this.showToast
+    });
+    this.reportBi = this.createBILogger({});
+    (0, _mobx.makeObservable)(this, {
+      init: _mobx.action.bound,
+      initialFetch: _mobx.action.bound,
+      dateFormatters: _mobx.computed
+    });
+  }
+  async initialFetch() {
+    const {
+      initTask,
+      i18n,
+      internalExperiments,
+      experiments
+    } = this;
+    if (initTask.status.isLoading || initTask.status.isSuccess) {
+      return initTask.status.promise;
+    }
+    await initTask.run(async () => {
+      await Promise.all([i18n.init(), internalExperiments == null ? void 0 : internalExperiments.ready().catch(e => {
+        console.error(e);
+      }), experiments.ready().catch(e => {
+        console.error(e);
+      }), this._messagesEnImport() // not all translation files contain all the keys, so en is required otherwise show error state
+      ]);
+    });
+    return initTask.status.promise;
+  }
+  get dateFormatters() {
+    return {
+      medium: new Intl.DateTimeFormat(this.environment.language, {
+        dateStyle: 'medium'
+      }),
+      mediumTime: new Intl.DateTimeFormat(this.environment.language, {
+        dateStyle: 'medium',
+        timeStyle: 'short'
+      })
+    };
+  }
+  init() {
+    const {
+      onlineState
+    } = this;
+    this.initialFetch().catch(e => {
+      console.error(e);
+    });
+    const disposers = [onlineState.init(), new _BeforeUnloadCompatState.BeforeUnloadCompatState(this).init()];
+    return () => {
+      disposers.forEach(d => d == null ? void 0 : d());
+    };
+  }
+}
+exports.CairoContainer = CairoContainer;
+//# sourceMappingURL=CairoContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_services","require","_model","_mobx","_TaskState","_OnlineState","_createComponentSettings","_ConditionalModalState","_events","_useExperimentsCompat","_uuid","_BeforeUnloadCompatState","messagesEnImportGlobal","CairoContainer","constructor","params","_params$initialProps","_defineProperty2","default","TaskState","defaultParams","_this$biLoggerFactory","environment","cairoSessionId","biLoggerFactory","call","updateDefaults","artifactId","componentName","cairoVersion","uiLibVersion","csid","logger","bi","createBI","reportProps","report","createEssentials","lodash","patchesCache","events","EventEmitter","_messagesEnImport","messagesEnImport","_fetchTranslations","fetchTranslations","onNavigationModal","ConditionalModalState","cairoEnvironment","user","createComponentSettings","componentId","errorMonitor","httpClient","onlineManager","focusManager","history","useTranslation","useExperiments","createUseExperimentsCompat","experiments","showToast","navigateTo","onNavigation","getHostContainer","window","queryCache","appendModalsToBody","onSidePanelOpen","closeSidePanel","onBeforeUnload","i18n","fedopsLogger","internalFedops","internalErrorMonitor","internalExperiments","useSuspense","disableAutoInit","asyncMessagesLoader","locale","messages","initialProps","dsn","process","env","NODE_ENV","beforeSend","event","hint","internalMonitor","reportErrorThrownOncePerFlow","tags","extra","originalException","exception","Error","fingerprint","name","message","fedops","appName","scopes","STORYBOOK_VISUAL_E2E","options","fallbackLng","uuid","CairoMonitor","translate","args","initTask","status","t","Trans","onlineState","OnlineState","reportBi","createBILogger","makeObservable","init","action","bound","initialFetch","dateFormatters","computed","isLoading","isSuccess","promise","run","Promise","all","ready","catch","e","console","error","medium","Intl","DateTimeFormat","language","dateStyle","mediumTime","timeStyle","disposers","BeforeUnloadCompatState","forEach","d","exports"],"sources":["../../../src/state/CairoContainer.ts"],"sourcesContent":["import type { Essentials } from '@wix/fe-essentials/core';\nimport type { Trans, useTranslation } from '@wix/fe-essentials/react';\nimport type { ReportProps } from '@wix/fe-essentials/bi';\nimport {\n  CairoMonitor,\n  Environment,\n  ErrorMonitor,\n  fetchTranslations,\n  FocusManager,\n  History,\n  messagesEnImportGlobal,\n  ModalLayoutProps,\n  OnlineManager,\n  PartialLodash,\n  PartialWindow,\n  ReportBI,\n  Translate,\n} from '../services';\nimport { QueryCache } from 'react-query/core';\nimport {\n  CairoBILoggerFactory,\n  cairoEnvironment,\n  CairoEssentials,\n  CairoInitialProps,\n  CloseSidePanel,\n  GetContentContainerY,\n  GetHostContainer,\n  OnNavigation,\n  OnSidePanelOpen,\n  ShowToast,\n} from '../model';\nimport { action, computed, IObservableArray, makeObservable } from 'mobx';\nimport { TaskState } from './TaskState';\nimport { OnlineState } from './OnlineState';\nimport { createComponentSettings } from '../services/createComponentSettings';\nimport { OptimisticPatch } from './CollectionOptimisticPatch';\nimport { ConditionalModalState } from './ConditionalModalState';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '../util';\nimport { TransitionState } from './TransitionState';\nimport { ReactElement } from 'react';\nimport { createUseExperimentsCompat } from './useExperimentsCompat';\nimport { v4 as uuid } from 'uuid';\nimport { BeforeUnloadCompatState } from './BeforeUnloadCompatState';\n\n// prefetch of the english translations\nmessagesEnImportGlobal();\n\ntype CairoContainerEvents = TypedEmitter<{\n  navigation: () => ModalLayoutProps | null | undefined;\n}>;\n\nexport interface CairoContainerParams {\n  readonly initialProps?: CairoInitialProps;\n  readonly createEssentials: CairoEssentials['createEssentials'];\n  readonly messagesEnImport?: () => Promise<{}>;\n  readonly fetchTranslations?: (p: {\n    readonly errorMonitor: ErrorMonitor;\n  }) => (locale: string) => Promise<{}>;\n  readonly createComponentSettings?: CairoEssentials['createComponentSettings'];\n  readonly errorMonitor: ErrorMonitor;\n  readonly httpClient: CairoEssentials['httpClient'];\n  readonly onlineManager: OnlineManager;\n  readonly focusManager: FocusManager;\n  readonly history: History;\n  readonly window: PartialWindow;\n  readonly useTranslation: typeof useTranslation;\n  readonly Trans: typeof Trans;\n  readonly useExperiments: CairoEssentials['useExperiments'];\n  readonly experiments: CairoEssentials['experiments'];\n  readonly environment: CairoEssentials['environment'];\n  readonly user: CairoEssentials['user'];\n  readonly showToast?: ShowToast;\n  readonly navigateTo?: CairoEssentials['navigateTo'];\n  readonly onNavigation?: OnNavigation;\n  readonly getHostContainer?: GetHostContainer;\n  readonly queryCache: QueryCache;\n  readonly patchesCache: Map<string, IObservableArray<OptimisticPatch<any>>>;\n  /**\n   * @deprecated\n   */\n  readonly getContentContainerY?: GetContentContainerY;\n  readonly onSidePanelOpen?: OnSidePanelOpen;\n  readonly closeSidePanel?: CloseSidePanel;\n  readonly lodash: PartialLodash;\n  readonly events?: CairoContainerEvents;\n  readonly sidePanel?: TransitionState<string>;\n  readonly onNavigationModal?: ConditionalModalState<ModalLayoutProps>;\n  readonly sidePanelComponents?: Map<string, ReactElement>;\n  readonly appendModalsToBody?: boolean;\n  readonly onBeforeUnload?: CairoEssentials['onBeforeUnload'];\n}\n\nexport class CairoContainer {\n  readonly createEssentials;\n  readonly createComponentSettings;\n  readonly errorMonitor: CairoContainerParams['errorMonitor'];\n  readonly internalMonitor: CairoMonitor;\n  readonly internalExperiments;\n  readonly experiments;\n  readonly httpClient: CairoContainerParams['httpClient'];\n  readonly onlineManager;\n  readonly focusManager;\n  readonly history: CairoContainerParams['history'];\n  readonly window: CairoContainerParams['window'];\n  readonly useTranslation;\n  readonly Trans: typeof Trans;\n  readonly useExperiments;\n  readonly showToast?;\n  readonly navigateTo?;\n  readonly onNavigation;\n  readonly onBeforeUnload;\n  readonly getHostContainer;\n  readonly environment: Environment;\n  readonly appendModalsToBody?: boolean;\n  readonly onSidePanelOpen?: OnSidePanelOpen;\n  readonly closeSidePanel?: CloseSidePanel;\n  readonly translate: Translate;\n  readonly lodash;\n  readonly i18n: Essentials['i18n'];\n  readonly reportBi: ReportBI;\n  readonly _messagesEnImport;\n  readonly _fetchTranslations;\n\n  readonly queryCache: QueryCache;\n  readonly patchesCache;\n\n  readonly initTask = new TaskState<void>();\n  readonly onlineState: OnlineState;\n\n  readonly onNavigationModal;\n\n  readonly events: TypedEmitter<{\n    navigation: () => ModalLayoutProps | null | undefined;\n  }>;\n\n  readonly user;\n\n  readonly cairoSessionId: string;\n  // Why it might be undefined when creating essentials?\n  private readonly biLoggerFactory?: () => CairoBILoggerFactory;\n\n  constructor(params: Readonly<CairoContainerParams>) {\n    this.createEssentials = params.createEssentials;\n    this.lodash = params.lodash;\n    this.patchesCache = params.patchesCache;\n    this.events = params.events ?? (new EventEmitter() as CairoContainerEvents);\n    this._messagesEnImport = params.messagesEnImport ?? messagesEnImportGlobal;\n    this._fetchTranslations = params.fetchTranslations ?? fetchTranslations;\n\n    this.onNavigationModal =\n      params.onNavigationModal ?? new ConditionalModalState();\n\n    this.environment = cairoEnvironment(params.environment);\n    this.user = params.user;\n\n    this.createComponentSettings =\n      params.createComponentSettings ??\n      createComponentSettings({\n        componentId: this.environment.componentId,\n        createEssentials: this.createEssentials,\n      });\n\n    this.errorMonitor = params.errorMonitor;\n    this.httpClient = params.httpClient;\n    this.onlineManager = params.onlineManager;\n    this.focusManager = params.focusManager;\n    this.history = params.history;\n    this.useTranslation = params.useTranslation;\n    this.useExperiments = createUseExperimentsCompat(params.useExperiments);\n    this.experiments = params.experiments;\n    this.showToast = params.showToast;\n    this.navigateTo = params.navigateTo;\n    this.onNavigation = params.onNavigation;\n    this.getHostContainer = params.getHostContainer;\n    this.window = params.window;\n    this.queryCache = params.queryCache;\n    this.appendModalsToBody = params.appendModalsToBody;\n    this.onSidePanelOpen = params.onSidePanelOpen;\n    this.closeSidePanel = params.closeSidePanel;\n    this.onBeforeUnload = params.onBeforeUnload;\n\n    const {\n      i18n,\n      biLoggerFactory,\n      fedopsLogger: internalFedops,\n      errorMonitor: internalErrorMonitor,\n      experiments: internalExperiments,\n    } = this.createEssentials({\n      i18n: {\n        useSuspense: false,\n        disableAutoInit: true,\n        asyncMessagesLoader: async (locale) => {\n          if (locale === 'en') {\n            return this._messagesEnImport();\n          }\n          return this._fetchTranslations(this)(locale);\n        },\n        messages: params.initialProps?.messages,\n      },\n      errorMonitor: {\n        dsn:\n          process.env.NODE_ENV === 'production'\n            ? 'https://d72d315a7d9a4d90ab17548ef7bd3188@sentry.wixpress.com/2327'\n            : '',\n        beforeSend: (event, hint) => {\n          this.internalMonitor.reportErrorThrownOncePerFlow();\n\n          if (!event.tags) {\n            event.tags = {};\n          }\n\n          if (!event.extra) {\n            event.extra = {};\n          }\n\n          if (hint && hint.originalException) {\n            event.extra.exception = hint.originalException;\n\n            if (hint.originalException instanceof Error) {\n              event.fingerprint = [\n                `${hint.originalException.name}:${hint.originalException.message}`,\n              ];\n            }\n          }\n\n          event.tags.componentName = this.environment.componentName;\n          event.tags.componentId = this.environment.componentId;\n          event.tags.artifactId = this.environment.artifactId;\n          event.tags.cairoVersion = this.environment.uiLibVersion;\n\n          return event;\n        },\n      },\n      fedops: {\n        appName: 'cairo',\n      },\n      experiments: {\n        scopes: ['cairo'],\n      },\n    });\n\n    if (\n      typeof process !== 'undefined' &&\n      process.env.STORYBOOK_VISUAL_E2E === 'true'\n    ) {\n      i18n.options.fallbackLng = [];\n    }\n\n    this.cairoSessionId = uuid();\n    this.biLoggerFactory = biLoggerFactory;\n    this.i18n = i18n;\n    this.internalMonitor = new CairoMonitor({\n      errorMonitor: params.errorMonitor,\n      internalErrorMonitor,\n      internalFedops,\n      environment: this.environment,\n      csid: this.cairoSessionId,\n    });\n    this.internalExperiments = internalExperiments;\n\n    this.translate = (...args) => {\n      void this.initTask.status; // status is observable so reading it here starts mobx reactivity\n      return this.i18n.t(...args);\n    };\n\n    this.Trans = params.Trans;\n\n    this.onlineState = new OnlineState({\n      onlineManager: this.onlineManager,\n      focusManager: this.focusManager,\n      translate: this.translate,\n      showToast: this.showToast,\n    });\n\n    this.reportBi = this.createBILogger({});\n\n    makeObservable(this, {\n      init: action.bound,\n      initialFetch: action.bound,\n      dateFormatters: computed,\n    });\n  }\n\n  createBI = <P>(defaultParams: P) => {\n    const { environment, cairoSessionId } = this;\n    return this.biLoggerFactory?.()\n      .updateDefaults({\n        artifactId: environment.artifactId,\n        componentName: environment.componentName,\n        cairoVersion: environment.uiLibVersion,\n        csid: cairoSessionId,\n        ...defaultParams,\n      })\n      .logger();\n  };\n\n  createBILogger = <P>(defaultParams: P): ReportBI => {\n    const bi = this.createBI(defaultParams);\n    return (reportProps: ReportProps) => bi?.report(reportProps);\n  };\n\n  async initialFetch() {\n    const { initTask, i18n, internalExperiments, experiments } = this;\n    if (initTask.status.isLoading || initTask.status.isSuccess) {\n      return initTask.status.promise;\n    }\n\n    await initTask.run(async () => {\n      await Promise.all([\n        i18n.init(),\n        internalExperiments?.ready().catch((e) => {\n          console.error(e);\n        }),\n        experiments.ready().catch((e) => {\n          console.error(e);\n        }),\n        this._messagesEnImport(), // not all translation files contain all the keys, so en is required otherwise show error state\n      ]);\n    });\n\n    return initTask.status.promise;\n  }\n\n  get dateFormatters() {\n    return {\n      medium: new Intl.DateTimeFormat(this.environment.language, {\n        dateStyle: 'medium',\n      }),\n      mediumTime: new Intl.DateTimeFormat(this.environment.language, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      }),\n    };\n  }\n\n  init() {\n    const { onlineState } = this;\n\n    this.initialFetch().catch((e) => {\n      console.error(e);\n    });\n\n    const disposers = [\n      onlineState.init(),\n      new BeforeUnloadCompatState(this).init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/CollectionBIReporter.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionBIReporter = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _util = require("../util");
+var _v = require("@wix/bex-utils/@wix/bi-logger-cairo-os/v2");
+var _mobx = require("mobx");
+var _events = require("events");
+const withoutDefaults = (0, _util.withoutIrrelevant)();
+class CollectionBIReporter {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "collection", void 0);
+    (0, _defineProperty2.default)(this, "reportBi", void 0);
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    (0, _defineProperty2.default)(this, "sortedColumnId", '');
+    this.collection = params.collection;
+    this.reportBi = params.reportBi;
+  }
+  init() {
+    const {
+      collection,
+      events
+    } = this;
+    const {
+      emitter,
+      query
+    } = collection;
+    const disposers = [(0, _util.addEventListener)(emitter, 'beforeClearFilters', (0, _mobx.action)(({
+      origin
+    }) => {
+      this.reportBi(withoutDefaults(_v.cairoAllFiltersCleared)({
+        filterNames: collection.query.activeFilters.map(filter => filter.name).join(','),
+        filteredListSize: collection.result.total,
+        numFiltersCleared: collection.query.activeFiltersCount,
+        origin
+      }));
+    })), (0, _util.addEventListener)(emitter, 'beforeSortStart', (0, _mobx.action)(({
+      origin
+    }) => {
+      const prevSortedColumnId = this.sortedColumnId;
+      const prevSortedIds = new Set(query.sort.value.map(({
+        field
+      }) => field));
+      const prevSortOrder = this._getSortOrder();
+      let prevSortingOrder = this._getSortDirection(prevSortedColumnId);
+      events.once('sortStart', ({
+        col
+      }) => {
+        this.sortedColumnId = col.id;
+        if (prevSortedColumnId && col.id !== prevSortedColumnId) {
+          prevSortingOrder = this._getSortDirection(prevSortedColumnId);
+        } else if (!prevSortedColumnId) {
+          prevSortingOrder = '';
+        }
+        const itemIndex = this.collection.query.sort.value.findIndex(({
+          field
+        }) => field === col.id);
+        this.reportBi(withoutDefaults(_v.cairoComponentSorted)({
+          newSortedColumn: col.id,
+          newSortingOrder: this._getSortDirection(col.id),
+          prevSortedColumn: prevSortedColumnId,
+          prevSortingOrder,
+          origin,
+          prevSortOrder,
+          newSortOrder: this._getSortOrder(),
+          itemIndex,
+          isAddNewSort: !prevSortedIds.has(col.id),
+          prevNumSortingColumns: prevSortedIds.size,
+          numSortingColumns: query.sort.value.length
+        }));
+      });
+    })), (0, _util.addEventListener)(emitter, 'sortStart', params => {
+      events.emit('sortStart', params);
+    }), (0, _util.addEventListener)(emitter, 'newPageStart', () => {
+      const startTime = performance.now();
+      return ({
+        totalNewItems
+      }) => {
+        this.reportBi(withoutDefaults(_v.loadMore)({
+          loadedItems: totalNewItems,
+          loadingTime: Math.round(performance.now() - startTime)
+        }));
+      };
+    }), (0, _util.addEventListener)(emitter, 'searchStart', () => {
+      const startTime = performance.now();
+      const searchTerm = collection.query.search.value;
+      return () => {
+        this.reportBi(withoutDefaults(_v.cairoSearchResults)({
+          searchTerm,
+          searchResultsCnt: collection.result.asComputed.total,
+          loadingTime: Math.round(performance.now() - startTime)
+        }));
+      };
+    }), (0, _util.addEventListener)(emitter, 'search', (0, _mobx.action)(() => {
+      this.reportBi(withoutDefaults(_v.cairoFilterToggled)({
+        filterName: 'search',
+        origin: 'toolbar',
+        numFiltersActive: collection.query.activeFiltersCount,
+        actionType: 'add',
+        filterValue: collection.query.search.value,
+        filteredListSize: collection.result.total
+      }));
+    }))];
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+  _getSortDirection(columndId) {
+    const {
+      query: {
+        sort: {
+          value
+        }
+      }
+    } = this.collection;
+    const sort = value.find(({
+      field
+    }) => field === columndId);
+    if (sort) {
+      return sort.direction;
+    }
+    return 'removed';
+  }
+  _getSortOrder() {
+    const {
+      query: {
+        sort
+      }
+    } = this.collection;
+    return JSON.stringify(sort.value.map(({
+      field,
+      direction
+    }) => ({
+      fieldName: field,
+      order: direction
+    })));
+  }
+}
+exports.CollectionBIReporter = CollectionBIReporter;
+//# sourceMappingURL=CollectionBIReporter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_util","require","_v","_mobx","_events","withoutDefaults","withoutIrrelevant","CollectionBIReporter","constructor","params","_defineProperty2","default","EventEmitter","collection","reportBi","init","events","emitter","query","disposers","addEventListener","action","origin","cairoAllFiltersCleared","filterNames","activeFilters","map","filter","name","join","filteredListSize","result","total","numFiltersCleared","activeFiltersCount","prevSortedColumnId","sortedColumnId","prevSortedIds","Set","sort","value","field","prevSortOrder","_getSortOrder","prevSortingOrder","_getSortDirection","once","col","id","itemIndex","findIndex","cairoComponentSorted","newSortedColumn","newSortingOrder","prevSortedColumn","newSortOrder","isAddNewSort","has","prevNumSortingColumns","size","numSortingColumns","length","emit","startTime","performance","now","totalNewItems","loadMore","loadedItems","loadingTime","Math","round","searchTerm","search","cairoSearchResults","searchResultsCnt","asComputed","cairoFilterToggled","filterName","numFiltersActive","actionType","filterValue","forEach","d","columndId","find","direction","JSON","stringify","fieldName","order","exports"],"sources":["../../../src/state/CollectionBIReporter.ts"],"sourcesContent":["import { CollectionState } from './CollectionState';\nimport { addEventListener, TypedEmitter, withoutIrrelevant } from '../util';\nimport {\n  cairoComponentSorted,\n  cairoFilterToggled,\n  cairoAllFiltersCleared,\n  cairoSearchResults,\n  loadMore,\n} from '@wix/bex-utils/@wix/bi-logger-cairo-os/v2';\nimport { FiltersMap } from '../model';\nimport { ReportBI } from '../services';\nimport { action } from 'mobx';\nimport { EventEmitter } from 'events';\n\nconst withoutDefaults = withoutIrrelevant<\n  | 'currentTab'\n  | 'currentView'\n  | 'currentFilters'\n  | 'currentSortOrder'\n  | 'listSize'\n  | 'initialItems'\n>();\n\nexport interface CollectionBIReporterParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly reportBi: ReportBI;\n}\n\nexport class CollectionBIReporter<T, F extends FiltersMap> {\n  readonly collection;\n  readonly reportBi;\n  readonly events = new EventEmitter() as TypedEmitter<{\n    sortStart: (params: { col: { id: string } }) => unknown;\n  }>;\n\n  sortedColumnId = '';\n\n  constructor(params: CollectionBIReporterParams<T, F>) {\n    this.collection = params.collection;\n    this.reportBi = params.reportBi;\n  }\n\n  init() {\n    const { collection, events } = this;\n    const { emitter, query } = collection;\n\n    const disposers = [\n      addEventListener(\n        emitter,\n        'beforeClearFilters',\n        action(({ origin }) => {\n          this.reportBi(\n            withoutDefaults(cairoAllFiltersCleared)({\n              filterNames: collection.query.activeFilters\n                .map((filter) => filter.name)\n                .join(','),\n              filteredListSize: collection.result.total,\n              numFiltersCleared: collection.query.activeFiltersCount,\n              origin,\n            }),\n          );\n        }),\n      ),\n\n      addEventListener(\n        emitter,\n        'beforeSortStart',\n        action(({ origin }) => {\n          const prevSortedColumnId = this.sortedColumnId;\n          const prevSortedIds = new Set(\n            query.sort.value.map(({ field }) => field),\n          );\n\n          const prevSortOrder = this._getSortOrder();\n          let prevSortingOrder = this._getSortDirection(prevSortedColumnId);\n\n          events.once('sortStart', ({ col }) => {\n            this.sortedColumnId = col.id;\n\n            if (prevSortedColumnId && col.id !== prevSortedColumnId) {\n              prevSortingOrder = this._getSortDirection(prevSortedColumnId);\n            } else if (!prevSortedColumnId) {\n              prevSortingOrder = '';\n            }\n\n            const itemIndex = this.collection.query.sort.value.findIndex(\n              ({ field }) => field === col.id,\n            );\n\n            this.reportBi(\n              withoutDefaults(cairoComponentSorted)({\n                newSortedColumn: col.id,\n                newSortingOrder: this._getSortDirection(col.id),\n                prevSortedColumn: prevSortedColumnId,\n                prevSortingOrder,\n                origin,\n                prevSortOrder,\n                newSortOrder: this._getSortOrder(),\n                itemIndex,\n                isAddNewSort: !prevSortedIds.has(col.id),\n                prevNumSortingColumns: prevSortedIds.size,\n                numSortingColumns: query.sort.value.length,\n              }),\n            );\n          });\n        }),\n      ),\n\n      addEventListener(emitter, 'sortStart', (params) => {\n        events.emit('sortStart', params);\n      }),\n\n      addEventListener(emitter, 'newPageStart', () => {\n        const startTime = performance.now();\n\n        return ({ totalNewItems }) => {\n          this.reportBi(\n            withoutDefaults(loadMore)({\n              loadedItems: totalNewItems,\n              loadingTime: Math.round(performance.now() - startTime),\n            }),\n          );\n        };\n      }),\n\n      addEventListener(emitter, 'searchStart', () => {\n        const startTime = performance.now();\n        const searchTerm = collection.query.search.value;\n        return () => {\n          this.reportBi(\n            withoutDefaults(cairoSearchResults)({\n              searchTerm,\n              searchResultsCnt: collection.result.asComputed.total,\n              loadingTime: Math.round(performance.now() - startTime),\n            }),\n          );\n        };\n      }),\n\n      addEventListener(\n        emitter,\n        'search',\n        action(() => {\n          this.reportBi(\n            withoutDefaults(cairoFilterToggled)({\n              filterName: 'search',\n              origin: 'toolbar',\n              numFiltersActive: collection.query.activeFiltersCount,\n              actionType: 'add',\n              filterValue: collection.query.search.value,\n              filteredListSize: collection.result.total,\n            }),\n          );\n        }),\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n\n  _getSortDirection(columndId?: string) {\n    const {\n      query: {\n        sort: { value },\n      },\n    } = this.collection;\n\n    const sort = value.find(({ field }) => field === columndId);\n\n    if (sort) {\n      return sort.direction;\n    }\n\n    return 'removed';\n  }\n\n  _getSortOrder() {\n    const {\n      query: { sort },\n    } = this.collection;\n\n    return JSON.stringify(\n      sort.value.map(({ field, direction }) => ({\n        fieldName: field,\n        order: direction,\n      })),\n    );\n  }\n}\n"],"mappings":"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"}