@pega/cosmos-react-demos 5.0.0-dev.2.0 → 5.0.0-dev.3.0

package/lib/build/FlowModeller/FlowModeller.stories.js

@@ -1,481 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useMemo, useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { FlowModeller, FlowModellerHelper, Workbench } from '@pega/cosmos-react-build';
-import { useOuterEvent, useEscape, useElement, Modal, ComboBox, menuHelpers, Text, useModalManager, Input } from '@pega/cosmos-react-core';
-import { nodeLibrary, nodeActions, exampleCRMNodesData, exampleCRMConnectorsData, emptyNodesData, emptyConnectorsData, FlowShapeType, DecisionTable, DeletePopover } from './FlowModeller.mocks';
-import { StyledWrapper } from './FlowModeller.styles';
-export default {
-    title: 'Build/FlowModeller',
-    component: FlowModeller,
-    parameters: {
-        layout: 'fullscreen'
-    }
-};
-export const EmptyFlowChartView = (args) => {
-    const [graphData, setGraphData] = useState({
-        nodes: emptyNodesData,
-        connectors: emptyConnectorsData
-    });
-    const [highlightItems, setHighlightItems] = useState();
-    const [open, setOpen] = useState(false);
-    const [nodeData, setNodeData] = useState();
-    const [showPopover, setPopover] = useState(false);
-    const [activeNodeId, setActiveNodeId] = useState();
-    const [buffer, setBuffer] = useState({
-        nodes: [],
-        connectors: []
-    });
-    const [target, setTarget] = useState(null);
-    const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
-    const [connectorData, setConnectorData] = useState();
-    const { create } = useModalManager();
-    const [inputError, setInputError] = useState(false);
-    const [inputValue, setInputValue] = useState();
-    const [items, setItems] = useState(graphData?.nodes
-        .filter(node => node.type.id !== 'start' &&
-        node.id !== nodeData?.node.id &&
-        node.type.id !== FlowShapeType.GOTO.id)
-        .map(option => {
-        return {
-            primary: option.label,
-            id: option.id,
-            selected: false
-        };
-    }));
-    const selectNode = (nodeId) => {
-        const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);
-        setOpen(true);
-        setNodeData(selectedNodeData);
-        setActiveNodeId(selectedNodeData.node.id);
-        setInputValue(selectedNodeData.node.label);
-        setInputError(!!selectedNodeData.node.error);
-    };
-    const onNodeActionClick = (params) => {
-        if (params.actionId === 'action-2') {
-            action(`ressigned ${params.nodeId}`)();
-        }
-        else {
-            // eslint-disable-next-line no-console
-            console.warn(`Unknown action ${params.actionId}`);
-        }
-    };
-    const addNode = (nodeType, metaData) => {
-        const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;
-        const updatedData = FlowModellerHelper.addNode({
-            nodeType,
-            graphData,
-            isBranchNode,
-            metaData
-        });
-        if (updatedData) {
-            setGraphData(updatedData.graphData);
-            const selectedNodeData = FlowModellerHelper.selectNode(updatedData.graphData, updatedData.node.id);
-            setOpen(true);
-            setNodeData(selectedNodeData);
-            setActiveNodeId(selectedNodeData.node.id);
-            setInputError(false);
-            setInputValue(selectedNodeData.node.label);
-        }
-    };
-    const launchModal = (errorTitle, errorMessage) => {
-        create(() => {
-            return (_jsx(Modal, { heading: errorTitle, center: true, children: _jsxs(Text, { variant: 'primary', children: [errorMessage, " "] }) }));
-        });
-    };
-    const deleteNode = (params, error) => {
-        if (error) {
-            return launchModal('Delete step error', error);
-        }
-        if (params.nodeId === activeNodeId) {
-            setActiveNodeId(undefined);
-            setOpen(false);
-        }
-        setGraphData(params.additionalData?.graphData);
-    };
-    const onAddRow = (updatedData) => {
-        if (nodeData) {
-            const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);
-            setNodeData(nodeInfo);
-            setGraphData(updatedData);
-        }
-    };
-    const onDeleteRow = (updatedData, connector, error, highlightsData, e) => {
-        if (error) {
-            return launchModal('Delete connector error', error);
-        }
-        setHighlightItems(highlightsData);
-        setPopover(prevState => !prevState);
-        setConnectorData(connector);
-        setBuffer(updatedData);
-        if (e?.target instanceof Element) {
-            const targetElem = e.target;
-            setTarget(targetElem?.getAttribute('id'));
-        }
-    };
-    const onDelete = () => {
-        setHighlightItems(undefined);
-        setInputError(false);
-        const updatedGraphData = buffer;
-        // Remove default labels when the current number of connectors are one
-        if (nodeData?.outConnectors.length === 2) {
-            const defaultConnector = nodeData?.outConnectors[0].id !== connectorData?.id
-                ? nodeData?.outConnectors[0]
-                : nodeData?.outConnectors[1];
-            for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {
-                const connectorEdge = updatedGraphData.connectors[i];
-                if (connectorEdge.id === defaultConnector.id &&
-                    (connectorEdge.label === 'Default' || connectorEdge.label === 'Otherwise')) {
-                    connectorEdge.label = '';
-                    break;
-                }
-            }
-        }
-        if (nodeData) {
-            const nodeInfo = FlowModellerHelper.selectNode(updatedGraphData, nodeData.node.id);
-            setNodeData(nodeInfo);
-        }
-        if (updatedGraphData)
-            setGraphData(updatedGraphData);
-    };
-    const onCancel = () => {
-        setHighlightItems(undefined);
-        setPopover(false);
-    };
-    const onSelectedUpdateData = () => {
-        if (nodeData && inputValue === '') {
-            const updatedNode = {
-                ...nodeData?.node,
-                label: inputValue,
-                error: 'Please fill in all the required fields'
-            };
-            const updatedNodes = [
-                updatedNode,
-                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
-            ];
-            setNodeData({ ...nodeData, node: updatedNode });
-            setGraphData({ ...graphData, nodes: updatedNodes });
-        }
-        else if (nodeData && inputValue) {
-            const updatedNode = {
-                ...nodeData?.node,
-                label: inputValue,
-                error: ''
-            };
-            const updatedNodes = [
-                updatedNode,
-                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
-            ];
-            setNodeData({ ...nodeData, node: updatedNode });
-            setGraphData({ ...graphData, nodes: updatedNodes });
-        }
-    };
-    const WorkbenchContent = memo(() => {
-        const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
-        const selectItem = (id) => {
-            const selectedItem = menuHelpers.getItem(items, id);
-            if (selectedItem && nodeData) {
-                const updatedNode = {
-                    ...nodeData.node,
-                    reference: selectedItem.id
-                };
-                const updatedNodes = [
-                    updatedNode,
-                    ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
-                ];
-                setNodeData({ ...nodeData, node: updatedNode });
-                setGraphData({ ...graphData, nodes: updatedNodes });
-                setInputValue(updatedNode.label);
-                setInputError(false);
-            }
-            setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
-        };
-        const onInputBlur = (e) => {
-            if (e.target.value === '') {
-                setInputError(true);
-            }
-            else {
-                setInputError(false);
-            }
-            setInputValue(e.target.value);
-            if (nodeData) {
-                setNodeData({
-                    ...nodeData,
-                    node: {
-                        ...nodeData.node,
-                        label: e.target.value
-                    }
-                });
-            }
-        };
-        return (_jsxs(_Fragment, { children: [nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (_jsxs(_Fragment, { children: [_jsx(Input, { defaultValue: inputValue, label: 'Name', info: inputError ? 'Cannot be blank' : '', status: inputError ? 'error' : undefined, required: true, readOnly: args.readOnly, onBlur: onInputBlur }), _jsx(DecisionTable, { updatedData: graphData, connectors: nodeData?.outConnectors, onDeleteRow: onDeleteRow, node: nodeData?.node, onAddRow: onAddRow, readOnly: args.readOnly })] })), nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (_jsx(ComboBox, { label: 'Go to', placeholder: 'Select step', menu: {
-                        items,
-                        onItemClick: selectItem
-                    }, selected: selected
-                        ? {
-                            items: {
-                                id: selected.id,
-                                text: selected.primary
-                            }
-                        }
-                        : undefined }))] }));
-    });
-    useEscape(onCancel);
-    useOuterEvent('mousedown', [deletePopoverEl], onCancel);
-    return (_jsx(StyledWrapper, { children: _jsxs(Workbench, { initiallyVisiblePanelId: undefined, configurationPanel: {
-                open,
-                content: _jsx(WorkbenchContent, {}),
-                header: nodeData?.node.label || 'Task step',
-                onDismiss: () => {
-                    onSelectedUpdateData();
-                    setOpen(false);
-                }
-            }, children: [_jsx(FlowModeller, { graphData: graphData, nodeLibrary: nodeLibrary, onNodeAdd: addNode, onNodeClick: selectNode, actions: nodeActions, highlightData: highlightItems, onNodeActionClick: onNodeActionClick, onDelete: deleteNode, selectedNodeId: activeNodeId }), _jsx(DeletePopover, { targetId: target, ref: setDeletePopoverEl, onDelete: onDelete, onCancel: onCancel, showPopover: showPopover })] }) }));
-};
-export const CRMFlowChartView = (args) => {
-    const [graphData, setGraphData] = useState({
-        nodes: exampleCRMNodesData,
-        connectors: exampleCRMConnectorsData
-    });
-    const [nodeData, setNodeData] = useState();
-    const [items, setItems] = useState(graphData?.nodes
-        .filter(node => node.type.id !== 'start' &&
-        node.id !== nodeData?.node.id &&
-        node.type.id !== FlowShapeType.GOTO.id)
-        .map(option => {
-        return {
-            primary: option.label,
-            id: option.id,
-            selected: false
-        };
-    }));
-    const [highlightItems, setHighlightItems] = useState();
-    const [open, setOpen] = useState(false);
-    // nodeData maintains the state of selected node
-    const [showPopover, setPopover] = useState(false);
-    const [buffer, setBuffer] = useState({
-        nodes: [],
-        connectors: []
-    });
-    const [target, setTarget] = useState(null);
-    const [deletePopoverEl, setDeletePopoverEl] = useElement(null);
-    const [connectorData, setConnectorData] = useState();
-    const [activeNodeId, setActiveNodeId] = useState();
-    const { create } = useModalManager();
-    const [inputError, setInputError] = useState(false);
-    const [inputValue, setInputValue] = useState();
-    const selectNode = (nodeId) => {
-        const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);
-        setOpen(true);
-        setNodeData(selectedNodeData);
-        setActiveNodeId(selectedNodeData.node.id);
-        setInputValue(selectedNodeData.node.label);
-        setInputError(!!selectedNodeData.node.error);
-    };
-    const onNodeActionClick = (params) => {
-        if (params.actionId === 'action-2') {
-            action(`ressigned ${params.nodeId}`)();
-        }
-        else {
-            // eslint-disable-next-line no-console
-            console.warn(`Unknown action ${params.actionId}`);
-        }
-    };
-    const addNode = (nodeType, metaData) => {
-        const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;
-        const updatedData = FlowModellerHelper.addNode({
-            nodeType,
-            graphData,
-            isBranchNode,
-            metaData
-        });
-        if (updatedData) {
-            setGraphData(updatedData.graphData);
-            const selectedNodeData = FlowModellerHelper.selectNode(updatedData.graphData, updatedData.node.id);
-            setOpen(true);
-            setNodeData(selectedNodeData);
-            setActiveNodeId(selectedNodeData.node.id);
-            setInputError(false);
-            setInputValue(selectedNodeData.node.label);
-        }
-    };
-    const launchModal = (errorTitle, errorMessage) => {
-        create(() => {
-            return (_jsx(Modal, { heading: errorTitle, center: true, children: _jsxs(Text, { variant: 'primary', children: [errorMessage, " "] }) }));
-        });
-    };
-    const deleteNode = (params, error) => {
-        if (error) {
-            return launchModal('Delete step error', error);
-        }
-        if (params.nodeId === activeNodeId) {
-            setActiveNodeId(undefined);
-            setOpen(false);
-        }
-        setGraphData(params.additionalData?.graphData);
-    };
-    const onAddRow = (updatedData) => {
-        if (nodeData) {
-            const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);
-            setNodeData(nodeInfo);
-            setGraphData(updatedData);
-            setInputError(false);
-        }
-    };
-    const onDeleteRow = (updatedData, connector, error, highlightsData, e) => {
-        if (error) {
-            return launchModal('Delete connector error', error);
-        }
-        setHighlightItems(highlightsData);
-        setPopover(prevState => !prevState);
-        setConnectorData(connector);
-        setBuffer(updatedData);
-        if (e?.target instanceof Element) {
-            const targetElem = e.target;
-            setTarget(targetElem?.getAttribute('id'));
-        }
-    };
-    const onDelete = () => {
-        setPopover(false);
-        setHighlightItems(undefined);
-        setInputError(false);
-        const updatedGraphData = buffer;
-        // Remove default labels when the current number of connectors are one
-        if (nodeData?.outConnectors.length === 2) {
-            const defaultConnector = nodeData?.outConnectors[0].id !== connectorData?.id
-                ? nodeData?.outConnectors[0]
-                : nodeData?.outConnectors[1];
-            for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {
-                const connectorEdge = updatedGraphData.connectors[i];
-                if (connectorEdge.id === defaultConnector.id &&
-                    (connectorEdge.label === 'Default' || connectorEdge.label === 'Otherwise')) {
-                    connectorEdge.label = '';
-                    break;
-                }
-            }
-        }
-        if (nodeData) {
-            const nodeInfo = FlowModellerHelper.selectNode(updatedGraphData, nodeData.node.id);
-            setNodeData(nodeInfo);
-        }
-        if (updatedGraphData)
-            setGraphData(updatedGraphData);
-    };
-    const onCancel = () => {
-        setHighlightItems(undefined);
-        setPopover(false);
-    };
-    const onSelectedUpdateData = () => {
-        if (nodeData && inputValue === '') {
-            const updatedNode = {
-                ...nodeData?.node,
-                label: inputValue,
-                error: 'Please fill in all the required fields'
-            };
-            const updatedNodes = [
-                updatedNode,
-                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
-            ];
-            setNodeData({ ...nodeData, node: updatedNode });
-            setGraphData({ ...graphData, nodes: updatedNodes });
-        }
-        else if (nodeData && inputValue) {
-            const updatedNode = {
-                ...nodeData?.node,
-                label: inputValue,
-                error: ''
-            };
-            const updatedNodes = [
-                updatedNode,
-                ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
-            ];
-            setNodeData({ ...nodeData, node: updatedNode });
-            setGraphData({ ...graphData, nodes: updatedNodes });
-        }
-    };
-    const WorkbenchContent = memo(() => {
-        const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);
-        const selectItem = (id) => {
-            const selectedItem = menuHelpers.getItem(items, id);
-            if (selectedItem && nodeData) {
-                const updatedNode = {
-                    ...nodeData.node,
-                    reference: selectedItem.id
-                };
-                const updatedNodes = [
-                    updatedNode,
-                    ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)
-                ];
-                setNodeData({ ...nodeData, node: updatedNode });
-                setGraphData({ ...graphData, nodes: updatedNodes });
-                setInputValue(updatedNode.label);
-                setInputError(false);
-            }
-            setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));
-        };
-        const onInputBlur = (e) => {
-            if (e.target.value === '') {
-                setInputError(true);
-            }
-            else {
-                setInputError(false);
-            }
-            setInputValue(e.target.value);
-            if (nodeData) {
-                setNodeData({
-                    ...nodeData,
-                    node: {
-                        ...nodeData.node,
-                        label: e.target.value
-                    }
-                });
-            }
-        };
-        return (_jsxs(_Fragment, { children: [nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (_jsxs(_Fragment, { children: [_jsx(Input, { defaultValue: inputValue, label: 'Name', info: inputError ? 'Cannot be blank' : '', status: inputError ? 'error' : undefined, required: true, readOnly: args.readOnly, onBlur: onInputBlur }), _jsx(DecisionTable, { updatedData: graphData, connectors: nodeData?.outConnectors, onDeleteRow: onDeleteRow, node: nodeData?.node, onAddRow: onAddRow, readOnly: args.readOnly })] })), nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (_jsx(ComboBox, { label: 'Go to', placeholder: 'Select step', menu: {
-                        items,
-                        onItemClick: selectItem
-                    }, selected: selected
-                        ? {
-                            items: {
-                                id: selected.id,
-                                text: selected.primary
-                            }
-                        }
-                        : undefined }))] }));
-    });
-    useEscape(onCancel);
-    useOuterEvent('mousedown', [deletePopoverEl], onCancel);
-    const createGraphData = (showError) => {
-        if (showError) {
-            return {
-                ...graphData,
-                nodes: graphData.nodes.map((node) => {
-                    if (node.id === '101' || node.id === '105' || node.id === '110' || node.id === '112') {
-                        return { ...node, error: 'Something is wrong!' };
-                    }
-                    return node;
-                })
-            };
-        }
-        return graphData;
-    };
-    return (_jsx(StyledWrapper, { children: _jsxs(Workbench, { initiallyVisiblePanelId: undefined, configurationPanel: {
-                open,
-                content: _jsx(WorkbenchContent, {}),
-                header: nodeData?.node.label || 'Task step',
-                onDismiss: () => {
-                    onSelectedUpdateData();
-                    setOpen(false);
-                    setActiveNodeId(undefined);
-                }
-            }, children: [_jsx(FlowModeller, { graphData: createGraphData(args.showErrorState || false), nodeLibrary: nodeLibrary, onNodeAdd: addNode, onNodeClick: selectNode, actions: nodeActions, highlightData: highlightItems, onNodeActionClick: onNodeActionClick, onDelete: deleteNode, readOnly: args.readOnly, selectedNodeId: activeNodeId }), _jsx(DeletePopover, { targetId: target, ref: setDeletePopoverEl, onDelete: onDelete, onCancel: onCancel, showPopover: showPopover })] }) }));
-};
-CRMFlowChartView.args = {
-    showErrorState: false,
-    readOnly: false
-};
-CRMFlowChartView.argTypes = {
-    showErrorState: { control: { type: 'boolean' } },
-    readOnly: { control: { type: 'boolean' } }
-};
-//# sourceMappingURL=FlowModeller.stories.js.map

package/lib/build/FlowModeller/FlowModeller.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowModeller.stories.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useMemo, useState } from 'react';\nimport type { FocusEvent } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { FlowModeller, FlowModellerHelper, Workbench } from '@pega/cosmos-react-build';\nimport type {\n  ActionParams,\n  NodeProps,\n  NodeType,\n  GraphData,\n  DeleteNodeOutcome,\n  ConnectorProps,\n  AddNodeHandlerParams,\n  RendererProps,\n  FlowModellerProps,\n  NodeInfo\n} from '@pega/cosmos-react-build';\nimport {\n  useOuterEvent,\n  useEscape,\n  useElement,\n  Modal,\n  ComboBox,\n  menuHelpers,\n  Text,\n  useModalManager,\n  Input\n} from '@pega/cosmos-react-core';\nimport type { MenuItemProps, MenuProps } from '@pega/cosmos-react-core';\n\nimport {\n  nodeLibrary,\n  nodeActions,\n  exampleCRMNodesData,\n  exampleCRMConnectorsData,\n  emptyNodesData,\n  emptyConnectorsData,\n  FlowShapeType,\n  DecisionTable,\n  DeletePopover\n} from './FlowModeller.mocks';\nimport { StyledWrapper } from './FlowModeller.styles';\n\nexport default {\n  title: 'Build/FlowModeller',\n  component: FlowModeller,\n  parameters: {\n    layout: 'fullscreen'\n  }\n} as Meta;\ninterface FlowChartDemoProps extends Partial<FlowModellerProps> {\n  showErrorState?: boolean;\n  readOnly?: boolean;\n}\n\nexport const EmptyFlowChartView: StoryFn<FlowChartDemoProps> = (args: FlowChartDemoProps) => {\n  const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n    nodes: emptyNodesData,\n    connectors: emptyConnectorsData\n  });\n  const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n  const [open, setOpen] = useState(false);\n  const [nodeData, setNodeData] = useState<NodeInfo>();\n  const [showPopover, setPopover] = useState(false);\n  const [activeNodeId, setActiveNodeId] = useState<string>();\n  const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n    nodes: [],\n    connectors: []\n  });\n  const [target, setTarget] = useState<string | null>(null);\n  const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n  const [connectorData, setConnectorData] = useState<ConnectorProps>();\n  const { create } = useModalManager();\n  const [inputError, setInputError] = useState(false);\n  const [inputValue, setInputValue] = useState<string>();\n  const [items, setItems] = useState<MenuProps['items']>(\n    graphData?.nodes\n      .filter(\n        node =>\n          node.type.id !== 'start' &&\n          node.id !== nodeData?.node.id &&\n          node.type.id !== FlowShapeType.GOTO.id\n      )\n      .map(option => {\n        return {\n          primary: option.label,\n          id: option.id,\n          selected: false\n        } as MenuItemProps;\n      })\n  );\n\n  const selectNode = (nodeId: NodeProps['id']) => {\n    const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);\n    setOpen(true);\n    setNodeData(selectedNodeData);\n    setActiveNodeId(selectedNodeData.node.id);\n    setInputValue(selectedNodeData.node.label);\n    setInputError(!!selectedNodeData.node.error);\n  };\n\n  const onNodeActionClick = (params: ActionParams) => {\n    if (params.actionId === 'action-2') {\n      action(`ressigned ${params.nodeId}`)();\n    } else {\n      // eslint-disable-next-line no-console\n      console.warn(`Unknown action ${params.actionId}`);\n    }\n  };\n\n  const addNode = (nodeType: NodeType, metaData: AddNodeHandlerParams) => {\n    const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n    const updatedData = FlowModellerHelper.addNode({\n      nodeType,\n      graphData,\n      isBranchNode,\n      metaData\n    });\n    if (updatedData) {\n      setGraphData(updatedData.graphData);\n      const selectedNodeData = FlowModellerHelper.selectNode(\n        updatedData.graphData,\n        updatedData.node.id\n      );\n      setOpen(true);\n      setNodeData(selectedNodeData);\n      setActiveNodeId(selectedNodeData.node.id);\n      setInputError(false);\n      setInputValue(selectedNodeData.node.label);\n    }\n  };\n\n  const launchModal = (errorTitle: string, errorMessage: string) => {\n    create(() => {\n      return (\n        <Modal heading={errorTitle} center>\n          <Text variant='primary'>{errorMessage} </Text>\n        </Modal>\n      );\n    });\n  };\n\n  const deleteNode = (params: ActionParams, error: string) => {\n    if (error) {\n      return launchModal('Delete step error', error);\n    }\n    if (params.nodeId === activeNodeId) {\n      setActiveNodeId(undefined);\n      setOpen(false);\n    }\n    setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n  };\n\n  const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n    if (nodeData) {\n      const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);\n      setNodeData(nodeInfo);\n      setGraphData(updatedData);\n    }\n  };\n\n  const onDeleteRow = (\n    updatedData: GraphData<NodeProps, ConnectorProps>,\n    connector: ConnectorProps,\n    error: string,\n    highlightsData?: RendererProps['highlights'],\n    e?: MouseEvent\n  ) => {\n    if (error) {\n      return launchModal('Delete connector error', error);\n    }\n    setHighlightItems(highlightsData);\n    setPopover(prevState => !prevState);\n    setConnectorData(connector);\n    setBuffer(updatedData);\n    if (e?.target instanceof Element) {\n      const targetElem = e.target;\n      setTarget(targetElem?.getAttribute('id'));\n    }\n  };\n\n  const onDelete = () => {\n    setHighlightItems(undefined);\n    setInputError(false);\n    const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n    // Remove default labels when the current number of connectors are one\n    if (nodeData?.outConnectors.length === 2) {\n      const defaultConnector: ConnectorProps =\n        nodeData?.outConnectors[0].id !== connectorData?.id\n          ? nodeData?.outConnectors[0]\n          : nodeData?.outConnectors[1];\n      for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n        const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n        if (\n          connectorEdge.id === defaultConnector.id &&\n          (connectorEdge.label === 'Default' || connectorEdge.label === 'Otherwise')\n        ) {\n          connectorEdge.label = '';\n          break;\n        }\n      }\n    }\n    if (nodeData) {\n      const nodeInfo = FlowModellerHelper.selectNode(updatedGraphData, nodeData.node.id);\n      setNodeData(nodeInfo);\n    }\n\n    if (updatedGraphData) setGraphData(updatedGraphData);\n  };\n\n  const onCancel = () => {\n    setHighlightItems(undefined);\n    setPopover(false);\n  };\n\n  const onSelectedUpdateData = () => {\n    if (nodeData && inputValue === '') {\n      const updatedNode = {\n        ...nodeData?.node,\n        label: inputValue,\n        error: 'Please fill in all the required fields'\n      };\n      const updatedNodes = [\n        updatedNode,\n        ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n      ];\n      setNodeData({ ...nodeData, node: updatedNode });\n      setGraphData({ ...graphData, nodes: updatedNodes });\n    } else if (nodeData && inputValue) {\n      const updatedNode = {\n        ...nodeData?.node,\n        label: inputValue,\n        error: ''\n      };\n      const updatedNodes = [\n        updatedNode,\n        ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n      ];\n      setNodeData({ ...nodeData, node: updatedNode });\n      setGraphData({ ...graphData, nodes: updatedNodes });\n    }\n  };\n\n  const WorkbenchContent = memo(() => {\n    const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n    const selectItem = (id: MenuItemProps['id']) => {\n      const selectedItem = menuHelpers.getItem(items, id);\n      if (selectedItem && nodeData) {\n        const updatedNode = {\n          ...nodeData.node,\n          reference: selectedItem.id\n        };\n        const updatedNodes = [\n          updatedNode,\n          ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n        ];\n        setNodeData({ ...nodeData, node: updatedNode });\n        setGraphData({ ...graphData, nodes: updatedNodes });\n        setInputValue(updatedNode.label);\n        setInputError(false);\n      }\n      setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n    };\n    const onInputBlur = (e: FocusEvent<HTMLInputElement>) => {\n      if (e.target.value === '') {\n        setInputError(true);\n      } else {\n        setInputError(false);\n      }\n      setInputValue(e.target.value);\n      if (nodeData) {\n        setNodeData({\n          ...nodeData,\n          node: {\n            ...nodeData.node,\n            label: e.target.value\n          }\n        });\n      }\n    };\n    return (\n      <>\n        {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (\n          <>\n            <Input\n              defaultValue={inputValue}\n              label='Name'\n              info={inputError ? 'Cannot be blank' : ''}\n              status={inputError ? 'error' : undefined}\n              required\n              readOnly={args.readOnly}\n              onBlur={onInputBlur}\n            />\n            <DecisionTable\n              updatedData={graphData}\n              connectors={nodeData?.outConnectors}\n              onDeleteRow={onDeleteRow}\n              node={nodeData?.node}\n              onAddRow={onAddRow}\n              readOnly={args.readOnly}\n            />\n          </>\n        )}\n        {nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (\n          <ComboBox\n            label='Go to'\n            placeholder='Select step'\n            menu={{\n              items,\n              onItemClick: selectItem\n            }}\n            selected={\n              selected\n                ? {\n                    items: {\n                      id: selected.id,\n                      text: selected.primary\n                    }\n                  }\n                : undefined\n            }\n          />\n        )}\n      </>\n    );\n  });\n  useEscape(onCancel);\n\n  useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n  return (\n    <StyledWrapper>\n      <Workbench\n        initiallyVisiblePanelId={undefined}\n        configurationPanel={{\n          open,\n          content: <WorkbenchContent />,\n          header: nodeData?.node.label || 'Task step',\n          onDismiss: () => {\n            onSelectedUpdateData();\n            setOpen(false);\n          }\n        }}\n      >\n        <FlowModeller\n          graphData={graphData}\n          nodeLibrary={nodeLibrary}\n          onNodeAdd={addNode}\n          onNodeClick={selectNode}\n          actions={nodeActions}\n          highlightData={highlightItems}\n          onNodeActionClick={onNodeActionClick}\n          onDelete={deleteNode}\n          selectedNodeId={activeNodeId}\n        />\n        <DeletePopover\n          targetId={target}\n          ref={setDeletePopoverEl}\n          onDelete={onDelete}\n          onCancel={onCancel}\n          showPopover={showPopover}\n        />\n      </Workbench>\n    </StyledWrapper>\n  );\n};\n\nexport const CRMFlowChartView: StoryFn<FlowChartDemoProps> = (args: FlowChartDemoProps) => {\n  const [graphData, setGraphData] = useState<GraphData<NodeProps, ConnectorProps>>({\n    nodes: exampleCRMNodesData,\n    connectors: exampleCRMConnectorsData\n  });\n  const [nodeData, setNodeData] = useState<NodeInfo>();\n  const [items, setItems] = useState<MenuProps['items']>(\n    graphData?.nodes\n      .filter(\n        node =>\n          node.type.id !== 'start' &&\n          node.id !== nodeData?.node.id &&\n          node.type.id !== FlowShapeType.GOTO.id\n      )\n      .map(option => {\n        return {\n          primary: option.label,\n          id: option.id,\n          selected: false\n        } as MenuItemProps;\n      })\n  );\n  const [highlightItems, setHighlightItems] = useState<RendererProps['highlights']>();\n  const [open, setOpen] = useState(false);\n  // nodeData maintains the state of selected node\n\n  const [showPopover, setPopover] = useState(false);\n  const [buffer, setBuffer] = useState<GraphData<NodeProps, ConnectorProps>>({\n    nodes: [],\n    connectors: []\n  });\n  const [target, setTarget] = useState<string | null>(null);\n  const [deletePopoverEl, setDeletePopoverEl] = useElement<HTMLElement>(null);\n  const [connectorData, setConnectorData] = useState<ConnectorProps>();\n  const [activeNodeId, setActiveNodeId] = useState<string>();\n  const { create } = useModalManager();\n  const [inputError, setInputError] = useState(false);\n  const [inputValue, setInputValue] = useState<string>();\n  const selectNode = (nodeId: NodeProps['id']) => {\n    const selectedNodeData = FlowModellerHelper.selectNode(graphData, nodeId);\n    setOpen(true);\n    setNodeData(selectedNodeData);\n    setActiveNodeId(selectedNodeData.node.id);\n    setInputValue(selectedNodeData.node.label);\n    setInputError(!!selectedNodeData.node.error);\n  };\n\n  const onNodeActionClick = (params: ActionParams) => {\n    if (params.actionId === 'action-2') {\n      action(`ressigned ${params.nodeId}`)();\n    } else {\n      // eslint-disable-next-line no-console\n      console.warn(`Unknown action ${params.actionId}`);\n    }\n  };\n\n  const addNode = (nodeType: NodeType, metaData: AddNodeHandlerParams) => {\n    const isBranchNode = nodeType.id === FlowShapeType.GOTO.id;\n    const updatedData = FlowModellerHelper.addNode({\n      nodeType,\n      graphData,\n      isBranchNode,\n      metaData\n    });\n    if (updatedData) {\n      setGraphData(updatedData.graphData);\n      const selectedNodeData = FlowModellerHelper.selectNode(\n        updatedData.graphData,\n        updatedData.node.id\n      );\n      setOpen(true);\n      setNodeData(selectedNodeData);\n      setActiveNodeId(selectedNodeData.node.id);\n      setInputError(false);\n      setInputValue(selectedNodeData.node.label);\n    }\n  };\n\n  const launchModal = (errorTitle: string, errorMessage: string) => {\n    create(() => {\n      return (\n        <Modal heading={errorTitle} center>\n          <Text variant='primary'>{errorMessage} </Text>\n        </Modal>\n      );\n    });\n  };\n\n  const deleteNode = (params: ActionParams, error: string) => {\n    if (error) {\n      return launchModal('Delete step error', error);\n    }\n    if (params.nodeId === activeNodeId) {\n      setActiveNodeId(undefined);\n      setOpen(false);\n    }\n    setGraphData((params.additionalData as DeleteNodeOutcome)?.graphData);\n  };\n\n  const onAddRow = (updatedData: GraphData<NodeProps, ConnectorProps>) => {\n    if (nodeData) {\n      const nodeInfo = FlowModellerHelper.selectNode(updatedData, nodeData.node.id);\n      setNodeData(nodeInfo);\n      setGraphData(updatedData);\n      setInputError(false);\n    }\n  };\n\n  const onDeleteRow = (\n    updatedData: GraphData<NodeProps, ConnectorProps>,\n    connector: ConnectorProps,\n    error: string,\n    highlightsData?: RendererProps['highlights'],\n    e?: MouseEvent\n  ) => {\n    if (error) {\n      return launchModal('Delete connector error', error);\n    }\n    setHighlightItems(highlightsData);\n    setPopover(prevState => !prevState);\n    setConnectorData(connector);\n    setBuffer(updatedData);\n    if (e?.target instanceof Element) {\n      const targetElem = e.target;\n      setTarget(targetElem?.getAttribute('id'));\n    }\n  };\n\n  const onDelete = () => {\n    setPopover(false);\n    setHighlightItems(undefined);\n    setInputError(false);\n    const updatedGraphData: GraphData<NodeProps, ConnectorProps> = buffer;\n    // Remove default labels when the current number of connectors are one\n    if (nodeData?.outConnectors.length === 2) {\n      const defaultConnector: ConnectorProps =\n        nodeData?.outConnectors[0].id !== connectorData?.id\n          ? nodeData?.outConnectors[0]\n          : nodeData?.outConnectors[1];\n      for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n        const connectorEdge: ConnectorProps = updatedGraphData.connectors[i];\n        if (\n          connectorEdge.id === defaultConnector.id &&\n          (connectorEdge.label === 'Default' || connectorEdge.label === 'Otherwise')\n        ) {\n          connectorEdge.label = '';\n          break;\n        }\n      }\n    }\n\n    if (nodeData) {\n      const nodeInfo = FlowModellerHelper.selectNode(updatedGraphData, nodeData.node.id);\n      setNodeData(nodeInfo);\n    }\n\n    if (updatedGraphData) setGraphData(updatedGraphData);\n  };\n\n  const onCancel = () => {\n    setHighlightItems(undefined);\n    setPopover(false);\n  };\n\n  const onSelectedUpdateData = () => {\n    if (nodeData && inputValue === '') {\n      const updatedNode = {\n        ...nodeData?.node,\n        label: inputValue,\n        error: 'Please fill in all the required fields'\n      };\n      const updatedNodes = [\n        updatedNode,\n        ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n      ];\n      setNodeData({ ...nodeData, node: updatedNode });\n      setGraphData({ ...graphData, nodes: updatedNodes });\n    } else if (nodeData && inputValue) {\n      const updatedNode = {\n        ...nodeData?.node,\n        label: inputValue,\n        error: ''\n      };\n      const updatedNodes = [\n        updatedNode,\n        ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n      ];\n      setNodeData({ ...nodeData, node: updatedNode });\n      setGraphData({ ...graphData, nodes: updatedNodes });\n    }\n  };\n\n  const WorkbenchContent = memo(() => {\n    const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n    const selectItem = (id: MenuItemProps['id']) => {\n      const selectedItem = menuHelpers.getItem(items, id);\n      if (selectedItem && nodeData) {\n        const updatedNode = {\n          ...nodeData.node,\n          reference: selectedItem.id\n        };\n        const updatedNodes = [\n          updatedNode,\n          ...graphData.nodes.filter(node => nodeData?.node.id !== node.id)\n        ];\n        setNodeData({ ...nodeData, node: updatedNode });\n        setGraphData({ ...graphData, nodes: updatedNodes });\n        setInputValue(updatedNode.label);\n        setInputError(false);\n      }\n      setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n    };\n    const onInputBlur = (e: FocusEvent<HTMLInputElement>) => {\n      if (e.target.value === '') {\n        setInputError(true);\n      } else {\n        setInputError(false);\n      }\n      setInputValue(e.target.value);\n      if (nodeData) {\n        setNodeData({\n          ...nodeData,\n          node: {\n            ...nodeData.node,\n            label: e.target.value\n          }\n        });\n      }\n    };\n\n    return (\n      <>\n        {nodeData && nodeData.node.type.id !== FlowShapeType.GOTO.id && (\n          <>\n            <Input\n              defaultValue={inputValue}\n              label='Name'\n              info={inputError ? 'Cannot be blank' : ''}\n              status={inputError ? 'error' : undefined}\n              required\n              readOnly={args.readOnly}\n              onBlur={onInputBlur}\n            />\n            <DecisionTable\n              updatedData={graphData}\n              connectors={nodeData?.outConnectors}\n              onDeleteRow={onDeleteRow}\n              node={nodeData?.node}\n              onAddRow={onAddRow}\n              readOnly={args.readOnly}\n            />\n          </>\n        )}\n        {nodeData && nodeData.node.type.id === FlowShapeType.GOTO.id && (\n          <ComboBox\n            label='Go to'\n            placeholder='Select step'\n            menu={{\n              items,\n              onItemClick: selectItem\n            }}\n            selected={\n              selected\n                ? {\n                    items: {\n                      id: selected.id,\n                      text: selected.primary\n                    }\n                  }\n                : undefined\n            }\n          />\n        )}\n      </>\n    );\n  });\n\n  useEscape(onCancel);\n\n  useOuterEvent('mousedown', [deletePopoverEl], onCancel);\n\n  const createGraphData = (showError: boolean) => {\n    if (showError) {\n      return {\n        ...graphData,\n        nodes: graphData.nodes.map((node: NodeProps) => {\n          if (node.id === '101' || node.id === '105' || node.id === '110' || node.id === '112') {\n            return { ...node, error: 'Something is wrong!' };\n          }\n          return node;\n        })\n      };\n    }\n    return graphData;\n  };\n\n  return (\n    <StyledWrapper>\n      <Workbench\n        initiallyVisiblePanelId={undefined}\n        configurationPanel={{\n          open,\n          content: <WorkbenchContent />,\n          header: nodeData?.node.label || 'Task step',\n          onDismiss: () => {\n            onSelectedUpdateData();\n            setOpen(false);\n            setActiveNodeId(undefined);\n          }\n        }}\n      >\n        <FlowModeller\n          graphData={createGraphData(args.showErrorState || false)}\n          nodeLibrary={nodeLibrary}\n          onNodeAdd={addNode}\n          onNodeClick={selectNode}\n          actions={nodeActions}\n          highlightData={highlightItems}\n          onNodeActionClick={onNodeActionClick}\n          onDelete={deleteNode}\n          readOnly={args.readOnly}\n          selectedNodeId={activeNodeId}\n        />\n        <DeletePopover\n          targetId={target}\n          ref={setDeletePopoverEl}\n          onDelete={onDelete}\n          onCancel={onCancel}\n          showPopover={showPopover}\n        />\n      </Workbench>\n    </StyledWrapper>\n  );\n};\n\nCRMFlowChartView.args = {\n  showErrorState: false,\n  readOnly: false\n};\n\nCRMFlowChartView.argTypes = {\n  showErrorState: { control: { type: 'boolean' } },\n  readOnly: { control: { type: 'boolean' } }\n};\n"]}

package/lib/build/FlowModeller/FlowModeller.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=FlowModeller.styles.d.ts.map

package/lib/build/FlowModeller/FlowModeller.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowModeller.styles.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yGAKxB,CAAC"}

package/lib/build/FlowModeller/FlowModeller.styles.js

@@ -1,8 +0,0 @@
-import styled, { css } from 'styled-components';
-export const StyledWrapper = styled.div(() => {
-    return css `
-    height: 100vh;
-    overflow: auto;
-  `;
-});
-//# sourceMappingURL=FlowModeller.styles.js.map

package/lib/build/FlowModeller/FlowModeller.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowModeller.styles.js","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;IAC3C,OAAO,GAAG,CAAA;;;GAGT,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nexport const StyledWrapper = styled.div(() => {\n  return css`\n    height: 100vh;\n    overflow: auto;\n  `;\n});\n"]}

package/lib/build/ItemLibrary/LibraryPicker.mocks.d.ts

@@ -1,3 +0,0 @@
-import { LibraryItem } from '@pega/cosmos-react-build';
-export declare const nodeLibrary: LibraryItem[];
-//# sourceMappingURL=LibraryPicker.mocks.d.ts.map

package/lib/build/ItemLibrary/LibraryPicker.mocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibraryPicker.mocks.d.ts","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,eAAO,MAAM,WAAW,EAAE,WAAW,EA2CpC,CAAC"}

package/lib/build/ItemLibrary/LibraryPicker.mocks.js

@@ -1,45 +0,0 @@
-export const nodeLibrary = [
-    {
-        id: 'decision',
-        primary: 'Decision',
-        type: {
-            color: 'darkYellow',
-            icon: 'diamond'
-        }
-    },
-    {
-        id: 'assignment',
-        primary: 'Assignment',
-        type: {
-            color: 'japaneseLaurel',
-            icon: 'clipboard-data'
-        }
-    },
-    {
-        id: 'automation',
-        primary: 'Automation',
-        type: {
-            color: 'studio',
-            icon: 'polaris'
-        },
-        items: [
-            {
-                id: 'pdf',
-                primary: 'Generate PDF',
-                type: {
-                    color: 'congressBlue',
-                    icon: 'polaris'
-                }
-            },
-            {
-                id: 'sendemail',
-                primary: 'Send email',
-                type: {
-                    color: 'yellow',
-                    icon: 'mail'
-                }
-            }
-        ]
-    }
-];
-//# sourceMappingURL=LibraryPicker.mocks.js.map

package/lib/build/ItemLibrary/LibraryPicker.mocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibraryPicker.mocks.js","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAkB;IACxC;QACE,EAAE,EAAE,UAAU;QACd,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE;YACJ,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,SAAS;SAChB;KACF;IACD;QACE,EAAE,EAAE,YAAY;QAChB,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE;YACJ,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD;QACE,EAAE,EAAE,YAAY;QAChB,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE;YACJ,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,SAAS;SAChB;QACD,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,KAAK;gBACT,OAAO,EAAE,cAAc;gBACvB,IAAI,EAAE;oBACJ,KAAK,EAAE,cAAc;oBACrB,IAAI,EAAE,SAAS;iBAChB;aACF;YACD;gBACE,EAAE,EAAE,WAAW;gBACf,OAAO,EAAE,YAAY;gBACrB,IAAI,EAAE;oBACJ,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,MAAM;iBACb;aACF;SACF;KACF;CACF,CAAC","sourcesContent":["import { LibraryItem } from '@pega/cosmos-react-build';\n\nexport const nodeLibrary: LibraryItem[] = [\n  {\n    id: 'decision',\n    primary: 'Decision',\n    type: {\n      color: 'darkYellow',\n      icon: 'diamond'\n    }\n  },\n  {\n    id: 'assignment',\n    primary: 'Assignment',\n    type: {\n      color: 'japaneseLaurel',\n      icon: 'clipboard-data'\n    }\n  },\n  {\n    id: 'automation',\n    primary: 'Automation',\n    type: {\n      color: 'studio',\n      icon: 'polaris'\n    },\n    items: [\n      {\n        id: 'pdf',\n        primary: 'Generate PDF',\n        type: {\n          color: 'congressBlue',\n          icon: 'polaris'\n        }\n      },\n      {\n        id: 'sendemail',\n        primary: 'Send email',\n        type: {\n          color: 'yellow',\n          icon: 'mail'\n        }\n      }\n    ]\n  }\n];\n"]}