@nyaruka/temba-components 0.62.2 → 0.63.0

package/static/svg/work/traced/dotpoints-01.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.088 4.260 C 2.401 4.599,2.027 5.212,2.027 6.000 C 2.027 6.799,2.408 7.411,3.114 7.746 C 3.788 8.066,4.212 8.066,4.886 7.746 C 5.601 7.407,5.947 6.837,5.947 6.000 C 5.947 5.163,5.601 4.593,4.886 4.254 C 4.217 3.936,3.741 3.938,3.088 4.260 M8.560 5.148 C 7.865 5.549,7.805 6.223,8.422 6.708 C 8.832 7.031,9.013 7.040,15.044 7.040 C 20.790 7.040,21.271 7.019,21.602 6.750 C 22.029 6.405,22.075 5.687,21.694 5.306 C 21.457 5.068,20.756 5.036,15.154 5.002 C 10.647 4.975,8.790 5.016,8.560 5.148 M2.737 10.490 C 1.524 11.511,1.949 13.488,3.471 13.908 C 5.499 14.468,6.873 11.845,5.263 10.490 C 4.886 10.173,4.599 10.080,4.000 10.080 C 3.401 10.080,3.114 10.173,2.737 10.490 M8.249 11.396 C 8.112 11.591,8.000 11.863,8.000 12.000 C 8.000 12.137,8.112 12.409,8.249 12.604 L 8.498 12.960 14.944 12.960 C 20.986 12.960,21.407 12.942,21.655 12.667 C 22.005 12.281,21.992 11.635,21.627 11.305 C 21.365 11.068,20.664 11.040,14.916 11.040 L 8.498 11.040 8.249 11.396 M3.088 16.260 C 2.401 16.599,2.027 17.212,2.027 18.000 C 2.027 18.799,2.408 19.411,3.114 19.746 C 3.788 20.066,4.212 20.066,4.886 19.746 C 5.601 19.407,5.947 18.837,5.947 18.000 C 5.947 17.163,5.601 16.593,4.886 16.254 C 4.217 15.936,3.741 15.938,3.088 16.260 M8.560 17.148 C 7.865 17.549,7.805 18.223,8.422 18.708 C 8.832 19.031,9.013 19.040,15.044 19.040 C 20.790 19.040,21.271 19.019,21.602 18.750 C 22.029 18.405,22.075 17.687,21.694 17.306 C 21.457 17.068,20.756 17.036,15.154 17.002 C 10.647 16.975,8.790 17.016,8.560 17.148 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>

package/static/svg/work/used/dotpoints-01.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 12L9 12M21 6L9 6M21 18L9 18M5 12C5 12.5523 4.55228 13 4 13C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11C4.55228 11 5 11.4477 5 12ZM5 6C5 6.55228 4.55228 7 4 7C3.44772 7 3 6.55228 3 6C3 5.44772 3.44772 5 4 5C4.55228 5 5 5.44772 5 6ZM5 18C5 18.5523 4.55228 19 4 19C3.44772 19 3 18.5523 3 18C3 17.4477 3.44772 17 4 17C4.55228 17 5 17.4477 5 18Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/temba-modules.ts

@@ -48,6 +48,7 @@ import { Compose } from './src/compose/Compose';
 import { Lightbox } from './src/lightbox/Lightbox';
 import { ColorPicker } from './src/colorpicker/ColorPicker';
 import { Resizer } from './src/resizer/Resizer';
+import { Thumbnail } from './src/thumbnail/Thumbnail';
 
 export function addCustomElement(name: string, comp: any) {
   if (!window.customElements.get(name)) {
@@ -106,3 +107,4 @@ addCustomElement('temba-content-menu', ContentMenu);
 addCustomElement('temba-compose', Compose);
 addCustomElement('temba-color-picker', ColorPicker);
 addCustomElement('temba-resizer', Resizer);
+addCustomElement('temba-thumbnail', Thumbnail);

package/test/temba-compose.test.ts

@@ -1,9 +1,10 @@
 import { assert, expect } from '@open-wc/testing';
-import { Attachment, Compose } from '../src/compose/Compose';
+import { Compose } from '../src/compose/Compose';
 import { assertScreenshot, getClip, getComponent } from './utils.test';
 import { Button } from '../src/button/Button';
 import { Completion } from '../src/completion/Completion';
 import { DEFAULT_MEDIA_ENDPOINT } from '../src/utils';
+import { Attachment } from '../src/interfaces';
 
 const TAG = 'temba-compose';
 const getCompose = async (attrs: any = {}, width = 500, height = 500) => {
@@ -30,11 +31,16 @@ export const updateComponent = async (
   await compose.updateComplete;
 };
 
-const getInitialValue = (text?: string, attachments?: Attachment[]): any => {
+const getInitialValue = (
+  text?: string,
+  attachments?: Attachment[],
+  quick_replies?: []
+): any => {
   const composeValue = {
     und: {
       text: text ? text : '',
       attachments: attachments ? attachments : [],
+      quick_replies: quick_replies ? quick_replies : [],
     },
   };
   return composeValue;

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

@@ -1,8 +1,8 @@
 import { useFakeTimers } from 'sinon';
 import { Button } from '../src/button/Button';
-import { Attachment, Compose } from '../src/compose/Compose';
+import { Compose } from '../src/compose/Compose';
 import { ContactChat } from '../src/contacts/ContactChat';
-import { CustomEventType } from '../src/interfaces';
+import { Attachment, CustomEventType } from '../src/interfaces';
 import { TicketList } from '../src/list/TicketList';
 import {
   assertScreenshot,