@nyaruka/temba-components 0.86.0 → 0.87.0

package/out-tsc/test/temba-contact-details.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-details.test.js","sourceRoot":"","sources":["../../test/temba-contact-details.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAGL,YAAY,EACZ,SAAS,EACT,OAAO,GACR,MAAM,cAAc,CAAC;AAEtB,MAAM,GAAG,GAAG,uBAAuB,CAAC;AACpC,MAAM,iBAAiB,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAClD,MAAM,cAAc,GAAG,CAAC,MAAM,YAAY,CACxC,GAAG,EACH,KAAK,EACL,EAAE,EACF,GAAG,CACJ,CAAmB,CAAC;IACrB,+BAA+B;IAC/B,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,UAAU,CAAC,GAAG,EAAE;QACd,OAAO,CACL,qEAAqE,EACrE,2CAA2C,CAC5C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,cAAc,GAAmB,MAAM,iBAAiB,CAAC;YAC7D,OAAO,EAAE,sCAAsC;SAChD,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAClD,uEAAuE;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, waitUntil } from '@open-wc/testing';\nimport { ContactDetails } from '../src/contacts/ContactDetails';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  loadStore,\n  mockGET,\n} from './utils.test';\n\nconst TAG = 'temba-contact-details';\nconst getContactDetails = async (attrs: any = {}) => {\n  const contactDetails = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    400\n  )) as ContactDetails;\n  // wait for our contact to load\n  await waitUntil(() => !!contactDetails.data);\n  return contactDetails;\n};\n\ndescribe('temba-contact-tickets', () => {\n  beforeEach(() => {\n    mockGET(\n      /\\/api\\/v2\\/contacts.json\\?uuid=24d64810-3315-4ff5-be85-48e3fe055bf9/,\n      '/test-assets/contacts/contact-dave-active'\n    );\n  });\n\n  it('renders default', async () => {\n    await loadStore();\n    const contactDetails: ContactDetails = await getContactDetails({\n      contact: '24d64810-3315-4ff5-be85-48e3fe055bf9',\n    });\n\n    assert.instanceOf(contactDetails, ContactDetails);\n    // await assertScreenshot('contacts/details', getClip(contactDetails));\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-details.test.js","sourceRoot":"","sources":["../../test/temba-contact-details.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,GAAG,GAAG,uBAAuB,CAAC;AACpC,MAAM,iBAAiB,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAClD,MAAM,cAAc,GAAG,CAAC,MAAM,YAAY,CACxC,GAAG,EACH,KAAK,EACL,EAAE,EACF,GAAG,CACJ,CAAmB,CAAC;IACrB,+BAA+B;IAC/B,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,UAAU,CAAC,GAAG,EAAE;QACd,OAAO,CACL,qEAAqE,EACrE,2CAA2C,CAC5C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,cAAc,GAAmB,MAAM,iBAAiB,CAAC;YAC7D,OAAO,EAAE,sCAAsC;SAChD,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAClD,uEAAuE;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, waitUntil } from '@open-wc/testing';\nimport { ContactDetails } from '../src/contacts/ContactDetails';\nimport { getComponent, loadStore, mockGET } from './utils.test';\n\nconst TAG = 'temba-contact-details';\nconst getContactDetails = async (attrs: any = {}) => {\n  const contactDetails = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    400\n  )) as ContactDetails;\n  // wait for our contact to load\n  await waitUntil(() => !!contactDetails.data);\n  return contactDetails;\n};\n\ndescribe('temba-contact-tickets', () => {\n  beforeEach(() => {\n    mockGET(\n      /\\/api\\/v2\\/contacts.json\\?uuid=24d64810-3315-4ff5-be85-48e3fe055bf9/,\n      '/test-assets/contacts/contact-dave-active'\n    );\n  });\n\n  it('renders default', async () => {\n    await loadStore();\n    const contactDetails: ContactDetails = await getContactDetails({\n      contact: '24d64810-3315-4ff5-be85-48e3fe055bf9'\n    });\n\n    assert.instanceOf(contactDetails, ContactDetails);\n    // await assertScreenshot('contacts/details', getClip(contactDetails));\n  });\n});\n"]}

package/out-tsc/test/temba-contact-fields.test.js

@@ -1,6 +1,6 @@
 import { assert, expect } from '@open-wc/testing';
 import { ContactFields } from '../src/contacts/ContactFields';
-import { delay, getComponent, loadStore, mockPOST, } from './utils.test';
+import { delay, getComponent, loadStore, mockPOST } from './utils.test';
 const TAG = 'temba-contact-fields';
 const getFields = async (attrs = {}) => {
     attrs['endpoint'] = '/test-assets/contacts/';
@@ -14,7 +14,7 @@ describe(TAG, () => {
         // we are a StoreElement, so load a store first
         await loadStore();
         const fields = await getFields({
-            contact: 'contact-dave-active',
+            contact: 'contact-dave-active'
         });
         assert.instanceOf(fields, ContactFields);
         // await assertScreenshot('contacts/fields', getClip(fields));
@@ -22,10 +22,10 @@ describe(TAG, () => {
     it('handles updated contacts properly', async () => {
         await loadStore();
         const fields = await getFields({
-            contact: 'contact-dave-active',
+            contact: 'contact-dave-active'
         });
         const data = fields.data;
-        data.groups.forEach(group => {
+        data.groups.forEach((group) => {
             delete group['is_dynamic'];
         });
         mockPOST(/api\/v2\/contacts\.json\?uuid=contact-dave-active/, data);

package/out-tsc/test/temba-contact-fields.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-fields.test.js","sourceRoot":"","sources":["../../test/temba-contact-fields.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAEL,KAAK,EAEL,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,MAAM,cAAc,CAAC;AAEtB,MAAM,GAAG,GAAG,sBAAsB,CAAC;AACnC,MAAM,SAAS,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC1C,KAAK,CAAC,UAAU,CAAC,GAAG,wBAAwB,CAAC;IAC7C,MAAM,MAAM,GAAG,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAkB,CAAC;IAE1E,+BAA+B;IAC/B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IAEjB,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE;IACjB,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,+CAA+C;QAC/C,MAAM,SAAS,EAAE,CAAC;QAElB,MAAM,MAAM,GAAkB,MAAM,SAAS,CAAC;YAC5C,OAAO,EAAE,qBAAqB;SAC/B,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACzC,8DAA8D;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,MAAM,GAAkB,MAAM,SAAS,CAAC;YAC5C,OAAO,EAAE,qBAAqB;SAC/B,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC1B,OAAO,KAAK,CAAC,YAAY,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,mDAAmD,EAAE,IAAI,CAAC,CAAC;QAEpE,oBAAoB;QACpB,MAAM,QAAQ,CACZ,qEAAqE,EACrE,IAAI,EACJ,IAAI,EACJ,IAAI,CACL,CAAC;QAEF,+DAA+D;QAC/D,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEvD,sEAAsE;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { ContactFields } from '../src/contacts/ContactFields';\nimport {\n  assertScreenshot,\n  delay,\n  getClip,\n  getComponent,\n  loadStore,\n  mockPOST,\n} from './utils.test';\n\nconst TAG = 'temba-contact-fields';\nconst getFields = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  const fields = (await getComponent(TAG, attrs, '', 600)) as ContactFields;\n\n  // wait for our contact to load\n  await delay(100);\n\n  return fields;\n};\n\ndescribe(TAG, () => {\n  it('renders default', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n\n    const fields: ContactFields = await getFields({\n      contact: 'contact-dave-active',\n    });\n    assert.instanceOf(fields, ContactFields);\n    // await assertScreenshot('contacts/fields', getClip(fields));\n  });\n\n  it('handles updated contacts properly', async () => {\n    await loadStore();\n    const fields: ContactFields = await getFields({\n      contact: 'contact-dave-active',\n    });\n\n    const data = fields.data;\n    data.groups.forEach(group => {\n      delete group['is_dynamic'];\n    });\n    mockPOST(/api\\/v2\\/contacts\\.json\\?uuid=contact-dave-active/, data);\n\n    // update our fields\n    await typeInto(\n      \"temba-contact-fields:temba-contact-field[key='age']:temba-textinput\",\n      '62',\n      true,\n      true\n    );\n\n    // the updated contact should still have is_dynamic flags added\n    expect(fields.data.groups[0].is_dynamic).equals(true);\n    expect(fields.data.groups[1].is_dynamic).equals(false);\n\n    // await assertScreenshot('contacts/fields-updated', getClip(fields));\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-fields.test.js","sourceRoot":"","sources":["../../test/temba-contact-fields.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,GAAG,GAAG,sBAAsB,CAAC;AACnC,MAAM,SAAS,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC1C,KAAK,CAAC,UAAU,CAAC,GAAG,wBAAwB,CAAC;IAC7C,MAAM,MAAM,GAAG,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAkB,CAAC;IAE1E,+BAA+B;IAC/B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IAEjB,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE;IACjB,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,+CAA+C;QAC/C,MAAM,SAAS,EAAE,CAAC;QAElB,MAAM,MAAM,GAAkB,MAAM,SAAS,CAAC;YAC5C,OAAO,EAAE,qBAAqB;SAC/B,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACzC,8DAA8D;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,MAAM,GAAkB,MAAM,SAAS,CAAC;YAC5C,OAAO,EAAE,qBAAqB;SAC/B,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5B,OAAO,KAAK,CAAC,YAAY,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,mDAAmD,EAAE,IAAI,CAAC,CAAC;QAEpE,oBAAoB;QACpB,MAAM,QAAQ,CACZ,qEAAqE,EACrE,IAAI,EACJ,IAAI,EACJ,IAAI,CACL,CAAC;QAEF,+DAA+D;QAC/D,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEvD,sEAAsE;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { ContactFields } from '../src/contacts/ContactFields';\nimport { delay, getComponent, loadStore, mockPOST } from './utils.test';\n\nconst TAG = 'temba-contact-fields';\nconst getFields = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  const fields = (await getComponent(TAG, attrs, '', 600)) as ContactFields;\n\n  // wait for our contact to load\n  await delay(100);\n\n  return fields;\n};\n\ndescribe(TAG, () => {\n  it('renders default', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n\n    const fields: ContactFields = await getFields({\n      contact: 'contact-dave-active'\n    });\n    assert.instanceOf(fields, ContactFields);\n    // await assertScreenshot('contacts/fields', getClip(fields));\n  });\n\n  it('handles updated contacts properly', async () => {\n    await loadStore();\n    const fields: ContactFields = await getFields({\n      contact: 'contact-dave-active'\n    });\n\n    const data = fields.data;\n    data.groups.forEach((group) => {\n      delete group['is_dynamic'];\n    });\n    mockPOST(/api\\/v2\\/contacts\\.json\\?uuid=contact-dave-active/, data);\n\n    // update our fields\n    await typeInto(\n      \"temba-contact-fields:temba-contact-field[key='age']:temba-textinput\",\n      '62',\n      true,\n      true\n    );\n\n    // the updated contact should still have is_dynamic flags added\n    expect(fields.data.groups[0].is_dynamic).equals(true);\n    expect(fields.data.groups[1].is_dynamic).equals(false);\n\n    // await assertScreenshot('contacts/fields-updated', getClip(fields));\n  });\n});\n"]}

package/out-tsc/test/temba-contact-history.test.js

@@ -1,7 +1,7 @@
 import { fixture, assert, expect } from '@open-wc/testing';
 import { useFakeTimers } from 'sinon';
 import { ContactHistory } from '../src/contacts/ContactHistory';
-import { assertScreenshot, getClip, getHTML, loadStore, mockGET, mockNow, } from '../test/utils.test';
+import { assertScreenshot, getClip, getHTML, loadStore, mockGET, mockNow } from '../test/utils.test';
 import './utils.test';
 export const createHistory = async (def) => {
     const parentNode = document.createElement('div');
@@ -39,7 +39,7 @@ describe('temba-contact-history', () => {
     });
     it('renders history', async () => {
         const history = await createHistory(getHistoryHTML({
-            uuid: 'contact-dave-active',
+            uuid: 'contact-dave-active'
         }));
         // we should have scrolled to the bottom, but the scroll
         // happens in a window timeout
@@ -54,7 +54,7 @@ describe('temba-contact-history', () => {
     });
     it('expands event groups', async () => {
         const history = await createHistory(getHistoryHTML({
-            uuid: 'contact-dave-active',
+            uuid: 'contact-dave-active'
         }));
         // our groups with collapsed events
         const groups = [3, 5, 7];

package/out-tsc/test/temba-contact-history.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-history.test.js","sourceRoot":"","sources":["../../test/temba-contact-history.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,GACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EAAE,GAAW,EAAE,EAAE;IACjD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACjD,UAAU,CAAC,YAAY,CACrB,OAAO,EACP,wFAAwF,CACzF,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,EAAE,EAAE,UAAU,EAAE,CAAC,CAAmB,CAAC;IAEvE,sCAAsC;IACtC,MAAM,OAAO,CAAC,YAAY,CAAC;IAE3B,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,QAAa,EAAS,EAAE,EAAE;AAChD,yEAAyE;AACzE,OAAO,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;AAE1C,MAAM,cAAc,GAAG,CAAC,GAAmB,EAAE,EAAE;IAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC;IACrC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,mDAAmD;AACnD,OAAO,CAAC,+BAA+B,CAAC,CAAC;AACzC,IAAI,KAAU,CAAC;AAEf,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,KAAK,GAAG,aAAa,EAAE,CAAC;QAExB,OAAO,CACL,6CAA6C,EAC7C,oCAAoC,CACrC,CAAC;QAEF,OAAO,CACL,uDAAuD,EACvD,+BAA+B,CAChC,CAAC;QAEF,MAAM,SAAS,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC;QACR,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,OAAO,GAAG,MAAM,aAAa,CAAC,cAAc,EAAE,CAAC,CAAC;QACtD,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,OAAO,GAAG,MAAM,aAAa,CACjC,cAAc,CAAC;YACb,IAAI,EAAE,qBAAqB;SAC5B,CAAC,CACH,CAAC;QAEF,wDAAwD;QACxD,8BAA8B;QAC9B,MAAM,KAAK,CAAC,WAAW,EAAE,CAAC;QAC1B,MAAM,OAAO,CAAC,cAAc,CAAC;QAE7B,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACxE,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1B,0CAA0C;QAC1C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,OAAO,GAAG,MAAM,aAAa,CACjC,cAAc,CAAC;YACb,IAAI,EAAE,qBAAqB;SAC5B,CAAC,CACH,CAAC;QAEF,mCAAmC;QACnC,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACzB,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;YACzB,MAAM,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAC5C,kCAAkC,GAAG,IAAI,CACxB,CAAC;YACpB,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,MAAM,KAAK,CAAC,WAAW,EAAE,CAAC;YAC1B,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACzE,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { ContactHistory } from '../src/contacts/ContactHistory';\nimport {\n  assertScreenshot,\n  getClip,\n  getHTML,\n  loadStore,\n  mockGET,\n  mockNow,\n} from '../test/utils.test';\nimport './utils.test';\n\nexport const createHistory = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute(\n    'style',\n    'width: 500px;height:750px;display:flex;flex-direction:column;flex-grow:1;min-height:0;'\n  );\n  const history = (await fixture(def, { parentNode })) as ContactHistory;\n\n  // make sure our initial fetch is made\n  await history.httpComplete;\n\n  return history;\n};\n\nconst getHistoryHTML = (attrs: any = {} as any) =>\n  // attrs = \"min-height:0;display:flex;flex-grow:1;flex-direction:column\";\n  getHTML('temba-contact-history', attrs);\n\nconst getHistoryClip = (ele: ContactHistory) => {\n  const clip = getClip(ele);\n  clip.height = Math.min(clip.height, 750);\n  clip.bottom = clip.top + clip.height;\n  return clip;\n};\n\n// stub our current date for consistent screenshots\nmockNow('2021-03-31T00:31:00.000-00:00');\nlet clock: any;\n\ndescribe('temba-contact-history', () => {\n  beforeEach(async () => {\n    clock = useFakeTimers();\n\n    mockGET(\n      /\\/contact\\/history\\/contact-dave-active\\/.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(\n      /\\/api\\/v2\\/tickets\\.json\\?contact=contact-dave-active/,\n      '/test-assets/api/tickets.json'\n    );\n\n    await loadStore();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const history = await createHistory(getHistoryHTML());\n    assert.instanceOf(history, ContactHistory);\n  });\n\n  it('renders history', async () => {\n    const history = await createHistory(\n      getHistoryHTML({\n        uuid: 'contact-dave-active',\n      })\n    );\n\n    // we should have scrolled to the bottom, but the scroll\n    // happens in a window timeout\n    await clock.runAllAsync();\n    await history.updateComplete;\n\n    const events = history.shadowRoot.querySelector('.events');\n    const top = events.scrollHeight - events.getBoundingClientRect().height;\n    expect(top).to.equal(571);\n    // make sure we actually scrolled to there\n    expect(events.scrollTop).to.equal(top);\n    await assertScreenshot('contacts/history', getHistoryClip(history));\n  });\n\n  it('expands event groups', async () => {\n    const history = await createHistory(\n      getHistoryHTML({\n        uuid: 'contact-dave-active',\n      })\n    );\n\n    // our groups with collapsed events\n    const groups = [3, 5, 7];\n    for (const idx of groups) {\n      const group = history.shadowRoot.querySelector(\n        `.event-count[data-group-index='${idx}']`\n      ) as HTMLDivElement;\n      group.click();\n      await clock.runAllAsync();\n      expect(group.parentElement.classList.contains('expanded')).equal(true);\n    }\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-history.test.js","sourceRoot":"","sources":["../../test/temba-contact-history.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\nimport { useFakeTimers } from 'sinon';\nimport { ContactHistory } from '../src/contacts/ContactHistory';\nimport {\n  assertScreenshot,\n  getClip,\n  getHTML,\n  loadStore,\n  mockGET,\n  mockNow\n} from '../test/utils.test';\nimport './utils.test';\n\nexport const createHistory = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute(\n    'style',\n    'width: 500px;height:750px;display:flex;flex-direction:column;flex-grow:1;min-height:0;'\n  );\n  const history = (await fixture(def, { parentNode })) as ContactHistory;\n\n  // make sure our initial fetch is made\n  await history.httpComplete;\n\n  return history;\n};\n\nconst getHistoryHTML = (attrs: any = {} as any) =>\n  // attrs = \"min-height:0;display:flex;flex-grow:1;flex-direction:column\";\n  getHTML('temba-contact-history', attrs);\n\nconst getHistoryClip = (ele: ContactHistory) => {\n  const clip = getClip(ele);\n  clip.height = Math.min(clip.height, 750);\n  clip.bottom = clip.top + clip.height;\n  return clip;\n};\n\n// stub our current date for consistent screenshots\nmockNow('2021-03-31T00:31:00.000-00:00');\nlet clock: any;\n\ndescribe('temba-contact-history', () => {\n  beforeEach(async () => {\n    clock = useFakeTimers();\n\n    mockGET(\n      /\\/contact\\/history\\/contact-dave-active\\/.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(\n      /\\/api\\/v2\\/tickets\\.json\\?contact=contact-dave-active/,\n      '/test-assets/api/tickets.json'\n    );\n\n    await loadStore();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const history = await createHistory(getHistoryHTML());\n    assert.instanceOf(history, ContactHistory);\n  });\n\n  it('renders history', async () => {\n    const history = await createHistory(\n      getHistoryHTML({\n        uuid: 'contact-dave-active'\n      })\n    );\n\n    // we should have scrolled to the bottom, but the scroll\n    // happens in a window timeout\n    await clock.runAllAsync();\n    await history.updateComplete;\n\n    const events = history.shadowRoot.querySelector('.events');\n    const top = events.scrollHeight - events.getBoundingClientRect().height;\n    expect(top).to.equal(571);\n    // make sure we actually scrolled to there\n    expect(events.scrollTop).to.equal(top);\n    await assertScreenshot('contacts/history', getHistoryClip(history));\n  });\n\n  it('expands event groups', async () => {\n    const history = await createHistory(\n      getHistoryHTML({\n        uuid: 'contact-dave-active'\n      })\n    );\n\n    // our groups with collapsed events\n    const groups = [3, 5, 7];\n    for (const idx of groups) {\n      const group = history.shadowRoot.querySelector(\n        `.event-count[data-group-index='${idx}']`\n      ) as HTMLDivElement;\n      group.click();\n      await clock.runAllAsync();\n      expect(group.parentElement.classList.contains('expanded')).equal(true);\n    }\n  });\n});\n"]}

package/out-tsc/test/temba-contact-search.test.js

@@ -1,11 +1,11 @@
 import { fixture, assert, expect } from '@open-wc/testing';
 import { ContactSearch } from '../src/contactsearch/ContactSearch';
-import { assertScreenshot, getClip, getHTML, mockPOST, } from './utils.test';
+import { assertScreenshot, getClip, getHTML, mockPOST } from './utils.test';
 import { useFakeTimers } from 'sinon';
 import { CustomEventType } from '../src/interfaces';
 let clock;
 function waitForSearch(search) {
-    return new Promise(resolve => {
+    return new Promise((resolve) => {
         search.addEventListener(CustomEventType.ContentChanged, async () => {
             await clock.runAll();
             resolve(search);
@@ -27,7 +27,7 @@ describe('temba-contact-search', () => {
         const endpoint = '/contact-search-bad';
         const search = await fixture(getHTML('temba-contact-search', {
             advanced: true,
-            endpoint,
+            endpoint
         }));
         // mock an error response
         mockPOST(/contact-search-bad/, { query: '', total: 0, error: "'Missing' is not a valid group name" }, { 'Temba-Success': 'hide' });
@@ -37,7 +37,7 @@ describe('temba-contact-search', () => {
         await clock.runAll();
         await waitForSearch(search);
         expect(search.errors).to.deep.equal([
-            "'Missing' is not a valid group name",
+            "'Missing' is not a valid group name"
         ]);
         await search.updateComplete;
         await assertScreenshot('contact-search/missing-group', getClip(search));
@@ -45,7 +45,7 @@ describe('temba-contact-search', () => {
     xit('allows manual searches', async () => {
         const endpoint = '/contact-search-manual';
         const search = await fixture(getHTML('temba-contact-search', {
-            endpoint,
+            endpoint
         }));
         const omnibox = search.shadowRoot.querySelector('temba-omnibox');
         omnibox.value = [];
@@ -57,9 +57,9 @@ describe('temba-contact-search', () => {
             total: 1937,
             warnings: [
                 'This flow does not specify a Facebook topic. You may still start this flow but Facebook contacts who have not sent an incoming message in the last 24 hours may not receive it.',
-                'This flow does not use message templates. You may still start this flow but WhatsApp contacts who have not sent an incoming message in the last 24 hours may not receive it.',
+                'This flow does not use message templates. You may still start this flow but WhatsApp contacts who have not sent an incoming message in the last 24 hours may not receive it.'
             ],
-            blockers: [],
+            blockers: []
         }, { 'Temba-Success': 'hide' });
         search.query = 'group = "Testers"';
         // run the query

package/out-tsc/test/temba-contact-search.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-search.test.js","sourceRoot":"","sources":["../../test/temba-contact-search.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\nimport { ContactSearch } from '../src/contactsearch/ContactSearch';\nimport {\n  assertScreenshot,\n  delay,\n  getClip,\n  getHTML,\n  mockPOST,\n} from './utils.test';\nimport { useFakeTimers } from 'sinon';\nimport { CustomEventType } from '../src/interfaces';\nimport { Omnibox } from '../src/omnibox/Omnibox';\n\nlet clock: any;\n\nfunction waitForSearch(search: ContactSearch) {\n  return new Promise<ContactSearch>(resolve => {\n    search.addEventListener(\n      CustomEventType.ContentChanged,\n      async () => {\n        await clock.runAll();\n        resolve(search);\n      },\n      { once: true }\n    );\n  });\n}\n\ndescribe('temba-contact-search', () => {\n  beforeEach(function () {\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search')\n    );\n    assert.instanceOf(search, ContactSearch);\n  });\n\n  xit('handles bad queries', async () => {\n    const endpoint = '/contact-search-bad';\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search', {\n        advanced: true,\n        endpoint,\n      })\n    );\n\n    // mock an error response\n    mockPOST(\n      /contact-search-bad/,\n      { query: '', total: 0, error: \"'Missing' is not a valid group name\" },\n      { 'Temba-Success': 'hide' }\n    );\n\n    search.query = 'group = \"Missing\"';\n\n    // run the query\n    await clock.runAll();\n    await clock.runAll();\n    await waitForSearch(search);\n\n    expect(search.errors).to.deep.equal([\n      \"'Missing' is not a valid group name\",\n    ]);\n\n    await search.updateComplete;\n    await assertScreenshot('contact-search/missing-group', getClip(search));\n  });\n\n  xit('allows manual searches', async () => {\n    const endpoint = '/contact-search-manual';\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search', {\n        endpoint,\n      })\n    );\n\n    const omnibox = search.shadowRoot.querySelector('temba-omnibox') as Omnibox;\n    omnibox.value = [];\n    search.advanced = true;\n\n    await search.updateComplete;\n\n    // mock successful response with some warnings\n    mockPOST(\n      /contact-search-manual/,\n      {\n        query: 'group = \"Doctors\"',\n        total: 1937,\n        warnings: [\n          'This flow does not specify a Facebook topic. You may still start this flow but Facebook contacts who have not sent an incoming message in the last 24 hours may not receive it.',\n          'This flow does not use message templates. You may still start this flow but WhatsApp contacts who have not sent an incoming message in the last 24 hours may not receive it.',\n        ],\n        blockers: [],\n      },\n      { 'Temba-Success': 'hide' }\n    );\n\n    search.query = 'group = \"Testers\"';\n\n    // run the query\n    await clock.runAll();\n    await clock.runAll();\n    await waitForSearch(search);\n    await clock.runAll();\n\n    await search.updateComplete;\n    await assertScreenshot('contact-search/manual-search', getClip(search));\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-search.test.js","sourceRoot":"","sources":["../../test/temba-contact-search.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\nimport { ContactSearch } from '../src/contactsearch/ContactSearch';\nimport { assertScreenshot, getClip, getHTML, mockPOST } from './utils.test';\nimport { useFakeTimers } from 'sinon';\nimport { CustomEventType } from '../src/interfaces';\nimport { Omnibox } from '../src/omnibox/Omnibox';\n\nlet clock: any;\n\nfunction waitForSearch(search: ContactSearch) {\n  return new Promise<ContactSearch>((resolve) => {\n    search.addEventListener(\n      CustomEventType.ContentChanged,\n      async () => {\n        await clock.runAll();\n        resolve(search);\n      },\n      { once: true }\n    );\n  });\n}\n\ndescribe('temba-contact-search', () => {\n  beforeEach(function () {\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n  });\n\n  it('can be created', async () => {\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search')\n    );\n    assert.instanceOf(search, ContactSearch);\n  });\n\n  xit('handles bad queries', async () => {\n    const endpoint = '/contact-search-bad';\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search', {\n        advanced: true,\n        endpoint\n      })\n    );\n\n    // mock an error response\n    mockPOST(\n      /contact-search-bad/,\n      { query: '', total: 0, error: \"'Missing' is not a valid group name\" },\n      { 'Temba-Success': 'hide' }\n    );\n\n    search.query = 'group = \"Missing\"';\n\n    // run the query\n    await clock.runAll();\n    await clock.runAll();\n    await waitForSearch(search);\n\n    expect(search.errors).to.deep.equal([\n      \"'Missing' is not a valid group name\"\n    ]);\n\n    await search.updateComplete;\n    await assertScreenshot('contact-search/missing-group', getClip(search));\n  });\n\n  xit('allows manual searches', async () => {\n    const endpoint = '/contact-search-manual';\n    const search: ContactSearch = await fixture(\n      getHTML('temba-contact-search', {\n        endpoint\n      })\n    );\n\n    const omnibox = search.shadowRoot.querySelector('temba-omnibox') as Omnibox;\n    omnibox.value = [];\n    search.advanced = true;\n\n    await search.updateComplete;\n\n    // mock successful response with some warnings\n    mockPOST(\n      /contact-search-manual/,\n      {\n        query: 'group = \"Doctors\"',\n        total: 1937,\n        warnings: [\n          'This flow does not specify a Facebook topic. You may still start this flow but Facebook contacts who have not sent an incoming message in the last 24 hours may not receive it.',\n          'This flow does not use message templates. You may still start this flow but WhatsApp contacts who have not sent an incoming message in the last 24 hours may not receive it.'\n        ],\n        blockers: []\n      },\n      { 'Temba-Success': 'hide' }\n    );\n\n    search.query = 'group = \"Testers\"';\n\n    // run the query\n    await clock.runAll();\n    await clock.runAll();\n    await waitForSearch(search);\n    await clock.runAll();\n\n    await search.updateComplete;\n    await assertScreenshot('contact-search/manual-search', getClip(search));\n  });\n});\n"]}

package/out-tsc/test/temba-contact-tickets.test.js

@@ -1,6 +1,6 @@
 import { assert, waitUntil } from '@open-wc/testing';
 import { ContactTickets } from '../src/contacts/ContactTickets';
-import { assertScreenshot, getClip, getComponent, loadStore, mockGET, mockNow, } from './utils.test';
+import { assertScreenshot, getClip, getComponent, loadStore, mockGET, mockNow } from './utils.test';
 const TAG = 'temba-contact-tickets';
 const getContactTickets = async (attrs = {}) => {
     const contactTickets = (await getComponent(TAG, attrs, '', 400));
@@ -17,7 +17,7 @@ describe('temba-contact-tickets', () => {
     it('renders default', async () => {
         const tickets = await getContactTickets({
             contact: '24d64810-3315-4ff5-be85-48e3fe055bf9',
-            agent: 'admin1@nyaruka.com',
+            agent: 'admin1@nyaruka.com'
         });
         assert.instanceOf(tickets, ContactTickets);
         await assertScreenshot('contacts/tickets', getClip(tickets));
@@ -25,7 +25,7 @@ describe('temba-contact-tickets', () => {
     it('shows assignment picker', async () => {
         const tickets = await getContactTickets({
             contact: '24d64810-3315-4ff5-be85-48e3fe055bf9',
-            agent: 'admin1@nyaruka.com',
+            agent: 'admin1@nyaruka.com'
         });
         // click on the avatar element
         tickets.shadowRoot.querySelector('temba-user').click();

package/out-tsc/test/temba-contact-tickets.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-tickets.test.js","sourceRoot":"","sources":["../../test/temba-contact-tickets.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,SAAS,EACT,OAAO,EACP,OAAO,GACR,MAAM,cAAc,CAAC;AAEtB,MAAM,GAAG,GAAG,uBAAuB,CAAC;AACpC,MAAM,iBAAiB,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAClD,MAAM,cAAc,GAAG,CAAC,MAAM,YAAY,CACxC,GAAG,EACH,KAAK,EACL,EAAE,EACF,GAAG,CACJ,CAAmB,CAAC;IACrB,+BAA+B;IAC/B,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,OAAO,CAAC,+BAA+B,CAAC,CAAC;AACzC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,UAAU,CAAC,GAAG,EAAE;QACd,OAAO,CACL,uEAAuE,EACvE,4CAA4C,CAC7C,CAAC;QACF,SAAS,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,OAAO,GAAmB,MAAM,iBAAiB,CAAC;YACtD,OAAO,EAAE,sCAAsC;YAC/C,KAAK,EAAE,oBAAoB;SAC5B,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QAC3C,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,OAAO,GAAmB,MAAM,iBAAiB,CAAC;YACtD,OAAO,EAAE,sCAAsC;YAC/C,KAAK,EAAE,oBAAoB;SAC5B,CAAC,CAAC;QAEH,8BAA8B;QAC7B,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAoB,CAAC,KAAK,EAAE,CAAC;QAC3E,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QAC3C,MAAM,gBAAgB,CAAC,6BAA6B,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, waitUntil } from '@open-wc/testing';\nimport { ContactTickets } from '../src/contacts/ContactTickets';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  loadStore,\n  mockGET,\n  mockNow,\n} from './utils.test';\n\nconst TAG = 'temba-contact-tickets';\nconst getContactTickets = async (attrs: any = {}) => {\n  const contactTickets = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    400\n  )) as ContactTickets;\n  // wait for our contact to load\n  await waitUntil(() => !!contactTickets.data);\n  return contactTickets;\n};\n\nmockNow('2023-04-07T00:00:00.000-00:00');\ndescribe('temba-contact-tickets', () => {\n  beforeEach(() => {\n    mockGET(\n      /\\/api\\/v2\\/tickets.json\\?contact=24d64810-3315-4ff5-be85-48e3fe055bf9/,\n      '/test-assets/contacts/contact-tickets.json'\n    );\n    loadStore();\n  });\n\n  it('renders default', async () => {\n    const tickets: ContactTickets = await getContactTickets({\n      contact: '24d64810-3315-4ff5-be85-48e3fe055bf9',\n      agent: 'admin1@nyaruka.com',\n    });\n    assert.instanceOf(tickets, ContactTickets);\n    await assertScreenshot('contacts/tickets', getClip(tickets));\n  });\n\n  it('shows assignment picker', async () => {\n    const tickets: ContactTickets = await getContactTickets({\n      contact: '24d64810-3315-4ff5-be85-48e3fe055bf9',\n      agent: 'admin1@nyaruka.com',\n    });\n\n    // click on the avatar element\n    (tickets.shadowRoot.querySelector('temba-user') as HTMLDivElement).click();\n    assert.instanceOf(tickets, ContactTickets);\n    await assertScreenshot('contacts/tickets-assignment', getClip(tickets));\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-tickets.test.js","sourceRoot":"","sources":["../../test/temba-contact-tickets.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,SAAS,EACT,OAAO,EACP,OAAO,EACR,MAAM,cAAc,CAAC;AAEtB,MAAM,GAAG,GAAG,uBAAuB,CAAC;AACpC,MAAM,iBAAiB,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAClD,MAAM,cAAc,GAAG,CAAC,MAAM,YAAY,CACxC,GAAG,EACH,KAAK,EACL,EAAE,EACF,GAAG,CACJ,CAAmB,CAAC;IACrB,+BAA+B;IAC/B,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,OAAO,CAAC,+BAA+B,CAAC,CAAC;AACzC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,UAAU,CAAC,GAAG,EAAE;QACd,OAAO,CACL,uEAAuE,EACvE,4CAA4C,CAC7C,CAAC;QACF,SAAS,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,OAAO,GAAmB,MAAM,iBAAiB,CAAC;YACtD,OAAO,EAAE,sCAAsC;YAC/C,KAAK,EAAE,oBAAoB;SAC5B,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QAC3C,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,OAAO,GAAmB,MAAM,iBAAiB,CAAC;YACtD,OAAO,EAAE,sCAAsC;YAC/C,KAAK,EAAE,oBAAoB;SAC5B,CAAC,CAAC;QAEH,8BAA8B;QAC7B,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAoB,CAAC,KAAK,EAAE,CAAC;QAC3E,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QAC3C,MAAM,gBAAgB,CAAC,6BAA6B,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert, waitUntil } from '@open-wc/testing';\nimport { ContactTickets } from '../src/contacts/ContactTickets';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  loadStore,\n  mockGET,\n  mockNow\n} from './utils.test';\n\nconst TAG = 'temba-contact-tickets';\nconst getContactTickets = async (attrs: any = {}) => {\n  const contactTickets = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    400\n  )) as ContactTickets;\n  // wait for our contact to load\n  await waitUntil(() => !!contactTickets.data);\n  return contactTickets;\n};\n\nmockNow('2023-04-07T00:00:00.000-00:00');\ndescribe('temba-contact-tickets', () => {\n  beforeEach(() => {\n    mockGET(\n      /\\/api\\/v2\\/tickets.json\\?contact=24d64810-3315-4ff5-be85-48e3fe055bf9/,\n      '/test-assets/contacts/contact-tickets.json'\n    );\n    loadStore();\n  });\n\n  it('renders default', async () => {\n    const tickets: ContactTickets = await getContactTickets({\n      contact: '24d64810-3315-4ff5-be85-48e3fe055bf9',\n      agent: 'admin1@nyaruka.com'\n    });\n    assert.instanceOf(tickets, ContactTickets);\n    await assertScreenshot('contacts/tickets', getClip(tickets));\n  });\n\n  it('shows assignment picker', async () => {\n    const tickets: ContactTickets = await getContactTickets({\n      contact: '24d64810-3315-4ff5-be85-48e3fe055bf9',\n      agent: 'admin1@nyaruka.com'\n    });\n\n    // click on the avatar element\n    (tickets.shadowRoot.querySelector('temba-user') as HTMLDivElement).click();\n    assert.instanceOf(tickets, ContactTickets);\n    await assertScreenshot('contacts/tickets-assignment', getClip(tickets));\n  });\n});\n"]}

package/out-tsc/test/temba-content-menu.test.js

@@ -10,7 +10,7 @@ const getContentMenu = async (attrs = {}, width = 0) => {
         return contentMenu;
     }
     // if we have an endpoint, wait for a loaded event before returning
-    return new Promise(resolve => {
+    return new Promise((resolve) => {
         contentMenu.addEventListener(CustomEventType.Loaded, async () => {
             resolve(contentMenu);
         }, { once: true });
@@ -24,7 +24,7 @@ describe('temba-content-menu', () => {
     });
     it('with 1+ items and 1+ buttons', async () => {
         const contentMenu = await getContentMenu({
-            endpoint: '/test-assets/list/content-menu-contact-read.json',
+            endpoint: '/test-assets/list/content-menu-contact-read.json'
         });
         expect(contentMenu.items.length).equals(5);
         expect(contentMenu.buttons.length).equals(1);
@@ -32,7 +32,7 @@ describe('temba-content-menu', () => {
     });
     it('with 1+ items and 0 buttons', async () => {
         const contentMenu = await getContentMenu({
-            endpoint: '/test-assets/list/content-menu-archived-contacts.json',
+            endpoint: '/test-assets/list/content-menu-archived-contacts.json'
         });
         expect(contentMenu.items.length).equals(1);
         expect(contentMenu.buttons.length).equals(0);
@@ -40,7 +40,7 @@ describe('temba-content-menu', () => {
     });
     it('with 0 items and 1+ buttons', async () => {
         const contentMenu = await getContentMenu({
-            endpoint: '/test-assets/list/content-menu-new-campaign.json',
+            endpoint: '/test-assets/list/content-menu-new-campaign.json'
         });
         expect(contentMenu.items.length).equals(0);
         expect(contentMenu.buttons.length).equals(1);
@@ -48,7 +48,7 @@ describe('temba-content-menu', () => {
     });
     it('bad endpoint', async () => {
         const contentMenu = await getContentMenu({
-            endpoint: '/test-assets/list/content-menu-bad-endpoint.json',
+            endpoint: '/test-assets/list/content-menu-bad-endpoint.json'
         });
         expect(contentMenu.items.length).equals(0);
         expect(contentMenu.buttons.length).equals(0);
@@ -56,14 +56,14 @@ describe('temba-content-menu', () => {
     it('is spa page', async () => {
         const contentMenu = await getContentMenu({
             endpoint: '/test-assets/list/content-menu-contact-read.json',
-            legacy: 0,
+            legacy: 0
         });
         expect(contentMenu.legacy).equals(0);
     });
     it('is legacy page', async () => {
         const contentMenu = await getContentMenu({
             endpoint: '/test-assets/list/content-menu-contact-read.json',
-            legacy: 1,
+            legacy: 1
         });
         expect(contentMenu.legacy).equals(1);
     });

package/out-tsc/test/temba-content-menu.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-content-menu.test.js","sourceRoot":"","sources":["../../test/temba-content-menu.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { CustomEventType } from '../src/interfaces';\nimport { ContentMenu } from '../src/list/ContentMenu';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-content-menu';\nconst getContentMenu = async (attrs: any = {}, width = 0) => {\n  const contentMenu = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    width,\n    0,\n    'display:inline-block'\n  )) as ContentMenu;\n\n  // return right away if we don't have an endpoint\n  if (!contentMenu.endpoint) {\n    return contentMenu;\n  }\n\n  // if we have an endpoint, wait for a loaded event before returning\n  return new Promise<ContentMenu>(resolve => {\n    contentMenu.addEventListener(\n      CustomEventType.Loaded,\n      async () => {\n        resolve(contentMenu);\n      },\n      { once: true }\n    );\n  });\n};\n\ndescribe('temba-content-menu', () => {\n  it('can initially be created without endpoint', async () => {\n    const contentMenu: ContentMenu = await getContentMenu();\n    assert.instanceOf(contentMenu, ContentMenu);\n    expect(contentMenu.endpoint).is.undefined;\n  });\n\n  it('with 1+ items and 1+ buttons', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-contact-read.json',\n    });\n\n    expect(contentMenu.items.length).equals(5);\n    expect(contentMenu.buttons.length).equals(1);\n    await assertScreenshot(\n      'content-menu/items-and-buttons',\n      getClip(contentMenu)\n    );\n  });\n\n  it('with 1+ items and 0 buttons', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-archived-contacts.json',\n    });\n\n    expect(contentMenu.items.length).equals(1);\n    expect(contentMenu.buttons.length).equals(0);\n    await assertScreenshot(\n      'content-menu/item-no-buttons',\n      getClip(contentMenu)\n    );\n  });\n\n  it('with 0 items and 1+ buttons', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-new-campaign.json',\n    });\n\n    expect(contentMenu.items.length).equals(0);\n    expect(contentMenu.buttons.length).equals(1);\n    await assertScreenshot(\n      'content-menu/button-no-items',\n      getClip(contentMenu)\n    );\n  });\n\n  it('bad endpoint', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-bad-endpoint.json',\n    });\n\n    expect(contentMenu.items.length).equals(0);\n    expect(contentMenu.buttons.length).equals(0);\n  });\n\n  it('is spa page', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-contact-read.json',\n      legacy: 0,\n    });\n    expect(contentMenu.legacy).equals(0);\n  });\n\n  it('is legacy page', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-contact-read.json',\n      legacy: 1,\n    });\n    expect(contentMenu.legacy).equals(1);\n  });\n});\n"]}
+{"version":3,"file":"temba-content-menu.test.js","sourceRoot":"","sources":["../../test/temba-content-menu.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { CustomEventType } from '../src/interfaces';\nimport { ContentMenu } from '../src/list/ContentMenu';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-content-menu';\nconst getContentMenu = async (attrs: any = {}, width = 0) => {\n  const contentMenu = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    width,\n    0,\n    'display:inline-block'\n  )) as ContentMenu;\n\n  // return right away if we don't have an endpoint\n  if (!contentMenu.endpoint) {\n    return contentMenu;\n  }\n\n  // if we have an endpoint, wait for a loaded event before returning\n  return new Promise<ContentMenu>((resolve) => {\n    contentMenu.addEventListener(\n      CustomEventType.Loaded,\n      async () => {\n        resolve(contentMenu);\n      },\n      { once: true }\n    );\n  });\n};\n\ndescribe('temba-content-menu', () => {\n  it('can initially be created without endpoint', async () => {\n    const contentMenu: ContentMenu = await getContentMenu();\n    assert.instanceOf(contentMenu, ContentMenu);\n    expect(contentMenu.endpoint).is.undefined;\n  });\n\n  it('with 1+ items and 1+ buttons', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-contact-read.json'\n    });\n\n    expect(contentMenu.items.length).equals(5);\n    expect(contentMenu.buttons.length).equals(1);\n    await assertScreenshot(\n      'content-menu/items-and-buttons',\n      getClip(contentMenu)\n    );\n  });\n\n  it('with 1+ items and 0 buttons', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-archived-contacts.json'\n    });\n\n    expect(contentMenu.items.length).equals(1);\n    expect(contentMenu.buttons.length).equals(0);\n    await assertScreenshot(\n      'content-menu/item-no-buttons',\n      getClip(contentMenu)\n    );\n  });\n\n  it('with 0 items and 1+ buttons', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-new-campaign.json'\n    });\n\n    expect(contentMenu.items.length).equals(0);\n    expect(contentMenu.buttons.length).equals(1);\n    await assertScreenshot(\n      'content-menu/button-no-items',\n      getClip(contentMenu)\n    );\n  });\n\n  it('bad endpoint', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-bad-endpoint.json'\n    });\n\n    expect(contentMenu.items.length).equals(0);\n    expect(contentMenu.buttons.length).equals(0);\n  });\n\n  it('is spa page', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-contact-read.json',\n      legacy: 0\n    });\n    expect(contentMenu.legacy).equals(0);\n  });\n\n  it('is legacy page', async () => {\n    const contentMenu: ContentMenu = await getContentMenu({\n      endpoint: '/test-assets/list/content-menu-contact-read.json',\n      legacy: 1\n    });\n    expect(contentMenu.legacy).equals(1);\n  });\n});\n"]}

package/out-tsc/test/temba-date.test.js

@@ -1,5 +1,5 @@
 import { html, fixture, expect } from '@open-wc/testing';
-import { assertScreenshot, getClip, getComponent, loadStore, mockNow, } from './utils.test';
+import { assertScreenshot, getClip, getComponent, loadStore, mockNow } from './utils.test';
 const TAG = 'temba-date';
 export const getDate = async (attrs = {}) => {
     attrs['width'] = 100;
@@ -19,7 +19,7 @@ describe('temba-date', () => {
     it('renders duration', async () => {
         const date = await getDate({
             value: '1978-11-18T02:22:00.000000-07:00',
-            display: 'duration',
+            display: 'duration'
         });
         const dateString = date.shadowRoot.querySelector('.date').innerText;
         await assertScreenshot('date/duration', getClip(date));
@@ -28,7 +28,7 @@ describe('temba-date', () => {
     it('renders datetime', async () => {
         const date = await getDate({
             value: '1978-11-18T02:22:00.000000-07:00',
-            display: 'datetime',
+            display: 'datetime'
         });
         const dateString = date.shadowRoot.querySelector('.date').innerText;
         await assertScreenshot('date/datetime', getClip(date));

package/out-tsc/test/temba-date.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-date.test.js","sourceRoot":"","sources":["../../test/temba-date.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,SAAS,EACT,OAAO,GACR,MAAM,cAAc,CAAC;AAEtB,MAAM,GAAG,GAAG,YAAY,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC/C,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC;IACrB,OAAO,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAc,CAAC;AACvD,CAAC,CAAC;AAEF,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAE5C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,UAAU,CAAC,GAAG,EAAE;QACd,SAAS,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,kCAAkC,EAAE,CAAC,CAAC;QAC1E,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACnD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC;YACzB,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,UAAU;SACpB,CAAC,CAAC;QACH,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC;YACzB,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,UAAU;SACpB,CAAC,CAAC;QACH,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,EAAE,GAAgB,MAAM,OAAO,CAAC,IAAI,CAAA;;;;;;KAMzC,CAAC,CAAC;QAEH,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { TembaDate } from '../src/date/TembaDate';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  loadStore,\n  mockNow,\n} from './utils.test';\n\nconst TAG = 'temba-date';\n\nexport const getDate = async (attrs: any = {}) => {\n  attrs['width'] = 100;\n  return (await getComponent(TAG, attrs)) as TembaDate;\n};\n\nmockNow('2022-12-02T21:00:00.000000-07:00');\n\ndescribe('temba-date', () => {\n  beforeEach(() => {\n    loadStore();\n  });\n\n  it('renders default', async () => {\n    const date = await getDate({ value: '1978-11-18T02:22:00.000000-07:00' });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/date', getClip(date));\n    expect(dateString).to.equal('11/18/1978');\n  });\n\n  it('renders duration', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000-07:00',\n      display: 'duration',\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/duration', getClip(date));\n    expect(dateString).to.equal('44 years ago');\n  });\n\n  it('renders datetime', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000-07:00',\n      display: 'datetime',\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/datetime', getClip(date));\n    expect(dateString).to.equal('11/18/1978, 9:22 AM');\n  });\n\n  it('renders inline', async () => {\n    const el: HTMLElement = await fixture(html`\n      <span\n        >Your birthday is\n        <temba-date value=\"1978-11-18T02:22:00.000000-07:00\"></temba-date\n        >!</span\n      >\n    `);\n\n    await assertScreenshot('date/date-inline', getClip(el));\n  });\n});\n"]}
+{"version":3,"file":"temba-date.test.js","sourceRoot":"","sources":["../../test/temba-date.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EACL,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,SAAS,EACT,OAAO,EACR,MAAM,cAAc,CAAC;AAEtB,MAAM,GAAG,GAAG,YAAY,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC/C,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC;IACrB,OAAO,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAc,CAAC;AACvD,CAAC,CAAC;AAEF,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAE5C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,UAAU,CAAC,GAAG,EAAE;QACd,SAAS,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,EAAE,KAAK,EAAE,kCAAkC,EAAE,CAAC,CAAC;QAC1E,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACnD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC;YACzB,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,UAAU;SACpB,CAAC,CAAC;QACH,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC;YACzB,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,UAAU;SACpB,CAAC,CAAC;QACH,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CACtC,CAAC,SAAS,CAAC;QAEZ,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,EAAE,GAAgB,MAAM,OAAO,CAAC,IAAI,CAAA;;;;;;KAMzC,CAAC,CAAC;QAEH,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { TembaDate } from '../src/date/TembaDate';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  loadStore,\n  mockNow\n} from './utils.test';\n\nconst TAG = 'temba-date';\n\nexport const getDate = async (attrs: any = {}) => {\n  attrs['width'] = 100;\n  return (await getComponent(TAG, attrs)) as TembaDate;\n};\n\nmockNow('2022-12-02T21:00:00.000000-07:00');\n\ndescribe('temba-date', () => {\n  beforeEach(() => {\n    loadStore();\n  });\n\n  it('renders default', async () => {\n    const date = await getDate({ value: '1978-11-18T02:22:00.000000-07:00' });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/date', getClip(date));\n    expect(dateString).to.equal('11/18/1978');\n  });\n\n  it('renders duration', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000-07:00',\n      display: 'duration'\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/duration', getClip(date));\n    expect(dateString).to.equal('44 years ago');\n  });\n\n  it('renders datetime', async () => {\n    const date = await getDate({\n      value: '1978-11-18T02:22:00.000000-07:00',\n      display: 'datetime'\n    });\n    const dateString = (\n      date.shadowRoot.querySelector('.date') as HTMLSpanElement\n    ).innerText;\n\n    await assertScreenshot('date/datetime', getClip(date));\n    expect(dateString).to.equal('11/18/1978, 9:22 AM');\n  });\n\n  it('renders inline', async () => {\n    const el: HTMLElement = await fixture(html`\n      <span\n        >Your birthday is\n        <temba-date value=\"1978-11-18T02:22:00.000000-07:00\"></temba-date\n        >!</span\n      >\n    `);\n\n    await assertScreenshot('date/date-inline', getClip(el));\n  });\n});\n"]}

package/out-tsc/test/temba-datepicker.test.js

@@ -35,7 +35,7 @@ describe('temba-datepicker', () => {
         const picker = await createPicker(getPickerHTML({
             value: '2020-01-20T14:00Z',
             timezone: 'America/New_York',
-            time: true,
+            time: true
         }));
         expect(picker.timezone).to.equal('America/New_York');
         // we should display in the eastern timezone

package/out-tsc/test/temba-datepicker.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-datepicker.test.js","sourceRoot":"","sources":["../../test/temba-datepicker.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport DatePicker from '../src/datepicker/DatePicker';\nimport { assertScreenshot, getAttributes, getClip } from './utils.test';\n\nexport const getPickerHTML = (attrs: any = {}) => {\n  return `<temba-datepicker ${getAttributes(attrs)}></temba-datepicker>`;\n};\n\nexport const createPicker = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 400px;');\n  parentNode.id = 'parent';\n  const picker: DatePicker = await fixture(def, { parentNode });\n  return picker;\n};\n\ndescribe('temba-datepicker', () => {\n  it('can create a date picker', async () => {\n    const picker: DatePicker = await createPicker(getPickerHTML());\n    assert.instanceOf(picker, DatePicker);\n    await assertScreenshot('datepicker/date', getClip(picker));\n  });\n\n  it('can create a datetime picker', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ time: true })\n    );\n    assert.instanceOf(picker, DatePicker);\n    // await assertScreenshot('datepicker/datetime', getClip(picker));\n  });\n\n  it('can be initialized with an iso date', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20T14:00Z', time: true })\n    );\n\n    // default should be browser locale, which for our tests is UTC\n    // expect(picker.timezone).to.equal('UTC');\n\n    // we should display in the current locale\n    // await assertScreenshot('datepicker/initial-value', getClip(picker));\n\n    // but our value should be our original value as a full iso date\n    expect(picker.value).is.equal('2020-01-20T14:00:00.000Z');\n  });\n\n  it('can be initialized with a timezone', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({\n        value: '2020-01-20T14:00Z',\n        timezone: 'America/New_York',\n        time: true,\n      })\n    );\n\n    expect(picker.timezone).to.equal('America/New_York');\n\n    // we should display in the eastern timezone\n    await assertScreenshot('datepicker/initial-timezone', getClip(picker));\n    expect(picker.value).to.equal('2020-01-20T14:00:00.000Z');\n  });\n\n  it('can be updated via keyboard', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20T14:00Z', id: 'picker', time: true })\n    );\n\n    // click into the picker and update the date\n    await click('#picker');\n    await typeInto('#picker', '01202024', false);\n\n    // click away to update\n    picker.blur();\n\n    expect(picker.value).to.equal('2024-01-20T14:00:00.000Z');\n    // await assertScreenshot('datepicker/updated-keyboard', getClip(picker));\n  });\n\n  it('can update date via keyboard', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20', id: 'picker' })\n    );\n\n    // click into the picker and update the date\n    await click('#picker');\n    await typeInto('#picker', '12252024', false);\n\n    // click away to update\n    picker.blur();\n\n    expect(picker.value).to.equal('2024-12-25');\n    await assertScreenshot('datepicker/updated-keyboard-date', getClip(picker));\n  });\n\n  it('truncates time on dates', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20 00:00:00' })\n    );\n\n    expect(picker.value).to.equal('2020-01-20');\n    await assertScreenshot('datepicker/date-truncated-time', getClip(picker));\n  });\n});\n"]}
+{"version":3,"file":"temba-datepicker.test.js","sourceRoot":"","sources":["../../test/temba-datepicker.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, assert } from '@open-wc/testing';\nimport DatePicker from '../src/datepicker/DatePicker';\nimport { assertScreenshot, getAttributes, getClip } from './utils.test';\n\nexport const getPickerHTML = (attrs: any = {}) => {\n  return `<temba-datepicker ${getAttributes(attrs)}></temba-datepicker>`;\n};\n\nexport const createPicker = async (def: string) => {\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 400px;');\n  parentNode.id = 'parent';\n  const picker: DatePicker = await fixture(def, { parentNode });\n  return picker;\n};\n\ndescribe('temba-datepicker', () => {\n  it('can create a date picker', async () => {\n    const picker: DatePicker = await createPicker(getPickerHTML());\n    assert.instanceOf(picker, DatePicker);\n    await assertScreenshot('datepicker/date', getClip(picker));\n  });\n\n  it('can create a datetime picker', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ time: true })\n    );\n    assert.instanceOf(picker, DatePicker);\n    // await assertScreenshot('datepicker/datetime', getClip(picker));\n  });\n\n  it('can be initialized with an iso date', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20T14:00Z', time: true })\n    );\n\n    // default should be browser locale, which for our tests is UTC\n    // expect(picker.timezone).to.equal('UTC');\n\n    // we should display in the current locale\n    // await assertScreenshot('datepicker/initial-value', getClip(picker));\n\n    // but our value should be our original value as a full iso date\n    expect(picker.value).is.equal('2020-01-20T14:00:00.000Z');\n  });\n\n  it('can be initialized with a timezone', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({\n        value: '2020-01-20T14:00Z',\n        timezone: 'America/New_York',\n        time: true\n      })\n    );\n\n    expect(picker.timezone).to.equal('America/New_York');\n\n    // we should display in the eastern timezone\n    await assertScreenshot('datepicker/initial-timezone', getClip(picker));\n    expect(picker.value).to.equal('2020-01-20T14:00:00.000Z');\n  });\n\n  it('can be updated via keyboard', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20T14:00Z', id: 'picker', time: true })\n    );\n\n    // click into the picker and update the date\n    await click('#picker');\n    await typeInto('#picker', '01202024', false);\n\n    // click away to update\n    picker.blur();\n\n    expect(picker.value).to.equal('2024-01-20T14:00:00.000Z');\n    // await assertScreenshot('datepicker/updated-keyboard', getClip(picker));\n  });\n\n  it('can update date via keyboard', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20', id: 'picker' })\n    );\n\n    // click into the picker and update the date\n    await click('#picker');\n    await typeInto('#picker', '12252024', false);\n\n    // click away to update\n    picker.blur();\n\n    expect(picker.value).to.equal('2024-12-25');\n    await assertScreenshot('datepicker/updated-keyboard-date', getClip(picker));\n  });\n\n  it('truncates time on dates', async () => {\n    const picker: DatePicker = await createPicker(\n      getPickerHTML({ value: '2020-01-20 00:00:00' })\n    );\n\n    expect(picker.value).to.equal('2020-01-20');\n    await assertScreenshot('datepicker/date-truncated-time', getClip(picker));\n  });\n});\n"]}

package/out-tsc/test/temba-field-manager.test.js

@@ -1,7 +1,5 @@
 import { expect, fixture } from '@open-wc/testing';
-import { html } from 'lit';
-import { assertScreenshot, getAttributes, getClip, loadStore, } from './utils.test';
-const BORING_LIST = html `<temba-field-manager />`;
+import { assertScreenshot, getAttributes, getClip, loadStore } from './utils.test';
 export const getEle = async (attrs = {}) => {
     const fm = `<temba-field-manager
     ${getAttributes(attrs)}

package/out-tsc/test/temba-field-manager.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-field-manager.test.js","sourceRoot":"","sources":["../../test/temba-field-manager.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { html } from 'lit';\nimport { FieldManager } from '../src/fields/FieldManager';\nimport { TextInput } from '../src/textinput/TextInput';\nimport {\n  assertScreenshot,\n  getAttributes,\n  getClip,\n  loadStore,\n} from './utils.test';\n\nconst BORING_LIST = html`<temba-field-manager />`;\n\nexport const getEle = async (attrs: any = {}) => {\n  const fm = `<temba-field-manager\n    ${getAttributes(attrs)}\n  ></temba-field-manager>`;\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 600px;');\n  return (await fixture(fm, { parentNode })) as FieldManager;\n};\n\ndescribe('temba-field-manager', () => {\n  it('renders default', async () => {\n    await loadStore();\n    const fm: FieldManager = await getEle();\n    await assertScreenshot('list/fields', getClip(fm));\n  });\n\n  it('filters', async () => {\n    await loadStore();\n    const fm: FieldManager = await getEle();\n    (fm.shadowRoot.querySelector('#search') as TextInput).focus();\n    fm.query = 'at';\n    await fm.updateComplete;\n    expect(fm.featuredFields.length).to.equal(1);\n    expect(fm.otherFieldKeys.length).to.equal(2);\n    await assertScreenshot('list/fields-filtered', getClip(fm));\n  });\n\n  it('hovers', async () => {\n    await loadStore();\n    const fm: FieldManager = await getEle();\n\n    // hover over the first item\n    const first = fm.shadowRoot.querySelector('.sortable') as HTMLDivElement;\n    const bounds = first.getBoundingClientRect();\n    await moveMouse(bounds.left + 20, bounds.top + 10);\n    await assertScreenshot('list/fields-hovered', getClip(fm));\n  });\n\n  it('drags featured down', async () => {\n    await loadStore();\n    const fm: FieldManager = await getEle();\n    const first = fm.shadowRoot.querySelector('.sortable') as HTMLDivElement;\n    const bounds = first.getBoundingClientRect();\n\n    // drag our item\n    await moveMouse(bounds.left + 20, bounds.top + 10);\n    await mouseDown();\n    await moveMouse(bounds.left + 30, bounds.bottom + 20);\n    await assertScreenshot('list/fields-dragging', getClip(fm));\n  });\n});\n"]}
+{"version":3,"file":"temba-field-manager.test.js","sourceRoot":"","sources":["../../test/temba-field-manager.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing';\nimport { FieldManager } from '../src/fields/FieldManager';\nimport { TextInput } from '../src/textinput/TextInput';\nimport {\n  assertScreenshot,\n  getAttributes,\n  getClip,\n  loadStore\n} from './utils.test';\n\nexport const getEle = async (attrs: any = {}) => {\n  const fm = `<temba-field-manager\n    ${getAttributes(attrs)}\n  ></temba-field-manager>`;\n  const parentNode = document.createElement('div');\n  parentNode.setAttribute('style', 'width: 600px;');\n  return (await fixture(fm, { parentNode })) as FieldManager;\n};\n\ndescribe('temba-field-manager', () => {\n  it('renders default', async () => {\n    await loadStore();\n    const fm: FieldManager = await getEle();\n    await assertScreenshot('list/fields', getClip(fm));\n  });\n\n  it('filters', async () => {\n    await loadStore();\n    const fm: FieldManager = await getEle();\n    (fm.shadowRoot.querySelector('#search') as TextInput).focus();\n    fm.query = 'at';\n    await fm.updateComplete;\n    expect(fm.featuredFields.length).to.equal(1);\n    expect(fm.otherFieldKeys.length).to.equal(2);\n    await assertScreenshot('list/fields-filtered', getClip(fm));\n  });\n\n  it('hovers', async () => {\n    await loadStore();\n    const fm: FieldManager = await getEle();\n\n    // hover over the first item\n    const first = fm.shadowRoot.querySelector('.sortable') as HTMLDivElement;\n    const bounds = first.getBoundingClientRect();\n    await moveMouse(bounds.left + 20, bounds.top + 10);\n    await assertScreenshot('list/fields-hovered', getClip(fm));\n  });\n\n  it('drags featured down', async () => {\n    await loadStore();\n    const fm: FieldManager = await getEle();\n    const first = fm.shadowRoot.querySelector('.sortable') as HTMLDivElement;\n    const bounds = first.getBoundingClientRect();\n\n    // drag our item\n    await moveMouse(bounds.left + 20, bounds.top + 10);\n    await mouseDown();\n    await moveMouse(bounds.left + 30, bounds.bottom + 20);\n    await assertScreenshot('list/fields-dragging', getClip(fm));\n  });\n});\n"]}

package/out-tsc/test/temba-label.test.js

@@ -18,28 +18,28 @@ describe('temba-label', () => {
     it('renders shadow', async () => {
         const label = await getLabel('Shadow', {
             icon: 'check',
-            shadow: true,
+            shadow: true
         });
         await assertScreenshot('label/shadow', getClip(label));
     });
     it('renders primary', async () => {
         const label = await getLabel('Primary', {
             icon: 'check',
-            primary: true,
+            primary: true
         });
         await assertScreenshot('label/primary', getClip(label));
     });
     it('renders secondary', async () => {
         const label = await getLabel('Secondary', {
             icon: 'check',
-            secondary: true,
+            secondary: true
         });
         await assertScreenshot('label/secondary', getClip(label));
     });
     it('renders tertiary', async () => {
         const label = await getLabel('Tertiary', {
             icon: 'check',
-            tertiary: true,
+            tertiary: true
         });
         await assertScreenshot('label/tertiary', getClip(label));
     });
@@ -50,7 +50,7 @@ describe('temba-label', () => {
     it('renders danger', async () => {
         const label = await getLabel('Danger', {
             icon: 'check',
-            danger: true,
+            danger: true
         });
         await assertScreenshot('label/danger', getClip(label));
     });
@@ -58,7 +58,7 @@ describe('temba-label', () => {
         const label = await getLabel('Custom Orange', {
             icon: 'check',
             backgroundColor: 'rgb(240, 176, 29)',
-            textColor: '#ffff',
+            textColor: '#ffff'
         });
         await assertScreenshot('label/custom', getClip(label));
     });

package/out-tsc/test/temba-label.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-label.test.js","sourceRoot":"","sources":["../../test/temba-label.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert } from '@open-wc/testing';\nimport Label from '../src/label/Label';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-label';\nconst getLabel = async (slot, attrs: any = {}) => {\n  return (await getComponent(TAG, attrs, slot)) as Label;\n};\n\ndescribe('temba-label', () => {\n  it('renders default', async () => {\n    const label: Label = await getLabel('Default');\n    assert.instanceOf(label, Label);\n    await assertScreenshot('label/no-icon', getClip(label));\n  });\n\n  it('renders icon', async () => {\n    const label: Label = await getLabel('Default', { icon: 'check' });\n    await assertScreenshot('label/default-icon', getClip(label));\n  });\n\n  it('renders shadow', async () => {\n    const label: Label = await getLabel('Shadow', {\n      icon: 'check',\n      shadow: true,\n    });\n    await assertScreenshot('label/shadow', getClip(label));\n  });\n\n  it('renders primary', async () => {\n    const label: Label = await getLabel('Primary', {\n      icon: 'check',\n      primary: true,\n    });\n    await assertScreenshot('label/primary', getClip(label));\n  });\n\n  it('renders secondary', async () => {\n    const label: Label = await getLabel('Secondary', {\n      icon: 'check',\n      secondary: true,\n    });\n    await assertScreenshot('label/secondary', getClip(label));\n  });\n\n  it('renders tertiary', async () => {\n    const label: Label = await getLabel('Tertiary', {\n      icon: 'check',\n      tertiary: true,\n    });\n    await assertScreenshot('label/tertiary', getClip(label));\n  });\n\n  it('renders dark', async () => {\n    const label: Label = await getLabel('Dark', { icon: 'check', dark: true });\n    await assertScreenshot('label/dark', getClip(label));\n  });\n\n  it('renders danger', async () => {\n    const label: Label = await getLabel('Danger', {\n      icon: 'check',\n      danger: true,\n    });\n    await assertScreenshot('label/danger', getClip(label));\n  });\n\n  it('renders custom', async () => {\n    const label: Label = await getLabel('Custom Orange', {\n      icon: 'check',\n      backgroundColor: 'rgb(240, 176, 29)',\n      textColor: '#ffff',\n    });\n    await assertScreenshot('label/custom', getClip(label));\n  });\n});\n"]}
+{"version":3,"file":"temba-label.test.js","sourceRoot":"","sources":["../../test/temba-label.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,GAAG,GAAG,aAAa,CAAC;AAC1B,MAAM,QAAQ,GAAG,KAAK,EAAE,IAAI,EAAE,QAAa,EAAE,EAAE,EAAE;IAC/C,OAAO,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAU,CAAC;AACzD,CAAC,CAAC;AAEF,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,KAAK,GAAU,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC/C,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAChC,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;QAC5B,MAAM,KAAK,GAAU,MAAM,QAAQ,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAClE,MAAM,gBAAgB,CAAC,oBAAoB,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,KAAK,GAAU,MAAM,QAAQ,CAAC,QAAQ,EAAE;YAC5C,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QACH,MAAM,gBAAgB,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,KAAK,GAAU,MAAM,QAAQ,CAAC,SAAS,EAAE;YAC7C,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QACH,MAAM,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,KAAK,GAAU,MAAM,QAAQ,CAAC,WAAW,EAAE;YAC/C,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;QACH,MAAM,gBAAgB,CAAC,iBAAiB,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,KAAK,GAAU,MAAM,QAAQ,CAAC,UAAU,EAAE;YAC9C,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QACH,MAAM,gBAAgB,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;QAC5B,MAAM,KAAK,GAAU,MAAM,QAAQ,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3E,MAAM,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,KAAK,GAAU,MAAM,QAAQ,CAAC,QAAQ,EAAE;YAC5C,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QACH,MAAM,gBAAgB,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,KAAK,GAAU,MAAM,QAAQ,CAAC,eAAe,EAAE;YACnD,IAAI,EAAE,OAAO;YACb,eAAe,EAAE,mBAAmB;YACpC,SAAS,EAAE,OAAO;SACnB,CAAC,CAAC;QACH,MAAM,gBAAgB,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert } from '@open-wc/testing';\nimport Label from '../src/label/Label';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-label';\nconst getLabel = async (slot, attrs: any = {}) => {\n  return (await getComponent(TAG, attrs, slot)) as Label;\n};\n\ndescribe('temba-label', () => {\n  it('renders default', async () => {\n    const label: Label = await getLabel('Default');\n    assert.instanceOf(label, Label);\n    await assertScreenshot('label/no-icon', getClip(label));\n  });\n\n  it('renders icon', async () => {\n    const label: Label = await getLabel('Default', { icon: 'check' });\n    await assertScreenshot('label/default-icon', getClip(label));\n  });\n\n  it('renders shadow', async () => {\n    const label: Label = await getLabel('Shadow', {\n      icon: 'check',\n      shadow: true\n    });\n    await assertScreenshot('label/shadow', getClip(label));\n  });\n\n  it('renders primary', async () => {\n    const label: Label = await getLabel('Primary', {\n      icon: 'check',\n      primary: true\n    });\n    await assertScreenshot('label/primary', getClip(label));\n  });\n\n  it('renders secondary', async () => {\n    const label: Label = await getLabel('Secondary', {\n      icon: 'check',\n      secondary: true\n    });\n    await assertScreenshot('label/secondary', getClip(label));\n  });\n\n  it('renders tertiary', async () => {\n    const label: Label = await getLabel('Tertiary', {\n      icon: 'check',\n      tertiary: true\n    });\n    await assertScreenshot('label/tertiary', getClip(label));\n  });\n\n  it('renders dark', async () => {\n    const label: Label = await getLabel('Dark', { icon: 'check', dark: true });\n    await assertScreenshot('label/dark', getClip(label));\n  });\n\n  it('renders danger', async () => {\n    const label: Label = await getLabel('Danger', {\n      icon: 'check',\n      danger: true\n    });\n    await assertScreenshot('label/danger', getClip(label));\n  });\n\n  it('renders custom', async () => {\n    const label: Label = await getLabel('Custom Orange', {\n      icon: 'check',\n      backgroundColor: 'rgb(240, 176, 29)',\n      textColor: '#ffff'\n    });\n    await assertScreenshot('label/custom', getClip(label));\n  });\n});\n"]}

package/out-tsc/test/temba-lightbox.test.js

@@ -13,7 +13,7 @@ describe('temba-lightbox', () => {
             x: 28,
             y: 28,
             width: 1024,
-            height: 768,
+            height: 768
         });
         assert.instanceOf(lightbox, Lightbox);
         lightbox.showElement(img);
@@ -21,7 +21,7 @@ describe('temba-lightbox', () => {
             x: 28,
             y: 28,
             width: 1024,
-            height: 768,
+            height: 768
         });
     });
 });

package/out-tsc/test/temba-lightbox.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-lightbox.test.js","sourceRoot":"","sources":["../../test/temba-lightbox.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,qDAAqD,CAAC;AAC/D,CAAC,CAAC;AAEF,kBAAkB;AAElB,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,QAAQ,GAAa,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QACpD,MAAM,GAAG,GAAG,MAAM,OAAO,CACvB,yEAAyE,CAC1E,CAAC;QAEF,MAAM,gBAAgB,CAAC,cAAc,EAAE;YACrC,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,GAAG;SACZ,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACtC,QAAQ,CAAC,WAAW,CAAC,GAAkB,CAAC,CAAC;QAEzC,MAAM,gBAAgB,CAAC,qBAAqB,EAAE;YAC5C,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,GAAG;SACZ,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture, assert } from '@open-wc/testing';\nimport { Lightbox } from '../src/lightbox/Lightbox';\nimport { assertScreenshot } from './utils.test';\n\nexport const getHTML = () => {\n  return `<temba-lightbox animationTime=\"0\"></temba-lightbox>`;\n};\n\n// let clock: any;\n\ndescribe('temba-lightbox', () => {\n  it('can be created', async () => {\n    const lightbox: Lightbox = await fixture(getHTML());\n    const img = await fixture(\n      \"<img style='width:100px;height:auto' src='./test-assets/img/meow.jpg'/>\"\n    );\n\n    await assertScreenshot('lightbox/img', {\n      x: 28,\n      y: 28,\n      width: 1024,\n      height: 768,\n    });\n\n    assert.instanceOf(lightbox, Lightbox);\n    lightbox.showElement(img as HTMLElement);\n\n    await assertScreenshot('lightbox/img-zoomed', {\n      x: 28,\n      y: 28,\n      width: 1024,\n      height: 768,\n    });\n  });\n});\n"]}
+{"version":3,"file":"temba-lightbox.test.js","sourceRoot":"","sources":["../../test/temba-lightbox.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,qDAAqD,CAAC;AAC/D,CAAC,CAAC;AAEF,kBAAkB;AAElB,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,QAAQ,GAAa,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QACpD,MAAM,GAAG,GAAG,MAAM,OAAO,CACvB,yEAAyE,CAC1E,CAAC;QAEF,MAAM,gBAAgB,CAAC,cAAc,EAAE;YACrC,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,GAAG;SACZ,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACtC,QAAQ,CAAC,WAAW,CAAC,GAAkB,CAAC,CAAC;QAEzC,MAAM,gBAAgB,CAAC,qBAAqB,EAAE;YAC5C,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,GAAG;SACZ,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture, assert } from '@open-wc/testing';\nimport { Lightbox } from '../src/lightbox/Lightbox';\nimport { assertScreenshot } from './utils.test';\n\nexport const getHTML = () => {\n  return `<temba-lightbox animationTime=\"0\"></temba-lightbox>`;\n};\n\n// let clock: any;\n\ndescribe('temba-lightbox', () => {\n  it('can be created', async () => {\n    const lightbox: Lightbox = await fixture(getHTML());\n    const img = await fixture(\n      \"<img style='width:100px;height:auto' src='./test-assets/img/meow.jpg'/>\"\n    );\n\n    await assertScreenshot('lightbox/img', {\n      x: 28,\n      y: 28,\n      width: 1024,\n      height: 768\n    });\n\n    assert.instanceOf(lightbox, Lightbox);\n    lightbox.showElement(img as HTMLElement);\n\n    await assertScreenshot('lightbox/img-zoomed', {\n      x: 28,\n      y: 28,\n      width: 1024,\n      height: 768\n    });\n  });\n});\n"]}