@wix/patterns 0.8.0

package/dist/cjs/state/EntityPage/EntityPageState.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EntityPageState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
+var _EntityPageStateBIReporter = require("./EntityPageStateBIReporter");
+var _events = require("@wix/bex-core/events");
+class EntityPageState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "initTask", new _bexCore.TaskState());
+    (0, _defineProperty2.default)(this, "submitTask", new _bexCore.TaskState());
+    (0, _defineProperty2.default)(this, "fetch", void 0);
+    (0, _defineProperty2.default)(this, "onSave", void 0);
+    (0, _defineProperty2.default)(this, "saveErrorToast", void 0);
+    (0, _defineProperty2.default)(this, "_entity", null);
+    (0, _defineProperty2.default)(this, "_form", void 0);
+    (0, _defineProperty2.default)(this, "_parentPageId", void 0);
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "reportBI", void 0);
+    (0, _defineProperty2.default)(this, "bi", void 0);
+    (0, _defineProperty2.default)(this, "_isSubmitSuccessful", void 0);
+    (0, _defineProperty2.default)(this, "_isFormDirty", void 0);
+    (0, _defineProperty2.default)(this, "formPage", new _bexCore.FormPageState());
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    this.fetch = params.fetch;
+    this.onSave = params.onSave;
+    this.saveErrorToast = params.saveErrorToast;
+    this._form = params.form;
+    this._parentPageId = params.parentPageId;
+    this.container = params.container;
+    this.reportBI = this.container.createBILogger({
+      componentType: 'Page',
+      pageType: 'Entity',
+      route: window.location.pathname
+    });
+    this.bi = new _EntityPageStateBIReporter.EntityPageStateBIReporter({
+      reportBI: this.reportBI,
+      entityPageState: this
+    });
+    this.bi.init();
+    (0, _mobx.makeObservable)(this, {
+      handleSubmit: _mobx.action,
+      isFetching: _mobx.computed,
+      _entity: _mobx.observable.ref,
+      setEntity: _mobx.action
+    });
+  }
+  init() {
+    const {
+      initTask,
+      container
+    } = this;
+    const {
+      onBeforeUnload
+    } = container;
+    const onBeforeUnloadSubscription = onBeforeUnload == null ? void 0 : onBeforeUnload((0, _mobx.action)(event => {
+      if (this._isSubmitSuccessful || !(this._isFormDirty || this.formPage.isDirty)) {
+        return;
+      }
+      event.preventDefault();
+      this.bi.reportOnBeforeUnload();
+    }));
+    initTask.runOnce(async () => {
+      const [data] = await Promise.all([this.fetch(), container.initTask.status.promise]);
+      this.setEntity(data.entity ?? null);
+    });
+    return () => {
+      onBeforeUnloadSubscription == null || onBeforeUnloadSubscription.remove();
+    };
+  }
+  retryFetch() {
+    this.initTask.runOnce();
+  }
+  setEntity(newEntity) {
+    this._entity = newEntity;
+  }
+  get entity() {
+    return this._entity;
+  }
+  get isFetching() {
+    return this.initTask.status.isLoading || this.initTask.status.isIdle;
+  }
+  get form() {
+    return this._form;
+  }
+  set isSubmitSuccessful(flag) {
+    this._isSubmitSuccessful = flag;
+  }
+  set isFormDirty(flag) {
+    this._isFormDirty = flag;
+  }
+  onCancel() {
+    this.bi.reportButtonClick({
+      ctaName: 'Cancel'
+    });
+    this.navigateToParent();
+  }
+  navigateToParent() {
+    var _this$container$navig, _this$container;
+    (_this$container$navig = (_this$container = this.container).navigateTo) == null || _this$container$navig.call(_this$container, {
+      pageId: this._parentPageId
+    });
+  }
+  _showErrorToast(err, e) {
+    var _this$saveErrorToast, _this$container$showT, _this$container2;
+    const errorToast = (_this$saveErrorToast = this.saveErrorToast) == null ? void 0 : _this$saveErrorToast.call(this, err);
+    const message = typeof errorToast === 'string' ? errorToast : errorToast == null ? void 0 : errorToast.message;
+    const showTryAgain = typeof errorToast === 'string' ? true : (errorToast == null ? void 0 : errorToast.tryAgain) !== false;
+    (_this$container$showT = (_this$container2 = this.container).showToast) == null || _this$container$showT.call(_this$container2, {
+      type: 'ERROR',
+      biName: 'cairo-entity-page-save-error-toast',
+      message: message ?? this.container.translate((err == null ? void 0 : err.code) === 'ERR_NETWORK' ? 'cairo.entityPage.saveError-offline.toast.description' : 'cairo.entityPage.saveError-technical.toast.description'),
+      action: showTryAgain ? {
+        uiType: 'LINK',
+        text: this.container.translate('cairo.toast.retry'),
+        onClick: () => {
+          this.bi.reportSaveTryAgain();
+          this.handleSubmit(e);
+        },
+        removeToastOnClick: true
+      } : undefined
+    });
+  }
+  _showSuccessToast(successToastText) {
+    var _this$container$showT2, _this$container3;
+    (_this$container$showT2 = (_this$container3 = this.container).showToast) == null || _this$container$showT2.call(_this$container3, {
+      type: 'SUCCESS',
+      biName: 'cairo-entity-page-save-success-toast',
+      message: successToastText ?? this.container.translate('cairo.entityPage.success.toast')
+    });
+  }
+  async handleSubmit(e) {
+    if (this.submitTask.status.isLoading) {
+      return;
+    }
+    this.events.emit('save');
+    const {
+      isValid,
+      data: extraFields
+    } = await this.formPage.validate();
+    if (!isValid) {
+      this.bi.reportButtonClick({
+        ctaName: 'Save',
+        isValid: false
+      });
+      return;
+    }
+    this.submitTask.run(async () => new Promise(resolve => this._form.handleSubmit(() => {
+      this.bi.reportButtonClick({
+        ctaName: 'Save',
+        isValid: true
+      });
+      return this.onSave({
+        widgetsFormData: {
+          ...extraFields
+        }
+      }).then(({
+        successToastText
+      } = {}) => {
+        this._showSuccessToast(successToastText);
+        resolve();
+        this.navigateToParent();
+      }).catch(err => {
+        this._showErrorToast(err, e);
+        this.container.errorMonitor.captureException(err);
+        this.events.emit('saveError', err);
+      }).finally(() => {
+        resolve();
+      });
+    }, () => {
+      this.bi.reportButtonClick({
+        ctaName: 'Save',
+        isValid: false
+      });
+      resolve();
+    } // can be used to report validation errors
+    )(e)));
+    await this.submitTask.status.promise;
+  }
+}
+exports.EntityPageState = EntityPageState;
+//# sourceMappingURL=EntityPageState.js.map

package/dist/cjs/state/EntityPage/EntityPageState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","TaskState","FormPageState","EventEmitter","fetch","onSave","saveErrorToast","_form","form","_parentPageId","parentPageId","container","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","isFetching","computed","_entity","observable","ref","setEntity","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","_isSubmitSuccessful","_isFormDirty","formPage","isDirty","preventDefault","reportOnBeforeUnload","runOnce","data","Promise","all","status","promise","entity","remove","retryFetch","newEntity","isLoading","isIdle","isSubmitSuccessful","flag","isFormDirty","onCancel","reportButtonClick","ctaName","navigateToParent","_this$container$navig","_this$container","navigateTo","call","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container2","errorToast","message","showTryAgain","tryAgain","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","undefined","_showSuccessToast","successToastText","_this$container$showT2","_this$container3","submitTask","events","emit","isValid","extraFields","validate","run","resolve","widgetsFormData","then","catch","errorMonitor","captureException","finally","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  FormPageState,\n  ReportBI,\n  TaskState,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { UseFormReturn, FieldValues } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\n\ntype OnSaveParams = {\n  widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n  /**\n   * A function that fetches the entity data.\n   * @returns a promise that resolves to an object containing the entity.\n   */\n  fetch: () => Promise<{ entity: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   * @returns promise that resolves to an object that may contain a 'successToastText' string, or it may resolve to void.\n   */\n  onSave: (\n    params: OnSaveParams,\n  ) => Promise<{ successToastText?: string } | void>;\n\n  /**\n   * An optional function to display an error toast message when a save operation fails.\n   * @returns an object with an optional message and a `tryAgain` flag, or it can directly return a string message.\n   */\n  saveErrorToast?: (\n    err: unknown,\n  ) => { message?: string; tryAgain?: boolean } | string;\n\n  /**\n   * An object representing the form state and methods, typically returned by a useForm hook.\n   */\n  form: UseFormReturn<V>;\n\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n\n  /**\n   * A string representing the ID of the parent page.\n   */\n  parentPageId: string;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n  validate: () => Promise<{ isValid: boolean; values?: any }>;\n  isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n  implements EntityPageStateInterface\n{\n  readonly initTask = new TaskState();\n  readonly submitTask = new TaskState();\n\n  readonly fetch: EntityPageStateParams<T>['fetch'];\n  readonly onSave: EntityPageStateParams<T, V>['onSave'];\n  readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n\n  _entity: T | null = null;\n  private readonly _form: UseFormReturn<V>;\n  private readonly _parentPageId: string;\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  private _isSubmitSuccessful?: boolean;\n  private _isFormDirty?: boolean;\n\n  readonly formPage = new FormPageState();\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    save: () => void;\n    saveError: (err: unknown) => void;\n  }>;\n\n  constructor(params: EntityPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this.onSave = params.onSave;\n    this.saveErrorToast = params.saveErrorToast;\n    this._form = params.form;\n    this._parentPageId = params.parentPageId;\n\n    this.container = params.container;\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Page',\n      pageType: 'Entity',\n      route: window.location.pathname,\n    });\n\n    this.bi = new EntityPageStateBIReporter({\n      reportBI: this.reportBI,\n      entityPageState: this,\n    });\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      isFetching: computed,\n      _entity: observable.ref,\n      setEntity: action,\n    });\n  }\n\n  init() {\n    const { initTask, container } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        if (\n          this._isSubmitSuccessful ||\n          !(this._isFormDirty || this.formPage.isDirty)\n        ) {\n          return;\n        }\n        event.preventDefault();\n        this.bi.reportOnBeforeUnload();\n      }),\n    );\n\n    initTask.runOnce(async () => {\n      const [data] = await Promise.all([\n        this.fetch(),\n        container.initTask.status.promise,\n      ]);\n\n      this.setEntity(data.entity ?? null);\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.initTask.runOnce();\n  }\n\n  setEntity(newEntity: T | null) {\n    this._entity = newEntity;\n  }\n\n  get entity(): T | null {\n    return this._entity;\n  }\n\n  get isFetching() {\n    return this.initTask.status.isLoading || this.initTask.status.isIdle;\n  }\n\n  get form() {\n    return this._form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this._isSubmitSuccessful = flag;\n  }\n\n  set isFormDirty(flag: boolean) {\n    this._isFormDirty = flag;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent() {\n    this.container.navigateTo?.({\n      pageId: this._parentPageId,\n    });\n  }\n\n  _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n    const errorToast = this.saveErrorToast?.(err);\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n\n    this.container.showToast?.({\n      type: 'ERROR',\n      biName: 'cairo-entity-page-save-error-toast',\n      message:\n        message ??\n        this.container.translate(\n          err?.code === 'ERR_NETWORK'\n            ? 'cairo.entityPage.saveError-offline.toast.description'\n            : 'cairo.entityPage.saveError-technical.toast.description',\n        ),\n      action: showTryAgain\n        ? {\n            uiType: 'LINK',\n            text: this.container.translate('cairo.toast.retry'),\n            onClick: () => {\n              this.bi.reportSaveTryAgain();\n              this.handleSubmit(e);\n            },\n            removeToastOnClick: true,\n          }\n        : undefined,\n    });\n  }\n\n  _showSuccessToast(successToastText?: string) {\n    this.container.showToast?.({\n      type: 'SUCCESS',\n      biName: 'cairo-entity-page-save-success-toast',\n      message:\n        successToastText ??\n        this.container.translate('cairo.entityPage.success.toast'),\n    });\n  }\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.submitTask.status.isLoading) {\n      return;\n    }\n\n    this.events.emit('save');\n\n    const { isValid, data: extraFields } = await this.formPage.validate();\n\n    if (!isValid) {\n      this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n      return;\n    }\n\n    this.submitTask.run(\n      async () =>\n        new Promise<void>((resolve) =>\n          this._form.handleSubmit(\n            () => {\n              this.bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n              return this.onSave({ widgetsFormData: { ...extraFields } })\n                .then(({ successToastText } = {}) => {\n                  this._showSuccessToast(successToastText);\n                  resolve();\n                  this.navigateToParent();\n                })\n                .catch((err) => {\n                  this._showErrorToast(err, e);\n                  this.container.errorMonitor.captureException(err);\n                  this.events.emit('saveError', err);\n                })\n                .finally(() => {\n                  resolve();\n                });\n            },\n            () => {\n              this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n              resolve();\n            }, // can be used to report validation errors\n          )(e),\n        ),\n    );\n\n    await this.submitTask.status.promise;\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/EntityPage/EntityPageStateBIReporter.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EntityPageStateBIReporter = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
+var _bi = require("@wix/bex-core/bi");
+// withoutDefaults
+
+class EntityPageStateBIReporter {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "entityPageState", void 0);
+    (0, _defineProperty2.default)(this, "reportBI", void 0);
+    this.entityPageState = params.entityPageState;
+    this.reportBI = params.reportBI;
+  }
+  _getErrorType(e) {
+    const isNetworkError = (e == null ? void 0 : e.code) === 'ERR_NETWORK';
+    return isNetworkError ? 'Network error' : 'Technical issue';
+  }
+  init() {
+    const {
+      events
+    } = this.entityPageState;
+    const startTime = performance.now();
+    const disposers = [(0, _bexCore.addEventListener)(events, 'save', (0, _mobx.action)(() => {
+      events.once('saveError', err => {
+        this.reportSaveError(err, startTime);
+      });
+    }))];
+    return () => {
+      disposers.forEach(disposer => disposer());
+    };
+  }
+  reportButtonClick({
+    ctaName,
+    isValid
+  }) {
+    this.reportBI((0, _bexCore.withoutDefaults)(_bi.cairoPageCtaClicked)({
+      ctaName,
+      ctaType: 'Main',
+      location: 'Entity page header',
+      isValid
+    }));
+  }
+  reportSaveTryAgain() {
+    this.reportBI((0, _bexCore.withoutDefaults)(_bi.cairoTryAgainClicked)({
+      actionName: 'Saving Entity',
+      loaction: 'toast'
+    }));
+  }
+  reportSaveError(e, startTime) {
+    this.reportBI((0, _bexCore.withoutDefaults)(_bi.cairoApiRequestDataLoadEnd)({
+      errorType: this._getErrorType(e),
+      duration: performance.now() - startTime
+    }));
+  }
+  reportOnBeforeUnload() {
+    const values = this.entityPageState.form.getValues();
+    const fields = Object.keys(values);
+    this.reportBI((0, _bexCore.withoutDefaults)(_bi.cairoPageDiscardChangesBeforeSave)({
+      numOfFields: fields.length,
+      numOfActions: fields.reduce((prev, key) => {
+        var _this$entityPageState;
+        return prev + +((_this$entityPageState = this.entityPageState.form.getFieldState(key)) == null ? void 0 : _this$entityPageState.isDirty);
+      }, 0)
+    }));
+  }
+}
+exports.EntityPageStateBIReporter = EntityPageStateBIReporter;
+//# sourceMappingURL=EntityPageStateBIReporter.js.map

package/dist/cjs/state/EntityPage/EntityPageStateBIReporter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_mobx","_bi","EntityPageStateBIReporter","constructor","params","_defineProperty2","default","entityPageState","reportBI","_getErrorType","e","isNetworkError","code","init","events","startTime","performance","now","disposers","addEventListener","action","once","err","reportSaveError","forEach","disposer","reportButtonClick","ctaName","isValid","withoutDefaults","cairoPageCtaClicked","ctaType","location","reportSaveTryAgain","cairoTryAgainClicked","actionName","loaction","cairoApiRequestDataLoadEnd","errorType","duration","reportOnBeforeUnload","values","form","getValues","fields","Object","keys","cairoPageDiscardChangesBeforeSave","numOfFields","length","numOfActions","reduce","prev","key","_this$entityPageState","getFieldState","isDirty","exports"],"sources":["../../../../src/state/EntityPage/EntityPageStateBIReporter.ts"],"sourcesContent":["import { addEventListener, ReportBI, withoutDefaults } from '@wix/bex-core'; // withoutDefaults\nimport { EntityPageState } from './EntityPageState';\nimport { FieldValues } from 'react-hook-form';\nimport { action } from 'mobx';\nimport {\n  cairoTryAgainClicked,\n  cairoApiRequestDataLoadEnd,\n  cairoPageCtaClicked,\n  cairoPageDiscardChangesBeforeSave,\n} from '@wix/bex-core/bi';\n\nexport interface EntityPageStateBIReporterParams<\n  T,\n  V extends FieldValues = FieldValues,\n> {\n  reportBI: ReportBI;\n  entityPageState: EntityPageState<T, V>;\n}\n\nexport class EntityPageStateBIReporter<T, V extends FieldValues> {\n  readonly entityPageState: EntityPageState<T, V>;\n  readonly reportBI: ReportBI;\n\n  constructor(params: EntityPageStateBIReporterParams<T, V>) {\n    this.entityPageState = params.entityPageState;\n    this.reportBI = params.reportBI;\n  }\n\n  _getErrorType(e: any) {\n    const isNetworkError = e?.code === 'ERR_NETWORK';\n    return isNetworkError ? 'Network error' : 'Technical issue';\n  }\n\n  init() {\n    const { events } = this.entityPageState;\n    const startTime = performance.now();\n\n    const disposers = [\n      addEventListener(\n        events,\n        'save',\n        action(() => {\n          events.once('saveError', (err) => {\n            this.reportSaveError(err, startTime);\n          });\n        }),\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }\n\n  reportButtonClick({\n    ctaName,\n    isValid,\n  }: {\n    ctaName: string;\n    isValid?: boolean;\n  }) {\n    this.reportBI(\n      withoutDefaults(cairoPageCtaClicked)({\n        ctaName,\n        ctaType: 'Main',\n        location: 'Entity page header',\n        isValid,\n      }),\n    );\n  }\n\n  reportSaveTryAgain() {\n    this.reportBI(\n      withoutDefaults(cairoTryAgainClicked)({\n        actionName: 'Saving Entity',\n        loaction: 'toast',\n      }),\n    );\n  }\n\n  reportSaveError(e: any, startTime: number) {\n    this.reportBI(\n      withoutDefaults(cairoApiRequestDataLoadEnd)({\n        errorType: this._getErrorType(e),\n        duration: performance.now() - startTime,\n      }),\n    );\n  }\n\n  reportOnBeforeUnload() {\n    const values = this.entityPageState.form.getValues();\n    const fields = Object.keys(values);\n    this.reportBI(\n      withoutDefaults(cairoPageDiscardChangesBeforeSave)({\n        numOfFields: fields.length,\n        numOfActions: fields.reduce(\n          (prev, key: any) =>\n            prev + +this.entityPageState.form.getFieldState(key)?.isDirty,\n          0,\n        ),\n      }),\n    );\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AAJ6E;;AAmBtE,MAAMG,yBAAyB,CAA2B;EAI/DC,WAAWA,CAACC,MAA6C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACzD,IAAI,CAACC,eAAe,GAAGH,MAAM,CAACG,eAAe;IAC7C,IAAI,CAACC,QAAQ,GAAGJ,MAAM,CAACI,QAAQ;EACjC;EAEAC,aAAaA,CAACC,CAAM,EAAE;IACpB,MAAMC,cAAc,GAAG,CAAAD,CAAC,oBAADA,CAAC,CAAEE,IAAI,MAAK,aAAa;IAChD,OAAOD,cAAc,GAAG,eAAe,GAAG,iBAAiB;EAC7D;EAEAE,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACP,eAAe;IACvC,MAAMQ,SAAS,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;IAEnC,MAAMC,SAAS,GAAG,CAChB,IAAAC,yBAAgB,EACdL,MAAM,EACN,MAAM,EACN,IAAAM,YAAM,EAAC,MAAM;MACXN,MAAM,CAACO,IAAI,CAAC,WAAW,EAAGC,GAAG,IAAK;QAChC,IAAI,CAACC,eAAe,CAACD,GAAG,EAAEP,SAAS,CAAC;MACtC,CAAC,CAAC;IACJ,CAAC,CACH,CAAC,CACF;IAED,OAAO,MAAM;MACXG,SAAS,CAACM,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,CAAC,CAAC,CAAC;IAC7C,CAAC;EACH;EAEAC,iBAAiBA,CAAC;IAChBC,OAAO;IACPC;EAIF,CAAC,EAAE;IACD,IAAI,CAACpB,QAAQ,CACX,IAAAqB,wBAAe,EAACC,uBAAmB,CAAC,CAAC;MACnCH,OAAO;MACPI,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,oBAAoB;MAC9BJ;IACF,CAAC,CACH,CAAC;EACH;EAEAK,kBAAkBA,CAAA,EAAG;IACnB,IAAI,CAACzB,QAAQ,CACX,IAAAqB,wBAAe,EAACK,wBAAoB,CAAC,CAAC;MACpCC,UAAU,EAAE,eAAe;MAC3BC,QAAQ,EAAE;IACZ,CAAC,CACH,CAAC;EACH;EAEAb,eAAeA,CAACb,CAAM,EAAEK,SAAiB,EAAE;IACzC,IAAI,CAACP,QAAQ,CACX,IAAAqB,wBAAe,EAACQ,8BAA0B,CAAC,CAAC;MAC1CC,SAAS,EAAE,IAAI,CAAC7B,aAAa,CAACC,CAAC,CAAC;MAChC6B,QAAQ,EAAEvB,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGF;IAChC,CAAC,CACH,CAAC;EACH;EAEAyB,oBAAoBA,CAAA,EAAG;IACrB,MAAMC,MAAM,GAAG,IAAI,CAAClC,eAAe,CAACmC,IAAI,CAACC,SAAS,CAAC,CAAC;IACpD,MAAMC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAACL,MAAM,CAAC;IAClC,IAAI,CAACjC,QAAQ,CACX,IAAAqB,wBAAe,EAACkB,qCAAiC,CAAC,CAAC;MACjDC,WAAW,EAAEJ,MAAM,CAACK,MAAM;MAC1BC,YAAY,EAAEN,MAAM,CAACO,MAAM,CACzB,CAACC,IAAI,EAAEC,GAAQ;QAAA,IAAAC,qBAAA;QAAA,OACbF,IAAI,GAAG,GAAAE,qBAAA,GAAC,IAAI,CAAC/C,eAAe,CAACmC,IAAI,CAACa,aAAa,CAACF,GAAG,CAAC,qBAA5CC,qBAAA,CAA8CE,OAAO;MAAA,GAC/D,CACF;IACF,CAAC,CACH,CAAC;EACH;AACF;AAACC,OAAA,CAAAvD,yBAAA,GAAAA,yBAAA"}

package/dist/cjs/state/EntityPage/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+var _EntityPageState = require("./EntityPageState");
+Object.keys(_EntityPageState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EntityPageState[key]) return;
+  exports[key] = _EntityPageState[key];
+});
+var _useEntityPageHeader = require("./useEntityPageHeader");
+Object.keys(_useEntityPageHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useEntityPageHeader[key]) return;
+  exports[key] = _useEntityPageHeader[key];
+});
+var _useEntityPageContent = require("./useEntityPageContent");
+Object.keys(_useEntityPageContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useEntityPageContent[key]) return;
+  exports[key] = _useEntityPageContent[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/state/EntityPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_EntityPageState","require","Object","keys","forEach","key","exports","_useEntityPageHeader","_useEntityPageContent"],"sources":["../../../../src/state/EntityPage/index.ts"],"sourcesContent":["export * from './EntityPageState';\nexport * from './useEntityPageHeader';\nexport * from './useEntityPageContent';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,oBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,oBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,oBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,oBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,qBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,qBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,qBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,qBAAA,CAAAH,GAAA;AAAA"}

package/dist/cjs/state/EntityPage/useEntityPageContent.js

@@ -0,0 +1,87 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useEntityPageContent = useEntityPageContent;
+var _react = _interopRequireWildcard(require("react"));
+var _EntityPageAdditionalContent = require("../../components/EntityPageAdditionalContent");
+var _EntityPageMainContent = require("../../components/EntityPageMainContent");
+var _designSystem = require("@wix/design-system");
+var _EntityPage = require("../../components/EntityPage");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/EntityPage/useEntityPageContent.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function useEntityPageContent(child) {
+  const childrenArray = _react.Children.toArray(child.props.children);
+  if (process.env.NODE_ENV !== 'production') {
+    if (!childrenArray.every(elem => /*#__PURE__*/(0, _react.isValidElement)(elem) && (elem.type === _EntityPageMainContent.EntityPageMainContent || elem.type === _EntityPageAdditionalContent.EntityPageAdditionalContent))) {
+      throw new Error('<EntityPage.Content/> must have only <EntityPage.MainContent/> and <EntityPage.AdditionalContent/> children');
+    }
+    if (childrenArray.length === 0 || childrenArray.length > 2) {
+      throw new Error(`<EntityPage.Content/> must have 1 (<EntityPage.MainContent/>) or 2 (<EntityPage.MainContent/> and <EntityPage.AdditionalContent/>) children`);
+    }
+    if (! /*#__PURE__*/(0, _react.isValidElement)(childrenArray[0]) || childrenArray[0].type !== _EntityPageMainContent.EntityPageMainContent) {
+      throw new Error('<EntityPage.MainContent/> should be the first child of <EntityPage.Content/>');
+    }
+    if (childrenArray.length === 2 && (! /*#__PURE__*/(0, _react.isValidElement)(childrenArray[1]) || childrenArray[1].type !== _EntityPageAdditionalContent.EntityPageAdditionalContent)) {
+      throw new Error('Only <EntityPage.AdditionalContent/> can be the second child of <EntityPage.Content/>');
+    }
+  }
+  if ( /*#__PURE__*/(0, _react.isValidElement)(childrenArray[0])) {
+    childrenArray[0] = /*#__PURE__*/(0, _react.cloneElement)(childrenArray[0], {
+      span: childrenArray.length === 1 ? 12 : 8
+    }, childrenArray[0].props.children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Content, {
+    key: child.key,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 62,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 63,
+      columnNumber: 7
+    }
+  }, childrenArray, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 65,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Page.Footer, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Page.Footer.End, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 67,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 68,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_EntityPage.EntityPageActionButtons, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 69,
+      columnNumber: 17
+    }
+  })))))));
+}
+//# sourceMappingURL=useEntityPageContent.js.map

package/dist/cjs/state/EntityPage/useEntityPageContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_EntityPageAdditionalContent","_EntityPageMainContent","_designSystem","_EntityPage","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useEntityPageContent","child","childrenArray","Children","toArray","props","children","process","env","NODE_ENV","every","elem","isValidElement","type","EntityPageMainContent","EntityPageAdditionalContent","Error","length","cloneElement","span","createElement","Page","Content","key","__self","__source","fileName","lineNumber","columnNumber","Layout","Cell","Footer","End","Box","gap","EntityPageActionButtons"],"sources":["../../../../src/state/EntityPage/useEntityPageContent.tsx"],"sourcesContent":["import React, { Children, cloneElement, isValidElement } from 'react';\nimport { EntityPageContentElement } from '../../components/EntityPageContent';\nimport { EntityPageAdditionalContent } from '../../components/EntityPageAdditionalContent';\nimport { EntityPageMainContent } from '../../components/EntityPageMainContent';\nimport { Box, Cell, Layout, Page } from '@wix/design-system';\nimport { EntityPageActionButtons } from '../../components/EntityPage';\n\nexport function useEntityPageContent(child: EntityPageContentElement) {\n  const childrenArray = Children.toArray(child.props.children);\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (\n      !childrenArray.every(\n        (elem) =>\n          isValidElement(elem) &&\n          (elem.type === EntityPageMainContent ||\n            elem.type === EntityPageAdditionalContent),\n      )\n    ) {\n      throw new Error(\n        '<EntityPage.Content/> must have only <EntityPage.MainContent/> and <EntityPage.AdditionalContent/> children',\n      );\n    }\n\n    if (childrenArray.length === 0 || childrenArray.length > 2) {\n      throw new Error(\n        `<EntityPage.Content/> must have 1 (<EntityPage.MainContent/>) or 2 (<EntityPage.MainContent/> and <EntityPage.AdditionalContent/>) children`,\n      );\n    }\n\n    if (\n      !isValidElement(childrenArray[0]) ||\n      childrenArray[0].type !== EntityPageMainContent\n    ) {\n      throw new Error(\n        '<EntityPage.MainContent/> should be the first child of <EntityPage.Content/>',\n      );\n    }\n\n    if (\n      childrenArray.length === 2 &&\n      (!isValidElement(childrenArray[1]) ||\n        childrenArray[1].type !== EntityPageAdditionalContent)\n    ) {\n      throw new Error(\n        'Only <EntityPage.AdditionalContent/> can be the second child of <EntityPage.Content/>',\n      );\n    }\n  }\n\n  if (isValidElement(childrenArray[0])) {\n    childrenArray[0] = cloneElement(\n      childrenArray[0],\n      {\n        span: childrenArray.length === 1 ? 12 : 8,\n      } as any,\n      childrenArray[0].props.children,\n    );\n  }\n\n  return (\n    <Page.Content key={child.key}>\n      <Layout>\n        {childrenArray}\n        <Cell>\n          <Page.Footer>\n            <Page.Footer.End>\n              <Box gap=\"SP2\">\n                <EntityPageActionButtons />\n              </Box>\n            </Page.Footer.End>\n          </Page.Footer>\n        </Cell>\n      </Layout>\n    </Page.Content>\n  );\n}\n"],"mappings":"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"}

package/dist/cjs/state/EntityPage/useEntityPageHeader.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useEntityPageHeader = useEntityPageHeader;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _EntityPageHeader = require("../../components/EntityPageHeader");
+var _providers = require("../../providers");
+var _EntityPage = require("../../components/EntityPage");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/EntityPage/useEntityPageHeader.tsx";
+function useEntityPageHeader(child) {
+  var _child$props$subtitle;
+  const state = (0, _providers.useEntityPageContext)();
+  const dataHook = 'entity-page-header';
+  return state.isFetching ? /*#__PURE__*/_react.default.createElement(_EntityPageHeader.EntityPageSkeletonHeader, {
+    key: child.key,
+    dataHook: dataHook,
+    breadcrumbs: child.props.breadcrumbs,
+    onBackClicked: () => state.navigateToParent(),
+    showSubtitle: child.props.subtitle !== undefined,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 5
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, {
+    key: child.key,
+    dataHook: dataHook,
+    title: child.props.title.text,
+    subtitle: (_child$props$subtitle = child.props.subtitle) == null ? void 0 : _child$props$subtitle.text,
+    actionsBar: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      gap: "SP2",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 9
+      }
+    }, child.props.moreActions, /*#__PURE__*/_react.default.createElement(_EntityPage.EntityPageActionButtons, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 31,
+        columnNumber: 11
+      }
+    })),
+    breadcrumbs: child.props.breadcrumbs,
+    showBackButton: true,
+    onBackClicked: () => state.navigateToParent(),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  });
+}
+//# sourceMappingURL=useEntityPageHeader.js.map

package/dist/cjs/state/EntityPage/useEntityPageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_EntityPageHeader","_providers","_EntityPage","_jsxFileName","useEntityPageHeader","child","_child$props$subtitle","state","useEntityPageContext","dataHook","isFetching","default","createElement","EntityPageSkeletonHeader","key","breadcrumbs","props","onBackClicked","navigateToParent","showSubtitle","subtitle","undefined","__self","__source","fileName","lineNumber","columnNumber","Page","Header","title","text","actionsBar","Box","gap","moreActions","EntityPageActionButtons","showBackButton"],"sources":["../../../../src/state/EntityPage/useEntityPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Page } from '@wix/design-system';\nimport {\n  EntityPageHeaderElement,\n  EntityPageSkeletonHeader,\n} from '../../components/EntityPageHeader';\nimport { useEntityPageContext } from '../../providers';\nimport { EntityPageActionButtons } from '../../components/EntityPage';\n\nexport function useEntityPageHeader(child: EntityPageHeaderElement) {\n  const state = useEntityPageContext();\n  const dataHook = 'entity-page-header';\n\n  return state.isFetching ? (\n    <EntityPageSkeletonHeader\n      key={child.key}\n      dataHook={dataHook}\n      breadcrumbs={child.props.breadcrumbs}\n      onBackClicked={() => state.navigateToParent()}\n      showSubtitle={child.props.subtitle !== undefined}\n    />\n  ) : (\n    <Page.Header\n      key={child.key}\n      dataHook={dataHook}\n      title={child.props.title.text}\n      subtitle={child.props.subtitle?.text}\n      actionsBar={\n        <Box gap=\"SP2\">\n          {child.props.moreActions}\n          <EntityPageActionButtons />\n        </Box>\n      }\n      breadcrumbs={child.props.breadcrumbs}\n      showBackButton\n      onBackClicked={() => state.navigateToParent()}\n    />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAIA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAE/D,SAASC,mBAAmBA,CAACC,KAA8B,EAAE;EAAA,IAAAC,qBAAA;EAClE,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACpC,MAAMC,QAAQ,GAAG,oBAAoB;EAErC,OAAOF,KAAK,CAACG,UAAU,gBACrBd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAAa,wBAAwB;IACvBC,GAAG,EAAET,KAAK,CAACS,GAAI;IACfL,QAAQ,EAAEA,QAAS;IACnBM,WAAW,EAAEV,KAAK,CAACW,KAAK,CAACD,WAAY;IACrCE,aAAa,EAAEA,CAAA,KAAMV,KAAK,CAACW,gBAAgB,CAAC,CAAE;IAC9CC,YAAY,EAAEd,KAAK,CAACW,KAAK,CAACI,QAAQ,KAAKC,SAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClD,CAAC,gBAEF9B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA4B,IAAI,CAACC,MAAM;IACVd,GAAG,EAAET,KAAK,CAACS,GAAI;IACfL,QAAQ,EAAEA,QAAS;IACnBoB,KAAK,EAAExB,KAAK,CAACW,KAAK,CAACa,KAAK,CAACC,IAAK;IAC9BV,QAAQ,GAAAd,qBAAA,GAAED,KAAK,CAACW,KAAK,CAACI,QAAQ,qBAApBd,qBAAA,CAAsBwB,IAAK;IACrCC,UAAU,eACRnC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAiC,GAAG;MAACC,GAAG,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACXrB,KAAK,CAACW,KAAK,CAACkB,WAAW,eACxBtC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,WAAA,CAAAiC,uBAAuB;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACvB,CACN;IACDX,WAAW,EAAEV,KAAK,CAACW,KAAK,CAACD,WAAY;IACrCqB,cAAc;IACdnB,aAAa,EAAEA,CAAA,KAAMV,KAAK,CAACW,gBAAgB,CAAC,CAAE;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/C,CACF;AACH"}

package/dist/cjs/state/ExtensionMenuItemsState.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ExtensionMenuItemsState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _mobx = require("mobx");
+var _ExtensionsState = require("./ExtensionsState");
+class ExtensionMenuItemsState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "_extensionsState", void 0);
+    this._extensionsState = new _ExtensionsState.ExtensionsState(params);
+    (0, _mobx.makeObservable)(this, {
+      menuItems: _mobx.computed
+    });
+  }
+  get menuItems() {
+    return this._extensionsState.items.filter(item => {
+      var _item$menuItem, _item$menuItem2;
+      return Boolean(item.title && ((_item$menuItem = item.menuItem) == null ? void 0 : _item$menuItem.IconComponent) && ((_item$menuItem2 = item.menuItem) == null ? void 0 : _item$menuItem2.structuredAction));
+    }).map(extension => {
+      const {
+        componentId,
+        appId,
+        menuItem: {
+          IconComponent,
+          structuredAction
+        }
+      } = extension;
+      return {
+        biName: extension.title || `menu-item-extension-${componentId}`,
+        // extension.title was requested explicitly by BI, it's not a mistake
+        dataHook: `menu-item-extension-${componentId}`,
+        prefixIcon: IconComponent && /*#__PURE__*/(0, _react.createElement)(IconComponent),
+        text: extension.title,
+        onClick: structuredAction,
+        appId,
+        componentId,
+        type: 'TPA'
+      };
+    });
+  }
+  init() {
+    return this._extensionsState.init();
+  }
+}
+exports.ExtensionMenuItemsState = ExtensionMenuItemsState;
+//# sourceMappingURL=ExtensionMenuItemsState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_mobx","_ExtensionsState","ExtensionMenuItemsState","constructor","params","_defineProperty2","default","_extensionsState","ExtensionsState","makeObservable","menuItems","computed","items","filter","item","_item$menuItem","_item$menuItem2","Boolean","title","menuItem","IconComponent","structuredAction","map","extension","componentId","appId","biName","dataHook","prefixIcon","createElement","text","onClick","type","init","exports"],"sources":["../../../src/state/ExtensionMenuItemsState.ts"],"sourcesContent":["import { ReactElement, createElement } from 'react';\nimport { WixPatternsContainer, HostContainerExtension } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\nimport { ExtensionsState } from './ExtensionsState';\n\nexport interface ExtensionMenuItemsStateParams {\n  containerId?: string;\n  container: WixPatternsContainer;\n}\n\nexport interface ExtensionMenuItem {\n  biName?: string;\n  dataHook: string;\n  prefixIcon?: ReactElement;\n  text: string;\n  type: 'TPA';\n  appId?: string;\n  componentId: string;\n  onClick: (params?: Record<string, any>) => void;\n}\n\nexport class ExtensionMenuItemsState {\n  readonly _extensionsState: ExtensionsState;\n\n  constructor(params: ExtensionMenuItemsStateParams) {\n    this._extensionsState = new ExtensionsState(params);\n\n    makeObservable(this, {\n      menuItems: computed,\n    });\n  }\n\n  get menuItems(): ExtensionMenuItem[] {\n    return this._extensionsState.items\n      .filter((item): item is Required<HostContainerExtension> => {\n        return Boolean(\n          item.title &&\n            item.menuItem?.IconComponent &&\n            item.menuItem?.structuredAction,\n        );\n      })\n      .map((extension) => {\n        const {\n          componentId,\n          appId,\n          menuItem: { IconComponent, structuredAction },\n        } = extension;\n\n        return {\n          biName: extension.title || `menu-item-extension-${componentId}`, // extension.title was requested explicitly by BI, it's not a mistake\n          dataHook: `menu-item-extension-${componentId}`,\n          prefixIcon: IconComponent && createElement(IconComponent),\n          text: extension.title,\n          onClick: structuredAction,\n          appId,\n          componentId,\n          type: 'TPA',\n        };\n      });\n  }\n\n  init() {\n    return this._extensionsState.init();\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAkBO,MAAMG,uBAAuB,CAAC;EAGnCC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACC,gBAAgB,GAAG,IAAIC,gCAAe,CAACJ,MAAM,CAAC;IAEnD,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,SAAS,EAAEC;IACb,CAAC,CAAC;EACJ;EAEA,IAAID,SAASA,CAAA,EAAwB;IACnC,OAAO,IAAI,CAACH,gBAAgB,CAACK,KAAK,CAC/BC,MAAM,CAAEC,IAAI,IAA+C;MAAA,IAAAC,cAAA,EAAAC,eAAA;MAC1D,OAAOC,OAAO,CACZH,IAAI,CAACI,KAAK,MAAAH,cAAA,GACRD,IAAI,CAACK,QAAQ,qBAAbJ,cAAA,CAAeK,aAAa,OAAAJ,eAAA,GAC5BF,IAAI,CAACK,QAAQ,qBAAbH,eAAA,CAAeK,gBAAgB,CACnC,CAAC;IACH,CAAC,CAAC,CACDC,GAAG,CAAEC,SAAS,IAAK;MAClB,MAAM;QACJC,WAAW;QACXC,KAAK;QACLN,QAAQ,EAAE;UAAEC,aAAa;UAAEC;QAAiB;MAC9C,CAAC,GAAGE,SAAS;MAEb,OAAO;QACLG,MAAM,EAAEH,SAAS,CAACL,KAAK,IAAK,uBAAsBM,WAAY,EAAC;QAAE;QACjEG,QAAQ,EAAG,uBAAsBH,WAAY,EAAC;QAC9CI,UAAU,EAAER,aAAa,iBAAI,IAAAS,oBAAa,EAACT,aAAa,CAAC;QACzDU,IAAI,EAAEP,SAAS,CAACL,KAAK;QACrBa,OAAO,EAAEV,gBAAgB;QACzBI,KAAK;QACLD,WAAW;QACXQ,IAAI,EAAE;MACR,CAAC;IACH,CAAC,CAAC;EACN;EAEAC,IAAIA,CAAA,EAAG;IACL,OAAO,IAAI,CAAC1B,gBAAgB,CAAC0B,IAAI,CAAC,CAAC;EACrC;AACF;AAACC,OAAA,CAAAhC,uBAAA,GAAAA,uBAAA"}

package/dist/cjs/state/ExtensionsState.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ExtensionsState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
+class ExtensionsState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "_container", void 0);
+    (0, _defineProperty2.default)(this, "_containerId", void 0);
+    (0, _defineProperty2.default)(this, "initTask", new _bexCore.TaskState());
+    this._container = params.container;
+    this._containerId = params.containerId;
+    (0, _mobx.makeObservable)(this, {
+      items: _mobx.computed
+    });
+  }
+  get items() {
+    return this.initTask.status.data || [];
+  }
+  init() {
+    const {
+      initTask
+    } = this;
+    initTask.runOnce(async () => {
+      const {
+        _container: {
+          getHostContainer
+        },
+        _containerId
+      } = this;
+      if (!getHostContainer || !_containerId) {
+        return [];
+      }
+      const hostContainer = getHostContainer(_containerId);
+      const items = await hostContainer.getExtensions(); // it's not really async, here for backwards compatibility with old biz types and eventually can be replaced with getContainerMenuItems
+
+      return items;
+    });
+  }
+}
+exports.ExtensionsState = ExtensionsState;
+//# sourceMappingURL=ExtensionsState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_mobx","ExtensionsState","constructor","params","_defineProperty2","default","TaskState","_container","container","_containerId","containerId","makeObservable","items","computed","initTask","status","data","init","runOnce","getHostContainer","hostContainer","getExtensions","exports"],"sources":["../../../src/state/ExtensionsState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  HostContainerExtension,\n  TaskState,\n} from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface ExtensionsStateParams {\n  containerId?: string;\n  container: WixPatternsContainer;\n}\n\nexport class ExtensionsState {\n  readonly _container: WixPatternsContainer;\n  readonly _containerId?: string;\n\n  readonly initTask = new TaskState<HostContainerExtension[]>();\n\n  constructor(params: ExtensionsStateParams) {\n    this._container = params.container;\n    this._containerId = params.containerId;\n\n    makeObservable(this, {\n      items: computed,\n    });\n  }\n\n  get items() {\n    return this.initTask.status.data || [];\n  }\n\n  init() {\n    const { initTask } = this;\n\n    initTask.runOnce(async () => {\n      const {\n        _container: { getHostContainer },\n        _containerId,\n      } = this;\n\n      if (!getHostContainer || !_containerId) {\n        return [];\n      }\n\n      const hostContainer = getHostContainer(_containerId);\n      const items = await hostContainer.getExtensions(); // it's not really async, here for backwards compatibility with old biz types and eventually can be replaced with getContainerMenuItems\n\n      return items;\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAOO,MAAME,eAAe,CAAC;EAM3BC,WAAWA,CAACC,MAA6B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAFvB,IAAIC,kBAAS,CAA2B,CAAC;IAG3D,IAAI,CAACC,UAAU,GAAGJ,MAAM,CAACK,SAAS;IAClC,IAAI,CAACC,YAAY,GAAGN,MAAM,CAACO,WAAW;IAEtC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,KAAK,EAAEC;IACT,CAAC,CAAC;EACJ;EAEA,IAAID,KAAKA,CAAA,EAAG;IACV,OAAO,IAAI,CAACE,QAAQ,CAACC,MAAM,CAACC,IAAI,IAAI,EAAE;EACxC;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEH;IAAS,CAAC,GAAG,IAAI;IAEzBA,QAAQ,CAACI,OAAO,CAAC,YAAY;MAC3B,MAAM;QACJX,UAAU,EAAE;UAAEY;QAAiB,CAAC;QAChCV;MACF,CAAC,GAAG,IAAI;MAER,IAAI,CAACU,gBAAgB,IAAI,CAACV,YAAY,EAAE;QACtC,OAAO,EAAE;MACX;MAEA,MAAMW,aAAa,GAAGD,gBAAgB,CAACV,YAAY,CAAC;MACpD,MAAMG,KAAK,GAAG,MAAMQ,aAAa,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;;MAEnD,OAAOT,KAAK;IACd,CAAC,CAAC;EACJ;AACF;AAACU,OAAA,CAAArB,eAAA,GAAAA,eAAA"}

package/dist/cjs/state/FeaturesAvailabilityBIParams.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=FeaturesAvailabilityBIParams.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/state/FeaturesAvailabilityBIParams.ts"],"sourcesContent":["export interface FeaturesAvailabilityBIParams {\n  isUsingDragAndDrop?: boolean | null;\n  isDisablingSearch?: boolean | null;\n  isUsingBulkActionsToolbar?: boolean | null;\n  isUsingFilters?: boolean | null;\n  isUsingHorizontalScroll?: boolean | null;\n  isUsingFolders?: boolean | null;\n  isUsingCounterInHeader?: boolean | null;\n  isUsingTableVirtualization?: boolean | null;\n  isUsingTabs?: boolean | null;\n  isUsingTags?: boolean | null;\n  isUsingSummaryRow?: boolean | null;\n}\n\nexport interface AdditionalFeaturesAvailabilityBIParams {\n  isUsingTableSubtitle?: boolean | null;\n  isUsingCounterInHeader?: boolean | null;\n  isUsingSelectAllLimitation?: boolean | null;\n  isUsingErrorMessage?: boolean | null;\n  isUsingAllItemsView?: boolean | null;\n  isUsingCustomEmptyState?: boolean | null;\n  isUsingPrimaryActionCta?: boolean | null;\n}\n"],"mappings":""}