@pega/cosmos-react-demos 3.0.0-dev.23.2 → 3.0.0-dev.26.0

package/lib/social/Chat/Chat.mocks.js

@@ -258,7 +258,7 @@ export const ChatMockData = {
             },
             message: 'Hi, Welcome to u-plus. How can I help you ?',
             timeStamp: '1:44 PM',
-            status: 'Opened',
+            status: 'sent',
             attachments: [
                 {
                     id: '2499167340',
@@ -337,7 +337,6 @@ export const ChatMockData = {
             },
             message: 'Great, our CSR will help you with that',
             timeStamp: '1:46 PM',
-            status: 'Delivered',
             ariaLabel: 'Pegasystems said  Great, our CSR will help you with that at 1:46 PM'
         },
         {
@@ -351,7 +350,7 @@ export const ChatMockData = {
             },
             message: 'Sure',
             timeStamp: '1:48 PM',
-            status: 'Delivered',
+            status: 'delivered',
             ariaLabel: 'John Brown said  Sure at 1:48 PM via Public Tweet'
         },
         {
@@ -468,7 +467,7 @@ export const ChatMockData = {
                 name: 'John Brown'
             },
             message: 'Let me pick your details',
-            status: 'Delivered',
+            status: 'delivered',
             ariaLabel: 'John Brown said  Let me pick your details '
         },
         {
@@ -575,7 +574,8 @@ export const ChatMockData = {
             direction: 'out',
             message: 'Thanks for contacting us, have a great day',
             timeStamp: '1:53 PM',
-            ariaLabel: 'You said Thanks for contacting us, have a great day at 1:53 PM'
+            ariaLabel: 'You said Thanks for contacting us, have a great day at 1:53 PM',
+            status: 'undelivered'
         },
         {
             id: '2965626280',

package/lib/social/Chat/Chat.mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.mocks.js","sourceRoot":"","sources":["../../../src/social/Chat/Chat.mocks.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,WAAW,EAAE;QACX;YACE,EAAE,EAAE,gBAAgB;YACpB,KAAK,EAAE,KAAK;YACZ,kBAAkB,EAAE,IAAI;YACxB,IAAI,EAAE;gBACJ;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,KAAK;oBACd,OAAO,EAAE,uEAAuE;oBAChF,SAAS,EACP,6FAA6F;iBAChG;gBACD;oBACE,EAAE,EAAE,WAAW;oBACf,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,gBAAgB;oBACzB,UAAU,EAAE;wBACV,IAAI,EAAE,YAAY;qBACnB;oBACD,cAAc,EAAE;wBACd,OAAO,EAAE,cAAc;qBACxB;oBACD,SAAS,EAAE,6DAA6D;iBACzE;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,KAAK;oBACd,OAAO,EAAE,mEAAmE;oBAC5E,SAAS,EACP,oFAAoF;iBACvF;gBACD;oBACE,EAAE,EAAE,WAAW;oBACf,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,6BAA6B;oBACtC,cAAc,EAAE;wBACd,OAAO,EAAE,cAAc;qBACxB;oBACD,UAAU,EAAE;wBACV,IAAI,EAAE,YAAY;qBACnB;oBACD,SAAS,EAAE,0DAA0D;iBACtE;aACF;SACF;QACD;YACE,EAAE,EAAE,mBAAmB;YACvB,KAAK,EAAE,eAAe;YACtB,kBAAkB,EAAE,KAAK;YACzB,IAAI,EAAE;gBACJ;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,UAAU;oBACnB,OAAO,EAAE,mCAAmC;oBAC5C,SAAS,EAAE,sEAAsE;iBAClF;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,qDAAqD;oBAC9D,UAAU,EAAE;wBACV,IAAI,EAAE,YAAY;qBACnB;oBACD,SAAS,EACP,kFAAkF;iBACrF;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,UAAU;oBACnB,OAAO,EAAE,oCAAoC;oBAC7C,SAAS,EAAE,uEAAuE;iBACnF;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,kCAAkC;oBAC3C,cAAc,EAAE;wBACd,OAAO,EAAE,cAAc;qBACxB;oBACD,UAAU,EAAE;wBACV,IAAI,EAAE,YAAY;qBACnB;oBACD,SAAS,EACP,gFAAgF;iBACnF;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,QAAQ;oBACd,OAAO,EAAE,8BAA8B;oBACvC,SAAS,EAAE,UAAU;iBACtB;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,QAAQ;oBACd,OAAO,EAAE,4BAA4B;oBACrC,SAAS,EAAE,UAAU;iBACtB;aACF;SACF;QACD;YACE,EAAE,EAAE,eAAe;YACnB,kBAAkB,EAAE,KAAK;YACzB,KAAK,EAAE,iCAAiC;YACxC,IAAI,EAAE;gBACJ;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,cAAc,EAAE;wBACd,OAAO,EAAE,cAAc;qBACxB;oBACD,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,+CAA+C;oBACxD,UAAU,EAAE;wBACV,IAAI,EAAE,KAAK;qBACZ;oBACD,SAAS,EACP,sFAAsF;iBACzF;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,wDAAwD;oBACjE,UAAU,EAAE;wBACV,IAAI,EAAE,YAAY;qBACnB;oBACD,SAAS,EACP,qFAAqF;iBACxF;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,cAAc,EAAE;wBACd,OAAO,EAAE,cAAc;qBACxB;oBACD,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,yCAAyC;oBAClD,UAAU,EAAE;wBACV,IAAI,EAAE,KAAK;qBACZ;oBACD,SAAS,EACP,gFAAgF;iBACnF;gBACD;oBACE,EAAE,EAAE,WAAW;oBACf,IAAI,EAAE,QAAQ;oBACd,OAAO,EAAE,mCAAmC;oBAC5C,SAAS,EAAE,UAAU;iBACtB;gBACD;oBACE,EAAE,EAAE,UAAU;oBACd,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,8CAA8C;oBACvD,UAAU,EAAE;wBACV,IAAI,EAAE,YAAY;qBACnB;oBACD,SAAS,EAAE,2EAA2E;iBACvF;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,4DAA4D;oBACrE,UAAU,EAAE;wBACV,IAAI,EAAE,KAAK;qBACZ;oBACD,SAAS,EACP,kFAAkF;iBACrF;gBACD;oBACE,EAAE,EAAE,WAAW;oBACf,IAAI,EAAE,YAAY;oBAClB,SAAS,EAAE,UAAU;oBACrB,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,WAAW;oBACpB,UAAU,EAAE;wBACV,IAAI,EAAE,YAAY;qBACnB;oBACD,SAAS,EAAE,wCAAwC;iBACpD;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,QAAQ;oBACd,OAAO,EAAE,2BAA2B;oBACpC,SAAS,EAAE,UAAU;iBACtB;aACF;SACF;KACF;IACD,YAAY,EAAE;QACZ,eAAe,EAAE;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;aACZ;SACF;QACD,eAAe,EAAE;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,MAAM;aACb;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;SACjB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,+EAA+E;aAC1F;SACF;KACF;IACD,YAAY,EAAE;QACZ;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,uBAAuB;YAChC,SAAS,EAAE,UAAU;SACtB;QACD;YACE,EAAE,EAAE,UAAU;YACd,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,6CAA6C;YACtD,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,QAAQ;YAChB,WAAW,EAAE;gBACX;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,YAAY;oBAClB,SAAS,EACP,mFAAmF;iBACtF;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,sDAAsD;oBAC5D,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE,YAAY;iBACnB;aACF;YACD,SAAS,EACP,4FAA4F;SAC/F;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,2BAA2B;YACpC,SAAS,EAAE,SAAS;YACpB,aAAa,EAAE;gBACb;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,+BAA+B;oBACrC,SAAS,EACP,mHAAmH;oBACrH,KAAK,EAAE,gBAAgB;iBACxB;aACF;YACD,SAAS,EAAE,mEAAmE;SAC/E;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,UAAU;YACnB,cAAc,EAAE,cAAc;YAC9B,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,oDAAoD;YAC7D,SAAS,EACP,sFAAsF;SACzF;QACD;YACE,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,UAAU;YACnB,cAAc,EAAE,cAAc;YAC9B,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,uBAAuB;YAChC,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,oEAAoE;SAChF;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,wBAAwB;SAClC;QACD;YACE,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,+EAA+E;aAC1F;YACD,OAAO,EAAE,wCAAwC;YACjD,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE,qEAAqE;SACjF;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,cAAc,EAAE,cAAc;YAC9B,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,SAAS;YACpB,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE,mDAAmD;SAC/D;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,+EAA+E;aAC1F;YACD,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,SAAS;YACpB,WAAW,EAAE;gBACX;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,qBAAqB;oBAC3B,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE,YAAY;iBACnB;aACF;YACD,SAAS,EAAE,0DAA0D;SACtE;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,IAAI;YACf,cAAc,EAAE,cAAc;YAC9B,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,+EAA+E;aAC1F;YACD,OAAO,EAAE,qCAAqC;YAC9C,SAAS,EAAE,SAAS;YACpB,WAAW,EAAE;gBACX;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,sDAAsD;oBAC5D,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE,YAAY;iBACnB;gBACD;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,gBAAgB;oBACtB,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE,aAAa;iBACpB;aACF;YACD,SAAS,EACP,sGAAsG;SACzG;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,sBAAsB;SAChC;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,cAAc,EAAE,cAAc;YAC9B,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,gDAAgD;YACzD,SAAS,EAAE,SAAS;YACpB,WAAW,EAAE;gBACX;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,iBAAiB;oBACvB,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE,YAAY;iBACnB;aACF;YACD,SAAS,EACP,+GAA+G;SAClH;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,oCAAoC;YAC7C,SAAS,EAAE,sDAAsD;SAClE;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YAED,SAAS,EAAE,SAAS;YACpB,WAAW,EAAE;gBACX;oBACE,EAAE,EAAE,YAAY;oBAChB,IAAI,EAAE,mBAAmB;oBACzB,IAAI,EAAE,cAAc;oBACpB,IAAI,EAAE,aAAa;iBACpB;aACF;YACD,SAAS,EAAE,+DAA+D;SAC3E;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,0BAA0B;YACnC,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE,4CAA4C;SACxD;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,0EAA0E;YACnF,SAAS,EAAE,SAAS;YACpB,SAAS,EACP,sGAAsG;SACzG;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,kCAAkC;SAC9C;QACD;YACE,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,yBAAyB;YAClC,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,qDAAqD;SACjE;QACD;YACE,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,iBAAiB;SAC3B;QACD;YACE,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;YAChB,OAAO,EACL,wGAAwG;YAC1G,SAAS,EAAE,SAAS;YACpB,SAAS,EACP,4HAA4H;SAC/H;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,qBAAqB;SAC/B;QACD;YACE,EAAE,EAAE,UAAU;YACd,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,yDAAyD;YAClE,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,6EAA6E;SACzF;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,oCAAoC;SAChD;QACD;YACE,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,uCAAuC;YAChD,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,2DAA2D;SACvE;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACV,IAAI,EAAE,YAAY;aACnB;YACD,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,2CAA2C;SACvD;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,4CAA4C;YACrD,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,gEAAgE;SAC5E;QACD;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,qBAAqB;SAC/B;KACF;IACD,kBAAkB,EAAE;QAClB;YACE,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,uBAAuB;SAC9B;QACD;YACE,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,EAAE,EAAE,mBAAmB;YACvB,OAAO,EAAE,oDAAoD;YAC7D,UAAU,EAAE,EAAE;SACf;QACD;YACE,EAAE,EAAE,mBAAmB;YACvB,OAAO,EACL,oIAAoI;YACtI,UAAU,EAAE,EAAE;SACf;KACF;IACD,mBAAmB,EAAE;QACnB,2BAA2B;QAC3B,uCAAuC;QACvC,6BAA6B;QAC7B,yCAAyC;QACzC,iCAAiC;QACjC,wCAAwC;QACxC,oDAAoD;QACpD,gDAAgD;QAChD,2BAA2B;QAC3B,uCAAuC;QACvC,6BAA6B;QAC7B,yCAAyC;QACzC,iCAAiC;QACjC,wCAAwC;QACxC,oDAAoD;QACpD,gDAAgD;QAChD,2BAA2B;KAC5B;IACD,eAAe,EAAE;QACf,oDAAoD;QACpD,6DAA6D;QAC7D,kBAAkB;QAClB,wGAAwG;QACxG,qFAAqF;QACrF,kJAAkJ;QAClJ,qIAAqI;QACrI,kJAAkJ;QAClJ,oDAAoD;QACpD,6DAA6D;QAC7D,kBAAkB;QAClB,wGAAwG;QACxG,qFAAqF;QACrF,kJAAkJ;QAClJ,qIAAqI;QACrI,kJAAkJ;QAClJ,oDAAoD;KACrD;CACF,CAAC","sourcesContent":["export const ChatMockData = {\n  transcripts: [\n    {\n      id: 'botTranscripts',\n      title: 'Bot',\n      earlierTranscripts: true,\n      data: [\n        {\n          id: '2499167349',\n          type: 'transcript',\n          timeStamp: '01:20 PM',\n          variant: 'bot',\n          message: 'Hello… This is bot. How can I help you? Please select your category. ',\n          ariaLabel:\n            'Bot said  Hello… This is bot. How can I help you? Please select your category.  at 01:20 PM'\n        },\n        {\n          id: '414918079',\n          type: 'transcript',\n          timeStamp: '01:21 PM',\n          variant: 'user',\n          message: 'Policy details',\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          messagePrivacy: {\n            privacy: 'PUBLIC TWEET'\n          },\n          ariaLabel: 'Sara Davis said Policy details at 01:21 PM via Public Tweet'\n        },\n        {\n          id: '4750473261',\n          type: 'transcript',\n          timeStamp: '01:22 PM',\n          variant: 'bot',\n          message: 'Please select what would you like to know about your policy. 😃😃',\n          ariaLabel:\n            'Bot said  Please select what would you like to know about your policy. at 01:22 PM'\n        },\n        {\n          id: '925521127',\n          type: 'transcript',\n          timeStamp: '01:23 PM',\n          variant: 'user',\n          message: 'Policy terms and conditions',\n          messagePrivacy: {\n            privacy: 'PUBLIC TWEET'\n          },\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel: 'Sara Davis said  Policy terms and conditions at 01:23 PM'\n        }\n      ]\n    },\n    {\n      id: 'preChatTranscript',\n      title: 'Questionnaire',\n      earlierTranscripts: false,\n      data: [\n        {\n          id: '1457969897',\n          type: 'transcript',\n          timeStamp: '01:23 PM',\n          variant: 'question',\n          message: 'Could you please enter your query',\n          ariaLabel: 'Customer was asked for Could you please enter your query at 01:23 PM'\n        },\n        {\n          id: '4633052071',\n          type: 'transcript',\n          timeStamp: '01:23 PM',\n          variant: 'user',\n          message: 'I would like to know my policy terms and conditions',\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel:\n            'Sara Davis said  I would like to know my policy terms and conditions at 01:23 PM'\n        },\n        {\n          id: '3105885518',\n          type: 'transcript',\n          timeStamp: '01:23 PM',\n          variant: 'question',\n          message: 'Could you please select the policy',\n          ariaLabel: 'Customer was asked for Could you please select the policy at 01:23 PM'\n        },\n        {\n          id: '3008407298',\n          type: 'transcript',\n          timeStamp: '01:23 PM',\n          variant: 'user',\n          message: 'Insurance policy - 5545456668555',\n          messagePrivacy: {\n            privacy: 'PUBLIC TWEET'\n          },\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel:\n            'Sara Davis said  Insurance policy - 5545456668555 at 01:23 PM via Public Tweet'\n        },\n        {\n          id: '4700050925',\n          type: 'system',\n          message: 'Chat escalated to live agent',\n          timeStamp: '01:23 PM'\n        },\n        {\n          id: '3608004939',\n          type: 'system',\n          message: 'Agent Fred joined the chat',\n          timeStamp: '01:24 PM'\n        }\n      ]\n    },\n    {\n      id: 'csrTranscript',\n      earlierTranscripts: false,\n      title: 'Transcripts: Agent Fred and Jim',\n      data: [\n        {\n          id: '4713954822',\n          type: 'transcript',\n          timeStamp: '01:24 PM',\n          messagePrivacy: {\n            privacy: 'PUBLIC TWEET'\n          },\n          variant: 'user',\n          message: 'Hello, Welcome to U-Plus. How can I help you?',\n          avatarInfo: {\n            name: 'Jim'\n          },\n          ariaLabel:\n            'Jim said  Hello, Welcome to U-Plus. How can I help you? at 01:24 PM via Public Tweet'\n        },\n        {\n          id: '2582654831',\n          type: 'transcript',\n          timeStamp: '01:25 PM',\n          variant: 'user',\n          message: 'Hi, I would like to know my policy terms and condition',\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel:\n            'Sara Davis said  Hi, I would like to know my policy terms and condition at 01:25 PM'\n        },\n        {\n          id: '4422603601',\n          type: 'transcript',\n          timeStamp: '01:26 PM',\n          messagePrivacy: {\n            privacy: 'PUBLIC TWEET'\n          },\n          variant: 'user',\n          message: 'You can refer this article to know more',\n          avatarInfo: {\n            name: 'Jim'\n          },\n          ariaLabel:\n            'Jim said  You can refer this article to know more at 01:26 PM via Public Tweet'\n        },\n        {\n          id: '973978246',\n          type: 'system',\n          message: 'Customer opened knowledge article',\n          timeStamp: '01:26 PM'\n        },\n        {\n          id: '44764769',\n          type: 'transcript',\n          timeStamp: '01:26 PM',\n          variant: 'user',\n          message: 'Also I would like to know my policy validity',\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel: 'Sara Davis said  Also I would like to know my policy validity at 01:26 PM'\n        },\n        {\n          id: '1052005901',\n          type: 'transcript',\n          timeStamp: '01:27 PM',\n          variant: 'user',\n          message: 'Is that fine if I can transfer your chat to serve better? ',\n          avatarInfo: {\n            name: 'Jim'\n          },\n          ariaLabel:\n            'Jim said  Is that fine if I can transfer your chat to serve better?  at 01:27 PM'\n        },\n        {\n          id: '474082342',\n          type: 'transcript',\n          timeStamp: '01:27 PM',\n          variant: 'user',\n          message: 'Yeah Sure',\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel: 'Sara Davis said  Yeah Sure at 01:27 PM'\n        },\n        {\n          id: '2128368768',\n          type: 'system',\n          message: 'Chat has been transferred',\n          timeStamp: '01:27 PM'\n        }\n      ]\n    }\n  ],\n  participants: {\n    transcriptUser1: {\n      avatarInfo: {\n        name: 'Jim'\n      }\n    },\n    transcriptUser2: {\n      avatarInfo: {\n        name: 'Fred'\n      }\n    },\n    sender: {\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      }\n    },\n    sender2: {\n      variant: 'sender',\n      direction: 'out'\n    },\n    receiver: {\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      }\n    },\n    other: {\n      variant: 'other',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Pegasystems',\n        imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n      }\n    }\n  },\n  chatMessages: [\n    {\n      id: '4276065002',\n      type: 'system',\n      message: 'John brown has joined',\n      timeStamp: '01:44 PM'\n    },\n    {\n      id: '88365643',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Hi, Welcome to u-plus. How can I help you ?',\n      timeStamp: '1:44 PM',\n      status: 'Opened',\n      attachments: [\n        {\n          id: '2499167340',\n          name: 'Location',\n          icon: 'document',\n          meta: 'PNG 0.1 MB',\n          thumbnail:\n            'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'\n        },\n        {\n          id: '2499167341',\n          name: 'FAQ with detailed terms and conditions of the policy',\n          icon: 'document-pdf',\n          meta: 'PDF 0.7 MB'\n        }\n      ],\n      ariaLabel:\n        'John Brown said  Hi, Welcome to u-plus. How can I help you ? at 1:44 PM with 2 attachments'\n    },\n    {\n      id: '3245595973',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'You may also reach us via',\n      timeStamp: '1:45 PM',\n      pagePushLinks: [\n        {\n          id: '2499167349',\n          href: 'https://collaborate.pega.com/',\n          thumbnail:\n            'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',\n          title: 'Ask the expert'\n        }\n      ],\n      ariaLabel: 'John Brown said  You may also reach us via at 1:45 PM with 1 link'\n    },\n    {\n      id: '3865379335',\n      type: 'message',\n      variant: 'receiver',\n      messagePrivacy: 'PUBLIC TWEET',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'Hi, I would like to know the validity of my policy',\n      ariaLabel:\n        'Sara Davis said  Hi, I would like to know the validity of my policy via Public Tweet'\n    },\n    {\n      id: '777315059',\n      type: 'message',\n      variant: 'receiver',\n      messagePrivacy: 'PUBLIC TWEET',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'Could you please help',\n      timeStamp: '1:45 PM',\n      ariaLabel: 'Sara Davis said  Could you please help at 1:45 PM via Public Tweet'\n    },\n    {\n      id: '4001121034',\n      type: 'system',\n      message: 'Pegasystems has joined'\n    },\n    {\n      id: '779591083',\n      type: 'message',\n      variant: 'other',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Pegasystems',\n        imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n      },\n      message: 'Great, our CSR will help you with that',\n      timeStamp: '1:46 PM',\n      status: 'Delivered',\n      ariaLabel: 'Pegasystems said  Great, our CSR will help you with that at 1:46 PM'\n    },\n    {\n      id: '2683629622',\n      type: 'message',\n      variant: 'sender',\n      messagePrivacy: 'PUBLIC REPLY',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Sure',\n      timeStamp: '1:48 PM',\n      status: 'Delivered',\n      ariaLabel: 'John Brown said  Sure at 1:48 PM via Public Tweet'\n    },\n    {\n      id: '2748689942',\n      type: 'message',\n      variant: 'other',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Pegasystems',\n        imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n      },\n      message: ' Carry on',\n      timeStamp: '1:49 PM',\n      attachments: [\n        {\n          id: '2499167343',\n          name: 'Departments mapping',\n          icon: 'document-doc',\n          meta: 'PDF 0.1 MB'\n        }\n      ],\n      ariaLabel: 'Pegasystems said   Carry on at 1:49 PM with 1 attachment'\n    },\n    {\n      id: '4110947991',\n      type: 'message',\n      variant: 'other',\n      direction: 'in',\n      messagePrivacy: 'PUBLIC REPLY',\n      avatarInfo: {\n        name: 'Pegasystems',\n        imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n      },\n      message: ' Refer these documents for more FAQ',\n      timeStamp: '1:49 PM',\n      attachments: [\n        {\n          id: '2499167345',\n          name: 'FAQ with detailed terms and conditions of the policy',\n          icon: 'document-doc',\n          meta: 'PDF 0.7 MB'\n        },\n        {\n          id: '2499167346',\n          name: 'Privacy policy',\n          icon: 'document-doc',\n          meta: 'WORD 0.1 MB'\n        }\n      ],\n      ariaLabel:\n        'Pegasystems said   Refer these documents for more FAQ at 1:49 PM with 2 attachments via Public Tweet'\n    },\n    {\n      id: '2549273884',\n      type: 'system',\n      message: 'Pegasystems has left'\n    },\n    {\n      id: '3375453344',\n      type: 'message',\n      variant: 'sender',\n      messagePrivacy: 'PUBLIC REPLY',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Could you please help me with your account num',\n      timeStamp: '1:50 PM',\n      attachments: [\n        {\n          id: '2499167347',\n          name: 'Security policy',\n          icon: 'document-pdf',\n          meta: 'PDF 6.1 MB'\n        }\n      ],\n      ariaLabel:\n        'John Brown said  Could you please help me with your account num at 1:50 PM with 1 attachment via Public Tweet'\n    },\n    {\n      id: '1868448522',\n      type: 'message',\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'Yeah, sure please give me a second',\n      ariaLabel: 'Sara Davis said  Yeah, sure please give me a second '\n    },\n    {\n      id: '1295058543',\n      type: 'message',\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n\n      timeStamp: '1:50 PM',\n      attachments: [\n        {\n          id: '2499167348',\n          name: 'Vehicle insurance',\n          icon: 'document-doc',\n          meta: 'WORD 1.1 MB'\n        }\n      ],\n      ariaLabel: 'Sara Davis said  5588-8899-45-89 at 1:50 PM with 1 attachment'\n    },\n    {\n      id: '2690247642',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Let me pick your details',\n      status: 'Delivered',\n      ariaLabel: 'John Brown said  Let me pick your details '\n    },\n    {\n      id: '1208949065',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Can I please transfer your chat request to concerned department please ?',\n      timeStamp: '1:51 PM',\n      ariaLabel:\n        'John Brown said  Can I please transfer your chat request to concerned department please ? at 1:51 PM'\n    },\n    {\n      id: '4302656892',\n      type: 'message',\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'Sure',\n      timeStamp: '1:51 PM',\n      ariaLabel: 'Sara Davis said  Sure at 1:51 PM'\n    },\n    {\n      id: '658052414',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Please give me a moment',\n      timeStamp: '1:51 PM',\n      ariaLabel: 'John Brown said  Please give me a moment at 1:51 PM'\n    },\n    {\n      id: '719933419',\n      type: 'system',\n      message: 'Mike has joined'\n    },\n    {\n      id: '679831597',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      message:\n        'Hi Sara. This is Mike. John has discussed with me. I will be helping you out with the required details',\n      timeStamp: '1:51 PM',\n      ariaLabel:\n        'You said Hi Sara. This is Mike. John has discussed with me. I will be helping you out with the required details at 1:51 PM'\n    },\n    {\n      id: '2785439809',\n      type: 'system',\n      message: 'John brown has left'\n    },\n    {\n      id: '85859690',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      message: 'Ok, your insurance is valid until Dec 21, 2020 11:00 AM',\n      timeStamp: '1:52 PM',\n      ariaLabel: 'You said Ok, your insurance is valid until Dec 21, 2020 11:00 AM at 1:52 PM'\n    },\n    {\n      id: '2484793043',\n      type: 'message',\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'Thanks',\n      timeStamp: '1:52 PM',\n      ariaLabel: 'Sara Davis said  Thanks at 1:52 PM'\n    },\n    {\n      id: '352967030',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      message: 'Is there anything I can help you with',\n      timeStamp: '1:52 PM',\n      ariaLabel: 'You said Is there anything I can help you with at 1:52 PM'\n    },\n    {\n      id: '3432757116',\n      type: 'message',\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'I am good.😃',\n      timeStamp: '1:53 PM',\n      ariaLabel: 'Sara Davis said  I am good 😃. at 1:53 PM'\n    },\n    {\n      id: '2432461831',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      message: 'Thanks for contacting us, have a great day',\n      timeStamp: '1:53 PM',\n      ariaLabel: 'You said Thanks for contacting us, have a great day at 1:53 PM'\n    },\n    {\n      id: '2965626280',\n      type: 'system',\n      message: 'Chat has been ended'\n    }\n  ],\n  defaultAttachments: [\n    {\n      id: '4455774588',\n      name: '03/2020 statement.pdf'\n    },\n    {\n      id: '44557745889',\n      name: 'Policy T&C.pdf'\n    }\n  ],\n  suggestedReplies: [\n    {\n      id: 'suggested_reply_1',\n      message: 'Hello, Good morning Sara. How can I help you today',\n      confidence: 94\n    },\n    {\n      id: 'suggested_reply_2',\n      message:\n        'Sorry to hear that. I will surely help you resolve the issue. Can you please provide the policy id, so that I can get more details',\n      confidence: 75\n    }\n  ],\n  phrasesDisplayNames: [\n    'Account > Account balance',\n    'Agreement > End of a case/interaction',\n    'Agreement > Mid interaction',\n    'Apologize > Apologize - ask customer to',\n    'Apologize > Thanks for patience',\n    'Ask for transfer > Agent not available',\n    'Ask for transfer > Agent not available - call back',\n    'Ask for transfer > Agent not available - stall',\n    'Account > Account balance',\n    'Agreement > End of a case/interaction',\n    'Agreement > Mid interaction',\n    'Apologize > Apologize - ask customer to',\n    'Apologize > Thanks for patience',\n    'Ask for transfer > Agent not available',\n    'Ask for transfer > Agent not available - call back',\n    'Ask for transfer > Agent not available - stall',\n    'Account > Account balance'\n  ],\n  phrasesMessages: [\n    'Ms. Sara J Connor your account balance is $5226.32',\n    'My pleasure! Is there anything else I can do for you today?',\n    'You are welcome!',\n    \"Ms.Connor. We do not respond to that kind of language. I'm doing my best to help you. Please be civil.\",\n    'Thanks for your patience. I am working on your request. I will be with you shortly.',\n    'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.',\n    \"The agent I was looking to transfer you to isn't available. Would it be possible for us to call you when a specialist is available?\",\n    'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.',\n    'Ms. Sara J Connor your account balance is $5226.32',\n    'My pleasure! Is there anything else I can do for you today?',\n    'You are welcome!',\n    \"Ms.Connor. We do not respond to that kind of language. I'm doing my best to help you. Please be civil.\",\n    'Thanks for your patience. I am working on your request. I will be with you shortly.',\n    'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.',\n    \"The agent I was looking to transfer you to isn't available. Would it be possible for us to call you when a specialist is available?\",\n    'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.',\n    'Ms. Sara J Connor your account balance is $5226.32'\n  ]\n};\n"]}
+{"version":3,"file":"Chat.mocks.js","sourceRoot":"","sources":["../../../src/social/Chat/Chat.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["export const ChatMockData = {\n  transcripts: [\n    {\n      id: 'botTranscripts',\n      title: 'Bot',\n      earlierTranscripts: true,\n      data: [\n        {\n          id: '2499167349',\n          type: 'transcript',\n          timeStamp: '01:20 PM',\n          variant: 'bot',\n          message: 'Hello… This is bot. How can I help you? Please select your category. ',\n          ariaLabel:\n            'Bot said  Hello… This is bot. How can I help you? Please select your category.  at 01:20 PM'\n        },\n        {\n          id: '414918079',\n          type: 'transcript',\n          timeStamp: '01:21 PM',\n          variant: 'user',\n          message: 'Policy details',\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          messagePrivacy: {\n            privacy: 'PUBLIC TWEET'\n          },\n          ariaLabel: 'Sara Davis said Policy details at 01:21 PM via Public Tweet'\n        },\n        {\n          id: '4750473261',\n          type: 'transcript',\n          timeStamp: '01:22 PM',\n          variant: 'bot',\n          message: 'Please select what would you like to know about your policy. 😃😃',\n          ariaLabel:\n            'Bot said  Please select what would you like to know about your policy. at 01:22 PM'\n        },\n        {\n          id: '925521127',\n          type: 'transcript',\n          timeStamp: '01:23 PM',\n          variant: 'user',\n          message: 'Policy terms and conditions',\n          messagePrivacy: {\n            privacy: 'PUBLIC TWEET'\n          },\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel: 'Sara Davis said  Policy terms and conditions at 01:23 PM'\n        }\n      ]\n    },\n    {\n      id: 'preChatTranscript',\n      title: 'Questionnaire',\n      earlierTranscripts: false,\n      data: [\n        {\n          id: '1457969897',\n          type: 'transcript',\n          timeStamp: '01:23 PM',\n          variant: 'question',\n          message: 'Could you please enter your query',\n          ariaLabel: 'Customer was asked for Could you please enter your query at 01:23 PM'\n        },\n        {\n          id: '4633052071',\n          type: 'transcript',\n          timeStamp: '01:23 PM',\n          variant: 'user',\n          message: 'I would like to know my policy terms and conditions',\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel:\n            'Sara Davis said  I would like to know my policy terms and conditions at 01:23 PM'\n        },\n        {\n          id: '3105885518',\n          type: 'transcript',\n          timeStamp: '01:23 PM',\n          variant: 'question',\n          message: 'Could you please select the policy',\n          ariaLabel: 'Customer was asked for Could you please select the policy at 01:23 PM'\n        },\n        {\n          id: '3008407298',\n          type: 'transcript',\n          timeStamp: '01:23 PM',\n          variant: 'user',\n          message: 'Insurance policy - 5545456668555',\n          messagePrivacy: {\n            privacy: 'PUBLIC TWEET'\n          },\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel:\n            'Sara Davis said  Insurance policy - 5545456668555 at 01:23 PM via Public Tweet'\n        },\n        {\n          id: '4700050925',\n          type: 'system',\n          message: 'Chat escalated to live agent',\n          timeStamp: '01:23 PM'\n        },\n        {\n          id: '3608004939',\n          type: 'system',\n          message: 'Agent Fred joined the chat',\n          timeStamp: '01:24 PM'\n        }\n      ]\n    },\n    {\n      id: 'csrTranscript',\n      earlierTranscripts: false,\n      title: 'Transcripts: Agent Fred and Jim',\n      data: [\n        {\n          id: '4713954822',\n          type: 'transcript',\n          timeStamp: '01:24 PM',\n          messagePrivacy: {\n            privacy: 'PUBLIC TWEET'\n          },\n          variant: 'user',\n          message: 'Hello, Welcome to U-Plus. How can I help you?',\n          avatarInfo: {\n            name: 'Jim'\n          },\n          ariaLabel:\n            'Jim said  Hello, Welcome to U-Plus. How can I help you? at 01:24 PM via Public Tweet'\n        },\n        {\n          id: '2582654831',\n          type: 'transcript',\n          timeStamp: '01:25 PM',\n          variant: 'user',\n          message: 'Hi, I would like to know my policy terms and condition',\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel:\n            'Sara Davis said  Hi, I would like to know my policy terms and condition at 01:25 PM'\n        },\n        {\n          id: '4422603601',\n          type: 'transcript',\n          timeStamp: '01:26 PM',\n          messagePrivacy: {\n            privacy: 'PUBLIC TWEET'\n          },\n          variant: 'user',\n          message: 'You can refer this article to know more',\n          avatarInfo: {\n            name: 'Jim'\n          },\n          ariaLabel:\n            'Jim said  You can refer this article to know more at 01:26 PM via Public Tweet'\n        },\n        {\n          id: '973978246',\n          type: 'system',\n          message: 'Customer opened knowledge article',\n          timeStamp: '01:26 PM'\n        },\n        {\n          id: '44764769',\n          type: 'transcript',\n          timeStamp: '01:26 PM',\n          variant: 'user',\n          message: 'Also I would like to know my policy validity',\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel: 'Sara Davis said  Also I would like to know my policy validity at 01:26 PM'\n        },\n        {\n          id: '1052005901',\n          type: 'transcript',\n          timeStamp: '01:27 PM',\n          variant: 'user',\n          message: 'Is that fine if I can transfer your chat to serve better? ',\n          avatarInfo: {\n            name: 'Jim'\n          },\n          ariaLabel:\n            'Jim said  Is that fine if I can transfer your chat to serve better?  at 01:27 PM'\n        },\n        {\n          id: '474082342',\n          type: 'transcript',\n          timeStamp: '01:27 PM',\n          variant: 'user',\n          message: 'Yeah Sure',\n          avatarInfo: {\n            name: 'Sara Davis'\n          },\n          ariaLabel: 'Sara Davis said  Yeah Sure at 01:27 PM'\n        },\n        {\n          id: '2128368768',\n          type: 'system',\n          message: 'Chat has been transferred',\n          timeStamp: '01:27 PM'\n        }\n      ]\n    }\n  ],\n  participants: {\n    transcriptUser1: {\n      avatarInfo: {\n        name: 'Jim'\n      }\n    },\n    transcriptUser2: {\n      avatarInfo: {\n        name: 'Fred'\n      }\n    },\n    sender: {\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      }\n    },\n    sender2: {\n      variant: 'sender',\n      direction: 'out'\n    },\n    receiver: {\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      }\n    },\n    other: {\n      variant: 'other',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Pegasystems',\n        imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n      }\n    }\n  },\n  chatMessages: [\n    {\n      id: '4276065002',\n      type: 'system',\n      message: 'John brown has joined',\n      timeStamp: '01:44 PM'\n    },\n    {\n      id: '88365643',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Hi, Welcome to u-plus. How can I help you ?',\n      timeStamp: '1:44 PM',\n      status: 'sent',\n      attachments: [\n        {\n          id: '2499167340',\n          name: 'Location',\n          icon: 'document',\n          meta: 'PNG 0.1 MB',\n          thumbnail:\n            'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'\n        },\n        {\n          id: '2499167341',\n          name: 'FAQ with detailed terms and conditions of the policy',\n          icon: 'document-pdf',\n          meta: 'PDF 0.7 MB'\n        }\n      ],\n      ariaLabel:\n        'John Brown said  Hi, Welcome to u-plus. How can I help you ? at 1:44 PM with 2 attachments'\n    },\n    {\n      id: '3245595973',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'You may also reach us via',\n      timeStamp: '1:45 PM',\n      pagePushLinks: [\n        {\n          id: '2499167349',\n          href: 'https://collaborate.pega.com/',\n          thumbnail:\n            'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',\n          title: 'Ask the expert'\n        }\n      ],\n      ariaLabel: 'John Brown said  You may also reach us via at 1:45 PM with 1 link'\n    },\n    {\n      id: '3865379335',\n      type: 'message',\n      variant: 'receiver',\n      messagePrivacy: 'PUBLIC TWEET',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'Hi, I would like to know the validity of my policy',\n      ariaLabel:\n        'Sara Davis said  Hi, I would like to know the validity of my policy via Public Tweet'\n    },\n    {\n      id: '777315059',\n      type: 'message',\n      variant: 'receiver',\n      messagePrivacy: 'PUBLIC TWEET',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'Could you please help',\n      timeStamp: '1:45 PM',\n      ariaLabel: 'Sara Davis said  Could you please help at 1:45 PM via Public Tweet'\n    },\n    {\n      id: '4001121034',\n      type: 'system',\n      message: 'Pegasystems has joined'\n    },\n    {\n      id: '779591083',\n      type: 'message',\n      variant: 'other',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Pegasystems',\n        imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n      },\n      message: 'Great, our CSR will help you with that',\n      timeStamp: '1:46 PM',\n      ariaLabel: 'Pegasystems said  Great, our CSR will help you with that at 1:46 PM'\n    },\n    {\n      id: '2683629622',\n      type: 'message',\n      variant: 'sender',\n      messagePrivacy: 'PUBLIC REPLY',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Sure',\n      timeStamp: '1:48 PM',\n      status: 'delivered',\n      ariaLabel: 'John Brown said  Sure at 1:48 PM via Public Tweet'\n    },\n    {\n      id: '2748689942',\n      type: 'message',\n      variant: 'other',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Pegasystems',\n        imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n      },\n      message: ' Carry on',\n      timeStamp: '1:49 PM',\n      attachments: [\n        {\n          id: '2499167343',\n          name: 'Departments mapping',\n          icon: 'document-doc',\n          meta: 'PDF 0.1 MB'\n        }\n      ],\n      ariaLabel: 'Pegasystems said   Carry on at 1:49 PM with 1 attachment'\n    },\n    {\n      id: '4110947991',\n      type: 'message',\n      variant: 'other',\n      direction: 'in',\n      messagePrivacy: 'PUBLIC REPLY',\n      avatarInfo: {\n        name: 'Pegasystems',\n        imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n      },\n      message: ' Refer these documents for more FAQ',\n      timeStamp: '1:49 PM',\n      attachments: [\n        {\n          id: '2499167345',\n          name: 'FAQ with detailed terms and conditions of the policy',\n          icon: 'document-doc',\n          meta: 'PDF 0.7 MB'\n        },\n        {\n          id: '2499167346',\n          name: 'Privacy policy',\n          icon: 'document-doc',\n          meta: 'WORD 0.1 MB'\n        }\n      ],\n      ariaLabel:\n        'Pegasystems said   Refer these documents for more FAQ at 1:49 PM with 2 attachments via Public Tweet'\n    },\n    {\n      id: '2549273884',\n      type: 'system',\n      message: 'Pegasystems has left'\n    },\n    {\n      id: '3375453344',\n      type: 'message',\n      variant: 'sender',\n      messagePrivacy: 'PUBLIC REPLY',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Could you please help me with your account num',\n      timeStamp: '1:50 PM',\n      attachments: [\n        {\n          id: '2499167347',\n          name: 'Security policy',\n          icon: 'document-pdf',\n          meta: 'PDF 6.1 MB'\n        }\n      ],\n      ariaLabel:\n        'John Brown said  Could you please help me with your account num at 1:50 PM with 1 attachment via Public Tweet'\n    },\n    {\n      id: '1868448522',\n      type: 'message',\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'Yeah, sure please give me a second',\n      ariaLabel: 'Sara Davis said  Yeah, sure please give me a second '\n    },\n    {\n      id: '1295058543',\n      type: 'message',\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      timeStamp: '1:50 PM',\n      attachments: [\n        {\n          id: '2499167348',\n          name: 'Vehicle insurance',\n          icon: 'document-doc',\n          meta: 'WORD 1.1 MB'\n        }\n      ],\n      ariaLabel: 'Sara Davis said  5588-8899-45-89 at 1:50 PM with 1 attachment'\n    },\n    {\n      id: '2690247642',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Let me pick your details',\n      status: 'delivered',\n      ariaLabel: 'John Brown said  Let me pick your details '\n    },\n    {\n      id: '1208949065',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Can I please transfer your chat request to concerned department please ?',\n      timeStamp: '1:51 PM',\n      ariaLabel:\n        'John Brown said  Can I please transfer your chat request to concerned department please ? at 1:51 PM'\n    },\n    {\n      id: '4302656892',\n      type: 'message',\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'Sure',\n      timeStamp: '1:51 PM',\n      ariaLabel: 'Sara Davis said  Sure at 1:51 PM'\n    },\n    {\n      id: '658052414',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      avatarInfo: {\n        name: 'John Brown'\n      },\n      message: 'Please give me a moment',\n      timeStamp: '1:51 PM',\n      ariaLabel: 'John Brown said  Please give me a moment at 1:51 PM'\n    },\n    {\n      id: '719933419',\n      type: 'system',\n      message: 'Mike has joined'\n    },\n    {\n      id: '679831597',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      message:\n        'Hi Sara. This is Mike. John has discussed with me. I will be helping you out with the required details',\n      timeStamp: '1:51 PM',\n      ariaLabel:\n        'You said Hi Sara. This is Mike. John has discussed with me. I will be helping you out with the required details at 1:51 PM'\n    },\n    {\n      id: '2785439809',\n      type: 'system',\n      message: 'John brown has left'\n    },\n    {\n      id: '85859690',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      message: 'Ok, your insurance is valid until Dec 21, 2020 11:00 AM',\n      timeStamp: '1:52 PM',\n      ariaLabel: 'You said Ok, your insurance is valid until Dec 21, 2020 11:00 AM at 1:52 PM'\n    },\n    {\n      id: '2484793043',\n      type: 'message',\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'Thanks',\n      timeStamp: '1:52 PM',\n      ariaLabel: 'Sara Davis said  Thanks at 1:52 PM'\n    },\n    {\n      id: '352967030',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      message: 'Is there anything I can help you with',\n      timeStamp: '1:52 PM',\n      ariaLabel: 'You said Is there anything I can help you with at 1:52 PM'\n    },\n    {\n      id: '3432757116',\n      type: 'message',\n      variant: 'receiver',\n      direction: 'in',\n      avatarInfo: {\n        name: 'Sara Davis'\n      },\n      message: 'I am good.😃',\n      timeStamp: '1:53 PM',\n      ariaLabel: 'Sara Davis said  I am good 😃. at 1:53 PM'\n    },\n    {\n      id: '2432461831',\n      type: 'message',\n      variant: 'sender',\n      direction: 'out',\n      message: 'Thanks for contacting us, have a great day',\n      timeStamp: '1:53 PM',\n      ariaLabel: 'You said Thanks for contacting us, have a great day at 1:53 PM',\n      status: 'undelivered'\n    },\n    {\n      id: '2965626280',\n      type: 'system',\n      message: 'Chat has been ended'\n    }\n  ],\n  defaultAttachments: [\n    {\n      id: '4455774588',\n      name: '03/2020 statement.pdf'\n    },\n    {\n      id: '44557745889',\n      name: 'Policy T&C.pdf'\n    }\n  ],\n  suggestedReplies: [\n    {\n      id: 'suggested_reply_1',\n      message: 'Hello, Good morning Sara. How can I help you today',\n      confidence: 94\n    },\n    {\n      id: 'suggested_reply_2',\n      message:\n        'Sorry to hear that. I will surely help you resolve the issue. Can you please provide the policy id, so that I can get more details',\n      confidence: 75\n    }\n  ],\n  phrasesDisplayNames: [\n    'Account > Account balance',\n    'Agreement > End of a case/interaction',\n    'Agreement > Mid interaction',\n    'Apologize > Apologize - ask customer to',\n    'Apologize > Thanks for patience',\n    'Ask for transfer > Agent not available',\n    'Ask for transfer > Agent not available - call back',\n    'Ask for transfer > Agent not available - stall',\n    'Account > Account balance',\n    'Agreement > End of a case/interaction',\n    'Agreement > Mid interaction',\n    'Apologize > Apologize - ask customer to',\n    'Apologize > Thanks for patience',\n    'Ask for transfer > Agent not available',\n    'Ask for transfer > Agent not available - call back',\n    'Ask for transfer > Agent not available - stall',\n    'Account > Account balance'\n  ],\n  phrasesMessages: [\n    'Ms. Sara J Connor your account balance is $5226.32',\n    'My pleasure! Is there anything else I can do for you today?',\n    'You are welcome!',\n    \"Ms.Connor. We do not respond to that kind of language. I'm doing my best to help you. Please be civil.\",\n    'Thanks for your patience. I am working on your request. I will be with you shortly.',\n    'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.',\n    \"The agent I was looking to transfer you to isn't available. Would it be possible for us to call you when a specialist is available?\",\n    'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.',\n    'Ms. Sara J Connor your account balance is $5226.32',\n    'My pleasure! Is there anything else I can do for you today?',\n    'You are welcome!',\n    \"Ms.Connor. We do not respond to that kind of language. I'm doing my best to help you. Please be civil.\",\n    'Thanks for your patience. I am working on your request. I will be with you shortly.',\n    'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.',\n    \"The agent I was looking to transfer you to isn't available. Would it be possible for us to call you when a specialist is available?\",\n    'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.',\n    'Ms. Sara J Connor your account balance is $5226.32'\n  ]\n};\n"]}

package/lib/social/Chat/Chat.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AA2B/C,OAAO,EASL,YAAY,EAWb,MAAM,2BAA2B,CAAC;;AAMnC,wBAGU;AAEV,mFAAmF;AACnF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC;AACF,mFAAmF;AAEnF,2FAA2F;AAC3F,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AACF,4FAA4F;AAE5F,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,YAAY,CA2D3C,CAAC;AAWF,oFAAoF;AAEpF,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AACF,uFAAuF;AAEvF,uFAAuF;AACvF,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,sBAAsB,CAE3D,CAAC;AASF,wFAAwF;AAExF,yFAAyF;AACzF,eAAO,MAAM,mBAAmB,EAAE,KAejC,CAAC;AACF,4FAA4F;AAE5F,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AACF,yFAAyF;AAEzF,4FAA4F;AAE5F,eAAO,MAAM,wBAAwB,EAAE,KAuBtC,CAAC;AAEF,0FAA0F;AAE1F,8FAA8F;AAC9F,UAAU,qBAAqB;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,qBAAqB,CAWzD,CAAC;AASF,8FAA8F;AAE9F,+FAA+F;AAC/F,UAAU,iBAAiB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAwgBjD,CAAC;AA+BF,yFAAyF"}
+{"version":3,"file":"Chat.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAgC/C,OAAO,EASL,YAAY,EAWb,MAAM,2BAA2B,CAAC;;AAMnC,wBAGU;AAEV,mFAAmF;AACnF,eAAO,MAAM,cAAc,EAAE,KA+B5B,CAAC;AACF,mFAAmF;AAEnF,2FAA2F;AAC3F,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AACF,4FAA4F;AAE5F,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,YAAY,CA+E3C,CAAC;AAWF,oFAAoF;AAEpF,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AACF,uFAAuF;AAEvF,uFAAuF;AACvF,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,sBAAsB,CAE3D,CAAC;AASF,wFAAwF;AAExF,yFAAyF;AACzF,eAAO,MAAM,mBAAmB,EAAE,KAejC,CAAC;AACF,4FAA4F;AAE5F,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AACF,yFAAyF;AAEzF,4FAA4F;AAE5F,eAAO,MAAM,wBAAwB,EAAE,KAuBtC,CAAC;AAEF,0FAA0F;AAE1F,8FAA8F;AAC9F,UAAU,qBAAqB;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,qBAAqB,CAWzD,CAAC;AASF,8FAA8F;AAE9F,+FAA+F;AAC/F,UAAU,iBAAiB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CA6lBjD,CAAC;AA+BF,yFAAyF"}

package/lib/social/Chat/Chat.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { action } from '@storybook/addon-actions';
-import { Button, Icon, registerIcon, Text, MenuButton, Flex, Popover, Link, Status, EmojiContext, createUID, useOuterEvent, TextArea, Select, Option, Menu, useElement, FieldValueList } from '@pega/cosmos-react-core';
+import { Button, Icon, registerIcon, Text, MenuButton, Flex, Popover, Link, Status, EmojiContext, createUID, useOuterEvent, TextArea, Select, Option, Menu, useElement, FieldValueList, useModalManager, useModalContext, Modal, SummaryItem, useToaster } from '@pega/cosmos-react-core';
 import * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';
 import * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';
 import * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';
@@ -19,7 +19,9 @@ export const ChatHeaderDemo = () => {
                         gap: 1,
                         alignItems: 'center'
                     }, children: [_jsx(Icon, { name: 'chats' }), _jsx(Text, { children: "Transcripts" })] }) }), _jsx(Button, { variant: 'simple', icon: true, "aria-label": 'chat info', children: _jsx(Icon, { name: 'information' }) })] }));
-    return (_jsx(ChatHeader, { title: 'Live Chat', icon: 'chat', "aria-label": 'Chat header', actions: actionsConfig }));
+    return (_jsx(ChatHeader, { title: 'Live chat', icon: 'chat', "aria-label": 'Chat header', actions: actionsConfig, sentiment: {
+            variant: 'positive'
+        } }));
 };
 /** ***************************** ChatHeader component - END ******************* */
 /** **************************** MessageList component - START ************************* */
@@ -33,19 +35,37 @@ export const MessageListDemo = () => {
 /** **************************** MessageList component - END **************************** */
 /** ***************************** Message component - START ********************** */
 export const MessageDemo = (args) => {
+    const actions = [
+        {
+            text: 'Associate with case',
+            id: 'Associate with case',
+            onClick: () => {
+                action('Associate with case');
+            }
+        },
+        {
+            text: 'Download',
+            id: 'Download',
+            onClick: () => {
+                action('Download');
+            }
+        }
+    ];
     const attachments = [
         {
             id: '2499167340',
             name: 'Location',
             icon: 'document',
             meta: 'PNG 0.1 MB',
-            thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'
+            thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg',
+            actions
         },
         {
             id: '2499167341',
             name: 'FAQ with detailed terms and conditions of the policy',
             icon: 'document-pdf',
-            meta: 'PDF 0.7 MB'
+            meta: 'PDF 0.7 MB',
+            actions
         }
     ];
     const pagePushLinks = [
@@ -56,7 +76,7 @@ export const MessageDemo = (args) => {
             title: 'Ask the expert'
         }
     ];
-    return (_jsxs(_Fragment, { children: [_jsx(Message, { type: 'message', attachments: attachments, avatarInfo: { name: 'John Brown' }, status: 'Opened', timeStamp: '1:44 PM', message: 'Hi, Welcome to u-plus. How can I help you ?', variant: args.variant, direction: args.direction }), _jsx("br", {}), _jsx(Message, { type: 'message', message: 'Hi, Welcome to u-plus. How can I help you ?', avatarInfo: { name: 'John Brown' }, pagePushLinks: pagePushLinks, variant: args.variant, direction: args.direction }), _jsx("br", {}), _jsx(Message, { type: 'message', message: 'Hi, Welcome to u-plus. How can I help you ?', avatarInfo: { name: 'John Brown' }, variant: args.variant, direction: args.direction })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Message, { type: 'message', attachments: attachments, avatarInfo: { name: 'John Brown' }, timeStamp: '1:44 PM', message: 'Hi, Welcome to u-plus. How can I help you ?', variant: args.variant, direction: args.direction }), _jsx("br", {}), _jsx(Message, { type: 'message', message: 'Hi, Welcome to u-plus. How can I help you ?', avatarInfo: { name: 'John Brown' }, pagePushLinks: pagePushLinks, variant: args.variant, direction: args.direction }), _jsx("br", {}), _jsx(Message, { type: 'message', message: 'Hi, Welcome to u-plus. How can I help you ?', avatarInfo: { name: 'John Brown' }, variant: 'sender', direction: 'out', status: 'undelivered' })] }));
 };
 MessageDemo.args = {
     variant: 'receiver',
@@ -148,6 +168,38 @@ export const StandardChat = (args) => {
                         justify: 'center'
                     }, children: _jsx(Button, { variant: 'primary', children: "Submit" }) })] }))
     };
+    const { create } = useModalManager();
+    const MyModal = () => {
+        const { dismiss } = useModalContext();
+        const { push } = useToaster();
+        return (_jsx(Modal, { heading: 'Associate with case', actions: _jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => {
+                            dismiss();
+                            push({ content: 'Cancelled' });
+                        }, children: "Cancel" }), _jsx(Button, { variant: 'primary', onClick: () => {
+                            dismiss();
+                            push({ content: 'Successfully Submitted!!' });
+                        }, children: "Submit" })] }), center: true, children: _jsxs(Flex, { container: { gap: 2, direction: 'column' }, children: [_jsx(SummaryItem, { primary: _jsx(Text, { variant: 'secondary', children: "Security policy" }), secondary: _jsx(Text, { variant: 'secondary', children: "PNG - 6.1MB" }), visual: _jsx(Icon, { name: 'document-doc' }) }), _jsxs(Select, { label: 'Select a service case', style: { width: '15rem' }, children: [_jsx(Option, { value: '', children: "Select\u2026" }), _jsx(Option, { value: 'Make payment', selected: true, children: "Make payment" }), _jsx(Option, { value: 'Facilities', children: "Facilities" })] })] }) }));
+    };
+    const onAssociateWithCase = () => {
+        create(MyModal);
+    };
+    const actions = [
+        {
+            text: 'Associate with case',
+            id: 'Associate with case',
+            onClick: () => {
+                action('Associate with case');
+                onAssociateWithCase();
+            }
+        },
+        {
+            text: 'Download',
+            id: 'Download',
+            onClick: () => {
+                action('Download');
+            }
+        }
+    ];
     const mockChatMessages = useMemo(() => {
         return [
             ...mockChatMessagesJson.map(message => {
@@ -158,6 +210,14 @@ export const StandardChat = (args) => {
                         meta: _jsx(Link, { href: '/', children: "I-12345" })
                     };
                 }
+                if (restMessageData.attachments) {
+                    restMessageData.attachments = restMessageData.attachments.map((item) => {
+                        return {
+                            ...item,
+                            actions
+                        };
+                    });
+                }
                 return restMessageData;
             }),
             conversationRatingMessage
@@ -277,7 +337,9 @@ export const StandardChat = (args) => {
         if (openPopover)
             setOpenPopover(false);
     });
-    const header = (_jsx(ChatHeader, { title: Channels.options[args.selectedChannel || 'LiveChat'].title, icon: Channels.options[args.selectedChannel || 'LiveChat'].icon, "aria-label": 'Chat header', actions: _jsxs(Flex, { children: [_jsx(Button, { variant: 'simple', onClick: () => setShowTranscripts(!showTranscripts), "aria-label": 'Show transcripts', children: _jsxs(Flex, { container: {
+    const header = (_jsx(ChatHeader, { title: Channels.options[args.selectedChannel || 'LiveChat'].title, icon: Channels.options[args.selectedChannel || 'LiveChat'].icon, "aria-label": 'Chat header', sentiment: {
+            variant: 'positive'
+        }, actions: _jsxs(Flex, { children: [_jsx(Button, { variant: 'simple', onClick: () => setShowTranscripts(!showTranscripts), "aria-label": 'Show transcripts', children: _jsxs(Flex, { container: {
                             gap: 1,
                             alignItems: 'center'
                         }, children: [_jsx(Icon, { name: 'chats' }), _jsx(Text, { children: "Transcripts" })] }) }), _jsx(Button, { variant: 'simple', icon: true, "aria-label": 'chat info', ref: setButtonRef, onClick: () => setOpenPopover(current => !current), children: _jsx(Icon, { name: 'information' }) }), _jsx(Popover, { show: openPopover, target: buttonRef, ref: setPopoverRef, arrow: true, placement: 'bottom-end', children: _jsxs(Flex, { container: { direction: 'column', gap: 1, pad: 2 }, children: [_jsx(Text, { variant: 'h4', children: additionalInfo.title }), _jsx(FieldValueList, { variant: 'inline', fields: additionalInfo.options[args.selectedChannel || 'LiveChat'] })] }) }), _jsx(MenuButton, { text: 'More actions', icon: 'more', iconOnly: true, variant: 'simple', portal: true, menu: {

package/lib/social/Chat/Chat.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.stories.js","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  ReactElement,\n  SyntheticEvent\n} from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  Button,\n  Icon,\n  registerIcon,\n  Text,\n  MenuButton,\n  Flex,\n  Popover,\n  Link,\n  Status,\n  EmojiContext,\n  BannerProps,\n  createUID,\n  useOuterEvent,\n  TextArea,\n  Select,\n  Option,\n  Menu,\n  useElement,\n  FieldValueList\n} from '@pega/cosmos-react-core';\nimport * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\nimport {\n  Chat,\n  ChatProps,\n  ChatHeader,\n  ChatBody,\n  ChatComposer,\n  ChatTranscript,\n  Message,\n  MessageList,\n  MessageProps,\n  MessageListItemProps,\n  MessageListImperativeHandleProps,\n  NewMessageSeparatorId,\n  AttachmentItemProps,\n  ChatComposerImperativeHandleProps,\n  SuggestedReply,\n  SuggestedReplyPicker,\n  SystemMessage,\n  TranscriptMessage,\n  TypeIndicator\n} from '@pega/cosmos-react-social';\n\nimport { ChatMockData } from './Chat.mocks';\n\nregisterIcon(forwardIcon, replyIcon, replyAllIcon, arrowMicroDownIcon);\n\nexport default {\n  title: 'Social/Chat',\n  component: Chat\n} as Meta;\n\n/** *********************** ChatHeader component - START *********************** */\nexport const ChatHeaderDemo: Story = () => {\n  const actionsConfig = (\n    <Flex>\n      <Button variant='simple' aria-label='Show transcripts'>\n        <Flex\n          container={{\n            gap: 1,\n            alignItems: 'center'\n          }}\n        >\n          <Icon name='chats' />\n          <Text>Transcripts</Text>\n        </Flex>\n      </Button>\n      <Button variant='simple' icon aria-label='chat info'>\n        <Icon name='information' />\n      </Button>\n    </Flex>\n  );\n\n  return (\n    <ChatHeader title='Live Chat' icon='chat' aria-label='Chat header' actions={actionsConfig} />\n  );\n};\n/** ***************************** ChatHeader component - END ******************* */\n\n/** **************************** MessageList component - START ************************* */\nexport const MessageListDemo: Story = () => {\n  const messages: any[] = ChatMockData.chatMessages;\n\n  const [unReadMessageCount, setUnReadMessagesCount] = useState(1);\n\n  return (\n    <Flex container style={{ height: '80vh' }}>\n      <MessageList\n        tabIndex={0}\n        messages={messages}\n        unReadMessageCount={unReadMessageCount}\n        onScrollToButtonClick={() => {\n          setUnReadMessagesCount(0);\n        }}\n      />\n    </Flex>\n  );\n};\n/** **************************** MessageList component - END **************************** */\n\n/** ***************************** Message component - START ********************** */\nexport const MessageDemo: Story<MessageProps> = (args: MessageProps) => {\n  const attachments = [\n    {\n      id: '2499167340',\n      name: 'Location',\n      icon: 'document',\n      meta: 'PNG 0.1 MB',\n      thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'\n    },\n    {\n      id: '2499167341',\n      name: 'FAQ with detailed terms and conditions of the policy',\n      icon: 'document-pdf',\n      meta: 'PDF 0.7 MB'\n    }\n  ];\n  const pagePushLinks = [\n    {\n      id: '2499167349',\n      href: 'https://collaborate.pega.com/',\n      thumbnail:\n        'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',\n      title: 'Ask the expert'\n    }\n  ];\n  return (\n    <>\n      {/* Message with attachments  */}\n      <Message\n        type='message'\n        attachments={attachments}\n        avatarInfo={{ name: 'John Brown' }}\n        status='Opened'\n        timeStamp='1:44 PM'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        variant={args.variant}\n        direction={args.direction}\n      />\n      <br />\n      {/* Message with page push links */}\n      <Message\n        type='message'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        avatarInfo={{ name: 'John Brown' }}\n        pagePushLinks={pagePushLinks}\n        variant={args.variant}\n        direction={args.direction}\n      />\n      <br />\n      {/* Normal message with plain text */}\n      <Message\n        type='message'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        avatarInfo={{ name: 'John Brown' }}\n        variant={args.variant}\n        direction={args.direction}\n      />\n    </>\n  );\n};\n\nMessageDemo.args = {\n  variant: 'receiver',\n  direction: 'in'\n};\n\nMessageDemo.argTypes = {\n  variant: { options: ['receiver', 'sender', 'other'], control: { type: 'select' } },\n  direction: { options: ['in', 'out'], control: { type: 'select' } }\n};\n/** ***************************** Message component - END *********************** */\n\n/** **************************** SystemMessage component - START ***************** */\nexport const SystemMessageDemo: Story = () => (\n  <SystemMessage message='John Brown has joined' timeStamp='10:00 AM' />\n);\n/** ***************************** SystemMessage component - END ******************** */\n\n/** ***************************** TypeIndicator component - START ****************** */\ninterface TypeIndicatorDemoProps {\n  message?: string;\n}\nexport const TypeIndicatorDemo: Story<TypeIndicatorDemoProps> = (args: TypeIndicatorDemoProps) => {\n  return <TypeIndicator avatarInfo={{ name: 'John Brown' }} message={args.message} />;\n};\n\nTypeIndicatorDemo.args = {\n  message: ''\n};\n\nTypeIndicatorDemo.argTypes = {\n  message: { control: { type: 'text' } }\n};\n/** *************************** TypeIndicator component - END *********************** */\n\n/** ************************** ChatTranscripts component - START ********************* */\nexport const ChatTranscriptsDemo: Story = () => {\n  return (\n    <>\n      {ChatMockData.transcripts.map((transcript: any) => {\n        return (\n          <ChatTranscript\n            tabIndex={0}\n            title={transcript.title}\n            key={transcript.id}\n            transcript={transcript.data}\n          />\n        );\n      })}\n    </>\n  );\n};\n/** **************************** ChatTranscripts component - END ************************ */\n\n/** *************************** TranscriptMessage component - START ****************** */\nexport const TranscriptMessageDemo: Story = () => (\n  <TranscriptMessage\n    timeStamp='01:20 PM'\n    variant='bot'\n    message='Hello… This is bot. How can I help you? Please select your category.'\n  />\n);\n/** *************************** TranscriptMessage component - END ******************** */\n\n/** *************************** SuggestedReplyPicker component - START ****************** */\n\nexport const SuggestedReplyPickerDemo: Story = () => {\n  const suggestedReplies: SuggestedReply[] = [\n    {\n      id: createUID(),\n      message: 'Hello, Good morning Sara. How can I help you today',\n      confidence: 95\n    },\n    {\n      id: createUID(),\n      message:\n        'Sorry to hear that. I will surely help you resolve the issue. Can you please provide the policy id, so that I can get more details',\n      confidence: 75\n    }\n  ];\n  return (\n    <SuggestedReplyPicker\n      replies={suggestedReplies}\n      onSelect={suggestedReply => {\n        action(`Suggested reply picked ${suggestedReply.message}`)();\n      }}\n      onDismiss={action('Suggested reply dismissed')}\n    />\n  );\n};\n\n/** *************************** SuggestedReplyPicker component - END ****************** */\n\n/** ******************************* ChatComposer component - START ************************ */\ninterface ChatComposerDemoProps {\n  maxAttachments?: number;\n}\n\nexport const ChatComposerDemo: Story<ChatComposerDemoProps> = (args: ChatComposerDemoProps) => (\n  <ChatComposer\n    maxAttachments={args.maxAttachments}\n    attachments={ChatMockData.defaultAttachments}\n    maxLength={256}\n    placeholder='Type here to send message'\n    onSend={() => {}}\n  >\n    <MenuButton text='Phrases' menu={{ items: [] }} />\n    <MenuButton text='Page Push' menu={{ items: [] }} />\n  </ChatComposer>\n);\n\nChatComposerDemo.args = {\n  maxAttachments: 2\n};\n\nChatComposerDemo.argTypes = {\n  maxAttachments: { control: { type: 'number' } }\n};\n/** *********************************** ChatComposer component - END ********************** */\n\n/** *********************************** Standard Chat component - START ******************** */\ninterface StandardChatProps {\n  maxAttachments?: number;\n  chatWidth?: string;\n  selectedChannel?: string;\n  showChatBanner?: boolean;\n  disableChat?: boolean;\n  simulateConversation?: boolean;\n  message?: string;\n  placeholder?: string;\n  defaultMessage?: string;\n  maxLength?: number;\n}\n\nexport const StandardChat: Story<StandardChatProps> = (args: StandardChatProps) => {\n  const ChatMockDataClone: any = useMemo(() => {\n    return JSON.parse(JSON.stringify(ChatMockData));\n  }, [ChatMockData]);\n\n  const Channels: {\n    label: string;\n    options: any;\n  } = {\n    label: 'Channel',\n    options: {\n      LiveChat: {\n        title: 'Live chat',\n        icon: 'chat'\n      },\n      Twitter: {\n        title: 'Twitter chat',\n        icon: 'twitter'\n      },\n      Facebook: {\n        title: 'Facebook messenger',\n        icon: 'facebook'\n      }\n    }\n  };\n\n  const {\n    participants,\n    chatMessages: mockChatMessagesJson,\n    transcripts,\n    defaultAttachments,\n    suggestedReplies\n  }: {\n    participants: any;\n    chatMessages: any[];\n    transcripts: [];\n    defaultAttachments: any[];\n    suggestedReplies: SuggestedReply[];\n  } = ChatMockDataClone;\n\n  const conversationRatingMessage: MessageListItemProps = {\n    id: createUID(),\n    variant: 'receiver',\n    direction: 'in',\n    type: 'message',\n    message: (\n      <Flex\n        container={{\n          direction: 'column',\n          gap: 1\n        }}\n      >\n        <TextArea\n          placeholder='Please comment…'\n          label='Please comment on our service performance and how we can better serve you. Thank you for your time.'\n        />\n        <Select label='Is the problem resolved?'>\n          <Option>Yes</Option>\n          <Option>No</Option>\n        </Select>\n        <Flex\n          container={{\n            justify: 'center'\n          }}\n        >\n          <Button variant='primary'>Submit</Button>\n        </Flex>\n      </Flex>\n    )\n  };\n\n  const mockChatMessages = useMemo(() => {\n    return [\n      ...mockChatMessagesJson.map(message => {\n        const { messagePrivacy, ...restMessageData } = message;\n        if (messagePrivacy) {\n          restMessageData.messageHeader = {\n            content: <span>{messagePrivacy}</span>,\n            meta: <Link href='/'>I-12345</Link>\n          };\n        }\n        return restMessageData;\n      }),\n      conversationRatingMessage\n    ];\n  }, []);\n\n  const conversationRef = useRef<MessageListImperativeHandleProps>(null);\n  const timers = useRef<number[]>([]);\n\n  useEffect(() => {\n    return () => {\n      timers.current.forEach(clearTimeout);\n    };\n  }, []);\n\n  const [showSuggestedReplies, setShowSuggestedReplies] = useState(true);\n  const [showTranscripts, setShowTranscripts] = useState(false);\n  const [attachments, setAttachments] = useState<AttachmentItemProps[]>(defaultAttachments);\n  const [unreadMessagesCount, setUnreadMessagesCount] = useState(0);\n  const [chatMessages, setChatMessages] = useState<any[]>(\n    args.simulateConversation ? mockChatMessages.slice(0, 0) : mockChatMessages\n  );\n\n  const onDeleteAttachment = useCallback(\n    (name: string) => {\n      setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));\n    },\n    [setAttachments]\n  );\n\n  useEffect(() => {\n    setAttachments(\n      defaultAttachments.map((item: any) => {\n        return {\n          ...item,\n          onDelete: onDeleteAttachment\n        };\n      })\n    );\n  }, [defaultAttachments]);\n\n  const appendMessage = (message: any) => {\n    const incrementUnreadMessageCount = conversationRef.current?.isScrolledToLatest();\n    setChatMessages(prevChatMessages => {\n      const newMockMessage: any = {\n        ...message\n      };\n      newMockMessage.id = `m-${message.id ? message.id : prevChatMessages.length}`;\n      if (\n        !incrementUnreadMessageCount &&\n        prevChatMessages.filter(({ id }) => id === NewMessageSeparatorId).length === 0\n      ) {\n        return [\n          ...prevChatMessages,\n          {\n            id: NewMessageSeparatorId,\n            type: 'system',\n            message: 'New messages',\n            variant: 'primary'\n          },\n          newMockMessage\n        ];\n      }\n      return [...prevChatMessages, newMockMessage];\n    });\n    if (!incrementUnreadMessageCount) {\n      setUnreadMessagesCount(prevCount => prevCount + 1);\n    }\n  };\n\n  useEffect(() => {\n    if (args.simulateConversation) {\n      const timeOutId = setTimeout(() => {\n        if (mockChatMessages.length) {\n          appendMessage(mockChatMessages.shift());\n        }\n      }, 1500);\n      return () => {\n        clearTimeout(timeOutId);\n      };\n    }\n  }, [chatMessages, args.simulateConversation]);\n\n  const [openPopover, setOpenPopover] = useState(false);\n  const [popoverRef, setPopoverRef] = useElement<HTMLElement>();\n  const [buttonRef, setButtonRef] = useElement<HTMLElement>();\n  const additionalInfo: {\n    title: string;\n    options: any;\n  } = {\n    title: 'Additional info',\n    options: {\n      LiveChat: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Profile name',\n          value: 'Sara Davis'\n        }\n      ],\n      Twitter: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Twitter handle',\n          value: '@Connor'\n        },\n        {\n          id: '3',\n          name: 'Followers',\n          value: '13,556'\n        }\n      ],\n      Facebook: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Profile name',\n          value: 'Sara Davis'\n        }\n      ]\n    }\n  };\n  useOuterEvent('mousedown', [popoverRef, buttonRef], () => {\n    if (openPopover) setOpenPopover(false);\n  });\n\n  const header = (\n    <ChatHeader\n      title={Channels.options[args.selectedChannel || 'LiveChat'].title}\n      icon={Channels.options[args.selectedChannel || 'LiveChat'].icon}\n      aria-label='Chat header'\n      actions={\n        <Flex>\n          <Button\n            variant='simple'\n            onClick={() => setShowTranscripts(!showTranscripts)}\n            aria-label='Show transcripts'\n          >\n            <Flex\n              container={{\n                gap: 1,\n                alignItems: 'center'\n              }}\n            >\n              <Icon name='chats' />\n              <Text>Transcripts</Text>\n            </Flex>\n          </Button>\n          <Button\n            variant='simple'\n            icon\n            aria-label='chat info'\n            ref={setButtonRef}\n            onClick={() => setOpenPopover(current => !current)}\n          >\n            <Icon name='information' />\n          </Button>\n          <Popover\n            show={openPopover}\n            target={buttonRef}\n            ref={setPopoverRef}\n            arrow\n            placement='bottom-end'\n          >\n            <Flex container={{ direction: 'column', gap: 1, pad: 2 }}>\n              <Text variant='h4'>{additionalInfo.title}</Text>\n              <FieldValueList\n                variant='inline'\n                fields={additionalInfo.options[args.selectedChannel || 'LiveChat']}\n              />\n            </Flex>\n          </Popover>\n          <MenuButton\n            text='More actions'\n            icon='more'\n            iconOnly\n            variant='simple'\n            portal\n            menu={{\n              items: [\n                { primary: 'Transfer', id: 'transcript', onClick: action('Clicked Transfer') },\n                { primary: 'End chat', id: 'endChat', onClick: action('Clicked End chat') }\n              ]\n            }}\n          />\n        </Flex>\n      }\n    />\n  );\n\n  const [showEarlierTranscripts, setShowEarlierTranscripts] = useState(false);\n\n  const transcriptsContainerRef = useRef<HTMLDivElement>(null);\n\n  useOuterEvent('mousedown', [transcriptsContainerRef], () => {\n    setShowTranscripts(false);\n  });\n\n  const utilityComp = useMemo<ChatProps['utility'] | undefined>(() => {\n    return showTranscripts ? (\n      <div ref={transcriptsContainerRef}>\n        {!showEarlierTranscripts && (\n          <Flex\n            container={{\n              direction: 'column',\n              alignItems: 'center',\n              gap: 1\n            }}\n          >\n            <Button\n              icon\n              aria-label='Show earlier transcripts'\n              variant='secondary'\n              onClick={() => {\n                setShowEarlierTranscripts(!showEarlierTranscripts);\n              }}\n            >\n              <Icon name='caret-up' />\n            </Button>\n          </Flex>\n        )}\n        {transcripts\n          .sort((transcript: any) => transcript.earlierTranscripts)\n          .filter((transcript: any) =>\n            showEarlierTranscripts ? true : !transcript.earlierTranscripts\n          )\n          .map((transcript: any) => {\n            const transcriptData: any = transcript.data.map(\n              (message: {\n                messagePrivacy: { privacy: string };\n                transcriptHeader: { content: ReactElement; meta: JSX.Element };\n              }) => {\n                if (message.messagePrivacy) {\n                  message.transcriptHeader = {\n                    content: <Status variant='warn'>{message.messagePrivacy.privacy}</Status>,\n                    meta: <Link href='/'>I-12345</Link>\n                  };\n                }\n                return message;\n              }\n            );\n\n            return (\n              <ChatTranscript\n                tabIndex={0}\n                title={transcript.title}\n                key={transcript.id}\n                transcript={transcriptData}\n              />\n            );\n          })}\n      </div>\n    ) : undefined;\n  }, [showTranscripts, setShowTranscripts, showEarlierTranscripts, setShowEarlierTranscripts]);\n\n  const chatBanner: BannerProps = {\n    id: 'warning',\n    messages: ['This is a public interaction and any responses will be public and visible'],\n    heading: 'Warning',\n    variant: 'warning'\n  };\n  const body = (\n    <ChatBody>\n      <MessageList\n        unReadMessageCount={unreadMessagesCount}\n        onScrollToButtonClick={() => {\n          const newRandomMessageId = Math.random().toString(36).substr(2, 9);\n          setChatMessages(prevChatMessages =>\n            prevChatMessages.map(message => {\n              if (message.id === NewMessageSeparatorId) {\n                message.id = newRandomMessageId;\n              }\n              return message;\n            })\n          );\n          const timeOutId: number = window.setTimeout(() => {\n            setChatMessages(prevChatMessages =>\n              prevChatMessages.filter(({ id }) => id !== newRandomMessageId)\n            );\n            timers.current = timers.current.filter(id => id !== timeOutId);\n          }, 5000);\n          timers.current.push(timeOutId);\n          setUnreadMessagesCount(0);\n        }}\n        tabIndex={0}\n        ref={conversationRef}\n        messages={[\n          ...chatMessages,\n          {\n            id: 'Pegasystems',\n            type: 'typing',\n            avatarInfo: {\n              name: 'Pegasystems',\n              imageSrc:\n                'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n            },\n            message: args.message,\n            ariaLabel: 'Pegasystems is typing'\n          }\n        ]}\n      />\n    </ChatBody>\n  );\n\n  const chatComposerImperativeHandleRef = useRef<ChatComposerImperativeHandleProps>(null);\n\n  const [mountPopover, setMountPopover] = useState(false);\n  const specialKeysConfig = {\n    keys: ['//'],\n    onSpecialKey: (e: SyntheticEvent<HTMLTextAreaElement>, key: string) => {\n      action(`Event is  ${e}`)();\n      action(`Typed special key is ${key}`)();\n      if (chatComposerImperativeHandleRef.current) {\n        setMountPopover(!mountPopover);\n      }\n    }\n  };\n\n  const insertPhrasesMessage = (message: string) => {\n    if (chatComposerImperativeHandleRef.current) {\n      chatComposerImperativeHandleRef.current.appendToMessage(message, 'specialKey');\n      setMountPopover(false);\n    }\n  };\n\n  useOuterEvent(\n    'mousedown',\n    [chatComposerImperativeHandleRef?.current?.chatComposerRef?.current as Element],\n    () => {\n      setMountPopover(false);\n    }\n  );\n\n  const footer = (\n    <ChatComposer\n      ref={chatComposerImperativeHandleRef}\n      maxAttachments={args.maxAttachments}\n      attachments={attachments}\n      specialKeysConfig={specialKeysConfig}\n      showEmoji\n      disabled={args.disableChat}\n      onAddAttachment={() => {\n        setAttachments([\n          ...attachments,\n          {\n            id: `${attachments.length} statement.pdf`,\n            name: `${attachments.length} statement.pdf`,\n            onDelete: onDeleteAttachment\n          }\n        ]);\n      }}\n      maxLength={args.maxLength}\n      placeholder={args.placeholder}\n      defaultMessage={args.defaultMessage}\n      onSend={message => {\n        action(`onAppendMessage: ${message}`)();\n        appendMessage({\n          ...participants.sender,\n          type: 'message',\n          message,\n          timeStamp: '1:45 PM'\n        });\n      }}\n    >\n      <MenuButton text='Phrases' actions={[]} disabled={args.disableChat} />\n      <MenuButton text='Page push' actions={[]} disabled={args.disableChat} />\n      <Popover\n        show={mountPopover}\n        target={chatComposerImperativeHandleRef?.current?.textAreaRef?.current as Element}\n        placement='top-start'\n      >\n        <Menu\n          scrollAt={20}\n          items={ChatMockData.phrasesDisplayNames.map((name, idx) => ({\n            primary: name,\n            id: idx.toString(),\n            onClick: () => insertPhrasesMessage(ChatMockData.phrasesMessages[idx])\n          }))}\n        />\n      </Popover>\n    </ChatComposer>\n  );\n\n  const suggestedReplyPicker =\n    suggestedReplies.length > 0 && showSuggestedReplies ? (\n      <SuggestedReplyPicker\n        replies={suggestedReplies}\n        onSelect={(suggestedReply: SuggestedReply) => {\n          chatComposerImperativeHandleRef.current?.appendToMessage(\n            suggestedReply.message,\n            'cursor'\n          );\n          setShowSuggestedReplies(false);\n        }}\n        onDismiss={() => {\n          setShowSuggestedReplies(false);\n        }}\n      />\n    ) : undefined;\n  const fetchGoogleSprite = () => {\n    return 'https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png';\n  };\n\n  return (\n    <EmojiContext.Provider value={{ set: 'google', spriteSrcResolver: fetchGoogleSprite }}>\n      <Flex\n        container={{\n          justify: 'center'\n        }}\n        style={{\n          height: 'calc(100vh)',\n          width: args.chatWidth || '30rem',\n          margin: 'auto'\n        }}\n      >\n        <Chat\n          utility={utilityComp}\n          header={header}\n          banner={args.showChatBanner ? chatBanner : undefined}\n          body={body}\n          footer={footer}\n          suggestedReplyPicker={suggestedReplyPicker}\n        />\n      </Flex>\n    </EmojiContext.Provider>\n  );\n};\n\nStandardChat.args = {\n  maxAttachments: 2,\n  selectedChannel: 'LiveChat',\n  showChatBanner: true,\n  disableChat: false,\n  simulateConversation: false,\n  message: '',\n  placeholder: 'Enter message',\n  defaultMessage:\n    'Greetings! Hope you are having a great time, Please reach out to us for any help, Thanks!',\n  maxLength: 280\n};\n\nStandardChat.argTypes = {\n  maxAttachments: { control: { type: 'number' } },\n  selectedChannel: { options: ['LiveChat', 'Twitter', 'Facebook'], control: { type: 'select' } },\n  showChatBanner: { control: { type: 'boolean' } },\n  disableChat: { control: { type: 'boolean' } },\n  simulateConversation: { control: { type: 'boolean' } },\n  message: { control: { type: 'text' } },\n  placeholder: { control: { type: 'text' } },\n  defaultMessage: { control: { type: 'text' } },\n  maxLength: { control: { type: 'number' } }\n};\n\nStandardChat.parameters = {\n  layout: 'fullscreen'\n};\n\n/** *************************** Standard Chat component - END ************************ */\n"]}
+{"version":3,"file":"Chat.stories.js","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  ReactElement,\n  SyntheticEvent\n} from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n  Button,\n  Icon,\n  registerIcon,\n  Text,\n  MenuButton,\n  Flex,\n  Popover,\n  Link,\n  Status,\n  EmojiContext,\n  BannerProps,\n  createUID,\n  useOuterEvent,\n  TextArea,\n  Select,\n  Option,\n  Menu,\n  useElement,\n  FieldValueList,\n  useModalManager,\n  useModalContext,\n  Modal,\n  SummaryItem,\n  useToaster\n} from '@pega/cosmos-react-core';\nimport * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\nimport {\n  Chat,\n  ChatProps,\n  ChatHeader,\n  ChatBody,\n  ChatComposer,\n  ChatTranscript,\n  Message,\n  MessageList,\n  MessageProps,\n  MessageListItemProps,\n  MessageListImperativeHandleProps,\n  NewMessageSeparatorId,\n  AttachmentItemProps,\n  ChatComposerImperativeHandleProps,\n  SuggestedReply,\n  SuggestedReplyPicker,\n  SystemMessage,\n  TranscriptMessage,\n  TypeIndicator\n} from '@pega/cosmos-react-social';\n\nimport { ChatMockData } from './Chat.mocks';\n\nregisterIcon(forwardIcon, replyIcon, replyAllIcon, arrowMicroDownIcon);\n\nexport default {\n  title: 'Social/Chat',\n  component: Chat\n} as Meta;\n\n/** *********************** ChatHeader component - START *********************** */\nexport const ChatHeaderDemo: Story = () => {\n  const actionsConfig = (\n    <Flex>\n      <Button variant='simple' aria-label='Show transcripts'>\n        <Flex\n          container={{\n            gap: 1,\n            alignItems: 'center'\n          }}\n        >\n          <Icon name='chats' />\n          <Text>Transcripts</Text>\n        </Flex>\n      </Button>\n      <Button variant='simple' icon aria-label='chat info'>\n        <Icon name='information' />\n      </Button>\n    </Flex>\n  );\n\n  return (\n    <ChatHeader\n      title='Live chat'\n      icon='chat'\n      aria-label='Chat header'\n      actions={actionsConfig}\n      sentiment={{\n        variant: 'positive'\n      }}\n    />\n  );\n};\n/** ***************************** ChatHeader component - END ******************* */\n\n/** **************************** MessageList component - START ************************* */\nexport const MessageListDemo: Story = () => {\n  const messages: any[] = ChatMockData.chatMessages;\n\n  const [unReadMessageCount, setUnReadMessagesCount] = useState(1);\n\n  return (\n    <Flex container style={{ height: '80vh' }}>\n      <MessageList\n        tabIndex={0}\n        messages={messages}\n        unReadMessageCount={unReadMessageCount}\n        onScrollToButtonClick={() => {\n          setUnReadMessagesCount(0);\n        }}\n      />\n    </Flex>\n  );\n};\n/** **************************** MessageList component - END **************************** */\n\n/** ***************************** Message component - START ********************** */\nexport const MessageDemo: Story<MessageProps> = (args: MessageProps) => {\n  const actions: AttachmentItemProps['actions'] = [\n    {\n      text: 'Associate with case',\n      id: 'Associate with case',\n      onClick: () => {\n        action('Associate with case');\n      }\n    },\n    {\n      text: 'Download',\n      id: 'Download',\n      onClick: () => {\n        action('Download');\n      }\n    }\n  ];\n\n  const attachments = [\n    {\n      id: '2499167340',\n      name: 'Location',\n      icon: 'document',\n      meta: 'PNG 0.1 MB',\n      thumbnail:\n        'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg',\n      actions\n    },\n    {\n      id: '2499167341',\n      name: 'FAQ with detailed terms and conditions of the policy',\n      icon: 'document-pdf',\n      meta: 'PDF 0.7 MB',\n      actions\n    }\n  ];\n  const pagePushLinks = [\n    {\n      id: '2499167349',\n      href: 'https://collaborate.pega.com/',\n      thumbnail:\n        'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',\n      title: 'Ask the expert'\n    }\n  ];\n  return (\n    <>\n      {/* Message with attachments  */}\n      <Message\n        type='message'\n        attachments={attachments}\n        avatarInfo={{ name: 'John Brown' }}\n        timeStamp='1:44 PM'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        variant={args.variant}\n        direction={args.direction}\n      />\n      <br />\n      {/* Message with page push links */}\n      <Message\n        type='message'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        avatarInfo={{ name: 'John Brown' }}\n        pagePushLinks={pagePushLinks}\n        variant={args.variant}\n        direction={args.direction}\n      />\n      <br />\n      {/* Normal message with plain text */}\n      <Message\n        type='message'\n        message='Hi, Welcome to u-plus. How can I help you ?'\n        avatarInfo={{ name: 'John Brown' }}\n        variant='sender'\n        direction='out'\n        status='undelivered'\n      />\n    </>\n  );\n};\n\nMessageDemo.args = {\n  variant: 'receiver',\n  direction: 'in'\n};\n\nMessageDemo.argTypes = {\n  variant: { options: ['receiver', 'sender', 'other'], control: { type: 'select' } },\n  direction: { options: ['in', 'out'], control: { type: 'select' } }\n};\n/** ***************************** Message component - END *********************** */\n\n/** **************************** SystemMessage component - START ***************** */\nexport const SystemMessageDemo: Story = () => (\n  <SystemMessage message='John Brown has joined' timeStamp='10:00 AM' />\n);\n/** ***************************** SystemMessage component - END ******************** */\n\n/** ***************************** TypeIndicator component - START ****************** */\ninterface TypeIndicatorDemoProps {\n  message?: string;\n}\nexport const TypeIndicatorDemo: Story<TypeIndicatorDemoProps> = (args: TypeIndicatorDemoProps) => {\n  return <TypeIndicator avatarInfo={{ name: 'John Brown' }} message={args.message} />;\n};\n\nTypeIndicatorDemo.args = {\n  message: ''\n};\n\nTypeIndicatorDemo.argTypes = {\n  message: { control: { type: 'text' } }\n};\n/** *************************** TypeIndicator component - END *********************** */\n\n/** ************************** ChatTranscripts component - START ********************* */\nexport const ChatTranscriptsDemo: Story = () => {\n  return (\n    <>\n      {ChatMockData.transcripts.map((transcript: any) => {\n        return (\n          <ChatTranscript\n            tabIndex={0}\n            title={transcript.title}\n            key={transcript.id}\n            transcript={transcript.data}\n          />\n        );\n      })}\n    </>\n  );\n};\n/** **************************** ChatTranscripts component - END ************************ */\n\n/** *************************** TranscriptMessage component - START ****************** */\nexport const TranscriptMessageDemo: Story = () => (\n  <TranscriptMessage\n    timeStamp='01:20 PM'\n    variant='bot'\n    message='Hello… This is bot. How can I help you? Please select your category.'\n  />\n);\n/** *************************** TranscriptMessage component - END ******************** */\n\n/** *************************** SuggestedReplyPicker component - START ****************** */\n\nexport const SuggestedReplyPickerDemo: Story = () => {\n  const suggestedReplies: SuggestedReply[] = [\n    {\n      id: createUID(),\n      message: 'Hello, Good morning Sara. How can I help you today',\n      confidence: 95\n    },\n    {\n      id: createUID(),\n      message:\n        'Sorry to hear that. I will surely help you resolve the issue. Can you please provide the policy id, so that I can get more details',\n      confidence: 75\n    }\n  ];\n  return (\n    <SuggestedReplyPicker\n      replies={suggestedReplies}\n      onSelect={suggestedReply => {\n        action(`Suggested reply picked ${suggestedReply.message}`)();\n      }}\n      onDismiss={action('Suggested reply dismissed')}\n    />\n  );\n};\n\n/** *************************** SuggestedReplyPicker component - END ****************** */\n\n/** ******************************* ChatComposer component - START ************************ */\ninterface ChatComposerDemoProps {\n  maxAttachments?: number;\n}\n\nexport const ChatComposerDemo: Story<ChatComposerDemoProps> = (args: ChatComposerDemoProps) => (\n  <ChatComposer\n    maxAttachments={args.maxAttachments}\n    attachments={ChatMockData.defaultAttachments}\n    maxLength={256}\n    placeholder='Type here to send message'\n    onSend={() => {}}\n  >\n    <MenuButton text='Phrases' menu={{ items: [] }} />\n    <MenuButton text='Page Push' menu={{ items: [] }} />\n  </ChatComposer>\n);\n\nChatComposerDemo.args = {\n  maxAttachments: 2\n};\n\nChatComposerDemo.argTypes = {\n  maxAttachments: { control: { type: 'number' } }\n};\n/** *********************************** ChatComposer component - END ********************** */\n\n/** *********************************** Standard Chat component - START ******************** */\ninterface StandardChatProps {\n  maxAttachments?: number;\n  chatWidth?: string;\n  selectedChannel?: string;\n  showChatBanner?: boolean;\n  disableChat?: boolean;\n  simulateConversation?: boolean;\n  message?: string;\n  placeholder?: string;\n  defaultMessage?: string;\n  maxLength?: number;\n}\n\nexport const StandardChat: Story<StandardChatProps> = (args: StandardChatProps) => {\n  const ChatMockDataClone: any = useMemo(() => {\n    return JSON.parse(JSON.stringify(ChatMockData));\n  }, [ChatMockData]);\n\n  const Channels: {\n    label: string;\n    options: any;\n  } = {\n    label: 'Channel',\n    options: {\n      LiveChat: {\n        title: 'Live chat',\n        icon: 'chat'\n      },\n      Twitter: {\n        title: 'Twitter chat',\n        icon: 'twitter'\n      },\n      Facebook: {\n        title: 'Facebook messenger',\n        icon: 'facebook'\n      }\n    }\n  };\n\n  const {\n    participants,\n    chatMessages: mockChatMessagesJson,\n    transcripts,\n    defaultAttachments,\n    suggestedReplies\n  }: {\n    participants: any;\n    chatMessages: any[];\n    transcripts: [];\n    defaultAttachments: any[];\n    suggestedReplies: SuggestedReply[];\n  } = ChatMockDataClone;\n\n  const conversationRatingMessage: MessageListItemProps = {\n    id: createUID(),\n    variant: 'receiver',\n    direction: 'in',\n    type: 'message',\n    message: (\n      <Flex\n        container={{\n          direction: 'column',\n          gap: 1\n        }}\n      >\n        <TextArea\n          placeholder='Please comment…'\n          label='Please comment on our service performance and how we can better serve you. Thank you for your time.'\n        />\n        <Select label='Is the problem resolved?'>\n          <Option>Yes</Option>\n          <Option>No</Option>\n        </Select>\n        <Flex\n          container={{\n            justify: 'center'\n          }}\n        >\n          <Button variant='primary'>Submit</Button>\n        </Flex>\n      </Flex>\n    )\n  };\n\n  const { create } = useModalManager();\n\n  const MyModal = () => {\n    const { dismiss } = useModalContext();\n    const { push } = useToaster();\n\n    return (\n      <Modal\n        heading='Associate with case'\n        actions={\n          <>\n            <Button\n              onClick={() => {\n                dismiss();\n                push({ content: 'Cancelled' });\n              }}\n            >\n              Cancel\n            </Button>\n            <Button\n              variant='primary'\n              onClick={() => {\n                dismiss();\n                push({ content: 'Successfully Submitted!!' });\n              }}\n            >\n              Submit\n            </Button>\n          </>\n        }\n        center\n      >\n        <Flex container={{ gap: 2, direction: 'column' }}>\n          <SummaryItem\n            primary={<Text variant='secondary'>Security policy</Text>}\n            secondary={<Text variant='secondary'>PNG - 6.1MB</Text>}\n            visual={<Icon name='document-doc' />}\n          />\n          <Select label='Select a service case' style={{ width: '15rem' }}>\n            <Option value=''>Select…</Option>\n            <Option value='Make payment' selected>\n              Make payment\n            </Option>\n            <Option value='Facilities'>Facilities</Option>\n          </Select>\n        </Flex>\n      </Modal>\n    );\n  };\n\n  const onAssociateWithCase = () => {\n    create(MyModal);\n  };\n\n  const actions: AttachmentItemProps['actions'] = [\n    {\n      text: 'Associate with case',\n      id: 'Associate with case',\n      onClick: () => {\n        action('Associate with case');\n        onAssociateWithCase();\n      }\n    },\n    {\n      text: 'Download',\n      id: 'Download',\n      onClick: () => {\n        action('Download');\n      }\n    }\n  ];\n\n  const mockChatMessages = useMemo(() => {\n    return [\n      ...mockChatMessagesJson.map(message => {\n        const { messagePrivacy, ...restMessageData } = message;\n        if (messagePrivacy) {\n          restMessageData.messageHeader = {\n            content: <span>{messagePrivacy}</span>,\n            meta: <Link href='/'>I-12345</Link>\n          };\n        }\n        if (restMessageData.attachments) {\n          restMessageData.attachments = restMessageData.attachments.map(\n            (item: AttachmentItemProps) => {\n              return {\n                ...item,\n                actions\n              };\n            }\n          );\n        }\n        return restMessageData;\n      }),\n      conversationRatingMessage\n    ];\n  }, []);\n\n  const conversationRef = useRef<MessageListImperativeHandleProps>(null);\n  const timers = useRef<number[]>([]);\n\n  useEffect(() => {\n    return () => {\n      timers.current.forEach(clearTimeout);\n    };\n  }, []);\n\n  const [showSuggestedReplies, setShowSuggestedReplies] = useState(true);\n  const [showTranscripts, setShowTranscripts] = useState(false);\n  const [attachments, setAttachments] = useState<AttachmentItemProps[]>(defaultAttachments);\n  const [unreadMessagesCount, setUnreadMessagesCount] = useState(0);\n  const [chatMessages, setChatMessages] = useState<any[]>(\n    args.simulateConversation ? mockChatMessages.slice(0, 0) : mockChatMessages\n  );\n\n  const onDeleteAttachment = useCallback(\n    (name: string) => {\n      setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));\n    },\n    [setAttachments]\n  );\n\n  useEffect(() => {\n    setAttachments(\n      defaultAttachments.map((item: any) => {\n        return {\n          ...item,\n          onDelete: onDeleteAttachment\n        };\n      })\n    );\n  }, [defaultAttachments]);\n\n  const appendMessage = (message: any) => {\n    const incrementUnreadMessageCount = conversationRef.current?.isScrolledToLatest();\n    setChatMessages(prevChatMessages => {\n      const newMockMessage: any = {\n        ...message\n      };\n      newMockMessage.id = `m-${message.id ? message.id : prevChatMessages.length}`;\n      if (\n        !incrementUnreadMessageCount &&\n        prevChatMessages.filter(({ id }) => id === NewMessageSeparatorId).length === 0\n      ) {\n        return [\n          ...prevChatMessages,\n          {\n            id: NewMessageSeparatorId,\n            type: 'system',\n            message: 'New messages',\n            variant: 'primary'\n          },\n          newMockMessage\n        ];\n      }\n      return [...prevChatMessages, newMockMessage];\n    });\n    if (!incrementUnreadMessageCount) {\n      setUnreadMessagesCount(prevCount => prevCount + 1);\n    }\n  };\n\n  useEffect(() => {\n    if (args.simulateConversation) {\n      const timeOutId = setTimeout(() => {\n        if (mockChatMessages.length) {\n          appendMessage(mockChatMessages.shift());\n        }\n      }, 1500);\n      return () => {\n        clearTimeout(timeOutId);\n      };\n    }\n  }, [chatMessages, args.simulateConversation]);\n\n  const [openPopover, setOpenPopover] = useState(false);\n  const [popoverRef, setPopoverRef] = useElement<HTMLElement>();\n  const [buttonRef, setButtonRef] = useElement<HTMLElement>();\n  const additionalInfo: {\n    title: string;\n    options: any;\n  } = {\n    title: 'Additional info',\n    options: {\n      LiveChat: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Profile name',\n          value: 'Sara Davis'\n        }\n      ],\n      Twitter: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Twitter handle',\n          value: '@Connor'\n        },\n        {\n          id: '3',\n          name: 'Followers',\n          value: '13,556'\n        }\n      ],\n      Facebook: [\n        {\n          id: '1',\n          name: 'Session status',\n          value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n        },\n        {\n          id: '2',\n          name: 'Profile name',\n          value: 'Sara Davis'\n        }\n      ]\n    }\n  };\n  useOuterEvent('mousedown', [popoverRef, buttonRef], () => {\n    if (openPopover) setOpenPopover(false);\n  });\n\n  const header = (\n    <ChatHeader\n      title={Channels.options[args.selectedChannel || 'LiveChat'].title}\n      icon={Channels.options[args.selectedChannel || 'LiveChat'].icon}\n      aria-label='Chat header'\n      sentiment={{\n        variant: 'positive'\n      }}\n      actions={\n        <Flex>\n          <Button\n            variant='simple'\n            onClick={() => setShowTranscripts(!showTranscripts)}\n            aria-label='Show transcripts'\n          >\n            <Flex\n              container={{\n                gap: 1,\n                alignItems: 'center'\n              }}\n            >\n              <Icon name='chats' />\n              <Text>Transcripts</Text>\n            </Flex>\n          </Button>\n          <Button\n            variant='simple'\n            icon\n            aria-label='chat info'\n            ref={setButtonRef}\n            onClick={() => setOpenPopover(current => !current)}\n          >\n            <Icon name='information' />\n          </Button>\n          <Popover\n            show={openPopover}\n            target={buttonRef}\n            ref={setPopoverRef}\n            arrow\n            placement='bottom-end'\n          >\n            <Flex container={{ direction: 'column', gap: 1, pad: 2 }}>\n              <Text variant='h4'>{additionalInfo.title}</Text>\n              <FieldValueList\n                variant='inline'\n                fields={additionalInfo.options[args.selectedChannel || 'LiveChat']}\n              />\n            </Flex>\n          </Popover>\n          <MenuButton\n            text='More actions'\n            icon='more'\n            iconOnly\n            variant='simple'\n            portal\n            menu={{\n              items: [\n                { primary: 'Transfer', id: 'transcript', onClick: action('Clicked Transfer') },\n                { primary: 'End chat', id: 'endChat', onClick: action('Clicked End chat') }\n              ]\n            }}\n          />\n        </Flex>\n      }\n    />\n  );\n\n  const [showEarlierTranscripts, setShowEarlierTranscripts] = useState(false);\n\n  const transcriptsContainerRef = useRef<HTMLDivElement>(null);\n\n  useOuterEvent('mousedown', [transcriptsContainerRef], () => {\n    setShowTranscripts(false);\n  });\n\n  const utilityComp = useMemo<ChatProps['utility'] | undefined>(() => {\n    return showTranscripts ? (\n      <div ref={transcriptsContainerRef}>\n        {!showEarlierTranscripts && (\n          <Flex\n            container={{\n              direction: 'column',\n              alignItems: 'center',\n              gap: 1\n            }}\n          >\n            <Button\n              icon\n              aria-label='Show earlier transcripts'\n              variant='secondary'\n              onClick={() => {\n                setShowEarlierTranscripts(!showEarlierTranscripts);\n              }}\n            >\n              <Icon name='caret-up' />\n            </Button>\n          </Flex>\n        )}\n        {transcripts\n          .sort((transcript: any) => transcript.earlierTranscripts)\n          .filter((transcript: any) =>\n            showEarlierTranscripts ? true : !transcript.earlierTranscripts\n          )\n          .map((transcript: any) => {\n            const transcriptData: any = transcript.data.map(\n              (message: {\n                messagePrivacy: { privacy: string };\n                transcriptHeader: { content: ReactElement; meta: JSX.Element };\n              }) => {\n                if (message.messagePrivacy) {\n                  message.transcriptHeader = {\n                    content: <Status variant='warn'>{message.messagePrivacy.privacy}</Status>,\n                    meta: <Link href='/'>I-12345</Link>\n                  };\n                }\n                return message;\n              }\n            );\n\n            return (\n              <ChatTranscript\n                tabIndex={0}\n                title={transcript.title}\n                key={transcript.id}\n                transcript={transcriptData}\n              />\n            );\n          })}\n      </div>\n    ) : undefined;\n  }, [showTranscripts, setShowTranscripts, showEarlierTranscripts, setShowEarlierTranscripts]);\n\n  const chatBanner: BannerProps = {\n    id: 'warning',\n    messages: ['This is a public interaction and any responses will be public and visible'],\n    heading: 'Warning',\n    variant: 'warning'\n  };\n  const body = (\n    <ChatBody>\n      <MessageList\n        unReadMessageCount={unreadMessagesCount}\n        onScrollToButtonClick={() => {\n          const newRandomMessageId = Math.random().toString(36).substr(2, 9);\n          setChatMessages(prevChatMessages =>\n            prevChatMessages.map(message => {\n              if (message.id === NewMessageSeparatorId) {\n                message.id = newRandomMessageId;\n              }\n              return message;\n            })\n          );\n          const timeOutId: number = window.setTimeout(() => {\n            setChatMessages(prevChatMessages =>\n              prevChatMessages.filter(({ id }) => id !== newRandomMessageId)\n            );\n            timers.current = timers.current.filter(id => id !== timeOutId);\n          }, 5000);\n          timers.current.push(timeOutId);\n          setUnreadMessagesCount(0);\n        }}\n        tabIndex={0}\n        ref={conversationRef}\n        messages={[\n          ...chatMessages,\n          {\n            id: 'Pegasystems',\n            type: 'typing',\n            avatarInfo: {\n              name: 'Pegasystems',\n              imageSrc:\n                'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n            },\n            message: args.message,\n            ariaLabel: 'Pegasystems is typing'\n          }\n        ]}\n      />\n    </ChatBody>\n  );\n\n  const chatComposerImperativeHandleRef = useRef<ChatComposerImperativeHandleProps>(null);\n\n  const [mountPopover, setMountPopover] = useState(false);\n  const specialKeysConfig = {\n    keys: ['//'],\n    onSpecialKey: (e: SyntheticEvent<HTMLTextAreaElement>, key: string) => {\n      action(`Event is  ${e}`)();\n      action(`Typed special key is ${key}`)();\n      if (chatComposerImperativeHandleRef.current) {\n        setMountPopover(!mountPopover);\n      }\n    }\n  };\n\n  const insertPhrasesMessage = (message: string) => {\n    if (chatComposerImperativeHandleRef.current) {\n      chatComposerImperativeHandleRef.current.appendToMessage(message, 'specialKey');\n      setMountPopover(false);\n    }\n  };\n\n  useOuterEvent(\n    'mousedown',\n    [chatComposerImperativeHandleRef?.current?.chatComposerRef?.current as Element],\n    () => {\n      setMountPopover(false);\n    }\n  );\n\n  const footer = (\n    <ChatComposer\n      ref={chatComposerImperativeHandleRef}\n      maxAttachments={args.maxAttachments}\n      attachments={attachments}\n      specialKeysConfig={specialKeysConfig}\n      showEmoji\n      disabled={args.disableChat}\n      onAddAttachment={() => {\n        setAttachments([\n          ...attachments,\n          {\n            id: `${attachments.length} statement.pdf`,\n            name: `${attachments.length} statement.pdf`,\n            onDelete: onDeleteAttachment\n          }\n        ]);\n      }}\n      maxLength={args.maxLength}\n      placeholder={args.placeholder}\n      defaultMessage={args.defaultMessage}\n      onSend={message => {\n        action(`onAppendMessage: ${message}`)();\n        appendMessage({\n          ...participants.sender,\n          type: 'message',\n          message,\n          timeStamp: '1:45 PM'\n        });\n      }}\n    >\n      <MenuButton text='Phrases' actions={[]} disabled={args.disableChat} />\n      <MenuButton text='Page push' actions={[]} disabled={args.disableChat} />\n      <Popover\n        show={mountPopover}\n        target={chatComposerImperativeHandleRef?.current?.textAreaRef?.current as Element}\n        placement='top-start'\n      >\n        <Menu\n          scrollAt={20}\n          items={ChatMockData.phrasesDisplayNames.map((name, idx) => ({\n            primary: name,\n            id: idx.toString(),\n            onClick: () => insertPhrasesMessage(ChatMockData.phrasesMessages[idx])\n          }))}\n        />\n      </Popover>\n    </ChatComposer>\n  );\n\n  const suggestedReplyPicker =\n    suggestedReplies.length > 0 && showSuggestedReplies ? (\n      <SuggestedReplyPicker\n        replies={suggestedReplies}\n        onSelect={(suggestedReply: SuggestedReply) => {\n          chatComposerImperativeHandleRef.current?.appendToMessage(\n            suggestedReply.message,\n            'cursor'\n          );\n          setShowSuggestedReplies(false);\n        }}\n        onDismiss={() => {\n          setShowSuggestedReplies(false);\n        }}\n      />\n    ) : undefined;\n  const fetchGoogleSprite = () => {\n    return 'https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png';\n  };\n\n  return (\n    <EmojiContext.Provider value={{ set: 'google', spriteSrcResolver: fetchGoogleSprite }}>\n      <Flex\n        container={{\n          justify: 'center'\n        }}\n        style={{\n          height: 'calc(100vh)',\n          width: args.chatWidth || '30rem',\n          margin: 'auto'\n        }}\n      >\n        <Chat\n          utility={utilityComp}\n          header={header}\n          banner={args.showChatBanner ? chatBanner : undefined}\n          body={body}\n          footer={footer}\n          suggestedReplyPicker={suggestedReplyPicker}\n        />\n      </Flex>\n    </EmojiContext.Provider>\n  );\n};\n\nStandardChat.args = {\n  maxAttachments: 2,\n  selectedChannel: 'LiveChat',\n  showChatBanner: true,\n  disableChat: false,\n  simulateConversation: false,\n  message: '',\n  placeholder: 'Enter message',\n  defaultMessage:\n    'Greetings! Hope you are having a great time, Please reach out to us for any help, Thanks!',\n  maxLength: 280\n};\n\nStandardChat.argTypes = {\n  maxAttachments: { control: { type: 'number' } },\n  selectedChannel: { options: ['LiveChat', 'Twitter', 'Facebook'], control: { type: 'select' } },\n  showChatBanner: { control: { type: 'boolean' } },\n  disableChat: { control: { type: 'boolean' } },\n  simulateConversation: { control: { type: 'boolean' } },\n  message: { control: { type: 'text' } },\n  placeholder: { control: { type: 'text' } },\n  defaultMessage: { control: { type: 'text' } },\n  maxLength: { control: { type: 'number' } }\n};\n\nStandardChat.parameters = {\n  layout: 'fullscreen'\n};\n\n/** *************************** Standard Chat component - END ************************ */\n"]}

package/lib/social/Email/Email.mocks.d.ts

@@ -6,6 +6,16 @@ import { EmailComposerHandleValue } from '@pega/cosmos-react-social/lib/componen
 export declare const emailBodyContent = "<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>";
 export declare const emailAttachments: EmailComposerProps['data']['attachments'];
 export declare const participants: EmailComposerProps['participants'];
+export declare const mailDeliverySystemEmail: {
+    emailAddress: string;
+    fullName: string;
+    shortName: string;
+};
+export declare const supportTeamEmail: {
+    emailAddress: string;
+    fullName: string;
+    shortName: string;
+};
 export declare const toParticipants: string[];
 export declare const ccParticipants: string[];
 export declare const bccParticipants: string[];