@pega/react-sdk-components 0.23.0

package/lib/components/infra/Region/Region.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Region.js","sourceRoot":"","sources":["../../../../src/components/infra/Region/Region.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,oBAAC,KAAK,CAAC,QAAQ;QACpB,0CAEG,QAAQ,CACR,CACY,CAAC;AACpB,CAAC;AAED,MAAM,CAAC,SAAS,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU;CACvD,CAAC","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default function Region(props) {\n  const { children } = props;\n\n  return <React.Fragment>\n    <>\n      {/* <div>Region</div> */}\n      {children}\n    </>\n  </React.Fragment>;\n}\n\nRegion.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired\n};\n"]}

package/lib/components/infra/Region/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Region';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/infra/Region/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Region/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/infra/Region/index.js

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

package/lib/components/infra/Region/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/infra/Region/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default } from './Region';\n"]}

package/lib/components/infra/RootContainer/RootContainer.d.ts

@@ -0,0 +1,22 @@
+import PropTypes from "prop-types";
+declare const RootContainer: {
+    (props: any): any;
+    defaultProps: {
+        getPConnect: null;
+        renderingMode: null;
+        children: null;
+        routingInfo: PropTypes.Requireable<object>;
+    };
+    propTypes: {
+        getPConnect: PropTypes.Requireable<(...args: any[]) => any>;
+        renderingMode: PropTypes.Requireable<string>;
+        routingInfo: PropTypes.Requireable<PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            accessedOrder: PropTypes.Requireable<any[]>;
+            items: PropTypes.Requireable<object>;
+        }>>;
+        children: PropTypes.Requireable<(string | object | null | undefined)[]>;
+    };
+};
+export default RootContainer;
+//# sourceMappingURL=RootContainer.d.ts.map

package/lib/components/infra/RootContainer/RootContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/RootContainer/RootContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAqB,MAAM,YAAY,CAAC;AA8C/C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;CA2QlB,CAAC;AAoBF,eAAe,aAAa,CAAC"}

package/lib/components/infra/RootContainer/RootContainer.js

@@ -0,0 +1,258 @@
+import React, { useMemo, useRef, useState, useEffect, useContext, createElement } from "react";
+// import { Banner, ModalManager } from "@pega/cosmos-react-core";
+import PropTypes, { object } from "prop-types";
+import isEqual from 'lodash.isequal';
+// import ReAuthMessageModal from "../ReAuthenticationModal";
+import { Box, CircularProgress } from "@material-ui/core";
+import createPConnectComponent from "../../../bridge/react_pconnect";
+import { LazyMap as LazyComponentMap } from "../../../components_map";
+import StoreContext from "../../../bridge/Context/StoreContext";
+import Utils from '../../helpers/utils';
+//
+// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with
+// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and
+// is totally at your own risk.
+//
+const renderingModes = ["portal", "view"];
+function usePrevious(value) {
+    const ref = useRef(null);
+    useEffect(() => {
+        ref.current = value;
+    });
+    return ref.current;
+}
+function getItemView(routingInfo, renderingMode) {
+    const viewConfigs = [];
+    if (routingInfo && renderingModes.includes(renderingMode)) {
+        const { accessedOrder, items } = routingInfo;
+        if (accessedOrder && items) {
+            const key = accessedOrder[accessedOrder.length - 1];
+            if (items[key] &&
+                items[key].view &&
+                !Utils.isEmptyObject(items[key].view)) {
+                viewConfigs.push(items[key]);
+            }
+        }
+    }
+    return viewConfigs;
+}
+const RootContainer = (props) => {
+    const { getPConnect, renderingMode, children, skeleton, httpMessages, routingInfo } = props;
+    const { displayOnlyFA, isMashup } = useContext(StoreContext);
+    const pConn = getPConnect();
+    const options = { "context": "app" };
+    if (isMashup) {
+        options["context"] = "root";
+    }
+    // Used for embedded mode
+    // let newPConn: any;
+    const [componentName, setComponentName] = useState("");
+    useEffect(() => {
+        // debugging/investigation help
+        // console.log(`componentName change: ${componentName} triggering a re-render`);
+    }, [componentName]);
+    // debugging/investigation help
+    // console.log(`RootContainer props.routingInfo: ${JSON.stringify(routingInfo)}`);
+    // const bannerRef = useRef(null);
+    let hasBanner = false;
+    let banners = null;
+    const messages = httpMessages
+        ? httpMessages.map((msg) => msg.message)
+        : httpMessages;
+    hasBanner = messages && messages.length > 0;
+    banners = hasBanner && (React.createElement("div", null,
+        "RootContainer: trying to emit Banner with ",
+        messages));
+    // && (
+    // <Banner
+    //   ref={bannerRef}
+    //   id="appShellBanner"
+    //   variant="urgent"
+    //   heading="Error"
+    //   onDismiss={() =>
+    //     pConn.clearErrorMessages({
+    //       category: "HTTP",
+    //       context: "root"
+    //     })
+    //   }
+    //   messages={messages}
+    // />
+    // );
+    const MemoizedModalViewContainer = useMemo(() => {
+        return createElement(createPConnectComponent(), PCore.createPConnect({
+            meta: {
+                type: "ModalViewContainer",
+                config: {
+                    name: "modal"
+                }
+            },
+            options
+        }));
+    }, []);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+    const MemoizedPreviewViewContainer = useMemo(() => {
+        return createElement(createPConnectComponent(), PCore.createPConnect({
+            meta: {
+                type: "PreviewViewContainer",
+                config: {
+                    name: "preview"
+                }
+            },
+            options
+        }));
+    }, []);
+    //
+    function getNoPortalContent() {
+        let noPortalContent;
+        switch (componentName) {
+            case "View":
+                noPortalContent = React.createElement("div", null, "getNoPortalContent: RootContainer wants to render View in noPortal mode");
+                break;
+            case "ViewContainer": {
+                const configProps = pConn.getConfigProps();
+                const viewContConfig = {
+                    "meta": {
+                        "type": "ViewContainer",
+                        "config": configProps
+                    },
+                    options
+                };
+                const theViewCont = PCore.createPConnect(viewContConfig);
+                // Add in displayOnlyFA if prop is on RootContainer
+                if (displayOnlyFA) {
+                    theViewCont["displayOnlyFA"] = true;
+                }
+                const theViewContainerAsReact = createElement(createPConnectComponent(), theViewCont);
+                noPortalContent = theViewContainerAsReact;
+                break;
+            }
+            default:
+                noPortalContent = React.createElement("div", null, "getNoPortalContent: RootContainer wants to render NO componentName in noPortal mode");
+                break;
+        }
+        return noPortalContent;
+    }
+    // const rootViewRef: any = useRef(null);
+    let rootView;
+    let rootViewConfig = null;
+    useEffect(() => {
+        const { containers } = PCore.getStore().getState();
+        const items = Object.keys(containers).filter((item) => item.includes("root"));
+        PCore.getContainerUtils().getContainerAPI().addContainerItems(items);
+    }, [routingInfo]);
+    // const { store } = useConstellationContext();
+    const items = getItemView(routingInfo, renderingMode);
+    if (items.length > 0) {
+        rootViewConfig = {
+            meta: items[0].view,
+            options: {
+                context: items[0].context
+            }
+        };
+    }
+    const prevRootConfig = usePrevious(rootViewConfig);
+    if (renderingModes.includes(renderingMode) &&
+        messages &&
+        routingInfo &&
+        routingInfo?.accessedOrder.length === 0) {
+        return React.createElement("div", { id: "root-container" }, banners);
+    }
+    if (items.length > 0) {
+        const itemView = items[0].view;
+        const currentRootConfig = {
+            meta: itemView,
+            options: {
+                context: items[0].context
+            }
+        };
+        if (!isEqual(currentRootConfig, prevRootConfig)) {
+            rootView = createElement(createPConnectComponent(), PCore.createPConnect(currentRootConfig));
+        }
+        // interior was
+        // <ModalManager>
+        //   {rootViewRef.current}
+        //   {MemoisedModalViewContainer}
+        //   {MemoizedPreviewViewContainer}
+        //   <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
+        // </ModalManager> */}
+        // debugging/investigation help
+        // console.log(`rootView.props.getPConnect().getComponentName(): ${rootView.props.getPConnect().getComponentName()}`);
+        return (React.createElement("div", { id: "ModalManager" },
+            rootView,
+            MemoizedModalViewContainer,
+            React.createElement("div", { id: "MemoizedPreviewViewContainer" }),
+            React.createElement("div", { id: "ReAuthMessageModal" })));
+    }
+    else if (renderingMode === "noPortal") {
+        // eslint-disable-next-line no-console
+        console.log(`RootContainer rendering in noPortal mode`);
+        const theChildren = pConn.getChildren();
+        if (theChildren && (theChildren.length === 1)) {
+            // this.createdPConnect =  theChildren[0];
+            // this.createdPConnect = null;
+            const localPConn = theChildren[0].getPConnect();
+            // newPConn = pConn;
+            const localCompName = localPConn.getComponentName();
+            if (componentName !== localCompName) {
+                setComponentName(localCompName);
+            }
+        }
+        const noPortalContent = getNoPortalContent();
+        return noPortalContent;
+    }
+    else if (children && children.length > 0) {
+        // interior was
+        // <ModalManager>
+        //       {httpMessages ? <div id="root-container">{banners}</div> : ""}
+        //       {children}
+        //       {MemoizedModalViewContainer}
+        //       <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
+        //       {MemoizedPreviewViewContainer}
+        //     </ModalManager>
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", null, "RootContainer: Has children. Trying to show ModalManager with children, etc."),
+            children,
+            MemoizedModalViewContainer));
+    }
+    else if (skeleton) {
+        // TODO: need to update once skeletons are available
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
+        const LoadingComponent = LazyComponentMap[skeleton];
+        // interior was
+        // <ModalManager>
+        //   <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
+        //   <LoadingComponent />
+        // </ModalManager>
+        return (React.createElement("div", { id: "root-container" },
+            React.createElement(Box, { textAlign: "center" },
+                React.createElement(CircularProgress, null))));
+    }
+    else {
+        // interior was
+        // <ModalManager>
+        //   {MemoisedModalViewContainer}
+        //   {MemoizedPreviewViewContainer}
+        //   <ReAuthMessageModal openModal={false} key="reauthMessageModel" />
+        // </ModalManager>
+        return (React.createElement("div", { id: "root-container" },
+            React.createElement("div", null, "RootContainer: Should be ModalManager, etc.")));
+    }
+};
+RootContainer.defaultProps = {
+    getPConnect: null,
+    renderingMode: null,
+    children: null,
+    routingInfo: object
+};
+RootContainer.propTypes = {
+    getPConnect: PropTypes.func,
+    renderingMode: PropTypes.string,
+    routingInfo: PropTypes.shape({
+        type: PropTypes.string,
+        accessedOrder: PropTypes.array,
+        items: PropTypes.object
+    }),
+    children: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.object, PropTypes.string]))
+};
+export default RootContainer;
+//# sourceMappingURL=RootContainer.js.map

package/lib/components/infra/RootContainer/RootContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootContainer.js","sourceRoot":"","sources":["../../../../src/components/infra/RootContainer/RootContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC/F,kEAAkE;AAClE,OAAO,SAAS,EAAE,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,6DAA6D;AAC7D,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAIxC,EAAE;AACF,qHAAqH;AACrH,uHAAuH;AACvH,+BAA+B;AAC/B,EAAE;AAGF,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAE1C,SAAS,WAAW,CAAC,KAAK;IACxB,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC;AAED,SAAS,WAAW,CAAC,WAAW,EAAE,aAAa;IAC7C,MAAM,WAAW,GAAQ,EAAE,CAAC;IAC5B,IAAI,WAAW,IAAI,cAAc,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;QACzD,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAqC,WAAW,CAAC;QAC/E,IAAI,aAAa,IAAI,KAAK,EAAE;YAC1B,MAAM,GAAG,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACpD,IACE,KAAK,CAAC,GAAG,CAAC;gBACV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI;gBACf,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EACrC;gBACA,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;aAC9B;SACF;KACF;IACD,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9B,MAAM,EACJ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACZ,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAG7D,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,MAAM,OAAO,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IACrC,IAAI,QAAQ,EAAE;QACZ,OAAO,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;KAC7B;IAED,yBAAyB;IACzB,qBAAqB;IACrB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvD,SAAS,CAAE,GAAG,EAAE;QACd,+BAA+B;QAC/B,gFAAgF;IAClF,CAAC,EAAE,CAAC,aAAa,CAAC,CAAE,CAAC;IAErB,+BAA+B;IAC/B,kFAAkF;IAElF,kCAAkC;IAClC,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,OAAO,GAAQ,IAAI,CAAC;IACxB,MAAM,QAAQ,GAAG,YAAY;QAC3B,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;QACxC,CAAC,CAAC,YAAY,CAAC;IAEjB,SAAS,GAAG,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAC5C,OAAO,GAAG,SAAS,IAAI,CAAC;;QAAgD,QAAQ,CAAO,CAAC,CAAC;IACvF,OAAO;IACP,UAAU;IACV,oBAAoB;IACpB,wBAAwB;IACxB,qBAAqB;IACrB,oBAAoB;IACpB,qBAAqB;IACrB,iCAAiC;IACjC,0BAA0B;IAC1B,wBAAwB;IACxB,SAAS;IACT,MAAM;IACN,wBAAwB;IACxB,KAAK;IACL,KAAK;IAEP,MAAM,0BAA0B,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9C,OAAO,aAAa,CAClB,uBAAuB,EAAE,EACzB,KAAK,CAAC,cAAc,CAAC;YACnB,IAAI,EAAE;gBACJ,IAAI,EAAE,oBAAoB;gBAC1B,MAAM,EAAE;oBACN,IAAI,EAAE,OAAO;iBACd;aACF;YACD,OAAO;SACR,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,6EAA6E;IAC7E,MAAM,4BAA4B,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,OAAO,aAAa,CAClB,uBAAuB,EAAE,EACzB,KAAK,CAAC,cAAc,CAAC;YACnB,IAAI,EAAE;gBACJ,IAAI,EAAE,sBAAsB;gBAC5B,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS;iBAChB;aACF;YACD,OAAO;SACR,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAGP,EAAE;IACF,SAAS,kBAAkB;QACzB,IAAI,eAAoB,CAAC;QAEzB,QAAQ,aAAa,EAAE;YACrB,KAAK,MAAM;gBACT,eAAe,GAAG,2GAAkF,CAAA;gBACpG,MAAM;YAER,KAAK,eAAe,CAAC,CAAC;gBACpB,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;gBAC3C,MAAM,cAAc,GAAG;oBACrB,MAAM,EAAE;wBACN,MAAM,EAAE,eAAe;wBACvB,QAAQ,EAAE,WAAW;qBACtB;oBACH,OAAO;iBACN,CAAC;gBACF,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;gBACzD,mDAAmD;gBACnD,IAAI,aAAa,EAAE;oBACjB,WAAW,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;iBACrC;gBAED,MAAM,uBAAuB,GAAG,aAAa,CAAC,uBAAuB,EAAE,EAAE,WAAW,CAAC,CAAC;gBAEtF,eAAe,GAAG,uBAAuB,CAAC;gBAC1C,MAAM;aACP;YAED;gBACE,eAAe,GAAG,uHAA8F,CAAA;gBAChH,MAAM;SAET;QAED,OAAO,eAAe,CAAC;IACzB,CAAC;IAGD,yCAAyC;IACzC,IAAI,QAAc,CAAC;IACnB,IAAI,cAAc,GAAQ,IAAI,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CACpD,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CACtB,CAAC;QACF,KAAK,CAAC,iBAAiB,EAAE,CAAC,eAAe,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,+CAA+C;IAC/C,MAAM,KAAK,GAAQ,WAAW,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IAE3D,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACpB,cAAc,GAAG;YACf,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;YACnB,OAAO,EAAE;gBACP,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO;aAC1B;SACF,CAAC;KACH;IACD,MAAM,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAEnD,IACE,cAAc,CAAC,QAAQ,CAAC,aAAa,CAAC;QACtC,QAAQ;QACR,WAAW;QACX,WAAW,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC,EACvC;QACA,OAAO,6BAAK,EAAE,EAAC,gBAAgB,IAAE,OAAO,CAAO,CAAC;KACjD;IAED,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACpB,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/B,MAAM,iBAAiB,GAAG;YACxB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO;aAC1B;SACF,CAAC;QAEF,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,EAAE;YAC/C,QAAQ,GAAG,aAAa,CACpB,uBAAuB,EAAE,EACzB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CACxC,CAAC;SACL;QAED,eAAe;QACf,iBAAiB;QACjB,0BAA0B;QAC1B,iCAAiC;QACjC,mCAAmC;QACnC,sEAAsE;QACtE,sBAAsB;QAEtB,+BAA+B;QAC/B,sHAAsH;QAEtH,OAAO,CACL,6BAAK,EAAE,EAAC,cAAc;YACjB,QAAQ;YACR,0BAA0B;YAC3B,6BAAK,EAAE,EAAC,8BAA8B,GAAO;YAC7C,6BAAK,EAAE,EAAC,oBAAoB,GAAO,CACjC,CACP,CAAC;KAEH;SACI,IAAI,aAAa,KAAK,UAAU,EAAE;QACrC,sCAAsC;QACtC,OAAO,CAAC,GAAG,CAAC,0CAA0C,CAAC,CAAC;QAExD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QACxC,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;YAC7C,0CAA0C;YAC1C,+BAA+B;YAC/B,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;YAChD,oBAAoB;YACpB,MAAM,aAAa,GAAG,UAAU,CAAC,gBAAgB,EAAE,CAAA;YACnD,IAAI,aAAa,KAAK,aAAa,EAAE;gBACnC,gBAAgB,CAAC,aAAa,CAAC,CAAC;aACjC;SACF;QAED,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;QAE7C,OAAO,eAAe,CAAC;KACxB;SACI,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QACxC,eAAe;QACf,iBAAiB;QACjB,uEAAuE;QACvE,mBAAmB;QACnB,qCAAqC;QACrC,0EAA0E;QAC1E,uCAAuC;QACvC,sBAAsB;QAEtB,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;YACb,gHAAuF;YACtF,QAAQ;YACR,0BAA0B,CACZ,CAElB,CAAC;KACH;SAAM,IAAI,QAAQ,EAAE;QACnB,oDAAoD;QACtD,6EAA6E;QAC7E,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAClD,eAAe;QACf,iBAAiB;QACjB,sEAAsE;QACtE,yBAAyB;QACzB,kBAAkB;QAElB,OAAO,CACL,6BAAK,EAAE,EAAC,gBAAgB;YAEtB,oBAAC,GAAG,IAAC,SAAS,EAAC,QAAQ;gBAAC,oBAAC,gBAAgB,OAAG,CAAM,CAC9C,CACP,CAAC;KACH;SAAM;QACL,eAAe;QACf,iBAAiB;QACjB,iCAAiC;QACjC,mCAAmC;QACnC,sEAAsE;QACtE,kBAAkB;QAClB,OAAO,CACL,6BAAK,EAAE,EAAC,gBAAgB;YACtB,+EAAsD,CAClD,CACP,CAAC;KACH;AACH,CAAC,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,IAAI;IACnB,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,MAAM;CACpB,CAAC;AAEF,aAAa,CAAC,SAAS,GAAG;IACxB,WAAW,EAAE,SAAS,CAAC,IAAI;IAC3B,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC;QAC3B,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,aAAa,EAAE,SAAS,CAAC,KAAK;QAC9B,KAAK,EAAE,SAAS,CAAC,MAAM;KACxB,CAAC;IACF,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,SAAS,CAAE,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAE,CAAC,CAAC;CACzF,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React, { useMemo, useRef, useState, useEffect, useContext, createElement } from \"react\";\n// import { Banner, ModalManager } from \"@pega/cosmos-react-core\";\nimport PropTypes, { object } from \"prop-types\";\nimport isEqual from 'lodash.isequal';\n// import ReAuthMessageModal from \"../ReAuthenticationModal\";\nimport { Box, CircularProgress } from \"@material-ui/core\";\nimport createPConnectComponent from \"../../../bridge/react_pconnect\";\nimport { LazyMap as LazyComponentMap } from \"../../../components_map\";\nimport StoreContext from \"../../../bridge/Context/StoreContext\";\nimport Utils from '../../helpers/utils';\n\ndeclare const PCore;\n\n//\n// WARNING:  It is not expected that this file should be modified.  It is part of infrastructure code that works with\n// Redux and creation/update of Redux containers and PConnect.  Modifying this code could have undesireable results and\n// is totally at your own risk.\n//\n\n\nconst renderingModes = [\"portal\", \"view\"];\n\nfunction usePrevious(value) {\n  const ref = useRef(null);\n  useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}\n\nfunction getItemView(routingInfo, renderingMode) {\n  const viewConfigs: any = [];\n  if (routingInfo && renderingModes.includes(renderingMode)) {\n    const { accessedOrder, items }: {accessedOrder: any, items:any } = routingInfo;\n    if (accessedOrder && items) {\n      const key = accessedOrder[accessedOrder.length - 1];\n      if (\n        items[key] &&\n        items[key].view &&\n        !Utils.isEmptyObject(items[key].view)\n      ) {\n        viewConfigs.push(items[key]);\n      }\n    }\n  }\n  return viewConfigs;\n}\n\nconst RootContainer = (props) => {\n  const {\n    getPConnect,\n    renderingMode,\n    children,\n    skeleton,\n    httpMessages,\n    routingInfo\n  } = props;\n\n  const { displayOnlyFA, isMashup } = useContext(StoreContext);\n\n\n  const pConn = getPConnect();\n\n  const options = { \"context\": \"app\" };\n  if (isMashup) {\n    options[\"context\"] = \"root\";\n  }\n\n  // Used for embedded mode\n  // let newPConn: any;\n  const [componentName, setComponentName] = useState(\"\");\n\n  useEffect( () => {\n    // debugging/investigation help\n    // console.log(`componentName change: ${componentName} triggering a re-render`);\n  }, [componentName] );\n\n  // debugging/investigation help\n  // console.log(`RootContainer props.routingInfo: ${JSON.stringify(routingInfo)}`);\n\n  // const bannerRef = useRef(null);\n  let hasBanner = false;\n  let banners: any = null;\n  const messages = httpMessages\n    ? httpMessages.map((msg) => msg.message)\n    : httpMessages;\n\n  hasBanner = messages && messages.length > 0;\n  banners = hasBanner && (<div>RootContainer: trying to emit Banner with {messages}</div>);\n    // && (\n    // <Banner\n    //   ref={bannerRef}\n    //   id=\"appShellBanner\"\n    //   variant=\"urgent\"\n    //   heading=\"Error\"\n    //   onDismiss={() =>\n    //     pConn.clearErrorMessages({\n    //       category: \"HTTP\",\n    //       context: \"root\"\n    //     })\n    //   }\n    //   messages={messages}\n    // />\n    // );\n\n  const MemoizedModalViewContainer = useMemo(() => {\n    return createElement(\n      createPConnectComponent(),\n      PCore.createPConnect({\n        meta: {\n          type: \"ModalViewContainer\",\n          config: {\n            name: \"modal\"\n          }\n        },\n        options\n      })\n    );\n  }, []);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const MemoizedPreviewViewContainer = useMemo(() => {\n    return createElement(\n      createPConnectComponent(),\n      PCore.createPConnect({\n        meta: {\n          type: \"PreviewViewContainer\",\n          config: {\n            name: \"preview\"\n          }\n        },\n        options\n      })\n    );\n  }, []);\n\n\n  //\n  function getNoPortalContent() {\n    let noPortalContent: any;\n\n    switch (componentName) {\n      case \"View\":\n        noPortalContent = <div>getNoPortalContent: RootContainer wants to render View in noPortal mode</div>\n        break;\n\n      case \"ViewContainer\": {\n        const configProps = pConn.getConfigProps();\n        const viewContConfig = {\n          \"meta\": {\n            \"type\": \"ViewContainer\",\n            \"config\": configProps\n          },\n        options\n        };\n        const theViewCont = PCore.createPConnect(viewContConfig);\n        // Add in displayOnlyFA if prop is on RootContainer\n        if (displayOnlyFA) {\n          theViewCont[\"displayOnlyFA\"] = true;\n        }\n\n        const theViewContainerAsReact = createElement(createPConnectComponent(), theViewCont);\n\n        noPortalContent = theViewContainerAsReact;\n        break;\n      }\n\n      default:\n        noPortalContent = <div>getNoPortalContent: RootContainer wants to render NO componentName in noPortal mode</div>\n        break;\n\n    }\n\n    return noPortalContent;\n  }\n\n\n  // const rootViewRef: any = useRef(null);\n  let rootView : any;\n  let rootViewConfig: any = null;\n\n  useEffect(() => {\n    const { containers } = PCore.getStore().getState();\n    const items = Object.keys(containers).filter((item) =>\n      item.includes(\"root\")\n    );\n    PCore.getContainerUtils().getContainerAPI().addContainerItems(items);\n  }, [routingInfo]);\n\n  // const { store } = useConstellationContext();\n  const items: any = getItemView(routingInfo, renderingMode);\n\n  if (items.length > 0) {\n    rootViewConfig = {\n      meta: items[0].view,\n      options: {\n        context: items[0].context\n      }\n    };\n  }\n  const prevRootConfig = usePrevious(rootViewConfig);\n\n  if (\n    renderingModes.includes(renderingMode) &&\n    messages &&\n    routingInfo &&\n    routingInfo?.accessedOrder.length === 0\n  ) {\n    return <div id=\"root-container\">{banners}</div>;\n  }\n\n  if (items.length > 0) {\n    const itemView = items[0].view;\n    const currentRootConfig = {\n      meta: itemView,\n      options: {\n        context: items[0].context\n      }\n    };\n\n    if (!isEqual(currentRootConfig, prevRootConfig)) {\n      rootView = createElement(\n          createPConnectComponent(),\n          PCore.createPConnect(currentRootConfig)\n        );\n    }\n\n    // interior was\n    // <ModalManager>\n    //   {rootViewRef.current}\n    //   {MemoisedModalViewContainer}\n    //   {MemoizedPreviewViewContainer}\n    //   <ReAuthMessageModal openModal={false} key=\"reauthMessageModel\" />\n    // </ModalManager> */}\n\n    // debugging/investigation help\n    // console.log(`rootView.props.getPConnect().getComponentName(): ${rootView.props.getPConnect().getComponentName()}`);\n\n    return (\n      <div id=\"ModalManager\">\n          {rootView}\n          {MemoizedModalViewContainer}\n          <div id=\"MemoizedPreviewViewContainer\"></div>\n          <div id=\"ReAuthMessageModal\"></div>\n      </div>\n    );\n\n  }\n  else if (renderingMode === \"noPortal\") {\n    // eslint-disable-next-line no-console\n    console.log(`RootContainer rendering in noPortal mode`);\n\n    const theChildren = pConn.getChildren();\n    if (theChildren && (theChildren.length === 1)) {\n      // this.createdPConnect =  theChildren[0];\n      // this.createdPConnect = null;\n      const localPConn = theChildren[0].getPConnect();\n      // newPConn = pConn;\n      const localCompName = localPConn.getComponentName()\n      if (componentName !== localCompName) {\n        setComponentName(localCompName);\n      }\n    }\n\n    const noPortalContent = getNoPortalContent();\n\n    return noPortalContent;\n  }\n  else if (children && children.length > 0) {\n    // interior was\n    // <ModalManager>\n    //       {httpMessages ? <div id=\"root-container\">{banners}</div> : \"\"}\n    //       {children}\n    //       {MemoizedModalViewContainer}\n    //       <ReAuthMessageModal openModal={false} key=\"reauthMessageModel\" />\n    //       {MemoizedPreviewViewContainer}\n    //     </ModalManager>\n\n    return (\n      <React.Fragment>\n        <div>RootContainer: Has children. Trying to show ModalManager with children, etc.</div>\n        {children}\n        {MemoizedModalViewContainer}\n      </React.Fragment>\n\n    );\n  } else if (skeleton) {\n    // TODO: need to update once skeletons are available\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars\n  const LoadingComponent = LazyComponentMap[skeleton];\n    // interior was\n    // <ModalManager>\n    //   <ReAuthMessageModal openModal={false} key=\"reauthMessageModel\" />\n    //   <LoadingComponent />\n    // </ModalManager>\n\n    return (\n      <div id=\"root-container\">\n        {/* <div>RootContainer: Trying to show skeleton</div> */}\n        <Box textAlign=\"center\"><CircularProgress /></Box>\n      </div>\n    );\n  } else {\n    // interior was\n    // <ModalManager>\n    //   {MemoisedModalViewContainer}\n    //   {MemoizedPreviewViewContainer}\n    //   <ReAuthMessageModal openModal={false} key=\"reauthMessageModel\" />\n    // </ModalManager>\n    return (\n      <div id=\"root-container\">\n        <div>RootContainer: Should be ModalManager, etc.</div>\n      </div>\n    );\n  }\n};\n\nRootContainer.defaultProps = {\n  getPConnect: null,\n  renderingMode: null,\n  children: null,\n  routingInfo: object\n};\n\nRootContainer.propTypes = {\n  getPConnect: PropTypes.func,\n  renderingMode: PropTypes.string,\n  routingInfo: PropTypes.shape({\n    type: PropTypes.string,\n    accessedOrder: PropTypes.array,\n    items: PropTypes.object\n  }),\n  children: PropTypes.arrayOf(PropTypes.oneOfType( [PropTypes.object, PropTypes.string ]))\n};\n\nexport default RootContainer;\n"]}

package/lib/components/infra/RootContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './RootContainer';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/infra/RootContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/RootContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/infra/RootContainer/index.js

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

package/lib/components/infra/RootContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/infra/RootContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { default } from './RootContainer';"]}

package/lib/components/infra/Stages/Stages.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+declare function Stages(props: any): JSX.Element;
+declare namespace Stages {
+    var propTypes: {
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        stages: PropTypes.Validator<(object | null | undefined)[]>;
+    };
+}
+export default Stages;
+//# sourceMappingURL=Stages.d.ts.map

package/lib/components/infra/Stages/Stages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stages.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAwDnC,iBAAwB,MAAM,CAAC,KAAK,KAAA,eAwDnC;kBAxDuB,MAAM;;;;;;eAAN,MAAM"}

package/lib/components/infra/Stages/Stages.js

@@ -0,0 +1,94 @@
+import React from "react";
+// import { Stages as CosmosStages } from "@pega/cosmos-react-work";
+import PropTypes from "prop-types";
+import { Breadcrumbs, Card, Typography } from "@material-ui/core";
+import DoubleArrowIcon from '@material-ui/icons/DoubleArrow';
+import DoneIcon from '@material-ui/icons/Done';
+import { makeStyles } from '@material-ui/core/styles';
+const useStyles = makeStyles((theme) => ({
+    root: {
+        paddingRight: theme.spacing(1),
+        paddingLeft: theme.spacing(1),
+        paddingTop: theme.spacing(1),
+        paddingBottom: theme.spacing(1),
+        marginRight: theme.spacing(1),
+        marginLeft: theme.spacing(1),
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1),
+    },
+    completedStage: {
+        color: theme.palette.text.primary,
+    },
+    currentStage: {
+        color: theme.palette.info.dark,
+        fontWeight: 600,
+    },
+    futureStage: {
+        color: theme.palette.text.secondary,
+    },
+    separatorIcon: {
+        color: theme.palette.text.disabled,
+    }
+}));
+/**
+ * API to filter out the alternate stages which are not in active and return all other stages
+ * @param {Array} stages - Stages of a case type
+ *
+ * @returns {Array} - Returns stages which are non alternate stages and alternate stage which is active.
+ */
+function getFilteredStages(stages) {
+    if (!Array.isArray(stages)) {
+        return [];
+    }
+    return stages.filter((stage) => stage.type !== "Alternate" ||
+        (stage.type === "Alternate" && stage.visited_status === "active"));
+}
+/* TODO - this component should be refactored and not exposed as top level Nebula component -
+  the stages should be created as part of the CaseView */
+export default function Stages(props) {
+    const classes = useStyles();
+    const { getPConnect, stages } = props;
+    const pConn = getPConnect();
+    const filteredStages = getFilteredStages(stages);
+    const currentStageID = pConn.getValue(PCore.getConstants().CASE_INFO.STAGEID);
+    const stagesObj = filteredStages.map((stage, index, arr) => {
+        const theID = stage.ID || stage.id;
+        return {
+            name: stage.name,
+            id: theID,
+            complete: stage.visited_status === "completed",
+            current: (theID === currentStageID),
+            last: (index === arr.length - 1),
+        };
+    });
+    // debugging/investigation help
+    // console.log(`Stages: current: ${currentStageID} stagesObj: ${JSON.stringify(stagesObj)}`);
+    function getStage(stage, index) {
+        //  Removing nested ternary for lint
+        // const theClass = stage.current ? classes.currentStage : (stage.complete ? classes.completedStage : classes.futureStage);
+        let theClass;
+        if (stage.current) {
+            theClass = classes.currentStage;
+        }
+        else if (stage.complete) {
+            theClass = classes.completedStage;
+        }
+        else {
+            theClass = classes.futureStage;
+        }
+        return React.createElement("span", { key: index },
+            stage.complete ? React.createElement(DoneIcon, { color: "disabled", fontSize: "small" }) : null,
+            React.createElement(Typography, { variant: "h5", component: "span", display: "inline", className: theClass }, stage.name));
+    }
+    function getStages(inStages) {
+        return React.createElement(Breadcrumbs, { "aria-label": "stages", separator: React.createElement(DoubleArrowIcon, { className: classes.separatorIcon }) }, inStages.map((stage, index) => {
+            return getStage(stage, index);
+        }));
+    }
+    return (React.createElement(Card, { id: "Stages", className: classes.root }, getStages(stagesObj)));
+}
+Stages.propTypes = {
+    getPConnect: PropTypes.func.isRequired,
+    stages: PropTypes.arrayOf(PropTypes.object).isRequired
+};
+//# sourceMappingURL=Stages.js.map

package/lib/components/infra/Stages/Stages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stages.js","sourceRoot":"","sources":["../../../../src/components/infra/Stages/Stages.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n// import { Stages as CosmosStages } from \"@pega/cosmos-react-work\";\nimport PropTypes from \"prop-types\";\nimport { Breadcrumbs, Card, Typography } from \"@material-ui/core\";\nimport DoubleArrowIcon from '@material-ui/icons/DoubleArrow';\nimport DoneIcon from '@material-ui/icons/Done';\nimport { makeStyles } from '@material-ui/core/styles';\n\ndeclare const PCore: any;\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  completedStage: {\n    color: theme.palette.text.primary,\n  },\n  currentStage: {\n    color: theme.palette.info.dark,\n    fontWeight: 600,\n  },\n  futureStage: {\n    color: theme.palette.text.secondary,\n  },\n  separatorIcon: {\n    color: theme.palette.text.disabled,\n  }\n\n}));\n\n\n/**\n * API to filter out the alternate stages which are not in active and return all other stages\n * @param {Array} stages - Stages of a case type\n *\n * @returns {Array} - Returns stages which are non alternate stages and alternate stage which is active.\n */\nfunction getFilteredStages(stages) {\n  if (!Array.isArray(stages)) {\n    return [];\n  }\n\n  return stages.filter(\n    (stage) =>\n      stage.type !== \"Alternate\" ||\n      (stage.type === \"Alternate\" && stage.visited_status === \"active\")\n  );\n}\n\n/* TODO - this component should be refactored and not exposed as top level Nebula component -\n  the stages should be created as part of the CaseView */\nexport default function Stages(props) {\n  const classes = useStyles();\n\n  const { getPConnect, stages } = props;\n  const pConn = getPConnect();\n\n  const filteredStages = getFilteredStages(stages);\n  const currentStageID = pConn.getValue(PCore.getConstants().CASE_INFO.STAGEID);\n  const stagesObj = filteredStages.map((stage, index, arr) => {\n    const theID = stage.ID || stage.id;\n    return {\n      name: stage.name,\n      id: theID,\n      complete: stage.visited_status === \"completed\",\n      current: (theID === currentStageID),\n      last: (index === arr.length - 1),\n    };\n  });\n\n  // debugging/investigation help\n  // console.log(`Stages: current: ${currentStageID} stagesObj: ${JSON.stringify(stagesObj)}`);\n\n  function getStage(stage, index) {\n    //  Removing nested ternary for lint\n    // const theClass = stage.current ? classes.currentStage : (stage.complete ? classes.completedStage : classes.futureStage);\n    let theClass;\n    if (stage.current) {\n      theClass = classes.currentStage;\n    } else if (stage.complete) {\n      theClass = classes.completedStage;\n    } else {\n      theClass = classes.futureStage;\n    }\n\n    return <span key={index}>\n        {stage.complete ? <DoneIcon color=\"disabled\" fontSize=\"small\" /> : null}\n        <Typography variant=\"h5\" component=\"span\" display=\"inline\" className={theClass}>{stage.name}</Typography>\n      </span>;\n  }\n\n  function getStages(inStages) {\n    return <Breadcrumbs aria-label=\"stages\" separator={<DoubleArrowIcon className={classes.separatorIcon} />}>\n      {inStages.map((stage, index) => {\n        return getStage(stage, index);\n      })}\n    </Breadcrumbs>\n  }\n\n  return (\n    <Card id=\"Stages\" className={classes.root}>\n      {/* Stages<br />\n      currentStageID: {currentStageID}<br />\n      {JSON.stringify(stagesObj)}<br /><br /> */}\n      {getStages(stagesObj)}\n    </Card>\n  )\n}\n\nStages.propTypes = {\n  getPConnect: PropTypes.func.isRequired,\n  stages: PropTypes.arrayOf(PropTypes.object).isRequired\n};\n"]}

package/lib/components/infra/Stages/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Stages';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/infra/Stages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/Stages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/infra/Stages/index.js

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

package/lib/components/infra/Stages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/infra/Stages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default } from './Stages';\n"]}

package/lib/components/infra/ToDo/ToDo.css

@@ -0,0 +1,87 @@
+.psdk-display-divider {
+  border-bottom: 0.0625rem solid var(--app-neutral-light-color);
+}
+
+.psdk-todo {
+  padding: 0.5rem;
+}
+
+.psdk-todo-header {
+  display: inline-flex;
+}
+
+.psdk-todo-text {
+  padding: 0.5rem 0.625rem;
+  font-size: 1.1rem;
+  font-weight: bold;
+}
+
+.psdk-assignment-count {
+  background-color: var(--app-primary-light-color);
+  margin: .5rem;
+  border-radius: 45%;
+  padding: 0.15rem .4rem;
+}
+
+.psdk-todo-id {
+  color: var(--app-primary-color);
+  cursor: pointer;
+}
+
+.psdk-avatar {
+  margin: 0rem;
+  padding: 0rem;
+  min-width: 2.5rem;
+  min-height: 2.5rem;
+  max-width: 2.5rem;
+  max-height: 2.5rem; 
+  border-radius: 50%;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  display: flex;
+  background: var(--app-primary-color);
+  color: white;
+  font-weight: bold;
+  font-size: 1.25rem;
+}
+
+.psdk-todo-assignment {
+  display: inline-flex; 
+  width:100%; 
+  padding: 0.625rem 0rem;
+}
+
+.psdk-todo-assignment-data {
+  display: inline-flex;
+}
+
+.psdk-todo-assignment-status {
+  background-color: var(--app-neutral-light-color);
+  border-radius: 0.125rem;
+  color: darkslategray;
+  font-size: 0.75rem;
+  font-weight: bold;
+  line-height: calc(0.5rem * 2.5);
+  height: calc(0.5rem * 2.5);
+  padding: 0 0.5rem;
+  text-transform: uppercase;
+}
+
+.psdk-todo-assignment-task {
+  color: var(--app-neutral-color);
+}
+
+.psdk-todo-assignment-action {
+  display: inline-flex;
+}
+
+.psdk-todo-card {
+  width: 100%; 
+  padding-left: 0.625rem;
+}
+
+.psdk-todo-show-more {
+  width: 100%;
+  text-align: center;
+}

package/lib/components/infra/ToDo/ToDo.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+import './ToDo.css';
+declare function ToDo(props: any): JSX.Element;
+declare namespace ToDo {
+    var propTypes: {
+        datasource: PropTypes.Requireable<Object>;
+        myWorkList: PropTypes.Requireable<Object>;
+        caseInfoID: PropTypes.Requireable<string>;
+        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
+        headerText: PropTypes.Requireable<string>;
+        itemKey: PropTypes.Requireable<string>;
+        showTodoList: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        context: PropTypes.Requireable<string>;
+    };
+    var defaultProps: {
+        caseInfoID: string;
+        datasource: never[];
+        myWorkList: {};
+        headerText: string;
+        itemKey: string;
+        showTodoList: boolean;
+        type: string;
+        context: string;
+    };
+}
+export default ToDo;
+//# sourceMappingURL=ToDo.d.ts.map

package/lib/components/infra/ToDo/ToDo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToDo.d.ts","sourceRoot":"","sources":["../../../../src/components/infra/ToDo/ToDo.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAyBnC,OAAO,YAAY,CAAC;AAoBpB,iBAAwB,IAAI,CAAC,KAAK,KAAA,eAqQjC;kBArQuB,IAAI;;;;;;;;;;;;;;;;;;;;;;;eAAJ,IAAI"}