@wix/patterns 1.131.0 → 1.134.0

package/dist/cjs/state/CustomFields/CustomFieldsWidgetState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_SidePanelsState","_mobx","_bi","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomFieldsWidgetState","constructor","container","fqdn","filterable","containsPii","_defineProperty2","TaskState","current","undefined","_size","panels","SidePanelsState","panelGroupName","fqdnToString","reportBi","createBILogger","componentType","dataExtension","DataExtensionState","closeSidePanel","makeObservable","hasWritePermissions","computed","widgetSize","setWidgetContentRef","action","isLoading","isError","observable","ref","_widgetContentRef","_extendedFields","_adjustWidgetSize","bound","_formState","retry","_userFieldsNamespace","dataExtensionService","userFieldsNamespace","_appLoadingStart","startTime","performance","now","commonBiParams","_commonDynamicBiParams","loadStart","url","window","location","href","loadEnd","loadingTime","Math","round","init","appLoaded","disposers","initTask","runOnce","_dataExtension$initTa","_container$initTask$s","lazyComponents","Promise","all","resolve","then","catch","err","WixPatternsError","errorCode","originalException","status","promise","error","internalMonitor","reportError","cairoErrorInLoadingAComponent","errorType","name","_customFieldsLazyComponents","forEach","d","initContent","addResizeObserver","bind","cairoTryAgainClicked","actionName","loaction","isDirty","_this$_formState","isIdle","ActionButtonsComponent","_this$_customFieldsLa","ActionButtons","CustomFieldsWidgetContent","_this$_customFieldsLa2","element","clientWidth","validate","_this$_formState2","data","isValid","extendedFields","namespaces","_user_fields","values","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsWidgetState.ts"],"sourcesContent":["import {\n  addResizeObserver,\n  DataExtensionState,\n  ExtendedFields,\n  Fqdn,\n  fqdnToString,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsError,\n} from '@wix/bex-core';\nimport { SidePanelsState } from '../SidePanelsState';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport type * as CustomFieldsWidgetLazyContent from '../../components/CustomFieldsWidget/CustomFieldsWidgetLazyContent';\nimport {\n  cairoErrorInLoadingAComponent,\n  cairoTryAgainClicked,\n  loadEnd,\n  loadStart,\n} from '@wix/bex-core/bi';\nimport { CustomFieldsAllNamespacesFormState } from './CustomFieldsAllNamespacesFormState';\n\nexport interface CustomFieldsWidgetStateParams {\n  readonly container: WixPatternsContainer;\n  readonly fqdn: Fqdn;\n  readonly filterable?: boolean;\n  readonly containsPii?: boolean;\n}\n\nexport type CustomFieldsWidgetSize = 'default' | 'small';\n\nexport class CustomFieldsWidgetState {\n  readonly container;\n  readonly dataExtension;\n  readonly initTask = new TaskState();\n\n  _extendedFields: ExtendedFields | null | undefined = null;\n  _formState: CustomFieldsAllNamespacesFormState | null = null;\n\n  _size: CustomFieldsWidgetSize;\n  _widgetContentRef: { current: HTMLDivElement | null } = {\n    current: null,\n  };\n\n  readonly panels;\n  readonly reportBi;\n  readonly fqdn;\n  _customFieldsLazyComponents:\n    | typeof CustomFieldsWidgetLazyContent\n    | undefined = undefined;\n\n  constructor({\n    container,\n    fqdn,\n    filterable,\n    containsPii,\n  }: CustomFieldsWidgetStateParams) {\n    this.container = container;\n\n    this.fqdn = fqdn;\n    this._size = 'default';\n    this.panels = new SidePanelsState({\n      panelGroupName: fqdnToString(fqdn),\n      container,\n    });\n\n    this.reportBi = container.createBILogger({\n      componentType: 'CustomFieldsWidget',\n      ...fqdn,\n    });\n\n    this.dataExtension = new DataExtensionState({\n      container,\n      reportBi: this.reportBi,\n      fqdn,\n      closeSidePanel: this.panels.closeSidePanel,\n      filterable,\n      containsPii,\n    });\n\n    makeObservable(this, {\n      hasWritePermissions: computed,\n      widgetSize: computed,\n      setWidgetContentRef: action,\n      isLoading: computed,\n      isError: computed,\n      _size: observable.ref,\n      _widgetContentRef: observable.ref,\n      _extendedFields: observable.ref,\n      _adjustWidgetSize: action.bound,\n      _formState: observable.ref,\n      retry: action.bound,\n    });\n  }\n\n  get _userFieldsNamespace() {\n    return this.dataExtension.dataExtensionService.userFieldsNamespace;\n  }\n\n  _appLoadingStart() {\n    const startTime = performance.now();\n    const commonBiParams = this._commonDynamicBiParams();\n\n    this.reportBi(\n      loadStart({\n        ...commonBiParams,\n        url: window.location.href,\n      }),\n    );\n\n    return () => {\n      this.reportBi(\n        loadEnd({\n          ...commonBiParams,\n          url: window.location.href,\n          loadingTime: Math.round(performance.now() - startTime),\n        }),\n      );\n    };\n  }\n\n  init({ appLoaded }: { appLoaded?: () => void }) {\n    const disposers = [\n      this.dataExtension.init(),\n    ];\n\n    const { initTask, dataExtension, container } = this;\n\n    initTask.runOnce(async () => {\n      dataExtension.initTask.runOnce();\n\n      const [lazyComponents] = await Promise.all([\n        import(\n          /* webpackChunkName: \"CustomFieldsWidgetLazyContent\" */\n          '../../components/CustomFieldsWidget/CustomFieldsWidgetLazyContent'\n        ).catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'LoadCustomFieldsWidgetLazyContentFailed',\n            originalException: err,\n          });\n        }),\n        dataExtension.initTask.status.promise?.catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'InitCustomFieldsDataExtensionFailed',\n            originalException: err,\n          });\n        }),\n        container.initTask.status.promise?.catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'InitCustomFieldsWidgetContainerFailed',\n            originalException: err,\n          });\n        }),\n      ]).catch((error) => {\n        this.container.internalMonitor.reportError({\n          error,\n        });\n\n        this.reportBi(\n          cairoErrorInLoadingAComponent({\n            errorType:\n              error instanceof WixPatternsError ? error.name : undefined,\n          }),\n        );\n\n        throw error;\n      });\n\n      this._customFieldsLazyComponents = lazyComponents;\n\n      appLoaded?.();\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  initContent() {\n    const disposers = [\n      addResizeObserver(\n        this._widgetContentRef.current,\n        this._adjustWidgetSize.bind(this),\n      ),\n    ];\n\n    this._adjustWidgetSize();\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  _commonDynamicBiParams() {\n    return {\n      url: window.location.href,\n    };\n  }\n\n  retry() {\n    this.reportBi(\n      cairoTryAgainClicked({\n        actionName: 'Load custom fields',\n        loaction: 'Custom fields widget',\n      }),\n    );\n\n    this.initTask.runOnce();\n  }\n\n  get isDirty() {\n    return !!this._formState?.isDirty;\n  }\n\n  get widgetSize() {\n    return this._size;\n  }\n\n  get isLoading() {\n    const { status } = this.initTask;\n    return status.isIdle || status.isLoading;\n  }\n\n  get ActionButtonsComponent() {\n    return this._customFieldsLazyComponents?.ActionButtons;\n  }\n\n  get CustomFieldsWidgetContent() {\n    return this._customFieldsLazyComponents?.CustomFieldsWidgetContent;\n  }\n\n  setWidgetContentRef(ref: HTMLDivElement | null) {\n    this._widgetContentRef.current = ref;\n  }\n\n  _adjustWidgetSize() {\n    if (this._widgetContentRef.current) {\n      const element = this._widgetContentRef.current;\n\n      if (element.clientWidth < 842) {\n        this._size = 'small';\n      } else {\n        this._size = 'default';\n      }\n    }\n  }\n\n  get isError() {\n    return this.initTask.status.isError;\n  }\n\n  async validate(): Promise<{\n    isValid: boolean;\n    extendedFields?: ExtendedFields;\n    values?: ExtendedFields;\n  }> {\n    const data = this._formState?.validate();\n\n    if (!data) {\n      return {\n        isValid: true,\n      };\n    }\n\n    if (data?.isValid) {\n      const extendedFields: ExtendedFields = {\n        namespaces: {\n          _user_fields: data.extendedFields,\n        },\n      };\n      return {\n        isValid: true,\n        extendedFields,\n        values: extendedFields,\n      };\n    }\n\n    return { isValid: false };\n  }\n\n  get hasWritePermissions() {\n    return this.dataExtension.hasWritePermissions;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_SidePanelsState","_mobx","_bi","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomFieldsWidgetState","constructor","container","fqdn","filterable","containsPii","extendedFields","_defineProperty2","TaskState","current","undefined","_extendedFields","_size","panels","SidePanelsState","panelGroupName","fqdnToString","reportBi","createBILogger","componentType","dataExtension","DataExtensionState","closeSidePanel","apps","AppsState","makeObservable","hasWritePermissions","computed","widgetSize","setWidgetContentRef","action","isLoading","isError","observable","ref","_widgetContentRef","_adjustWidgetSize","bound","retry","_userFieldsNamespace","dataExtensionService","userFieldsNamespace","_appLoadingStart","startTime","performance","now","commonBiParams","_commonDynamicBiParams","loadStart","url","window","location","href","loadEnd","loadingTime","Math","round","init","appLoaded","initTask","disposers","runOnce","_dataExtension$initTa","_container$initTask$s","_apps$initTask$status","lazyComponents","Promise","all","resolve","then","catch","err","WixPatternsError","errorCode","originalException","status","promise","error","internalMonitor","reportError","cairoErrorInLoadingAComponent","errorType","name","_customFieldsLazyComponents","forEach","d","getNamespaceFormSchemaAndData","namespace","_extendedFields$names","schema","fields","getSchemaAndFieldsByNamespace","extendedFieldsDataMap","namespaces","initContent","addResizeObserver","bind","cairoTryAgainClicked","actionName","loaction","isDirty","_this$_formState","_formState","isIdle","ActionButtonsComponent","_this$_customFieldsLa","ActionButtons","CustomFieldsWidgetContent","_this$_customFieldsLa2","element","clientWidth","validate","_this$_formState2","data","isValid","values","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsWidgetState.ts"],"sourcesContent":["import {\n  addResizeObserver,\n  AppsState,\n  DataExtensionState,\n  ExtendedFields,\n  Fqdn,\n  fqdnToString,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsError,\n} from '@wix/bex-core';\nimport { SidePanelsState } from '../SidePanelsState';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport type * as CustomFieldsWidgetLazyContent from '../../components/CustomFieldsWidget/CustomFieldsWidgetLazyContent';\nimport {\n  cairoErrorInLoadingAComponent,\n  cairoTryAgainClicked,\n  loadEnd,\n  loadStart,\n} from '@wix/bex-core/bi';\n\nimport { CustomFieldsAllNamespacesFormState } from './CustomFieldsAllNamespacesFormState';\n\nexport interface CustomFieldsWidgetStateParams {\n  readonly container: WixPatternsContainer;\n  readonly fqdn: Fqdn;\n  readonly filterable?: boolean;\n  readonly containsPii?: boolean;\n  readonly extendedFields?: ExtendedFields;\n}\n\nexport type CustomFieldsWidgetSize = 'default' | 'small';\n\nexport class CustomFieldsWidgetState {\n  readonly container;\n  readonly dataExtension;\n  readonly initTask = new TaskState();\n\n  _extendedFields: ExtendedFields | null | undefined = null;\n  _formState: CustomFieldsAllNamespacesFormState | null = null;\n\n  _size: CustomFieldsWidgetSize;\n  _widgetContentRef: { current: HTMLDivElement | null } = {\n    current: null,\n  };\n\n  readonly panels;\n  readonly reportBi;\n  readonly fqdn;\n  _customFieldsLazyComponents:\n    | typeof CustomFieldsWidgetLazyContent\n    | undefined = undefined;\n\n  readonly apps;\n\n  constructor({\n    container,\n    fqdn,\n    filterable,\n    containsPii,\n    extendedFields,\n  }: CustomFieldsWidgetStateParams) {\n    this.container = container;\n\n    this.fqdn = fqdn;\n    this._extendedFields = extendedFields;\n    this._size = 'default';\n    this.panels = new SidePanelsState({\n      panelGroupName: fqdnToString(fqdn),\n      container,\n    });\n\n    this.reportBi = container.createBILogger({\n      componentType: 'CustomFieldsWidget',\n      ...fqdn,\n    });\n\n    this.dataExtension = new DataExtensionState({\n      container,\n      reportBi: this.reportBi,\n      fqdn,\n      closeSidePanel: this.panels.closeSidePanel,\n      filterable,\n      containsPii,\n    });\n\n    this.apps = new AppsState({\n      container,\n      dataExtension: this.dataExtension,\n    });\n\n    makeObservable(this, {\n      hasWritePermissions: computed,\n      widgetSize: computed,\n      setWidgetContentRef: action,\n      isLoading: computed,\n      isError: computed,\n      _size: observable.ref,\n      _widgetContentRef: observable.ref,\n      _extendedFields: observable.ref,\n      _adjustWidgetSize: action.bound,\n      retry: action.bound,\n    });\n  }\n\n  get _userFieldsNamespace() {\n    return this.dataExtension.dataExtensionService.userFieldsNamespace;\n  }\n\n  _appLoadingStart() {\n    const startTime = performance.now();\n    const commonBiParams = this._commonDynamicBiParams();\n\n    this.reportBi(\n      loadStart({\n        ...commonBiParams,\n        url: window.location.href,\n      }),\n    );\n\n    return () => {\n      this.reportBi(\n        loadEnd({\n          ...commonBiParams,\n          url: window.location.href,\n          loadingTime: Math.round(performance.now() - startTime),\n        }),\n      );\n    };\n  }\n\n  init({ appLoaded }: { appLoaded?: () => void }) {\n    const { initTask, dataExtension, container, apps } = this;\n\n    const disposers = [dataExtension.init(), apps.init()];\n\n    initTask.runOnce(async () => {\n      dataExtension.initTask.runOnce();\n      apps.initTask.runOnce();\n\n      const [lazyComponents] = await Promise.all([\n        import(\n          /* webpackChunkName: \"CustomFieldsWidgetLazyContent\" */\n          '../../components/CustomFieldsWidget/CustomFieldsWidgetLazyContent'\n        ).catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'LoadCustomFieldsWidgetLazyContentFailed',\n            originalException: err,\n          });\n        }),\n        dataExtension.initTask.status.promise?.catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'InitCustomFieldsDataExtensionFailed',\n            originalException: err,\n          });\n        }),\n        container.initTask.status.promise?.catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'InitCustomFieldsWidgetContainerFailed',\n            originalException: err,\n          });\n        }),\n        apps.initTask.status.promise?.catch(() => null),\n      ]).catch((error) => {\n        this.container.internalMonitor.reportError({\n          error,\n        });\n\n        this.reportBi(\n          cairoErrorInLoadingAComponent({\n            errorType:\n              error instanceof WixPatternsError ? error.name : undefined,\n          }),\n        );\n\n        throw error;\n      });\n\n      this._customFieldsLazyComponents = lazyComponents;\n\n      appLoaded?.();\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  getNamespaceFormSchemaAndData(namespace: string) {\n    const { dataExtension, _extendedFields } = this;\n    const { schema, fields } =\n      dataExtension.getSchemaAndFieldsByNamespace(namespace);\n\n    return {\n      fields,\n      schema,\n      extendedFieldsDataMap: _extendedFields?.namespaces?.[namespace],\n    };\n  }\n\n  initContent() {\n    const disposers = [\n      addResizeObserver(\n        this._widgetContentRef.current,\n        this._adjustWidgetSize.bind(this),\n      ),\n    ];\n\n    this._adjustWidgetSize();\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  _commonDynamicBiParams() {\n    return {\n      url: window.location.href,\n    };\n  }\n\n  retry() {\n    this.reportBi(\n      cairoTryAgainClicked({\n        actionName: 'Load custom fields',\n        loaction: 'Custom fields widget',\n      }),\n    );\n\n    this.initTask.runOnce();\n  }\n\n  get isDirty() {\n    return !!this._formState?.isDirty;\n  }\n\n  get widgetSize() {\n    return this._size;\n  }\n\n  get isLoading() {\n    const { status } = this.initTask;\n    return status.isIdle || status.isLoading;\n  }\n\n  get ActionButtonsComponent() {\n    return this._customFieldsLazyComponents?.ActionButtons;\n  }\n\n  get CustomFieldsWidgetContent() {\n    return this._customFieldsLazyComponents?.CustomFieldsWidgetContent;\n  }\n\n  setWidgetContentRef(ref: HTMLDivElement | null) {\n    this._widgetContentRef.current = ref;\n  }\n\n  _adjustWidgetSize() {\n    if (this._widgetContentRef.current) {\n      const element = this._widgetContentRef.current;\n\n      if (element.clientWidth < 842) {\n        this._size = 'small';\n      } else {\n        this._size = 'default';\n      }\n    }\n  }\n\n  get isError() {\n    return this.initTask.status.isError;\n  }\n\n  async validate(): Promise<{\n    isValid: boolean;\n    extendedFields?: ExtendedFields;\n    values?: ExtendedFields;\n  }> {\n    const data = this._formState?.validate();\n\n    if (!data) {\n      return {\n        isValid: true,\n      };\n    }\n\n    if (data?.isValid) {\n      const extendedFields = data.extendedFields;\n      return {\n        isValid: true,\n        extendedFields,\n        values: extendedFields,\n      };\n    }\n\n    return { isValid: false };\n  }\n\n  get hasWritePermissions() {\n    return this.dataExtension.hasWritePermissions;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/TagsBulkAssignAsyncState.js

@@ -0,0 +1,171 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TagsBulkAssignAsyncState = exports.POLL_DELAY = exports.MILLIS_FOR_SHOWING_SUCCESS = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
+var _http = require("@wix/bex-utils/@wix/ambassador-infra-asyncjobs-v1-async-job/http");
+const POLL_DELAY = exports.POLL_DELAY = 500;
+const MILLIS_FOR_SHOWING_SUCCESS = exports.MILLIS_FOR_SHOWING_SUCCESS = 1000;
+class TagsBulkAssignAsyncState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "collectionState", void 0);
+    (0, _defineProperty2.default)(this, "optimisticActions", void 0);
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "tagsBIReporter", void 0);
+    (0, _defineProperty2.default)(this, "asyncBulkUpdateTags", void 0);
+    (0, _defineProperty2.default)(this, "asyncJobProgressModalState", new _bexCore.ConditionalModalState());
+    (0, _defineProperty2.default)(this, "job", null);
+    (0, _defineProperty2.default)(this, "timeout", null);
+    (0, _defineProperty2.default)(this, "isDuringApplyChanges", false);
+    (0, _defineProperty2.default)(this, "openAsyncJobProgressModal", () => {
+      this.asyncJobProgressModalState.modal.open();
+    });
+    (0, _defineProperty2.default)(this, "closeAsyncJobProgressModal", () => {
+      this.asyncJobProgressModalState.modal.close();
+    });
+    const {
+      collectionState,
+      optimisticActions,
+      container,
+      tagsBIReporter,
+      asyncBulkUpdateTags
+    } = params;
+    this.collectionState = collectionState;
+    this.optimisticActions = optimisticActions;
+    this.container = container;
+    this.tagsBIReporter = tagsBIReporter;
+    this.asyncBulkUpdateTags = asyncBulkUpdateTags;
+    (0, _mobx.makeObservable)(this, {
+      job: _mobx.observable.ref,
+      isDuringApplyChanges: _mobx.observable,
+      init: _mobx.action,
+      applyChanges: _mobx.action,
+      checkJobStatus: _mobx.action,
+      canBulkAssignAsync: _mobx.computed,
+      isJobCompleted: _mobx.computed,
+      isJobFailed: _mobx.computed,
+      isJobEnded: _mobx.computed,
+      isJobInProgress: _mobx.computed,
+      updatedItemsPercentage: _mobx.computed
+    });
+  }
+  init() {
+    const {
+      onBeforeUnload
+    } = this.container;
+    const onBeforeUnloadSubscription = onBeforeUnload == null ? void 0 : onBeforeUnload((0, _mobx.action)(event => {
+      if (this.isDuringApplyChanges) {
+        event.preventDefault();
+      }
+    }));
+    const disposers = [() => {
+      onBeforeUnloadSubscription == null || onBeforeUnloadSubscription.remove();
+    }, () => {
+      if (this.timeout) {
+        clearTimeout(this.timeout);
+      }
+    }];
+    return () => {
+      disposers.forEach(disposer => disposer());
+    };
+  }
+  async applyChanges({
+    newAssignedTagIds,
+    newUnassignedTagIds
+  }) {
+    if (!this.asyncBulkUpdateTags) {
+      throw new Error('tried to bulk assign tags async without asyncBulkUpdateTags prop given');
+    }
+    this.isDuringApplyChanges = true;
+    const {
+      bulkSelect,
+      result
+    } = this.collectionState;
+    const {
+      allSelected,
+      selectedValues,
+      uncheckedValues
+    } = bulkSelect;
+    const {
+      jobId
+    } = await this.asyncBulkUpdateTags({
+      allSelected,
+      selectedValues,
+      uncheckedValues,
+      query: result.originQuery,
+      assignTags: {
+        privateTags: {
+          tagIds: newAssignedTagIds
+        }
+      },
+      unassignTags: {
+        privateTags: {
+          tagIds: newUnassignedTagIds
+        }
+      }
+    });
+    this.asyncJobProgressModalState.modal.open();
+    await this.checkJobStatus(jobId);
+  }
+  async checkJobStatus(jobId) {
+    try {
+      const {
+        data: {
+          job
+        }
+      } = await this.container.httpClient.request((0, _http.getAsyncJob)({
+        jobId
+      }));
+      (0, _mobx.runInAction)(() => {
+        this.job = job;
+      });
+    } catch (error) {
+      console.error('failed to get job status', error);
+    }
+    (0, _mobx.runInAction)(() => {
+      if (this.isJobInProgress) {
+        this.timeout = setTimeout(() => this.checkJobStatus(jobId), POLL_DELAY);
+      } else {
+        if (this.isJobEnded) {
+          setTimeout(() => {
+            this.isDuringApplyChanges = false;
+            this.closeAsyncJobProgressModal();
+            this.job = null;
+          }, MILLIS_FOR_SHOWING_SUCCESS);
+        }
+      }
+    });
+  }
+  get isJobCompleted() {
+    var _this$job;
+    return ((_this$job = this.job) == null ? void 0 : _this$job.status) === 'FINISHED';
+  }
+  get isJobFailed() {
+    var _this$job2;
+    return ((_this$job2 = this.job) == null ? void 0 : _this$job2.status) === 'FAILED';
+  }
+  get isJobEnded() {
+    return this.isJobCompleted || this.isJobFailed;
+  }
+  get isJobInProgress() {
+    var _this$job3, _this$job4;
+    return ((_this$job3 = this.job) == null ? void 0 : _this$job3.status) === 'PROCESSING' || ((_this$job4 = this.job) == null ? void 0 : _this$job4.status) === 'INITIALIZED';
+  }
+  get canBulkAssignAsync() {
+    return !!this.asyncBulkUpdateTags;
+  }
+  get updatedItemsPercentage() {
+    var _this$job$counts, _this$job$counts2, _this$job5;
+    if (!this.job) {
+      return 0;
+    }
+    const alreadyUpdatedItemsCount = (((_this$job$counts = this.job.counts) == null ? void 0 : _this$job$counts.successCount) || 0) + (((_this$job$counts2 = this.job.counts) == null ? void 0 : _this$job$counts2.failCount) || 0);
+    const totalUpdatingItemsCount = ((_this$job5 = this.job) == null || (_this$job5 = _this$job5.counts) == null ? void 0 : _this$job5.total) || this.collectionState.bulkSelect.selectedCountOrTotal;
+    return Math.floor(100 * (alreadyUpdatedItemsCount / totalUpdatingItemsCount));
+  }
+}
+exports.TagsBulkAssignAsyncState = TagsBulkAssignAsyncState;
+//# sourceMappingURL=TagsBulkAssignAsyncState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_mobx","_http","POLL_DELAY","exports","MILLIS_FOR_SHOWING_SUCCESS","TagsBulkAssignAsyncState","constructor","params","_defineProperty2","default","ConditionalModalState","asyncJobProgressModalState","modal","open","close","collectionState","optimisticActions","container","tagsBIReporter","asyncBulkUpdateTags","makeObservable","job","observable","ref","isDuringApplyChanges","init","action","applyChanges","checkJobStatus","canBulkAssignAsync","computed","isJobCompleted","isJobFailed","isJobEnded","isJobInProgress","updatedItemsPercentage","onBeforeUnload","onBeforeUnloadSubscription","event","preventDefault","disposers","remove","timeout","clearTimeout","forEach","disposer","newAssignedTagIds","newUnassignedTagIds","Error","bulkSelect","result","allSelected","selectedValues","uncheckedValues","jobId","query","originQuery","assignTags","privateTags","tagIds","unassignTags","data","httpClient","request","getAsyncJob","runInAction","error","console","setTimeout","closeAsyncJobProgressModal","_this$job","status","_this$job2","_this$job3","_this$job4","_this$job$counts","_this$job$counts2","_this$job5","alreadyUpdatedItemsCount","counts","successCount","failCount","totalUpdatingItemsCount","total","selectedCountOrTotal","Math","floor"],"sources":["../../../src/state/TagsBulkAssignAsyncState.ts"],"sourcesContent":["import { ConditionalModalState, FiltersMap, Tags } from '@wix/bex-core';\n\nimport {\n  TagsBulkAssignPopoverState,\n  TagsBulkAssignPopoverStateParams,\n} from './TagsBulkAssignPopoverState';\nimport { BulkActionModalRenderPropParams } from '../components/BulkAction';\nimport {\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n  action,\n} from 'mobx';\nimport { getAsyncJob } from '@wix/bex-utils/@wix/ambassador-infra-asyncjobs-v1-async-job/http';\nimport { AsyncJob } from '@wix/bex-utils/@wix/ambassador-infra-asyncjobs-v1-async-job/types';\n\nexport const POLL_DELAY = 500;\nexport const MILLIS_FOR_SHOWING_SUCCESS = 1000;\nexport interface AsyncBulkUpdateTagsParams<T, F extends FiltersMap>\n  extends Pick<\n    BulkActionModalRenderPropParams<T, F>,\n    'allSelected' | 'selectedValues' | 'uncheckedValues' | 'query'\n  > {\n  assignTags: Tags;\n  unassignTags: Tags;\n}\n\nexport interface TagsBulkAssignAsyncStateParams<T, F extends FiltersMap>\n  extends Pick<\n    TagsBulkAssignPopoverStateParams<T, F>,\n    'asyncBulkUpdateTags' | 'collectionState'\n  > {\n  container: TagsBulkAssignPopoverState<T, F>['container'];\n  optimisticActions: TagsBulkAssignPopoverState<T, F>['optimisticActions'];\n  tagsBIReporter: TagsBulkAssignPopoverState<T, F>['tagsBIReporter'];\n}\n\nexport class TagsBulkAssignAsyncState<T, F extends FiltersMap> {\n  readonly collectionState;\n  readonly optimisticActions;\n  readonly container;\n  readonly tagsBIReporter;\n  readonly asyncBulkUpdateTags;\n  readonly asyncJobProgressModalState = new ConditionalModalState();\n\n  job: AsyncJob | null = null;\n  timeout: NodeJS.Timeout | null = null;\n  isDuringApplyChanges = false;\n\n  constructor(params: TagsBulkAssignAsyncStateParams<T, F>) {\n    const {\n      collectionState,\n      optimisticActions,\n      container,\n      tagsBIReporter,\n      asyncBulkUpdateTags,\n    } = params;\n    this.collectionState = collectionState;\n    this.optimisticActions = optimisticActions;\n    this.container = container;\n    this.tagsBIReporter = tagsBIReporter;\n    this.asyncBulkUpdateTags = asyncBulkUpdateTags;\n\n    makeObservable(this, {\n      job: observable.ref,\n      isDuringApplyChanges: observable,\n      init: action,\n      applyChanges: action,\n      checkJobStatus: action,\n      canBulkAssignAsync: computed,\n      isJobCompleted: computed,\n      isJobFailed: computed,\n      isJobEnded: computed,\n      isJobInProgress: computed,\n      updatedItemsPercentage: computed,\n    });\n  }\n\n  init() {\n    const { onBeforeUnload } = this.container;\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        if (this.isDuringApplyChanges) {\n          event.preventDefault();\n        }\n      }),\n    );\n    const disposers = [\n      () => {\n        onBeforeUnloadSubscription?.remove();\n      },\n      () => {\n        if (this.timeout) {\n          clearTimeout(this.timeout);\n        }\n      },\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }\n\n  async applyChanges({\n    newAssignedTagIds,\n    newUnassignedTagIds,\n  }: {\n    newAssignedTagIds: string[];\n    newUnassignedTagIds: string[];\n  }) {\n    if (!this.asyncBulkUpdateTags) {\n      throw new Error(\n        'tried to bulk assign tags async without asyncBulkUpdateTags prop given',\n      );\n    }\n\n    this.isDuringApplyChanges = true;\n    const { bulkSelect, result } = this.collectionState;\n    const { allSelected, selectedValues, uncheckedValues } = bulkSelect;\n\n    const { jobId } = await this.asyncBulkUpdateTags({\n      allSelected,\n      selectedValues,\n      uncheckedValues,\n      query: result.originQuery,\n      assignTags: { privateTags: { tagIds: newAssignedTagIds } },\n      unassignTags: { privateTags: { tagIds: newUnassignedTagIds } },\n    });\n\n    this.asyncJobProgressModalState.modal.open();\n    await this.checkJobStatus(jobId);\n  }\n\n  async checkJobStatus(jobId: string) {\n    try {\n      const {\n        data: { job },\n      } = await this.container.httpClient.request(getAsyncJob({ jobId }));\n      runInAction(() => {\n        this.job = job as AsyncJob;\n      });\n    } catch (error) {\n      console.error('failed to get job status', error);\n    }\n\n    runInAction(() => {\n      if (this.isJobInProgress) {\n        this.timeout = setTimeout(() => this.checkJobStatus(jobId), POLL_DELAY);\n      } else {\n        if (this.isJobEnded) {\n          setTimeout(() => {\n            this.isDuringApplyChanges = false;\n            this.closeAsyncJobProgressModal();\n            this.job = null;\n          }, MILLIS_FOR_SHOWING_SUCCESS);\n        }\n      }\n    });\n  }\n\n  openAsyncJobProgressModal = () => {\n    this.asyncJobProgressModalState.modal.open();\n  };\n\n  closeAsyncJobProgressModal = () => {\n    this.asyncJobProgressModalState.modal.close();\n  };\n\n  get isJobCompleted() {\n    return this.job?.status === 'FINISHED';\n  }\n\n  get isJobFailed() {\n    return this.job?.status === 'FAILED';\n  }\n\n  get isJobEnded() {\n    return this.isJobCompleted || this.isJobFailed;\n  }\n\n  get isJobInProgress() {\n    return (\n      this.job?.status === 'PROCESSING' || this.job?.status === 'INITIALIZED'\n    );\n  }\n\n  get canBulkAssignAsync() {\n    return !!this.asyncBulkUpdateTags;\n  }\n\n  get updatedItemsPercentage() {\n    if (!this.job) {\n      return 0;\n    }\n\n    const alreadyUpdatedItemsCount =\n      (this.job.counts?.successCount || 0) + (this.job.counts?.failCount || 0);\n    const totalUpdatingItemsCount =\n      this.job?.counts?.total ||\n      this.collectionState.bulkSelect.selectedCountOrTotal;\n\n    return Math.floor(\n      100 * (alreadyUpdatedItemsCount / totalUpdatingItemsCount),\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/TagsBulkAssignPopoverState.js

@@ -2,13 +2,16 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.TagsBulkAssignPopoverState = void 0;
+exports.TagsBulkAssignPopoverState = exports.MAX_SELECTED_ENTITIES_FOR_BULK_ASSIGN_SYNC = 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 _uuid = require("uuid");
+var _TagsBulkAssignAsyncState = require("./TagsBulkAssignAsyncState");
+var _TagsBulkAssignSyncState = require("./TagsBulkAssignSyncState");
 const origin = 'bulk_assign_popover';
+const MAX_SELECTED_ENTITIES_FOR_BULK_ASSIGN_SYNC = exports.MAX_SELECTED_ENTITIES_FOR_BULK_ASSIGN_SYNC = 100;
 class TagsBulkAssignPopoverState {
   constructor({
     tagsManagementState,
@@ -22,8 +25,8 @@ class TagsBulkAssignPopoverState {
     (0, _defineProperty2.default)(this, "collectionState", void 0);
     (0, _defineProperty2.default)(this, "optimisticActions", void 0);
     (0, _defineProperty2.default)(this, "tagsModalState", void 0);
-    (0, _defineProperty2.default)(this, "bulkUpdateTags", void 0);
-    (0, _defineProperty2.default)(this, "asyncBulkUpdateTags", void 0);
+    (0, _defineProperty2.default)(this, "bulkAssignSyncState", void 0);
+    (0, _defineProperty2.default)(this, "bulkAssignAsyncState", void 0);
     (0, _defineProperty2.default)(this, "container", void 0);
     (0, _defineProperty2.default)(this, "tagsBIReporter", void 0);
     (0, _defineProperty2.default)(this, "getTags", void 0);
@@ -34,67 +37,6 @@ class TagsBulkAssignPopoverState {
     (0, _defineProperty2.default)(this, "optimisticNewTag", null);
     (0, _defineProperty2.default)(this, "isShown", false);
     (0, _defineProperty2.default)(this, "searchValue", '');
-    (0, _defineProperty2.default)(this, "jobId", undefined);
-    (0, _defineProperty2.default)(this, "maxSelectedEntitiesNum", 100);
-    (0, _defineProperty2.default)(this, "bulkUpdateTagsSync", () => {
-      this._reportApplyBi();
-      const items = this._calcOptimisticItems();
-      const entityIds = this.collectionState.bulkSelect.selectedIds;
-      const assignedTagIds = this.newAssignedTagIds;
-      const newUnassignedTagIds = this.newUnassignedTagIds;
-      this.optimisticActions.updateMany(items, {
-        keepPosition: true,
-        submit: async () => {
-          return this.bulkUpdateTags({
-            entityIds,
-            assignTags: {
-              privateTags: {
-                tagIds: assignedTagIds
-              }
-            },
-            unassignTags: {
-              privateTags: {
-                tagIds: newUnassignedTagIds
-              }
-            }
-          });
-        },
-        successToast: {
-          biName: 'cairo-update-bulk-assign-tags-success',
-          message: this.container.translate('cairo.tags.applyChanges.toast.success')
-        },
-        showUndoToast: true,
-        errorToast: () => ({
-          biName: 'cairo-update-bulk-assign-tags-error',
-          message: this.container.translate('cairo.tags.collectionPage.toast.update.error')
-        }),
-        onUndo: this._reportUndoBi
-      });
-    });
-    (0, _defineProperty2.default)(this, "bulkUpdateTagsAsync", async () => {
-      var _this$asyncBulkUpdate;
-      const {
-        jobId
-      } = (await ((_this$asyncBulkUpdate = this.asyncBulkUpdateTags) == null ? void 0 : _this$asyncBulkUpdate.call(this, {
-        allSelected: this.collectionState.bulkSelect.allSelected,
-        selectedValues: this.collectionState.bulkSelect.selectedValues,
-        uncheckedValues: this.collectionState.bulkSelect.uncheckedValues,
-        query: this.collectionState.result.originQuery,
-        assignTags: {
-          privateTags: {
-            tagIds: this.newAssignedTagIds
-          }
-        },
-        unassignTags: {
-          privateTags: {
-            tagIds: this.newUnassignedTagIds
-          }
-        }
-      }))) || {
-        jobId: undefined
-      };
-      this.jobId = jobId;
-    });
     (0, _defineProperty2.default)(this, "assignTag", async ({
       tag
     }) => {
@@ -149,38 +91,7 @@ class TagsBulkAssignPopoverState {
         indeterminateTagIds
       };
     });
-    (0, _defineProperty2.default)(this, "_calItemUpdatedTagsIds", item => {
-      var _this$getTags2, _tags$privateTags2;
-      const tags = item.tags ?? ((_this$getTags2 = this.getTags) == null ? void 0 : _this$getTags2.call(this, item));
-      const currentTagIds = (tags == null || (_tags$privateTags2 = tags.privateTags) == null ? void 0 : _tags$privateTags2.tagIds) || [];
-      const updatedTagIds = Array.from(new Set([...currentTagIds, ...this.newAssignedTagIds].filter(tagId => !this.newUnassignedTagIds.includes(tagId))));
-      return updatedTagIds;
-    });
-    (0, _defineProperty2.default)(this, "_calcOptimisticItems", () => {
-      return this.collectionState.result.items.map(item => {
-        const selectedIds = this.collectionState.bulkSelect.selectedIds;
-        const itemKey = this.collectionState.itemKey(item);
-        if (!selectedIds.includes(itemKey)) {
-          return item;
-        }
-        const updatedTagIds = this._calItemUpdatedTagsIds(item);
-        return {
-          ...item,
-          tags: {
-            privateTags: {
-              tagIds: updatedTagIds
-            }
-          }
-        };
-      });
-    });
     (0, _defineProperty2.default)(this, "_isInitialUnassignedTag", tag => !this.initialIndeterminateTagIds.includes(tag.id) && !this.initialSelectedIds.includes(tag.id));
-    (0, _defineProperty2.default)(this, "_reportUndoBi", () => {
-      this.tagsBIReporter.reportBi((0, _bi.cairoUndoClicked)({
-        actionName: 'Save',
-        changedAttributes: 'Tags Assignment'
-      }));
-    });
     this.tagsManagementState = tagsManagementState;
     this.collectionState = collectionState;
     this.optimisticActions = collectionState._optimisticActions ?? new _bexCore.CollectionOptimisticActions({
@@ -196,14 +107,26 @@ class TagsBulkAssignPopoverState {
       location: 'Bulk assign tags popover'
     });
     this.tagsModalState = tagsModalState;
-    this.bulkUpdateTags = bulkUpdateTags;
-    this.asyncBulkUpdateTags = asyncBulkUpdateTags;
     this.container = tagsManagementState.container;
     this.getTags = getTags;
+    this.bulkAssignSyncState = new _TagsBulkAssignSyncState.TagsBulkAssignSyncState({
+      collectionState,
+      optimisticActions: this.optimisticActions,
+      container: this.container,
+      tagsBIReporter: this.tagsBIReporter,
+      getTags,
+      bulkUpdateTags
+    });
+    this.bulkAssignAsyncState = new _TagsBulkAssignAsyncState.TagsBulkAssignAsyncState({
+      collectionState,
+      optimisticActions: this.optimisticActions,
+      container: this.container,
+      tagsBIReporter: this.tagsBIReporter,
+      asyncBulkUpdateTags
+    });
     (0, _mobx.makeObservable)(this, {
       init: _mobx.action,
       isShown: _mobx.observable,
-      jobId: _mobx.observable,
       initialSelectedIds: _mobx.observable,
       initialIndeterminateTagIds: _mobx.observable,
       indeterminateTagIds: _mobx.observable,
@@ -222,7 +145,7 @@ class TagsBulkAssignPopoverState {
     });
   }
   init() {
-    const disposers = [this.optimisticActions.init()];
+    const disposers = [this.optimisticActions.init(), this.bulkAssignAsyncState.init()];
     return () => {
       disposers.forEach(disposer => disposer());
     };
@@ -284,10 +207,20 @@ class TagsBulkAssignPopoverState {
     });
   }
   async applyChanges() {
+    const {
+      searchValue,
+      newAssignedTagIds,
+      newUnassignedTagIds
+    } = this;
+    const params = {
+      searchValue,
+      newAssignedTagIds,
+      newUnassignedTagIds
+    };
     if (this.shouldlUseBulkSync) {
-      this.bulkUpdateTagsSync();
+      this.bulkAssignSyncState.applyChanges(params);
     } else {
-      await this.bulkUpdateTagsAsync();
+      await this.bulkAssignAsyncState.applyChanges(params);
     }
     this.closePopover();
   }
@@ -364,11 +297,11 @@ class TagsBulkAssignPopoverState {
       allSelectedItemsFetched,
       selectedCountOrTotal
     } = this.collectionState.bulkSelect;
-    return allSelectedItemsFetched && selectedCountOrTotal < this.maxSelectedEntitiesNum;
+    return allSelectedItemsFetched && selectedCountOrTotal < MAX_SELECTED_ENTITIES_FOR_BULK_ASSIGN_SYNC;
   }
   get canUseBulkUpdate() {
-    // if we have jobId we are in the middle of async job and should not run another one
-    if (this.jobId) {
+    // Cannot invoke bulk assign while applying async changes
+    if (this.bulkAssignAsyncState.isDuringApplyChanges) {
       return false;
     }
 
@@ -378,7 +311,7 @@ class TagsBulkAssignPopoverState {
     }
 
     // can use async
-    return !!this.asyncBulkUpdateTags;
+    return this.bulkAssignAsyncState.canBulkAssignAsync;
   }
   get isError() {
     return this.tagsManagementState.isError;
@@ -413,26 +346,6 @@ class TagsBulkAssignPopoverState {
   _reportSearchEventsBi(event) {
     return this.tagsBIReporter.events.emit(event);
   }
-  _reportApplyBi() {
-    let actionName = 'Both';
-    if (this.newAssignedTagIds.length === 0) {
-      actionName = 'Remove';
-    } else if (this.newUnassignedTagIds.length === 0) {
-      actionName = 'Assign';
-    }
-    const {
-      selectedIds: selectedItemsIds
-    } = this.collectionState.bulkSelect;
-    this.tagsBIReporter.reportBi((0, _bi.cairoAssignTagsToEntities)({
-      actionName,
-      isFromSearch: this.searchValue !== '',
-      itemIds: JSON.stringify(selectedItemsIds),
-      numItems: selectedItemsIds.length,
-      assignedTags: JSON.stringify(this.newAssignedTagIds),
-      unAssignedTags: JSON.stringify(this.newUnassignedTagIds),
-      origin: 'Assign Tags Modal'
-    }));
-  }
 }
 exports.TagsBulkAssignPopoverState = TagsBulkAssignPopoverState;
 //# sourceMappingURL=TagsBulkAssignPopoverState.js.map