@pega/react-sdk-components 23.1.10 → 23.1.11

package/lib/components/template/BannerPage/BannerPage.js

@@ -1,5 +1,5 @@
-import { useMemo, Children } from 'react';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, useMemo } from 'react';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 /*
  * BannerPage template.
@@ -11,7 +11,7 @@ export default function BannerPage(props) {
     const childArray = useMemo(() => {
         return Children.toArray(children);
     }, [children]);
-    return (React.createElement(Banner, { variant: layout, a: childArray[0], b: childArray[1], banner: {
+    return (_jsx(Banner, { variant: layout, a: childArray[0], b: childArray[1], banner: {
             variant: imageTheme,
             backgroundColor,
             title: heading,

package/lib/components/template/BannerPage/BannerPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerPage.js","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAgBhF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,8EAA8E;IAC9E,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAE7C,MAAM,EACJ,QAAQ,EACR,MAAM,GAAG,YAAY,EACrB,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,EAAE,EACpB,eAAe,GAAG,EAAE,EACpB,SAAS,GAAG,KAAK,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,MAAM,EACf,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,MAAM,EAAE;YACN,OAAO,EAAE,UAAU;YACnB,eAAe;YACf,KAAK,EAAE,OAAO;YACd,OAAO;YACP,eAAe;YACf,SAAS;SACV,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { useMemo, Children } from 'react';\nimport React from 'react';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\n// BannerPage does NOT have getPConnect. So, no need to extend from PConnProps\n\ninterface BannerPageProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>,\n  layout?: string,\n  heading?: string,\n  message?: string,\n  imageTheme?: string,\n  backgroundImage?: string,\n  backgroundColor?: string,\n  tintImage?: boolean\n}\n\n/*\n * BannerPage template.\n */\nexport default function BannerPage(props: BannerPageProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const Banner = getComponentFromMap('Banner');\n\n  const {\n    children,\n    layout = 'two-column',\n    heading = '',\n    message = '',\n    imageTheme = 'light',\n    backgroundImage = '',\n    backgroundColor = '',\n    tintImage = false\n  } = props;\n\n  const childArray = useMemo(() => {\n    return Children.toArray(children);\n  }, [children]);\n\n  return (\n    <Banner\n      variant={layout}\n      a={childArray[0]}\n      b={childArray[1]}\n      banner={{\n        variant: imageTheme,\n        backgroundColor,\n        title: heading,\n        message,\n        backgroundImage,\n        tintImage\n      }}\n    />\n  );\n}\n"]}
+{"version":3,"file":"BannerPage.js","sourceRoot":"","sources":["../../../../src/components/template/BannerPage/BannerPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAchF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAyC;IAC1E,8EAA8E;IAC9E,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAE7C,MAAM,EACJ,QAAQ,EACR,MAAM,GAAG,YAAY,EACrB,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,EAAE,EACpB,eAAe,GAAG,EAAE,EACpB,SAAS,GAAG,KAAK,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,MAAM,EACf,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAChB,MAAM,EAAE;YACN,OAAO,EAAE,UAAU;YACnB,eAAe;YACf,KAAK,EAAE,OAAO;YACd,OAAO;YACP,eAAe;YACf,SAAS;SACV,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { Children, PropsWithChildren, useMemo } from 'react';\n\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface BannerPageProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  layout?: string;\n  heading?: string;\n  message?: string;\n  imageTheme?: string;\n  backgroundImage?: string;\n  backgroundColor?: string;\n  tintImage?: boolean;\n}\n\n/*\n * BannerPage template.\n */\nexport default function BannerPage(props: PropsWithChildren<BannerPageProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const Banner = getComponentFromMap('Banner');\n\n  const {\n    children,\n    layout = 'two-column',\n    heading = '',\n    message = '',\n    imageTheme = 'light',\n    backgroundImage = '',\n    backgroundColor = '',\n    tintImage = false\n  } = props;\n\n  const childArray = useMemo(() => {\n    return Children.toArray(children);\n  }, [children]);\n\n  return (\n    <Banner\n      variant={layout}\n      a={childArray[0]}\n      b={childArray[1]}\n      banner={{\n        variant: imageTheme,\n        backgroundColor,\n        title: heading,\n        message,\n        backgroundImage,\n        tintImage\n      }}\n    />\n  );\n}\n"]}

package/lib/components/template/CaseSummary/CaseSummary.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import type { PConnProps } from '../../../types/PConnProps';
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
 interface CaseSummaryProps extends PConnProps {
-    children: Array<any>;
 }
-export default function CaseSummary(props: CaseSummaryProps): JSX.Element;
+export default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>): JSX.Element;
 export {};
 //# sourceMappingURL=CaseSummary.d.ts.map

package/lib/components/template/CaseSummary/CaseSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,gBAAiB,SAAQ,UAAU;IAE3C,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACrB;AAGD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA6C1D"}
+{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,gBAAiB,SAAQ,UAAU;CAE5C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,eAwF7E"}

package/lib/components/template/CaseSummary/CaseSummary.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 export default function CaseSummary(props) {
     // Get emitted components from map (so we can get any override that may exist)
@@ -7,8 +7,10 @@ export default function CaseSummary(props) {
     const thePConn = getPConnect();
     const theConfigProps = thePConn.getConfigProps();
     // const { status, showStatus } = theConfigProps;
-    const status = theConfigProps["status"];
-    const showStatus = theConfigProps["showStatus"];
+    const status = theConfigProps.status;
+    const showStatus = theConfigProps.showStatus;
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'ModalContainer';
     // from Constellation DX Components
     // get the primary and secondary fields with the raw data (which has the non-resolved property values)
     // const regionsRaw = getPConnect().getRawMetadata().children;
@@ -18,14 +20,50 @@ export default function CaseSummary(props) {
     // may want to move these into useEffect/useState combo
     let arPrimaryFields = [];
     let arSecondaryFields = [];
+    /* eslint-disable @typescript-eslint/no-shadow */
+    function prepareComponentInCaseSummary(pConnectMeta, getPConnect) {
+        const { config, children } = pConnectMeta;
+        const pConnect = getPConnect();
+        const caseSummaryComponentObject = {};
+        const { type } = pConnectMeta;
+        const createdComponent = pConnect.createComponent({
+            type,
+            children: children ? [...children] : [],
+            config: {
+                ...config
+            }
+        });
+        caseSummaryComponentObject.value = createdComponent;
+        return caseSummaryComponentObject;
+    }
+    function prepareCaseSummaryData(summaryFieldChildren) {
+        const convertChildrenToSummaryData = kid => {
+            return kid?.map((childItem, index) => {
+                const childMeta = childItem.getPConnect().meta;
+                const caseSummaryComponentObject = prepareComponentInCaseSummary(childMeta, childItem.getPConnect);
+                caseSummaryComponentObject.id = index + 1;
+                return caseSummaryComponentObject;
+            });
+        };
+        return summaryFieldChildren ? convertChildrenToSummaryData(summaryFieldChildren?.getChildren()) : undefined;
+    }
     for (const child of children) {
         const childPConn = child.props.getPConnect();
         const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());
-        if (childPConnData.name.toLowerCase() === "primary fields") {
+        if (childPConnData.name.toLowerCase() === 'primary fields') {
             arPrimaryFields = childPConnData.children;
+            arPrimaryFields.forEach(field => {
+                if (field.config?.value && typeof field.config?.value === 'string') {
+                    field.config.value = localizedVal(field.config.value, localeCategory);
+                }
+            });
         }
-        else if (childPConnData.name.toLowerCase() === "secondary fields") {
+        else if (childPConnData.name.toLowerCase() === 'secondary fields') {
+            const secondarySummaryFields = prepareCaseSummaryData(childPConn);
             arSecondaryFields = childPConnData.children;
+            arSecondaryFields.forEach((field, index) => {
+                field.config.displayLabel = secondarySummaryFields[index]?.value?.props?.label;
+            });
         }
     }
     // At this point, should hand off to another component for layout and rendering
@@ -33,8 +71,6 @@ export default function CaseSummary(props) {
     // debugging/investigation help
     // console.log(`CaseSummary: arPrimaryFields: ${JSON.stringify(arPrimaryFields)}`);
     // console.log(`CaseSummary: arSecondaryFields: ${JSON.stringify(arSecondaryFields)}`);
-    return (React.createElement("div", { id: "CaseSummary" },
-        React.createElement(CaseSummaryFields, { status: status, showStatus: showStatus, theFields: arPrimaryFields }),
-        React.createElement(CaseSummaryFields, { theFields: arSecondaryFields })));
+    return (_jsxs("div", { id: 'CaseSummary', children: [_jsx(CaseSummaryFields, { status: status, showStatus: showStatus, theFields: arPrimaryFields }), _jsx(CaseSummaryFields, { theFields: arSecondaryFields })] }));
 }
 //# sourceMappingURL=CaseSummary.js.map

package/lib/components/template/CaseSummary/CaseSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummary.js","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAuB;IACzD,8EAA8E;IAC9E,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IAEnE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;IACjD,iDAAiD;IACjD,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;IAEhD,mCAAmC;IACnC,sGAAsG;IACtG,8DAA8D;IAC9D,mDAAmD;IACnD,qDAAqD;IAErD,kBAAkB;IAClB,uDAAuD;IACvD,IAAI,eAAe,GAAc,EAAE,CAAC;IACpC,IAAI,iBAAiB,GAAc,EAAE,CAAC;IAEtC,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;QAC5B,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAC7C,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC;QAClF,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;YAC1D,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC3C;aAAM,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;YACnE,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC;SAC7C;KACF;IAED,+EAA+E;IAC/E,uDAAuD;IAEvD,+BAA+B;IAC/B,mFAAmF;IACnF,uFAAuF;IAEvF,OAAO,CACL,6BAAK,EAAE,EAAC,aAAa;QACnB,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,GAAI;QACzF,oBAAC,iBAAiB,IAAC,SAAS,EAAE,iBAAiB,GAAI,CAC/C,CACP,CAAA;AACH,CAAC","sourcesContent":["import React from \"react\";\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseSummaryProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  children: Array<any>\n}\n\n\nexport default function CaseSummary(props: CaseSummaryProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const CaseSummaryFields = getComponentFromMap('CaseSummaryFields');\n\n  const { getPConnect, children } = props;\n  const thePConn = getPConnect();\n  const theConfigProps = thePConn.getConfigProps();\n  // const { status, showStatus } = theConfigProps;\n  const status = theConfigProps[\"status\"];\n  const showStatus = theConfigProps[\"showStatus\"];\n\n  // from Constellation DX Components\n  // get the primary and secondary fields with the raw data (which has the non-resolved property values)\n  // const regionsRaw = getPConnect().getRawMetadata().children;\n  // const primaryFieldsRaw = regionsRaw[0].children;\n  // const secondaryFieldsRaw = regionsRaw[1].children;\n\n  // From other SDKs\n  // may want to move these into useEffect/useState combo\n  let arPrimaryFields:Array<any> = [];\n  let arSecondaryFields:Array<any> = [];\n\n  for (const child of children) {\n    const childPConn = child.props.getPConnect();\n    const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());\n    if (childPConnData.name.toLowerCase() === \"primary fields\") {\n      arPrimaryFields = childPConnData.children;\n    } else if (childPConnData.name.toLowerCase() === \"secondary fields\") {\n      arSecondaryFields = childPConnData.children;\n    }\n  }\n\n  // At this point, should hand off to another component for layout and rendering\n  //  of primary and secondary fields in the Case Summary\n\n  // debugging/investigation help\n  // console.log(`CaseSummary: arPrimaryFields: ${JSON.stringify(arPrimaryFields)}`);\n  // console.log(`CaseSummary: arSecondaryFields: ${JSON.stringify(arSecondaryFields)}`);\n\n  return (\n    <div id=\"CaseSummary\">\n      <CaseSummaryFields status={status} showStatus={showStatus} theFields={arPrimaryFields} />\n      <CaseSummaryFields theFields={arSecondaryFields} />\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"CaseSummary.js","sourceRoot":"","sources":["../../../../src/components/template/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseSummaryProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n}\n\nexport default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const CaseSummaryFields = getComponentFromMap('CaseSummaryFields');\n\n  const { getPConnect, children } = props;\n\n  const thePConn = getPConnect();\n  const theConfigProps: any = thePConn.getConfigProps();\n  // const { status, showStatus } = theConfigProps;\n  const status = theConfigProps.status;\n  const showStatus = theConfigProps.showStatus;\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'ModalContainer';\n  // from Constellation DX Components\n  // get the primary and secondary fields with the raw data (which has the non-resolved property values)\n  // const regionsRaw = getPConnect().getRawMetadata().children;\n  // const primaryFieldsRaw = regionsRaw[0].children;\n  // const secondaryFieldsRaw = regionsRaw[1].children;\n\n  // From other SDKs\n  // may want to move these into useEffect/useState combo\n  let arPrimaryFields: any[] = [];\n  let arSecondaryFields: any[] = [];\n\n  /* eslint-disable @typescript-eslint/no-shadow */\n  function prepareComponentInCaseSummary(pConnectMeta, getPConnect) {\n    const { config, children } = pConnectMeta;\n    const pConnect = getPConnect();\n\n    const caseSummaryComponentObject: any = {};\n\n    const { type } = pConnectMeta;\n    const createdComponent = pConnect.createComponent({\n      type,\n      children: children ? [...children] : [],\n      config: {\n        ...config\n      }\n    });\n\n    caseSummaryComponentObject.value = createdComponent;\n    return caseSummaryComponentObject;\n  }\n\n  function prepareCaseSummaryData(summaryFieldChildren) {\n    const convertChildrenToSummaryData = kid => {\n      return kid?.map((childItem, index) => {\n        const childMeta = childItem.getPConnect().meta;\n        const caseSummaryComponentObject = prepareComponentInCaseSummary(childMeta, childItem.getPConnect);\n        caseSummaryComponentObject.id = index + 1;\n        return caseSummaryComponentObject;\n      });\n    };\n    return summaryFieldChildren ? convertChildrenToSummaryData(summaryFieldChildren?.getChildren()) : undefined;\n  }\n\n  for (const child of children as ReactElement[]) {\n    const childPConn = (child as ReactElement).props.getPConnect();\n    const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());\n    if (childPConnData.name.toLowerCase() === 'primary fields') {\n      arPrimaryFields = childPConnData.children;\n      arPrimaryFields.forEach(field => {\n        if (field.config?.value && typeof field.config?.value === 'string') {\n          field.config.value = localizedVal(field.config.value, localeCategory);\n        }\n      });\n    } else if (childPConnData.name.toLowerCase() === 'secondary fields') {\n      const secondarySummaryFields = prepareCaseSummaryData(childPConn);\n      arSecondaryFields = childPConnData.children;\n      arSecondaryFields.forEach((field, index) => {\n        field.config.displayLabel = secondarySummaryFields[index]?.value?.props?.label;\n      });\n    }\n  }\n\n  // At this point, should hand off to another component for layout and rendering\n  //  of primary and secondary fields in the Case Summary\n\n  // debugging/investigation help\n  // console.log(`CaseSummary: arPrimaryFields: ${JSON.stringify(arPrimaryFields)}`);\n  // console.log(`CaseSummary: arSecondaryFields: ${JSON.stringify(arSecondaryFields)}`);\n\n  return (\n    <div id='CaseSummary'>\n      <CaseSummaryFields status={status} showStatus={showStatus} theFields={arPrimaryFields} />\n      <CaseSummaryFields theFields={arSecondaryFields} />\n    </div>\n  );\n}\n"]}

package/lib/components/template/CaseView/CaseView.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import type { PConnProps } from '../../../types/PConnProps';
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
 interface CaseViewProps extends PConnProps {
     icon: string;
-    children: Array<any>;
     subheader: string;
     header: string;
     showIconInHeader: boolean;
     caseInfo: any;
 }
-export default function CaseView(props: CaseViewProps): JSX.Element;
+export default function CaseView(props: PropsWithChildren<CaseViewProps>): JSX.Element;
 export {};
 //# sourceMappingURL=CaseView.d.ts.map

package/lib/components/template/CaseView/CaseView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,aAAc,SAAQ,UAAU;IAExC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;CACf;AAkCD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eA6OpD"}
+{"version":3,"file":"CaseView.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAiD,MAAM,OAAO,CAAC;AAUzF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,aAAc,SAAQ,UAAU;IAExC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,GAAG,CAAC;CACf;AA6BD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAC,aAAa,CAAC,eAuNvE"}

package/lib/components/template/CaseView/CaseView.js

@@ -1,11 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/jsx-boolean-value */
-import React, { useState, useEffect, useContext } from 'react';
-import { Utils } from '../../helpers/utils';
-import { Card, CardHeader, Avatar, Typography, Divider } from '@material-ui/core';
+import { useContext, useEffect, useState } from 'react';
+import { Avatar, Card, CardHeader, Divider, Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 import Grid from '@material-ui/core/Grid';
+import { Utils } from '../../helpers/utils';
 import StoreContext from '../../../bridge/Context/StoreContext';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
 const useStyles = makeStyles(theme => ({
@@ -36,11 +37,11 @@ const useStyles = makeStyles(theme => ({
 }));
 export default function CaseView(props) {
     // Get emitted components from map (so we can get any override that may exist)
-    const CaseViewActionsMenu = getComponentFromMap("CaseViewActionsMenu");
-    const VerticalTabs = getComponentFromMap("VerticalTabs");
-    const DeferLoad = getComponentFromMap("DeferLoad");
+    const CaseViewActionsMenu = getComponentFromMap('CaseViewActionsMenu');
+    const VerticalTabs = getComponentFromMap('VerticalTabs');
+    const DeferLoad = getComponentFromMap('DeferLoad');
     const { getPConnect, icon = '', header, subheader, children = [], 
-    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     showIconInHeader = true, caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments, caseTypeID = '', caseTypeName = '' } } = props;
     const currentCaseID = props.caseInfo.ID;
     let isComponentMounted = true;
@@ -57,12 +58,8 @@ export default function CaseView(props) {
      */
     function getChildRegionByName(inName) {
         for (const child of children) {
-            const theMetadataType = child.props
-                .getPConnect()
-                .getRawMetadata()['type'].toLowerCase();
-            const theMetadataName = child.props
-                .getPConnect()
-                .getRawMetadata()['name'].toLowerCase();
+            const theMetadataType = child.props.getPConnect().getRawMetadata().type.toLowerCase();
+            const theMetadataName = child.props.getPConnect().getRawMetadata().name.toLowerCase();
             if (theMetadataType === 'region' && theMetadataName === inName) {
                 return child;
             }
@@ -128,47 +125,27 @@ export default function CaseView(props) {
     }, []);
     useEffect(() => {
         if (hasNewAttachments) {
+            // @ts-ignore - Argument of type 'boolean' is not assignable to parameter of type 'object'
             PCore.getPubSubUtils().publish(PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, true);
         }
     }, [hasNewAttachments]);
     function _editClick() {
         const actionsAPI = thePConn.getActionsApi();
         const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);
-        openLocalAction(editAction.ID, { ...editAction });
+        openLocalAction(editAction.ID, { ...editAction, containerName: 'modal', type: 'express' });
     }
     function getActionButtonsHtml() {
-        const aBHtml = (React.createElement(Box, null,
-            editAction && (React.createElement(Button, { onClick: () => {
-                    _editClick();
-                } }, localizedVal('Edit', localeCategory))),
-            React.createElement(CaseViewActionsMenu, { getPConnect: getPConnect, availableActions: availableActions, availableProcesses: availableProcesses, caseTypeName: caseTypeName, caseTypeID: caseTypeID })));
-        return aBHtml;
+        return (_jsxs(Box, { children: [editAction && (_jsx(Button, { onClick: () => {
+                        _editClick();
+                    }, children: localizedVal('Edit', localeCategory) })), _jsx(CaseViewActionsMenu, { getPConnect: getPConnect, availableActions: availableActions, availableProcesses: availableProcesses, caseTypeName: caseTypeName, caseTypeID: caseTypeID })] }));
     }
     function getContainerContents() {
         if (!displayOnlyFA) {
             // show full portal
-            return (React.createElement(Grid, { container: true },
-                React.createElement(Grid, { item: true, xs: 3 },
-                    React.createElement("div", { hidden: true, id: 'current-caseID' }, currentCaseID),
-                    React.createElement(Card, { className: classes.root },
-                        React.createElement(CardHeader, { className: classes.caseViewHeader, title: React.createElement(Typography, { variant: 'h6', component: 'div' }, PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)), subheader: React.createElement(Typography, { variant: 'body1', component: 'div', id: 'caseId' }, subheader), avatar: React.createElement(Avatar, { className: classes.caseViewIconBox, variant: 'square' },
-                                React.createElement("img", { src: svgCase, className: classes.caseViewIconImage })) }),
-                        getActionButtonsHtml(),
-                        React.createElement(Divider, null),
-                        theSummaryRegion,
-                        React.createElement(Divider, null),
-                        vertTabInfo.length > 1 && React.createElement(VerticalTabs, { tabconfig: vertTabInfo }))),
-                React.createElement(Grid, { item: true, xs: 6 },
-                    theStagesRegion,
-                    theTodoRegion,
-                    deferLoadInfo.length > 0 && (React.createElement(DeferLoad, { getPConnect: getPConnect, name: deferLoadInfo[activeVertTab].config.name, isTab: true }))),
-                React.createElement(Grid, { item: true, xs: 3 }, theUtilitiesRegion)));
-        }
-        else {
-            // displayOnlyFA - only show the "todo" region
-            return (React.createElement(Grid, { container: true },
-                React.createElement(Grid, { item: true, xs: 12 }, theTodoRegion)));
+            return (_jsxs(Grid, { container: true, children: [_jsxs(Grid, { item: true, xs: 3, children: [_jsx("div", { hidden: true, id: 'current-caseID', children: currentCaseID }), _jsxs(Card, { className: classes.root, children: [_jsx(CardHeader, { className: classes.caseViewHeader, title: _jsx(Typography, { variant: 'h6', component: 'div', children: PCore.getLocaleUtils().getLocaleValue(header, '', localeKey) }), subheader: _jsx(Typography, { variant: 'body1', component: 'div', id: 'caseId', children: subheader }), avatar: _jsx(Avatar, { className: classes.caseViewIconBox, variant: 'square', children: _jsx("img", { src: svgCase, className: classes.caseViewIconImage }) }) }), getActionButtonsHtml(), _jsx(Divider, {}), theSummaryRegion, _jsx(Divider, {}), vertTabInfo.length > 1 && _jsx(VerticalTabs, { tabconfig: vertTabInfo })] })] }), _jsxs(Grid, { item: true, xs: 6, children: [theStagesRegion, theTodoRegion, deferLoadInfo.length > 0 && _jsx(DeferLoad, { getPConnect: getPConnect, name: deferLoadInfo[activeVertTab].config.name, isTab: true })] }), _jsx(Grid, { item: true, xs: 3, children: theUtilitiesRegion })] }));
         }
+        // displayOnlyFA - only show the "todo" region
+        return (_jsx(Grid, { container: true, children: _jsx(Grid, { item: true, xs: 12, children: theTodoRegion }) }));
     }
     return getContainerContents();
 }

package/lib/components/template/CaseView/CaseView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react/jsx-boolean-value */\n\nimport React, { useState, useEffect, useContext } from 'react';\nimport { Utils } from '../../helpers/utils';\nimport { Card, CardHeader, Avatar, Typography, Divider } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\n\nimport StoreContext from '../../../bridge/Context/StoreContext';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\n\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseViewProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  icon: string,\n  children: Array<any>,\n  subheader: string,\n  header: string,\n  showIconInHeader: boolean,\n  caseInfo: any,\n}\n\n\n// Remove this and use \"real\" PCore type once .d.ts is fixed (currently shows 2 errors)\ndeclare const PCore: any;\n\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  caseViewHeader: {\n    backgroundColor: theme.palette.info.light,\n    color: theme.palette.getContrastText(theme.palette.info.light),\n    borderRadius: 'inherit'\n  },\n  caseViewIconBox: {\n    backgroundColor: theme.palette.info.dark,\n    width: theme.spacing(8),\n    height: theme.spacing(8),\n    padding: theme.spacing(1)\n  },\n  caseViewIconImage: {\n    filter: 'invert(100%)'\n  }\n}));\n\nexport default function CaseView(props: CaseViewProps) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const CaseViewActionsMenu = getComponentFromMap(\"CaseViewActionsMenu\");\n  const VerticalTabs = getComponentFromMap(\"VerticalTabs\");\n  const DeferLoad = getComponentFromMap(\"DeferLoad\");\n\n  const {\n    getPConnect,\n    icon = '',\n    header,\n    subheader,\n    children = [],\n    // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n    showIconInHeader = true,\n    caseInfo: {\n      availableActions = [],\n      availableProcesses = [],\n      hasNewAttachments,\n      caseTypeID = '',\n      caseTypeName = ''\n    }\n  } = props;\n  const currentCaseID = props.caseInfo.ID;\n  let isComponentMounted = true;\n\n  const { displayOnlyFA } = useContext<any>(StoreContext);\n\n  const thePConn = getPConnect();\n\n  const classes = useStyles();\n\n  const editAction = availableActions.find(action => action.ID === 'pyUpdateCaseDetails');\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CaseView';\n  const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();\n\n  /**\n   *\n   * @param inName the metadata <em>name</em> that will cause a region to be returned\n   */\n  function getChildRegionByName(inName: string): any {\n    for (const child of children) {\n      const theMetadataType: string = child.props\n        .getPConnect()\n        .getRawMetadata()\n        ['type'].toLowerCase();\n      const theMetadataName: string = child.props\n        .getPConnect()\n        .getRawMetadata()\n        ['name'].toLowerCase();\n\n      if (theMetadataType === 'region' && theMetadataName === inName) {\n        return child;\n      }\n    }\n\n    return null;\n  }\n\n  const theSummaryRegion = getChildRegionByName('summary');\n  const theStagesRegion = getChildRegionByName('stages');\n  const theTodoRegion = getChildRegionByName('todo');\n  const theUtilitiesRegion = getChildRegionByName('utilities');\n  const theTabsRegion = getChildRegionByName('tabs');\n\n  const svgCase = Utils.getImageSrc(icon, Utils.getSDKStaticConentUrl());\n\n  const [activeVertTab, setActiveVertTab] = useState(0);\n\n  // const tmpLoadData1 = { config: { label: \"Details\", name: \"pyDetailsTabContent\" }, type: \"DeferLoad\" };\n  // const tmpLoadData2 = { config: { label: \"Case History\", name: \"CaseHistory\" }, type: \"DeferLoad\" };\n\n  // Extract the tabs we need to display from theTabsRegion (one tab per entry in theTabsRegionChildren)\n  const theTabsRegionChildren = theTabsRegion.props.getPConnect().getChildren();\n\n  // vertTabInfo is sent to VerticalTabs component\n  const vertTabInfo: Array<Object> = [];\n\n  // deferLoadInfo is sent to DeferLoad component (currently selected entry)\n  const deferLoadInfo: Array<any> = [];\n\n  if (theTabsRegionChildren) {\n    // populate vertTabInfo and deferLoadInfo\n    theTabsRegionChildren.forEach((tabComp, index) => {\n      const theTabCompConfig = tabComp.getPConnect().getConfigProps();\n      // eslint-disable-next-line prefer-const\n      let { label, inheritedProps } = theTabCompConfig;\n      // For some tabs, \"label\" property is not avaialable in theTabCompConfig, so will get them from inheritedProps\n      if (!label) {\n        inheritedProps.forEach(inheritedProp => {\n          if (inheritedProp.prop === 'label') {\n            label = inheritedProp.value;\n          }\n        });\n      }\n      // We'll display the tabs when either visibility property doesn't exist or is true(if exists)\n      if (theTabCompConfig.visibility === undefined || theTabCompConfig.visibility === true) {\n        vertTabInfo.push({ name: label, id: index });\n        deferLoadInfo.push({ type: 'DeferLoad', config: theTabCompConfig });\n      }\n    });\n  }\n\n  function handleVerticalTabClick(eventDetail: any) {\n    const theItem = parseInt(eventDetail.additionalData.itemClicked, 10);\n\n    // only call useEffectSetter if the component is mounted\n    if (isComponentMounted) {\n      setActiveVertTab(theItem);\n    }\n  }\n\n  // Add and Remove event listener for VerticalTabClick only at startup and teardown\n  useEffect(() => {\n    document.addEventListener('VerticalTabClick', (event: any) => {\n      handleVerticalTabClick(event.detail);\n    });\n\n    return (): void => {\n      // inform that the component is unmounted so other code can\n      //  know not to try to call useState setters (to avoid console warnings)\n      isComponentMounted = false;\n\n      document.removeEventListener('VerticalTabClick', (event: any) => {\n        handleVerticalTabClick(event.detail);\n      });\n    };\n  }, []);\n\n  useEffect(() => {\n    if (hasNewAttachments) {\n      PCore.getPubSubUtils().publish(\n        PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW,\n        true\n      );\n    }\n  }, [hasNewAttachments]);\n\n  function _editClick() {\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction(editAction.ID, { ...editAction });\n  }\n\n  function getActionButtonsHtml(): any {\n    const aBHtml = (\n      <Box>\n        {editAction && (\n          <Button\n            onClick={() => {\n              _editClick();\n            }}\n          >\n            {localizedVal('Edit', localeCategory)}\n          </Button>\n        )}\n        <CaseViewActionsMenu\n          getPConnect={getPConnect}\n          availableActions={availableActions}\n          availableProcesses={availableProcesses}\n          caseTypeName={caseTypeName}\n          caseTypeID={caseTypeID}\n        />\n      </Box>\n    );\n\n    return aBHtml;\n  }\n\n  function getContainerContents() {\n    if (!displayOnlyFA) {\n      // show full portal\n      return (\n        <Grid container>\n          <Grid item xs={3}>\n            <div hidden={true} id='current-caseID'>\n              {currentCaseID}\n            </div>\n            <Card className={classes.root}>\n              <CardHeader\n                className={classes.caseViewHeader}\n                title={\n                  <Typography variant='h6' component='div'>\n                    {PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)}\n                  </Typography>\n                }\n                subheader={\n                  <Typography variant='body1' component='div' id='caseId'>\n                    {subheader}\n                  </Typography>\n                }\n                avatar={\n                  <Avatar className={classes.caseViewIconBox} variant='square'>\n                    <img src={svgCase} className={classes.caseViewIconImage} />\n                  </Avatar>\n                }\n              />\n              {getActionButtonsHtml()}\n              <Divider />\n              {theSummaryRegion}\n              <Divider />\n              {vertTabInfo.length > 1 && <VerticalTabs tabconfig={vertTabInfo} />}\n            </Card>\n          </Grid>\n\n          <Grid item xs={6}>\n            {theStagesRegion}\n            {theTodoRegion}\n            {deferLoadInfo.length > 0 && (\n              <DeferLoad\n                getPConnect={getPConnect}\n                name={deferLoadInfo[activeVertTab].config.name}\n                isTab\n              />\n            )}\n          </Grid>\n\n          <Grid item xs={3}>\n            {theUtilitiesRegion}\n          </Grid>\n        </Grid>\n      );\n    } else {\n      // displayOnlyFA - only show the \"todo\" region\n      return (\n        <Grid container>\n          <Grid item xs={12}>\n            {theTodoRegion}\n          </Grid>\n        </Grid>\n      );\n    }\n  }\n\n  return getContainerContents();\n}\n"]}
+{"version":3,"file":"CaseView.js","sourceRoot":"","sources":["../../../../src/components/template/CaseView/CaseView.tsx"],"names":[],"mappings":";AAAA,4CAA4C;AAE5C,OAAO,EAAmC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,GAAG,MAAM,uBAAuB,CAAC;AACxC,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAYhF,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC/B;IACD,cAAc,EAAE;QACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;QACzC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9D,YAAY,EAAE,SAAS;KACxB;IACD,eAAe,EAAE;QACf,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC1B;IACD,iBAAiB,EAAE;QACjB,MAAM,EAAE,cAAc;KACvB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAuC;IACtE,8EAA8E;IAC9E,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAEnD,MAAM,EACJ,WAAW,EACX,IAAI,GAAG,EAAE,EACT,MAAM,EACN,SAAS,EACT,QAAQ,GAAG,EAAE;IACb,6DAA6D;IAC7D,gBAAgB,GAAG,IAAI,EACvB,QAAQ,EAAE,EAAE,gBAAgB,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,iBAAiB,EAAE,UAAU,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,EACpH,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;IACxC,IAAI,kBAAkB,GAAG,IAAI,CAAC;IAE9B,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAM,YAAY,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,qBAAqB,CAAC,CAAC;IAExF,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,MAAM,SAAS,GAAG,GAAG,UAAU,SAAS,YAAY,EAAE,CAAC,WAAW,EAAE,CAAC;IAErE;;;OAGG;IACH,SAAS,oBAAoB,CAAC,MAAc;QAC1C,KAAK,MAAM,KAAK,IAAI,QAA0B,EAAE;YAC9C,MAAM,eAAe,GAAY,KAAsB,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAChH,MAAM,eAAe,GAAY,KAAsB,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAEhH,IAAI,eAAe,KAAK,QAAQ,IAAI,eAAe,KAAK,MAAM,EAAE;gBAC9D,OAAO,KAAK,CAAC;aACd;SACF;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;IACzD,MAAM,eAAe,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAC7D,MAAM,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAEnD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAEvE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtD,yGAAyG;IACzG,sGAAsG;IAEtG,sGAAsG;IACtG,MAAM,qBAAqB,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC;IAE9E,gDAAgD;IAChD,MAAM,WAAW,GAAa,EAAE,CAAC;IAEjC,0EAA0E;IAC1E,MAAM,aAAa,GAAU,EAAE,CAAC;IAEhC,IAAI,qBAAqB,EAAE;QACzB,yCAAyC;QACzC,qBAAqB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;YAC/C,MAAM,gBAAgB,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAC;YAChE,wCAAwC;YACxC,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,gBAAgB,CAAC;YACjD,8GAA8G;YAC9G,IAAI,CAAC,KAAK,EAAE;gBACV,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;oBACrC,IAAI,aAAa,CAAC,IAAI,KAAK,OAAO,EAAE;wBAClC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC;qBAC7B;gBACH,CAAC,CAAC,CAAC;aACJ;YACD,6FAA6F;YAC7F,IAAI,gBAAgB,CAAC,UAAU,KAAK,SAAS,IAAI,gBAAgB,CAAC,UAAU,KAAK,IAAI,EAAE;gBACrF,WAAW,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC7C,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;aACrE;QACH,CAAC,CAAC,CAAC;KACJ;IAED,SAAS,sBAAsB,CAAC,WAAgB;QAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,CAAC,cAAc,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAErE,wDAAwD;QACxD,IAAI,kBAAkB,EAAE;YACtB,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,kFAAkF;IAClF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,CAAC,KAAU,EAAE,EAAE;YAC3D,sBAAsB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,OAAO,GAAS,EAAE;YAChB,2DAA2D;YAC3D,wEAAwE;YACxE,kBAAkB,GAAG,KAAK,CAAC;YAE3B,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,CAAC,KAAU,EAAE,EAAE;gBAC9D,sBAAsB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,0FAA0F;YAC1F,KAAK,CAAC,cAAc,EAAE,CAAC,OAAO,CAAE,KAAK,CAAC,SAAS,EAAE,CAAC,YAAY,EAAU,CAAC,sCAAsC,EAAE,IAAI,CAAC,CAAC;SACxH;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,SAAS,UAAU;QACjB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC;QAC5C,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEpE,eAAe,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,GAAG,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAC7F,CAAC;IAED,SAAS,oBAAoB;QAC3B,OAAO,CACL,MAAC,GAAG,eACD,UAAU,IAAI,CACb,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;wBACZ,UAAU,EAAE,CAAC;oBACf,CAAC,YAEA,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,GAC9B,CACV,EACD,KAAC,mBAAmB,IAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACtB,IACE,CACP,CAAC;IACJ,CAAC;IAED,SAAS,oBAAoB;QAC3B,IAAI,CAAC,aAAa,EAAE;YAClB,mBAAmB;YACnB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,mBACb,MAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,aACd,cAAK,MAAM,EAAE,IAAI,EAAE,EAAE,EAAC,gBAAgB,YACnC,aAAa,GACV,EACN,MAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,aAC3B,KAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,cAAc,EACjC,KAAK,EACH,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,YACrC,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,EAAE,SAAS,CAAC,GAClD,EAEf,SAAS,EACP,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,YACpD,SAAS,GACC,EAEf,MAAM,EACJ,KAAC,MAAM,IAAC,SAAS,EAAE,OAAO,CAAC,eAAe,EAAE,OAAO,EAAC,QAAQ,YAC1D,cAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,GAAI,GACpD,GAEX,EACD,oBAAoB,EAAE,EACvB,KAAC,OAAO,KAAG,EACV,gBAAgB,EACjB,KAAC,OAAO,KAAG,EACV,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,YAAY,IAAC,SAAS,EAAE,WAAW,GAAI,IAC9D,IACF,EAEP,MAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,aACb,eAAe,EACf,aAAa,EACb,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,SAAS,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,SAAG,IACrH,EAEP,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACb,kBAAkB,GACd,IACF,CACR,CAAC;SACH;QACD,8CAA8C;QAC9C,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,kBACb,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,YACd,aAAa,GACT,GACF,CACR,CAAC;IACJ,CAAC;IAED,OAAO,oBAAoB,EAAE,CAAC;AAChC,CAAC","sourcesContent":["/* eslint-disable react/jsx-boolean-value */\n\nimport { PropsWithChildren, ReactElement, useContext, useEffect, useState } from 'react';\nimport { Avatar, Card, CardHeader, Divider, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\n\nimport { Utils } from '../../helpers/utils';\nimport StoreContext from '../../../bridge/Context/StoreContext';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseViewProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  icon: string;\n  subheader: string;\n  header: string;\n  showIconInHeader: boolean;\n  caseInfo: any;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  caseViewHeader: {\n    backgroundColor: theme.palette.info.light,\n    color: theme.palette.getContrastText(theme.palette.info.light),\n    borderRadius: 'inherit'\n  },\n  caseViewIconBox: {\n    backgroundColor: theme.palette.info.dark,\n    width: theme.spacing(8),\n    height: theme.spacing(8),\n    padding: theme.spacing(1)\n  },\n  caseViewIconImage: {\n    filter: 'invert(100%)'\n  }\n}));\n\nexport default function CaseView(props: PropsWithChildren<CaseViewProps>) {\n  // Get emitted components from map (so we can get any override that may exist)\n  const CaseViewActionsMenu = getComponentFromMap('CaseViewActionsMenu');\n  const VerticalTabs = getComponentFromMap('VerticalTabs');\n  const DeferLoad = getComponentFromMap('DeferLoad');\n\n  const {\n    getPConnect,\n    icon = '',\n    header,\n    subheader,\n    children = [],\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    showIconInHeader = true,\n    caseInfo: { availableActions = [], availableProcesses = [], hasNewAttachments, caseTypeID = '', caseTypeName = '' }\n  } = props;\n\n  const currentCaseID = props.caseInfo.ID;\n  let isComponentMounted = true;\n\n  const { displayOnlyFA } = useContext<any>(StoreContext);\n\n  const thePConn = getPConnect();\n\n  const classes = useStyles();\n\n  const editAction = availableActions.find(action => action.ID === 'pyUpdateCaseDetails');\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CaseView';\n  const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();\n\n  /**\n   *\n   * @param inName the metadata <em>name</em> that will cause a region to be returned\n   */\n  function getChildRegionByName(inName: string): any {\n    for (const child of children as ReactElement[]) {\n      const theMetadataType: string = (child as ReactElement).props.getPConnect().getRawMetadata().type.toLowerCase();\n      const theMetadataName: string = (child as ReactElement).props.getPConnect().getRawMetadata().name.toLowerCase();\n\n      if (theMetadataType === 'region' && theMetadataName === inName) {\n        return child;\n      }\n    }\n\n    return null;\n  }\n\n  const theSummaryRegion = getChildRegionByName('summary');\n  const theStagesRegion = getChildRegionByName('stages');\n  const theTodoRegion = getChildRegionByName('todo');\n  const theUtilitiesRegion = getChildRegionByName('utilities');\n  const theTabsRegion = getChildRegionByName('tabs');\n\n  const svgCase = Utils.getImageSrc(icon, Utils.getSDKStaticConentUrl());\n\n  const [activeVertTab, setActiveVertTab] = useState(0);\n\n  // const tmpLoadData1 = { config: { label: \"Details\", name: \"pyDetailsTabContent\" }, type: \"DeferLoad\" };\n  // const tmpLoadData2 = { config: { label: \"Case History\", name: \"CaseHistory\" }, type: \"DeferLoad\" };\n\n  // Extract the tabs we need to display from theTabsRegion (one tab per entry in theTabsRegionChildren)\n  const theTabsRegionChildren = theTabsRegion.props.getPConnect().getChildren();\n\n  // vertTabInfo is sent to VerticalTabs component\n  const vertTabInfo: Object[] = [];\n\n  // deferLoadInfo is sent to DeferLoad component (currently selected entry)\n  const deferLoadInfo: any[] = [];\n\n  if (theTabsRegionChildren) {\n    // populate vertTabInfo and deferLoadInfo\n    theTabsRegionChildren.forEach((tabComp, index) => {\n      const theTabCompConfig = tabComp.getPConnect().getConfigProps();\n      // eslint-disable-next-line prefer-const\n      let { label, inheritedProps } = theTabCompConfig;\n      // For some tabs, \"label\" property is not avaialable in theTabCompConfig, so will get them from inheritedProps\n      if (!label) {\n        inheritedProps.forEach(inheritedProp => {\n          if (inheritedProp.prop === 'label') {\n            label = inheritedProp.value;\n          }\n        });\n      }\n      // We'll display the tabs when either visibility property doesn't exist or is true(if exists)\n      if (theTabCompConfig.visibility === undefined || theTabCompConfig.visibility === true) {\n        vertTabInfo.push({ name: label, id: index });\n        deferLoadInfo.push({ type: 'DeferLoad', config: theTabCompConfig });\n      }\n    });\n  }\n\n  function handleVerticalTabClick(eventDetail: any) {\n    const theItem = parseInt(eventDetail.additionalData.itemClicked, 10);\n\n    // only call useEffectSetter if the component is mounted\n    if (isComponentMounted) {\n      setActiveVertTab(theItem);\n    }\n  }\n\n  // Add and Remove event listener for VerticalTabClick only at startup and teardown\n  useEffect(() => {\n    document.addEventListener('VerticalTabClick', (event: any) => {\n      handleVerticalTabClick(event.detail);\n    });\n\n    return (): void => {\n      // inform that the component is unmounted so other code can\n      //  know not to try to call useState setters (to avoid console warnings)\n      isComponentMounted = false;\n\n      document.removeEventListener('VerticalTabClick', (event: any) => {\n        handleVerticalTabClick(event.detail);\n      });\n    };\n  }, []);\n\n  useEffect(() => {\n    if (hasNewAttachments) {\n      // @ts-ignore - Argument of type 'boolean' is not assignable to parameter of type 'object'\n      PCore.getPubSubUtils().publish((PCore.getEvents().getCaseEvent() as any).CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, true);\n    }\n  }, [hasNewAttachments]);\n\n  function _editClick() {\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction(editAction.ID, { ...editAction, containerName: 'modal', type: 'express' });\n  }\n\n  function getActionButtonsHtml(): any {\n    return (\n      <Box>\n        {editAction && (\n          <Button\n            onClick={() => {\n              _editClick();\n            }}\n          >\n            {localizedVal('Edit', localeCategory)}\n          </Button>\n        )}\n        <CaseViewActionsMenu\n          getPConnect={getPConnect}\n          availableActions={availableActions}\n          availableProcesses={availableProcesses}\n          caseTypeName={caseTypeName}\n          caseTypeID={caseTypeID}\n        />\n      </Box>\n    );\n  }\n\n  function getContainerContents() {\n    if (!displayOnlyFA) {\n      // show full portal\n      return (\n        <Grid container>\n          <Grid item xs={3}>\n            <div hidden={true} id='current-caseID'>\n              {currentCaseID}\n            </div>\n            <Card className={classes.root}>\n              <CardHeader\n                className={classes.caseViewHeader}\n                title={\n                  <Typography variant='h6' component='div'>\n                    {PCore.getLocaleUtils().getLocaleValue(header, '', localeKey)}\n                  </Typography>\n                }\n                subheader={\n                  <Typography variant='body1' component='div' id='caseId'>\n                    {subheader}\n                  </Typography>\n                }\n                avatar={\n                  <Avatar className={classes.caseViewIconBox} variant='square'>\n                    <img src={svgCase} className={classes.caseViewIconImage} />\n                  </Avatar>\n                }\n              />\n              {getActionButtonsHtml()}\n              <Divider />\n              {theSummaryRegion}\n              <Divider />\n              {vertTabInfo.length > 1 && <VerticalTabs tabconfig={vertTabInfo} />}\n            </Card>\n          </Grid>\n\n          <Grid item xs={6}>\n            {theStagesRegion}\n            {theTodoRegion}\n            {deferLoadInfo.length > 0 && <DeferLoad getPConnect={getPConnect} name={deferLoadInfo[activeVertTab].config.name} isTab />}\n          </Grid>\n\n          <Grid item xs={3}>\n            {theUtilitiesRegion}\n          </Grid>\n        </Grid>\n      );\n    }\n    // displayOnlyFA - only show the \"todo\" region\n    return (\n      <Grid container>\n        <Grid item xs={12}>\n          {theTodoRegion}\n        </Grid>\n      </Grid>\n    );\n  }\n\n  return getContainerContents();\n}\n"]}

package/lib/components/template/CaseViewActionsMenu/CaseViewActionsMenu.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { PConnProps } from '../../../types/PConnProps';
+import { PConnProps } from '../../../types/PConnProps';
 interface CaseViewActionsMenuProps extends PConnProps {
-    availableActions: Array<any>;
-    availableProcesses: Array<any>;
+    availableActions: any[];
+    availableProcesses: any[];
     caseTypeID: string;
     caseTypeName: string;
 }

package/lib/components/template/CaseViewActionsMenu/CaseViewActionsMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseViewActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,wBAAyB,SAAQ,UAAU;IAEnD,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC7B,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB;AAGD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAC,wBAAwB,eAyDzE"}
+{"version":3,"file":"CaseViewActionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAKvD,UAAU,wBAAyB,SAAQ,UAAU;IAEnD,gBAAgB,EAAE,GAAG,EAAE,CAAC;IACxB,kBAAkB,EAAE,GAAG,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAkG1E"}

package/lib/components/template/CaseViewActionsMenu/CaseViewActionsMenu.js

@@ -1,7 +1,11 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import Button from '@material-ui/core/Button';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
+import Snackbar from '@material-ui/core/Snackbar';
+import IconButton from '@material-ui/core/IconButton';
+import CloseIcon from '@material-ui/icons/Close';
 export default function CaseViewActionsMenu(props) {
     const { getPConnect, availableActions, availableProcesses, caseTypeID, caseTypeName } = props;
     const thePConn = getPConnect();
@@ -9,6 +13,8 @@ export default function CaseViewActionsMenu(props) {
     const localeCategory = 'CaseView';
     const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();
     const [anchorEl, setAnchorEl] = useState(null);
+    const [showSnackbar, setShowSnackbar] = useState(false);
+    const [snackbarMessage, setSnackbarMessage] = useState('');
     const handleClick = (event) => {
         setAnchorEl(event.currentTarget);
     };
@@ -16,21 +22,45 @@ export default function CaseViewActionsMenu(props) {
         setAnchorEl(null);
     };
     const arMenuItems = [];
+    function showToast(message) {
+        setSnackbarMessage(message);
+        setShowSnackbar(true);
+    }
+    function handleSnackbarClose(event, reason) {
+        if (reason === 'clickaway') {
+            return;
+        }
+        setShowSnackbar(false);
+    }
     function _actionMenuActionsClick(data) {
         const actionsAPI = thePConn.getActionsApi();
         const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);
-        openLocalAction(data.ID, { ...data, containerName: 'modal', type: 'express' });
+        openLocalAction(data.ID, {
+            ...data,
+            containerName: 'modal',
+            type: 'express'
+        });
         // after doing the action, close the menu...
         handleClose();
     }
+    function _actionMenuProcessClick(process) {
+        const actionsAPI = thePConn.getActionsApi();
+        const openProcessAction = actionsAPI.openProcessAction.bind(actionsAPI);
+        openProcessAction(process.ID, {
+            ...process
+        })
+            .then(() => { })
+            .catch(() => {
+            showToast(`${process.name} Submit failed!`);
+        });
+        handleClose();
+    }
     availableActions.forEach(action => {
-        arMenuItems.push(React.createElement(MenuItem, { key: action.ID, onClick: () => _actionMenuActionsClick(action) }, localizedVal(action.name, '', localeKey)));
+        arMenuItems.push(_jsx(MenuItem, { onClick: () => _actionMenuActionsClick(action), children: localizedVal(action.name, '', localeKey) }, action.ID));
     });
     availableProcesses.forEach(process => {
-        arMenuItems.push(React.createElement(MenuItem, { onClick: handleClose }, process.name));
+        arMenuItems.push(_jsx(MenuItem, { onClick: () => _actionMenuProcessClick(process), children: localizedVal(process.name, '', localeKey) }, process.ID));
     });
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { "aria-controls": 'simple-menu', "aria-haspopup": 'true', onClick: handleClick }, localizedVal('Actions...', localeCategory)),
-        React.createElement(Menu, { id: 'simple-menu', anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose }, arMenuItems)));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { "aria-controls": 'simple-menu', "aria-haspopup": 'true', onClick: handleClick, children: localizedVal('Actions...', localeCategory) }), _jsx(Menu, { id: 'simple-menu', anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose, children: arMenuItems }), _jsx(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: _jsx(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose, children: _jsx(CloseIcon, { fontSize: 'small' }) }) })] }));
 }
 //# sourceMappingURL=CaseViewActionsMenu.js.map

package/lib/components/template/CaseViewActionsMenu/CaseViewActionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaseViewActionsMenu.js","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAYlD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAA8B;IACxE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC9F,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,UAAU,CAAC;IAClC,MAAM,SAAS,GAAG,GAAG,UAAU,SAAS,YAAY,EAAE,CAAC,WAAW,EAAE,CAAC;IAErE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QACjE,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAe,EAAE,CAAC;IAEnC,SAAS,uBAAuB,CAAC,IAAI;QACnC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC;QAC5C,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEpE,eAAe,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QAC/E,4CAA4C;QAC5C,WAAW,EAAE,CAAC;IAChB,CAAC;IAED,gBAAgB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAChC,WAAW,CAAC,IAAI,CACd,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,MAAM,CAAC,IACrE,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,CAAC,CAChC,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACnC,WAAW,CAAC,IAAI,CAAC,oBAAC,QAAQ,IAAC,OAAO,EAAE,WAAW,IAAG,OAAO,CAAC,IAAI,CAAY,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,MAAM,qBAAe,aAAa,mBAAe,MAAM,EAAC,OAAO,EAAE,WAAW,IAC1E,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC,CACpC;QACT,oBAAC,IAAI,IACH,EAAE,EAAC,aAAa,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,OAAO,EAAE,WAAW,IAEnB,WAAW,CACP,CACQ,CAClB,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport type { PConnProps } from '../../../types/PConnProps';\n\ninterface CaseViewActionsMenuProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  availableActions: Array<any>,\n  availableProcesses: Array<any>,\n  caseTypeID: string,\n  caseTypeName: string\n}\n\n\nexport default function CaseViewActionsMenu(props:CaseViewActionsMenuProps) {\n  const { getPConnect, availableActions, availableProcesses, caseTypeID, caseTypeName } = props;\n  const thePConn = getPConnect();\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CaseView';\n  const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const arMenuItems: Array<any> = [];\n\n  function _actionMenuActionsClick(data) {\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction(data.ID, { ...data, containerName: 'modal', type: 'express' });\n    // after doing the action, close the menu...\n    handleClose();\n  }\n\n  availableActions.forEach(action => {\n    arMenuItems.push(\n      <MenuItem key={action.ID} onClick={() => _actionMenuActionsClick(action)}>\n        {localizedVal(action.name, '', localeKey)}\n      </MenuItem>\n    );\n  });\n\n  availableProcesses.forEach(process => {\n    arMenuItems.push(<MenuItem onClick={handleClose}>{process.name}</MenuItem>);\n  });\n\n  return (\n    <React.Fragment>\n      <Button aria-controls='simple-menu' aria-haspopup='true' onClick={handleClick}>\n        {localizedVal('Actions...', localeCategory)}\n      </Button>\n      <Menu\n        id='simple-menu'\n        anchorEl={anchorEl}\n        keepMounted\n        open={Boolean(anchorEl)}\n        onClose={handleClose}\n      >\n        {arMenuItems}\n      </Menu>\n    </React.Fragment>\n  );\n}\n"]}
+{"version":3,"file":"CaseViewActionsMenu.js","sourceRoot":"","sources":["../../../../src/components/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport Button from '@material-ui/core/Button';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\n\nimport { PConnProps } from '../../../types/PConnProps';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\n\ninterface CaseViewActionsMenuProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  availableActions: any[];\n  availableProcesses: any[];\n  caseTypeID: string;\n  caseTypeName: string;\n}\n\nexport default function CaseViewActionsMenu(props: CaseViewActionsMenuProps) {\n  const { getPConnect, availableActions, availableProcesses, caseTypeID, caseTypeName } = props;\n  const thePConn = getPConnect();\n\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'CaseView';\n  const localeKey = `${caseTypeID}!CASE!${caseTypeName}`.toUpperCase();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage]: any = useState('');\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const arMenuItems: any[] = [];\n\n  function showToast(message: string) {\n    setSnackbarMessage(message);\n    setShowSnackbar(true);\n  }\n\n  function handleSnackbarClose(event: React.SyntheticEvent | React.MouseEvent, reason?: string) {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackbar(false);\n  }\n\n  function _actionMenuActionsClick(data) {\n    const actionsAPI = thePConn.getActionsApi();\n    const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);\n\n    openLocalAction(data.ID, {\n      ...data,\n      containerName: 'modal',\n      type: 'express'\n    });\n    // after doing the action, close the menu...\n    handleClose();\n  }\n\n  function _actionMenuProcessClick(process) {\n    const actionsAPI = thePConn.getActionsApi();\n    const openProcessAction = actionsAPI.openProcessAction.bind(actionsAPI);\n    openProcessAction(process.ID, {\n      ...process\n    })\n      .then(() => {})\n      .catch(() => {\n        showToast(`${process.name} Submit failed!`);\n      });\n    handleClose();\n  }\n\n  availableActions.forEach(action => {\n    arMenuItems.push(\n      <MenuItem key={action.ID} onClick={() => _actionMenuActionsClick(action)}>\n        {localizedVal(action.name, '', localeKey)}\n      </MenuItem>\n    );\n  });\n\n  availableProcesses.forEach(process => {\n    arMenuItems.push(\n      <MenuItem key={process.ID} onClick={() => _actionMenuProcessClick(process)}>\n        {localizedVal(process.name, '', localeKey)}\n      </MenuItem>\n    );\n  });\n\n  return (\n    <>\n      <Button aria-controls='simple-menu' aria-haspopup='true' onClick={handleClick}>\n        {localizedVal('Actions...', localeCategory)}\n      </Button>\n      <Menu id='simple-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>\n        {arMenuItems}\n      </Menu>\n      <Snackbar\n        open={showSnackbar}\n        autoHideDuration={3000}\n        onClose={handleSnackbarClose}\n        message={snackbarMessage}\n        action={\n          <IconButton size='small' aria-label='close' color='inherit' onClick={handleSnackbarClose}>\n            <CloseIcon fontSize='small' />\n          </IconButton>\n        }\n      />\n    </>\n  );\n}\n"]}

package/lib/components/template/Confirmation/Confirmation.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import type { PConnProps } from '../../../types/PConnProps';
+import { PropsWithChildren } from 'react';
+import { PConnProps } from '../../../types/PConnProps';
 interface ConfirmationProps extends PConnProps {
-    children: Array<any>;
     datasource: {
         source: any;
     };
@@ -9,6 +8,6 @@ interface ConfirmationProps extends PConnProps {
     showLabel: boolean;
     showTasks: boolean;
 }
-export default function Confirmation(props: ConfirmationProps): JSX.Element | null;
+export default function Confirmation(props: PropsWithChildren<ConfirmationProps>): JSX.Element | null;
 export {};
 //# sourceMappingURL=Confirmation.d.ts.map

package/lib/components/template/Confirmation/Confirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAI5D,UAAU,iBAAkB,SAAQ,UAAU;IAE5C,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,UAAU,EAAE;QAAE,MAAM,EAAE,GAAG,CAAA;KAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAeD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,sBA2C5D"}
+{"version":3,"file":"Confirmation.d.ts","sourceRoot":"","sources":["../../../../src/components/template/Confirmation/Confirmation.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,iBAAkB,SAAQ,UAAU;IAE5C,UAAU,EAAE;QAAE,MAAM,EAAE,GAAG,CAAA;KAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAeD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,sBA2C/E"}

package/lib/components/template/Confirmation/Confirmation.js

@@ -1,11 +1,10 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable no-unused-vars */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable no-nested-ternary */
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Button, Card, makeStyles } from '@material-ui/core';
 import { getToDoAssignments } from '../../infra/Containers/FlowContainer/helpers';
 import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
     root: {
         paddingRight: theme.spacing(1),
         paddingLeft: theme.spacing(1),
@@ -24,11 +23,11 @@ export default function Confirmation(props) {
     const classes = useStyles();
     const CONSTS = PCore.getConstants();
     const [showConfirmView, setShowConfirmView] = useState(true);
-    const { showTasks, getPConnect, datasource } = props;
+    const { showTasks, getPConnect } = props;
     // Get the inherited props from the parent to determine label settings
     // Not using whatsNext at the moment, need to figure out the use of it
-    const whatsNext = datasource?.source;
-    const items = whatsNext.length > 0 ? whatsNext.map((item) => item.label) : '';
+    // const whatsNext = datasource?.source;
+    // const items = whatsNext.length > 0 ? whatsNext.map(item => item.label) : '';
     const activeContainerItemID = PCore.getContainerUtils().getActiveContainerItemName(getPConnect().getTarget());
     const rootInfo = PCore.getContainerUtils().getContainerItemData(getPConnect().getTarget(), activeContainerItemID);
     const onConfirmViewClose = () => {
@@ -39,12 +38,6 @@ export default function Confirmation(props) {
     const toDoList = getToDoAssignments(getPConnect());
     const detailProps = { ...props, showLabel: false };
     const showDetails = detailProps?.children?.[0]?.props?.getPConnect()?.getChildren()?.length > 0;
-    return showConfirmView ? (React.createElement(Card, { className: classes.root },
-        React.createElement("h2", { id: "confirm-label" }, props.showLabel ? props.label : ''),
-        showDetails ? React.createElement(Details, { ...detailProps }) : undefined,
-        showTasks ? (toDoList && toDoList.length > 0 ? (React.createElement(ToDo, { ...todoProps, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: "Open Tasks", isConfirm: true })) : undefined) : undefined,
-        React.createElement("div", { style: { display: 'flex', justifyContent: 'flex-end' } },
-            React.createElement(Button, { variant: "contained", color: "primary", onClick: onConfirmViewClose }, "Done")))) : toDoList && toDoList.length > 0 ? (React.createElement(Card, { className: classes.root },
-        React.createElement(ToDo, { ...props, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: "Tasks", isConfirm: true }))) : null;
+    return showConfirmView ? (_jsxs(Card, { className: classes.root, children: [_jsx("h2", { id: 'confirm-label', children: props.showLabel ? props.label : '' }), showDetails ? _jsx(Details, { ...detailProps }) : undefined, showTasks ? (toDoList && toDoList.length > 0 ? (_jsx(ToDo, { ...todoProps, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: 'Open Tasks', isConfirm: true })) : undefined) : undefined, _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end' }, children: _jsx(Button, { variant: 'contained', color: 'primary', onClick: onConfirmViewClose, children: "Done" }) })] })) : toDoList && toDoList.length > 0 ? (_jsx(Card, { className: classes.root, children: _jsx(ToDo, { ...props, datasource: { source: toDoList }, getPConnect: getPConnect, type: CONSTS.TODO, headerText: 'Tasks', isConfirm: true }) })) : null;
 }
 //# sourceMappingURL=Confirmation.js.map