@wix/patterns 0.8.0

package/dist/esm/state/DropdownSelectState.js

@@ -0,0 +1,143 @@
+import { SelectState, ToggleState, } from '@wix/bex-core';
+import { action, computed, makeObservable, reaction } from 'mobx';
+import { EventEmitter } from '@wix/bex-core/events';
+export class DropdownSelectState {
+    constructor(params) {
+        var _a;
+        this.dropdown = new ToggleState();
+        this.events = new EventEmitter();
+        this.toKeyedItem = (item, index) => {
+            const { filter } = this;
+            const key = filter.itemKey(item);
+            return {
+                id: key,
+                key,
+                item,
+                index,
+                indexWithinPage: index,
+                pageIndex: 0,
+            };
+        };
+        this.container = params.container;
+        this.toolbar = params.toolbar;
+        this.select =
+            (_a = params.select) !== null && _a !== void 0 ? _a : new SelectState({
+                keyGetter: (value) => value.key,
+            });
+        this._filter = params.filter;
+        makeObservable(this, {
+            filterKeyedItems: computed,
+            filterKeyedItemsMap: computed,
+            finalFilterKeyedItems: computed,
+            finalFilterKeyedItemsMap: computed,
+            selectedItems: computed({
+                keepAlive: true,
+            }),
+            set: action,
+            delete: action,
+            deleteKey: action,
+            init: action.bound,
+            clear: action.bound,
+            syncSelectedItems: action.bound,
+            syncSelectedItemsIfChanged: action.bound,
+        });
+        this.syncSelectedItems();
+    }
+    get filterKeyedItemsMap() {
+        return new Map(this.filterKeyedItems.map((e) => [e.key, e]));
+    }
+    get filter() {
+        return this.toolbar.getPendingFilter(this._filter);
+    }
+    get hasPendingFilter() {
+        return this._filter !== this.filter;
+    }
+    get finalFilterKeyedItems() {
+        const { _filter } = this;
+        return _filter.value.map(this.toKeyedItem);
+    }
+    get finalFilterKeyedItemsMap() {
+        return new Map(this.finalFilterKeyedItems.map((e) => [e.key, e]));
+    }
+    get filterKeyedItems() {
+        const { filter } = this;
+        return filter.value.map(this.toKeyedItem);
+    }
+    syncSelectedItems() {
+        const { select, events } = this;
+        select.clear();
+        select.finalizeMany(this.filterKeyedItems);
+        events.emit('syncSelectedItems');
+    }
+    syncSelectedItemsIfChanged() {
+        const { selectedItems, filter } = this;
+        if (filter.value !== selectedItems) {
+            this.syncSelectedItems();
+        }
+    }
+    get selectedItems() {
+        const { select } = this;
+        return select.selectedValues.map(({ item }) => item);
+    }
+    set(item) {
+        const { select } = this;
+        select.set(item);
+        this.refreshIfChanged({ actionType: 'add', clickedValueKey: item.key });
+    }
+    setSingle(item) {
+        const { select } = this;
+        select.clear();
+        this.set(item);
+    }
+    clear() {
+        const { select } = this;
+        select.clear();
+        this.refreshIfChanged({ actionType: 'remove', clickedValueKey: '' });
+    }
+    delete(item) {
+        const { select } = this;
+        select.delete(item);
+        this.refreshIfChanged({ actionType: 'remove', clickedValueKey: item.key });
+    }
+    deleteKey(key) {
+        const { select } = this;
+        select.deleteKey(key);
+        this.refreshIfChanged({ actionType: 'remove', clickedValueKey: key });
+    }
+    refreshIfChanged(options = {}) {
+        const { selectedItems, filter } = this;
+        if (filter == null) {
+            return;
+        }
+        if (filter.value === selectedItems) {
+            return;
+        }
+        filter.setValue(selectedItems, Object.assign({ emitEvents: ['change', 'beforeRefresh', 'refresh'] }, options));
+    }
+    close() {
+        const { dropdown, events } = this;
+        dropdown.setOff();
+        events.emit('close');
+    }
+    closeAndChangeSelectedItems() {
+        this.close();
+        const { selectedItems, filter } = this;
+        if (filter.value === selectedItems) {
+            return;
+        }
+        filter.setValue(selectedItems, {
+            emitEvents: ['change', 'beforeRefresh', 'refresh'],
+            actionType: 'add',
+        });
+    }
+    init() {
+        const { filter } = this;
+        const disposers = [
+            reaction(() => filter === null || filter === void 0 ? void 0 : filter.value, this.syncSelectedItemsIfChanged),
+        ];
+        return () => {
+            disposers.forEach((d) => d());
+        };
+    }
+}
+//# sourceMappingURL=DropdownSelectState.js.map

package/dist/esm/state/DropdownSelectState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSelectState.js","sourceRoot":"","sources":["../../../src/state/DropdownSelectState.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,154 @@
+import { FormPageState, TaskState, } from '@wix/bex-core';
+import { action, computed, makeObservable, observable } from 'mobx';
+import { EntityPageStateBIReporter } from './EntityPageStateBIReporter';
+import { EventEmitter } from '@wix/bex-core/events';
+export class EntityPageState {
+    constructor(params) {
+        this.initTask = new TaskState();
+        this.submitTask = new TaskState();
+        this._entity = null;
+        this.formPage = new FormPageState();
+        this.events = new 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({
+            reportBI: this.reportBI,
+            entityPageState: this,
+        });
+        this.bi.init();
+        makeObservable(this, {
+            handleSubmit: action,
+            isFetching: computed,
+            _entity: observable.ref,
+            setEntity: action,
+        });
+    }
+    init() {
+        const { initTask, container } = this;
+        const { onBeforeUnload } = container;
+        const onBeforeUnloadSubscription = onBeforeUnload === null || onBeforeUnload === void 0 ? void 0 : onBeforeUnload(action((event) => {
+            if (this._isSubmitSuccessful ||
+                !(this._isFormDirty || this.formPage.isDirty)) {
+                return;
+            }
+            event.preventDefault();
+            this.bi.reportOnBeforeUnload();
+        }));
+        initTask.runOnce(async () => {
+            var _a;
+            const [data] = await Promise.all([
+                this.fetch(),
+                container.initTask.status.promise,
+            ]);
+            this.setEntity((_a = data.entity) !== null && _a !== void 0 ? _a : null);
+        });
+        return () => {
+            onBeforeUnloadSubscription === null || onBeforeUnloadSubscription === void 0 ? void 0 : 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 _a, _b;
+        (_b = (_a = this.container).navigateTo) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            pageId: this._parentPageId,
+        });
+    }
+    _showErrorToast(err, e) {
+        var _a, _b, _c;
+        const errorToast = (_a = this.saveErrorToast) === null || _a === void 0 ? void 0 : _a.call(this, err);
+        const message = typeof errorToast === 'string' ? errorToast : errorToast === null || errorToast === void 0 ? void 0 : errorToast.message;
+        const showTryAgain = typeof errorToast === 'string' ? true : (errorToast === null || errorToast === void 0 ? void 0 : errorToast.tryAgain) !== false;
+        (_c = (_b = this.container).showToast) === null || _c === void 0 ? void 0 : _c.call(_b, {
+            type: 'ERROR',
+            biName: 'cairo-entity-page-save-error-toast',
+            message: message !== null && message !== void 0 ? message : this.container.translate((err === null || err === void 0 ? 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 _a, _b;
+        (_b = (_a = this.container).showToast) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            type: 'SUCCESS',
+            biName: 'cairo-entity-page-save-success-toast',
+            message: successToastText !== null && successToastText !== void 0 ? 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: Object.assign({}, 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();
+        })(e)));
+        await this.submitTask.status.promise;
+    }
+}
+//# sourceMappingURL=EntityPageState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPageState.js","sourceRoot":"","sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+import { addEventListener, withoutDefaults } from '@wix/bex-core'; // withoutDefaults
+import { action } from 'mobx';
+import { cairoTryAgainClicked, cairoApiRequestDataLoadEnd, cairoPageCtaClicked, cairoPageDiscardChangesBeforeSave, } from '@wix/bex-core/bi';
+export class EntityPageStateBIReporter {
+    constructor(params) {
+        this.entityPageState = params.entityPageState;
+        this.reportBI = params.reportBI;
+    }
+    _getErrorType(e) {
+        const isNetworkError = (e === null || e === void 0 ? void 0 : e.code) === 'ERR_NETWORK';
+        return isNetworkError ? 'Network error' : 'Technical issue';
+    }
+    init() {
+        const { events } = this.entityPageState;
+        const startTime = performance.now();
+        const disposers = [
+            addEventListener(events, 'save', action(() => {
+                events.once('saveError', (err) => {
+                    this.reportSaveError(err, startTime);
+                });
+            })),
+        ];
+        return () => {
+            disposers.forEach((disposer) => disposer());
+        };
+    }
+    reportButtonClick({ ctaName, isValid, }) {
+        this.reportBI(withoutDefaults(cairoPageCtaClicked)({
+            ctaName,
+            ctaType: 'Main',
+            location: 'Entity page header',
+            isValid,
+        }));
+    }
+    reportSaveTryAgain() {
+        this.reportBI(withoutDefaults(cairoTryAgainClicked)({
+            actionName: 'Saving Entity',
+            loaction: 'toast',
+        }));
+    }
+    reportSaveError(e, startTime) {
+        this.reportBI(withoutDefaults(cairoApiRequestDataLoadEnd)({
+            errorType: this._getErrorType(e),
+            duration: performance.now() - startTime,
+        }));
+    }
+    reportOnBeforeUnload() {
+        const values = this.entityPageState.form.getValues();
+        const fields = Object.keys(values);
+        this.reportBI(withoutDefaults(cairoPageDiscardChangesBeforeSave)({
+            numOfFields: fields.length,
+            numOfActions: fields.reduce((prev, key) => { var _a; return prev + +((_a = this.entityPageState.form.getFieldState(key)) === null || _a === void 0 ? void 0 : _a.isDirty); }, 0),
+        }));
+    }
+}
+//# sourceMappingURL=EntityPageStateBIReporter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPageStateBIReporter.js","sourceRoot":"","sources":["../../../../src/state/EntityPage/EntityPageStateBIReporter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAY,eAAe,EAAE,MAAM,eAAe,CAAC,CAAC,kBAAkB;AAG/F,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,mBAAmB,EACnB,iCAAiC,GAClC,MAAM,kBAAkB,CAAC;AAU1B,MAAM,OAAO,yBAAyB;IAIpC,YAAY,MAA6C;QACvD,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;QAC9C,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IAClC,CAAC;IAED,aAAa,CAAC,CAAM;QAClB,MAAM,cAAc,GAAG,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,MAAK,aAAa,CAAC;QACjD,OAAO,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC9D,CAAC;IAED,IAAI;QACF,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;QACxC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;QAEpC,MAAM,SAAS,GAAG;YAChB,gBAAgB,CACd,MAAM,EACN,MAAM,EACN,MAAM,CAAC,GAAG,EAAE;gBACV,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE;oBAC/B,IAAI,CAAC,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;gBACvC,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CACH;SACF,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;IACJ,CAAC;IAED,iBAAiB,CAAC,EAChB,OAAO,EACP,OAAO,GAIR;QACC,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,mBAAmB,CAAC,CAAC;YACnC,OAAO;YACP,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,oBAAoB;YAC9B,OAAO;SACR,CAAC,CACH,CAAC;IACJ,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,oBAAoB,CAAC,CAAC;YACpC,UAAU,EAAE,eAAe;YAC3B,QAAQ,EAAE,OAAO;SAClB,CAAC,CACH,CAAC;IACJ,CAAC;IAED,eAAe,CAAC,CAAM,EAAE,SAAiB;QACvC,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,0BAA0B,CAAC,CAAC;YAC1C,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;YAChC,QAAQ,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,SAAS;SACxC,CAAC,CACH,CAAC;IACJ,CAAC;IAED,oBAAoB;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;QACrD,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnC,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,iCAAiC,CAAC,CAAC;YACjD,WAAW,EAAE,MAAM,CAAC,MAAM;YAC1B,YAAY,EAAE,MAAM,CAAC,MAAM,CACzB,CAAC,IAAI,EAAE,GAAQ,EAAE,EAAE,WACjB,OAAA,IAAI,GAAG,CAAC,CAAA,MAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,0CAAE,OAAO,CAAA,CAAA,EAAA,EAC/D,CAAC,CACF;SACF,CAAC,CACH,CAAC;IACJ,CAAC;CACF"}

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

@@ -0,0 +1,4 @@
+export * from './EntityPageState';
+export * from './useEntityPageHeader';
+export * from './useEntityPageContent';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/state/EntityPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}

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

@@ -0,0 +1,41 @@
+import React, { Children, cloneElement, isValidElement } from 'react';
+import { EntityPageAdditionalContent } from '../../components/EntityPageAdditionalContent';
+import { EntityPageMainContent } from '../../components/EntityPageMainContent';
+import { Box, Cell, Layout, Page } from '@wix/design-system';
+import { EntityPageActionButtons } from '../../components/EntityPage';
+export function useEntityPageContent(child) {
+    const childrenArray = Children.toArray(child.props.children);
+    if (process.env.NODE_ENV !== 'production') {
+        if (!childrenArray.every((elem) => isValidElement(elem) &&
+            (elem.type === EntityPageMainContent ||
+                elem.type === 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 (!isValidElement(childrenArray[0]) ||
+            childrenArray[0].type !== EntityPageMainContent) {
+            throw new Error('<EntityPage.MainContent/> should be the first child of <EntityPage.Content/>');
+        }
+        if (childrenArray.length === 2 &&
+            (!isValidElement(childrenArray[1]) ||
+                childrenArray[1].type !== EntityPageAdditionalContent)) {
+            throw new Error('Only <EntityPage.AdditionalContent/> can be the second child of <EntityPage.Content/>');
+        }
+    }
+    if (isValidElement(childrenArray[0])) {
+        childrenArray[0] = cloneElement(childrenArray[0], {
+            span: childrenArray.length === 1 ? 12 : 8,
+        }, childrenArray[0].props.children);
+    }
+    return (React.createElement(Page.Content, { key: child.key },
+        React.createElement(Layout, null,
+            childrenArray,
+            React.createElement(Cell, null,
+                React.createElement(Page.Footer, null,
+                    React.createElement(Page.Footer.End, null,
+                        React.createElement(Box, { gap: "SP2" },
+                            React.createElement(EntityPageActionButtons, null))))))));
+}
+//# sourceMappingURL=useEntityPageContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityPageContent.js","sourceRoot":"","sources":["../../../../src/state/EntityPage/useEntityPageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,MAAM,UAAU,oBAAoB,CAAC,KAA+B;IAClE,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE7D,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,IACE,CAAC,aAAa,CAAC,KAAK,CAClB,CAAC,IAAI,EAAE,EAAE,CACP,cAAc,CAAC,IAAI,CAAC;YACpB,CAAC,IAAI,CAAC,IAAI,KAAK,qBAAqB;gBAClC,IAAI,CAAC,IAAI,KAAK,2BAA2B,CAAC,CAC/C,EACD;YACA,MAAM,IAAI,KAAK,CACb,6GAA6G,CAC9G,CAAC;SACH;QAED,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1D,MAAM,IAAI,KAAK,CACb,6IAA6I,CAC9I,CAAC;SACH;QAED,IACE,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YACjC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,qBAAqB,EAC/C;YACA,MAAM,IAAI,KAAK,CACb,8EAA8E,CAC/E,CAAC;SACH;QAED,IACE,aAAa,CAAC,MAAM,KAAK,CAAC;YAC1B,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBAChC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,2BAA2B,CAAC,EACxD;YACA,MAAM,IAAI,KAAK,CACb,uFAAuF,CACxF,CAAC;SACH;KACF;IAED,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE;QACpC,aAAa,CAAC,CAAC,CAAC,GAAG,YAAY,CAC7B,aAAa,CAAC,CAAC,CAAC,EAChB;YACE,IAAI,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SACnC,EACR,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAChC,CAAC;KACH;IAED,OAAO,CACL,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG;QAC1B,oBAAC,MAAM;YACJ,aAAa;YACd,oBAAC,IAAI;gBACH,oBAAC,IAAI,CAAC,MAAM;oBACV,oBAAC,IAAI,CAAC,MAAM,CAAC,GAAG;wBACd,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;4BACZ,oBAAC,uBAAuB,OAAG,CACvB,CACU,CACN,CACT,CACA,CACI,CAChB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Box, Page } from '@wix/design-system';
+import { EntityPageSkeletonHeader, } from '../../components/EntityPageHeader';
+import { useEntityPageContext } from '../../providers';
+import { EntityPageActionButtons } from '../../components/EntityPage';
+export function useEntityPageHeader(child) {
+    var _a;
+    const state = useEntityPageContext();
+    const dataHook = 'entity-page-header';
+    return state.isFetching ? (React.createElement(EntityPageSkeletonHeader, { key: child.key, dataHook: dataHook, breadcrumbs: child.props.breadcrumbs, onBackClicked: () => state.navigateToParent(), showSubtitle: child.props.subtitle !== undefined })) : (React.createElement(Page.Header, { key: child.key, dataHook: dataHook, title: child.props.title.text, subtitle: (_a = child.props.subtitle) === null || _a === void 0 ? void 0 : _a.text, actionsBar: React.createElement(Box, { gap: "SP2" },
+            child.props.moreActions,
+            React.createElement(EntityPageActionButtons, null)), breadcrumbs: child.props.breadcrumbs, showBackButton: true, onBackClicked: () => state.navigateToParent() }));
+}
+//# sourceMappingURL=useEntityPageHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityPageHeader.js","sourceRoot":"","sources":["../../../../src/state/EntityPage/useEntityPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAEL,wBAAwB,GACzB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,MAAM,UAAU,mBAAmB,CAAC,KAA8B;;IAChE,MAAM,KAAK,GAAG,oBAAoB,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,oBAAoB,CAAC;IAEtC,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CACxB,oBAAC,wBAAwB,IACvB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,EACpC,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,EAC7C,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,GAChD,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,CAAC,MAAM,IACV,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAC7B,QAAQ,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,0CAAE,IAAI,EACpC,UAAU,EACR,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;YACX,KAAK,CAAC,KAAK,CAAC,WAAW;YACxB,oBAAC,uBAAuB,OAAG,CACvB,EAER,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,EACpC,cAAc,QACd,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,GAC7C,CACH,CAAC;AACJ,CAAC"}

package/dist/esm/state/ExtensionMenuItemsState.js

@@ -0,0 +1,37 @@
+import { createElement } from 'react';
+import { computed, makeObservable } from 'mobx';
+import { ExtensionsState } from './ExtensionsState';
+export class ExtensionMenuItemsState {
+    constructor(params) {
+        this._extensionsState = new ExtensionsState(params);
+        makeObservable(this, {
+            menuItems: computed,
+        });
+    }
+    get menuItems() {
+        return this._extensionsState.items
+            .filter((item) => {
+            var _a, _b;
+            return Boolean(item.title &&
+                ((_a = item.menuItem) === null || _a === void 0 ? void 0 : _a.IconComponent) &&
+                ((_b = item.menuItem) === null || _b === void 0 ? void 0 : _b.structuredAction));
+        })
+            .map((extension) => {
+            const { componentId, appId, menuItem: { IconComponent, structuredAction }, } = extension;
+            return {
+                biName: extension.title || `menu-item-extension-${componentId}`,
+                dataHook: `menu-item-extension-${componentId}`,
+                prefixIcon: IconComponent && createElement(IconComponent),
+                text: extension.title,
+                onClick: structuredAction,
+                appId,
+                componentId,
+                type: 'TPA',
+            };
+        });
+    }
+    init() {
+        return this._extensionsState.init();
+    }
+}
+//# sourceMappingURL=ExtensionMenuItemsState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionMenuItemsState.js","sourceRoot":"","sources":["../../../src/state/ExtensionMenuItemsState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAkBpD,MAAM,OAAO,uBAAuB;IAGlC,YAAY,MAAqC;QAC/C,IAAI,CAAC,gBAAgB,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC;QAEpD,cAAc,CAAC,IAAI,EAAE;YACnB,SAAS,EAAE,QAAQ;SACpB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,gBAAgB,CAAC,KAAK;aAC/B,MAAM,CAAC,CAAC,IAAI,EAA4C,EAAE;;YACzD,OAAO,OAAO,CACZ,IAAI,CAAC,KAAK;iBACR,MAAA,IAAI,CAAC,QAAQ,0CAAE,aAAa,CAAA;iBAC5B,MAAA,IAAI,CAAC,QAAQ,0CAAE,gBAAgB,CAAA,CAClC,CAAC;QACJ,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YACjB,MAAM,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EAAE,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAC9C,GAAG,SAAS,CAAC;YAEd,OAAO;gBACL,MAAM,EAAE,SAAS,CAAC,KAAK,IAAI,uBAAuB,WAAW,EAAE;gBAC/D,QAAQ,EAAE,uBAAuB,WAAW,EAAE;gBAC9C,UAAU,EAAE,aAAa,IAAI,aAAa,CAAC,aAAa,CAAC;gBACzD,IAAI,EAAE,SAAS,CAAC,KAAK;gBACrB,OAAO,EAAE,gBAAgB;gBACzB,KAAK;gBACL,WAAW;gBACX,IAAI,EAAE,KAAK;aACZ,CAAC;QACJ,CAAC,CAAC,CAAC;IACP,CAAC;IAED,IAAI;QACF,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;IACtC,CAAC;CACF"}

package/dist/esm/state/ExtensionsState.js

@@ -0,0 +1,28 @@
+import { TaskState, } from '@wix/bex-core';
+import { computed, makeObservable } from 'mobx';
+export class ExtensionsState {
+    constructor(params) {
+        this.initTask = new TaskState();
+        this._container = params.container;
+        this._containerId = params.containerId;
+        makeObservable(this, {
+            items: 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;
+        });
+    }
+}
+//# sourceMappingURL=ExtensionsState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionsState.js","sourceRoot":"","sources":["../../../src/state/ExtensionsState.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAOhD,MAAM,OAAO,eAAe;IAM1B,YAAY,MAA6B;QAFhC,aAAQ,GAAG,IAAI,SAAS,EAA4B,CAAC;QAG5D,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC;QACnC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;QAEvC,cAAc,CAAC,IAAI,EAAE;YACnB,KAAK,EAAE,QAAQ;SAChB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;IACzC,CAAC;IAED,IAAI;QACF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAE1B,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;YAC1B,MAAM,EACJ,UAAU,EAAE,EAAE,gBAAgB,EAAE,EAChC,YAAY,GACb,GAAG,IAAI,CAAC;YAET,IAAI,CAAC,gBAAgB,IAAI,CAAC,YAAY,EAAE;gBACtC,OAAO,EAAE,CAAC;aACX;YAED,MAAM,aAAa,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;YACrD,MAAM,KAAK,GAAG,MAAM,aAAa,CAAC,aAAa,EAAE,CAAC,CAAC,uIAAuI;YAE1L,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/esm/state/FeaturesAvailabilityBIParams.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FeaturesAvailabilityBIParams.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesAvailabilityBIParams.js","sourceRoot":"","sources":["../../../src/state/FeaturesAvailabilityBIParams.ts"],"names":[],"mappings":""}

package/dist/esm/state/FilterValueTotalState.js

@@ -0,0 +1,100 @@
+import { CollectionState, } from '@wix/bex-core';
+import { addEventListener } from '@wix/bex-core/util';
+import mapValues from 'lodash/mapValues';
+import { action, makeObservable } from 'mobx';
+export class FilterValueTotalState {
+    constructor(params) {
+        var _a;
+        this.collection = params.collection;
+        this.optimisticActions = params.optimisticActions;
+        this.ignoreSearch = params.ignoreSearch;
+        this.value = params.value;
+        const { errorMonitor, onlineState, history, translate, queryCache, lodash, queryName, itemKey, itemName, paginationMode, selectionConsistencyMode, query: { customFilters, search }, } = params.collection;
+        const fetchData = (_a = params.fetchData) !== null && _a !== void 0 ? _a : this.collection.fetchData;
+        const filters = mapValues(customFilters, (filter) => {
+            if (filter === params.filter) {
+                const tabFilter = filter.clone();
+                this.tabFilter = tabFilter;
+                if (params.value != null) {
+                    tabFilter.setValue([params.value]);
+                }
+                else {
+                    tabFilter.reset();
+                }
+                return tabFilter;
+            }
+            return filter;
+        });
+        this.totalsCollection = new CollectionState({
+            errorMonitor,
+            onlineState,
+            history,
+            translate,
+            queryCache,
+            lodash,
+            queryName,
+            itemKey,
+            itemName,
+            limit: 1,
+            fetchData: async (query) => {
+                // const fetchDataPromise = fetchData(query);
+                //
+                // const collectionUpdateResultPromise = new Promise<void>((resolve) => {
+                //   this.collection.emitter.on('refreshUpdateResult', resolve);
+                // });
+                //
+                // await Promise.all([fetchDataPromise, collectionUpdateResultPromise]);
+                return fetchData(query);
+            },
+            fetchErrorMessage: () => null,
+            paginationMode: paginationMode.id,
+            selectionConsistencyMode,
+            search: params.ignoreSearch ? undefined : search,
+            filters,
+        });
+        makeObservable(this, {
+            init: action,
+        });
+    }
+    refresh(value) {
+        const { tabFilter } = this;
+        this.value = value;
+        if (tabFilter) {
+            if (value != null) {
+                tabFilter.refresh([value]);
+            }
+            else {
+                tabFilter.reset();
+            }
+        }
+    }
+    init() {
+        const { totalsCollection, optimisticActions, ignoreSearch, collection } = this;
+        const disposers = [
+            totalsCollection.init(),
+            addEventListener(collection.emitter, 'search', () => {
+                if (!ignoreSearch) {
+                    totalsCollection.clearResultAndMoveToStart();
+                }
+            }),
+            addEventListener(collection.emitter, 'clearSearch', () => {
+                if (!ignoreSearch) {
+                    totalsCollection.clearResultAndMoveToStart();
+                }
+            }),
+            addEventListener(collection.emitter, 'refreshAllPages', () => {
+                totalsCollection.refreshAllPages();
+            }),
+            addEventListener(collection.emitter, 'refreshCurrentPage', () => {
+                totalsCollection.refreshCurrentPage();
+            }),
+            ...(optimisticActions
+                ? [optimisticActions.initCollection(totalsCollection)]
+                : []),
+        ];
+        return () => {
+            disposers.forEach((d) => d());
+        };
+    }
+}
+//# sourceMappingURL=FilterValueTotalState.js.map

package/dist/esm/state/FilterValueTotalState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterValueTotalState.js","sourceRoot":"","sources":["../../../src/state/FilterValueTotalState.ts"],"names":[],"mappings":"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"}