@pega/cosmos-react-build 9.0.0-build.9.4 → 9.0.0-build.9.6

package/lib/components/Automation/Automation.d.ts

@@ -0,0 +1,7 @@
+import type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
+import type { AutomationProps } from './Automation.types';
+declare const _default: ForwardRefForwardPropsComponent<AutomationProps> & {
+    getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["expand-all", "collapse-all", "generate-comments", "steps"]>;
+};
+export default _default;
+//# sourceMappingURL=Automation.d.ts.map

package/lib/components/Automation/Automation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Automation.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/Automation.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAa,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAS1F,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,oBAAoB,CAAC;;;;AAyL5E,wBAA6D"}

package/lib/components/Automation/Automation.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect, useMemo, forwardRef } from 'react';
+import { Flex, Button, Icon, useTestIds, withTestIds, useDirection, useEvent, useI18n, registerIcon } from '@pega/cosmos-react-core';
+import * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';
+import * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';
+import * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';
+import RuleStep from './RuleStep';
+import { getAutomationTestIds } from './Automation.test-ids';
+import { automationTreeHelpers } from './Automation.utils';
+import { StyledAIButton, StyledAutomation, StyledBaseTree } from './Automation.styles';
+import AutomationContext from './AutomationContext';
+registerIcon(caretDownIcon, caretLeftIcon, caretRightIcon);
+const NodeRenderer = ({ subTree, ...restProps }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(RuleStep, { ...restProps }), subTree] }));
+};
+const Automation = forwardRef(({ testId, nodes, onExpandAll, onCollapseAll, focusedNodeId, onGenerateCommentsUsingGenAI }) => {
+    const t = useI18n();
+    const { rtl } = useDirection();
+    const testIds = useTestIds(testId, getAutomationTestIds);
+    const treeRef = useRef(null);
+    const [focusedNode, setFocusedNode] = useState('');
+    const [focusInsideNode, setFocusInsideNode] = useState(false);
+    const [focusInsideTree, setFocusInsideTree] = useState(false);
+    // handle key strokes on tree
+    const handlekeyDown = (e) => {
+        if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key) && focusInsideNode) {
+            return;
+        }
+        switch (e.key) {
+            case 'ArrowDown': {
+                const nextNode = automationTreeHelpers.getNextNode(nodes, focusedNode);
+                setFocusedNode(nextNode.stepId);
+                break;
+            }
+            case 'ArrowUp': {
+                const previousNode = automationTreeHelpers.getPreviousNode(nodes, focusedNode);
+                setFocusedNode(previousNode.stepId);
+                break;
+            }
+            case 'Enter': {
+                setFocusInsideNode(true);
+                break;
+            }
+            case 'Escape': {
+                if (focusInsideNode) {
+                    const currentFocussedNodeId = document.activeElement
+                        ?.closest('[role="treeitem"]')
+                        ?.getAttribute('id');
+                    if (currentFocussedNodeId) {
+                        setFocusedNode(currentFocussedNodeId);
+                    }
+                    setFocusInsideNode(false);
+                }
+                break;
+            }
+            default:
+                break;
+        }
+    };
+    // handle focus movements in and out of tree
+    const handleFocusEvent = (e) => {
+        switch (e.type) {
+            case 'focusin': {
+                if (!focusedNode) {
+                    setFocusedNode(nodes[0].stepId);
+                }
+                if (!focusInsideTree) {
+                    setFocusInsideTree(true);
+                }
+                break;
+            }
+            case 'focusout': {
+                if (focusInsideTree) {
+                    setFocusInsideTree(false);
+                }
+                break;
+            }
+            default:
+                break;
+        }
+    };
+    const handleClick = (e) => {
+        const currentNodeId = e.target instanceof Element
+            ? e.target.closest('[role="treeitem"]')?.getAttribute('id')
+            : null;
+        if (focusInsideTree && !focusInsideNode && currentNodeId) {
+            setFocusInsideNode(true);
+            setFocusedNode(currentNodeId);
+        }
+    };
+    // event handlers for focus management.
+    useEvent('keydown', handlekeyDown, { target: treeRef });
+    useEvent('focusin', handleFocusEvent, { target: treeRef });
+    useEvent('focusout', handleFocusEvent, { target: treeRef });
+    useEvent('click', handleClick, { target: treeRef });
+    // To capture focusNode from story
+    useEffect(() => {
+        if (focusedNodeId) {
+            setFocusInsideNode(false);
+            setFocusedNode(focusedNodeId);
+        }
+    }, [focusedNodeId]);
+    const indexedNodes = useMemo(() => automationTreeHelpers.calculateStepIndices(nodes), [nodes]);
+    const automationCtxValue = useMemo(() => ({
+        focusedNodeId: focusedNode,
+        focusInsideNode,
+        focusInsideTree,
+        firstNodeId: nodes[0]?.stepId
+    }), [focusedNode, focusInsideNode, focusInsideTree, nodes]);
+    return (_jsx(AutomationContext.Provider, { value: automationCtxValue, children: _jsxs(StyledAutomation, { children: [_jsxs(Flex, { container: { pad: [0, 0, 2, 2] }, justify: 'space-between', "data-testid": testIds.root, alignItems: 'center', children: [onExpandAll && (_jsxs(Button, { "aria-label": t('expand_steps'), "data-testid": testIds.expandAll, onClick: onExpandAll, children: [_jsx(Icon, { name: 'caret-down' }), t('expand_all')] })), onCollapseAll && (_jsxs(Button, { "aria-label": t('collapse_steps'), "data-testid": testIds.collapseAll, onClick: onCollapseAll, children: [_jsx(Icon, { name: `caret-${rtl ? 'left' : 'right'}` }), t('collapse_all')] })), onGenerateCommentsUsingGenAI && (_jsx(StyledAIButton, { label: t('generate_comments'), variant: 'secondary', onClick: onGenerateCommentsUsingGenAI, "data-testid": testIds.generateComments }))] }), _jsx(StyledBaseTree, { ref: treeRef, testId: testIds.steps, nodes: indexedNodes, nodeRenderer: NodeRenderer })] }) }));
+});
+export default withTestIds(Automation, getAutomationTestIds);
+//# sourceMappingURL=Automation.js.map

package/lib/components/Automation/Automation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Automation.js","sourceRoot":"","sources":["../../../src/components/Automation/Automation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef, useState, useEffect, useMemo, forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport {\n  Flex,\n  Button,\n  Icon,\n  useTestIds,\n  withTestIds,\n  useDirection,\n  useEvent,\n  useI18n,\n  registerIcon\n} from '@pega/cosmos-react-core';\nimport type { TreeProps, ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-right.icon';\n\nimport RuleStep from './RuleStep';\nimport { getAutomationTestIds } from './Automation.test-ids';\nimport { automationTreeHelpers } from './Automation.utils';\nimport { StyledAIButton, StyledAutomation, StyledBaseTree } from './Automation.styles';\nimport type { AutomationProps, RuleStepTreeNode } from './Automation.types';\nimport AutomationContext from './AutomationContext';\n\nregisterIcon(caretDownIcon, caretLeftIcon, caretRightIcon);\n\nconst NodeRenderer: TreeProps<RuleStepTreeNode>['nodeRenderer'] = ({ subTree, ...restProps }) => {\n  return (\n    <>\n      <RuleStep {...restProps} />\n      {subTree}\n    </>\n  );\n};\n\nconst Automation: ForwardRefForwardPropsComponent<AutomationProps> = forwardRef(\n  ({\n    testId,\n    nodes,\n    onExpandAll,\n    onCollapseAll,\n    focusedNodeId,\n    onGenerateCommentsUsingGenAI\n  }: PropsWithoutRef<AutomationProps>) => {\n    const t = useI18n();\n    const { rtl } = useDirection();\n    const testIds = useTestIds(testId, getAutomationTestIds);\n\n    const treeRef = useRef<HTMLDivElement>(null);\n\n    const [focusedNode, setFocusedNode] = useState<RuleStepTreeNode['stepId']>('');\n    const [focusInsideNode, setFocusInsideNode] = useState(false);\n    const [focusInsideTree, setFocusInsideTree] = useState(false);\n\n    // handle key strokes on tree\n    const handlekeyDown = (e: KeyboardEvent) => {\n      if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key) && focusInsideNode) {\n        return;\n      }\n      switch (e.key) {\n        case 'ArrowDown': {\n          const nextNode = automationTreeHelpers.getNextNode(nodes, focusedNode);\n          setFocusedNode(nextNode.stepId);\n          break;\n        }\n        case 'ArrowUp': {\n          const previousNode = automationTreeHelpers.getPreviousNode(nodes, focusedNode);\n          setFocusedNode(previousNode.stepId);\n          break;\n        }\n        case 'Enter': {\n          setFocusInsideNode(true);\n          break;\n        }\n        case 'Escape': {\n          if (focusInsideNode) {\n            const currentFocussedNodeId = document.activeElement\n              ?.closest('[role=\"treeitem\"]')\n              ?.getAttribute('id');\n            if (currentFocussedNodeId) {\n              setFocusedNode(currentFocussedNodeId);\n            }\n            setFocusInsideNode(false);\n          }\n\n          break;\n        }\n        default:\n          break;\n      }\n    };\n\n    // handle focus movements in and out of tree\n    const handleFocusEvent = (e: FocusEvent) => {\n      switch (e.type) {\n        case 'focusin': {\n          if (!focusedNode) {\n            setFocusedNode(nodes[0].stepId);\n          }\n          if (!focusInsideTree) {\n            setFocusInsideTree(true);\n          }\n\n          break;\n        }\n        case 'focusout': {\n          if (focusInsideTree) {\n            setFocusInsideTree(false);\n          }\n          break;\n        }\n        default:\n          break;\n      }\n    };\n\n    const handleClick = (e: Event) => {\n      const currentNodeId =\n        e.target instanceof Element\n          ? e.target.closest('[role=\"treeitem\"]')?.getAttribute('id')\n          : null;\n      if (focusInsideTree && !focusInsideNode && currentNodeId) {\n        setFocusInsideNode(true);\n        setFocusedNode(currentNodeId);\n      }\n    };\n\n    // event handlers for focus management.\n    useEvent('keydown', handlekeyDown, { target: treeRef });\n    useEvent('focusin', handleFocusEvent, { target: treeRef });\n    useEvent('focusout', handleFocusEvent, { target: treeRef });\n    useEvent('click', handleClick, { target: treeRef });\n\n    // To capture focusNode from story\n    useEffect(() => {\n      if (focusedNodeId) {\n        setFocusInsideNode(false);\n        setFocusedNode(focusedNodeId);\n      }\n    }, [focusedNodeId]);\n\n    const indexedNodes = useMemo(() => automationTreeHelpers.calculateStepIndices(nodes), [nodes]);\n\n    const automationCtxValue = useMemo(\n      () => ({\n        focusedNodeId: focusedNode,\n        focusInsideNode,\n        focusInsideTree,\n        firstNodeId: nodes[0]?.stepId\n      }),\n      [focusedNode, focusInsideNode, focusInsideTree, nodes]\n    );\n\n    return (\n      <AutomationContext.Provider value={automationCtxValue}>\n        <StyledAutomation>\n          <Flex\n            container={{ pad: [0, 0, 2, 2] }}\n            justify='space-between'\n            data-testid={testIds.root}\n            alignItems='center'\n          >\n            {onExpandAll && (\n              <Button\n                aria-label={t('expand_steps')}\n                data-testid={testIds.expandAll}\n                onClick={onExpandAll}\n              >\n                <Icon name='caret-down' />\n                {t('expand_all')}\n              </Button>\n            )}\n\n            {onCollapseAll && (\n              <Button\n                aria-label={t('collapse_steps')}\n                data-testid={testIds.collapseAll}\n                onClick={onCollapseAll}\n              >\n                <Icon name={`caret-${rtl ? 'left' : 'right'}`} />\n                {t('collapse_all')}\n              </Button>\n            )}\n\n            {onGenerateCommentsUsingGenAI && (\n              <StyledAIButton\n                label={t('generate_comments')}\n                variant='secondary'\n                onClick={onGenerateCommentsUsingGenAI}\n                data-testid={testIds.generateComments}\n              />\n            )}\n          </Flex>\n\n          <StyledBaseTree\n            ref={treeRef}\n            testId={testIds.steps}\n            nodes={indexedNodes}\n            nodeRenderer={NodeRenderer}\n          />\n        </StyledAutomation>\n      </AutomationContext.Provider>\n    );\n  }\n);\n\nexport default withTestIds(Automation, getAutomationTestIds);\n"]}

package/lib/components/Automation/Automation.styles.d.ts

@@ -0,0 +1,12 @@
+export declare const StyledContainer: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").CardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSummary: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledErrorIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@pega/cosmos-react-core").IconProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledComment: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledStepHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledBaseTree: import("styled-components").StyledComponent<(<T extends import("@pega/cosmos-react-core").TreeNode = import("@pega/cosmos-react-core").TreeNode>(props: import("@pega/cosmos-react-core").TreeProps<T> & import("@pega/cosmos-react-core").ForwardProps) => JSX.Element | null) & {
+    getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
+}, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledAIButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<import("@pega/cosmos-react-core").AIButtonProps> & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledAutomation: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=Automation.styles.d.ts.map

package/lib/components/Automation/Automation.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Automation.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/Automation.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,kNAiB1B,CAAC;AAIH,eAAO,MAAM,aAAa,kNAEzB,CAAC;AAIF,eAAO,MAAM,aAAa,yGAKxB,CAAC;AAIH,eAAO,MAAM,eAAe,0LAI1B,CAAC;AAIH,eAAO,MAAM,aAAa,kNAIxB,CAAC;AAIH,eAAO,MAAM,gBAAgB,yGAG5B,CAAC;AAMF,eAAO,MAAM,cAAc;2BAAxB,CAAC;uDAWF,CAAC;AAIH,eAAO,MAAM,cAAc,kRAI1B,CAAC;AAIF,eAAO,MAAM,gBAAgB,yGAI5B,CAAC"}

package/lib/components/Automation/Automation.styles.js

@@ -0,0 +1,68 @@
+import styled, { css } from 'styled-components';
+import { Card, Text, Tree, Icon, defaultThemeProp, AIButton } from '@pega/cosmos-react-core';
+import { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';
+import { ellipsisOverflow } from '@pega/cosmos-react-core/lib/styles/mixins';
+// Rule step styles
+export const StyledContainer = styled(Card)(({ theme: { base: { shadow, palette: { 'border-line': borderLine } } } }) => {
+    return css `
+    border-bottom: 0.0625rem solid ${borderLine};
+
+    &:focus,
+    &:focus-visible {
+      box-shadow: inset ${shadow['focus-solid']};
+      outline: none;
+    }
+  `;
+});
+StyledContainer.defaultProps = defaultThemeProp;
+export const StyledSummary = styled(Text) `
+  ${ellipsisOverflow}
+`;
+StyledSummary.defaultProps = defaultThemeProp;
+export const StyledContent = styled.div(({ theme }) => {
+    return css `
+    position: relative;
+    padding: ${theme.base.spacing};
+  `;
+});
+StyledContent.defaultProps = defaultThemeProp;
+export const StyledErrorIcon = styled(Icon)(({ theme }) => {
+    return css `
+    color: ${theme.base.palette.urgent};
+  `;
+});
+StyledErrorIcon.defaultProps = defaultThemeProp;
+export const StyledComment = styled(StyledSummary)(({ theme }) => {
+    return css `
+    padding-inline-start: calc(4 * ${theme.base.spacing});
+  `;
+});
+StyledComment.defaultProps = defaultThemeProp;
+export const StyledStepHeader = styled.div `
+  min-width: 0;
+  flex: 1 1 auto;
+`;
+StyledStepHeader.defaultProps = defaultThemeProp;
+// Automation wrapper styles
+export const StyledBaseTree = styled(Tree)(({ theme: { base: { spacing } } }) => {
+    return css `
+    &,
+    & ul {
+      padding-inline-start: calc(2 * ${spacing});
+    }
+  `;
+});
+StyledBaseTree.defaultProps = defaultThemeProp;
+export const StyledAIButton = styled(AIButton) `
+  && {
+    margin-inline-start: auto;
+  }
+`;
+StyledAIButton.defaultProps = defaultThemeProp;
+export const StyledAutomation = styled.div `
+  ${StyledCardContent}:has(&&&) {
+    padding: unset;
+  }
+`;
+StyledAutomation.defaultProps = defaultThemeProp;
+//# sourceMappingURL=Automation.styles.js.map

package/lib/components/Automation/Automation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Automation.styles.js","sourceRoot":"","sources":["../../../src/components/Automation/Automation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAE7E,mBAAmB;AAEnB,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAC3C,KAAK,EAAE,EACL,IAAI,EAAE,EACJ,MAAM,EACN,OAAO,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,EACvC,EACF,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;qCACyB,UAAU;;;;0BAIrB,MAAM,CAAC,aAAa,CAAC;;;GAG5C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IACrC,gBAAgB;CACnB,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpD,OAAO,GAAG,CAAA;;eAEG,KAAK,CAAC,IAAI,CAAC,OAAO;GAC9B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxD,OAAO,GAAG,CAAA;aACC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;GACnC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC/D,OAAO,GAAG,CAAA;qCACyB,KAAK,CAAC,IAAI,CAAC,OAAO;GACpD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGzC,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,4BAA4B;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAC1C,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;;;uCAG2B,OAAO;;GAE3C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;CAI7C,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;IACtC,iBAAiB;;;CAGpB,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { Card, Text, Tree, Icon, defaultThemeProp, AIButton } from '@pega/cosmos-react-core';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\nimport { ellipsisOverflow } from '@pega/cosmos-react-core/lib/styles/mixins';\n\n// Rule step styles\n\nexport const StyledContainer = styled(Card)(({\n  theme: {\n    base: {\n      shadow,\n      palette: { 'border-line': borderLine }\n    }\n  }\n}) => {\n  return css`\n    border-bottom: 0.0625rem solid ${borderLine};\n\n    &:focus,\n    &:focus-visible {\n      box-shadow: inset ${shadow['focus-solid']};\n      outline: none;\n    }\n  `;\n});\n\nStyledContainer.defaultProps = defaultThemeProp;\n\nexport const StyledSummary = styled(Text)`\n  ${ellipsisOverflow}\n`;\n\nStyledSummary.defaultProps = defaultThemeProp;\n\nexport const StyledContent = styled.div(({ theme }) => {\n  return css`\n    position: relative;\n    padding: ${theme.base.spacing};\n  `;\n});\n\nStyledContent.defaultProps = defaultThemeProp;\n\nexport const StyledErrorIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n  `;\n});\n\nStyledErrorIcon.defaultProps = defaultThemeProp;\n\nexport const StyledComment = styled(StyledSummary)(({ theme }) => {\n  return css`\n    padding-inline-start: calc(4 * ${theme.base.spacing});\n  `;\n});\n\nStyledComment.defaultProps = defaultThemeProp;\n\nexport const StyledStepHeader = styled.div`\n  min-width: 0;\n  flex: 1 1 auto;\n`;\n\nStyledStepHeader.defaultProps = defaultThemeProp;\n\n// Automation wrapper styles\n\nexport const StyledBaseTree = styled(Tree)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    &,\n    & ul {\n      padding-inline-start: calc(2 * ${spacing});\n    }\n  `;\n});\n\nStyledBaseTree.defaultProps = defaultThemeProp;\n\nexport const StyledAIButton = styled(AIButton)`\n  && {\n    margin-inline-start: auto;\n  }\n`;\n\nStyledAIButton.defaultProps = defaultThemeProp;\n\nexport const StyledAutomation = styled.div`\n  ${StyledCardContent}:has(&&&) {\n    padding: unset;\n  }\n`;\n\nStyledAutomation.defaultProps = defaultThemeProp;\n"]}

package/lib/components/Automation/Automation.test-ids.d.ts

@@ -0,0 +1,3 @@
+export declare const getAutomationTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["expand-all", "collapse-all", "generate-comments", "steps"]>;
+export declare const getRuleStepTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["expand-collapse-button", "error-icon", "step-number", "switch-menu", "summary", "summary-tooltip", "comment", "comment-tooltip", "add-step-menu", "step-actions", "content"]>;
+//# sourceMappingURL=Automation.test-ids.d.ts.map

package/lib/components/Automation/Automation.test-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Automation.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/Automation.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,iMAKtB,CAAC;AAEZ,eAAO,MAAM,kBAAkB,mTAYpB,CAAC"}

package/lib/components/Automation/Automation.test-ids.js

@@ -0,0 +1,21 @@
+import { createTestIds } from '@pega/cosmos-react-core';
+export const getAutomationTestIds = createTestIds('automation', [
+    'expand-all',
+    'collapse-all',
+    'generate-comments',
+    'steps'
+]);
+export const getRuleStepTestIds = createTestIds('rule-step', [
+    'expand-collapse-button',
+    'error-icon',
+    'step-number',
+    'switch-menu',
+    'summary',
+    'summary-tooltip',
+    'comment',
+    'comment-tooltip',
+    'add-step-menu',
+    'step-actions',
+    'content'
+]);
+//# sourceMappingURL=Automation.test-ids.js.map

package/lib/components/Automation/Automation.test-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Automation.test-ids.js","sourceRoot":"","sources":["../../../src/components/Automation/Automation.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,YAAY,EAAE;IAC9D,YAAY;IACZ,cAAc;IACd,mBAAmB;IACnB,OAAO;CACC,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,EAAE;IAC3D,wBAAwB;IACxB,YAAY;IACZ,aAAa;IACb,aAAa;IACb,SAAS;IACT,iBAAiB;IACjB,SAAS;IACT,iBAAiB;IACjB,eAAe;IACf,cAAc;IACd,SAAS;CACD,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getAutomationTestIds = createTestIds('automation', [\n  'expand-all',\n  'collapse-all',\n  'generate-comments',\n  'steps'\n] as const);\n\nexport const getRuleStepTestIds = createTestIds('rule-step', [\n  'expand-collapse-button',\n  'error-icon',\n  'step-number',\n  'switch-menu',\n  'summary',\n  'summary-tooltip',\n  'comment',\n  'comment-tooltip',\n  'add-step-menu',\n  'step-actions',\n  'content'\n] as const);\n"]}

package/lib/components/Automation/Automation.types.d.ts

@@ -0,0 +1,95 @@
+import type { ReactNode, Ref } from 'react';
+import type { MenuProps, MenuButtonProps, BaseProps, NoChildrenProp, TestIdProp, Action, TreeNode, TreeProps } from '@pega/cosmos-react-core';
+import type { IconTileProps } from '../IconTile';
+export declare const AutomationActions: {
+    readonly ActionSet: "ActionSet";
+    readonly ActionSetRow: "ActionSetRow";
+    readonly ActionWhen: "ActionWhen";
+    readonly ActionAppend: "ActionAppend";
+    readonly ActionCall: "ActionCall";
+    readonly ActionCreate: "ActionCreate";
+    readonly ActionForEach: "ActionForEach";
+    readonly ActionExit: "ActionExit";
+    readonly ActionExitForEach: "ActionExitForEach";
+    readonly ActionExitAutomation: "ActionExitAutomation";
+    readonly ActionExitIteration: "ActionExitIteration";
+    readonly ActionReturn: "ActionReturn";
+    readonly ActionRemove: "ActionRemove";
+    readonly ActionRemoveRow: "ActionRemoveRow";
+    readonly ActionErrorHandler: "ActionErrorHandler";
+};
+export type AutomationActionType = (typeof AutomationActions)[keyof typeof AutomationActions];
+interface StepMenu {
+    items: MenuProps['items'];
+    loading?: MenuProps['loading'];
+    onItemClick?: (itemId: AutomationActionType, stepId: string, stepNumber: string) => void;
+}
+export interface StepMenuData {
+    menu: StepMenu;
+    onClick?: MenuButtonProps['onClick'];
+    onKeyDown?: MenuButtonProps['onKeyDown'];
+}
+export interface RuleStepProps extends BaseProps, NoChildrenProp, TestIdProp {
+    /** Id of the rulestep */
+    stepId: string;
+    /** Step number displayed on the step to user */
+    stepNumber: string;
+    /** Name of the rulestep */
+    stepName: AutomationActionType;
+    /** Menu for add operations for the rulestep */
+    addStepMenu: StepMenuData;
+    /** Visual of the rulestep */
+    stepVisual?: IconTileProps;
+    /** Menu to switch between rules */
+    switchMenu?: StepMenuData;
+    /** Summary of the rulestep */
+    summary?: string;
+    /** Comment of the rulestep */
+    comment?: string;
+    /** Content of the rulestep */
+    content?: ReactNode;
+    /** Callback to handle expand/collapse of rulestep */
+    onExpandCollapse?: (id: RuleStepProps['stepId']) => void;
+    /** Secondary actions for the rulestep */
+    stepActions?: Action[];
+    /** Sets rulestep to expand */
+    expanded?: boolean;
+    /** Loader for the content */
+    loading?: boolean;
+    /** If true, mounts the content */
+    mountContent?: boolean;
+    /** Error state of the rulestep */
+    error?: boolean;
+    /** Enables readonly mode of the rulestep */
+    readOnly?: boolean;
+    /** Ref for the rulestep */
+    ref?: Ref<HTMLDivElement>;
+}
+export interface RuleStepTreeNode extends TreeNode, RuleStepProps {
+    nodes?: RuleStepTreeNode[];
+    meta?: Record<string, unknown>;
+}
+export interface RuleStepData {
+    Id: RuleStepTreeNode['stepId'];
+    Type: AutomationActionType;
+    RuleSteps?: RuleStepData[];
+    [key: string]: unknown;
+}
+export interface AutomationProps extends TestIdProp, TreeProps<RuleStepTreeNode> {
+    /** Expands all the rulesteps */
+    onExpandAll?: () => void;
+    /** Collapses all the rulesteps */
+    onCollapseAll?: () => void;
+    /** Generates comments for rulesteps */
+    onGenerateCommentsUsingGenAI?: () => void;
+    /** Focuses the rulestep that is passed */
+    focusedNodeId?: RuleStepTreeNode['stepId'];
+}
+export interface AutomationContextValue {
+    focusInsideTree: boolean;
+    focusInsideNode: boolean;
+    focusedNodeId?: RuleStepTreeNode['stepId'];
+    firstNodeId?: RuleStepTreeNode['stepId'];
+}
+export {};
+//# sourceMappingURL=Automation.types.d.ts.map

package/lib/components/Automation/Automation.types.d.ts.map

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

package/lib/components/Automation/Automation.types.js

@@ -0,0 +1,18 @@
+export const AutomationActions = {
+    ActionSet: 'ActionSet',
+    ActionSetRow: 'ActionSetRow',
+    ActionWhen: 'ActionWhen',
+    ActionAppend: 'ActionAppend',
+    ActionCall: 'ActionCall',
+    ActionCreate: 'ActionCreate',
+    ActionForEach: 'ActionForEach',
+    ActionExit: 'ActionExit',
+    ActionExitForEach: 'ActionExitForEach',
+    ActionExitAutomation: 'ActionExitAutomation',
+    ActionExitIteration: 'ActionExitIteration',
+    ActionReturn: 'ActionReturn',
+    ActionRemove: 'ActionRemove',
+    ActionRemoveRow: 'ActionRemoveRow',
+    ActionErrorHandler: 'ActionErrorHandler'
+};
+//# sourceMappingURL=Automation.types.js.map

package/lib/components/Automation/Automation.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Automation.types.js","sourceRoot":"","sources":["../../../src/components/Automation/Automation.types.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;IACxB,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;IACxB,YAAY,EAAE,cAAc;IAC5B,aAAa,EAAE,eAAe;IAC9B,UAAU,EAAE,YAAY;IACxB,iBAAiB,EAAE,mBAAmB;IACtC,oBAAoB,EAAE,sBAAsB;IAC5C,mBAAmB,EAAE,qBAAqB;IAC1C,YAAY,EAAE,cAAc;IAC5B,YAAY,EAAE,cAAc;IAC5B,eAAe,EAAE,iBAAiB;IAClC,kBAAkB,EAAE,oBAAoB;CAChC,CAAC","sourcesContent":["import type { ReactNode, Ref } from 'react';\n\nimport type {\n  MenuProps,\n  MenuButtonProps,\n  BaseProps,\n  NoChildrenProp,\n  TestIdProp,\n  Action,\n  TreeNode,\n  TreeProps\n} from '@pega/cosmos-react-core';\n\nimport type { IconTileProps } from '../IconTile';\n\nexport const AutomationActions = {\n  ActionSet: 'ActionSet',\n  ActionSetRow: 'ActionSetRow',\n  ActionWhen: 'ActionWhen',\n  ActionAppend: 'ActionAppend',\n  ActionCall: 'ActionCall',\n  ActionCreate: 'ActionCreate',\n  ActionForEach: 'ActionForEach',\n  ActionExit: 'ActionExit',\n  ActionExitForEach: 'ActionExitForEach',\n  ActionExitAutomation: 'ActionExitAutomation',\n  ActionExitIteration: 'ActionExitIteration',\n  ActionReturn: 'ActionReturn',\n  ActionRemove: 'ActionRemove',\n  ActionRemoveRow: 'ActionRemoveRow',\n  ActionErrorHandler: 'ActionErrorHandler'\n} as const;\n\nexport type AutomationActionType = (typeof AutomationActions)[keyof typeof AutomationActions];\n\n// Rule step interfaces\ninterface StepMenu {\n  items: MenuProps['items'];\n  loading?: MenuProps['loading'];\n  onItemClick?: (itemId: AutomationActionType, stepId: string, stepNumber: string) => void;\n}\n\nexport interface StepMenuData {\n  menu: StepMenu;\n  onClick?: MenuButtonProps['onClick'];\n  onKeyDown?: MenuButtonProps['onKeyDown'];\n}\n\nexport interface RuleStepProps extends BaseProps, NoChildrenProp, TestIdProp {\n  /** Id of the rulestep */\n  stepId: string;\n  /** Step number displayed on the step to user */\n  stepNumber: string;\n  /** Name of the rulestep */\n  stepName: AutomationActionType;\n  /** Menu for add operations for the rulestep */\n  addStepMenu: StepMenuData;\n  /** Visual of the rulestep */\n  stepVisual?: IconTileProps;\n  /** Menu to switch between rules */\n  switchMenu?: StepMenuData;\n  /** Summary of the rulestep */\n  summary?: string;\n  /** Comment of the rulestep */\n  comment?: string;\n  /** Content of the rulestep */\n  content?: ReactNode;\n  /** Callback to handle expand/collapse of rulestep */\n  onExpandCollapse?: (id: RuleStepProps['stepId']) => void;\n  /** Secondary actions for the rulestep */\n  stepActions?: Action[];\n  /** Sets rulestep to expand */\n  expanded?: boolean;\n  /** Loader for the content */\n  loading?: boolean;\n  /** If true, mounts the content */\n  mountContent?: boolean;\n  /** Error state of the rulestep */\n  error?: boolean;\n  /** Enables readonly mode of the rulestep */\n  readOnly?: boolean;\n  /** Ref for the rulestep */\n  ref?: Ref<HTMLDivElement>;\n}\n\n// Automation Wrapper interfaces\nexport interface RuleStepTreeNode extends TreeNode, RuleStepProps {\n  nodes?: RuleStepTreeNode[];\n  meta?: Record<string, unknown>;\n}\n\nexport interface RuleStepData {\n  Id: RuleStepTreeNode['stepId'];\n  Type: AutomationActionType;\n  RuleSteps?: RuleStepData[];\n  [key: string]: unknown;\n}\n\nexport interface AutomationProps extends TestIdProp, TreeProps<RuleStepTreeNode> {\n  /** Expands all the rulesteps */\n  onExpandAll?: () => void;\n  /** Collapses all the rulesteps */\n  onCollapseAll?: () => void;\n  /** Generates comments for rulesteps */\n  onGenerateCommentsUsingGenAI?: () => void;\n  /** Focuses the rulestep that is passed */\n  focusedNodeId?: RuleStepTreeNode['stepId'];\n}\n\nexport interface AutomationContextValue {\n  focusInsideTree: boolean;\n  focusInsideNode: boolean;\n  focusedNodeId?: RuleStepTreeNode['stepId'];\n  firstNodeId?: RuleStepTreeNode['stepId'];\n}\n"]}

package/lib/components/Automation/Automation.utils.d.ts

@@ -0,0 +1,109 @@
+import type { RuleStepData, RuleStepTreeNode, AutomationActionType } from './Automation.types';
+export declare const automationTreeHelpers: {
+    /**
+     * Get the index of a node
+     * @param nodes Rulesteps
+     * @param id Id of required node
+     * @returns Index of the node in list of nodes
+     */
+    getNodeIndex(nodes: RuleStepTreeNode[], id: RuleStepTreeNode["id"]): number;
+    /**
+     * Add a node
+     * @param nodes Current tree nodes
+     * @param index Index in list where new node should be appended.
+     * @param newNode New node
+     * @returns Updated node list
+     */
+    addNode(nodes: RuleStepTreeNode[], index: number, newNode: RuleStepTreeNode): RuleStepTreeNode[];
+    /**
+     * Add a step before a node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @param newNode New node
+     * @returns Updated tree
+     */
+    addStepBefore(nodes: RuleStepTreeNode[], id: RuleStepTreeNode["id"], newNode: RuleStepTreeNode): RuleStepTreeNode[];
+    /**
+     * Add step after a node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @param newNode New node
+     * @returns Updated tree
+     */
+    addStepAfter(nodes: RuleStepTreeNode[], id: RuleStepTreeNode["id"], newNode: RuleStepTreeNode): RuleStepTreeNode[];
+    /**
+     * Add sub-step on a node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @param newNode New node
+     * @returns Updated tree
+     */
+    addSubStep(nodes: RuleStepTreeNode[], id: RuleStepTreeNode["id"], newNode: RuleStepTreeNode): RuleStepTreeNode[];
+    /**
+     * Delete the node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @returns Updated tree
+     */
+    deleteStep(nodes: RuleStepTreeNode[], id: RuleStepTreeNode["id"]): RuleStepTreeNode[];
+    /**
+     * Toggle expand/collapse of node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @param expand Option to set expand collapse if user specifies explicitly
+     * @returns Updated tree
+     */
+    toggleExpandCollapse(nodes: RuleStepTreeNode[], id: RuleStepTreeNode["id"]): RuleStepTreeNode[];
+    /**
+     * Change step type of a node.
+     * @param nodes Current tree nodes
+     * @param id Id of node clicked
+     * @param stepName Name of step,
+     * @param stepVisual Visual of step
+     * @returns Updated tree
+     */
+    changeStep(nodes: RuleStepTreeNode[], id: RuleStepTreeNode["id"], stepName: RuleStepTreeNode["stepName"], stepVisual: RuleStepTreeNode["stepVisual"]): RuleStepTreeNode[];
+    /**
+     * Expand all nodes of tree.
+     * @param nodes Current tree nodes
+     * @returns Updated tree
+     */
+    expandAll(nodes: RuleStepTreeNode[]): RuleStepTreeNode[];
+    /**
+     * Collapse all nodes of tree.
+     * @param nodes Current tree nodes
+     * @returns Updated tree
+     */
+    collapseAll(nodes: RuleStepTreeNode[]): RuleStepTreeNode[];
+    /**
+     * Calculate the step numbers and append to tree
+     * @param nodes Current tree nodes
+     * @param prefix Helper prefix text
+     * @param depth Depth of node
+     * @returns Updated tree with step numbers
+     */
+    calculateStepIndices(nodes: RuleStepTreeNode[], prefix?: string, depth?: number): RuleStepTreeNode[];
+    /**
+     *
+     * @param nodes Rule steps
+     * @param stepId Current step id
+     * @returns Next node.
+     */
+    getNextNode(nodes: RuleStepTreeNode[], stepId: RuleStepTreeNode["stepId"]): RuleStepTreeNode;
+    /**
+     *
+     * @param nodes Rule steps
+     * @param stepId Current step id
+     * @returns Previous node.
+     */
+    getPreviousNode(nodes: RuleStepTreeNode[], stepId: RuleStepTreeNode["stepId"]): RuleStepTreeNode;
+    /**
+     * Converts rule step data to AutomationWrapperProps
+     * @param ruleStepData Raw rule data
+     * @param fn Helper function to create node.
+     * @returns Tree in AutomationWrapperProps structure.
+     */
+    constructRuleStepTree(ruleStepData: RuleStepData[], fn: (stepId: RuleStepTreeNode["stepId"], stepName: AutomationActionType) => RuleStepTreeNode): RuleStepTreeNode[];
+};
+export declare const isValidAutomationActionType: (value: string) => value is AutomationActionType;
+//# sourceMappingURL=Automation.utils.d.ts.map

package/lib/components/Automation/Automation.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Automation.utils.d.ts","sourceRoot":"","sources":["../../../src/components/Automation/Automation.utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/F,eAAO,MAAM,qBAAqB;IAChC;;;;;OAKG;wBACiB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,GAAG,MAAM;IAI3E;;;;;;OAMG;mBACY,gBAAgB,EAAE,SAAS,MAAM,WAAW,gBAAgB,GAAG,gBAAgB,EAAE;IAIhG;;;;;;OAMG;yBAEM,gBAAgB,EAAE,MACrB,gBAAgB,CAAC,IAAI,CAAC,WACjB,gBAAgB,GACxB,gBAAgB,EAAE;IAarB;;;;;;OAMG;wBAEM,gBAAgB,EAAE,MACrB,gBAAgB,CAAC,IAAI,CAAC,WACjB,gBAAgB,GACxB,gBAAgB,EAAE;IAarB;;;;;;OAMG;sBAEM,gBAAgB,EAAE,MACrB,gBAAgB,CAAC,IAAI,CAAC,WACjB,gBAAgB,GACxB,gBAAgB,EAAE;IAIrB;;;;;OAKG;sBACe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,GAAG,gBAAgB,EAAE;IAWrF;;;;;;OAMG;gCACyB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,GAAG,gBAAgB,EAAE;IAQ/F;;;;;;;OAOG;sBAEM,gBAAgB,EAAE,MACrB,gBAAgB,CAAC,IAAI,CAAC,YAChB,gBAAgB,CAAC,UAAU,CAAC,cAC1B,gBAAgB,CAAC,YAAY,CAAC,GACzC,gBAAgB,EAAE;IAQrB;;;;OAIG;qBACc,gBAAgB,EAAE,GAAG,gBAAgB,EAAE;IAQxD;;;;OAIG;uBACgB,gBAAgB,EAAE,GAAG,gBAAgB,EAAE;IAO1D;;;;;;OAMG;gCAEM,gBAAgB,EAAE,WACjB,MAAM,UACP,MAAM,GACZ,gBAAgB,EAAE;IAgBrB;;;;;OAKG;uBACgB,gBAAgB,EAAE,UAAU,gBAAgB,CAAC,QAAQ,CAAC,GAAG,gBAAgB;IAQ5F;;;;;OAKG;2BACoB,gBAAgB,EAAE,UAAU,gBAAgB,CAAC,QAAQ,CAAC,GAAG,gBAAgB;IAMhG;;;;;OAKG;wCAEa,YAAY,EAAE,MACxB,CAAC,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,oBAAoB,KAAK,gBAAgB,GAC3F,gBAAgB,EAAE;CAatB,CAAC;AAIF,eAAO,MAAM,2BAA2B,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,oBAEpE,CAAC"}