@wix/bex-core 2.3.0 → 2.5.0

package/dist/esm/state/TagsState/TagsAssignmentState.js

@@ -0,0 +1,229 @@
+import { __rest } from "tslib";
+import { cairoTagsAssignTag } from '@wix/bex-utils/@wix/bi-logger-cairo-os/v2';
+import { v4 as uuid } from 'uuid';
+import { action, computed, makeObservable, observable } from 'mobx';
+import { CollectionOptimisticActions, } from '../CollectionOptimisticActions';
+import { TaskState } from '../TaskState';
+import { CollectionState } from '../CollectionState';
+import { fqdnToString } from '../../util';
+export class TagsAssignmentState {
+    constructor(_a) {
+        var { tagsManagementState, entityId, origin, tagsBIReporter } = _a, params = __rest(_a, ["tagsManagementState", "entityId", "origin", "tagsBIReporter"]);
+        this.initTask = new TaskState();
+        this.initialTags = [];
+        this.assignTag = async ({ tag, onSubmit, isFromSearch, optimisticActionParams, }) => {
+            if (this.assignedTagIds.includes(tag.id)) {
+                return;
+            }
+            const newIndex = this._getNewIndex();
+            await this.optimisticActions.createOne({ id: tag.id, index: newIndex }, Object.assign(Object.assign({}, optimisticActionParams), { submit: async (_) => {
+                    await this._assignTag({
+                        tagIds: this.assignedTagIds,
+                        tag,
+                        onSubmit,
+                        isFromSearch,
+                    });
+                    return [{ id: tag.id, index: newIndex }];
+                } }));
+        };
+        this.unassignTag = async ({ tag, onSubmit, isFromSearch = false, optimisticActionParams, }) => {
+            const tagToUnassign = this.collection.result.items.find((t) => t.id === tag.id);
+            await this.optimisticActions.deleteOne(tagToUnassign, Object.assign(Object.assign({}, optimisticActionParams), { submit: async () => {
+                    this._invokeBiOnAssignUnassign({
+                        actionName: 'Remove',
+                        tag,
+                        isFromSearch,
+                    });
+                    await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit({
+                        privateTags: {
+                            tagIds: this.assignedTagIds.filter((id) => id !== tag.id),
+                        },
+                    }));
+                } }));
+        };
+        this.createAndAssignTag = async ({ name, id = uuid(), filteredListSize, onSubmit, assignOptimisticActionParams, createOptimisticActionParams, }) => {
+            const newIndex = this._getNewIndex();
+            this.optimisticActions.createOne({ id, index: newIndex }, Object.assign(Object.assign({}, assignOptimisticActionParams), { submit: async (_) => {
+                    const newTag = await this._createAndAssign({
+                        name,
+                        id,
+                        filteredListSize,
+                        onSubmit,
+                        createOptimisticActionParams,
+                    });
+                    return [{ id: newTag.id, index: newIndex }];
+                } }));
+        };
+        this._assignTag = async ({ tagIds, tag, onSubmit, isFromSearch, }) => {
+            this._invokeBiOnAssignUnassign({
+                actionName: 'Assign',
+                tag,
+                isFromSearch,
+            });
+            await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit({
+                privateTags: {
+                    tagIds: Array.from(new Set([...tagIds, tag.id])),
+                },
+            }));
+        };
+        this._createAndAssign = async ({ name, id, filteredListSize, onSubmit, createOptimisticActionParams, }) => {
+            const isFromSearch = true;
+            let assignError;
+            let newTag = this.tagsManagementState.items.find((tag) => tag.name === name);
+            if (newTag) {
+                await this._assignTag({
+                    tagIds: this.assignedTagIds.filter((tagId) => tagId !== id),
+                    tag: newTag,
+                    onSubmit,
+                    isFromSearch,
+                });
+                return newTag;
+            }
+            newTag = await this._createTag({
+                name,
+                id,
+                filteredListSize,
+                isFromSearch,
+                createOptimisticActionParams,
+                onCreateSuccess: async (newTag) => {
+                    try {
+                        await this._assignTag({
+                            tagIds: this.assignedTagIds.filter((tagId) => tagId !== id),
+                            tag: newTag,
+                            onSubmit,
+                            isFromSearch,
+                        });
+                    }
+                    catch (error) {
+                        assignError = error;
+                    }
+                },
+            });
+            // We want to throw assign exception in assign optimistic context so assign tryAgain (and not create) will be triggered
+            if (assignError) {
+                throw assignError;
+            }
+            return newTag;
+        };
+        this._createTag = async ({ name, id, filteredListSize, isFromSearch, onCreateSuccess, createOptimisticActionParams, }) => {
+            return new Promise(async (resolve) => {
+                await this.tagsManagementState.createTag({
+                    name,
+                    id,
+                    filteredListSize,
+                    origin: this.origin,
+                    isFromSearch,
+                    tagsBIReporter: this.tagsBIReporter,
+                    optimisticActionParams: createOptimisticActionParams,
+                    onSuccess: async (newTag) => {
+                        await (onCreateSuccess === null || onCreateSuccess === void 0 ? void 0 : onCreateSuccess(newTag));
+                        resolve(newTag);
+                    },
+                });
+            });
+        };
+        this.tagsManagementState = tagsManagementState;
+        this.origin = origin;
+        this.tagsBIReporter = tagsBIReporter;
+        this.fqdn = params.fqdn;
+        makeObservable(this, {
+            initialTags: observable,
+            init: action,
+            assignTag: action,
+            createAndAssignTag: action,
+            unassignTag: action,
+            clear: action,
+            assignedTags: computed,
+            initialTagIds: computed,
+            isDirty: computed,
+        });
+        this.collection = new CollectionState(Object.assign(Object.assign({}, tagsManagementState.container), { events: {}, queryName: [this.fqdnString, origin, entityId].join('/'), fetchData: async () => {
+                return {
+                    items: this.initialTags,
+                    total: this.initialTags.length,
+                };
+            }, itemKey: (tag) => tag.id, itemName: (tag) => tag.id, fetchErrorMessage: () => '', filters: {} }));
+        this.optimisticActions = new CollectionOptimisticActions({
+            collection: this.collection,
+            container: tagsManagementState.container,
+            orderBy: () => [
+                {
+                    fieldName: ({ index }) => index,
+                    order: 'asc',
+                },
+            ],
+        });
+    }
+    init({ initialTags, entityId, }) {
+        var _a;
+        this.initialTags = Array.from(new Set(((_a = initialTags === null || initialTags === void 0 ? void 0 : initialTags.privateTags) === null || _a === void 0 ? void 0 : _a.tagIds) || [])).map((id, index) => ({
+            index,
+            id,
+        }));
+        this.entityId = entityId !== null && entityId !== void 0 ? entityId : undefined;
+        const { collection, optimisticActions } = this;
+        const disposers = [collection.init(), optimisticActions.init()];
+        this.initTask.runOnce(async () => {
+            await collection.initTask.status.promise;
+            this.tagsManagementState.init();
+            await this.tagsManagementState.initTask.status.promise;
+        });
+        return () => {
+            disposers.forEach((disposer) => disposer());
+        };
+    }
+    get fqdnString() {
+        return fqdnToString(this.fqdn);
+    }
+    get isLoading() {
+        const { status } = this.tagsManagementState.initTask;
+        return status.isIdle || status.isLoading || this.initTask.status.isLoading;
+    }
+    get isError() {
+        return (this.tagsManagementState.initTask.status.isError ||
+            this.initTask.status.isError);
+    }
+    retry() {
+        this.initTask.runOnce();
+    }
+    get assignedTags() {
+        var _a;
+        return (_a = this.collection.result.items) === null || _a === void 0 ? void 0 : _a.map(({ id }) => {
+            return this.tagsManagementState.items.find((tag) => tag.id === id);
+        }).filter(Boolean);
+    }
+    get assignedTagIds() {
+        return this.collection.result.items.map((tag) => tag.id);
+    }
+    get initialTagIds() {
+        return this.initialTags.map((tag) => tag.id);
+    }
+    clear() {
+        this.collection.result.clear();
+    }
+    get isDirty() {
+        if (this.initialTagIds.length !== this.assignedTagIds.length) {
+            return true;
+        }
+        const unassigendTagIds = this.initialTagIds.filter((id) => !this.assignedTagIds.includes(id));
+        const assignedTagIds = this.assignedTagIds.filter((id) => !this.initialTagIds.includes(id));
+        return unassigendTagIds.length !== 0 || assignedTagIds.length !== 0;
+    }
+    _invokeBiOnAssignUnassign({ actionName, tag, isFromSearch = false, }) {
+        this.tagsBIReporter.reportBi(cairoTagsAssignTag({
+            actionName,
+            isFromSearch,
+            itemId: this.entityId,
+            numItems: 1,
+            numTags: this.tagsManagementState.items.length,
+            numTagsAssigned: this.assignedTags.length,
+            tagName: tag.name,
+            origin: this.origin,
+        }));
+    }
+    _getNewIndex() {
+        const max = Math.max(0, ...this.collection.result.items.map((tag) => tag.index));
+        return max + 1;
+    }
+}
+//# sourceMappingURL=TagsAssignmentState.js.map

package/dist/esm/state/TagsState/TagsAssignmentState.js.map

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

package/dist/esm/state/TagsState/TagsBIReporter.js

@@ -0,0 +1,115 @@
+import { cairoSearchForTags, cairoTagsAddDeleteTag, cairoTagsModalEndProcess, cairoTagsUnsuccessfulUpdateInServer, cairoTryAgainClicked, cairoUndoClicked, } from '@wix/bex-utils/@wix/bi-logger-cairo-os/v2';
+import EventEmitter from 'events';
+import { withoutIrrelevant } from '../../util';
+const ACTIONS = {
+    'Add tag': 'Add',
+    'Rename tag': 'Rename',
+    'Delete tag': 'Delete',
+};
+const withoutDefaults = withoutIrrelevant();
+export class TagsBIReporter {
+    constructor(params) {
+        this.events = new EventEmitter();
+        this.actionsMade = {
+            Add: false,
+            Delete: false,
+            Rename: false,
+        };
+        this.collection = params.collection;
+        this.reportBi = params.reportBi;
+        this.location = params.location;
+    }
+    set setActionsMade(actionName) {
+        if (!(actionName in ACTIONS)) {
+            throw Error(`Unknown action ${actionName} was invoked`);
+        }
+        const action = ACTIONS[actionName];
+        this.actionsMade = Object.assign(Object.assign({}, this.actionsMade), { [action]: true });
+    }
+    resetActionsMade() {
+        this.actionsMade = {
+            Add: false,
+            Delete: false,
+            Rename: false,
+        };
+    }
+    _clearAllEvents() {
+        const { events } = this;
+        events.removeAllListeners('select');
+        events.removeAllListeners('blur');
+        events.removeAllListeners('add');
+        events.removeAllListeners('clear');
+    }
+    _getErrorType(e) {
+        const isNetworkError = (e === null || e === void 0 ? void 0 : e.code) === 'ERR_NETWORK';
+        return isNetworkError ? 'Network error' : 'Technical issue';
+    }
+    onSearch(searchValue) {
+        const { events } = this;
+        const afterSearchParams = {
+            searchResultsCnt: this.collection.result.items.filter((item) => item.name.toLowerCase().includes(searchValue.toLowerCase())).length,
+            searchTerm: searchValue,
+        };
+        const reportTagSelectedSearchBI = () => {
+            this._clearAllEvents();
+            this.reportBi(withoutDefaults(cairoSearchForTags)(Object.assign(Object.assign({}, afterSearchParams), { location: this.location, endType: 'Tag selected' })));
+        };
+        const reportSearchDismissedSearchBI = () => {
+            this._clearAllEvents();
+            this.reportBi(withoutDefaults(cairoSearchForTags)(Object.assign(Object.assign({}, afterSearchParams), { location: this.location, endType: 'Search dismissed' })));
+        };
+        const reportAddNewFromSearchBI = () => {
+            this._clearAllEvents();
+            this.reportBi(withoutDefaults(cairoSearchForTags)(Object.assign(Object.assign({}, afterSearchParams), { location: this.location, endType: 'Add new tag' })));
+        };
+        this._clearAllEvents();
+        events.once('select', reportTagSelectedSearchBI);
+        events.once('blur', reportSearchDismissedSearchBI);
+        events.once('clear', reportSearchDismissedSearchBI);
+        events.once('add', reportAddNewFromSearchBI);
+    }
+    onAction(params) {
+        if (params.actionName) {
+            this.setActionsMade = params.actionName;
+        }
+        const afterActionParams = {
+            numTags: this.collection.result.items.length,
+        };
+        this.reportBi(withoutDefaults(cairoTagsAddDeleteTag)(Object.assign(Object.assign({}, params), afterActionParams)));
+    }
+    onError(params, error) {
+        const errorParams = {
+            numTags: this.collection.result.items.length,
+            errorType: this._getErrorType(error),
+        };
+        this.reportBi(withoutDefaults(cairoTagsUnsuccessfulUpdateInServer)(Object.assign(Object.assign({}, errorParams), params)));
+    }
+    onTryAgain(params) {
+        const tryAgainParams = {
+            loaction: 'Toast',
+        };
+        this.reportBi(withoutDefaults(cairoTryAgainClicked)(Object.assign(Object.assign({}, tryAgainParams), params)));
+    }
+    onUndo(params) {
+        this.reportBi(withoutDefaults(cairoUndoClicked)(params));
+    }
+    getActionsMadeChangesString() {
+        const actionsMadeArray = [];
+        this.actionsMade.Add && actionsMadeArray.push('Add');
+        this.actionsMade.Delete && actionsMadeArray.push('Delete');
+        this.actionsMade.Rename && actionsMadeArray.push('Rename');
+        return actionsMadeArray.join('/');
+    }
+    onModalClose(params) {
+        let endType = this.getActionsMadeChangesString();
+        if (endType) {
+            endType = `Close with changes(${endType})`;
+        }
+        else {
+            endType = 'Close without changes';
+        }
+        this.reportBi(withoutDefaults(cairoTagsModalEndProcess)(Object.assign(Object.assign({}, params), { numTags: this.collection.result.items.length, endType })));
+        this.resetActionsMade();
+    }
+}
+//# sourceMappingURL=TagsBIReporter.js.map

package/dist/esm/state/TagsState/TagsBIReporter.js.map

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

package/dist/esm/state/TagsState/TagsFormState.js

@@ -0,0 +1,202 @@
+import { action, computed, makeObservable, observable } from 'mobx';
+import { cairoTagsWidgetClickOnCta, cairoTagsWidgetLoaded, } from '@wix/bex-utils/@wix/bi-logger-cairo-os/v2';
+import { TAG_MAX_LENGTH } from './TagsManagementState';
+import { TagsSearchState } from './TagsSearchState';
+import { TagsAssignmentState, } from './TagsAssignmentState';
+import { TagsBIReporter } from './TagsBIReporter';
+export const ADD_ITEM_OPTION_ID = 'add-item-option';
+export const MANAGE_TAGS_OPTION_ID = 'manage-tags-option';
+export class TagsFormState {
+    constructor({ tagsManagementState, origin }) {
+        this.previousSearchValue = '';
+        this.isMultiSelectOnFocus = false;
+        this.assignOptimisticActionParams = (tagName) => ({
+            onError: (error) => {
+                this.tagsBIReporter.onError({
+                    tagName,
+                    actionName: 'Assign tag',
+                    origin: this.origin,
+                }, error);
+            },
+            errorToast: () => {
+                return {
+                    biName: 'cairo-assign-tag-error',
+                    message: this.container.translate('cairo.tags.collectionPage.toast.update.error'),
+                };
+            },
+            onTryAgain: () => {
+                this.tagsBIReporter.onTryAgain({
+                    actionName: 'Assign tag',
+                });
+            },
+        });
+        this.assignTag = async (tag, onSubmit) => {
+            this.tagsAssignmentState.assignTag({
+                tag,
+                onSubmit,
+                isFromSearch: this.previousSearchValue !== '',
+                optimisticActionParams: this.assignOptimisticActionParams(tag.name),
+            });
+        };
+        this.unassignTag = async (tagId, onSubmit) => {
+            const tagToUnassign = this.tagsAssignmentState.assignedTags.find((tag) => tag.id === tagId);
+            if (tagToUnassign) {
+                this.tagsAssignmentState.unassignTag({
+                    tag: tagToUnassign,
+                    onSubmit,
+                    isFromSearch: false,
+                    optimisticActionParams: {
+                        errorToast: () => {
+                            return {
+                                biName: 'cairo-remove-assign-tag-error',
+                                message: this.container.translate('cairo.tags.collectionPage.toast.update.error'),
+                            };
+                        },
+                        onError: (error) => {
+                            this.tagsBIReporter.onError({
+                                tagName: tagToUnassign.name,
+                                actionName: 'Remove assign tag',
+                                origin: this.origin,
+                            }, error);
+                        },
+                        onTryAgain: () => {
+                            this.tagsBIReporter.onTryAgain({
+                                actionName: 'Remove assign tag',
+                            });
+                        },
+                    },
+                });
+            }
+        };
+        this.createAndAssignTag = async (name, onSubmit) => {
+            this.tagsAssignmentState.createAndAssignTag({
+                name,
+                onSubmit,
+                filteredListSize: this.displayedTagOptions.length,
+                createOptimisticActionParams: {
+                    errorToast: () => {
+                        return {
+                            biName: 'cairo-save-new-tag-error',
+                            message: this.container.translate('cairo.tags.collectionPage.toast.create.error'),
+                        };
+                    },
+                },
+                assignOptimisticActionParams: this.assignOptimisticActionParams(name),
+            });
+        };
+        this.validate = async () => {
+            const tags = {
+                privateTags: { tagIds: this.tagsAssignmentState.assignedTagIds },
+            };
+            return {
+                isValid: true,
+                tags,
+                values: tags,
+            };
+        };
+        this.container = tagsManagementState.container;
+        this.origin = origin;
+        this.tagsManagementState = tagsManagementState;
+        this.tagsBIReporter = new TagsBIReporter({
+            collection: this.tagsManagementState.collection,
+            reportBi: this.container.createBILogger(Object.assign({ componentType: 'TagsWidget' }, tagsManagementState.fqdn)),
+            location: 'Tags widget',
+        });
+        this.tagsAssignmentState = new TagsAssignmentState({
+            tagsManagementState: this.tagsManagementState,
+            tagsBIReporter: this.tagsBIReporter,
+            origin,
+            fqdn: tagsManagementState.fqdn,
+        });
+        this.tagsSearchState = new TagsSearchState({
+            tagsManagementState: this.tagsManagementState,
+        });
+        makeObservable(this, {
+            init: action,
+            previousSearchValue: observable,
+            isMultiSelectOnFocus: observable,
+            displayedAssignedTags: computed,
+            displayedTagOptions: computed,
+            isDirty: computed,
+            handleManageTagsCtaClick: action,
+            handleSearchChange: action,
+            handleOptionsShow: action,
+            setIsMultiSelectOnFocus: action,
+        });
+    }
+    init({ initialTags, entityId, }) {
+        var _a, _b, _c;
+        this.entityId = entityId;
+        const disposers = [
+            this.tagsAssignmentState.init({
+                initialTags,
+                entityId,
+            }),
+        ];
+        this.tagsBIReporter.reportBi(cairoTagsWidgetLoaded({
+            itemId: (_a = this.entityId) !== null && _a !== void 0 ? _a : undefined,
+            numTags: this.tagsManagementState.items.length,
+            numTagsAssigned: (_c = (_b = initialTags === null || initialTags === void 0 ? void 0 : initialTags.privateTags) === null || _b === void 0 ? void 0 : _b.tagIds) === null || _c === void 0 ? void 0 : _c.length,
+        }));
+        return () => {
+            disposers.forEach((disposer) => disposer === null || disposer === void 0 ? void 0 : disposer());
+        };
+    }
+    get displayedAssignedTags() {
+        return this.tagsAssignmentState.assignedTags.map((assignedTag) => ({
+            id: assignedTag.id,
+            label: assignedTag.name,
+        }));
+    }
+    get displayedTagOptions() {
+        return this.tagsSearchState.filteredItems
+            .filter((tag) => !this.displayedAssignedTags.find((assignedTag) => assignedTag.label === tag.name))
+            .map((tag) => {
+            return { id: tag.id, value: tag.name };
+        });
+    }
+    get isInEmptyState() {
+        return this.tagsManagementState.items.length === 0;
+    }
+    get searchValue() {
+        return this.tagsSearchState.searchValue;
+    }
+    get shouldShowCreateTagOption() {
+        return this.searchValue && !this.tagsSearchState.hasSameTagAsSearch;
+    }
+    handleTagSelect(option, onSubmit) {
+        if (option.id === ADD_ITEM_OPTION_ID) {
+            this._invokeBiOnCtaClick('Create tags');
+            const tagName = this.previousSearchValue.slice(0, TAG_MAX_LENGTH);
+            this.createAndAssignTag(tagName, onSubmit);
+            return;
+        }
+        this.assignTag({ id: option.id, name: option.value }, onSubmit);
+    }
+    handleManageTagsCtaClick() {
+        this._invokeBiOnCtaClick('Manage tags');
+    }
+    handleSearchChange(newSearchValue) {
+        this.previousSearchValue = this.searchValue;
+        this.tagsSearchState.searchValue = newSearchValue;
+    }
+    handleOptionsShow() {
+        this._invokeBiOnCtaClick('Assign tags');
+    }
+    setIsMultiSelectOnFocus(isOnFocusValue) {
+        this.isMultiSelectOnFocus = isOnFocusValue;
+    }
+    get isDirty() {
+        return this.tagsAssignmentState.isDirty;
+    }
+    _invokeBiOnCtaClick(actionName) {
+        var _a;
+        return this.tagsBIReporter.reportBi(cairoTagsWidgetClickOnCta({
+            itemId: (_a = this.entityId) !== null && _a !== void 0 ? _a : undefined,
+            numTags: this.tagsManagementState.items.length,
+            numTagsAssigned: this.tagsAssignmentState.assignedTags.length,
+            actionName,
+        }));
+    }
+}
+//# sourceMappingURL=TagsFormState.js.map

package/dist/esm/state/TagsState/TagsFormState.js.map

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