@pega/cosmos-react-demos 3.0.0-dev.2.1 → 3.0.0-dev.20.0

package/jsx/build/FlowModeller/{FlowModeller.mocks.js → FlowModeller.mocks.jsx}

@@ -1,12 +1,104 @@
-import { createUID } from '@pega/cosmos-react-core';
-import { START_NODETYPE, STOP_NODETYPE } from '@pega/cosmos-react-build';
-const FlowShapeType = Object.freeze({
+import { useState, useEffect, forwardRef } from 'react';
+import { Input, Table, Text, Button, Icon, Flex, createUID, Card, CardContent, CardHeader, useI18n, Popover, CardFooter } from '@pega/cosmos-react-core';
+import { FlowModellerHelper, START_NODETYPE, STOP_NODETYPE } from '@pega/cosmos-react-build';
+export const DecisionTable = forwardRef(({ updatedData, connectors, onDeleteRow, onAddRow, node, readOnly }, ref) => {
+    const [tableData, setTableData] = useState(connectors);
+    const t = useI18n();
+    const onAddCondition = () => {
+        const label = 'Otherwise';
+        const updatedGraphData = FlowModellerHelper.addConnector(updatedData, node.id, label).graphData;
+        if (tableData.length === 1) {
+            const defaultConnector = tableData[0];
+            if (defaultConnector?.label === '') {
+                defaultConnector.label = 'Default';
+            }
+            for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {
+                const connector = updatedGraphData.connectors[i];
+                if (connector.id === defaultConnector.id) {
+                    connector.label = defaultConnector.label;
+                    break;
+                }
+            }
+        }
+        if (updatedGraphData)
+            onAddRow(updatedGraphData);
+    };
+    const onDeleteCondition = (connector, e) => {
+        const updatedGraphData = FlowModellerHelper.deleteConnector(updatedData, connector);
+        if (updatedGraphData.error) {
+            onDeleteRow(updatedGraphData.graphData, connector, t('delete_connector_error'), updatedGraphData.deletes, e);
+        }
+        else {
+            onDeleteRow(updatedGraphData.graphData, connector, '', updatedGraphData.deletes, e);
+        }
+    };
+    const columns = [
+        {
+            renderer: ({ label }) => <Input value={label} readOnly/>,
+            label: 'Label'
+        },
+        { renderer: () => <Text>No value</Text>, label: 'Value' },
+        {
+            renderer: connector => {
+                return (<Button variant='simple' ref={ref} disabled={readOnly ||
+                        (node.type.name === 'Decision' && connectors.length < 3) ||
+                        (node.type.name === 'Assignment' && connectors.length < 2)} id={connector.id} icon onClick={(e) => onDeleteCondition(connector, e)} label={t('delete')}>
+              <Icon name='trash'/>
+            </Button>);
+            },
+            label: 'Action'
+        }
+    ];
+    useEffect(() => {
+        setTableData(connectors);
+    }, [connectors]);
+    return (<>
+        <Table title='Outcomes' hoverHighlight data={tableData} columns={columns}/>
+        <Flex container={{ pad: [1, 0] }}>
+          <Button disabled={readOnly} variant='simple' onClick={onAddCondition}>
+            Add Condition
+          </Button>
+        </Flex>
+      </>);
+});
+export const DeletePopover = forwardRef(({ targetId, showPopover, onCancel, onDelete }, ref) => {
+    const [elementTarget, setElementTarget] = useState();
+    const t = useI18n();
+    useEffect(() => {
+        const element = document.querySelector(`button[id='${targetId}']`);
+        if (element) {
+            setElementTarget(element);
+        }
+    });
+    return (<>
+        {elementTarget && showPopover && (<Popover target={elementTarget} ref={ref} show={showPopover}>
+            <Card>
+              <CardHeader>
+                <Text variant='h4'>Delete Outcome</Text>
+                <Button variant='simple' icon label={t('close')} onClick={onCancel}>
+                  <Icon name='times'/>
+                </Button>
+              </CardHeader>
+              <CardContent>
+                Are you sure you want to delete this outcome and all its steps?
+              </CardContent>
+              <CardFooter container={{ justify: 'between' }}>
+                <Button onClick={onCancel}>Cancel</Button>
+                <Button variant='primary' onClick={onDelete}>
+                  Delete
+                </Button>
+              </CardFooter>
+            </Card>
+          </Popover>)}
+      </>);
+});
+export const FlowShapeType = Object.freeze({
     START: START_NODETYPE,
     STOP: STOP_NODETYPE,
     DECISION: {
         id: 'decision',
         name: 'Decision',
-        color: '#ffaa75',
+        color: 'darkYellow',
         icon: 'diamond',
         minConnectors: 2,
         defaults: {
@@ -27,7 +119,7 @@ const FlowShapeType = Object.freeze({
     QUESTION: {
         id: 'question',
         name: 'Question',
-        color: '#7ee791',
+        color: 'japaneseLaurel',
         icon: 'chat-help',
         minConnectors: 3,
         defaults: {
@@ -50,7 +142,7 @@ const FlowShapeType = Object.freeze({
     ASSIGNMENT: {
         id: 'assignment',
         name: 'Assignment',
-        color: '#20aa50',
+        color: 'japaneseLaurel',
         icon: 'clipboard-data',
         minConnectors: 1,
         defaults: {
@@ -63,7 +155,7 @@ const FlowShapeType = Object.freeze({
     MESSAGE: {
         id: 'message',
         name: 'Message',
-        color: '#fd6000',
+        color: 'orange',
         icon: 'chat',
         minConnectors: 1,
         defaults: {
@@ -76,7 +168,7 @@ const FlowShapeType = Object.freeze({
     SEND_EMAIL: {
         id: 'send_email',
         name: 'Send email',
-        color: '#ffaa75',
+        color: 'yellow',
         icon: 'mail',
         minConnectors: 1,
         defaults: {
@@ -89,7 +181,7 @@ const FlowShapeType = Object.freeze({
     GENERATE_PDF: {
         id: 'generate_pdf',
         name: 'Generate PDF',
-        color: '#0076d1',
+        color: 'congressBlue',
         icon: 'polaris',
         minConnectors: 1,
         defaults: {
@@ -98,122 +190,175 @@ const FlowShapeType = Object.freeze({
             },
             connector: [{ label: '' }]
         }
+    },
+    GOTO: {
+        id: 'goto',
+        name: 'Go to',
+        color: 'red',
+        icon: 'arrow-left-right',
+        minConnectors: 0,
+        defaults: {
+            node: {
+                label: 'Go to',
+                description: ''
+            },
+            connector: []
+        }
     }
 });
 export const exampleCRMNodesData = [
     {
         id: '100',
-        label: 'Open',
+        label: 'START',
         type: FlowShapeType.START
     },
     {
         id: '101',
         label: 'Is B2B',
         description: '',
+        reference: '',
         type: FlowShapeType.DECISION,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '102',
         label: 'Update Org Domains',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
+    },
+    {
+        id: '127',
+        label: 'Goto',
+        description: '',
+        reference: '',
+        type: FlowShapeType.GOTO,
+        additionalData: [],
+        error: ''
     },
     {
         id: '103',
         label: 'CreateC2OFromContact',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '104',
         label: 'CreateC2AFromContact',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '105',
         label: 'Is B2C',
         description: '',
+        reference: '',
         type: FlowShapeType.DECISION,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '106',
         label: 'CreatePrimaryIndividualAccount',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '107',
         label: 'Capture Event',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '108',
         label: 'Update Private Data',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '109',
         label: 'Attach Business Card',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '110',
         label: 'Has Address',
         description: '',
+        reference: '',
         type: FlowShapeType.DECISION,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '111',
-        label: 'RemoveWORelatedNBA',
+        label: 'Remove WO Related NBA',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '112',
         label: 'Bulk Processing',
         description: '',
+        reference: '',
         type: FlowShapeType.DECISION,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '113',
         label: 'Queue For Agent',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '114',
         label: 'Retrieve Lat Long',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '115',
-        label: 'RemoveWORelatedNBA',
+        label: 'Remove WO Related NBA',
         description: '',
+        reference: '',
         type: FlowShapeType.ASSIGNMENT,
-        additionalData: []
+        additionalData: [],
+        error: ''
     },
     {
         id: '121',
-        label: 'STOP',
+        label: 'END',
         type: FlowShapeType.STOP
     }
 ];
@@ -249,9 +394,15 @@ export const exampleCRMConnectorsData = [
         toNodeId: '105'
     },
     {
-        id: '101-105',
+        id: '101-127',
         label: 'Else',
         fromNodeId: '101',
+        toNodeId: '127'
+    },
+    {
+        id: '127-105',
+        label: '',
+        fromNodeId: '127',
         toNodeId: '105'
     },
     {
@@ -360,10 +511,6 @@ export const emptyConnectorsData = [
     }
 ];
 export const nodeActions = [
-    {
-        id: 'action-1',
-        text: 'Delete'
-    },
     {
         id: 'action-2',
         text: 'Reassign'
@@ -390,6 +537,11 @@ export const nodeLibrary = [
         primary: 'Ask a question',
         type: FlowShapeType.QUESTION
     },
+    {
+        id: createUID(),
+        primary: 'Go to',
+        type: FlowShapeType.GOTO
+    },
     {
         id: createUID(),
         primary: 'Automations',
@@ -408,4 +560,4 @@ export const nodeLibrary = [
         ]
     }
 ];
-//# sourceMappingURL=FlowModeller.mocks.js.map
+//# sourceMappingURL=FlowModeller.mocks.jsx.map

package/jsx/build/FlowModeller/FlowModeller.mocks.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowModeller.mocks.jsx","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAO,UAAU,EAAM,MAAM,OAAO,CAAC;AAEjE,OAAO,EACL,KAAK,EACL,KAAK,EAEL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,SAAS,EAGT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,OAAO,EACP,OAAO,EACP,UAAU,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,kBAAkB,EAIlB,cAAc,EACd,aAAa,EAEd,MAAM,0BAA0B,CAAC;AAuBlC,MAAM,CAAC,MAAM,aAAa,GAA0C,UAAU,CAC5E,CACE,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAsB,EACtF,GAA2B,EAC3B,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAmB,UAAU,CAAC,CAAC;IACzE,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,KAAK,GAAG,WAAW,CAAC;QAC1B,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,YAAY,CACtD,WAAW,EACX,IAAI,CAAC,EAAE,EACP,KAAK,CACN,CAAC,SAAS,CAAC;QAGZ,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1B,MAAM,gBAAgB,GAAmB,SAAS,CAAC,CAAC,CAAC,CAAC;YACtD,IAAI,gBAAgB,EAAE,KAAK,KAAK,EAAE,EAAE;gBAClC,gBAAgB,CAAC,KAAK,GAAG,SAAS,CAAC;aACpC;YACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;gBAC9D,MAAM,SAAS,GAAmB,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;gBACjE,IAAI,SAAS,CAAC,EAAE,KAAK,gBAAgB,CAAC,EAAE,EAAE;oBACxC,SAAS,CAAC,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC;oBACzC,MAAM;iBACP;aACF;SACF;QAED,IAAI,gBAAgB;YAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IACnD,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,SAAyB,EAAE,CAAa,EAAE,EAAE;QACrE,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,eAAe,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;QACpF,IAAI,gBAAgB,CAAC,KAAK,EAAE;YAC1B,WAAW,CACT,gBAAiB,CAAC,SAAS,EAC3B,SAAS,EACT,CAAC,CAAC,wBAAwB,CAAC,EAC3B,gBAAiB,CAAC,OAAO,EACzB,CAAC,CACF,CAAC;SACH;aAAM;YACL,WAAW,CAAC,gBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,gBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;SACvF;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAkC;QAC7C;YACE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAG;YACzD,KAAK,EAAE,OAAO;SACf;QACD,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;QACzD;YACE,QAAQ,EAAE,SAAS,CAAC,EAAE;gBACpB,OAAO,CACL,CAAC,MAAM,CACL,OAAO,CAAC,QAAQ,CAChB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,QAAQ,CAAC,CACP,QAAQ;wBACR,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;wBACxD,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAC3D,CACD,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CACjB,IAAI,CACJ,OAAO,CAAC,CAAC,CAAC,CAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAC5D,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAEnB;cAAA,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EACpB;YAAA,EAAE,MAAM,CAAC,CACV,CAAC;YACJ,CAAC;YACD,KAAK,EAAE,QAAQ;SAChB;KACF,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,EACE;QAAA,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EACzE;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAC/B;UAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,CACnE;;UACF,EAAE,MAAM,CACV;QAAA,EAAE,IAAI,CACR;MAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA0C,UAAU,CAC5E,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAwB,EAAE,EAAE;IAC1E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAW,CAAC;IAC9D,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,QAAQ,IAAI,CAAC,CAAC;QACnE,IAAI,OAAO,EAAE;YACX,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC3B;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,EACE;QAAA,CAAC,aAAa,IAAI,WAAW,IAAI,CAC/B,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAC1D;YAAA,CAAC,IAAI,CACH;cAAA,CAAC,UAAU,CACT;gBAAA,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CACvC;gBAAA,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CACjE;kBAAA,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EACpB;gBAAA,EAAE,MAAM,CACV;cAAA,EAAE,UAAU,CACZ;cAAA,CAAC,WAAW,CACV;;cACF,EAAE,WAAW,CACb;cAAA,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAC5C;gBAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,CACzC;gBAAA,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAC1C;;gBACF,EAAE,MAAM,CACV;cAAA,EAAE,UAAU,CACd;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,OAAO,CAAC,CACX,CACH;MAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA6B,MAAM,CAAC,MAAM,CAAC;IACnE,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE;QACR,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,SAAS;QACf,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,UAAU;gBACjB,WAAW,EAAE,gDAAgD;aAC9D;YACD,SAAS,EAAE;gBACT;oBACE,KAAK,EAAE,SAAS;iBACjB;gBACD;oBACE,KAAK,EAAE,WAAW;iBACnB;aACF;SACF;KACF;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,WAAW;QACjB,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,UAAU;aAClB;YACD,SAAS,EAAE;gBACT;oBACE,KAAK,EAAE,YAAY;iBACpB;gBACD;oBACE,KAAK,EAAE,YAAY;iBACpB;gBACD;oBACE,KAAK,EAAE,YAAY;iBACpB;aACF;SACF;KACF;IACD,UAAU,EAAE;QACV,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,gBAAgB;QACtB,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,YAAY;aACpB;YACD,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;SAC3B;KACF;IACD,OAAO,EAAE;QACP,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,MAAM;QACZ,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,SAAS;aACjB;YACD,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;SAC3B;KACF;IACD,UAAU,EAAE;QACV,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,MAAM;QACZ,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,YAAY;aACpB;YACD,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;SAC3B;KACF;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,cAAc;QAClB,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,SAAS;QACf,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,cAAc;aACtB;YACD,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;SAC3B;KACF;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,kBAAkB;QACxB,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,EAAE;aAChB;YACD,SAAS,EAAE,EAAE;SACd;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,aAAa,CAAC,KAAK;KAC1B;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,QAAQ;QAC5B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,IAAI;QACxB,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,sBAAsB;QAC7B,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,sBAAsB;QAC7B,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,QAAQ;QAC5B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,gCAAgC;QACvC,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,eAAe;QACtB,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,qBAAqB;QAC5B,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,sBAAsB;QAC7B,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,QAAQ;QAC5B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,QAAQ;QAC5B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,EAAE;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,cAAc,EAAE,EAAE;QAClB,KAAK,EAAE,EAAE;KACV;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,aAAa,CAAC,IAAI;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAqB;IACxD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,0BAA0B;QACjC,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,0BAA0B;QACjC,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,eAAe;QACtB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,iBAAiB;QACxB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,QAAQ;QACf,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,aAAa,CAAC,KAAK;KAC1B;IACD;QACE,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,aAAa,CAAC,IAAI;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAqB;IACnD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAa;IACnC;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,UAAU;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAsB;IAC5C;QACE,EAAE,EAAE,SAAS,EAAE;QACf,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE,aAAa,CAAC,UAAU;KAC/B;IACD;QACE,EAAE,EAAE,SAAS,EAAE;QACf,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE,aAAa,CAAC,QAAQ;KAC7B;IACD;QACE,EAAE,EAAE,SAAS,EAAE;QACf,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,aAAa,CAAC,OAAO;KAC5B;IACD;QACE,EAAE,EAAE,SAAS,EAAE;QACf,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,aAAa,CAAC,QAAQ;KAC7B;IACD;QACE,EAAE,EAAE,SAAS,EAAE;QACf,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,aAAa,CAAC,IAAI;KACzB;IACD;QACE,EAAE,EAAE,SAAS,EAAE;QACf,OAAO,EAAE,aAAa;QACtB,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,SAAS,EAAE;gBACf,OAAO,EAAE,YAAY;gBACrB,IAAI,EAAE,aAAa,CAAC,UAAU;aAC/B;YACD;gBACE,EAAE,EAAE,SAAS,EAAE;gBACf,OAAO,EAAE,cAAc;gBACvB,IAAI,EAAE,aAAa,CAAC,YAAY;aACjC;SACF;KACF;CACF,CAAC","sourcesContent":["import { useState, useEffect, Ref, forwardRef, FC } from 'react';\n\nimport {\n  Input,\n  Table,\n  ColumnProps,\n  Text,\n  Button,\n  Icon,\n  Flex,\n  createUID,\n  Action,\n  ForwardProps,\n  Card,\n  CardContent,\n  CardHeader,\n  useI18n,\n  Popover,\n  CardFooter\n} from '@pega/cosmos-react-core';\nimport {\n  NodeProps,\n  ConnectorProps,\n  FlowModellerHelper,\n  NodeType,\n  NodeLibraryItem,\n  DeleteNodeOutcome,\n  START_NODETYPE,\n  STOP_NODETYPE,\n  GraphData\n} from '@pega/cosmos-react-build';\n\ninterface DecisionTableProps {\n  updatedData: GraphData<NodeProps, ConnectorProps>;\n  connectors: ConnectorProps[];\n  node: NodeProps;\n  onDeleteRow: (\n    data: GraphData<NodeProps, ConnectorProps>,\n    connector: ConnectorProps,\n    error: string,\n    deleteItems?: DeleteNodeOutcome['deletes'],\n    e?: MouseEvent\n  ) => void;\n  onAddRow: (data: GraphData<NodeProps, ConnectorProps>) => void;\n  readOnly?: boolean;\n}\ninterface DeletePopoverProps {\n  targetId: string | null;\n  showPopover: boolean;\n  onCancel: () => void;\n  onDelete: () => void;\n}\n\nexport const DecisionTable: FC<DecisionTableProps & ForwardProps> = forwardRef(\n  (\n    { updatedData, connectors, onDeleteRow, onAddRow, node, readOnly }: DecisionTableProps,\n    ref: Ref<HTMLButtonElement>\n  ) => {\n    const [tableData, setTableData] = useState<ConnectorProps[]>(connectors);\n    const t = useI18n();\n\n    const onAddCondition = () => {\n      const label = 'Otherwise';\n      const updatedGraphData = FlowModellerHelper.addConnector(\n        updatedData,\n        node.id,\n        label\n      ).graphData;\n\n      // Add a label to the base connector when the number of connectors are more than one\n      if (tableData.length === 1) {\n        const defaultConnector: ConnectorProps = tableData[0];\n        if (defaultConnector?.label === '') {\n          defaultConnector.label = 'Default';\n        }\n        for (let i = 0; i < updatedGraphData.connectors.length; i += 1) {\n          const connector: ConnectorProps = updatedGraphData.connectors[i];\n          if (connector.id === defaultConnector.id) {\n            connector.label = defaultConnector.label;\n            break;\n          }\n        }\n      }\n\n      if (updatedGraphData) onAddRow(updatedGraphData);\n    };\n\n    const onDeleteCondition = (connector: ConnectorProps, e: MouseEvent) => {\n      const updatedGraphData = FlowModellerHelper.deleteConnector(updatedData, connector);\n      if (updatedGraphData.error) {\n        onDeleteRow(\n          updatedGraphData!.graphData,\n          connector,\n          t('delete_connector_error'),\n          updatedGraphData!.deletes,\n          e\n        );\n      } else {\n        onDeleteRow(updatedGraphData!.graphData, connector, '', updatedGraphData!.deletes, e);\n      }\n    };\n\n    const columns: ColumnProps<ConnectorProps>[] = [\n      {\n        renderer: ({ label }) => <Input value={label} readOnly />,\n        label: 'Label'\n      },\n      { renderer: () => <Text>No value</Text>, label: 'Value' },\n      {\n        renderer: connector => {\n          return (\n            <Button\n              variant='simple'\n              ref={ref}\n              disabled={\n                readOnly ||\n                (node.type.name === 'Decision' && connectors.length < 3) ||\n                (node.type.name === 'Assignment' && connectors.length < 2)\n              }\n              id={connector.id}\n              icon\n              onClick={(e: MouseEvent) => onDeleteCondition(connector, e)}\n              label={t('delete')}\n            >\n              <Icon name='trash' />\n            </Button>\n          );\n        },\n        label: 'Action'\n      }\n    ];\n\n    useEffect(() => {\n      setTableData(connectors);\n    }, [connectors]);\n\n    return (\n      <>\n        <Table title='Outcomes' hoverHighlight data={tableData} columns={columns} />\n        <Flex container={{ pad: [1, 0] }}>\n          <Button disabled={readOnly} variant='simple' onClick={onAddCondition}>\n            Add Condition\n          </Button>\n        </Flex>\n      </>\n    );\n  }\n);\n\nexport const DeletePopover: FC<DeletePopoverProps & ForwardProps> = forwardRef(\n  ({ targetId, showPopover, onCancel, onDelete }, ref: Ref<HTMLDivElement>) => {\n    const [elementTarget, setElementTarget] = useState<Element>();\n    const t = useI18n();\n\n    useEffect(() => {\n      const element = document.querySelector(`button[id='${targetId}']`);\n      if (element) {\n        setElementTarget(element);\n      }\n    });\n\n    return (\n      <>\n        {elementTarget && showPopover && (\n          <Popover target={elementTarget} ref={ref} show={showPopover}>\n            <Card>\n              <CardHeader>\n                <Text variant='h4'>Delete Outcome</Text>\n                <Button variant='simple' icon label={t('close')} onClick={onCancel}>\n                  <Icon name='times' />\n                </Button>\n              </CardHeader>\n              <CardContent>\n                Are you sure you want to delete this outcome and all its steps?\n              </CardContent>\n              <CardFooter container={{ justify: 'between' }}>\n                <Button onClick={onCancel}>Cancel</Button>\n                <Button variant='primary' onClick={onDelete}>\n                  Delete\n                </Button>\n              </CardFooter>\n            </Card>\n          </Popover>\n        )}\n      </>\n    );\n  }\n);\n\nexport const FlowShapeType: Record<string, NodeType> = Object.freeze({\n  START: START_NODETYPE,\n  STOP: STOP_NODETYPE,\n  DECISION: {\n    id: 'decision',\n    name: 'Decision',\n    color: 'darkYellow',\n    icon: 'diamond',\n    minConnectors: 2,\n    defaults: {\n      node: {\n        label: 'Decision',\n        description: 'Adjust the conditions using the property panel'\n      },\n      connector: [\n        {\n          label: 'Default'\n        },\n        {\n          label: 'Otherwise'\n        }\n      ]\n    }\n  },\n  QUESTION: {\n    id: 'question',\n    name: 'Question',\n    color: 'japaneseLaurel',\n    icon: 'chat-help',\n    minConnectors: 3,\n    defaults: {\n      node: {\n        label: 'Question'\n      },\n      connector: [\n        {\n          label: 'Question 1'\n        },\n        {\n          label: 'Question 2'\n        },\n        {\n          label: 'Question 3'\n        }\n      ]\n    }\n  },\n  ASSIGNMENT: {\n    id: 'assignment',\n    name: 'Assignment',\n    color: 'japaneseLaurel',\n    icon: 'clipboard-data',\n    minConnectors: 1,\n    defaults: {\n      node: {\n        label: 'Assignment'\n      },\n      connector: [{ label: '' }]\n    }\n  },\n  MESSAGE: {\n    id: 'message',\n    name: 'Message',\n    color: 'orange',\n    icon: 'chat',\n    minConnectors: 1,\n    defaults: {\n      node: {\n        label: 'Message'\n      },\n      connector: [{ label: '' }]\n    }\n  },\n  SEND_EMAIL: {\n    id: 'send_email',\n    name: 'Send email',\n    color: 'yellow',\n    icon: 'mail',\n    minConnectors: 1,\n    defaults: {\n      node: {\n        label: 'Send email'\n      },\n      connector: [{ label: '' }]\n    }\n  },\n  GENERATE_PDF: {\n    id: 'generate_pdf',\n    name: 'Generate PDF',\n    color: 'congressBlue',\n    icon: 'polaris',\n    minConnectors: 1,\n    defaults: {\n      node: {\n        label: 'Generate PDF'\n      },\n      connector: [{ label: '' }]\n    }\n  },\n  GOTO: {\n    id: 'goto',\n    name: 'Go to',\n    color: 'red',\n    icon: 'arrow-left-right',\n    minConnectors: 0,\n    defaults: {\n      node: {\n        label: 'Go to',\n        description: ''\n      },\n      connector: []\n    }\n  }\n});\n\nexport const exampleCRMNodesData: NodeProps[] = [\n  {\n    id: '100',\n    label: 'START',\n    type: FlowShapeType.START\n  },\n  {\n    id: '101',\n    label: 'Is B2B',\n    description: '',\n    reference: '',\n    type: FlowShapeType.DECISION,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '102',\n    label: 'Update Org Domains',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '127',\n    label: 'Goto',\n    description: '',\n    reference: '',\n    type: FlowShapeType.GOTO,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '103',\n    label: 'CreateC2OFromContact',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '104',\n    label: 'CreateC2AFromContact',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '105',\n    label: 'Is B2C',\n    description: '',\n    reference: '',\n    type: FlowShapeType.DECISION,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '106',\n    label: 'CreatePrimaryIndividualAccount',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '107',\n    label: 'Capture Event',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '108',\n    label: 'Update Private Data',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '109',\n    label: 'Attach Business Card',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '110',\n    label: 'Has Address',\n    description: '',\n    reference: '',\n    type: FlowShapeType.DECISION,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '111',\n    label: 'Remove WO Related NBA',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '112',\n    label: 'Bulk Processing',\n    description: '',\n    reference: '',\n    type: FlowShapeType.DECISION,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '113',\n    label: 'Queue For Agent',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '114',\n    label: 'Retrieve Lat Long',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '115',\n    label: 'Remove WO Related NBA',\n    description: '',\n    reference: '',\n    type: FlowShapeType.ASSIGNMENT,\n    additionalData: [],\n    error: ''\n  },\n  {\n    id: '121',\n    label: 'END',\n    type: FlowShapeType.STOP\n  }\n];\n\nexport const exampleCRMConnectorsData: ConnectorProps[] = [\n  {\n    id: '100-101',\n    label: '',\n    fromNodeId: '100',\n    toNodeId: '101'\n  },\n  {\n    id: '101-102',\n    label: 'isSellingModeB2BOrB2BB2C',\n    fromNodeId: '101',\n    toNodeId: '102'\n  },\n  {\n    id: '102-103',\n    label: '',\n    fromNodeId: '102',\n    toNodeId: '103'\n  },\n  {\n    id: '103-104',\n    label: '',\n    fromNodeId: '103',\n    toNodeId: '104'\n  },\n  {\n    id: '104-105',\n    label: '',\n    fromNodeId: '104',\n    toNodeId: '105'\n  },\n  {\n    id: '101-127',\n    label: 'Else',\n    fromNodeId: '101',\n    toNodeId: '127'\n  },\n  {\n    id: '127-105',\n    label: '',\n    fromNodeId: '127',\n    toNodeId: '105'\n  },\n  {\n    id: '105-106',\n    label: 'isSellingModeB2COrB2BB2C',\n    fromNodeId: '105',\n    toNodeId: '106'\n  },\n  {\n    id: '106-107',\n    label: '',\n    fromNodeId: '106',\n    toNodeId: '107'\n  },\n  {\n    id: '105-107',\n    label: 'Else',\n    fromNodeId: '105',\n    toNodeId: '107'\n  },\n  {\n    id: '107-108',\n    label: '',\n    fromNodeId: '107',\n    toNodeId: '108'\n  },\n  {\n    id: '108-109',\n    label: '',\n    fromNodeId: '108',\n    toNodeId: '109'\n  },\n  {\n    id: '109-110',\n    label: '',\n    fromNodeId: '109',\n    toNodeId: '110'\n  },\n  {\n    id: '110-112',\n    label: 'crmHasAddress',\n    fromNodeId: '110',\n    toNodeId: '112'\n  },\n  {\n    id: '112-113',\n    label: 'Bulk Processing',\n    fromNodeId: '112',\n    toNodeId: '113'\n  },\n  {\n    id: '112-114',\n    label: 'Manual',\n    fromNodeId: '112',\n    toNodeId: '114'\n  },\n  {\n    id: '114-115',\n    label: '',\n    fromNodeId: '114',\n    toNodeId: '115'\n  },\n  {\n    id: '115-121',\n    label: '',\n    fromNodeId: '115',\n    toNodeId: '121'\n  },\n  {\n    id: '113-121',\n    label: '',\n    fromNodeId: '113',\n    toNodeId: '121'\n  },\n  {\n    id: '110-111',\n    label: 'Else',\n    fromNodeId: '110',\n    toNodeId: '111'\n  },\n  {\n    id: '111-121',\n    label: '',\n    fromNodeId: '111',\n    toNodeId: '121'\n  }\n];\n\nexport const emptyNodesData: NodeProps[] = [\n  {\n    id: '100',\n    label: 'START',\n    type: FlowShapeType.START\n  },\n  {\n    id: '120',\n    label: 'STOP',\n    type: FlowShapeType.STOP\n  }\n];\n\nexport const emptyConnectorsData: ConnectorProps[] = [\n  {\n    id: '100-120',\n    label: 'happy path',\n    fromNodeId: '100',\n    toNodeId: '120'\n  }\n];\n\nexport const nodeActions: Action[] = [\n  {\n    id: 'action-2',\n    text: 'Reassign'\n  }\n];\n\nexport const nodeLibrary: NodeLibraryItem[] = [\n  {\n    id: createUID(),\n    primary: 'Assignment',\n    type: FlowShapeType.ASSIGNMENT\n  },\n  {\n    id: createUID(),\n    primary: 'Decision',\n    type: FlowShapeType.DECISION\n  },\n  {\n    id: createUID(),\n    primary: 'Send a message',\n    type: FlowShapeType.MESSAGE\n  },\n  {\n    id: createUID(),\n    primary: 'Ask a question',\n    type: FlowShapeType.QUESTION\n  },\n  {\n    id: createUID(),\n    primary: 'Go to',\n    type: FlowShapeType.GOTO\n  },\n  {\n    id: createUID(),\n    primary: 'Automations',\n    type: FlowShapeType.AUTOMATION,\n    items: [\n      {\n        id: createUID(),\n        primary: 'Send email',\n        type: FlowShapeType.SEND_EMAIL\n      },\n      {\n        id: createUID(),\n        primary: 'Generate PDF',\n        type: FlowShapeType.GENERATE_PDF\n      }\n    ]\n  }\n];\n"]}

package/jsx/build/FlowModeller/FlowModeller.stories.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: ({ graphData, onNodeActionClick, onNodeClick, onNodeAdd, nodeLibrary, actions }: import("@pega/cosmos-react-build").FlowModellerProps) => JSX.Element;
-    parameters: {
-        layout: string;
-    };
-};
+import { Meta, Story } from '@storybook/react';
+import { FlowModellerProps } from '@pega/cosmos-react-build';
+declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const EmptyFlowChartView: () => JSX.Element;
-export declare const CRMFlowChartView: () => JSX.Element;
+interface FlowChartDemoProps extends FlowModellerProps {
+    showErrorState?: boolean;
+    readOnly?: boolean;
+}
+export declare const EmptyFlowChartView: Story;
+export declare const CRMFlowChartView: Story<Partial<FlowChartDemoProps>>;
 //# sourceMappingURL=FlowModeller.stories.d.ts.map

package/jsx/build/FlowModeller/FlowModeller.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowModeller.stories.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":";;;;;;;;AAqCA,wBAME;AA0HF,eAAO,MAAM,kBAAkB,mBAwF9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBAwF5B,CAAC"}
+{"version":3,"file":"FlowModeller.stories.d.ts","sourceRoot":"","sources":["../../../src/build/FlowModeller/FlowModeller.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAaL,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;;AA2BlC,wBAMU;AACV,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsLhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAgQ/D,CAAC"}