npm - @pega/custom-dx-components - Versions diffs - 0.0.1 → 0.8.1 - Mend

@pega/custom-dx-components 0.0.1 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (607) hide show

package/src/tasks/create/templates/Launchpad/Widget/CASE/mock.stories.js.mustache ADDED Viewed

@@ -0,0 +1,390 @@
+const historyData = {
+  data: {
+    fetchDateTime: '2023-01-18T12:04:56.517Z',
+    pxObjClass: 'Pega-API-DataExploration-Data',
+    resultCount: 31,
+    data: [
+      {
+        CreateDateTime: '2023-01-13T21:46:33.339Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214633.339 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214633.339 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:46:33.332Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214633.332 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214633.332 GMT',
+        pxLongitude: null,
+        MessageText: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:46:32.005Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214632.005 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214632.005 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:46:31.998Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214631.998 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214631.998 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assignment to 'complete task' removed via ticket.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:46:31.175Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214631.175 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214631.175 GMT',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:46:31.168Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214631.168 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214631.168 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:46:29.893Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214629.893 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214629.893 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:46:29.887Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214629.887 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214629.887 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assignment to 'complete task' removed via ticket.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:46:28.248Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214628.248 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214628.248 GMT',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:46:28.242Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214628.242 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214628.242 GMT',
+        MessageText: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:46:08.399Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214608.399 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214608.399 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:46:08.393Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214608.393 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214608.393 GMT',
+        MessageText: "Assignment to 'complete task' removed via ticket.",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:46:07.584Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214607.584 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214607.584 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:46:07.579Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214607.579 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214607.579 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:46:06.262Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214606.262 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214606.262 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:46:06.256Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214606.256 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214606.256 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assignment to 'complete task' removed via ticket.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:45:57.503Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214557.503 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214557.503 GMT',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:45:57.496Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214557.496 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214557.496 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:45:36.250Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214536.250 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214536.250 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:45:36.244Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214536.244 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214536.244 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assignment to 'complete task' removed via ticket.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:45:35.364Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214535.364 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214535.364 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:45:35.356Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214535.356 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214535.356 GMT',
+        pxLongitude: null,
+        MessageText: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:45:33.224Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214533.224 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214533.224 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:45:33.218Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214533.218 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214533.218 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assignment to 'complete task' removed via ticket.",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:45:32.436Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214532.436 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214532.436 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:45:32.430Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214532.430 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214532.430 GMT',
+        MessageText: "Assignment to 'complete task' completed by performing a 'EmbeddedData'.",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        CreateDateTime: '2023-01-13T21:45:25.003Z',
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214525.003 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214525.003 GMT',
+        pxLongitude: null,
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:45:24.994Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214524.994 GMT',
+        pxLongitude: null,
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214524.994 GMT',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assignment to 'complete task' completed by performing a 'Select Test'.",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:45:23.570Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214523.570 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214523.570 GMT',
+        pxLongitude: null,
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        MessageText: "Assigned to User DigV2 to 'complete task' ",
+        pyMemo: null,
+        pxLatitude: null
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:45:23.563Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214523.563 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214523.563 GMT',
+        pxLongitude: null,
+        MessageText: 'ChangeStageAutomatic\tCreate\tPick Test',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pxLatitude: null,
+        pyMemo: 'ChangeStageAutomatic\tCreate\tPick Test'
+      },
+      {
+        pxObjClass: 'History-DXIL-DigV2-Work',
+        CreateDateTime: '2023-01-13T21:45:23.550Z',
+        PerformerID: 'User DigV2',
+        pxInsName: 'DXIL-DIGV2-WORK C-7430!20230113T214523.550 GMT',
+        pzInsKey: 'HISTORY-DXIL-DIGV2-WORK DXIL-DIGV2-WORK C-7430!20230113T214523.550 GMT',
+        pxLongitude: null,
+        MessageText: 'Item created.',
+        pxHistoryForReference: 'DXIL-DIGV2-WORK C-7430',
+        pyMemo: null,
+        pxLatitude: null
+      }
+    ],
+    hasMoreResults: false
+  },
+  status: 200,
+  statusText: '',
+  headers: {
+    'content-length': '1328',
+    'content-type': 'application/json;charset=UTF-8'
+  },
+  request: {}
+};
+export default historyData;

package/src/tasks/create/templates/Launchpad/Widget/CASE/styles.js.mustache ADDED Viewed

@@ -0,0 +1,14 @@
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
+export default styled(Configuration)``;
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/Avatar.jsx.mustache ADDED Viewed

@@ -0,0 +1,75 @@
+/* eslint-disable no-undef */
+/* eslint-disable react-hooks/rules-of-hooks */
+import { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { Avatar as CosmosAvatar } from '@pega/cosmos-react-core';
+function Avatar(props) {
+  const { metaObj, showStatus } = props;
+  const [imageBlobUrl, setImageBlobUrl] = useState(null);
+  let userName;
+  let userIdentifier;
+  // TODO Below if conditions can be removed once we have apis to get worklist/mywork info
+  // This is non CaseView case (Dashboard, MyWork etc)
+  if (!metaObj) {
+    userName = PCore.getEnvironmentInfo().getOperatorName();
+    userIdentifier = PCore.getEnvironmentInfo().getOperatorIdentifier();
+  } else {
+    userName = metaObj.name;
+    userIdentifier = metaObj.ID;
+  }
+  if (!userName && userIdentifier) {
+    userName = userIdentifier;
+  }
+  useEffect(() => {
+    const imageKey = !metaObj ? PCore.getEnvironmentInfo().getOperatorImageInsKey() : metaObj.image;
+    if (imageKey) {
+      PCore.getAssetLoader()
+        .getSvcImage(imageKey)
+        .then((blob) => window.URL.createObjectURL(blob))
+        .then((imagePath) => setImageBlobUrl(imagePath));
+    }
+  }, []);
+  if (showStatus) {
+    const currentState = PCore.getMessagingServiceManager().getUserPresence().getUserState(userIdentifier);
+    const [userState, setUserState] = useState(currentState === 'online' ? 'active' : 'inactive');
+    const handleUserStateChange = ({ state }) => {
+      setUserState(state === 'online' ? 'active' : 'inactive');
+    };
+    useEffect(() => {
+      const subId = PCore.getMessagingServiceManager()
+        .getUserPresence()
+        .subscribe(userIdentifier, handleUserStateChange);
+      return function cleanup() {
+        PCore.getMessagingServiceManager().getUserPresence().unsubscribe(userIdentifier, subId);
+      };
+    }, []);
+    return <CosmosAvatar name={userName} imageSrc={imageBlobUrl} status={userState} />;
+  }
+  // Do not render when userName does not exists
+  // TODO : In CNR case, pxRequestor is not available, please remove this condition once it populates
+  if (!userName) {
+    return null;
+  }
+  return <CosmosAvatar name={userName} imageSrc={imageBlobUrl} />;
+}
+Avatar.propTypes = {
+  metaObj: PropTypes.objectOf(PropTypes.any),
+  showStatus: PropTypes.bool
+};
+Avatar.defaultProps = {
+  metaObj: null,
+  showStatus: false
+};
+export default Avatar;

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/OneColumnPage.svg ADDED Viewed

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="100px" height="70px" viewBox="0 0 100 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>1 col </title>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="100" height="70"></rect>
+    </defs>
+    <g id="Concepts" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Templates" transform="translate(-98.000000, -108.000000)">
+            <g id="Change-template" transform="translate(42.000000, 36.000000)">
+                <g id="1-col-" transform="translate(56.000000, 72.000000)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <rect stroke="#A5A8BC" stroke-width="0.5" x="0.25" y="0.25" width="99.5" height="69.5"></rect>
+                    <g id="white" mask="url(#mask-2)" fill="#FFFFFF">
+                        <g transform="translate(3.000000, 3.000000)" id="Rectangle">
+                            <rect x="0" y="0" width="94" height="66.5"></rect>
+                        </g>
+                    </g>
+                    <g id="gray" mask="url(#mask-2)" fill="#8084A7">
+                        <g transform="translate(6.000000, 6.000000)" id="Rectangle">
+                            <rect x="0" y="-2.84217094e-14" width="88" height="77.8"></rect>
+                        </g>
+                    </g>
+                    <g id="labels" mask="url(#mask-2)" font-family="OpenSans-Semibold, Open Sans" font-size="11" font-weight="500">
+                        <g transform="translate(44.000000, 17.000000)" id="A">
+                            <text>
+                                <tspan x="0.75" y="12" fill="#FFFFFF">A</tspan>
+                            </text>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>