@wix/patterns 0.8.0

package/dist/cjs/state/CustomFieldsFormState.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomFieldsFormState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+class CustomFieldsFormState {
+  constructor({
+    schema,
+    translate,
+    extendedFields = {}
+  }) {
+    (0, _defineProperty2.default)(this, "_schema", void 0);
+    (0, _defineProperty2.default)(this, "_size", void 0);
+    (0, _defineProperty2.default)(this, "_extendedFields", void 0);
+    (0, _defineProperty2.default)(this, "_initialValues", void 0);
+    (0, _defineProperty2.default)(this, "_translate", void 0);
+    (0, _defineProperty2.default)(this, "_inputRefs", void 0);
+    (0, _defineProperty2.default)(this, "_formContainerRef", {
+      current: null
+    });
+    this._schema = schema;
+    this._extendedFields = _mobx.observable.map(extendedFields);
+    this._initialValues = {
+      ...extendedFields
+    };
+    this._inputRefs = {};
+    this._size = 'default';
+    this._translate = translate;
+    (0, _mobx.makeObservable)(this, {
+      setValue: _mobx.action,
+      setNewSchema: _mobx.action,
+      setContainerRef: _mobx.action,
+      values: _mobx.computed,
+      formSize: _mobx.computed,
+      schema: _mobx.computed,
+      isDirty: _mobx.computed,
+      _schema: _mobx.observable.ref,
+      _inputRefs: _mobx.observable.ref,
+      _formContainerRef: _mobx.observable.ref,
+      _size: _mobx.observable.ref,
+      _adjustExtendedFields: _mobx.action,
+      _adjustFormSize: _mobx.action.bound
+    });
+  }
+  _adjustFormSize() {
+    if (this._formContainerRef.current) {
+      const element = this._formContainerRef.current;
+      if (element.clientWidth < 842) {
+        this._size = 'small';
+      } else {
+        this._size = 'default';
+      }
+    }
+  }
+  get formSize() {
+    return this._size;
+  }
+  get schema() {
+    return this._schema;
+  }
+  init() {
+    const disposers = [(0, _bexCore.addResizeObserver)(this._formContainerRef.current, this._adjustFormSize)];
+    this._adjustFormSize();
+    return () => {
+      disposers.forEach(d => d == null ? void 0 : d());
+    };
+  }
+  setValue(id, value) {
+    this._extendedFields.set(id, value);
+  }
+  getInitialValue(id) {
+    return this._initialValues[id];
+  }
+  setInputRef(id, input) {
+    this._inputRefs[id] = input;
+  }
+  setNewSchema(schema) {
+    this._schema = schema;
+    this._adjustExtendedFields();
+  }
+  setContainerRef(ref) {
+    this._formContainerRef.current = ref;
+  }
+  _adjustExtendedFields() {
+    const existingFields = this._schema.map(field => field.id);
+    this._extendedFields.forEach((_, key) => {
+      if (!existingFields.includes(key)) {
+        this._extendedFields.delete(key);
+      }
+    });
+  }
+  validate() {
+    const invalid = Object.keys(this._inputRefs).find(fieldId => {
+      const ref = this._inputRefs[fieldId];
+      return ref.invalid;
+    });
+    if (invalid) {
+      var _this$_inputRefs$inva, _this$_inputRefs$inva2;
+      (_this$_inputRefs$inva = (_this$_inputRefs$inva2 = this._inputRefs[invalid]).focus) == null || _this$_inputRefs$inva.call(_this$_inputRefs$inva2);
+      return {
+        isValid: false
+      };
+    }
+    return {
+      isValid: true,
+      extendedFields: this.values
+    };
+  }
+  get isDirty() {
+    return !!Array.from(this._extendedFields.entries()).find(([key, value]) => {
+      if (this._initialValues.hasOwnProperty(key)) {
+        return this._initialValues[key] !== value;
+      } else {
+        // includes both any string value and boolean types (all existing field types values)
+        return !!value;
+      }
+    });
+  }
+  get values() {
+    return Object.fromEntries(this._extendedFields);
+  }
+}
+exports.CustomFieldsFormState = CustomFieldsFormState;
+//# sourceMappingURL=CustomFieldsFormState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_bexCore","CustomFieldsFormState","constructor","schema","translate","extendedFields","_defineProperty2","default","current","_schema","_extendedFields","observable","map","_initialValues","_inputRefs","_size","_translate","makeObservable","setValue","action","setNewSchema","setContainerRef","values","computed","formSize","isDirty","ref","_formContainerRef","_adjustExtendedFields","_adjustFormSize","bound","element","clientWidth","init","disposers","addResizeObserver","forEach","d","id","value","set","getInitialValue","setInputRef","input","existingFields","field","_","key","includes","delete","validate","invalid","Object","keys","find","fieldId","_this$_inputRefs$inva","_this$_inputRefs$inva2","focus","call","isValid","Array","from","entries","hasOwnProperty","fromEntries","exports"],"sources":["../../../src/state/CustomFieldsFormState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport { CustomField, addResizeObserver, Translate } from '@wix/bex-core';\nimport { BaseInputRef } from '../fields';\n\nexport interface CustomFieldsFormStateParams {\n  schema: CustomField[];\n  extendedFields?: Record<string, any>;\n  translate: Translate;\n}\n\nexport type CustomFieldsFormSize = 'default' | 'small';\n\nexport class CustomFieldsFormState {\n  _schema;\n  _size: CustomFieldsFormSize;\n  _extendedFields;\n  _initialValues;\n  _translate: Translate;\n  _inputRefs: { [fieldId: string]: BaseInputRef };\n  _formContainerRef: { current: HTMLDivElement | null } = {\n    current: null,\n  };\n\n  constructor({\n    schema,\n    translate,\n    extendedFields = {},\n  }: CustomFieldsFormStateParams) {\n    this._schema = schema;\n    this._extendedFields = observable.map<string, any>(extendedFields);\n    this._initialValues = { ...extendedFields };\n    this._inputRefs = {};\n    this._size = 'default';\n    this._translate = translate;\n\n    makeObservable(this, {\n      setValue: action,\n      setNewSchema: action,\n      setContainerRef: action,\n      values: computed,\n      formSize: computed,\n      schema: computed,\n      isDirty: computed,\n      _schema: observable.ref,\n      _inputRefs: observable.ref,\n      _formContainerRef: observable.ref,\n      _size: observable.ref,\n      _adjustExtendedFields: action,\n      _adjustFormSize: action.bound,\n    });\n  }\n\n  _adjustFormSize() {\n    if (this._formContainerRef.current) {\n      const element = this._formContainerRef.current;\n\n      if (element.clientWidth < 842) {\n        this._size = 'small';\n      } else {\n        this._size = 'default';\n      }\n    }\n  }\n\n  get formSize() {\n    return this._size;\n  }\n\n  get schema() {\n    return this._schema;\n  }\n\n  init() {\n    const disposers = [\n      addResizeObserver(this._formContainerRef.current, this._adjustFormSize),\n    ];\n\n    this._adjustFormSize();\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  setValue<T>(id: string, value: T) {\n    this._extendedFields.set(id, value);\n  }\n\n  getInitialValue(id: string) {\n    return this._initialValues[id];\n  }\n\n  setInputRef(id: string, input: BaseInputRef) {\n    this._inputRefs[id] = input;\n  }\n\n  setNewSchema(schema: CustomField[]) {\n    this._schema = schema;\n    this._adjustExtendedFields();\n  }\n\n  setContainerRef(ref: HTMLDivElement | null) {\n    this._formContainerRef.current = ref;\n  }\n\n  _adjustExtendedFields() {\n    const existingFields = this._schema.map((field) => field.id);\n    this._extendedFields.forEach((_, key) => {\n      if (!existingFields.includes(key)) {\n        this._extendedFields.delete(key);\n      }\n    });\n  }\n\n  validate(): { isValid: boolean; extendedFields?: { [k: string]: any } } {\n    const invalid = Object.keys(this._inputRefs).find((fieldId) => {\n      const ref = this._inputRefs[fieldId];\n      return ref.invalid;\n    });\n\n    if (invalid) {\n      this._inputRefs[invalid].focus?.();\n      return { isValid: false };\n    }\n\n    return { isValid: true, extendedFields: this.values };\n  }\n\n  get isDirty() {\n    return !!Array.from(this._extendedFields.entries()).find(([key, value]) => {\n      if (this._initialValues.hasOwnProperty(key)) {\n        return this._initialValues[key] !== value;\n      } else {\n        // includes both any string value and boolean types (all existing field types values)\n        return !!value;\n      }\n    });\n  }\n\n  get values() {\n    return Object.fromEntries(this._extendedFields);\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/CustomFieldsWidgetState.js

@@ -0,0 +1,209 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomFieldsWidgetState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _SidePanelsState = require("./SidePanelsState");
+var _mobx = require("mobx");
+var _bi = require("@wix/bex-core/bi");
+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; }
+class CustomFieldsWidgetState {
+  constructor({
+    container,
+    fqdn
+  }) {
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "dataExtension", void 0);
+    (0, _defineProperty2.default)(this, "initTask", new _bexCore.TaskState());
+    (0, _defineProperty2.default)(this, "formState", null);
+    (0, _defineProperty2.default)(this, "_size", void 0);
+    (0, _defineProperty2.default)(this, "_widgetContentRef", {
+      current: null
+    });
+    (0, _defineProperty2.default)(this, "panels", void 0);
+    (0, _defineProperty2.default)(this, "reportBi", void 0);
+    (0, _defineProperty2.default)(this, "fqdn", void 0);
+    (0, _defineProperty2.default)(this, "_customFieldsLazyComponents", undefined);
+    this.container = container;
+    this.fqdn = fqdn;
+    this._size = 'default';
+    this.panels = new _SidePanelsState.SidePanelsState({
+      panelGroupName: (0, _bexCore.fqdnToString)(fqdn),
+      container
+    });
+    this.reportBi = container.createBILogger({
+      componentType: 'CustomFieldsWidget',
+      ...fqdn
+    });
+    this.dataExtension = new _bexCore.DataExtensionState({
+      container,
+      reportBi: this.reportBi,
+      fqdn,
+      closeSidePanel: this.panels.closeSidePanel
+    });
+    (0, _mobx.makeObservable)(this, {
+      hasWritePermissions: _mobx.computed,
+      widgetSize: _mobx.computed,
+      setWidgetContentRef: _mobx.action,
+      isLoading: _mobx.computed,
+      isError: _mobx.computed,
+      _size: _mobx.observable.ref,
+      _widgetContentRef: _mobx.observable.ref,
+      _adjustWidgetSize: _mobx.action.bound,
+      formState: _mobx.observable.ref,
+      retry: _mobx.action.bound
+    });
+  }
+  _appLoadingStart() {
+    const startTime = performance.now();
+    const commonBiParams = this._commonDynamicBiParams();
+    this.reportBi((0, _bi.loadStart)({
+      ...commonBiParams,
+      url: window.location.href
+    }));
+    return () => {
+      this.reportBi((0, _bi.loadEnd)({
+        ...commonBiParams,
+        url: window.location.href,
+        loadingTime: Math.round(performance.now() - startTime)
+      }));
+    };
+  }
+  init({
+    appLoaded
+  }) {
+    const disposers = [this.dataExtension.init(), (0, _mobx.reaction)(() => this.dataExtension.availableUserCustomFields, fields => {
+      var _this$formState;
+      (_this$formState = this.formState) == null || _this$formState.setNewSchema(fields);
+    }, {
+      fireImmediately: true
+    })];
+    const {
+      initTask,
+      dataExtension,
+      container
+    } = this;
+    initTask.runOnce(async () => {
+      var _dataExtension$initTa, _container$initTask$s;
+      dataExtension.initTask.runOnce();
+      const [lazyComponents] = await Promise.all([Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "CustomFieldsWidgetLazyContent" */
+      '../components/CustomFieldsWidget/CustomFieldsWidgetLazyContent'))).catch(err => {
+        throw new _bexCore.WixPatternsError({
+          errorCode: 'LoadCustomFieldsWidgetLazyContentFailed',
+          originalException: err
+        });
+      }), (_dataExtension$initTa = dataExtension.initTask.status.promise) == null ? void 0 : _dataExtension$initTa.catch(err => {
+        throw new _bexCore.WixPatternsError({
+          errorCode: 'InitCustomFieldsDataExtensionFailed',
+          originalException: err
+        });
+      }), (_container$initTask$s = container.initTask.status.promise) == null ? void 0 : _container$initTask$s.catch(err => {
+        throw new _bexCore.WixPatternsError({
+          errorCode: 'InitCustomFieldsWidgetContainerFailed',
+          originalException: err
+        });
+      })]).catch(error => {
+        this.container.internalMonitor.reportError({
+          error
+        });
+        this.reportBi((0, _bi.cairoErrorInLoadingAComponent)({
+          errorType: error instanceof _bexCore.WixPatternsError ? error.name : undefined
+        }));
+        throw error;
+      });
+      this._customFieldsLazyComponents = lazyComponents;
+      appLoaded == null || appLoaded();
+    });
+    return () => {
+      disposers.forEach(d => d == null ? void 0 : d());
+    };
+  }
+  initContent() {
+    const disposers = [(0, _bexCore.addResizeObserver)(this._widgetContentRef.current, this._adjustWidgetSize.bind(this))];
+    this._adjustWidgetSize();
+    return () => {
+      disposers.forEach(d => d == null ? void 0 : d());
+    };
+  }
+  _commonDynamicBiParams() {
+    return {
+      url: window.location.href
+    };
+  }
+  retry() {
+    this.reportBi((0, _bi.cairoTryAgainClicked)({
+      actionName: 'Load custom fields',
+      loaction: 'Custom fields widget'
+    }));
+    this.initTask.runOnce();
+  }
+  get isDirty() {
+    var _this$formState2;
+    return !!((_this$formState2 = this.formState) != null && _this$formState2.isDirty);
+  }
+  get widgetSize() {
+    return this._size;
+  }
+  get isLoading() {
+    const {
+      status
+    } = this.initTask;
+    return status.isIdle || status.isLoading;
+  }
+  get ActionButtonsComponent() {
+    var _this$_customFieldsLa;
+    return (_this$_customFieldsLa = this._customFieldsLazyComponents) == null ? void 0 : _this$_customFieldsLa.ActionButtons;
+  }
+  get CustomFieldsWidgetContent() {
+    var _this$_customFieldsLa2;
+    return (_this$_customFieldsLa2 = this._customFieldsLazyComponents) == null ? void 0 : _this$_customFieldsLa2.CustomFieldsWidgetContent;
+  }
+  setWidgetContentRef(ref) {
+    this._widgetContentRef.current = ref;
+  }
+  _adjustWidgetSize() {
+    if (this._widgetContentRef.current) {
+      const element = this._widgetContentRef.current;
+      if (element.clientWidth < 842) {
+        this._size = 'small';
+      } else {
+        this._size = 'default';
+      }
+    }
+  }
+  get isError() {
+    return this.initTask.status.isError;
+  }
+  async validate() {
+    var _this$formState3;
+    const data = (_this$formState3 = this.formState) == null ? void 0 : _this$formState3.validate();
+    if (!data) {
+      return {
+        isValid: true
+      };
+    }
+    if (data != null && data.isValid) {
+      const extendedFields = {
+        namespaces: {
+          _user_fields: data.extendedFields
+        }
+      };
+      return {
+        isValid: true,
+        extendedFields,
+        values: extendedFields
+      };
+    }
+    return {
+      isValid: false
+    };
+  }
+  get hasWritePermissions() {
+    return this.dataExtension.hasWritePermissions;
+  }
+}
+exports.CustomFieldsWidgetState = CustomFieldsWidgetState;
+//# sourceMappingURL=CustomFieldsWidgetState.js.map

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

@@ -0,0 +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","prototype","hasOwnProperty","call","i","set","CustomFieldsWidgetState","constructor","container","fqdn","_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","_adjustWidgetSize","bound","formState","retry","_appLoadingStart","startTime","performance","now","commonBiParams","_commonDynamicBiParams","loadStart","url","window","location","href","loadEnd","loadingTime","Math","round","init","appLoaded","disposers","reaction","availableUserCustomFields","fields","_this$formState","setNewSchema","fireImmediately","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$formState2","isIdle","ActionButtonsComponent","_this$_customFieldsLa","ActionButtons","CustomFieldsWidgetContent","_this$_customFieldsLa2","element","clientWidth","validate","_this$formState3","data","isValid","extendedFields","namespaces","_user_fields","values","exports"],"sources":["../../../src/state/CustomFieldsWidgetState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  DataExtensionState,\n  ExtendedFields,\n  Fqdn,\n  addResizeObserver,\n  fqdnToString,\n  TaskState,\n  WixPatternsError,\n} from '@wix/bex-core';\nimport { SidePanelsState } from './SidePanelsState';\nimport { action, computed, makeObservable, observable, reaction } 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 { CustomFieldsFormState } from './CustomFieldsFormState';\n\nexport interface CustomFieldsWidgetStateParams {\n  readonly container: WixPatternsContainer;\n  readonly fqdn: Fqdn;\n}\n\nexport type CustomFieldsWidgetSize = 'default' | 'small';\n\nexport class CustomFieldsWidgetState {\n  readonly container;\n  readonly dataExtension;\n  readonly initTask = new TaskState();\n\n  formState: CustomFieldsFormState | 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\n  _customFieldsLazyComponents:\n    | typeof CustomFieldsWidgetLazyContent\n    | undefined = undefined;\n\n  constructor({ container, fqdn }: CustomFieldsWidgetStateParams) {\n    this.container = container;\n\n    this.fqdn = fqdn;\n    this._size = 'default';\n\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    });\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      _adjustWidgetSize: action.bound,\n      formState: observable.ref,\n      retry: action.bound,\n    });\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      reaction(\n        () => this.dataExtension.availableUserCustomFields,\n        (fields) => {\n          this.formState?.setNewSchema(fields);\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\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 = {\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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"}

package/dist/cjs/state/DateRangeFilterState.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DateRangeFilterState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _DateRangePickerState = require("./DateRangePickerState");
+var _mobx = require("mobx");
+class DateRangeFilterState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "dateRangePicker", void 0);
+    this.dateRangePicker = new _DateRangePickerState.DateRangePickerState({
+      toolbar: params.toolbar,
+      translate: params.translate,
+      filter: params.filter,
+      filterByTime: params.filterByTime
+    });
+    (0, _mobx.makeObservable)(this, {
+      init: _mobx.action.bound
+    });
+  }
+  init() {
+    const {
+      dateRangePicker
+    } = this;
+    const dispose = dateRangePicker.init();
+    return () => {
+      dispose();
+    };
+  }
+}
+exports.DateRangeFilterState = DateRangeFilterState;
+//# sourceMappingURL=DateRangeFilterState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_DateRangePickerState","require","_mobx","DateRangeFilterState","constructor","params","_defineProperty2","default","dateRangePicker","DateRangePickerState","toolbar","translate","filter","filterByTime","makeObservable","init","action","bound","dispose","exports"],"sources":["../../../src/state/DateRangeFilterState.ts"],"sourcesContent":["import { Filter, RangeItem, Translate } from '@wix/bex-core';\nimport { DateRangePickerState } from './DateRangePickerState';\nimport { action, makeObservable } from 'mobx';\nimport { FilterToolbarState } from '../providers';\n\nexport interface DateRangeFilterStateParams {\n  toolbar: FilterToolbarState;\n  translate: Translate;\n  filter: Filter<RangeItem<Date>>;\n  filterByTime?: boolean;\n}\n\nexport class DateRangeFilterState {\n  readonly dateRangePicker;\n\n  constructor(params: DateRangeFilterStateParams) {\n    this.dateRangePicker = new DateRangePickerState({\n      toolbar: params.toolbar,\n      translate: params.translate,\n      filter: params.filter,\n      filterByTime: params.filterByTime,\n    });\n\n    makeObservable(this, {\n      init: action.bound,\n    });\n  }\n\n  init() {\n    const { dateRangePicker } = this;\n    const dispose = dateRangePicker.init();\n\n    return () => {\n      dispose();\n    };\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,qBAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAUO,MAAME,oBAAoB,CAAC;EAGhCC,WAAWA,CAACC,MAAkC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAC9C,IAAI,CAACC,eAAe,GAAG,IAAIC,0CAAoB,CAAC;MAC9CC,OAAO,EAAEL,MAAM,CAACK,OAAO;MACvBC,SAAS,EAAEN,MAAM,CAACM,SAAS;MAC3BC,MAAM,EAAEP,MAAM,CAACO,MAAM;MACrBC,YAAY,EAAER,MAAM,CAACQ;IACvB,CAAC,CAAC;IAEF,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC,YAAM,CAACC;IACf,CAAC,CAAC;EACJ;EAEAF,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEP;IAAgB,CAAC,GAAG,IAAI;IAChC,MAAMU,OAAO,GAAGV,eAAe,CAACO,IAAI,CAAC,CAAC;IAEtC,OAAO,MAAM;MACXG,OAAO,CAAC,CAAC;IACX,CAAC;EACH;AACF;AAACC,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA"}