@wix/bex-core 1.402.0

package/dist/cjs/state/CustomFieldModalState.js

@@ -0,0 +1,329 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomFieldModalState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _ConditionalModalState = require("./ConditionalModalState");
+var _CustomFieldModalBiReporter = require("./CustomFieldModalBiReporter");
+var _formstate = require("formstate");
+var _ToggleState = require("./ToggleState");
+var _util = require("../util");
+var _isHttpError = require("../util/isHttpError");
+class CustomFieldModalState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "dataExtensionState", void 0);
+    (0, _defineProperty2.default)(this, "customFieldModalBiReporter", void 0);
+    (0, _defineProperty2.default)(this, "settings", new _ToggleState.ToggleState());
+    (0, _defineProperty2.default)(this, "submitError", null);
+    (0, _defineProperty2.default)(this, "mode", 'new');
+    (0, _defineProperty2.default)(this, "origin", 'Custom columns panel');
+    (0, _defineProperty2.default)(this, "modalState", new _ConditionalModalState.ConditionalModalState({
+      onConfirm: async () => {
+        const {
+          form,
+          mode,
+          customFieldModalBiReporter: {
+            reportModalEndProcess
+          },
+          t
+        } = this;
+        this.submitError = null;
+        const validation = await form.validate();
+        if (validation.hasError) {
+          this.enableAutoValidation();
+          throw new Error('validation');
+        }
+        try {
+          var _this$dataExtensionSt, _this$dataExtensionSt2;
+          const {
+            dataExtensionSchema
+          } = await this.dataExtensionState.dataExtensionService.addCustomField({
+            form: this.getFormValues(),
+            schema: this.dataExtensionState.userSchema,
+            fqdn: this.dataExtensionState.fqdnString
+          });
+          (0, _mobx.runInAction)(() => {
+            this.dataExtensionState.userSchema = dataExtensionSchema;
+          });
+          (_this$dataExtensionSt = (_this$dataExtensionSt2 = this.dataExtensionState.container).showToast) == null || _this$dataExtensionSt.call(_this$dataExtensionSt2, {
+            message: mode === 'new' ? t('cairo.customFields.successToast') : t('cairo.customFields.editCustomField.success.toast'),
+            type: 'SUCCESS',
+            biName: 'cairo-custom-field-success-toast'
+          });
+          reportModalEndProcess({
+            endType: 'Add Field'
+          });
+        } catch (e) {
+          (0, _mobx.runInAction)(() => {
+            if ((0, _isHttpError.isHttpError)(e)) {
+              var _e$response, _e$response2;
+              this.submitError = 'network';
+              if ((0, _isHttpError.isDetailsResponse)((_e$response = e.response) == null ? void 0 : _e$response.data) && (0, _isHttpError.isErrorDetails)((_e$response2 = e.response) == null ? void 0 : _e$response2.data.details)) {
+                var _e$response3;
+                if ((_e$response3 = e.response) != null && (_e$response3 = _e$response3.data) != null && (_e$response3 = _e$response3.details) != null && (_e$response3 = _e$response3.validationError) != null && (_e$response3 = _e$response3.fieldViolations) != null && _e$response3.some(v => v.ruleName === 'EXCEEDED_STORED_DATA_SIZE')) {
+                  this.submitError = 'max_size';
+                } else {
+                  this.submitError = 'technical';
+                }
+              }
+            }
+          });
+          const getErrorType = () => {
+            switch (this.submitError) {
+              case 'network':
+                return 'Network error';
+              case 'max_size':
+                return '10k Limitation';
+              case 'technical':
+                return 'Technical issue';
+              default:
+                return undefined;
+            }
+          };
+          this.customFieldModalBiReporter.reportSubmitFailure({
+            errorType: getErrorType()
+          });
+
+          // Prevents modal closing
+          throw e;
+        }
+      }
+    }));
+    (0, _defineProperty2.default)(this, "form", new _formstate.FormState({
+      type: new _formstate.FieldState(undefined).validators(value => {
+        if (!value) {
+          return this.t('cairo.customFields.addCustomField.modal.emptyFieldType.error');
+        }
+        return undefined;
+      }),
+      name: new _formstate.FieldState('').validators(value => {
+        if (!value) {
+          return this.t('cairo.customFields.addCustomField.modal.emptyFieldName.error');
+        }
+        return undefined;
+      }),
+      key: new _formstate.FieldState('').validators(value => {
+        const {
+          t,
+          mode,
+          dataExtensionState: {
+            allUserCustomFields
+          }
+        } = this;
+        if (!value) {
+          return this.t('cairo.customFields.addCustomField.modal.emptyFieldName.error');
+        }
+        if (mode === 'new' && allUserCustomFields.some(field => field.id === value)) {
+          return t('cairo.customFields.addCustomField.modal.sameKey.error');
+        }
+        if (!/^[a-zA-Z][a-zA-Z0-9_]*$/g.test(value)) {
+          return t('cairo.customFields.addCustomField.modal.keyFormat.error');
+        }
+        return undefined;
+      }),
+      readUsers: new _formstate.FieldState(false),
+      readApps: new _formstate.FieldState(false),
+      writeUsers: new _formstate.FieldState(false),
+      writeApps: new _formstate.FieldState(false)
+    }));
+    (0, _defineProperty2.default)(this, "disabledFields", {
+      permissions: {
+        read: {
+          apps: true,
+          users: true
+        },
+        write: {
+          apps: true,
+          users: true
+        }
+      }
+    });
+    (0, _defineProperty2.default)(this, "setKeyFieldIfNotDirty", value => {
+      const {
+        form: {
+          $: {
+            key
+          }
+        },
+        mode
+      } = this;
+      if (mode === 'new' && !key.dirty) {
+        // In the formstate library setting a field value using
+        // the onChange API sets the dirty state of the field to true.
+        // However, since here it's not a manual user input
+        // we avoid changing the dirty state by setting a value directly.
+        key.value = value;
+      }
+    });
+    this.dataExtensionState = params.dataExtensionState;
+    this.customFieldModalBiReporter = new _CustomFieldModalBiReporter.CustomFieldModalBiReporter({
+      dataExtensionState: params.dataExtensionState
+    });
+    (0, _mobx.makeObservable)(this, {
+      namePlaceholder: _mobx.computed,
+      isSubmitting: _mobx.computed,
+      disabledFields: _mobx.observable.ref,
+      submitError: _mobx.observable.ref,
+      mode: _mobx.observable.ref,
+      reset: _mobx.action,
+      setFormValues: _mobx.action,
+      generateUniqueKey: _mobx.action.bound,
+      setKeyFieldIfNotDirty: _mobx.action.bound
+    });
+  }
+  reset() {
+    const {
+      form,
+      settings,
+      disabledFields: {
+        permissions
+      }
+    } = this;
+    form.reset();
+    settings.setOff();
+    this.submitError = null;
+    this.disableAutoValidation();
+    permissions.read.apps = false;
+    permissions.read.users = false;
+    permissions.write.apps = false;
+    permissions.write.users = false;
+  }
+  enableAutoValidation() {
+    const {
+      form: {
+        $: {
+          key,
+          name,
+          type
+        }
+      }
+    } = this;
+    key.enableAutoValidation();
+    name.enableAutoValidation();
+    type.enableAutoValidation();
+  }
+  disableAutoValidation() {
+    const {
+      form: {
+        $: {
+          key,
+          name,
+          type
+        }
+      }
+    } = this;
+    key.disableAutoValidation();
+    name.disableAutoValidation();
+    type.disableAutoValidation();
+  }
+  getFormValues() {
+    const {
+      form: {
+        $: {
+          type,
+          key,
+          name,
+          readApps,
+          readUsers,
+          writeApps,
+          writeUsers
+        }
+      }
+    } = this;
+    return {
+      type: type.value,
+      key: key.value,
+      name: name.value,
+      readApps: readApps.value,
+      readUsers: readUsers.value,
+      writeApps: writeApps.value,
+      writeUsers: writeUsers.value
+    };
+  }
+  setFormValues(form, params) {
+    const {
+      form: {
+        $
+      }
+    } = this;
+    $.key.value = form.key;
+    $.name.value = form.name;
+    $.type.value = form.type;
+    $.readApps.value = form.readApps;
+    $.readUsers.value = form.readUsers;
+    $.writeApps.value = form.writeApps;
+    $.writeUsers.value = form.writeUsers;
+    if (params != null && params.disablePermissionCheckboxes) {
+      if (form.readUsers) {
+        this.disabledFields.permissions.read.users = true;
+      }
+      if (form.readApps) {
+        this.disabledFields.permissions.read.apps = true;
+      }
+      if (form.writeUsers) {
+        this.disabledFields.permissions.write.users = true;
+      }
+      if (form.writeApps) {
+        this.disabledFields.permissions.write.apps = true;
+      }
+    }
+  }
+  containsKey(key) {
+    return this.dataExtensionState.allUserCustomFields.some(field => field.id === key);
+  }
+  generateUniqueKey(name) {
+    const slug = (0, _util.slugify)(name);
+    const type = this.form.$.type.value;
+    if (slug && slug.length >= 4 && !this.containsKey(slug)) {
+      return slug;
+    }
+    if (!type) {
+      return '';
+    }
+    let index = 1;
+    while (this.containsKey(`${type}_${index}`)) {
+      index += 1;
+    }
+    return `${type}_${index}`;
+  }
+  get t() {
+    return this.dataExtensionState.container.translate;
+  }
+  get isSubmitting() {
+    return this.modalState.modal.confirming.isLoading;
+  }
+  get namePlaceholder() {
+    const {
+      t,
+      form: {
+        $: {
+          type
+        }
+      }
+    } = this;
+    switch (type.value) {
+      case 'dropdown':
+        return t('cairo.customFields.fieldType.dropdownList.Name.placeholder');
+      case 'checkbox':
+        return t('cairo.customFields.fieldType.checkbox.Name.placeholder');
+      case 'shortText':
+        return t('cairo.customFields.fieldType.shortText.Name.placeholder');
+      case 'longText':
+        return t('cairo.customFields.fieldType.longText.Name.placeholder');
+      case 'date':
+        return t('cairo.customFields.fieldType.date.Name.placeholder');
+      case 'dateTime':
+        return t('cairo.customFields.fieldType.dateAndTime.Name.placeholder');
+      case 'integer':
+        return t('cairo.customFields.fieldType.numberInteger.Name.placeholder');
+      case 'decimal':
+        return t('cairo.customFields.fieldType.numberDecimal.Name.placeholder');
+      default:
+        return t('cairo.customFields.addCustomField.modal.fieldName.placeholder');
+    }
+  }
+}
+exports.CustomFieldModalState = CustomFieldModalState;
+//# sourceMappingURL=CustomFieldModalState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_ConditionalModalState","_CustomFieldModalBiReporter","_formstate","_ToggleState","_util","_isHttpError","CustomFieldModalState","constructor","params","_defineProperty2","default","ToggleState","ConditionalModalState","onConfirm","form","mode","customFieldModalBiReporter","reportModalEndProcess","t","submitError","validation","validate","hasError","enableAutoValidation","Error","_this$dataExtensionSt","_this$dataExtensionSt2","dataExtensionSchema","dataExtensionState","dataExtensionService","addCustomField","getFormValues","schema","userSchema","fqdn","fqdnString","runInAction","container","showToast","call","message","type","biName","endType","e","isHttpError","_e$response","_e$response2","isDetailsResponse","response","data","isErrorDetails","details","_e$response3","validationError","fieldViolations","some","v","ruleName","getErrorType","undefined","reportSubmitFailure","errorType","FormState","FieldState","validators","value","name","key","allUserCustomFields","field","id","test","readUsers","readApps","writeUsers","writeApps","permissions","read","apps","users","write","$","dirty","CustomFieldModalBiReporter","makeObservable","namePlaceholder","computed","isSubmitting","disabledFields","observable","ref","reset","action","setFormValues","generateUniqueKey","bound","setKeyFieldIfNotDirty","settings","setOff","disableAutoValidation","disablePermissionCheckboxes","containsKey","slug","slugify","length","index","translate","modalState","modal","confirming","isLoading","exports"],"sources":["../../../src/state/CustomFieldModalState.ts"],"sourcesContent":["import {\n  action,\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n} from 'mobx';\nimport { ConditionalModalState } from './ConditionalModalState';\nimport { CustomFieldModalBiReporter } from './CustomFieldModalBiReporter';\nimport { FieldState, FormState } from 'formstate';\nimport { ToggleState } from './ToggleState';\nimport { CustomFieldOrigin, CustomFieldType } from '../services';\nimport { DataExtensionState } from './DataExtensionState';\nimport { slugify } from '../util';\nimport {\n  isDetailsResponse,\n  isErrorDetails,\n  isHttpError,\n} from '../util/isHttpError';\n\nexport interface CustomFieldStateParams {\n  dataExtensionState: DataExtensionState;\n}\n\nexport interface CustomFieldForm {\n  type?: CustomFieldType;\n  key: string;\n  name: string;\n  readApps: boolean;\n  readUsers: boolean;\n  writeApps: boolean;\n  writeUsers: boolean;\n}\n\nexport class CustomFieldModalState {\n  dataExtensionState: DataExtensionState;\n  customFieldModalBiReporter: CustomFieldModalBiReporter;\n  settings = new ToggleState();\n  submitError: 'network' | 'technical' | 'max_size' | null = null;\n  mode: 'new' | 'edit' = 'new';\n  origin: CustomFieldOrigin = 'Custom columns panel';\n\n  modalState = new ConditionalModalState({\n    onConfirm: async () => {\n      const {\n        form,\n        mode,\n        customFieldModalBiReporter: { reportModalEndProcess },\n        t,\n      } = this;\n\n      this.submitError = null;\n\n      const validation = await form.validate();\n\n      if (validation.hasError) {\n        this.enableAutoValidation();\n        throw new Error('validation');\n      }\n\n      try {\n        const { dataExtensionSchema } =\n          await this.dataExtensionState.dataExtensionService.addCustomField({\n            form: this.getFormValues(),\n            schema: this.dataExtensionState.userSchema,\n            fqdn: this.dataExtensionState.fqdnString,\n          });\n\n        runInAction(() => {\n          this.dataExtensionState.userSchema = dataExtensionSchema;\n        });\n\n        this.dataExtensionState.container.showToast?.({\n          message:\n            mode === 'new'\n              ? t('cairo.customFields.successToast')\n              : t('cairo.customFields.editCustomField.success.toast'),\n          type: 'SUCCESS',\n          biName: 'cairo-custom-field-success-toast',\n        });\n\n        reportModalEndProcess({ endType: 'Add Field' });\n      } catch (e: unknown) {\n        runInAction(() => {\n          if (isHttpError(e)) {\n            this.submitError = 'network';\n\n            if (\n              isDetailsResponse(e.response?.data) &&\n              isErrorDetails(e.response?.data.details)\n            ) {\n              if (\n                e.response?.data?.details?.validationError?.fieldViolations?.some(\n                  (v) => v.ruleName === 'EXCEEDED_STORED_DATA_SIZE',\n                )\n              ) {\n                this.submitError = 'max_size';\n              } else {\n                this.submitError = 'technical';\n              }\n            }\n          }\n        });\n\n        const getErrorType = () => {\n          switch (this.submitError) {\n            case 'network':\n              return 'Network error';\n            case 'max_size':\n              return '10k Limitation';\n            case 'technical':\n              return 'Technical issue';\n            default:\n              return undefined;\n          }\n        };\n\n        this.customFieldModalBiReporter.reportSubmitFailure({\n          errorType: getErrorType(),\n        });\n\n        // Prevents modal closing\n        throw e;\n      }\n    },\n  });\n\n  form = new FormState({\n    type: new FieldState<CustomFieldType | undefined>(undefined).validators(\n      (value) => {\n        if (!value) {\n          return this.t(\n            'cairo.customFields.addCustomField.modal.emptyFieldType.error',\n          );\n        }\n\n        return undefined;\n      },\n    ),\n    name: new FieldState('').validators((value) => {\n      if (!value) {\n        return this.t(\n          'cairo.customFields.addCustomField.modal.emptyFieldName.error',\n        );\n      }\n\n      return undefined;\n    }),\n    key: new FieldState('').validators((value) => {\n      const {\n        t,\n        mode,\n        dataExtensionState: { allUserCustomFields },\n      } = this;\n\n      if (!value) {\n        return this.t(\n          'cairo.customFields.addCustomField.modal.emptyFieldName.error',\n        );\n      }\n\n      if (\n        mode === 'new' &&\n        allUserCustomFields.some((field) => field.id === value)\n      ) {\n        return t('cairo.customFields.addCustomField.modal.sameKey.error');\n      }\n\n      if (!/^[a-zA-Z][a-zA-Z0-9_]*$/g.test(value)) {\n        return t('cairo.customFields.addCustomField.modal.keyFormat.error');\n      }\n\n      return undefined;\n    }),\n    readUsers: new FieldState(false),\n    readApps: new FieldState(false),\n    writeUsers: new FieldState(false),\n    writeApps: new FieldState(false),\n  });\n\n  disabledFields = {\n    permissions: {\n      read: { apps: true, users: true },\n      write: { apps: true, users: true },\n    },\n  };\n\n  constructor(params: CustomFieldStateParams) {\n    this.dataExtensionState = params.dataExtensionState;\n    this.customFieldModalBiReporter = new CustomFieldModalBiReporter({\n      dataExtensionState: params.dataExtensionState,\n    });\n\n    makeObservable(this, {\n      namePlaceholder: computed,\n      isSubmitting: computed,\n      disabledFields: observable.ref,\n      submitError: observable.ref,\n      mode: observable.ref,\n      reset: action,\n      setFormValues: action,\n      generateUniqueKey: action.bound,\n      setKeyFieldIfNotDirty: action.bound,\n    });\n  }\n\n  reset() {\n    const {\n      form,\n      settings,\n      disabledFields: { permissions },\n    } = this;\n\n    form.reset();\n    settings.setOff();\n    this.submitError = null;\n    this.disableAutoValidation();\n\n    permissions.read.apps = false;\n    permissions.read.users = false;\n    permissions.write.apps = false;\n    permissions.write.users = false;\n  }\n\n  enableAutoValidation() {\n    const {\n      form: {\n        $: { key, name, type },\n      },\n    } = this;\n\n    key.enableAutoValidation();\n    name.enableAutoValidation();\n    type.enableAutoValidation();\n  }\n\n  disableAutoValidation() {\n    const {\n      form: {\n        $: { key, name, type },\n      },\n    } = this;\n\n    key.disableAutoValidation();\n    name.disableAutoValidation();\n    type.disableAutoValidation();\n  }\n\n  getFormValues(): CustomFieldForm {\n    const {\n      form: {\n        $: { type, key, name, readApps, readUsers, writeApps, writeUsers },\n      },\n    } = this;\n\n    return {\n      type: type.value,\n      key: key.value,\n      name: name.value,\n      readApps: readApps.value,\n      readUsers: readUsers.value,\n      writeApps: writeApps.value,\n      writeUsers: writeUsers.value,\n    };\n  }\n\n  setFormValues(\n    form: CustomFieldForm,\n    params?: { disablePermissionCheckboxes: boolean },\n  ) {\n    const {\n      form: { $ },\n    } = this;\n\n    $.key.value = form.key;\n    $.name.value = form.name;\n    $.type.value = form.type;\n    $.readApps.value = form.readApps;\n    $.readUsers.value = form.readUsers;\n    $.writeApps.value = form.writeApps;\n    $.writeUsers.value = form.writeUsers;\n\n    if (params?.disablePermissionCheckboxes) {\n      if (form.readUsers) {\n        this.disabledFields.permissions.read.users = true;\n      }\n\n      if (form.readApps) {\n        this.disabledFields.permissions.read.apps = true;\n      }\n\n      if (form.writeUsers) {\n        this.disabledFields.permissions.write.users = true;\n      }\n\n      if (form.writeApps) {\n        this.disabledFields.permissions.write.apps = true;\n      }\n    }\n  }\n\n  setKeyFieldIfNotDirty = (value: string) => {\n    const {\n      form: {\n        $: { key },\n      },\n      mode,\n    } = this;\n\n    if (mode === 'new' && !key.dirty) {\n      // In the formstate library setting a field value using\n      // the onChange API sets the dirty state of the field to true.\n      // However, since here it's not a manual user input\n      // we avoid changing the dirty state by setting a value directly.\n      key.value = value;\n    }\n  };\n\n  private containsKey(key: string) {\n    return this.dataExtensionState.allUserCustomFields.some(\n      (field) => field.id === key,\n    );\n  }\n\n  generateUniqueKey(name: string) {\n    const slug = slugify(name);\n    const type = this.form.$.type.value;\n\n    if (slug && slug.length >= 4 && !this.containsKey(slug)) {\n      return slug;\n    }\n\n    if (!type) {\n      return '';\n    }\n\n    let index = 1;\n\n    while (this.containsKey(`${type}_${index}`)) {\n      index += 1;\n    }\n\n    return `${type}_${index}`;\n  }\n\n  get t() {\n    return this.dataExtensionState.container.translate;\n  }\n\n  get isSubmitting() {\n    return this.modalState.modal.confirming.isLoading;\n  }\n\n  get namePlaceholder() {\n    const {\n      t,\n      form: {\n        $: { type },\n      },\n    } = this;\n\n    switch (type.value) {\n      case 'dropdown':\n        return t('cairo.customFields.fieldType.dropdownList.Name.placeholder');\n      case 'checkbox':\n        return t('cairo.customFields.fieldType.checkbox.Name.placeholder');\n      case 'shortText':\n        return t('cairo.customFields.fieldType.shortText.Name.placeholder');\n      case 'longText':\n        return t('cairo.customFields.fieldType.longText.Name.placeholder');\n      case 'date':\n        return t('cairo.customFields.fieldType.date.Name.placeholder');\n      case 'dateTime':\n        return t('cairo.customFields.fieldType.dateAndTime.Name.placeholder');\n      case 'integer':\n        return t('cairo.customFields.fieldType.numberInteger.Name.placeholder');\n      case 'decimal':\n        return t('cairo.customFields.fieldType.numberDecimal.Name.placeholder');\n      default:\n        return t(\n          'cairo.customFields.addCustomField.modal.fieldName.placeholder',\n        );\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/CustomFieldsViewWidgetState.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomFieldsViewWidgetState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _TaskState = require("./TaskState");
+var _DataExtensionState = require("./DataExtensionState");
+var _services = require("../services");
+var _v = require("@wix/bex-utils/@wix/bi-logger-cairo-os/v2");
+class CustomFieldsViewWidgetState {
+  constructor({
+    container,
+    fqdn,
+    url
+  }) {
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "dataExtension", void 0);
+    (0, _defineProperty2.default)(this, "initTask", new _TaskState.TaskState());
+    (0, _defineProperty2.default)(this, "reportBi", void 0);
+    (0, _defineProperty2.default)(this, "startTime", performance.now());
+    (0, _defineProperty2.default)(this, "url", void 0);
+    this.container = container;
+    this.url = url;
+    this.reportBi = container.createBILogger({
+      componentType: 'CustomFieldsViewWidget',
+      ...fqdn
+    });
+    this.dataExtension = new _DataExtensionState.DataExtensionState({
+      container,
+      fqdn,
+      reportBi: this.reportBi
+    });
+    this.reportBi((0, _v.loadStart)({
+      url: this.url
+    }));
+  }
+  init() {
+    const {
+      initTask
+    } = this;
+    initTask.runOnce(async () => {
+      var _this$dataExtension$i;
+      this.dataExtension.init();
+      await ((_this$dataExtension$i = this.dataExtension.initTask.status.promise) == null ? void 0 : _this$dataExtension$i.catch(err => {
+        const cairoError = new _services.CairoError({
+          errorCode: 'InitCustomFieldsDataExtensionFailed',
+          originalException: err
+        });
+        this.container.internalMonitor.reportError({
+          error: cairoError
+        });
+        this.reportBi((0, _v.cairoErrorInLoadingAComponent)({
+          errorType: cairoError.name
+        }));
+        throw cairoError;
+      }));
+      this.reportBi((0, _v.loadEnd)({
+        url: this.url,
+        loadingTime: Math.round(performance.now() - this.startTime)
+      }));
+    });
+  }
+  retry() {
+    this.reportBi((0, _v.cairoTryAgainClicked)({
+      filteredListSize: this.dataExtension.availableUserCustomFields.length,
+      actionName: 'Load custom fields',
+      loaction: 'View only widget'
+    }));
+    this.initTask.runOnce();
+  }
+  get isLoading() {
+    const {
+      status
+    } = this.initTask;
+    return status.isIdle || status.isLoading;
+  }
+  get isError() {
+    return this.initTask.status.isError;
+  }
+}
+exports.CustomFieldsViewWidgetState = CustomFieldsViewWidgetState;
+//# sourceMappingURL=CustomFieldsViewWidgetState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_TaskState","require","_DataExtensionState","_services","_v","CustomFieldsViewWidgetState","constructor","container","fqdn","url","_defineProperty2","default","TaskState","performance","now","reportBi","createBILogger","componentType","dataExtension","DataExtensionState","loadStart","init","initTask","runOnce","_this$dataExtension$i","status","promise","catch","err","cairoError","CairoError","errorCode","originalException","internalMonitor","reportError","error","cairoErrorInLoadingAComponent","errorType","name","loadEnd","loadingTime","Math","round","startTime","retry","cairoTryAgainClicked","filteredListSize","availableUserCustomFields","length","actionName","loaction","isLoading","isIdle","isError","exports"],"sources":["../../../src/state/CustomFieldsViewWidgetState.ts"],"sourcesContent":["import { CairoContainer } from './CairoContainer';\nimport { Fqdn } from '../model';\nimport { TaskState } from './TaskState';\nimport { DataExtensionState } from './DataExtensionState';\nimport { CairoError } from '../services';\nimport {\n  cairoErrorInLoadingAComponent,\n  cairoTryAgainClicked,\n  loadEnd,\n  loadStart,\n} from '@wix/bex-utils/@wix/bi-logger-cairo-os/v2';\n\nexport interface CustomFieldsViewWidgetStateParams {\n  readonly container: CairoContainer;\n  readonly fqdn: Fqdn;\n  readonly url: string;\n}\nexport class CustomFieldsViewWidgetState {\n  readonly container;\n  readonly dataExtension;\n  readonly initTask = new TaskState();\n  readonly reportBi;\n  readonly startTime = performance.now();\n  readonly url;\n\n  constructor({ container, fqdn, url }: CustomFieldsViewWidgetStateParams) {\n    this.container = container;\n    this.url = url;\n\n    this.reportBi = container.createBILogger({\n      componentType: 'CustomFieldsViewWidget',\n      ...fqdn,\n    });\n\n    this.dataExtension = new DataExtensionState({\n      container,\n      fqdn,\n      reportBi: this.reportBi,\n    });\n\n    this.reportBi(\n      loadStart({\n        url: this.url,\n      }),\n    );\n  }\n\n  init() {\n    const { initTask } = this;\n\n    initTask.runOnce(async () => {\n      this.dataExtension.init();\n\n      await this.dataExtension.initTask.status.promise?.catch((err) => {\n        const cairoError = new CairoError({\n          errorCode: 'InitCustomFieldsDataExtensionFailed',\n          originalException: err,\n        });\n\n        this.container.internalMonitor.reportError({\n          error: cairoError,\n        });\n\n        this.reportBi(\n          cairoErrorInLoadingAComponent({\n            errorType: cairoError.name,\n          }),\n        );\n\n        throw cairoError;\n      });\n\n      this.reportBi(\n        loadEnd({\n          url: this.url,\n          loadingTime: Math.round(performance.now() - this.startTime),\n        }),\n      );\n    });\n  }\n\n  retry() {\n    this.reportBi(\n      cairoTryAgainClicked({\n        filteredListSize: this.dataExtension.availableUserCustomFields.length,\n        actionName: 'Load custom fields',\n        loaction: 'View only widget',\n      }),\n    );\n\n    this.initTask.runOnce();\n  }\n\n  get isLoading() {\n    const { status } = this.initTask;\n    return status.isIdle || status.isLoading;\n  }\n\n  get isError() {\n    return this.initTask.status.isError;\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/CustomFilterState/CustomFilterState.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.customFilter = exports.CustomFilterState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _events = require("events");
+var _mobx = require("mobx");
+class CustomFilterState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "name", void 0);
+    (0, _defineProperty2.default)(this, "persistent", void 0);
+    (0, _defineProperty2.default)(this, "defaultValue", void 0);
+    (0, _defineProperty2.default)(this, "_value", void 0);
+    (0, _defineProperty2.default)(this, "_isEmpty", void 0);
+    (0, _defineProperty2.default)(this, "_size", void 0);
+    (0, _defineProperty2.default)(this, "_toQueryString", void 0);
+    (0, _defineProperty2.default)(this, "_fromQueryString", void 0);
+    (0, _defineProperty2.default)(this, "_toArray", void 0);
+    (0, _defineProperty2.default)(this, "_remove", void 0);
+    (0, _defineProperty2.default)(this, "_hasDiff", void 0);
+    (0, _defineProperty2.default)(this, "decode", void 0);
+    (0, _defineProperty2.default)(this, "encode", void 0);
+    (0, _defineProperty2.default)(this, "itemKey", void 0);
+    (0, _defineProperty2.default)(this, "itemName", void 0);
+    (0, _defineProperty2.default)(this, "entityName", void 0);
+    (0, _defineProperty2.default)(this, "matches", void 0);
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
+    this.name = params.name ?? '';
+    this.persistent = params.persistent;
+    this.defaultValue = params.defaultValue;
+    this._value = params.initialValue ?? params.defaultValue;
+    this._isEmpty = params.isEmpty;
+    this._size = params.size ?? (value => this._isEmpty(value) ? 0 : 1);
+    this._toQueryString = params.toQueryString;
+    this._fromQueryString = params.fromQueryString;
+    this._toArray = params.toArray;
+    this._remove = params.remove ?? (() => this.defaultValue);
+    this._hasDiff = params.hasDiff ?? (data => data !== this.value);
+    this.itemKey = params.itemKey;
+    this.itemName = params.itemName;
+    this.decode = params.decode;
+    this.encode = params.encode;
+    this.entityName = params.entityName ?? (() => '');
+    this.matches = params.matches ?? (() => false);
+    (0, _mobx.makeObservable)(this, {
+      _value: _mobx.observable.ref,
+      persistent: _mobx.observable.ref,
+      isEmpty: _mobx.computed,
+      size: _mobx.computed,
+      value: _mobx.computed,
+      reset: _mobx.action,
+      setValue: _mobx.action,
+      changeValue: _mobx.action,
+      scheduleRefresh: _mobx.action,
+      clone: _mobx.action
+    });
+  }
+  get value() {
+    return this._value;
+  }
+  get toArray() {
+    return this._toArray(this._value);
+  }
+  get isEmpty() {
+    return this._isEmpty(this.value);
+  }
+  get size() {
+    return this._size(this.value);
+  }
+  setValue(value, {
+    emitEvents,
+    ...options
+  } = {}) {
+    this._value = value;
+    if (emitEvents) {
+      for (const event of emitEvents) {
+        this.events.emit(event, options);
+      }
+    }
+  }
+  changeValue(value, {
+    emitEvents = [],
+    ...options
+  } = {}) {
+    this.setValue(value, {
+      ...options,
+      emitEvents: ['change', ...emitEvents]
+    });
+  }
+  refresh(value, options) {
+    this.changeValue(value, {
+      ...options,
+      emitEvents: ['refresh']
+    });
+  }
+  scheduleRefresh(value) {
+    this.changeValue(value, {
+      emitEvents: ['scheduleRefresh']
+    });
+  }
+  get toQueryString() {
+    const {
+      _toQueryString,
+      encode,
+      value
+    } = this;
+    if (_toQueryString) {
+      return _toQueryString(value);
+    }
+    return JSON.stringify(encode(value));
+  }
+  applyFromQueryString(str) {
+    const {
+      _fromQueryString,
+      decode
+    } = this;
+    if (_fromQueryString) {
+      this.setValue(_fromQueryString(str));
+    } else {
+      try {
+        const raw = JSON.parse(str);
+        this.setValue(decode(raw));
+      } catch (e) {}
+    }
+  }
+  reset(options = {}) {
+    this.setValue(this.defaultValue, options);
+  }
+  remove(items, options = {}) {
+    this.setValue(this._remove(items, this.value), options);
+  }
+  hasDiff(data) {
+    return this._hasDiff(data);
+  }
+  clone(params) {
+    const {
+      entityName,
+      itemName,
+      itemKey,
+      encode,
+      decode,
+      _isEmpty: isEmpty,
+      _remove: remove,
+      _size: size,
+      _fromQueryString: fromQueryString,
+      _toArray: toArray,
+      _toQueryString: toQueryString,
+      defaultValue,
+      value: initialValue,
+      matches,
+      persistent,
+      name
+    } = this;
+    return new CustomFilterState({
+      entityName,
+      itemName,
+      itemKey,
+      encode,
+      decode,
+      isEmpty,
+      remove,
+      size,
+      fromQueryString,
+      toArray,
+      toQueryString,
+      defaultValue,
+      initialValue,
+      matches,
+      persistent,
+      name,
+      ...params
+    });
+  }
+}
+exports.CustomFilterState = CustomFilterState;
+const customFilter = params => new CustomFilterState(params);
+exports.customFilter = customFilter;
+//# sourceMappingURL=CustomFilterState.js.map