@equinor/fusion-framework-cli 9.10.1 → 9.11.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 9.11.0
+
+### Minor Changes
+
+- [#1998](https://github.com/equinor/fusion-framework/pull/1998) [`14530fa`](https://github.com/equinor/fusion-framework/commit/14530fa2d8d7afd45b6849cec2665f2f396bb27f) Thanks [@eikeland](https://github.com/eikeland)! - Updates cli contextselector and resolver
+
 ## 9.10.1
 
 ### Patch Changes

package/dist/bin/dev-portal/ContextSelector/ContextSelector.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { ContextProvider, ContextSearch, } from '@equinor/fusion-react-context-selector';
+import { useContextResolver } from './useContextResolver';
+export const ContextSelector = (props) => {
+    var _a, _b, _c, _d;
+    const { resolver, provider, currentContext: [selectedContextItem], } = useContextResolver();
+    const onContextSelect = useCallback((e) => {
+        if (provider) {
+            if (e.type === 'select') {
+                const ev = e;
+                if (ev.nativeEvent.detail.selected.length) {
+                    provider.contextClient.setCurrentContext(ev.nativeEvent.detail.selected[0].id);
+                }
+            }
+            else {
+                provider.clearCurrentContext();
+            }
+        }
+    }, [provider]);
+    if (!resolver)
+        return null;
+    return (_jsx("div", { style: { flex: 1, maxWidth: '480px' }, children: _jsx(ContextProvider, { resolver: resolver, children: _jsx(ContextSearch, { id: "context-selector-cli-header", placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : 'Search for context', initialText: (_b = props.initialText) !== null && _b !== void 0 ? _b : 'Start typing to search', dropdownHeight: (_c = props.dropdownHeight) !== null && _c !== void 0 ? _c : '300px', variant: (_d = props.variant) !== null && _d !== void 0 ? _d : 'header', onSelect: (e) => onContextSelect(e), selectTextOnFocus: true, previewItem: selectedContextItem, onClearContext: onContextSelect }) }) }));
+};
+export default ContextSelector;
+//# sourceMappingURL=ContextSelector.js.map

package/dist/bin/dev-portal/ContextSelector/ContextSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextSelector.js","sourceRoot":"","sources":["../../../../src/bin/dev-portal/ContextSelector/ContextSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EACH,eAAe,EACf,aAAa,GAGhB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO1D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAyB,EAAsB,EAAE;;IAC7E,MAAM,EACF,QAAQ,EACR,QAAQ,EACR,cAAc,EAAE,CAAC,mBAAmB,CAAC,GACxC,GAAG,kBAAkB,EAAE,CAAC;IAGzB,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,CAA6B,EAAE,EAAE;QAC9B,IAAI,QAAQ,EAAE,CAAC;YACX,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACtB,MAAM,EAAE,GAAG,CAAkC,CAAC;gBAC9C,IAAI,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;oBACxC,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CACpC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CACvC,CAAC;gBACN,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,mBAAmB,EAAE,CAAC;YACnC,CAAC;QACL,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,YACtC,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,YAC/B,KAAC,aAAa,IACV,EAAE,EAAC,6BAA6B,EAChC,WAAW,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,oBAAoB,EACtD,WAAW,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,wBAAwB,EAC1D,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,OAAO,EAC/C,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,QAAQ,EAClC,QAAQ,EAAE,CAAC,CAAqB,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,EACvD,iBAAiB,EAAE,IAAI,EACvB,WAAW,EAAE,mBAAmB,EAChC,cAAc,EAAE,eAAe,GACjC,GACY,GAChB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/bin/dev-portal/ContextSelector/index.js

@@ -0,0 +1,2 @@
+export { ContextSelector } from './ContextSelector';
+//# sourceMappingURL=index.js.map

package/dist/bin/dev-portal/ContextSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/bin/dev-portal/ContextSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/bin/dev-portal/ContextSelector/useContextResolver.js

@@ -0,0 +1,137 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useFramework } from '@equinor/fusion-framework-react';
+import { useCurrentApp } from '@equinor/fusion-framework-react/app';
+import { useObservableState, useObservableSubscription } from '@equinor/fusion-observable/react';
+import '@equinor/fusion-framework-app';
+import { ChipElement } from '@equinor/fusion-wc-chip';
+ChipElement;
+import { EMPTY, catchError, lastValueFrom, map, of } from 'rxjs';
+function capitalizeFirstLetter(string) {
+    return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
+}
+const mapper = (src) => {
+    return src.map((i) => {
+        var _a;
+        const baseResult = {
+            id: i.id,
+            title: i.title,
+            subTitle: (_a = i.subTitle) !== null && _a !== void 0 ? _a : i.type.id,
+            graphic: i.graphic,
+            meta: i.meta,
+        };
+        switch (i.type.id) {
+            case 'EquinorTask':
+                return Object.assign(Object.assign({}, baseResult), { meta: i.value.taskState && i.value.taskState !== 'Active'
+                        ? `<fwc-chip disabled variant="outlined" value="${i.value.taskState}" />`
+                        : '' });
+            case 'OrgChart':
+                return Object.assign(Object.assign({}, baseResult), { graphic: 'list', meta: i.value.state && i.value.state.toLowerCase() !== 'active'
+                        ? `<fwc-chip disabled variant="outlined" value="${capitalizeFirstLetter(i.value.state)}" />`
+                        : '' });
+            default:
+                return baseResult;
+        }
+    });
+};
+const singleItem = (props) => {
+    return Object.assign({ id: 'no-such-item', title: 'Change me' }, props);
+};
+export const useContextResolver = () => {
+    const framework = useFramework();
+    const { currentApp } = useCurrentApp();
+    const instance$ = useMemo(() => (currentApp === null || currentApp === void 0 ? void 0 : currentApp.instance$) || EMPTY, [currentApp]);
+    const [provider, setProvider] = useState(null);
+    const { value: currentContext } = useObservableState(useMemo(() => (provider === null || provider === void 0 ? void 0 : provider.currentContext$) || EMPTY, [provider]));
+    const preselected = useMemo(() => {
+        return currentContext ? mapper([currentContext]) : [];
+    }, [currentContext]);
+    const onContextProviderChange = useCallback((modules) => {
+        const contextProvider = modules.context;
+        if (contextProvider) {
+            setProvider(contextProvider);
+        }
+        else {
+            setProvider(null);
+        }
+    }, [setProvider]);
+    const clearContextProvider = useCallback(() => {
+        setProvider(null);
+    }, [setProvider]);
+    useObservableSubscription(instance$, onContextProviderChange, clearContextProvider);
+    useEffect(() => framework.modules.event.addEventListener('onReactAppLoaded', (e) => {
+        console.debug('useContextResolver::onReactAppLoaded', 'using legacy register hack method');
+        return onContextProviderChange(e.detail.modules);
+    }), [framework, onContextProviderChange]);
+    const processError = useCallback((err) => {
+        if (err.name === 'QueryClientError') {
+            return processError(err.cause);
+        }
+        if (err.name === 'FusionContextSearchError') {
+            const error = err;
+            return [
+                singleItem({
+                    id: error.name,
+                    title: error.title,
+                    subTitle: error.description,
+                    graphic: 'error_outlined',
+                    isDisabled: true,
+                }),
+            ];
+        }
+        return [
+            singleItem({
+                title: 'Unexpected error occurred',
+                subTitle: 'Please try again or report the issue in Services@Equinor',
+                graphic: 'error_outlined',
+                isDisabled: true,
+            }),
+        ];
+    }, []);
+    const minLength = 2;
+    const resolver = useMemo(() => provider && {
+        searchQuery: (search) => __awaiter(void 0, void 0, void 0, function* () {
+            if (search.length < minLength) {
+                return [
+                    singleItem({
+                        id: 'min-length',
+                        title: `Type ${minLength - search.length} more chars to search`,
+                        isDisabled: true,
+                    }),
+                ];
+            }
+            try {
+                return lastValueFrom(provider.queryContext(search).pipe(map(mapper), map((x) => x.length
+                    ? x
+                    : [
+                        singleItem({
+                            id: 'no-results',
+                            title: 'No results found',
+                            graphic: 'info_circle',
+                            isDisabled: true,
+                        }),
+                    ]), catchError((err) => {
+                    console.error('PORTAL::ContextResolver', `failed to resolve context for query ${search}`, err, err.cause);
+                    return of(processError(err));
+                })));
+            }
+            catch (e) {
+                const err = e;
+                console.error('PORTAL::ContextResolver', `unhandled error for [${search}]`, e);
+                return processError(err);
+            }
+        }),
+        initialResult: preselected,
+    }, [provider, preselected, processError]);
+    return { resolver, provider, currentContext: preselected };
+};
+export default useContextResolver;
+//# sourceMappingURL=useContextResolver.js.map

package/dist/bin/dev-portal/ContextSelector/useContextResolver.js.map

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

package/dist/bin/dev-portal/Header.js

@@ -30,7 +30,7 @@ export const Header = () => {
     function toggleBookmark() {
         setIsBookmarkOpen((s) => !s);
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(TopBar, { id: "cli-top-bar", sticky: false, style: { padding: 0, height: 48 }, children: [_jsx(TopBar.Header, { children: _jsxs(Styled.Title, { children: [_jsx(FusionLogo, {}), _jsx("span", { children: "Fusion Framework CLI" })] }) }), _jsx(TopBar.CustomContent, { children: _jsx(ContextSelector, {}) }), _jsxs(TopBar.Actions, { style: { minWidth: 48, minHeight: 48 }, children: [_jsx(Button, { onClick: toggleBookmark, variant: "ghost_icon", children: _jsx(Icon, { name: "tag" }) }), _jsx(Button, { onClick: () => setIsPersonSheetOpen(!isPersonSheetOpen), variant: "ghost_icon", children: _jsx("fwc-person-avatar", { size: "small", azureId: azureId, clickable: false }) })] })] }), _jsx(BookmarkProvider, { children: _jsx(BookmarkSideSheet, { isOpen: isBookmarkOpen, onClose: toggleBookmark }) }), _jsx(PersonSideSheet, { azureId: azureId, isOpen: isPersonSheetOpen, onClose: () => setIsPersonSheetOpen(!isPersonSheetOpen) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(TopBar, { id: "cli-top-bar", sticky: false, style: { padding: '0 1em', height: 48 }, children: [_jsx(TopBar.Header, { children: _jsxs(Styled.Title, { children: [_jsx(FusionLogo, {}), _jsx("span", { children: "Fusion Framework CLI" })] }) }), _jsx(TopBar.CustomContent, { children: _jsx(ContextSelector, {}) }), _jsxs(TopBar.Actions, { style: { minWidth: 48, minHeight: 48 }, children: [_jsx(Button, { onClick: toggleBookmark, variant: "ghost_icon", children: _jsx(Icon, { name: "tag" }) }), _jsx(Button, { onClick: () => setIsPersonSheetOpen(!isPersonSheetOpen), variant: "ghost_icon", children: _jsx("fwc-person-avatar", { size: "small", azureId: azureId, clickable: false }) })] })] }), _jsx(BookmarkProvider, { children: _jsx(BookmarkSideSheet, { isOpen: isBookmarkOpen, onClose: toggleBookmark }) }), _jsx(PersonSideSheet, { azureId: azureId, isOpen: isPersonSheetOpen, onClose: () => setIsPersonSheetOpen(!isPersonSheetOpen) })] }));
 };
 export default Header;
 //# sourceMappingURL=Header.js.map

package/dist/bin/dev-portal/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/bin/dev-portal/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,mBAAmB,MAAM,kCAAkC,CAAC;AACnE,mBAAmB,CAAC;AAEpB,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AAE7B,MAAM,MAAM,GAAG;IACX,KAAK,EAAE,MAAM,CAAC,GAAG,CAAA;;;;;;KAMhB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACvB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC;IAEtD,SAAS,cAAc;QACnB,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAED,OAAO,CACH,8BACI,MAAC,MAAM,IAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,aACrE,KAAC,MAAM,CAAC,MAAM,cACV,MAAC,MAAM,CAAC,KAAK,eACT,KAAC,UAAU,KAAG,EACd,kDAAiC,IACtB,GACH,EAChB,KAAC,MAAM,CAAC,aAAa,cACjB,KAAC,eAAe,KAAG,GACA,EAEvB,MAAC,MAAM,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAClD,KAAC,MAAM,IAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,YAAY,YACjD,KAAC,IAAI,IAAC,IAAI,EAAC,KAAK,GAAG,GACd,EACT,KAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,EACvD,OAAO,EAAC,YAAY,YAEpB,4BACI,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,GACC,GAChB,IACI,IACZ,EACT,KAAC,gBAAgB,cACb,KAAC,iBAAiB,IAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,GAAI,GACvD,EACnB,KAAC,eAAe,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,GACzD,IACH,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/bin/dev-portal/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,mBAAmB,MAAM,kCAAkC,CAAC;AACnE,mBAAmB,CAAC;AAEpB,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AAE7B,MAAM,MAAM,GAAG;IACX,KAAK,EAAE,MAAM,CAAC,GAAG,CAAA;;;;;;KAMhB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACvB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC;IAEtD,SAAS,cAAc;QACnB,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAED,OAAO,CACH,8BACI,MAAC,MAAM,IAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,aAC3E,KAAC,MAAM,CAAC,MAAM,cACV,MAAC,MAAM,CAAC,KAAK,eACT,KAAC,UAAU,KAAG,EACd,kDAAiC,IACtB,GACH,EAChB,KAAC,MAAM,CAAC,aAAa,cACjB,KAAC,eAAe,KAAG,GACA,EAEvB,MAAC,MAAM,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAClD,KAAC,MAAM,IAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAC,YAAY,YACjD,KAAC,IAAI,IAAC,IAAI,EAAC,KAAK,GAAG,GACd,EACT,KAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,EACvD,OAAO,EAAC,YAAY,YAEpB,4BACI,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,GACC,GAChB,IACI,IACZ,EACT,KAAC,gBAAgB,cACb,KAAC,iBAAiB,IAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,GAAI,GACvD,EACnB,KAAC,eAAe,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,GACzD,IACH,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}