@nyaruka/temba-components 0.91.6 → 0.93.0

package/src/webchat/index.ts

@@ -1,6 +1,28 @@
+import { User } from '../interfaces';
+
 export const SVG_FINGERPRINT = 'febafb41c2fd60efa2bdaead993c7087';
 
 // webchat spritesheet
 export enum WebChatIcon {
-  send = 'send-03'
+  send = 'send-03',
+  attachment = 'paperclip',
+  attachment_audio = 'volume-min',
+  attachment_document = 'file-06',
+  attachment_image = 'image-01',
+  attachment_location = 'marker-pin-01',
+  attachment_video = 'video-recorder'
 }
+
+export const getUserDisplay = (user: User) => {
+  if (user) {
+    if (user.first_name && user.last_name) {
+      return `${user.first_name} ${user.last_name}`;
+    }
+
+    if (user.first_name) {
+      return user.first_name;
+    }
+
+    return user.email;
+  }
+};

package/static/css/temba-components.css

@@ -33,6 +33,8 @@
     /* primary colors, should be dark */
     --color-selection: #f0f6ff;
 
+
+    --widget-box-shadow: rgba(-1, -1, 0, .15) 0px 1px 7px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
     --widget-box-shadow-focused: 0 0 0 3px rgba(164, 202, 254, .45);
     --widget-box-shadow-focused-error: 0 0 0 3px rgba(var(--error-rgb), 0.3);
 

package/temba-modules.ts

@@ -11,7 +11,6 @@ import { Loading } from './src/loading/Loading';
 import { CharCount } from './src/charcount/CharCount';
 import { Options } from './src/options/Options';
 import { ContactChat } from './src/contacts/ContactChat';
-import { ContactHistory } from './src/contacts/ContactHistory';
 import { TicketList } from './src/list/TicketList';
 import { ContactDetails } from './src/contacts/ContactDetails';
 import { TembaList } from './src/list/TembaList';
@@ -56,6 +55,7 @@ import { Mask } from './src/mask/Mask';
 import { TembaUser } from './src/user/TembaUser';
 import { TemplateEditor } from './src/templates/TemplateEditor';
 import { Toast } from './src/toast/Toast';
+import { Chat } from './src/chat/Chat';
 import { MediaPicker } from './src/mediapicker/MediaPicker';
 
 export function addCustomElement(name: string, comp: any) {
@@ -91,7 +91,6 @@ addCustomElement('temba-field', FormField);
 addCustomElement('temba-dialog', Dialog);
 addCustomElement('temba-modax', Modax);
 addCustomElement('temba-charcount', CharCount);
-addCustomElement('temba-contact-history', ContactHistory);
 addCustomElement('temba-contact-chat', ContactChat);
 addCustomElement('temba-contact-details', ContactDetails);
 addCustomElement('temba-ticket-list', TicketList);
@@ -123,4 +122,5 @@ addCustomElement('temba-mask', Mask);
 addCustomElement('temba-user', TembaUser);
 addCustomElement('temba-template-editor', TemplateEditor);
 addCustomElement('temba-toast', Toast);
+addCustomElement('temba-chat', Chat);
 addCustomElement('temba-media-picker', MediaPicker);

package/temba-webchat.ts

@@ -1,3 +1,4 @@
+import { Chat } from './src/chat/Chat';
 import { VectorIcon } from './src/vectoricon/VectorIcon';
 import { WebChat } from './src/webchat/WebChat';
 
@@ -8,4 +9,5 @@ export function addCustomElement(name: string, comp: any) {
 }
 
 addCustomElement('temba-icon', VectorIcon);
+addCustomElement('temba-chat', Chat);
 addCustomElement('temba-webchat', WebChat);

package/test/temba-contact-chat.test.ts

@@ -38,6 +38,7 @@ const getContactChat = async (attrs: any = {}) => {
 
   // TODO: this should be waiting for an event instead
   await waitFor(100);
+  await clock.tick(0);
   return chat;
 };
 

package/test/temba-lightbox.test.ts

@@ -16,8 +16,8 @@ describe('temba-lightbox', () => {
     );
 
     await assertScreenshot('lightbox/img', {
-      x: 28,
-      y: 28,
+      x: 0,
+      y: 0,
       width: 1024,
       height: 768
     });
@@ -26,8 +26,8 @@ describe('temba-lightbox', () => {
     lightbox.showElement(img as HTMLElement);
 
     await assertScreenshot('lightbox/img-zoomed', {
-      x: 28,
-      y: 28,
+      x: 0,
+      y: 0,
       width: 1024,
       height: 768
     });

package/test-assets/contacts/history.json

@@ -71,22 +71,6 @@
       },
       "status": "C"
     },
-    {
-      "type": "run_result_changed",
-      "created_on": "2021-03-30T15:20:35.573533-07:00",
-      "step_uuid": "6b384ebe-5831-4bef-9db9-fef4941c84c5",
-      "name": "Result",
-      "value": "0",
-      "category": "Failure",
-      "session_uuid": "885a9736-88fd-4676-b124-2577e1eaabd9"
-    },
-    {
-      "type": "error",
-      "created_on": "2021-03-30T15:20:35.573515-07:00",
-      "step_uuid": "6b384ebe-5831-4bef-9db9-fef4941c84c5",
-      "text": "DTOne API request failed: Account not found. Please enter a correct login and password (995)",
-      "session_uuid": "885a9736-88fd-4676-b124-2577e1eaabd9"
-    },
     {
       "type": "airtime_transferred",
       "created_on": "2021-03-30T22:20:35.573511+00:00",
@@ -113,16 +97,6 @@
       "status": "W",
       "logs_url": "/channels/channellog/read/1478/"
     },
-    {
-      "type": "run_result_changed",
-      "created_on": "2021-03-30T15:20:33.924827-07:00",
-      "step_uuid": "9f1a43c1-cbc8-4513-a223-18180f28a95a",
-      "name": "Name",
-      "value": "no",
-      "category": "Other",
-      "input": "no",
-      "session_uuid": "885a9736-88fd-4676-b124-2577e1eaabd9"
-    },
     {
       "type": "msg_received",
       "created_on": "2021-03-30T22:20:33.801814+00:00",
@@ -155,16 +129,6 @@
       "status": "W",
       "logs_url": "/channels/channellog/read/1476/"
     },
-    {
-      "type": "run_result_changed",
-      "created_on": "2021-03-30T15:20:31.933494-07:00",
-      "step_uuid": "5959d883-93f4-4996-beb9-c153f5605f90",
-      "name": "Beer",
-      "value": "primus",
-      "category": "Primus",
-      "input": "primus",
-      "session_uuid": "885a9736-88fd-4676-b124-2577e1eaabd9"
-    },
     {
       "type": "msg_received",
       "created_on": "2021-03-30T22:20:31.656303+00:00",
@@ -197,16 +161,6 @@
       "status": "W",
       "logs_url": "/channels/channellog/read/1474/"
     },
-    {
-      "type": "run_result_changed",
-      "created_on": "2021-03-30T15:20:29.397464-07:00",
-      "step_uuid": "5b46790e-fedc-4594-9c02-aa0812ff3488",
-      "name": "Color",
-      "value": "blue",
-      "category": "Blue",
-      "input": "blue",
-      "session_uuid": "885a9736-88fd-4676-b124-2577e1eaabd9"
-    },
     {
       "type": "msg_received",
       "created_on": "2021-03-30T22:20:29.277186+00:00",
@@ -223,15 +177,6 @@
       "msg_type": "F",
       "logs_url": "/channels/channellog/read/1473/"
     },
-    {
-      "type": "run_result_changed",
-      "created_on": "2021-03-30T15:20:26.704509-07:00",
-      "step_uuid": "83cbe193-29d8-40ce-a820-0b06d719932a",
-      "name": "A new result",
-      "value": "Some Value",
-      "category": "",
-      "session_uuid": "885a9736-88fd-4676-b124-2577e1eaabd9"
-    },
     {
       "type": "contact_groups_changed",
       "created_on": "2021-03-30T15:20:26.704497-07:00",
@@ -311,4 +256,4 @@
       "logs_url": "/channels/channellog/read/1471/"
     }
   ]
-}
+}