@verdocs/web-sdk 5.0.23 → 5.0.25

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +24 -0
  2. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js.map +1 -1
  3. package/dist/cjs/verdocs-preview_6.cjs.entry.js +13 -9
  4. package/dist/cjs/verdocs-preview_6.cjs.entry.js.map +1 -1
  5. package/dist/cjs/verdocs-sign.cjs.entry.js +6 -6
  6. package/dist/cjs/verdocs-sign.cjs.entry.js.map +1 -1
  7. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js +25 -15
  8. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js.map +1 -1
  9. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.css +1 -1
  10. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +5 -5
  11. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js.map +1 -1
  12. package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js +24 -0
  13. package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js.map +1 -1
  14. package/dist/components/{p-b8885b5c.js → p-ca3e45f3.js} +14 -10
  15. package/dist/components/p-ca3e45f3.js.map +1 -0
  16. package/dist/components/verdocs-build.js +1 -1
  17. package/dist/components/verdocs-envelope-sidebar.js +24 -0
  18. package/dist/components/verdocs-envelope-sidebar.js.map +1 -1
  19. package/dist/components/verdocs-send.js +1 -1
  20. package/dist/components/verdocs-sign.js +6 -6
  21. package/dist/components/verdocs-sign.js.map +1 -1
  22. package/dist/custom-elements.json +2156 -0
  23. package/dist/esm/verdocs-envelope-sidebar.entry.js +24 -0
  24. package/dist/esm/verdocs-envelope-sidebar.entry.js.map +1 -1
  25. package/dist/esm/verdocs-preview_6.entry.js +13 -9
  26. package/dist/esm/verdocs-preview_6.entry.js.map +1 -1
  27. package/dist/esm/verdocs-sign.entry.js +6 -6
  28. package/dist/esm/verdocs-sign.entry.js.map +1 -1
  29. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  30. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js.map +1 -1
  31. package/dist/esm-es5/verdocs-preview_6.entry.js +1 -1
  32. package/dist/esm-es5/verdocs-preview_6.entry.js.map +1 -1
  33. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  34. package/dist/esm-es5/verdocs-sign.entry.js.map +1 -1
  35. package/dist/types/components/embeds/verdocs-send/verdocs-send.d.ts +6 -4
  36. package/dist/types/components.d.ts +13 -13
  37. package/dist/verdocs-web-sdk/p-4e3790db.system.entry.js +2 -0
  38. package/dist/verdocs-web-sdk/p-4e3790db.system.entry.js.map +1 -0
  39. package/dist/verdocs-web-sdk/p-75e53ae1.entry.js +2 -0
  40. package/dist/verdocs-web-sdk/p-75e53ae1.entry.js.map +1 -0
  41. package/dist/verdocs-web-sdk/{p-51c7f852.system.entry.js → p-80952d72.system.entry.js} +3 -3
  42. package/dist/verdocs-web-sdk/p-80952d72.system.entry.js.map +1 -0
  43. package/dist/verdocs-web-sdk/p-9ab8bcaa.system.entry.js +2 -0
  44. package/dist/verdocs-web-sdk/p-9ab8bcaa.system.entry.js.map +1 -0
  45. package/dist/verdocs-web-sdk/{p-3701b851.entry.js → p-b1a9dc79.entry.js} +3 -3
  46. package/dist/verdocs-web-sdk/p-b1a9dc79.entry.js.map +1 -0
  47. package/dist/verdocs-web-sdk/p-e2b70dfb.system.js +1 -1
  48. package/dist/verdocs-web-sdk/p-f84ba101.entry.js +2 -0
  49. package/dist/verdocs-web-sdk/p-f84ba101.entry.js.map +1 -0
  50. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  51. package/package.json +1 -1
  52. package/dist/components/p-b8885b5c.js.map +0 -1
  53. package/dist/verdocs-web-sdk/p-2175c81a.system.entry.js +0 -2
  54. package/dist/verdocs-web-sdk/p-2175c81a.system.entry.js.map +0 -1
  55. package/dist/verdocs-web-sdk/p-23d6f064.entry.js +0 -2
  56. package/dist/verdocs-web-sdk/p-23d6f064.entry.js.map +0 -1
  57. package/dist/verdocs-web-sdk/p-3701b851.entry.js.map +0 -1
  58. package/dist/verdocs-web-sdk/p-51c7f852.system.entry.js.map +0 -1
  59. package/dist/verdocs-web-sdk/p-c4a10e58.system.entry.js +0 -2
  60. package/dist/verdocs-web-sdk/p-c4a10e58.system.entry.js.map +0 -1
  61. package/dist/verdocs-web-sdk/p-db1faf41.entry.js +0 -2
  62. package/dist/verdocs-web-sdk/p-db1faf41.entry.js.map +0 -1
package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js CHANGED
@@ -38,6 +38,12 @@ const ActivityIcons = {
38
38
  textsms: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z"/></svg>`,
39
39
  verified_user: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path fill-rule="evenodd" d="M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" /></svg>`,
40
40
  account_circle: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>`,
41
+ idcard: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 10H18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
42
+ idcardslash: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 10H18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 14H18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 2L22 22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
43
+ key: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z" fill="black" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
44
+ keyslash: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z" fill="black" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
45
+ pin: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 17V22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16V15.24C18.9998 14.8679 18.8958 14.5033 18.6997 14.187C18.5036 13.8708 18.2232 13.6156 17.89 13.45L16.11 12.55C15.7768 12.3844 15.4964 12.1292 15.3003 11.813C15.1042 11.4967 15.0002 11.1321 15 10.76V7C15 6.73478 15.1054 6.48043 15.2929 6.29289C15.4804 6.10536 15.7348 6 16 6C16.5304 6 17.0391 5.78929 17.4142 5.41421C17.7893 5.03914 18 4.53043 18 4C18 3.46957 17.7893 2.96086 17.4142 2.58579C17.0391 2.21071 16.5304 2 16 2H8C7.46957 2 6.96086 2.21071 6.58579 2.58579C6.21071 2.96086 6 3.46957 6 4C6 4.53043 6.21071 5.03914 6.58579 5.41421C6.96086 5.78929 7.46957 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7V10.76Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
46
+ pinslash: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 17V22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.0006 9.34V7C15.0006 6.73478 15.106 6.48043 15.2935 6.29289C15.4811 6.10536 15.7354 6 16.0006 6C16.5311 6 17.0398 5.78929 17.4148 5.41421C17.7899 5.03914 18.0006 4.53043 18.0006 4C18.0006 3.46957 17.7899 2.96086 17.4148 2.58579C17.0398 2.21071 16.5311 2 16.0006 2H7.89062" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 2L22 22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 9V10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
41
47
  };
42
48
  const VerdocsEnvelopeSidebar = class {
43
49
  constructor(hostRef) {
@@ -185,6 +191,24 @@ const VerdocsEnvelopeSidebar = class {
185
191
  const recipient = (((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.recipients) || []).find(recipient => recipient.role_name === history.role_name);
186
192
  const fullName = jsSdk.formatFullName(recipient);
187
193
  switch (history.event.toLowerCase()) {
194
+ case 'recipient:kba_verified':
195
+ entries.push({ icon: 'key', message: `KBA verification completed by ${fullName}.`, date: new Date(history.created_at) });
196
+ break;
197
+ case 'recipient:kba_failed':
198
+ entries.push({ icon: 'keyslash', message: `KBA verification failed by ${fullName}.`, date: new Date(history.created_at) });
199
+ break;
200
+ case 'recipient:id_verified':
201
+ entries.push({ icon: 'idcard', message: `ID verification completed by ${fullName}.`, date: new Date(history.created_at) });
202
+ break;
203
+ case 'recipient:id_failed':
204
+ entries.push({ icon: 'idcardslash', message: `ID verification failed by ${fullName}.`, date: new Date(history.created_at) });
205
+ break;
206
+ case 'recipient:pin_verified':
207
+ entries.push({ icon: 'pin', message: `PIN verification completed by ${fullName}.`, date: new Date(history.created_at) });
208
+ break;
209
+ case 'recipient:pin_failed':
210
+ entries.push({ icon: 'pinslash', message: `PIN verification failed by ${fullName}.`, date: new Date(history.created_at) });
211
+ break;
188
212
  case 'recipient:signed':
189
213
  entries.push({ icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at) });
190
214
  break;
package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"verdocs-envelope-sidebar.entry.cjs.js","mappings":"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","names":["VerdocsEndpoint","SDKError","Store","getEnvelope","resendInvitation","VerdocsToast","cancelEnvelope","formatFullName","updateEnvelope","h","Host","userIsEnvelopeOwner","format","FORMAT_TIMESTAMP","capitalize","index","Fragment"],"sources":["src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.scss?tag=verdocs-envelope-sidebar","src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-sidebar {\n font-family: $verdocs-primary-font;\n flex-direction: row;\n display: flex;\n flex: 0 0 56px;\n width: 56px;\n min-height: 400px;\n height: 100%;\n background: #41435e;\n transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n\n &.open {\n flex: 0 0 400px;\n max-width: 100%;\n width: 400px;\n\n @media screen and (max-width: 500px) {\n flex: 0 0 300px;\n width: 300px;\n }\n }\n\n .side-buttons {\n flex-direction: column;\n flex: 0 0 56px;\n display: flex;\n\n button {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 50px;\n outline: none;\n border: none;\n border-left: 2px solid transparent;\n background: none;\n width: 100%;\n\n &.active {\n border-left: 2px solid #50bd80;\n }\n\n svg {\n color: white;\n width: 24px;\n height: 24px;\n }\n }\n }\n\n .content {\n flex: 1;\n display: none;\n color: white;\n flex-direction: column;\n padding: 12px 16px 16px;\n }\n\n &.open .content {\n display: flex;\n overflow-y: scroll;\n }\n\n verdocs-ok-dialog .content {\n color: black;\n }\n\n .title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 12px;\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n //flex: 0;\n }\n\n .label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n line-height: 16px;\n color: rgba(255, 255, 255, 0.54);\n //flex: 0;\n }\n\n .value {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n //flex: 0;\n }\n\n .manage-recipients-button {\n align-self: center;\n white-space: nowrap;\n width: 100%;\n margin: 0 0 10px 0;\n\n .label {\n color: #ffffff;\n font-size: 14px;\n }\n\n button {\n width: 100%;\n }\n }\n\n .recipient-detail {\n flex: 0;\n padding: 8px;\n font-size: 14px;\n position: relative;\n flex-direction: column;\n border: solid 1px #979797;\n margin-bottom: 16px;\n }\n\n .recipient-header {\n flex-direction: row;\n box-sizing: border-box;\n display: flex;\n gap: 6px;\n align-items: center;\n margin-bottom: 4px;\n }\n\n .recipient-number {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 24px;\n font-size: 14px;\n font-weight: 500;\n border: solid 1px #979797;\n }\n\n .recipient-name {\n flex: 1;\n box-sizing: border-box;\n text-transform: capitalize;\n }\n\n .recipient-status {\n flex: 0 0 100px;\n border-radius: 5px;\n text-align: center;\n box-sizing: border-box;\n max-width: 100px;\n min-width: 100px;\n background-color: #616161; // Default\n text-transform: capitalize;\n font-size: 14px;\n padding: 3px 0;\n\n &.invited {\n background-color: #ff8f00;\n }\n &.opened {\n background-color: #616161;\n }\n &.signed,\n &.submitted {\n background-color: #2e7d32;\n }\n &.pending {\n background-color: #0277bd;\n }\n &.canceled,\n &.declined {\n background-color: #c62828;\n }\n\n @media screen and (max-width: 500px) {\n flex: 1 1 60px;\n max-width: 60px;\n min-width: 60px;\n }\n }\n\n .recipient-content {\n flex-direction: column;\n }\n\n .recipient-name {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .history-entry {\n display: flex;\n align-items: center;\n flex-direction: row;\n padding: 8px 0 0;\n margin: 8px 0 0;\n border-top: 1px solid #dddddd;\n\n .activity-icon {\n margin-right: 14px;\n\n svg {\n width: 24px;\n height: 24px;\n fill: #ffffff;\n }\n }\n\n .activity-details {\n }\n\n .activity-text {\n font-size: 14px;\n line-height: 16px;\n margin-bottom: 4px;\n }\n\n .activity-date {\n font-size: 12px;\n line-height: 16px;\n color: rgba(255, 255, 255, 0.54);\n }\n }\n\n .content .history-entry:first-of-type {\n border-top: none;\n }\n\n .reminders {\n margin: 15px 0 30px 0;\n\n .form-row {\n margin: 8px 0 0;\n display: flex;\n flex-direction: row;\n\n .reminders-label {\n display: flex;\n flex: 1;\n }\n\n .form-label {\n flex: 1;\n }\n\n verdocs-text-input {\n margin: 0;\n width: 100px;\n }\n }\n }\n}\n","import {format} from 'date-fns';\nimport type {IEnvelope, IRecipient} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Fragment, Host, Prop, State} from '@stencil/core';\nimport {cancelEnvelope, capitalize, formatFullName, getEnvelope, resendInvitation, updateEnvelope, userIsEnvelopeOwner, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_TIMESTAMP} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\nconst InformationCircle = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" /></svg>`;\n\nconst Users = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" /></svg>`;\n\nconst ClipboardDocuments = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\n// https://materialui.co/icon/verified-user and https://heroicons.com/\nconst ActivityIcons = {\n visibility: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" /><path fill-rule=\"evenodd\" d=\"M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z\" clip-rule=\"evenodd\" /></svg>`,\n pencil: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z\" /></svg>`,\n mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n contact_mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n done: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\" clip-rule=\"evenodd\" /></svg>`,\n send: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/></svg>`,\n gesture: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"/></svg>`,\n clear: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n check_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>`,\n link: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"/></svg>`,\n cancel: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n done_all: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"/></svg>`,\n create: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n perm_identity: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n people: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/></svg>`,\n contact_email: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"/></svg>`,\n textsms: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"/></svg>`,\n verified_user: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z\" clip-rule=\"evenodd\" /></svg>`,\n account_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/></svg>`,\n};\n\ninterface IHistoryEntry {\n icon: string;\n message: string;\n date: Date;\n}\n\n/**\n * Displays a file upload mechanism suitable for the first step of creating a template.\n * This is typically the first step in a template creation workflow.\n */\n@Component({\n tag: 'verdocs-envelope-sidebar',\n styleUrl: 'verdocs-envelope-sidebar.scss',\n shadow: false,\n})\nexport class VerdocsEnvelopeSidebar {\n private envelopeListenerId = null;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n /**\n * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n */\n @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n /**\n * Event fired when the sidebar is opened or closed.\n */\n @Event({composed: true}) toggle: EventEmitter<{open: boolean}>;\n\n /**\n * Event fired when the user clicks Send Another in the Manage Recipients dialog. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n // @State() envelope: IEnvelope | null = null;\n // @State() sortedRecipients: IRecipient[] = [];\n // @State() roleNames: string[] = [];\n @State() activeTab: number = 1;\n @State() panelOpen = false;\n @State() showRecipientDialog = '';\n @State() showCancelDialog = false;\n\n @State() remindersEnabled = false;\n @State() updatingReminders = false;\n @State() initialReminder: number | null = null;\n @State() followupReminders: number | null = null;\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.envelopeId) {\n console.log(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[SIDEBAR] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[SIDEBAR] Error loading envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n false,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n\n this.sortEnvelopeRecipients();\n this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.initialReminder;\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n sortEnvelopeRecipients() {\n (this.envelope?.recipients || []).sort((a, b) => {\n return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n });\n }\n\n setTab(tab: number) {\n this.panelOpen = tab !== this.activeTab || !this.panelOpen;\n this.toggle?.emit({open: this.panelOpen});\n this.activeTab = tab;\n }\n\n // TODO: Refactor to a common library?\n canResendRecipient(recipient: IRecipient) {\n return (\n !['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //\n !['complete', 'declined', 'canceled'].includes(this.envelope?.status)\n );\n }\n\n handleRecipientAction(recipient: IRecipient, id: string) {\n console.log('[SIDEBAR] Recipient action', id, recipient);\n switch (id) {\n case 'reminder':\n resendInvitation(this.endpoint, this.envelopeId, recipient.role_name)\n .then(() => {\n VerdocsToast('Reminder Sent', {style: 'success'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error resending invitation', e);\n VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n });\n break;\n\n case 'inperson':\n this.showRecipientDialog = recipient.role_name;\n break;\n\n case 'modify':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n\n case 'details':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n }\n\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: id});\n }\n\n handleCancelEnvelope() {\n this.loading = true;\n cancelEnvelope(this.endpoint, this.envelopeId)\n .then(async r => {\n console.log('[SIDEBAR] Envelope canceled', r);\n VerdocsToast('Envelope canceled', {style: 'success'});\n\n // TODO: Use returned value instead?\n const newEnvelope = JSON.parse(JSON.stringify(this.envelope));\n newEnvelope.status = 'canceled';\n Store.updateEnvelope(this.envelopeId, newEnvelope);\n\n this.loading = false;\n this.panelOpen = false;\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: newEnvelope, event: 'canceled'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error canceling envelope', e);\n this.loading = false;\n VerdocsToast('Error canceling envelope: ' + e.message, {style: 'error'});\n });\n }\n\n prepareHistoryEntries() {\n const entries: IHistoryEntry[] = [];\n const histories = this.envelope?.history_entries || [];\n\n entries.push({icon: 'pencil', message: 'Envelope created.', date: new Date(this.envelope?.created_at)});\n\n if (this.envelope?.status === 'complete') {\n entries.push({icon: 'pencil', message: 'Envelope completed.', date: new Date(this.envelope?.updated_at)});\n }\n\n // TODO: Shift back to server-side generating these events? We'll still need\n // to tolerate both cases here for a while.\n const ownerCanceled = histories.some(history => (history.event as any) === 'owner:canceled');\n if (this.envelope?.status === 'canceled' && !ownerCanceled) {\n entries.push({icon: 'pencil', message: 'Envelope Cancelled.', date: new Date(this.envelope?.canceled_at)});\n }\n\n histories.forEach(history => {\n const recipient = (this.envelope?.recipients || []).find(recipient => recipient.role_name === history.role_name);\n const fullName = formatFullName(recipient);\n\n switch (history.event.toLowerCase()) {\n case 'recipient:signed':\n entries.push({icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:declined':\n entries.push({icon: 'clear', message: `Declined by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:opened':\n switch (history.event_detail) {\n // TODO: Sync these up with reality\n case 'email':\n case 'mail':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via email.`, date: new Date(history.created_at)});\n break;\n case 'sms':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via SMS.`, date: new Date(history.created_at)});\n break;\n case 'in_person_link':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via In-person link.`, date: new Date(history.created_at)});\n break;\n case 'in_app':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via dashboard.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'visibility', message: `Opened by ${fullName}.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:submitted':\n switch (history.event_detail) {\n // TODO: Sync up\n case 'approver':\n entries.push({icon: 'check_circle', message: `Approved by ${fullName}.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'send', message: `Submitted by ${fullName}.`, date: new Date(history.created_at)});\n break;\n }\n break;\n case 'recipient:prepared':\n entries.push({icon: 'send', message: `Prepared by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:claimed':\n if (history.event_detail === 'guest') {\n entries.push({icon: 'account_circle', message: `${fullName} claimed the Envelope as a guest.`, date: new Date(history.created_at)});\n } else if (history.event_detail === 'profile') {\n entries.push({icon: 'verified_user', message: `${fullName} claimed the Envelope as a verified user.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:agreed':\n entries.push({icon: 'done', message: `${fullName} agreed to use electronic records and signatures.`, date: new Date(history.created_at)});\n break;\n case 'recipient:invited':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} has been invited via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} has been invited via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:reminder':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} sent a reminder via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} sent a reminder via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'invitation:resent':\n entries.push({\n icon: 'mail',\n message: `Invitation was resent to ${fullName}${history.event_detail === 'reminder' ? ' by reminder' : ''}.`,\n date: new Date(history.created_at),\n });\n break;\n case 'envelope:cc':\n entries.push({icon: 'contact_mail', message: `A copy has been sent to ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:delegated':\n entries.push({icon: 'people', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'recipient:updated_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'owner:updated_recipient_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'created':\n entries.push({icon: 'create', message: `Envelope was created.`, date: new Date(history.created_at)});\n break;\n case 'completed':\n entries.push({icon: 'done_all', message: `Envelope was completed.`, date: new Date(history.created_at)});\n break;\n // TODO: Final answer?\n case 'envelope:canceled':\n case 'envelope_canceled':\n case 'canceled':\n case 'owner:canceled':\n entries.push({icon: 'cancel', message: `Envelope was canceled by the creator.`, date: new Date(history.created_at)});\n break;\n case 'owner:get_in_person_link':\n entries.push({icon: 'link', message: `Owner accessed the In-person link for ${recipient}.`, date: new Date(history.created_at)});\n break;\n default:\n console.log('[SIDEBAR] Unknown history type', history);\n break;\n }\n });\n\n entries.sort((a, b) => b.date.getTime() - a.date.getTime());\n return entries;\n }\n\n // canModify(recipient: IRecipient) {\n // const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];\n // const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];\n // return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.envelope?.status) === -1;\n // }\n\n handleToggleReminders() {\n if (this.remindersEnabled) {\n return this.handleSetReminders(null, null);\n } else {\n return this.handleSetReminders(MS_PER_DAY, 3 * MS_PER_DAY);\n }\n }\n\n handleSetReminders(initial_reminder: number | null, followup_reminders: number | null) {\n console.log('Updating reminders...');\n this.updatingReminders = true;\n\n updateEnvelope(this.endpoint, this.envelopeId, {initial_reminder, followup_reminders})\n .then(envelope => {\n console.log('Updated', envelope);\n Store.updateEnvelope(this.envelopeId, envelope);\n this.initialReminder = envelope.initial_reminder;\n this.followupReminders = envelope.followup_reminders;\n this.remindersEnabled = !!envelope.initial_reminder;\n this.updatingReminders = false;\n })\n .catch(e => {\n console.log('Error updating envelope', e);\n this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.envelope?.initial_reminder;\n this.updatingReminders = false;\n alert(e.response.data.error);\n });\n }\n\n render() {\n if (this.loading) {\n // We don't show a loading indicator for the sidebar, to avoid FOUS\n return <Host />;\n }\n\n const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.envelope);\n const historyEntries = this.prepareHistoryEntries();\n const functionsDisabled = this.envelope?.status !== 'pending' && this.envelope?.status !== 'in progress';\n\n return (\n <Host class={this.panelOpen ? 'open' : ''}>\n <div class=\"side-buttons\">\n <button class={this.activeTab === 1 ? 'active' : ''} onClick={() => this.setTab(1)} innerHTML={InformationCircle} />\n <button class={this.activeTab === 2 ? 'active' : ''} onClick={() => this.setTab(2)} innerHTML={Users} />\n <button class={this.activeTab === 3 ? 'active' : ''} onClick={() => this.setTab(3)} innerHTML={ClipboardDocuments} />\n </div>\n\n {this.activeTab === 1 && (\n <div class=\"content\">\n <div class=\"title\">Details</div>\n\n <div class=\"label\">Envelope ID</div>\n <div class=\"value\">{this.envelope?.id}</div>\n\n <div class=\"label\">Date Created</div>\n <div class=\"value\">{format(new Date(this.envelope?.created_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Last Modified</div>\n <div class=\"value\">{format(new Date(this.envelope?.updated_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Status</div>\n <div class=\"value\">{capitalize(this.envelope?.status)}</div>\n\n <div class=\"label\">Owner ID</div>\n <div class=\"value\">{this.envelope?.profile_id}</div>\n\n <div class=\"label\">Owner Name</div>\n <div class=\"value\">{formatFullName(this.envelope?.profile)}</div>\n\n <div class=\"label\">Owner Email</div>\n <div class=\"value\">{this.envelope?.profile?.email}</div>\n </div>\n )}\n\n {this.activeTab === 2 && (\n <div class=\"content\">\n <div class=\"title\">Recipients</div>\n {this.envelope?.recipients.map((recipient, index) => {\n const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';\n const canSendReminder = this.canResendRecipient(recipient);\n const fullName = formatFullName(recipient);\n\n return (\n <div class=\"recipient-detail\">\n <div class=\"recipient-header\">\n <div class=\"recipient-number\">{index + 1}</div>\n <div class=\"recipient-name\">{recipient.role_name}</div>\n <div class={{'recipient-status': true, [recipient.status]: true}}>{recipient.status}</div>\n {isEnvelopeOwner && !functionsDisabled && (\n <verdocs-dropdown\n onOptionSelected={item => this.handleRecipientAction(recipient, item.detail.id)}\n options={[\n {id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder},\n {id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink},\n // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},\n // TODO: Details dialog\n // {id:'details',label: 'View Details'},\n ]}\n />\n )}\n </div>\n\n <dic class=\"recipient-content\">\n <div class=\"recipient-name\">{fullName}</div>\n <div class=\"recipient-name\">{recipient.email}</div>\n <div class=\"recipient-name\">{recipient.phone}</div>\n </dic>\n </div>\n );\n })}\n\n {isEnvelopeOwner && (\n <div class=\"reminders\">\n <div class=\"form-row\">\n <div class=\"reminders-label\">Reminders</div>\n <verdocs-switch disabled={functionsDisabled || this.updatingReminders} checked={this.remindersEnabled} onCheckedChange={() => this.handleToggleReminders()} />\n </div>\n\n {this.remindersEnabled && (\n <Fragment>\n <div class=\"form-row\">NOTE: Reminders will only be sent for up to 14 days.</div>\n <div class=\"form-row\">\n <div class=\"form-label\">Initial Reminder (days):</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.initialReminder / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.initialReminder = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Follow-up Reminders:</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.followupReminders / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.followupReminders = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Next Reminder:</div>\n <div style={{color: '#dddddd'}}>{format(new Date(this.envelope?.next_reminder), 'P p')}</div>\n </div>\n </Fragment>\n )}\n </div>\n )}\n {/* <verdocs-button*/}\n {/* class=\"manage-recipients-button\"*/}\n {/* variant=\"standard\"*/}\n {/* label=\"Turn On Reminders\"*/}\n {/* onClick={() => (this.showManageDialog = !functionsDisabled)}*/}\n {/* disabled={functionsDisabled}*/}\n {/* />*/}\n\n {isEnvelopeOwner && (\n <verdocs-button\n class=\"manage-recipients-button\"\n variant=\"standard\"\n label=\"Cancel Envelope\"\n onClick={() => (this.showCancelDialog = !functionsDisabled)}\n disabled={functionsDisabled}\n />\n )}\n </div>\n )}\n\n {this.activeTab === 3 && (\n <div class=\"content\">\n <div class=\"title\">History</div>\n\n {historyEntries.map(entry => (\n <div class=\"history-entry\">\n <div class=\"activity-icon\" innerHTML={ActivityIcons[entry.icon] || entry.icon} />\n <div class=\"activity-details\">\n <div class=\"activity-text\">{entry.message}</div>\n {/* 'MMMM Do YYYY, h:mm:ss a' */}\n <div class=\"activity-date\">{format(entry.date, FORMAT_TIMESTAMP)}</div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {this.showRecipientDialog && (\n <verdocs-envelope-recipient-link envelopeId={this.envelopeId} roleName={this.showRecipientDialog} onNext={() => (this.showRecipientDialog = '')} />\n )}\n\n {this.showCancelDialog && (\n <verdocs-ok-dialog\n heading=\"Cancel Envelope?\"\n message={'Are you sure you want to cancel this Envelope? This action cannot be undone.'}\n onNext={() => {\n this.showCancelDialog = false;\n this.handleCancelEnvelope();\n }}\n />\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"verdocs-envelope-sidebar.entry.cjs.js","mappings":"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","names":["VerdocsEndpoint","SDKError","Store","getEnvelope","resendInvitation","VerdocsToast","cancelEnvelope","formatFullName","updateEnvelope","h","Host","userIsEnvelopeOwner","format","FORMAT_TIMESTAMP","capitalize","index","Fragment"],"sources":["src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.scss?tag=verdocs-envelope-sidebar","src/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-sidebar {\n font-family: $verdocs-primary-font;\n flex-direction: row;\n display: flex;\n flex: 0 0 56px;\n width: 56px;\n min-height: 400px;\n height: 100%;\n background: #41435e;\n transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n\n &.open {\n flex: 0 0 400px;\n max-width: 100%;\n width: 400px;\n\n @media screen and (max-width: 500px) {\n flex: 0 0 300px;\n width: 300px;\n }\n }\n\n .side-buttons {\n flex-direction: column;\n flex: 0 0 56px;\n display: flex;\n\n button {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 50px;\n outline: none;\n border: none;\n border-left: 2px solid transparent;\n background: none;\n width: 100%;\n\n &.active {\n border-left: 2px solid #50bd80;\n }\n\n svg {\n color: white;\n width: 24px;\n height: 24px;\n }\n }\n }\n\n .content {\n flex: 1;\n display: none;\n color: white;\n flex-direction: column;\n padding: 12px 16px 16px;\n }\n\n &.open .content {\n display: flex;\n overflow-y: scroll;\n }\n\n verdocs-ok-dialog .content {\n color: black;\n }\n\n .title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 12px;\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n //flex: 0;\n }\n\n .label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 12px;\n line-height: 16px;\n color: rgba(255, 255, 255, 0.54);\n //flex: 0;\n }\n\n .value {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 14px;\n font-size: 14px;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n //flex: 0;\n }\n\n .manage-recipients-button {\n align-self: center;\n white-space: nowrap;\n width: 100%;\n margin: 0 0 10px 0;\n\n .label {\n color: #ffffff;\n font-size: 14px;\n }\n\n button {\n width: 100%;\n }\n }\n\n .recipient-detail {\n flex: 0;\n padding: 8px;\n font-size: 14px;\n position: relative;\n flex-direction: column;\n border: solid 1px #979797;\n margin-bottom: 16px;\n }\n\n .recipient-header {\n flex-direction: row;\n box-sizing: border-box;\n display: flex;\n gap: 6px;\n align-items: center;\n margin-bottom: 4px;\n }\n\n .recipient-number {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 24px;\n font-size: 14px;\n font-weight: 500;\n border: solid 1px #979797;\n }\n\n .recipient-name {\n flex: 1;\n box-sizing: border-box;\n text-transform: capitalize;\n }\n\n .recipient-status {\n flex: 0 0 100px;\n border-radius: 5px;\n text-align: center;\n box-sizing: border-box;\n max-width: 100px;\n min-width: 100px;\n background-color: #616161; // Default\n text-transform: capitalize;\n font-size: 14px;\n padding: 3px 0;\n\n &.invited {\n background-color: #ff8f00;\n }\n &.opened {\n background-color: #616161;\n }\n &.signed,\n &.submitted {\n background-color: #2e7d32;\n }\n &.pending {\n background-color: #0277bd;\n }\n &.canceled,\n &.declined {\n background-color: #c62828;\n }\n\n @media screen and (max-width: 500px) {\n flex: 1 1 60px;\n max-width: 60px;\n min-width: 60px;\n }\n }\n\n .recipient-content {\n flex-direction: column;\n }\n\n .recipient-name {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .history-entry {\n display: flex;\n align-items: center;\n flex-direction: row;\n padding: 8px 0 0;\n margin: 8px 0 0;\n border-top: 1px solid #dddddd;\n\n .activity-icon {\n margin-right: 14px;\n\n svg {\n width: 24px;\n height: 24px;\n fill: #ffffff;\n }\n }\n\n .activity-details {\n }\n\n .activity-text {\n font-size: 14px;\n line-height: 16px;\n margin-bottom: 4px;\n }\n\n .activity-date {\n font-size: 12px;\n line-height: 16px;\n color: rgba(255, 255, 255, 0.54);\n }\n }\n\n .content .history-entry:first-of-type {\n border-top: none;\n }\n\n .reminders {\n margin: 15px 0 30px 0;\n\n .form-row {\n margin: 8px 0 0;\n display: flex;\n flex-direction: row;\n\n .reminders-label {\n display: flex;\n flex: 1;\n }\n\n .form-label {\n flex: 1;\n }\n\n verdocs-text-input {\n margin: 0;\n width: 100px;\n }\n }\n }\n}\n","import {format} from 'date-fns';\nimport type {IEnvelope, IRecipient} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Fragment, Host, Prop, State} from '@stencil/core';\nimport {cancelEnvelope, capitalize, formatFullName, getEnvelope, resendInvitation, updateEnvelope, userIsEnvelopeOwner, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {FORMAT_TIMESTAMP} from '../../../utils/Types';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\nconst MS_PER_DAY = 24 * 60 * 60 * 1000;\n\nconst InformationCircle = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z\" /></svg>`;\n\nconst Users = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z\" /></svg>`;\n\nconst ClipboardDocuments = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#ffffff\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\n// https://materialui.co/icon/verified-user and https://heroicons.com/\nconst ActivityIcons = {\n visibility: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" /><path fill-rule=\"evenodd\" d=\"M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z\" clip-rule=\"evenodd\" /></svg>`,\n pencil: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z\" /></svg>`,\n mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n contact_mail: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"/></svg>`,\n done: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z\" clip-rule=\"evenodd\" /></svg>`,\n send: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/></svg>`,\n gesture: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z\"/></svg>`,\n clear: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>`,\n check_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>`,\n link: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"/></svg>`,\n cancel: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>`,\n done_all: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z\"/></svg>`,\n create: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n perm_identity: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"/></svg>`,\n people: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"/></svg>`,\n contact_email: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z\"/></svg>`,\n textsms: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z\"/></svg>`,\n verified_user: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"#ffffff\"><path fill-rule=\"evenodd\" d=\"M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z\" clip-rule=\"evenodd\" /></svg>`,\n account_circle: `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"/></svg>`,\n idcard: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 10H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 14H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n idcardslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 10H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 14H18\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.16992 15.0001C6.37606 14.4141 6.75902 13.9065 7.26594 13.5475C7.77286 13.1884 8.37873 12.9956 8.99992 12.9956C9.62111 12.9956 10.227 13.1884 10.7339 13.5475C11.2408 13.9065 11.6238 14.4141 11.8299 15.0001\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 13C10.1046 13 11 12.1046 11 11C11 9.89543 10.1046 9 9 9C7.89543 9 7 9.89543 7 11C7 12.1046 7.89543 13 9 13Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H20C21.1046 19 22 18.1046 22 17V7C22 5.89543 21.1046 5 20 5Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2 2L22 22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n key: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n keyslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.586 17.4139C2.2109 17.7889 2.00011 18.2975 2 18.8279V20.9999C2 21.2651 2.10536 21.5195 2.29289 21.707C2.48043 21.8946 2.73478 21.9999 3 21.9999H6C6.26522 21.9999 6.51957 21.8946 6.70711 21.707C6.89464 21.5195 7 21.2651 7 20.9999V19.9999C7 19.7347 7.10536 19.4803 7.29289 19.2928C7.48043 19.1053 7.73478 18.9999 8 18.9999H9C9.26522 18.9999 9.51957 18.8946 9.70711 18.707C9.89464 18.5195 10 18.2651 10 17.9999V16.9999C10 16.7347 10.1054 16.4803 10.2929 16.2928C10.4804 16.1053 10.7348 15.9999 11 15.9999H11.172C11.7024 15.9998 12.211 15.789 12.586 15.4139L13.4 14.5999C14.7898 15.0841 16.3028 15.0822 17.6915 14.5947C19.0801 14.1071 20.2622 13.1628 21.0444 11.916C21.8265 10.6693 22.1624 9.19409 21.9971 7.73165C21.8318 6.26922 21.1751 4.90617 20.1344 3.86549C19.0937 2.8248 17.7307 2.1681 16.2683 2.00281C14.8058 1.83751 13.3306 2.17341 12.0839 2.95556C10.8372 3.7377 9.89279 4.91979 9.40525 6.30844C8.91771 7.69708 8.91585 9.21008 9.4 10.5999L2.586 17.4139Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.5 8C16.7761 8 17 7.77614 17 7.5C17 7.22386 16.7761 7 16.5 7C16.2239 7 16 7.22386 16 7.5C16 7.77614 16.2239 8 16.5 8Z\" fill=\"black\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n pin: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 17V22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16V15.24C18.9998 14.8679 18.8958 14.5033 18.6997 14.187C18.5036 13.8708 18.2232 13.6156 17.89 13.45L16.11 12.55C15.7768 12.3844 15.4964 12.1292 15.3003 11.813C15.1042 11.4967 15.0002 11.1321 15 10.76V7C15 6.73478 15.1054 6.48043 15.2929 6.29289C15.4804 6.10536 15.7348 6 16 6C16.5304 6 17.0391 5.78929 17.4142 5.41421C17.7893 5.03914 18 4.53043 18 4C18 3.46957 17.7893 2.96086 17.4142 2.58579C17.0391 2.21071 16.5304 2 16 2H8C7.46957 2 6.96086 2.21071 6.58579 2.58579C6.21071 2.96086 6 3.46957 6 4C6 4.53043 6.21071 5.03914 6.58579 5.41421C6.96086 5.78929 7.46957 6 8 6C8.26522 6 8.51957 6.10536 8.70711 6.29289C8.89464 6.48043 9 6.73478 9 7V10.76Z\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n pinslash: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 17V22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.0006 9.34V7C15.0006 6.73478 15.106 6.48043 15.2935 6.29289C15.4811 6.10536 15.7354 6 16.0006 6C16.5311 6 17.0398 5.78929 17.4148 5.41421C17.7899 5.03914 18.0006 4.53043 18.0006 4C18.0006 3.46957 17.7899 2.96086 17.4148 2.58579C17.0398 2.21071 16.5311 2 16.0006 2H7.89062\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2 2L22 22\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 9V10.76C8.9998 11.1321 8.89581 11.4967 8.69972 11.813C8.50363 12.1292 8.22321 12.3844 7.89 12.55L6.11 13.45C5.77679 13.6156 5.49637 13.8708 5.30028 14.187C5.10419 14.5033 5.0002 14.8679 5 15.24V16C5 16.2652 5.10536 16.5196 5.29289 16.7071C5.48043 16.8946 5.73478 17 6 17H17\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`,\n};\n\ninterface IHistoryEntry {\n icon: string;\n message: string;\n date: Date;\n}\n\n/**\n * Displays a file upload mechanism suitable for the first step of creating a template.\n * This is typically the first step in a template creation workflow.\n */\n@Component({\n tag: 'verdocs-envelope-sidebar',\n styleUrl: 'verdocs-envelope-sidebar.scss',\n shadow: false,\n})\nexport class VerdocsEnvelopeSidebar {\n private envelopeListenerId = null;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n /**\n * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n */\n @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n /**\n * Event fired when the sidebar is opened or closed.\n */\n @Event({composed: true}) toggle: EventEmitter<{open: boolean}>;\n\n /**\n * Event fired when the user clicks Send Another in the Manage Recipients dialog. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n // @State() envelope: IEnvelope | null = null;\n // @State() sortedRecipients: IRecipient[] = [];\n // @State() roleNames: string[] = [];\n @State() activeTab: number = 1;\n @State() panelOpen = false;\n @State() showRecipientDialog = '';\n @State() showCancelDialog = false;\n\n @State() remindersEnabled = false;\n @State() updatingReminders = false;\n @State() initialReminder: number | null = null;\n @State() followupReminders: number | null = null;\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.envelopeId) {\n console.log(`[SIDEBAR] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[SIDEBAR] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[SIDEBAR] Error loading envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n false,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n\n this.sortEnvelopeRecipients();\n this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.initialReminder;\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n sortEnvelopeRecipients() {\n (this.envelope?.recipients || []).sort((a, b) => {\n return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n });\n }\n\n setTab(tab: number) {\n this.panelOpen = tab !== this.activeTab || !this.panelOpen;\n this.toggle?.emit({open: this.panelOpen});\n this.activeTab = tab;\n }\n\n // TODO: Refactor to a common library?\n canResendRecipient(recipient: IRecipient) {\n return (\n !['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //\n !['complete', 'declined', 'canceled'].includes(this.envelope?.status)\n );\n }\n\n handleRecipientAction(recipient: IRecipient, id: string) {\n console.log('[SIDEBAR] Recipient action', id, recipient);\n switch (id) {\n case 'reminder':\n resendInvitation(this.endpoint, this.envelopeId, recipient.role_name)\n .then(() => {\n VerdocsToast('Reminder Sent', {style: 'success'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error resending invitation', e);\n VerdocsToast('Error resending invitation: ' + e.message, {style: 'error'});\n });\n break;\n\n case 'inperson':\n this.showRecipientDialog = recipient.role_name;\n break;\n\n case 'modify':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n\n case 'details':\n VerdocsToast('This feature will be enabled in a future release. Please try again later.', {style: 'info'});\n break;\n }\n\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: id});\n }\n\n handleCancelEnvelope() {\n this.loading = true;\n cancelEnvelope(this.endpoint, this.envelopeId)\n .then(async r => {\n console.log('[SIDEBAR] Envelope canceled', r);\n VerdocsToast('Envelope canceled', {style: 'success'});\n\n // TODO: Use returned value instead?\n const newEnvelope = JSON.parse(JSON.stringify(this.envelope));\n newEnvelope.status = 'canceled';\n Store.updateEnvelope(this.envelopeId, newEnvelope);\n\n this.loading = false;\n this.panelOpen = false;\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: newEnvelope, event: 'canceled'});\n })\n .catch(e => {\n console.log('[SIDEBAR] Error canceling envelope', e);\n this.loading = false;\n VerdocsToast('Error canceling envelope: ' + e.message, {style: 'error'});\n });\n }\n\n prepareHistoryEntries() {\n const entries: IHistoryEntry[] = [];\n const histories = this.envelope?.history_entries || [];\n\n entries.push({icon: 'pencil', message: 'Envelope created.', date: new Date(this.envelope?.created_at)});\n\n if (this.envelope?.status === 'complete') {\n entries.push({icon: 'pencil', message: 'Envelope completed.', date: new Date(this.envelope?.updated_at)});\n }\n\n // TODO: Shift back to server-side generating these events? We'll still need\n // to tolerate both cases here for a while.\n const ownerCanceled = histories.some(history => (history.event as any) === 'owner:canceled');\n if (this.envelope?.status === 'canceled' && !ownerCanceled) {\n entries.push({icon: 'pencil', message: 'Envelope Cancelled.', date: new Date(this.envelope?.canceled_at)});\n }\n\n histories.forEach(history => {\n const recipient = (this.envelope?.recipients || []).find(recipient => recipient.role_name === history.role_name);\n const fullName = formatFullName(recipient);\n\n switch (history.event.toLowerCase()) {\n case 'recipient:kba_verified':\n entries.push({icon: 'key', message: `KBA verification completed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:kba_failed':\n entries.push({icon: 'keyslash', message: `KBA verification failed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:id_verified':\n entries.push({icon: 'idcard', message: `ID verification completed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:id_failed':\n entries.push({icon: 'idcardslash', message: `ID verification failed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:pin_verified':\n entries.push({icon: 'pin', message: `PIN verification completed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:pin_failed':\n entries.push({icon: 'pinslash', message: `PIN verification failed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:signed':\n entries.push({icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:declined':\n entries.push({icon: 'clear', message: `Declined by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:opened':\n switch (history.event_detail) {\n // TODO: Sync these up with reality\n case 'email':\n case 'mail':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via email.`, date: new Date(history.created_at)});\n break;\n case 'sms':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via SMS.`, date: new Date(history.created_at)});\n break;\n case 'in_person_link':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via In-person link.`, date: new Date(history.created_at)});\n break;\n case 'in_app':\n entries.push({icon: 'visibility', message: `Opened by ${fullName}, via dashboard.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'visibility', message: `Opened by ${fullName}.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:submitted':\n switch (history.event_detail) {\n // TODO: Sync up\n case 'approver':\n entries.push({icon: 'check_circle', message: `Approved by ${fullName}.`, date: new Date(history.created_at)});\n break;\n default:\n entries.push({icon: 'send', message: `Submitted by ${fullName}.`, date: new Date(history.created_at)});\n break;\n }\n break;\n case 'recipient:prepared':\n entries.push({icon: 'send', message: `Prepared by ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:claimed':\n if (history.event_detail === 'guest') {\n entries.push({icon: 'account_circle', message: `${fullName} claimed the Envelope as a guest.`, date: new Date(history.created_at)});\n } else if (history.event_detail === 'profile') {\n entries.push({icon: 'verified_user', message: `${fullName} claimed the Envelope as a verified user.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:agreed':\n entries.push({icon: 'done', message: `${fullName} agreed to use electronic records and signatures.`, date: new Date(history.created_at)});\n break;\n case 'recipient:invited':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} has been invited via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} has been invited via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'recipient:reminder':\n if (history.event_detail === 'sms') {\n entries.push({icon: 'textsms', message: `${fullName} sent a reminder via SMS.`, date: new Date(history.created_at)});\n } else {\n entries.push({icon: 'mail', message: `${fullName} sent a reminder via email.`, date: new Date(history.created_at)});\n }\n break;\n case 'invitation:resent':\n entries.push({\n icon: 'mail',\n message: `Invitation was resent to ${fullName}${history.event_detail === 'reminder' ? ' by reminder' : ''}.`,\n date: new Date(history.created_at),\n });\n break;\n case 'envelope:cc':\n entries.push({icon: 'contact_mail', message: `A copy has been sent to ${fullName}.`, date: new Date(history.created_at)});\n break;\n case 'recipient:delegated':\n entries.push({icon: 'people', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'recipient:updated_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'owner:updated_recipient_info':\n entries.push({icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at)});\n break;\n case 'created':\n entries.push({icon: 'create', message: `Envelope was created.`, date: new Date(history.created_at)});\n break;\n case 'completed':\n entries.push({icon: 'done_all', message: `Envelope was completed.`, date: new Date(history.created_at)});\n break;\n // TODO: Final answer?\n case 'envelope:canceled':\n case 'envelope_canceled':\n case 'canceled':\n case 'owner:canceled':\n entries.push({icon: 'cancel', message: `Envelope was canceled by the creator.`, date: new Date(history.created_at)});\n break;\n case 'owner:get_in_person_link':\n entries.push({icon: 'link', message: `Owner accessed the In-person link for ${recipient}.`, date: new Date(history.created_at)});\n break;\n default:\n console.log('[SIDEBAR] Unknown history type', history);\n break;\n }\n });\n\n entries.sort((a, b) => b.date.getTime() - a.date.getTime());\n return entries;\n }\n\n // canModify(recipient: IRecipient) {\n // const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];\n // const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];\n // return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.envelope?.status) === -1;\n // }\n\n handleToggleReminders() {\n if (this.remindersEnabled) {\n return this.handleSetReminders(null, null);\n } else {\n return this.handleSetReminders(MS_PER_DAY, 3 * MS_PER_DAY);\n }\n }\n\n handleSetReminders(initial_reminder: number | null, followup_reminders: number | null) {\n console.log('Updating reminders...');\n this.updatingReminders = true;\n\n updateEnvelope(this.endpoint, this.envelopeId, {initial_reminder, followup_reminders})\n .then(envelope => {\n console.log('Updated', envelope);\n Store.updateEnvelope(this.envelopeId, envelope);\n this.initialReminder = envelope.initial_reminder;\n this.followupReminders = envelope.followup_reminders;\n this.remindersEnabled = !!envelope.initial_reminder;\n this.updatingReminders = false;\n })\n .catch(e => {\n console.log('Error updating envelope', e);\n this.initialReminder = this.envelope?.initial_reminder;\n this.followupReminders = this.envelope?.followup_reminders;\n this.remindersEnabled = !!this.envelope?.initial_reminder;\n this.updatingReminders = false;\n alert(e.response.data.error);\n });\n }\n\n render() {\n if (this.loading) {\n // We don't show a loading indicator for the sidebar, to avoid FOUS\n return <Host />;\n }\n\n const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.envelope);\n const historyEntries = this.prepareHistoryEntries();\n const functionsDisabled = this.envelope?.status !== 'pending' && this.envelope?.status !== 'in progress';\n\n return (\n <Host class={this.panelOpen ? 'open' : ''}>\n <div class=\"side-buttons\">\n <button class={this.activeTab === 1 ? 'active' : ''} onClick={() => this.setTab(1)} innerHTML={InformationCircle} />\n <button class={this.activeTab === 2 ? 'active' : ''} onClick={() => this.setTab(2)} innerHTML={Users} />\n <button class={this.activeTab === 3 ? 'active' : ''} onClick={() => this.setTab(3)} innerHTML={ClipboardDocuments} />\n </div>\n\n {this.activeTab === 1 && (\n <div class=\"content\">\n <div class=\"title\">Details</div>\n\n <div class=\"label\">Envelope ID</div>\n <div class=\"value\">{this.envelope?.id}</div>\n\n <div class=\"label\">Date Created</div>\n <div class=\"value\">{format(new Date(this.envelope?.created_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Last Modified</div>\n <div class=\"value\">{format(new Date(this.envelope?.updated_at), FORMAT_TIMESTAMP)}</div>\n\n <div class=\"label\">Status</div>\n <div class=\"value\">{capitalize(this.envelope?.status)}</div>\n\n <div class=\"label\">Owner ID</div>\n <div class=\"value\">{this.envelope?.profile_id}</div>\n\n <div class=\"label\">Owner Name</div>\n <div class=\"value\">{formatFullName(this.envelope?.profile)}</div>\n\n <div class=\"label\">Owner Email</div>\n <div class=\"value\">{this.envelope?.profile?.email}</div>\n </div>\n )}\n\n {this.activeTab === 2 && (\n <div class=\"content\">\n <div class=\"title\">Recipients</div>\n {this.envelope?.recipients.map((recipient, index) => {\n const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';\n const canSendReminder = this.canResendRecipient(recipient);\n const fullName = formatFullName(recipient);\n\n return (\n <div class=\"recipient-detail\">\n <div class=\"recipient-header\">\n <div class=\"recipient-number\">{index + 1}</div>\n <div class=\"recipient-name\">{recipient.role_name}</div>\n <div class={{'recipient-status': true, [recipient.status]: true}}>{recipient.status}</div>\n {isEnvelopeOwner && !functionsDisabled && (\n <verdocs-dropdown\n onOptionSelected={item => this.handleRecipientAction(recipient, item.detail.id)}\n options={[\n {id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder},\n {id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink},\n // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},\n // TODO: Details dialog\n // {id:'details',label: 'View Details'},\n ]}\n />\n )}\n </div>\n\n <dic class=\"recipient-content\">\n <div class=\"recipient-name\">{fullName}</div>\n <div class=\"recipient-name\">{recipient.email}</div>\n <div class=\"recipient-name\">{recipient.phone}</div>\n </dic>\n </div>\n );\n })}\n\n {isEnvelopeOwner && (\n <div class=\"reminders\">\n <div class=\"form-row\">\n <div class=\"reminders-label\">Reminders</div>\n <verdocs-switch disabled={functionsDisabled || this.updatingReminders} checked={this.remindersEnabled} onCheckedChange={() => this.handleToggleReminders()} />\n </div>\n\n {this.remindersEnabled && (\n <Fragment>\n <div class=\"form-row\">NOTE: Reminders will only be sent for up to 14 days.</div>\n <div class=\"form-row\">\n <div class=\"form-label\">Initial Reminder (days):</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.initialReminder / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.initialReminder = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Follow-up Reminders:</div>\n <verdocs-text-input\n placeholder=\"In hours...\"\n disabled={functionsDisabled || this.updatingReminders}\n value={String(Math.floor(this.followupReminders / MS_PER_DAY))}\n onBlur={(e: any) => {\n this.followupReminders = Number(e.target.value) * MS_PER_DAY;\n this.handleSetReminders(this.initialReminder, this.followupReminders);\n }}\n />\n </div>\n <div class=\"form-row\">\n <div class=\"form-label\">Next Reminder:</div>\n <div style={{color: '#dddddd'}}>{format(new Date(this.envelope?.next_reminder), 'P p')}</div>\n </div>\n </Fragment>\n )}\n </div>\n )}\n {/* <verdocs-button*/}\n {/* class=\"manage-recipients-button\"*/}\n {/* variant=\"standard\"*/}\n {/* label=\"Turn On Reminders\"*/}\n {/* onClick={() => (this.showManageDialog = !functionsDisabled)}*/}\n {/* disabled={functionsDisabled}*/}\n {/* />*/}\n\n {isEnvelopeOwner && (\n <verdocs-button\n class=\"manage-recipients-button\"\n variant=\"standard\"\n label=\"Cancel Envelope\"\n onClick={() => (this.showCancelDialog = !functionsDisabled)}\n disabled={functionsDisabled}\n />\n )}\n </div>\n )}\n\n {this.activeTab === 3 && (\n <div class=\"content\">\n <div class=\"title\">History</div>\n\n {historyEntries.map(entry => (\n <div class=\"history-entry\">\n <div class=\"activity-icon\" innerHTML={ActivityIcons[entry.icon] || entry.icon} />\n <div class=\"activity-details\">\n <div class=\"activity-text\">{entry.message}</div>\n {/* 'MMMM Do YYYY, h:mm:ss a' */}\n <div class=\"activity-date\">{format(entry.date, FORMAT_TIMESTAMP)}</div>\n </div>\n </div>\n ))}\n </div>\n )}\n\n {this.showRecipientDialog && (\n <verdocs-envelope-recipient-link envelopeId={this.envelopeId} roleName={this.showRecipientDialog} onNext={() => (this.showRecipientDialog = '')} />\n )}\n\n {this.showCancelDialog && (\n <verdocs-ok-dialog\n heading=\"Cancel Envelope?\"\n message={'Are you sure you want to cancel this Envelope? This action cannot be undone.'}\n onNext={() => {\n this.showCancelDialog = false;\n this.handleCancelEnvelope();\n }}\n />\n )}\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/cjs/verdocs-preview_6.cjs.entry.js CHANGED
@@ -108,7 +108,7 @@ const doneIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"
108
108
  const VerdocsSend = class {
109
109
  constructor(hostRef) {
110
110
  index$1.registerInstance(this, hostRef);
111
- this.sendingEnvelope = index$1.createEvent(this, "sendingEnvelope", 7);
111
+ this.beforeSend = index$1.createEvent(this, "beforeSend", 7);
112
112
  this.send = index$1.createEvent(this, "send", 7);
113
113
  this.exit = index$1.createEvent(this, "exit", 7);
114
114
  this.sdkError = index$1.createEvent(this, "sdkError", 7);
@@ -250,7 +250,7 @@ const VerdocsSend = class {
250
250
  this.showPickerForId = role.id;
251
251
  }
252
252
  handleSend(e) {
253
- var _a, _b;
253
+ var _a;
254
254
  if (this.sending) {
255
255
  console.log('[SEND] Skipping duplicate send', e);
256
256
  return;
@@ -259,10 +259,9 @@ const VerdocsSend = class {
259
259
  e.preventDefault();
260
260
  e.stopPropagation();
261
261
  this.sending = true;
262
- (_a = this.sendingEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ sending: true });
263
262
  const details = {
264
263
  template_id: this.templateId,
265
- name: ((_b = this.template) === null || _b === void 0 ? void 0 : _b.name) || 'New Envelope',
264
+ name: ((_a = this.template) === null || _a === void 0 ? void 0 : _a.name) || 'New Envelope',
266
265
  environment: this.environment,
267
266
  initial_reminder: 0,
268
267
  followup_reminders: 0,
@@ -270,22 +269,27 @@ const VerdocsSend = class {
270
269
  // TODO: Pre-filled fields support
271
270
  fields: [],
272
271
  };
272
+ const beforeSendResult = this.beforeSend.emit({ ...details, name: details.name });
273
+ if (beforeSendResult.defaultPrevented) {
274
+ console.log('[SEND] Send cancelled by parent', details);
275
+ this.sending = false;
276
+ return;
277
+ }
273
278
  console.log('[SEND] Creating envelope', details);
274
279
  jsSdk.createEnvelope(this.endpoint, details)
275
280
  .then(r => {
276
- var _a, _b;
281
+ var _a;
277
282
  console.log('[SEND] Send envelope', r);
278
283
  this.reset().catch((e) => console.log('Unknown Error', e));
279
284
  this.sending = false;
280
- (_a = this.sendingEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ sending: false });
281
- (_b = this.send) === null || _b === void 0 ? void 0 : _b.emit({ ...details, name: details.name, envelope_id: r.id, envelope: r });
285
+ (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit({ ...details, name: details.name, envelope_id: r.id, envelope: r });
282
286
  })
283
287
  .catch(e => {
284
288
  var _a, _b, _c;
285
- console.log('Send error', e);
289
+ console.log('[SEND] Send error', e);
286
290
  Toast.VerdocsToast(((_b = (_a = e.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) || 'Error creating envelope, please try again later.');
287
291
  this.sending = false;
288
- (_c = this.sendingEnvelope) === null || _c === void 0 ? void 0 : _c.emit({ sending: false });
292
+ (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(e);
289
293
  });
290
294
  }
291
295
  handleCancel(e) {