@wix/patterns 0.8.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_TagsModalState","_bexCore","_TagsAssignButton","_CollectionManageTagsModal","_TagsFilter","_TagsColumn","_tagsFilterBuilder","_TagsBulkAssignPopoverState","TagsCollectionState","constructor","entityTypeName","bulkUpdateTags","toolbar","columnConfig","_defineProperty2","default","TaskState","tagsManagementState","TagsManagementState","fqdn","collection","container","tagsModalState","TagsModalState","tagsBulkAssignPopoverState","TagsBulkAssignPopoverState","collectionState","_columnConfig","components","AssignButton","TagsAssignButton","ManageModal","CollectionManageTagsModal","CollectionToolbarFilters","CollectionToolbarFiltersWithTags","makeObservable","init","action","openManageTagsModal","disposers","query","addFilter","idNameArrayFilter","name","initTask","runOnce","Promise","all","status","promise","addTagsColumn","forEach","d","buildTagsFilterWrapper","buildTagsFilterElement","_this$toolbar","tagsColumn","buildTagsColumn","userTagsColumn","_userColumns","find","column","id","addFeatureColumn","origin","exports"],"sources":["../../../src/state/TagsCollectionState.ts"],"sourcesContent":["import { action, makeObservable } from 'mobx';\nimport { TagsModalState } from './TagsModalState';\nimport {\n  FiltersMap,\n  TagsManagementState,\n  TaskState,\n  idNameArrayFilter,\n} from '@wix/bex-core';\nimport { TagsAssignButton } from '../components/TagsAssignButton';\nimport { CollectionManageTagsModal } from '../components/Tags/ManageTags/CollectionManageTagsModal';\nimport { TagsColumnConfig } from '../components/Tags/types';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { CollectionToolbarFiltersWithTags } from '../components/TagsFilter';\nimport { buildTagsColumn } from '../components/TagsColumn/TagsColumn';\nimport { buildTagsFilterElement } from '../components/TagsFilter/tagsFilterBuilder';\nimport {\n  BulkUpdateTagsParams,\n  TagsBulkAssignPopoverState,\n} from './TagsBulkAssignPopoverState';\n\ninterface TagsCollectionStateParams<T, F extends FiltersMap> {\n  toolbar: ToolbarCollectionState<T, F>;\n  entityTypeName: string;\n  columnConfig?: TagsColumnConfig<T>;\n  bulkUpdateTags: (params: BulkUpdateTagsParams) => Promise<unknown>;\n}\n\nexport class TagsCollectionState<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly tagsManagementState: TagsManagementState;\n  readonly tagsModalState: TagsModalState;\n  readonly tagsBulkAssignPopoverState: TagsBulkAssignPopoverState<T, F>;\n  readonly initTask = new TaskState();\n\n  readonly components;\n  readonly _columnConfig?: TagsColumnConfig<T>;\n\n  constructor({\n    entityTypeName,\n    bulkUpdateTags,\n    toolbar,\n    columnConfig,\n  }: TagsCollectionStateParams<T, F>) {\n    this.toolbar = toolbar;\n    this.tagsManagementState = new TagsManagementState({\n      fqdn: { ...toolbar.collection.fqdn },\n      container: toolbar.container,\n    });\n\n    this.tagsModalState = new TagsModalState({\n      tagsManagementState: this.tagsManagementState,\n      entityTypeName,\n    });\n\n    this.tagsBulkAssignPopoverState = new TagsBulkAssignPopoverState({\n      tagsManagementState: this.tagsManagementState,\n      collectionState: toolbar.collection,\n      tagsModalState: this.tagsModalState,\n      bulkUpdateTags,\n    });\n\n    this._columnConfig = columnConfig;\n    this.components = {\n      AssignButton: TagsAssignButton,\n      ManageModal: CollectionManageTagsModal,\n      CollectionToolbarFilters: CollectionToolbarFiltersWithTags,\n    };\n\n    makeObservable(this, {\n      init: action,\n      openManageTagsModal: action,\n    });\n  }\n\n  init() {\n    const disposers = [\n      this.tagsManagementState.init(),\n      this.tagsBulkAssignPopoverState.init(),\n      this.tagsModalState.init(),\n      this.toolbar.collection.query.addFilter(\n        'tags' as any,\n        idNameArrayFilter({\n          name: 'tags',\n        }),\n      ),\n    ];\n\n    this.initTask.runOnce(async () => {\n      await Promise.all([\n        this.tagsManagementState.initTask.status.promise,\n        this.toolbar.container.initTask.status.promise,\n      ]);\n\n      this.addTagsColumn();\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  buildTagsFilterWrapper() {\n    return buildTagsFilterElement(this.toolbar);\n  }\n\n  addTagsColumn() {\n    const tagsColumn = buildTagsColumn(\n      this.toolbar?.container,\n      this._columnConfig,\n    );\n\n    const userTagsColumn = this.toolbar._userColumns.find(\n      (column) => column.id === tagsColumn.id,\n    );\n\n    if (!userTagsColumn) {\n      this.toolbar.addFeatureColumn(tagsColumn);\n    }\n  }\n\n  openManageTagsModal() {\n    this.tagsModalState.openManageTagsModal({ origin: 'external' });\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/TagsModalState.js

@@ -0,0 +1,341 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TagsModalState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+var _bi = require("@wix/bex-core/bi");
+var _util = require("@wix/bex-core/util");
+const actionOrigin = 'Manage Tags Modal';
+class TagsModalState {
+  constructor({
+    tagsManagementState,
+    entityTypeName
+  }) {
+    (0, _defineProperty2.default)(this, "tagsManagementState", void 0);
+    (0, _defineProperty2.default)(this, "tagsSearchState", void 0);
+    (0, _defineProperty2.default)(this, "manageTagsModalState", new _bexCore.ConditionalModalState());
+    (0, _defineProperty2.default)(this, "confirmModalState", new _bexCore.ConditionalModalState());
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "tagsBIReporter", void 0);
+    (0, _defineProperty2.default)(this, "entityTypeName", void 0);
+    (0, _defineProperty2.default)(this, "origin", undefined);
+    (0, _defineProperty2.default)(this, "editedTagId", null);
+    (0, _defineProperty2.default)(this, "editedTagErrorMessage", null);
+    (0, _defineProperty2.default)(this, "isShowingNewTagListItem", false);
+    (0, _defineProperty2.default)(this, "tagToDelete", void 0);
+    (0, _defineProperty2.default)(this, "toastConfigs", _mobx.observable.array([], {
+      deep: false
+    }));
+    (0, _defineProperty2.default)(this, "ref", null);
+    this.tagsManagementState = tagsManagementState;
+    this.tagsSearchState = new _bexCore.TagsSearchState({
+      tagsManagementState
+    });
+    this.entityTypeName = entityTypeName;
+    this.container = tagsManagementState.container;
+    this.tagsBIReporter = new _bexCore.TagsBIReporter({
+      collection: this.tagsManagementState.collection,
+      reportBi: this.tagsManagementState.container.createBILogger({
+        componentType: 'ManageTagsModal',
+        ...tagsManagementState.fqdn
+      }),
+      location: 'Manage tags modal'
+    });
+    (0, _mobx.makeObservable)(this, {
+      editedTagId: _mobx.observable,
+      editedTagErrorMessage: _mobx.observable,
+      isShowingNewTagListItem: _mobx.observable,
+      init: _mobx.action,
+      openManageTagsModal: _mobx.action,
+      closeManageTagsModal: _mobx.action,
+      handleSearchChange: _mobx.action,
+      handleSearchClear: _mobx.action,
+      handleCreateCtaClick: _mobx.action,
+      handleEditCtaClick: _mobx.action,
+      handleCancelEditCtaClick: _mobx.action,
+      openConfirmDeleteModal: _mobx.action,
+      createTagFromSearch: _mobx.action,
+      createTagFromList: _mobx.action,
+      updateTag: _mobx.action,
+      deleteTag: _mobx.action,
+      showNotification: _mobx.action,
+      hideNotification: _mobx.action
+    });
+  }
+  init() {
+    const disposers = [(0, _util.addEventListener)(this.tagsManagementState.events, 'showToast', toastConfig => {
+      this.showNotification(toastConfig);
+    }), (0, _util.addEventListener)(this.tagsManagementState.events, 'hideToast', toastConfig => {
+      this.hideNotification(toastConfig);
+    })];
+    return () => {
+      disposers.forEach(d => d == null ? void 0 : d());
+    };
+  }
+  openManageTagsModal({
+    origin
+  }) {
+    this.origin = origin;
+    this.manageTagsModalState.modal.open();
+    this._reportBiModalOpened();
+    this.tagsManagementState.overrideShowToast = true;
+  }
+  closeManageTagsModal() {
+    this.editedTagId = null;
+    this.editedTagErrorMessage = null;
+    this.isShowingNewTagListItem = false;
+    this.tagsSearchState.setSearchValue('');
+    this._reportSearchEventsBi('blur');
+    this.manageTagsModalState.modal.close();
+    this._reportModalClosedBi();
+    this.origin = undefined;
+    this.tagsManagementState.overrideShowToast = false;
+    this.hideNotification();
+  }
+  openConfirmDeleteModal(props) {
+    this.confirmModalState.open({
+      theme: 'destructive',
+      primaryButtonText: this.container.translate('cairo.tags.manageTags.modal.deleteModal.delete.CTA'),
+      secondaryButtonText: this.container.translate('cairo.tags.manageTags.modal.deleteModal.cancel.CTA'),
+      title: this.container.translate('cairo.tags.manageTags.modal.deleteModal.title'),
+      ...props
+    });
+  }
+  handleSearchChange(newSearchValue) {
+    this.editedTagId = null;
+    this.isShowingNewTagListItem = false;
+    this._reportSearchChangedBi(newSearchValue);
+    this.tagsSearchState.setSearchValue(newSearchValue);
+  }
+  handleSearchClear() {
+    this._reportSearchEventsBi('clear');
+    this.tagsSearchState.setSearchValue('');
+  }
+  handleCreateCtaClick() {
+    this.tagsSearchState.setSearchValue('');
+    this.editedTagId = null;
+    this.isShowingNewTagListItem = true;
+    setTimeout(() => this._scrollContentTo('bottom'), 100);
+  }
+  handleEditCtaClick(tag) {
+    this._reportSearchEventsBi('select');
+    this.editedTagId = tag.id;
+  }
+  handleCancelEditCtaClick() {
+    this.editedTagId = null;
+    this.isShowingNewTagListItem = false;
+  }
+  showNotification(toastConfig) {
+    this.toastConfigs.push(toastConfig);
+    setTimeout(() => {
+      this.hideNotification(toastConfig);
+    }, 6000);
+  }
+  hideNotification(toastConfig) {
+    if (toastConfig) {
+      this.toastConfigs.remove(toastConfig);
+    } else {
+      this.toastConfigs.clear();
+    }
+  }
+  async createTagFromSearch() {
+    if (!this.searchValue || this.shownItems.length) {
+      return;
+    }
+    const newName = this.searchValue.slice(0, _bexCore.TAG_MAX_LENGTH);
+    this._reportSearchEventsBi('add');
+    this._createTag({
+      name: newName,
+      isFromSearch: true,
+      onSuccess: () => this._scrollContentTo('bottom')
+    });
+    this.tagsSearchState.setSearchValue('');
+  }
+  async createTagFromList(newName) {
+    const {
+      status,
+      statusMessage
+    } = this._isValidName(newName);
+    if (status === 'error') {
+      this.editedTagErrorMessage = statusMessage;
+      setTimeout(() => this._scrollContentTo('bottom'), 100);
+      return;
+    }
+    this._createTag({
+      name: newName
+    });
+    this.isShowingNewTagListItem = false;
+  }
+  async updateTag({
+    tag,
+    newName,
+    isLastTag
+  }) {
+    if (newName === tag.name) {
+      this.editedTagId = null;
+      return;
+    }
+    const {
+      status,
+      statusMessage
+    } = this._isValidName(newName);
+    if (status === 'error') {
+      this.editedTagErrorMessage = statusMessage;
+      if (isLastTag) {
+        setTimeout(() => this._scrollContentTo('bottom'), 100);
+      }
+      return;
+    }
+    this.editedTagId = null;
+    const previousName = tag.name;
+    const isFromSearch = this.tagsSearchState.searchValue !== '';
+    this.tagsManagementState.updateTag({
+      tagToUpdate: {
+        ...tag,
+        name: newName
+      },
+      previousName,
+      isFromSearch,
+      filteredListSize: this.shownItems.length,
+      origin: actionOrigin,
+      tagsBIReporter: this.tagsBIReporter,
+      optimisticActionParams: {
+        keepPosition: true,
+        successToast: {
+          biName: 'cairo-save-rename-tag-success',
+          message: this.container.translate('cairo.tags.manageTags.modal.toast.rename.success')
+        },
+        showUndoToast: true,
+        errorToast: () => ({
+          biName: 'cairo-save-rename-tag-error',
+          message: this.container.translate('cairo.tags.manageTags.modal.toast.rename.error'),
+          type: 'ERROR'
+        })
+      }
+    });
+  }
+  async deleteTag(tagToDelete) {
+    this._reportSearchEventsBi('select');
+    this.tagToDelete = tagToDelete;
+    const isFromSearch = this.tagsSearchState.searchValue !== '';
+    this.openConfirmDeleteModal({
+      primaryButtonOnClick: async () => {
+        this.tagsManagementState.deleteTag({
+          tagToDelete,
+          isFromSearch,
+          filteredListSize: this.shownItems.length,
+          origin: actionOrigin,
+          tagsBIReporter: this.tagsBIReporter,
+          optimisticActionParams: {
+            successToast: {
+              biName: 'cairo-delete-tag-success',
+              message: this.container.translate('cairo.tags.manageTags.modal.toast.delete.success')
+            },
+            showUndoToast: true,
+            errorToast: () => ({
+              biName: 'cairo-delete-tag-error',
+              message: this.container.translate('cairo.tags.manageTags.modal.toast.delete.error'),
+              type: 'ERROR'
+            })
+          }
+        });
+      }
+    });
+  }
+  get searchValue() {
+    return this.tagsSearchState.searchValue;
+  }
+  get shownItems() {
+    return this.tagsSearchState.filteredItems.sort((tag1, tag2) => new Date(tag1.createdDate).valueOf() - new Date(tag2.createdDate).valueOf());
+  }
+  get isOpen() {
+    return this.manageTagsModalState.isOpen;
+  }
+  get toastConfig() {
+    return this.toastConfigs[this.toastConfigs.length - 1] ?? null;
+  }
+  async _createTag({
+    name,
+    isFromSearch = false,
+    onSuccess
+  }) {
+    this.tagsManagementState.createTag({
+      name,
+      isFromSearch,
+      filteredListSize: this.shownItems.length,
+      onSuccess,
+      origin: actionOrigin,
+      tagsBIReporter: this.tagsBIReporter,
+      optimisticActionParams: {
+        successToast: {
+          biName: 'cairo-save-new-tag-success',
+          message: this.container.translate('cairo.tags.manageTags.modal.toast.create.success')
+        },
+        errorToast: () => ({
+          biName: 'cairo-save-new-tag-error',
+          message: this.container.translate('cairo.tags.manageTags.modal.toast.create.error')
+        })
+      }
+    });
+    this.editedTagErrorMessage = null;
+  }
+  _isValidName(tagName) {
+    if (tagName.length === 0) {
+      return this._getValidationMessage(this.container.translate('cairo.tags.manageTags.modal.list.input.validation.emptyName'));
+    }
+    if (tagName.length > _bexCore.TAG_MAX_LENGTH) {
+      return this._getValidationMessage(this.container.translate('cairo.tags.manageTags.modal.list.input.validation.maxLength', {
+        count: _bexCore.TAG_MAX_LENGTH
+      }));
+    }
+    if (this.tagsManagementState.items.find(({
+      name
+    }) => name.toLowerCase() === tagName.toLowerCase())) {
+      return this._getValidationMessage(this.container.translate('cairo.tags.manageTags.modal.list.input.validation.exists'));
+    }
+    return {
+      status: '',
+      statusMessage: ''
+    };
+  }
+  _reportBiModalOpened() {
+    var _this$tagsManagementS;
+    this.tagsBIReporter.reportBi((0, _bi.cairoTagsModalStartLoad)({
+      numTags: (_this$tagsManagementS = this.tagsManagementState.items) == null ? void 0 : _this$tagsManagementS.length,
+      origin: this.origin
+    }));
+  }
+  _reportModalClosedBi() {
+    this.tagsBIReporter.onModalClose({
+      origin: this.origin
+    });
+  }
+  _reportSearchChangedBi(searchValue) {
+    if (searchValue !== '') {
+      this.tagsBIReporter.onSearch(searchValue);
+    } else {
+      this.tagsBIReporter._clearAllEvents();
+    }
+  }
+  _reportSearchEventsBi(event) {
+    return this.tagsBIReporter.events.emit(event);
+  }
+  _scrollContentTo(direction = 'top') {
+    var _this$ref, _this$ref2;
+    (_this$ref = this.ref) == null || (_this$ref = _this$ref.current) == null || _this$ref.scrollTo({
+      top: direction === 'top' ? 0 : (_this$ref2 = this.ref) == null || (_this$ref2 = _this$ref2.current) == null ? void 0 : _this$ref2.scrollHeight,
+      behavior: 'smooth'
+    });
+  }
+  _getValidationMessage(statusMessage) {
+    return {
+      status: 'error',
+      statusMessage
+    };
+  }
+}
+exports.TagsModalState = TagsModalState;
+//# sourceMappingURL=TagsModalState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_bexCore","_bi","_util","actionOrigin","TagsModalState","constructor","tagsManagementState","entityTypeName","_defineProperty2","default","ConditionalModalState","undefined","observable","array","deep","tagsSearchState","TagsSearchState","container","tagsBIReporter","TagsBIReporter","collection","reportBi","createBILogger","componentType","fqdn","location","makeObservable","editedTagId","editedTagErrorMessage","isShowingNewTagListItem","init","action","openManageTagsModal","closeManageTagsModal","handleSearchChange","handleSearchClear","handleCreateCtaClick","handleEditCtaClick","handleCancelEditCtaClick","openConfirmDeleteModal","createTagFromSearch","createTagFromList","updateTag","deleteTag","showNotification","hideNotification","disposers","addEventListener","events","toastConfig","forEach","d","origin","manageTagsModalState","modal","open","_reportBiModalOpened","overrideShowToast","setSearchValue","_reportSearchEventsBi","close","_reportModalClosedBi","props","confirmModalState","theme","primaryButtonText","translate","secondaryButtonText","title","newSearchValue","_reportSearchChangedBi","setTimeout","_scrollContentTo","tag","id","toastConfigs","push","remove","clear","searchValue","shownItems","length","newName","slice","TAG_MAX_LENGTH","_createTag","name","isFromSearch","onSuccess","status","statusMessage","_isValidName","isLastTag","previousName","tagToUpdate","filteredListSize","optimisticActionParams","keepPosition","successToast","biName","message","showUndoToast","errorToast","type","tagToDelete","primaryButtonOnClick","filteredItems","sort","tag1","tag2","Date","createdDate","valueOf","isOpen","createTag","tagName","_getValidationMessage","count","items","find","toLowerCase","_this$tagsManagementS","cairoTagsModalStartLoad","numTags","onModalClose","onSearch","_clearAllEvents","event","emit","direction","_this$ref","_this$ref2","ref","current","scrollTo","top","scrollHeight","behavior","exports"],"sources":["../../../src/state/TagsModalState.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { action, makeObservable, observable } from 'mobx';\nimport {\n  ConditionalModalState,\n  TAG_MAX_LENGTH,\n  TagsBIReporter,\n  TagsManagementState,\n  TagsSearchState,\n  ToastConfig,\n} from '@wix/bex-core';\nimport { InputStatus, MessageModalLayoutProps } from '@wix/design-system';\nimport { cairoTagsModalStartLoad } from '@wix/bex-core/bi';\nimport { Tag } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport { addEventListener } from '@wix/bex-core/util';\n\nexport interface TagsModalStateParams {\n  readonly tagsManagementState: TagsManagementState;\n  readonly entityTypeName: string;\n}\n\nconst actionOrigin = 'Manage Tags Modal';\n\nexport class TagsModalState {\n  readonly tagsManagementState;\n  readonly tagsSearchState;\n  readonly manageTagsModalState = new ConditionalModalState();\n  readonly confirmModalState = new ConditionalModalState<\n    Partial<MessageModalLayoutProps>\n  >();\n  readonly container;\n  readonly tagsBIReporter: TagsBIReporter;\n  readonly entityTypeName: string;\n  origin?: string = undefined;\n  editedTagId: string | null = null;\n  editedTagErrorMessage: string | null = null;\n  isShowingNewTagListItem: boolean = false;\n  tagToDelete?: Tag;\n  toastConfigs = observable.array([] as ToastConfig[], {\n    deep: false,\n  });\n  ref: RefObject<HTMLDivElement> | null = null;\n\n  constructor({ tagsManagementState, entityTypeName }: TagsModalStateParams) {\n    this.tagsManagementState = tagsManagementState;\n    this.tagsSearchState = new TagsSearchState({\n      tagsManagementState,\n    });\n    this.entityTypeName = entityTypeName;\n    this.container = tagsManagementState.container;\n    this.tagsBIReporter = new TagsBIReporter({\n      collection: this.tagsManagementState.collection,\n      reportBi: this.tagsManagementState.container.createBILogger({\n        componentType: 'ManageTagsModal',\n        ...tagsManagementState.fqdn,\n      }),\n      location: 'Manage tags modal',\n    });\n\n    makeObservable(this, {\n      editedTagId: observable,\n      editedTagErrorMessage: observable,\n      isShowingNewTagListItem: observable,\n      init: action,\n      openManageTagsModal: action,\n      closeManageTagsModal: action,\n      handleSearchChange: action,\n      handleSearchClear: action,\n      handleCreateCtaClick: action,\n      handleEditCtaClick: action,\n      handleCancelEditCtaClick: action,\n      openConfirmDeleteModal: action,\n      createTagFromSearch: action,\n      createTagFromList: action,\n      updateTag: action,\n      deleteTag: action,\n      showNotification: action,\n      hideNotification: action,\n    });\n  }\n\n  init() {\n    const disposers = [\n      addEventListener(\n        this.tagsManagementState.events,\n        'showToast',\n        (toastConfig: ToastConfig) => {\n          this.showNotification(toastConfig);\n        },\n      ),\n      addEventListener(\n        this.tagsManagementState.events,\n        'hideToast',\n        (toastConfig: ToastConfig) => {\n          this.hideNotification(toastConfig);\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  openManageTagsModal({ origin }: { origin: string }) {\n    this.origin = origin;\n    this.manageTagsModalState.modal.open();\n    this._reportBiModalOpened();\n    this.tagsManagementState.overrideShowToast = true;\n  }\n\n  closeManageTagsModal() {\n    this.editedTagId = null;\n    this.editedTagErrorMessage = null;\n    this.isShowingNewTagListItem = false;\n    this.tagsSearchState.setSearchValue('');\n    this._reportSearchEventsBi('blur');\n    this.manageTagsModalState.modal.close();\n    this._reportModalClosedBi();\n    this.origin = undefined;\n    this.tagsManagementState.overrideShowToast = false;\n    this.hideNotification();\n  }\n\n  openConfirmDeleteModal(props?: Partial<MessageModalLayoutProps>) {\n    this.confirmModalState.open({\n      theme: 'destructive',\n      primaryButtonText: this.container.translate(\n        'cairo.tags.manageTags.modal.deleteModal.delete.CTA',\n      ),\n      secondaryButtonText: this.container.translate(\n        'cairo.tags.manageTags.modal.deleteModal.cancel.CTA',\n      ),\n      title: this.container.translate(\n        'cairo.tags.manageTags.modal.deleteModal.title',\n      ),\n      ...props,\n    });\n  }\n\n  handleSearchChange(newSearchValue: string) {\n    this.editedTagId = null;\n    this.isShowingNewTagListItem = false;\n    this._reportSearchChangedBi(newSearchValue);\n    this.tagsSearchState.setSearchValue(newSearchValue);\n  }\n\n  handleSearchClear() {\n    this._reportSearchEventsBi('clear');\n    this.tagsSearchState.setSearchValue('');\n  }\n\n  handleCreateCtaClick() {\n    this.tagsSearchState.setSearchValue('');\n    this.editedTagId = null;\n    this.isShowingNewTagListItem = true;\n    setTimeout(() => this._scrollContentTo('bottom'), 100);\n  }\n\n  handleEditCtaClick(tag: Tag) {\n    this._reportSearchEventsBi('select');\n    this.editedTagId = tag.id!;\n  }\n\n  handleCancelEditCtaClick() {\n    this.editedTagId = null;\n    this.isShowingNewTagListItem = false;\n  }\n\n  showNotification(toastConfig: ToastConfig) {\n    this.toastConfigs.push(toastConfig);\n    setTimeout(() => {\n      this.hideNotification(toastConfig);\n    }, 6000);\n  }\n\n  hideNotification(toastConfig?: ToastConfig) {\n    if (toastConfig) {\n      this.toastConfigs.remove(toastConfig);\n    } else {\n      this.toastConfigs.clear();\n    }\n  }\n\n  async createTagFromSearch() {\n    if (!this.searchValue || this.shownItems.length) {\n      return;\n    }\n\n    const newName = this.searchValue.slice(0, TAG_MAX_LENGTH);\n    this._reportSearchEventsBi('add');\n    this._createTag({\n      name: newName,\n      isFromSearch: true,\n      onSuccess: () => this._scrollContentTo('bottom'),\n    });\n    this.tagsSearchState.setSearchValue('');\n  }\n\n  async createTagFromList(newName: string) {\n    const { status, statusMessage } = this._isValidName(newName);\n    if (status === 'error') {\n      this.editedTagErrorMessage = statusMessage;\n      setTimeout(() => this._scrollContentTo('bottom'), 100);\n      return;\n    }\n\n    this._createTag({\n      name: newName,\n    });\n    this.isShowingNewTagListItem = false;\n  }\n\n  async updateTag({\n    tag,\n    newName,\n    isLastTag,\n  }: {\n    tag: Tag;\n    newName: string;\n    isLastTag: boolean;\n  }) {\n    if (newName === tag.name) {\n      this.editedTagId = null;\n      return;\n    }\n\n    const { status, statusMessage } = this._isValidName(newName);\n    if (status === 'error') {\n      this.editedTagErrorMessage = statusMessage;\n      if (isLastTag) {\n        setTimeout(() => this._scrollContentTo('bottom'), 100);\n      }\n      return;\n    }\n\n    this.editedTagId = null;\n    const previousName = tag.name!;\n    const isFromSearch = this.tagsSearchState.searchValue !== '';\n\n    this.tagsManagementState.updateTag({\n      tagToUpdate: { ...tag, name: newName },\n      previousName,\n      isFromSearch,\n      filteredListSize: this.shownItems.length,\n      origin: actionOrigin,\n      tagsBIReporter: this.tagsBIReporter,\n      optimisticActionParams: {\n        keepPosition: true,\n        successToast: {\n          biName: 'cairo-save-rename-tag-success',\n          message: this.container.translate(\n            'cairo.tags.manageTags.modal.toast.rename.success',\n          ),\n        },\n        showUndoToast: true,\n        errorToast: () => ({\n          biName: 'cairo-save-rename-tag-error',\n          message: this.container.translate(\n            'cairo.tags.manageTags.modal.toast.rename.error',\n          ),\n          type: 'ERROR',\n        }),\n      },\n    });\n  }\n\n  async deleteTag(tagToDelete: Tag) {\n    this._reportSearchEventsBi('select');\n    this.tagToDelete = tagToDelete;\n    const isFromSearch = this.tagsSearchState.searchValue !== '';\n    this.openConfirmDeleteModal({\n      primaryButtonOnClick: async () => {\n        this.tagsManagementState.deleteTag({\n          tagToDelete,\n          isFromSearch,\n          filteredListSize: this.shownItems.length,\n          origin: actionOrigin,\n          tagsBIReporter: this.tagsBIReporter,\n          optimisticActionParams: {\n            successToast: {\n              biName: 'cairo-delete-tag-success',\n              message: this.container.translate(\n                'cairo.tags.manageTags.modal.toast.delete.success',\n              ),\n            },\n            showUndoToast: true,\n            errorToast: () => ({\n              biName: 'cairo-delete-tag-error',\n              message: this.container.translate(\n                'cairo.tags.manageTags.modal.toast.delete.error',\n              ),\n              type: 'ERROR',\n            }),\n          },\n        });\n      },\n    });\n  }\n\n  get searchValue() {\n    return this.tagsSearchState.searchValue;\n  }\n\n  get shownItems() {\n    return this.tagsSearchState.filteredItems.sort(\n      (tag1, tag2) =>\n        new Date(tag1.createdDate!).valueOf() -\n        new Date(tag2.createdDate!).valueOf(),\n    );\n  }\n\n  get isOpen() {\n    return this.manageTagsModalState.isOpen;\n  }\n\n  get toastConfig() {\n    return this.toastConfigs[this.toastConfigs.length - 1] ?? null;\n  }\n\n  private async _createTag({\n    name,\n    isFromSearch = false,\n    onSuccess,\n  }: {\n    name: string;\n    isFromSearch?: boolean;\n    onSuccess?: (tag: Tag) => void;\n  }) {\n    this.tagsManagementState.createTag({\n      name,\n      isFromSearch,\n      filteredListSize: this.shownItems.length,\n      onSuccess,\n      origin: actionOrigin,\n      tagsBIReporter: this.tagsBIReporter,\n      optimisticActionParams: {\n        successToast: {\n          biName: 'cairo-save-new-tag-success',\n          message: this.container.translate(\n            'cairo.tags.manageTags.modal.toast.create.success',\n          ),\n        },\n        errorToast: () => ({\n          biName: 'cairo-save-new-tag-error',\n          message: this.container.translate(\n            'cairo.tags.manageTags.modal.toast.create.error',\n          ),\n        }),\n      },\n    });\n    this.editedTagErrorMessage = null;\n  }\n\n  private _isValidName(tagName: string) {\n    if (tagName.length === 0) {\n      return this._getValidationMessage(\n        this.container.translate(\n          'cairo.tags.manageTags.modal.list.input.validation.emptyName',\n        ),\n      );\n    }\n    if (tagName.length > TAG_MAX_LENGTH) {\n      return this._getValidationMessage(\n        this.container.translate(\n          'cairo.tags.manageTags.modal.list.input.validation.maxLength',\n          { count: TAG_MAX_LENGTH },\n        ),\n      );\n    }\n\n    if (\n      this.tagsManagementState.items.find(\n        ({ name }) => name!.toLowerCase() === tagName.toLowerCase(),\n      )\n    ) {\n      return this._getValidationMessage(\n        this.container.translate(\n          'cairo.tags.manageTags.modal.list.input.validation.exists',\n        ),\n      );\n    }\n\n    return { status: '' as InputStatus, statusMessage: '' };\n  }\n\n  private _reportBiModalOpened() {\n    this.tagsBIReporter.reportBi(\n      cairoTagsModalStartLoad({\n        numTags: this.tagsManagementState.items?.length,\n        origin: this.origin,\n      }),\n    );\n  }\n\n  private _reportModalClosedBi() {\n    this.tagsBIReporter.onModalClose({ origin: this.origin });\n  }\n\n  private _reportSearchChangedBi(searchValue: string) {\n    if (searchValue !== '') {\n      this.tagsBIReporter.onSearch(searchValue);\n    } else {\n      this.tagsBIReporter._clearAllEvents();\n    }\n  }\n\n  private _reportSearchEventsBi(event: 'add' | 'select' | 'clear' | 'blur') {\n    return this.tagsBIReporter.events.emit(event);\n  }\n\n  private _scrollContentTo(direction: 'top' | 'bottom' = 'top') {\n    this.ref?.current?.scrollTo({\n      top: direction === 'top' ? 0 : this.ref?.current?.scrollHeight,\n      behavior: 'smooth',\n    });\n  }\n\n  private _getValidationMessage(statusMessage: string) {\n    return {\n      status: 'error' as InputStatus,\n      statusMessage,\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/ToolbarBIReporter.js

@@ -0,0 +1,170 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ToolbarBIReporter = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _bi = require("@wix/bex-core/bi");
+var _mobx = require("mobx");
+const withoutDefaults = (0, _bexCore.withoutIrrelevant)();
+class ToolbarBIReporter {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "collection", void 0);
+    (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "reportBi", void 0);
+    (0, _defineProperty2.default)(this, "onAddItemClick", origin => {
+      this.reportBi((0, _bi.newItemCreationStart)({
+        origin: origin ?? 'Card CTA'
+      }));
+    });
+    (0, _defineProperty2.default)(this, "onPrimaryActionButtonClick", () => {
+      this.reportBi((0, _bi.cairoSectionCtaClicked)({
+        ctaName: 'Primary action button',
+        ctaType: 'Main',
+        location: 'Collection Toolbar'
+      }));
+    });
+    (0, _defineProperty2.default)(this, "loadStart", () => {
+      var _this$toolbar$collect;
+      this.reportBi(withoutDefaults(_bi.loadStart)({
+        ...this.toolbar._commonDynamicBiParams(),
+        url: window.location.href,
+        featuresAvailability: JSON.stringify({
+          isShowingSelection: this.toolbar.selectionProps.value.showSelection ?? false,
+          isUsingApplyInFiltersPanel: !!this.toolbar.AddApplyFiltersButton,
+          isUsingCustomColumns: !!this.toolbar.customColumnsProps,
+          isUsingOptimisticActions: !!this.collection._optimisticActions,
+          isUsingViews: !!this.toolbar.viewsProps,
+          isUsingSorting: this.toolbar.columns.some(col => col.sortable === true),
+          isUsingLoadSelectedColumns: this.collection.query.refreshOnColumnsChange ?? false,
+          isUsingDataExtension: !!((_this$toolbar$collect = this.toolbar.collectionDataExtension) != null && _this$toolbar$collect.dataExtension),
+          ...this.toolbar.featuresAvailability
+        }),
+        additionalFeaturesAvailability: JSON.stringify({
+          isUsingActionsCell: !!this.toolbar.actionCell.value,
+          ...this.toolbar.additionalFeaturesAvailability
+        })
+      }));
+    });
+    (0, _defineProperty2.default)(this, "loadEnd", startTime => {
+      this.reportBi(withoutDefaults(_bi.loadEnd)({
+        ...this.toolbar._commonDynamicBiParams(),
+        url: window.location.href,
+        loadingTime: Math.round(performance.now() - startTime)
+      }));
+    });
+    (0, _defineProperty2.default)(this, "cairoDataExAddCustomField", origin => {
+      this.reportBi(withoutDefaults(_bi.cairoDataExAddCustomField)({
+        origin
+      }));
+    });
+    (0, _defineProperty2.default)(this, "newItemCreationEnd", items => {
+      const {
+        itemKey
+      } = this.collection;
+      this.reportBi((0, _bi.newItemCreationEnd)({
+        itemId: JSON.stringify(items.map(itemKey)),
+        resultType: 'success'
+      }));
+    });
+    this.collection = params.collection;
+    this.toolbar = params.toolbar;
+    this.reportBi = params.reportBi;
+  }
+  ctaClicked({
+    location,
+    ctaIndex,
+    ctaName,
+    moreActionsIndex,
+    numCtas,
+    itemId,
+    itemIndex,
+    componentId,
+    appId
+  }) {
+    this.reportBi(withoutDefaults(_bi.cairoCtaClicked)({
+      ctaIndex,
+      ctaName,
+      location,
+      numCtas,
+      moreActionsIndex,
+      numItems: this.collection.bulkSelect.selectedCountOrTotal,
+      isSelectAll: this.collection.bulkSelect.allSelected,
+      itemId,
+      itemIndex
+    }));
+    if (componentId) {
+      this.reportBi(withoutDefaults(_bi.cairoTpaSCtaClicked)({
+        ctaIndex,
+        ctaName,
+        location,
+        numCtas,
+        appId,
+        tpaComponentId: componentId
+      }));
+    }
+  }
+  itemSelectionToggledStarted({
+    itemId,
+    clickType
+  }) {
+    const {
+      reportBi,
+      collection
+    } = this;
+    const {
+      bulkSelect,
+      query: {
+        search
+      }
+    } = collection;
+    const numItemsBefore = bulkSelect.selectedCountOrTotal;
+    return (0, _mobx.action)(() => {
+      reportBi(withoutDefaults(_bi.cairoItemSelectionToggled)({
+        isSelectAll: false,
+        isFromSearch: !search.isEmpty,
+        searchQuery: search.value,
+        itemId,
+        clickType,
+        numItemsBefore,
+        numItemsAfter: bulkSelect.selectedCountOrTotal
+      }));
+    });
+  }
+  selectAllToggledStart({
+    location
+  }) {
+    const {
+      reportBi,
+      toolbar: {
+        bulk
+      },
+      collection: {
+        bulkSelect,
+        query: {
+          search
+        }
+      }
+    } = this;
+    const numItemsBefore = bulkSelect.selectedCountOrTotal;
+    return (0, _mobx.action)(() => {
+      const {
+        hasClickableRows
+      } = bulk;
+      reportBi(withoutDefaults(_bi.cairoItemSelectionToggled)({
+        isSelectAll: true,
+        isFromSearch: !search.isEmpty,
+        searchQuery: search.value,
+        itemId: hasClickableRows ? undefined : 'All',
+        clickType: hasClickableRows ? 'Deselection' : 'Selection',
+        numItemsBefore,
+        numItemsAfter: bulkSelect.selectedCountOrTotal,
+        location,
+        timeFromAction: Math.round(performance.now() - bulk._selectionStartTime)
+      }));
+    });
+  }
+}
+exports.ToolbarBIReporter = ToolbarBIReporter;
+//# sourceMappingURL=ToolbarBIReporter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_bi","_mobx","withoutDefaults","withoutIrrelevant","ToolbarBIReporter","constructor","params","_defineProperty2","default","origin","reportBi","newItemCreationStart","cairoSectionCtaClicked","ctaName","ctaType","location","_this$toolbar$collect","loadStart","toolbar","_commonDynamicBiParams","url","window","href","featuresAvailability","JSON","stringify","isShowingSelection","selectionProps","value","showSelection","isUsingApplyInFiltersPanel","AddApplyFiltersButton","isUsingCustomColumns","customColumnsProps","isUsingOptimisticActions","collection","_optimisticActions","isUsingViews","viewsProps","isUsingSorting","columns","some","col","sortable","isUsingLoadSelectedColumns","query","refreshOnColumnsChange","isUsingDataExtension","collectionDataExtension","dataExtension","additionalFeaturesAvailability","isUsingActionsCell","actionCell","startTime","loadEnd","loadingTime","Math","round","performance","now","cairoDataExAddCustomField","items","itemKey","newItemCreationEnd","itemId","map","resultType","ctaClicked","ctaIndex","moreActionsIndex","numCtas","itemIndex","componentId","appId","cairoCtaClicked","numItems","bulkSelect","selectedCountOrTotal","isSelectAll","allSelected","cairoTpaSCtaClicked","tpaComponentId","itemSelectionToggledStarted","clickType","search","numItemsBefore","action","cairoItemSelectionToggled","isFromSearch","isEmpty","searchQuery","numItemsAfter","selectAllToggledStart","bulk","hasClickableRows","undefined","timeFromAction","_selectionStartTime","exports"],"sources":["../../../src/state/ToolbarBIReporter.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  ReportBI,\n  withoutIrrelevant,\n} from '@wix/bex-core';\nimport {\n  cairoCtaClicked,\n  cairoItemSelectionToggled,\n  cairoTpaSCtaClicked,\n  newItemCreationStart,\n  cairoSectionCtaClicked,\n  loadStart,\n  loadEnd,\n  cairoDataExAddCustomField,\n  newItemCreationEnd,\n} from '@wix/bex-core/bi';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { action } from 'mobx';\n\nexport type CTAClickedParams = {\n  location: ButtonLocations;\n  ctaIndex: number;\n  ctaName: string;\n  moreActionsIndex?: number;\n  numCtas: number;\n  itemId?: string;\n  itemIndex?: number;\n  componentId?: string;\n  appId?: string;\n};\n\nexport type ButtonLocations =\n  | 'multiBulkActionToolbar'\n  | 'bulkActionToolbar'\n  | 'actionCell';\n\nexport interface ToolbarBIReporterParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly reportBi: ReportBI;\n}\n\nconst withoutDefaults = withoutIrrelevant<\n  | 'currentTab'\n  | 'currentView'\n  | 'currentFilters'\n  | 'currentSortOrder'\n  | 'listSize'\n  | 'filteredListSize'\n  | 'initialItems'\n>();\n\nexport class ToolbarBIReporter<T, F extends FiltersMap> {\n  readonly collection;\n  readonly toolbar;\n  readonly reportBi;\n\n  constructor(params: ToolbarBIReporterParams<T, F>) {\n    this.collection = params.collection;\n    this.toolbar = params.toolbar;\n    this.reportBi = params.reportBi;\n  }\n\n  ctaClicked({\n    location,\n    ctaIndex,\n    ctaName,\n    moreActionsIndex,\n    numCtas,\n    itemId,\n    itemIndex,\n    componentId,\n    appId,\n  }: CTAClickedParams) {\n    this.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ctaIndex,\n        ctaName,\n        location,\n        numCtas,\n        moreActionsIndex,\n        numItems: this.collection.bulkSelect.selectedCountOrTotal,\n        isSelectAll: this.collection.bulkSelect.allSelected,\n        itemId,\n        itemIndex,\n      }),\n    );\n\n    if (componentId) {\n      this.reportBi(\n        withoutDefaults(cairoTpaSCtaClicked)({\n          ctaIndex,\n          ctaName,\n          location,\n          numCtas,\n          appId,\n          tpaComponentId: componentId,\n        }),\n      );\n    }\n  }\n\n  itemSelectionToggledStarted({\n    itemId,\n    clickType,\n  }: {\n    itemId: string;\n    clickType: 'Selection' | 'Deselection';\n  }) {\n    const { reportBi, collection } = this;\n    const {\n      bulkSelect,\n      query: { search },\n    } = collection;\n\n    const numItemsBefore = bulkSelect.selectedCountOrTotal;\n\n    return action(() => {\n      reportBi(\n        withoutDefaults(cairoItemSelectionToggled)({\n          isSelectAll: false,\n          isFromSearch: !search.isEmpty,\n          searchQuery: search.value,\n          itemId,\n          clickType,\n          numItemsBefore,\n          numItemsAfter: bulkSelect.selectedCountOrTotal,\n        }),\n      );\n    });\n  }\n\n  selectAllToggledStart({\n    location,\n  }: {\n    location?: 'TableToolbar CTA' | 'Checkbox';\n  }) {\n    const {\n      reportBi,\n      toolbar: { bulk },\n      collection: {\n        bulkSelect,\n        query: { search },\n      },\n    } = this;\n\n    const numItemsBefore = bulkSelect.selectedCountOrTotal;\n\n    return action(() => {\n      const { hasClickableRows } = bulk;\n      reportBi(\n        withoutDefaults(cairoItemSelectionToggled)({\n          isSelectAll: true,\n          isFromSearch: !search.isEmpty,\n          searchQuery: search.value,\n          itemId: hasClickableRows ? undefined : 'All',\n          clickType: hasClickableRows ? 'Deselection' : 'Selection',\n          numItemsBefore,\n          numItemsAfter: bulkSelect.selectedCountOrTotal,\n          location,\n          timeFromAction: Math.round(\n            performance.now() - bulk._selectionStartTime,\n          ),\n        }),\n      );\n    });\n  }\n\n  onAddItemClick = (origin?: string) => {\n    this.reportBi(\n      newItemCreationStart({\n        origin: origin ?? 'Card CTA',\n      }),\n    );\n  };\n\n  onPrimaryActionButtonClick = () => {\n    this.reportBi(\n      cairoSectionCtaClicked({\n        ctaName: 'Primary action button',\n        ctaType: 'Main',\n        location: 'Collection Toolbar',\n      }),\n    );\n  };\n\n  loadStart = () => {\n    this.reportBi(\n      withoutDefaults(loadStart)({\n        ...(this.toolbar._commonDynamicBiParams() as {}),\n        url: window.location.href,\n        featuresAvailability: JSON.stringify({\n          isShowingSelection:\n            this.toolbar.selectionProps.value.showSelection ?? false,\n          isUsingApplyInFiltersPanel: !!this.toolbar.AddApplyFiltersButton,\n          isUsingCustomColumns: !!this.toolbar.customColumnsProps,\n          isUsingOptimisticActions: !!this.collection._optimisticActions,\n          isUsingViews: !!this.toolbar.viewsProps,\n          isUsingSorting: this.toolbar.columns.some(\n            (col) => col.sortable === true,\n          ),\n          isUsingLoadSelectedColumns:\n            this.collection.query.refreshOnColumnsChange ?? false,\n          isUsingDataExtension:\n            !!this.toolbar.collectionDataExtension?.dataExtension,\n          ...this.toolbar.featuresAvailability,\n        }),\n        additionalFeaturesAvailability: JSON.stringify({\n          isUsingActionsCell: !!this.toolbar.actionCell.value,\n          ...this.toolbar.additionalFeaturesAvailability,\n        }),\n      }),\n    );\n  };\n\n  loadEnd = (startTime: DOMHighResTimeStamp) => {\n    this.reportBi(\n      withoutDefaults(loadEnd)({\n        ...this.toolbar._commonDynamicBiParams(),\n        url: window.location.href,\n        loadingTime: Math.round(performance.now() - startTime),\n      }),\n    );\n  };\n\n  cairoDataExAddCustomField = (origin: string) => {\n    this.reportBi(withoutDefaults(cairoDataExAddCustomField)({ origin }));\n  };\n\n  newItemCreationEnd = (items: T[]) => {\n    const { itemKey } = this.collection;\n    this.reportBi(\n      newItemCreationEnd({\n        itemId: JSON.stringify(items.map(itemKey)),\n        resultType: 'success',\n      }),\n    );\n  };\n}\n"],"mappings":"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"}