@wix/bex-core 1.447.0 → 1.448.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/state/TagsState/TagsAssignmentState.js +349 -0
- package/dist/cjs/state/TagsState/TagsAssignmentState.js.map +1 -0
- package/dist/cjs/state/TagsState/TagsBIReporter.js +156 -0
- package/dist/cjs/state/TagsState/TagsBIReporter.js.map +1 -0
- package/dist/cjs/state/TagsState/TagsFormState.js +228 -0
- package/dist/cjs/state/TagsState/TagsFormState.js.map +1 -0
- package/dist/cjs/state/TagsState/TagsManagementState.js +312 -0
- package/dist/cjs/state/TagsState/TagsManagementState.js.map +1 -0
- package/dist/cjs/state/TagsState/TagsSearchState.js +48 -0
- package/dist/cjs/state/TagsState/TagsSearchState.js.map +1 -0
- package/dist/cjs/state/TagsState/TagsWidgetState.js +98 -0
- package/dist/cjs/state/TagsState/TagsWidgetState.js.map +1 -0
- package/dist/cjs/state/TagsState/index.js +46 -0
- package/dist/cjs/state/TagsState/index.js.map +1 -0
- package/dist/cjs/state/TagsState/tagsTypes.js +2 -0
- package/dist/cjs/state/TagsState/tagsTypes.js.map +1 -0
- package/dist/cjs/state/index.js +7 -0
- package/dist/cjs/state/index.js.map +1 -1
- package/dist/esm/state/TagsState/TagsAssignmentState.js +245 -0
- package/dist/esm/state/TagsState/TagsAssignmentState.js.map +1 -0
- package/dist/esm/state/TagsState/TagsBIReporter.js +115 -0
- package/dist/esm/state/TagsState/TagsBIReporter.js.map +1 -0
- package/dist/esm/state/TagsState/TagsFormState.js +202 -0
- package/dist/esm/state/TagsState/TagsFormState.js.map +1 -0
- package/dist/esm/state/TagsState/TagsManagementState.js +208 -0
- package/dist/esm/state/TagsState/TagsManagementState.js.map +1 -0
- package/dist/esm/state/TagsState/TagsSearchState.js +40 -0
- package/dist/esm/state/TagsState/TagsSearchState.js.map +1 -0
- package/dist/esm/state/TagsState/TagsWidgetState.js +75 -0
- package/dist/esm/state/TagsState/TagsWidgetState.js.map +1 -0
- package/dist/esm/state/TagsState/index.js +8 -0
- package/dist/esm/state/TagsState/index.js.map +1 -0
- package/dist/esm/state/TagsState/tagsTypes.js +2 -0
- package/dist/esm/state/TagsState/tagsTypes.js.map +1 -0
- package/dist/esm/state/index.js +1 -0
- package/dist/esm/state/index.js.map +1 -1
- package/dist/types/state/TagsState/TagsAssignmentState.d.ts +78 -0
- package/dist/types/state/TagsState/TagsAssignmentState.d.ts.map +1 -0
- package/dist/types/state/TagsState/TagsBIReporter.d.ts +35 -0
- package/dist/types/state/TagsState/TagsBIReporter.d.ts.map +1 -0
- package/dist/types/state/TagsState/TagsFormState.d.ts +76 -0
- package/dist/types/state/TagsState/TagsFormState.d.ts.map +1 -0
- package/dist/types/state/TagsState/TagsManagementState.d.ts +65 -0
- package/dist/types/state/TagsState/TagsManagementState.d.ts.map +1 -0
- package/dist/types/state/TagsState/TagsSearchState.d.ts +13 -0
- package/dist/types/state/TagsState/TagsSearchState.d.ts.map +1 -0
- package/dist/types/state/TagsState/TagsWidgetState.d.ts +29 -0
- package/dist/types/state/TagsState/TagsWidgetState.d.ts.map +1 -0
- package/dist/types/state/TagsState/index.d.ts +8 -0
- package/dist/types/state/TagsState/index.d.ts.map +1 -0
- package/dist/types/state/TagsState/tagsTypes.d.ts +9 -0
- package/dist/types/state/TagsState/tagsTypes.d.ts.map +1 -0
- package/dist/types/state/index.d.ts +1 -0
- package/dist/types/state/index.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { cairoSearchForTags, cairoTagsAddDeleteTag, cairoTagsModalEndProcess, cairoTagsUnsuccessfulUpdateInServer, cairoTryAgainClicked, cairoUndoClicked, } from '@wix/bex-utils/@wix/bi-logger-cairo-os/v2';
|
|
2
|
+
import EventEmitter from 'events';
|
|
3
|
+
import { withoutIrrelevant } from '../../util';
|
|
4
|
+
const ACTIONS = {
|
|
5
|
+
'Add tag': 'Add',
|
|
6
|
+
'Rename tag': 'Rename',
|
|
7
|
+
'Delete tag': 'Delete',
|
|
8
|
+
};
|
|
9
|
+
const withoutDefaults = withoutIrrelevant();
|
|
10
|
+
export class TagsBIReporter {
|
|
11
|
+
constructor(params) {
|
|
12
|
+
this.events = new EventEmitter();
|
|
13
|
+
this.actionsMade = {
|
|
14
|
+
Add: false,
|
|
15
|
+
Delete: false,
|
|
16
|
+
Rename: false,
|
|
17
|
+
};
|
|
18
|
+
this.collection = params.collection;
|
|
19
|
+
this.reportBi = params.reportBi;
|
|
20
|
+
this.location = params.location;
|
|
21
|
+
}
|
|
22
|
+
set setActionsMade(actionName) {
|
|
23
|
+
if (!(actionName in ACTIONS)) {
|
|
24
|
+
throw Error(`Unknown action ${actionName} was invoked`);
|
|
25
|
+
}
|
|
26
|
+
const action = ACTIONS[actionName];
|
|
27
|
+
this.actionsMade = Object.assign(Object.assign({}, this.actionsMade), { [action]: true });
|
|
28
|
+
}
|
|
29
|
+
resetActionsMade() {
|
|
30
|
+
this.actionsMade = {
|
|
31
|
+
Add: false,
|
|
32
|
+
Delete: false,
|
|
33
|
+
Rename: false,
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
_clearAllEvents() {
|
|
37
|
+
const { events } = this;
|
|
38
|
+
events.removeAllListeners('select');
|
|
39
|
+
events.removeAllListeners('blur');
|
|
40
|
+
events.removeAllListeners('add');
|
|
41
|
+
events.removeAllListeners('clear');
|
|
42
|
+
}
|
|
43
|
+
_getErrorType(e) {
|
|
44
|
+
const isNetworkError = (e === null || e === void 0 ? void 0 : e.code) === 'ERR_NETWORK';
|
|
45
|
+
return isNetworkError ? 'Network error' : 'Technical issue';
|
|
46
|
+
}
|
|
47
|
+
onSearch(searchValue) {
|
|
48
|
+
const { events } = this;
|
|
49
|
+
const afterSearchParams = {
|
|
50
|
+
searchResultsCnt: this.collection.result.items.filter((item) => item.name.toLowerCase().includes(searchValue.toLowerCase())).length,
|
|
51
|
+
searchTerm: searchValue,
|
|
52
|
+
};
|
|
53
|
+
const reportTagSelectedSearchBI = () => {
|
|
54
|
+
this._clearAllEvents();
|
|
55
|
+
this.reportBi(withoutDefaults(cairoSearchForTags)(Object.assign(Object.assign({}, afterSearchParams), { location: this.location, endType: 'Tag selected' })));
|
|
56
|
+
};
|
|
57
|
+
const reportSearchDismissedSearchBI = () => {
|
|
58
|
+
this._clearAllEvents();
|
|
59
|
+
this.reportBi(withoutDefaults(cairoSearchForTags)(Object.assign(Object.assign({}, afterSearchParams), { location: this.location, endType: 'Search dismissed' })));
|
|
60
|
+
};
|
|
61
|
+
const reportAddNewFromSearchBI = () => {
|
|
62
|
+
this._clearAllEvents();
|
|
63
|
+
this.reportBi(withoutDefaults(cairoSearchForTags)(Object.assign(Object.assign({}, afterSearchParams), { location: this.location, endType: 'Add new tag' })));
|
|
64
|
+
};
|
|
65
|
+
this._clearAllEvents();
|
|
66
|
+
events.once('select', reportTagSelectedSearchBI);
|
|
67
|
+
events.once('blur', reportSearchDismissedSearchBI);
|
|
68
|
+
events.once('clear', reportSearchDismissedSearchBI);
|
|
69
|
+
events.once('add', reportAddNewFromSearchBI);
|
|
70
|
+
}
|
|
71
|
+
onAction(params) {
|
|
72
|
+
if (params.actionName) {
|
|
73
|
+
this.setActionsMade = params.actionName;
|
|
74
|
+
}
|
|
75
|
+
const afterActionParams = {
|
|
76
|
+
numTags: this.collection.result.items.length,
|
|
77
|
+
};
|
|
78
|
+
this.reportBi(withoutDefaults(cairoTagsAddDeleteTag)(Object.assign(Object.assign({}, params), afterActionParams)));
|
|
79
|
+
}
|
|
80
|
+
onError(params, error) {
|
|
81
|
+
const errorParams = {
|
|
82
|
+
numTags: this.collection.result.items.length,
|
|
83
|
+
errorType: this._getErrorType(error),
|
|
84
|
+
};
|
|
85
|
+
this.reportBi(withoutDefaults(cairoTagsUnsuccessfulUpdateInServer)(Object.assign(Object.assign({}, errorParams), params)));
|
|
86
|
+
}
|
|
87
|
+
onTryAgain(params) {
|
|
88
|
+
const tryAgainParams = {
|
|
89
|
+
loaction: 'Toast',
|
|
90
|
+
};
|
|
91
|
+
this.reportBi(withoutDefaults(cairoTryAgainClicked)(Object.assign(Object.assign({}, tryAgainParams), params)));
|
|
92
|
+
}
|
|
93
|
+
onUndo(params) {
|
|
94
|
+
this.reportBi(withoutDefaults(cairoUndoClicked)(params));
|
|
95
|
+
}
|
|
96
|
+
getActionsMadeChangesString() {
|
|
97
|
+
const actionsMadeArray = [];
|
|
98
|
+
this.actionsMade.Add && actionsMadeArray.push('Add');
|
|
99
|
+
this.actionsMade.Delete && actionsMadeArray.push('Delete');
|
|
100
|
+
this.actionsMade.Rename && actionsMadeArray.push('Rename');
|
|
101
|
+
return actionsMadeArray.join('/');
|
|
102
|
+
}
|
|
103
|
+
onModalClose(params) {
|
|
104
|
+
let endType = this.getActionsMadeChangesString();
|
|
105
|
+
if (endType) {
|
|
106
|
+
endType = `Close with changes(${endType})`;
|
|
107
|
+
}
|
|
108
|
+
else {
|
|
109
|
+
endType = 'Close without changes';
|
|
110
|
+
}
|
|
111
|
+
this.reportBi(withoutDefaults(cairoTagsModalEndProcess)(Object.assign(Object.assign({}, params), { numTags: this.collection.result.items.length, endType })));
|
|
112
|
+
this.resetActionsMade();
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
//# sourceMappingURL=TagsBIReporter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TagsBIReporter.js","sourceRoot":"","sources":["../../../../src/state/TagsState/TagsBIReporter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,mCAAmC,EACnC,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,YAAY,MAAM,QAAQ,CAAC;AAWlC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG7D,MAAM,OAAO,GAAG;IACd,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,QAAQ;IACtB,YAAY,EAAE,QAAQ;CACvB,CAAC;AAEF,MAAM,eAAe,GAAG,iBAAiB,EAAE,CAAC;AAQ5C,MAAM,OAAO,cAAc;IAkBzB,YAAY,MAA4B;QAb/B,WAAM,GAAG,IAAI,YAAY,EAKhC,CAAC;QAEK,gBAAW,GAAuD;YACxE,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,KAAK;SACd,CAAC;QAGA,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IAClC,CAAC;IAED,IAAI,cAAc,CAAC,UAAkB;QACnC,IAAI,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC,EAAE;YAC5B,MAAM,KAAK,CAAC,kBAAkB,UAAU,cAAc,CAAC,CAAC;SACzD;QACD,MAAM,MAAM,GAAG,OAAO,CAAC,UAAkC,CAAC,CAAC;QAC3D,IAAI,CAAC,WAAW,mCACX,IAAI,CAAC,WAAW,KACnB,CAAC,MAAM,CAAC,EAAE,IAAI,GACf,CAAC;IACJ,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,WAAW,GAAG;YACjB,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,KAAK;SACd,CAAC;IACJ,CAAC;IAED,eAAe;QACb,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAExB,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QACpC,MAAM,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAClC,MAAM,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACjC,MAAM,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,aAAa,CAAC,CAAM;QAClB,MAAM,cAAc,GAAG,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,MAAK,aAAa,CAAC;QACjD,OAAO,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC9D,CAAC;IAED,QAAQ,CAAC,WAAmB;QAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAExB,MAAM,iBAAiB,GAAG;YACxB,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAC7D,IAAI,CAAC,IAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAC7D,CAAC,MAAM;YACR,UAAU,EAAE,WAAW;SACQ,CAAC;QAElC,MAAM,yBAAyB,GAAG,GAAG,EAAE;YACrC,IAAI,CAAC,eAAe,EAAE,CAAC;YAEvB,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,kBAAkB,CAAC,iCAC9B,iBAAiB,KACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,cAAc,IACvB,CACH,CAAC;QACJ,CAAC,CAAC;QAEF,MAAM,6BAA6B,GAAG,GAAG,EAAE;YACzC,IAAI,CAAC,eAAe,EAAE,CAAC;YAEvB,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,kBAAkB,CAAC,iCAC9B,iBAAiB,KACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,kBAAkB,IAC3B,CACH,CAAC;QACJ,CAAC,CAAC;QAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;YACpC,IAAI,CAAC,eAAe,EAAE,CAAC;YAEvB,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,kBAAkB,CAAC,iCAC9B,iBAAiB,KACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,aAAa,IACtB,CACH,CAAC;QACJ,CAAC,CAAC;QAEF,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,yBAAyB,CAAC,CAAC;QACjD,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,6BAA6B,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,6BAA6B,CAAC,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ,CAAC,MAAuC;QAC9C,IAAI,MAAM,CAAC,UAAU,EAAE;YACrB,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC;SACzC;QACD,MAAM,iBAAiB,GAAG;YACxB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;SACV,CAAC;QAErC,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,qBAAqB,CAAC,iCACjC,MAAM,GACN,iBAAiB,EACpB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAqD,EACrD,KAAc;QAEd,MAAM,WAAW,GAAG;YAClB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM;YAC5C,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;SACY,CAAC;QAEnD,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,mCAAmC,CAAC,iCAC/C,WAAW,GACX,MAAM,EACT,CACH,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,MAA0C;QACnD,MAAM,cAAc,GAAG;YACrB,QAAQ,EAAE,OAAO;SAClB,CAAC;QAEF,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,oBAAoB,CAAC,iCAChC,cAAc,GACd,MAAM,EACT,CACH,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,MAAsC;QAC3C,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,2BAA2B;QACzB,MAAM,gBAAgB,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrD,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3D,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC;IAED,YAAY,CAAC,MAA0C;QACrD,IAAI,OAAO,GAAG,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACjD,IAAI,OAAO,EAAE;YACX,OAAO,GAAG,sBAAsB,OAAO,GAAG,CAAC;SAC5C;aAAM;YACL,OAAO,GAAG,uBAAuB,CAAC;SACnC;QAED,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,wBAAwB,CAAC,iCACpC,MAAM,KACT,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAC5C,OAAO,IACP,CACH,CAAC;QAEF,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;CACF"}
|
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
import { action, computed, makeObservable, observable } from 'mobx';
|
|
2
|
+
import { cairoTagsWidgetClickOnCta, cairoTagsWidgetLoaded, } from '@wix/bex-utils/@wix/bi-logger-cairo-os/v2';
|
|
3
|
+
import { TAG_MAX_LENGTH } from './TagsManagementState';
|
|
4
|
+
import { TagsSearchState } from './TagsSearchState';
|
|
5
|
+
import { TagsAssignmentState, } from './TagsAssignmentState';
|
|
6
|
+
import { TagsBIReporter } from './TagsBIReporter';
|
|
7
|
+
export const ADD_ITEM_OPTION_ID = 'add-item-option';
|
|
8
|
+
export const MANAGE_TAGS_OPTION_ID = 'manage-tags-option';
|
|
9
|
+
export class TagsFormState {
|
|
10
|
+
constructor({ tagsManagementState, origin }) {
|
|
11
|
+
this.previousSearchValue = '';
|
|
12
|
+
this.isMultiSelectOnFocus = false;
|
|
13
|
+
this.assignOptimisticActionParams = (tagName) => ({
|
|
14
|
+
onError: (error) => {
|
|
15
|
+
this.tagsBIReporter.onError({
|
|
16
|
+
tagName,
|
|
17
|
+
actionName: 'Assign tag',
|
|
18
|
+
origin: this.origin,
|
|
19
|
+
}, error);
|
|
20
|
+
},
|
|
21
|
+
errorToast: () => {
|
|
22
|
+
return {
|
|
23
|
+
biName: 'cairo-assign-tag-error',
|
|
24
|
+
message: this.container.translate('cairo.tags.collectionPage.toast.update.error'),
|
|
25
|
+
};
|
|
26
|
+
},
|
|
27
|
+
onTryAgain: () => {
|
|
28
|
+
this.tagsBIReporter.onTryAgain({
|
|
29
|
+
actionName: 'Assign tag',
|
|
30
|
+
});
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
this.assignTag = async (tag, onSubmit) => {
|
|
34
|
+
this.tagsAssignmentState.assignTag({
|
|
35
|
+
tag,
|
|
36
|
+
onSubmit,
|
|
37
|
+
isFromSearch: this.previousSearchValue !== '',
|
|
38
|
+
optimisticActionParams: this.assignOptimisticActionParams(tag.name),
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
this.unassignTag = async (tagId, onSubmit) => {
|
|
42
|
+
const tagToUnassign = this.tagsAssignmentState.assignedTags.find((tag) => tag.id === tagId);
|
|
43
|
+
if (tagToUnassign) {
|
|
44
|
+
this.tagsAssignmentState.unassignTag({
|
|
45
|
+
tag: tagToUnassign,
|
|
46
|
+
onSubmit,
|
|
47
|
+
isFromSearch: false,
|
|
48
|
+
optimisticActionParams: {
|
|
49
|
+
errorToast: () => {
|
|
50
|
+
return {
|
|
51
|
+
biName: 'cairo-remove-assign-tag-error',
|
|
52
|
+
message: this.container.translate('cairo.tags.collectionPage.toast.update.error'),
|
|
53
|
+
};
|
|
54
|
+
},
|
|
55
|
+
onError: (error) => {
|
|
56
|
+
this.tagsBIReporter.onError({
|
|
57
|
+
tagName: tagToUnassign.name,
|
|
58
|
+
actionName: 'Remove assign tag',
|
|
59
|
+
origin: this.origin,
|
|
60
|
+
}, error);
|
|
61
|
+
},
|
|
62
|
+
onTryAgain: () => {
|
|
63
|
+
this.tagsBIReporter.onTryAgain({
|
|
64
|
+
actionName: 'Remove assign tag',
|
|
65
|
+
});
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
this.createAndAssignTag = async (name, onSubmit) => {
|
|
72
|
+
this.tagsAssignmentState.createAndAssignTag({
|
|
73
|
+
name,
|
|
74
|
+
onSubmit,
|
|
75
|
+
filteredListSize: this.displayedTagOptions.length,
|
|
76
|
+
createOptimisticActionParams: {
|
|
77
|
+
errorToast: () => {
|
|
78
|
+
return {
|
|
79
|
+
biName: 'cairo-save-new-tag-error',
|
|
80
|
+
message: this.container.translate('cairo.tags.collectionPage.toast.create.error'),
|
|
81
|
+
};
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
assignOptimisticActionParams: this.assignOptimisticActionParams(name),
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
this.validate = async () => {
|
|
88
|
+
const tags = {
|
|
89
|
+
privateTags: { tagIds: this.tagsAssignmentState.assignedTagIds },
|
|
90
|
+
};
|
|
91
|
+
return {
|
|
92
|
+
isValid: true,
|
|
93
|
+
tags,
|
|
94
|
+
values: tags,
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
this.container = tagsManagementState.container;
|
|
98
|
+
this.origin = origin;
|
|
99
|
+
this.tagsManagementState = tagsManagementState;
|
|
100
|
+
this.tagsBIReporter = new TagsBIReporter({
|
|
101
|
+
collection: this.tagsManagementState.collection,
|
|
102
|
+
reportBi: this.container.createBILogger(Object.assign({ componentType: 'TagsWidget' }, tagsManagementState.fqdn)),
|
|
103
|
+
location: 'Tags widget',
|
|
104
|
+
});
|
|
105
|
+
this.tagsAssignmentState = new TagsAssignmentState({
|
|
106
|
+
tagsManagementState: this.tagsManagementState,
|
|
107
|
+
tagsBIReporter: this.tagsBIReporter,
|
|
108
|
+
origin,
|
|
109
|
+
fqdn: tagsManagementState.fqdn,
|
|
110
|
+
});
|
|
111
|
+
this.tagsSearchState = new TagsSearchState({
|
|
112
|
+
tagsManagementState: this.tagsManagementState,
|
|
113
|
+
});
|
|
114
|
+
makeObservable(this, {
|
|
115
|
+
init: action,
|
|
116
|
+
previousSearchValue: observable,
|
|
117
|
+
isMultiSelectOnFocus: observable,
|
|
118
|
+
displayedAssignedTags: computed,
|
|
119
|
+
displayedTagOptions: computed,
|
|
120
|
+
isDirty: computed,
|
|
121
|
+
handleManageTagsCtaClick: action,
|
|
122
|
+
handleSearchChange: action,
|
|
123
|
+
handleOptionsShow: action,
|
|
124
|
+
setIsMultiSelectOnFocus: action,
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
init({ initialTags, entityId, }) {
|
|
128
|
+
var _a, _b, _c;
|
|
129
|
+
this.entityId = entityId;
|
|
130
|
+
const disposers = [
|
|
131
|
+
this.tagsAssignmentState.init({
|
|
132
|
+
initialTags,
|
|
133
|
+
entityId,
|
|
134
|
+
}),
|
|
135
|
+
];
|
|
136
|
+
this.tagsBIReporter.reportBi(cairoTagsWidgetLoaded({
|
|
137
|
+
itemId: (_a = this.entityId) !== null && _a !== void 0 ? _a : undefined,
|
|
138
|
+
numTags: this.tagsManagementState.items.length,
|
|
139
|
+
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,
|
|
140
|
+
}));
|
|
141
|
+
return () => {
|
|
142
|
+
disposers.forEach((disposer) => disposer === null || disposer === void 0 ? void 0 : disposer());
|
|
143
|
+
};
|
|
144
|
+
}
|
|
145
|
+
get displayedAssignedTags() {
|
|
146
|
+
return this.tagsAssignmentState.assignedTags.map((assignedTag) => ({
|
|
147
|
+
id: assignedTag.id,
|
|
148
|
+
label: assignedTag.name,
|
|
149
|
+
}));
|
|
150
|
+
}
|
|
151
|
+
get displayedTagOptions() {
|
|
152
|
+
return this.tagsSearchState.filteredItems
|
|
153
|
+
.filter((tag) => !this.displayedAssignedTags.find((assignedTag) => assignedTag.label === tag.name))
|
|
154
|
+
.map((tag) => {
|
|
155
|
+
return { id: tag.id, value: tag.name };
|
|
156
|
+
});
|
|
157
|
+
}
|
|
158
|
+
get isInEmptyState() {
|
|
159
|
+
return this.tagsManagementState.items.length === 0;
|
|
160
|
+
}
|
|
161
|
+
get searchValue() {
|
|
162
|
+
return this.tagsSearchState.searchValue;
|
|
163
|
+
}
|
|
164
|
+
get shouldShowCreateTagOption() {
|
|
165
|
+
return this.searchValue && !this.tagsSearchState.hasSameTagAsSearch;
|
|
166
|
+
}
|
|
167
|
+
handleTagSelect(option, onSubmit) {
|
|
168
|
+
if (option.id === ADD_ITEM_OPTION_ID) {
|
|
169
|
+
this._invokeBiOnCtaClick('Create tags');
|
|
170
|
+
const tagName = this.previousSearchValue.slice(0, TAG_MAX_LENGTH);
|
|
171
|
+
this.createAndAssignTag(tagName, onSubmit);
|
|
172
|
+
return;
|
|
173
|
+
}
|
|
174
|
+
this.assignTag({ id: option.id, name: option.value }, onSubmit);
|
|
175
|
+
}
|
|
176
|
+
handleManageTagsCtaClick() {
|
|
177
|
+
this._invokeBiOnCtaClick('Manage tags');
|
|
178
|
+
}
|
|
179
|
+
handleSearchChange(newSearchValue) {
|
|
180
|
+
this.previousSearchValue = this.searchValue;
|
|
181
|
+
this.tagsSearchState.searchValue = newSearchValue;
|
|
182
|
+
}
|
|
183
|
+
handleOptionsShow() {
|
|
184
|
+
this._invokeBiOnCtaClick('Assign tags');
|
|
185
|
+
}
|
|
186
|
+
setIsMultiSelectOnFocus(isOnFocusValue) {
|
|
187
|
+
this.isMultiSelectOnFocus = isOnFocusValue;
|
|
188
|
+
}
|
|
189
|
+
get isDirty() {
|
|
190
|
+
return this.tagsAssignmentState.isDirty;
|
|
191
|
+
}
|
|
192
|
+
_invokeBiOnCtaClick(actionName) {
|
|
193
|
+
var _a;
|
|
194
|
+
return this.tagsBIReporter.reportBi(cairoTagsWidgetClickOnCta({
|
|
195
|
+
itemId: (_a = this.entityId) !== null && _a !== void 0 ? _a : undefined,
|
|
196
|
+
numTags: this.tagsManagementState.items.length,
|
|
197
|
+
numTagsAssigned: this.tagsAssignmentState.assignedTags.length,
|
|
198
|
+
actionName,
|
|
199
|
+
}));
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
//# sourceMappingURL=TagsFormState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TagsFormState.js","sourceRoot":"","sources":["../../../../src/state/TagsState/TagsFormState.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import { action, makeObservable } from 'mobx';
|
|
3
|
+
import { listTags, createTag, updateTag, deleteTag, } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/http';
|
|
4
|
+
import { TagExposure, } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';
|
|
5
|
+
import { v4 as uuid } from 'uuid';
|
|
6
|
+
import { EventEmitter } from 'events';
|
|
7
|
+
import { CollectionState } from '../CollectionState';
|
|
8
|
+
import { CollectionOptimisticActions, } from '../CollectionOptimisticActions';
|
|
9
|
+
import { TaskState } from '../TaskState';
|
|
10
|
+
import { fqdnToString } from '../../util';
|
|
11
|
+
import { WixPatternsError } from '../../services';
|
|
12
|
+
export const TAG_MAX_LENGTH = 30;
|
|
13
|
+
export class TagsManagementState {
|
|
14
|
+
constructor(params) {
|
|
15
|
+
this.initTask = new TaskState();
|
|
16
|
+
this.events = new EventEmitter();
|
|
17
|
+
this.overrideShowToast = false;
|
|
18
|
+
this.container = params.container;
|
|
19
|
+
this.fqdn = params.fqdn;
|
|
20
|
+
this.collection = new CollectionState(Object.assign(Object.assign({}, params.container), { events: {}, queryName: [this.fqdnString, 'tags'].join('/'), fetchData: async () => {
|
|
21
|
+
const fetchedItems = await this.container.httpClient
|
|
22
|
+
.request(listTags({ fqdn: this.fqdnString, exposure: TagExposure.PRIVATE }))
|
|
23
|
+
.then(({ data: { tags = [] } }) => tags.filter(({ id, name }) => id && name));
|
|
24
|
+
return {
|
|
25
|
+
items: fetchedItems,
|
|
26
|
+
total: fetchedItems.length,
|
|
27
|
+
};
|
|
28
|
+
}, itemKey: ({ id }) => id, itemName: ({ name }) => name, fetchErrorMessage: () => '', filters: {}, showToast: (toastConfig) => {
|
|
29
|
+
var _a;
|
|
30
|
+
if (this.overrideShowToast) {
|
|
31
|
+
this.events.emit('showToast', toastConfig);
|
|
32
|
+
return {
|
|
33
|
+
remove: () => {
|
|
34
|
+
this.events.emit('hideToast', toastConfig);
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
if ((_a = params === null || params === void 0 ? void 0 : params.container) === null || _a === void 0 ? void 0 : _a.showToast) {
|
|
39
|
+
return params.container.showToast(toastConfig);
|
|
40
|
+
}
|
|
41
|
+
return { remove: () => { } };
|
|
42
|
+
} }));
|
|
43
|
+
this.optimisticActions = new CollectionOptimisticActions({
|
|
44
|
+
container: this.container,
|
|
45
|
+
collection: this.collection,
|
|
46
|
+
orderBy: ({ sort }) => [
|
|
47
|
+
...(sort || []),
|
|
48
|
+
{
|
|
49
|
+
fieldName: ({ createdDate }) => (createdDate !== null && createdDate !== void 0 ? createdDate : new Date()).valueOf(),
|
|
50
|
+
order: 'asc',
|
|
51
|
+
},
|
|
52
|
+
],
|
|
53
|
+
});
|
|
54
|
+
makeObservable(this, {
|
|
55
|
+
init: action,
|
|
56
|
+
createTag: action,
|
|
57
|
+
updateTag: action,
|
|
58
|
+
deleteTag: action,
|
|
59
|
+
retry: action,
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
init() {
|
|
63
|
+
if (!this._isFqdnValid()) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
const { collection, optimisticActions } = this;
|
|
67
|
+
const disposers = [collection.init(), optimisticActions.init()];
|
|
68
|
+
this.initTask.runOnce(async () => {
|
|
69
|
+
collection.initTask.runOnce();
|
|
70
|
+
await collection.initTask.status.promise;
|
|
71
|
+
});
|
|
72
|
+
return () => {
|
|
73
|
+
disposers.forEach((disposer) => disposer());
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
retry() {
|
|
77
|
+
this.collection.initTask.runOnce();
|
|
78
|
+
}
|
|
79
|
+
get items() {
|
|
80
|
+
return this.collection.result.items;
|
|
81
|
+
}
|
|
82
|
+
get isError() {
|
|
83
|
+
return this.initTask.status.isError;
|
|
84
|
+
}
|
|
85
|
+
get isLoading() {
|
|
86
|
+
const { status } = this.collection.initTask;
|
|
87
|
+
return status.isIdle || status.isLoading;
|
|
88
|
+
}
|
|
89
|
+
get isSuccessful() {
|
|
90
|
+
const { status } = this.collection.initTask;
|
|
91
|
+
return status.isSuccess;
|
|
92
|
+
}
|
|
93
|
+
get fqdnString() {
|
|
94
|
+
return fqdnToString(this.fqdn);
|
|
95
|
+
}
|
|
96
|
+
getTagById(tagId) {
|
|
97
|
+
var _a, _b;
|
|
98
|
+
return (_b = (_a = this.collection.result._keyedItemsMap) === null || _a === void 0 ? void 0 : _a.get(tagId)) === null || _b === void 0 ? void 0 : _b.item;
|
|
99
|
+
}
|
|
100
|
+
getTagNameById(tagId) {
|
|
101
|
+
var _a;
|
|
102
|
+
return (_a = this.getTagById(tagId)) === null || _a === void 0 ? void 0 : _a.name;
|
|
103
|
+
}
|
|
104
|
+
_isFqdnValid() {
|
|
105
|
+
return this.fqdn.resource !== undefined;
|
|
106
|
+
}
|
|
107
|
+
_optimisticActionBaseParams(optimisticActionParams, { tagsBIReporter, actionName, origin, tagName, filteredListSize, isFromSearch = false, errorCode, }) {
|
|
108
|
+
const { onError, onTryAgain, onUndo } = optimisticActionParams, otherOptimisticActionParams = __rest(optimisticActionParams, ["onError", "onTryAgain", "onUndo"]);
|
|
109
|
+
return Object.assign({ onError: (error) => {
|
|
110
|
+
tagsBIReporter.onError({
|
|
111
|
+
tagName,
|
|
112
|
+
actionName,
|
|
113
|
+
origin,
|
|
114
|
+
}, error);
|
|
115
|
+
this.container.internalMonitor.reportError({
|
|
116
|
+
error: new WixPatternsError({
|
|
117
|
+
errorCode,
|
|
118
|
+
originalException: error,
|
|
119
|
+
}),
|
|
120
|
+
category: 'Tags',
|
|
121
|
+
});
|
|
122
|
+
onError === null || onError === void 0 ? void 0 : onError(error);
|
|
123
|
+
}, onTryAgain: () => {
|
|
124
|
+
tagsBIReporter.onTryAgain({
|
|
125
|
+
actionName,
|
|
126
|
+
isFromSearch,
|
|
127
|
+
filteredListSize,
|
|
128
|
+
});
|
|
129
|
+
onTryAgain === null || onTryAgain === void 0 ? void 0 : onTryAgain();
|
|
130
|
+
}, onUndo: () => {
|
|
131
|
+
tagsBIReporter.onUndo({ actionName });
|
|
132
|
+
onUndo === null || onUndo === void 0 ? void 0 : onUndo();
|
|
133
|
+
} }, otherOptimisticActionParams);
|
|
134
|
+
}
|
|
135
|
+
async createTag({ name, origin, filteredListSize, id = uuid(), isFromSearch = false, onSuccess, optimisticActionParams = {}, tagsBIReporter, }) {
|
|
136
|
+
const actionName = 'Add tag';
|
|
137
|
+
tagsBIReporter.onAction({
|
|
138
|
+
tagName: name,
|
|
139
|
+
isFromSearch,
|
|
140
|
+
actionName,
|
|
141
|
+
origin,
|
|
142
|
+
});
|
|
143
|
+
const newTag = {
|
|
144
|
+
id,
|
|
145
|
+
name,
|
|
146
|
+
fqdn: this.fqdnString,
|
|
147
|
+
exposure: TagExposure.PRIVATE,
|
|
148
|
+
createdDate: new Date(),
|
|
149
|
+
};
|
|
150
|
+
this.optimisticActions.createOne(newTag, Object.assign({ submit: async () => {
|
|
151
|
+
const createTagResponse = await this.container.httpClient.request(createTag({ tag: newTag }));
|
|
152
|
+
const serverCreatedTag = createTagResponse.data.tag;
|
|
153
|
+
await (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(serverCreatedTag));
|
|
154
|
+
return [serverCreatedTag];
|
|
155
|
+
} }, this._optimisticActionBaseParams(optimisticActionParams, {
|
|
156
|
+
tagsBIReporter,
|
|
157
|
+
actionName,
|
|
158
|
+
origin,
|
|
159
|
+
filteredListSize,
|
|
160
|
+
tagName: name,
|
|
161
|
+
isFromSearch,
|
|
162
|
+
errorCode: 'CreateTagFailed',
|
|
163
|
+
})));
|
|
164
|
+
}
|
|
165
|
+
async updateTag({ tagToUpdate, previousName, origin, filteredListSize, isFromSearch = false, optimisticActionParams = {}, tagsBIReporter, }) {
|
|
166
|
+
const actionName = 'Rename tag';
|
|
167
|
+
tagsBIReporter.onAction({
|
|
168
|
+
actionName,
|
|
169
|
+
previousName,
|
|
170
|
+
tagName: tagToUpdate.name,
|
|
171
|
+
isFromSearch,
|
|
172
|
+
origin,
|
|
173
|
+
});
|
|
174
|
+
await this.optimisticActions.updateOne(Object.assign(Object.assign({}, tagToUpdate), { revision: (+tagToUpdate.revision + 1).toString() }), Object.assign({ submit: async () => {
|
|
175
|
+
return this.container.httpClient.request(updateTag({ tag: tagToUpdate }));
|
|
176
|
+
} }, this._optimisticActionBaseParams(optimisticActionParams, {
|
|
177
|
+
tagsBIReporter,
|
|
178
|
+
actionName,
|
|
179
|
+
origin,
|
|
180
|
+
filteredListSize,
|
|
181
|
+
tagName: previousName,
|
|
182
|
+
isFromSearch,
|
|
183
|
+
errorCode: 'UpdateTagFailed',
|
|
184
|
+
})));
|
|
185
|
+
}
|
|
186
|
+
async deleteTag({ tagToDelete, origin, filteredListSize, isFromSearch = true, optimisticActionParams = {}, tagsBIReporter, }) {
|
|
187
|
+
const tagName = tagToDelete.name;
|
|
188
|
+
const actionName = 'Delete tag';
|
|
189
|
+
tagsBIReporter.onAction({
|
|
190
|
+
actionName,
|
|
191
|
+
tagName,
|
|
192
|
+
isFromSearch,
|
|
193
|
+
origin,
|
|
194
|
+
});
|
|
195
|
+
await this.optimisticActions.deleteOne(tagToDelete, Object.assign({ submit: async () => {
|
|
196
|
+
return this.container.httpClient.request(deleteTag({ tagId: tagToDelete.id }));
|
|
197
|
+
} }, this._optimisticActionBaseParams(optimisticActionParams, {
|
|
198
|
+
tagsBIReporter,
|
|
199
|
+
actionName,
|
|
200
|
+
origin,
|
|
201
|
+
tagName,
|
|
202
|
+
filteredListSize,
|
|
203
|
+
isFromSearch,
|
|
204
|
+
errorCode: 'RemovetagFailed',
|
|
205
|
+
})));
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
//# sourceMappingURL=TagsManagementState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TagsManagementState.js","sourceRoot":"","sources":["../../../../src/state/TagsState/TagsManagementState.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { TAG_MAX_LENGTH } from './TagsManagementState';
|
|
2
|
+
import { action, makeObservable, observable, computed } from 'mobx';
|
|
3
|
+
export class TagsSearchState {
|
|
4
|
+
constructor({ tagsManagementState }) {
|
|
5
|
+
this.searchValue = '';
|
|
6
|
+
this.setSearchValue = (newSearchValue) => {
|
|
7
|
+
this.searchValue = newSearchValue;
|
|
8
|
+
};
|
|
9
|
+
this.tagsManagementState = tagsManagementState;
|
|
10
|
+
makeObservable(this, {
|
|
11
|
+
searchValue: observable,
|
|
12
|
+
setSearchValue: action,
|
|
13
|
+
filteredItems: computed,
|
|
14
|
+
hasSameTagAsSearch: computed,
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
get filteredItems() {
|
|
18
|
+
if (!this.searchValue) {
|
|
19
|
+
return this.tagsManagementState.items;
|
|
20
|
+
}
|
|
21
|
+
const filteredTags = this.tagsManagementState.items.filter((tag) => {
|
|
22
|
+
return tag.name.toLowerCase().includes(this.searchValue.toLowerCase());
|
|
23
|
+
});
|
|
24
|
+
if (filteredTags.length === 0 && this.searchValue.length > TAG_MAX_LENGTH) {
|
|
25
|
+
const truncatedTag = this.tagsManagementState.items.find((tag) => tag.name.toLowerCase() ===
|
|
26
|
+
this.searchValue.substring(0, TAG_MAX_LENGTH).toLowerCase());
|
|
27
|
+
if (truncatedTag) {
|
|
28
|
+
return [truncatedTag];
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
return filteredTags;
|
|
32
|
+
}
|
|
33
|
+
get hasSameTagAsSearch() {
|
|
34
|
+
return this.tagsManagementState.items.some((tag) => {
|
|
35
|
+
return (tag.name.toLowerCase() ===
|
|
36
|
+
this.searchValue.substring(0, TAG_MAX_LENGTH).toLowerCase());
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=TagsSearchState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TagsSearchState.js","sourceRoot":"","sources":["../../../../src/state/TagsState/TagsSearchState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAMpE,MAAM,OAAO,eAAe;IAI1B,YAAY,EAAE,mBAAmB,EAAyB;QAF1D,gBAAW,GAAW,EAAE,CAAC;QAYzB,mBAAc,GAAG,CAAC,cAAsB,EAAE,EAAE;YAC1C,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC;QACpC,CAAC,CAAC;QAXA,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAC/C,cAAc,CAAC,IAAI,EAAE;YACnB,WAAW,EAAE,UAAU;YACvB,cAAc,EAAE,MAAM;YACtB,aAAa,EAAE,QAAQ;YACvB,kBAAkB,EAAE,QAAQ;SAC7B,CAAC,CAAC;IACL,CAAC;IAMD,IAAI,aAAa;QACf,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;SACvC;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;YACjE,OAAO,GAAG,CAAC,IAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;QAEH,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,cAAc,EAAE;YACzE,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,CACtD,CAAC,GAAG,EAAE,EAAE,CACN,GAAG,CAAC,IAAK,CAAC,WAAW,EAAE;gBACvB,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,WAAW,EAAE,CAC9D,CAAC;YAEF,IAAI,YAAY,EAAE;gBAChB,OAAO,CAAC,YAAY,CAAC,CAAC;aACvB;SACF;QACD,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACjD,OAAO,CACL,GAAG,CAAC,IAAK,CAAC,WAAW,EAAE;gBACvB,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,WAAW,EAAE,CAC5D,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}
|