@verdocs/web-sdk 5.0.32 → 5.0.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (127) hide show
  1. package/dist/cjs/index-ccac8641.js +8 -4
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/verdocs-build.cjs.entry.js +1 -1
  4. package/dist/cjs/verdocs-build.cjs.entry.js.map +1 -1
  5. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +8 -7
  6. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js.map +1 -1
  7. package/dist/cjs/{verdocs-envelope-recipient-link_2.cjs.entry.js → verdocs-envelope-recipient-link.cjs.entry.js} +1 -25
  8. package/dist/cjs/verdocs-envelope-recipient-link.cjs.entry.js.map +1 -0
  9. package/dist/cjs/{verdocs-preview_6.cjs.entry.js → verdocs-preview_7.cjs.entry.js} +146 -15
  10. package/dist/cjs/verdocs-preview_7.cjs.entry.js.map +1 -0
  11. package/dist/cjs/verdocs-switch.cjs.entry.js +32 -0
  12. package/dist/cjs/verdocs-switch.cjs.entry.js.map +1 -0
  13. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  14. package/dist/collection/collection-manifest.json +1 -0
  15. package/dist/collection/components/controls/verdocs-switch/verdocs-switch.css +2 -2
  16. package/dist/collection/components/controls/verdocs-switch/verdocs-switch.js +3 -3
  17. package/dist/collection/components/controls/verdocs-switch/verdocs-switch.js.map +1 -1
  18. package/dist/collection/components/embeds/verdocs-build/verdocs-build.js +1 -1
  19. package/dist/collection/components/embeds/verdocs-build/verdocs-build.js.map +1 -1
  20. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js +16 -16
  21. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js.map +1 -1
  22. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.css +3 -3
  23. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js +7 -6
  24. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js.map +1 -1
  25. package/dist/collection/components/templates/verdocs-template-settings/verdocs-template-settings.css +57 -0
  26. package/dist/collection/components/templates/verdocs-template-settings/verdocs-template-settings.js +282 -0
  27. package/dist/collection/components/templates/verdocs-template-settings/verdocs-template-settings.js.map +1 -0
  28. package/dist/components/index.js +2 -0
  29. package/dist/components/index.js.map +1 -1
  30. package/dist/components/{p-f4e068a9.js → p-38e1fed8.js} +4 -4
  31. package/dist/components/{p-f4e068a9.js.map → p-38e1fed8.js.map} +1 -1
  32. package/dist/components/p-7ad22da6.js +212 -0
  33. package/dist/components/p-7ad22da6.js.map +1 -0
  34. package/dist/components/{p-449f2b47.js → p-a1ba64de.js} +11 -16
  35. package/dist/components/p-a1ba64de.js.map +1 -0
  36. package/dist/components/{p-27548ebd.js → p-a443bd3a.js} +9 -8
  37. package/dist/components/{p-27548ebd.js.map → p-a443bd3a.js.map} +1 -1
  38. package/dist/components/verdocs-build.js +85 -73
  39. package/dist/components/verdocs-build.js.map +1 -1
  40. package/dist/components/verdocs-contact-picker.js +1 -1
  41. package/dist/components/verdocs-envelope-sidebar.js +1 -1
  42. package/dist/components/verdocs-send.js +1 -1
  43. package/dist/components/verdocs-switch.js +1 -1
  44. package/dist/components/verdocs-template-settings.d.ts +11 -0
  45. package/dist/components/verdocs-template-settings.js +8 -0
  46. package/dist/components/verdocs-template-settings.js.map +1 -0
  47. package/dist/custom-elements.json +14 -1
  48. package/dist/esm/index-272d51a4.js +8 -4
  49. package/dist/esm/loader.js +1 -1
  50. package/dist/esm/verdocs-build.entry.js +1 -1
  51. package/dist/esm/verdocs-build.entry.js.map +1 -1
  52. package/dist/esm/verdocs-contact-picker_2.entry.js +8 -7
  53. package/dist/esm/verdocs-contact-picker_2.entry.js.map +1 -1
  54. package/dist/esm/{verdocs-envelope-recipient-link_2.entry.js → verdocs-envelope-recipient-link.entry.js} +2 -25
  55. package/dist/esm/verdocs-envelope-recipient-link.entry.js.map +1 -0
  56. package/dist/esm/{verdocs-preview_6.entry.js → verdocs-preview_7.entry.js} +147 -17
  57. package/dist/esm/verdocs-preview_7.entry.js.map +1 -0
  58. package/dist/esm/verdocs-switch.entry.js +28 -0
  59. package/dist/esm/verdocs-switch.entry.js.map +1 -0
  60. package/dist/esm/verdocs-web-sdk.js +1 -1
  61. package/dist/esm-es5/index-272d51a4.js +1 -1
  62. package/dist/esm-es5/index-272d51a4.js.map +1 -1
  63. package/dist/esm-es5/loader.js +1 -1
  64. package/dist/esm-es5/loader.js.map +1 -1
  65. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  66. package/dist/esm-es5/verdocs-build.entry.js.map +1 -1
  67. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
  68. package/dist/esm-es5/verdocs-contact-picker_2.entry.js.map +1 -1
  69. package/dist/esm-es5/{verdocs-envelope-recipient-link_2.entry.js → verdocs-envelope-recipient-link.entry.js} +2 -2
  70. package/dist/esm-es5/verdocs-envelope-recipient-link.entry.js.map +1 -0
  71. package/dist/esm-es5/verdocs-preview_7.entry.js +8 -0
  72. package/dist/esm-es5/verdocs-preview_7.entry.js.map +1 -0
  73. package/dist/esm-es5/verdocs-switch.entry.js +2 -0
  74. package/dist/esm-es5/verdocs-switch.entry.js.map +1 -0
  75. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  76. package/dist/esm-es5/verdocs-web-sdk.js.map +1 -1
  77. package/dist/types/components/controls/verdocs-switch/verdocs-switch.d.ts +1 -1
  78. package/dist/types/components/embeds/verdocs-send/verdocs-send.d.ts +3 -2
  79. package/dist/types/components/templates/verdocs-template-settings/verdocs-template-settings.d.ts +55 -0
  80. package/dist/types/components.d.ts +81 -6
  81. package/dist/verdocs-web-sdk/p-09460960.entry.js +8 -0
  82. package/dist/verdocs-web-sdk/p-09460960.entry.js.map +1 -0
  83. package/dist/verdocs-web-sdk/p-17457a7a.entry.js +2 -0
  84. package/dist/verdocs-web-sdk/p-17457a7a.entry.js.map +1 -0
  85. package/dist/verdocs-web-sdk/p-21e9abff.system.entry.js +2 -0
  86. package/dist/verdocs-web-sdk/p-21e9abff.system.entry.js.map +1 -0
  87. package/dist/verdocs-web-sdk/p-27ddc017.system.entry.js +2 -0
  88. package/dist/verdocs-web-sdk/p-27ddc017.system.entry.js.map +1 -0
  89. package/dist/verdocs-web-sdk/p-5df005a9.system.entry.js +8 -0
  90. package/dist/verdocs-web-sdk/p-5df005a9.system.entry.js.map +1 -0
  91. package/dist/verdocs-web-sdk/p-69527aaf.system.entry.js +2 -0
  92. package/dist/verdocs-web-sdk/p-69527aaf.system.entry.js.map +1 -0
  93. package/dist/verdocs-web-sdk/{p-6f1e2f2f.entry.js → p-8e699235.entry.js} +2 -2
  94. package/dist/verdocs-web-sdk/p-8e699235.entry.js.map +1 -0
  95. package/dist/verdocs-web-sdk/p-a1aefbfc.entry.js +2 -0
  96. package/dist/verdocs-web-sdk/p-a1aefbfc.entry.js.map +1 -0
  97. package/dist/verdocs-web-sdk/{p-cabfdb9d.system.entry.js → p-a63b359e.system.entry.js} +2 -2
  98. package/dist/verdocs-web-sdk/p-a63b359e.system.entry.js.map +1 -0
  99. package/dist/verdocs-web-sdk/p-dddd328d.entry.js +2 -0
  100. package/dist/verdocs-web-sdk/p-dddd328d.entry.js.map +1 -0
  101. package/dist/verdocs-web-sdk/p-e2b70dfb.system.js +1 -1
  102. package/dist/verdocs-web-sdk/p-e2b70dfb.system.js.map +1 -1
  103. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  104. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js.map +1 -1
  105. package/package.json +1 -1
  106. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js.map +0 -1
  107. package/dist/cjs/verdocs-preview_6.cjs.entry.js.map +0 -1
  108. package/dist/components/p-449f2b47.js.map +0 -1
  109. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js.map +0 -1
  110. package/dist/esm/verdocs-preview_6.entry.js.map +0 -1
  111. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js.map +0 -1
  112. package/dist/esm-es5/verdocs-preview_6.entry.js +0 -8
  113. package/dist/esm-es5/verdocs-preview_6.entry.js.map +0 -1
  114. package/dist/verdocs-web-sdk/p-0666fb5d.system.entry.js +0 -8
  115. package/dist/verdocs-web-sdk/p-0666fb5d.system.entry.js.map +0 -1
  116. package/dist/verdocs-web-sdk/p-6f1e2f2f.entry.js.map +0 -1
  117. package/dist/verdocs-web-sdk/p-8d7d61ee.system.entry.js +0 -2
  118. package/dist/verdocs-web-sdk/p-8d7d61ee.system.entry.js.map +0 -1
  119. package/dist/verdocs-web-sdk/p-b9fee1a7.entry.js +0 -2
  120. package/dist/verdocs-web-sdk/p-b9fee1a7.entry.js.map +0 -1
  121. package/dist/verdocs-web-sdk/p-cabfdb9d.system.entry.js.map +0 -1
  122. package/dist/verdocs-web-sdk/p-d58010a4.entry.js +0 -2
  123. package/dist/verdocs-web-sdk/p-d58010a4.entry.js.map +0 -1
  124. package/dist/verdocs-web-sdk/p-e3efeb57.system.entry.js +0 -2
  125. package/dist/verdocs-web-sdk/p-e3efeb57.system.entry.js.map +0 -1
  126. package/dist/verdocs-web-sdk/p-f81f766c.entry.js +0 -8
  127. package/dist/verdocs-web-sdk/p-f81f766c.entry.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"file":"verdocs-envelope-recipient-link.entry.js","mappings":"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","names":[],"sources":["src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.scss?tag=verdocs-envelope-recipient-link","src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-recipient-link {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: 100000;\n position: fixed;\n align-items: center;\n justify-content: center;\n font-family: $primary-font;\n background-color: #0000007f;\n\n .summary-content {\n width: 600px;\n display: flex;\n max-width: 90%;\n font-size: 18px;\n flex: 0 0 600px;\n border-radius: 6px;\n background: #ffffff;\n flex-direction: column;\n padding: 30px 20px 20px;\n\n .summary-title {\n font-size: 20px;\n font-weight: 700;\n margin: 0 0 10px 0;\n color: $verdocs-dark-blue;\n }\n }\n\n .summary-recipient {\n display: flex;\n color: $verdocs-grey-1;\n margin: 8px 0 24px 0;\n flex-direction: column;\n\n .role-name {\n flex: 1;\n display: flex;\n font-size: 14px;\n font-weight: 600;\n margin: 0 0 8px 0;\n color: $verdocs-grey-0;\n }\n\n .role-details {\n }\n\n .role-info {\n gap: 5px;\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n }\n\n .role-full-name {\n flex: 1;\n height: 34px;\n display: flex;\n font-size: 16px;\n padding: 0 12px;\n border-radius: 4px;\n align-items: center;\n border: 1px solid #cccccc;\n background: rgb(249, 250, 251);\n }\n\n .recipient-link {\n width: 120px;\n padding: 0 16px;\n font-weight: 500;\n margin: 0 0 0 8px;\n text-align: center;\n font-size: 0.875rem;\n border-radius: 100%;\n color: rgb(55, 65, 81);\n line-height: 1.25rem;\n background-color: #d8d8d8;\n border: 2px solid rgb(156, 163, 175);\n }\n\n .link-wrapper {\n gap: 5px;\n display: flex;\n margin: 4px 0 0 0;\n flex-direction: row;\n\n .link {\n flex: 1;\n height: 34px;\n display: flex;\n font-size: 16px;\n padding: 0 12px;\n overflow: hidden;\n margin: 0 6px 0 0;\n border-radius: 4px;\n white-space: nowrap;\n align-items: center;\n text-overflow: ellipsis;\n border: 1px solid #cccccc;\n background: rgb(249, 250, 251);\n }\n }\n }\n\n .buttons {\n display: flex;\n column-gap: 15px;\n margin: 10px 0 0 0;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n\n verdocs-button {\n flex: 0 0 120px;\n margin-left: 10px;\n white-space: nowrap;\n\n button {\n width: 100%;\n }\n }\n }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\nimport {formatFullName, getEnvelope, getInPersonLink, IEnvelope, IRecipient, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a single recipient from an envelope, with the opportunity to copy an in-person\n * signing link for that recipient to use.\n */\n@Component({\n tag: 'verdocs-envelope-recipient-link',\n styleUrl: 'verdocs-envelope-recipient-link.scss',\n})\nexport class VerdocsEnvelopeRecipientLink {\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 edit.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * The role to load.\n */\n @Prop() roleName: string = '';\n\n /**\n * Event fired when the user clicks Done to proceed. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\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 @State() isOpen: boolean;\n @State() gettingLink = true;\n @State() link = '';\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n @State() recipient: IRecipient | null = null;\n\n async componentWillLoad() {\n try {\n this.endpoint.loadSession();\n\n if (!this.envelopeId) {\n console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);\n return;\n }\n\n if (!this.endpoint.session) {\n console.log('[RECIPIENT_LINK] Unable to start session, must be authenticated');\n return;\n }\n\n this.listenToEnvelope();\n } catch (e) {\n console.log('[RECIPIENT_LINK] 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.recipient = (this.envelope?.recipients || []).find(r => r.role_name === this.roleName);\n this.getLink(this.recipient);\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n handleDone(e: any) {\n e.preventDefault();\n this.next?.emit({envelope: this.envelope});\n }\n\n copyLink(link: string) {\n navigator.clipboard\n .writeText(link)\n .then(() => VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000}))\n .catch(e => {\n console.warn('[RECIPIENT_LINK] Error copying to clipboard', e);\n VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n });\n }\n\n getLink(recipient: IRecipient) {\n this.gettingLink = true;\n getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n .then(response => {\n this.gettingLink = false;\n this.link = response.link;\n // NOTE: Left here for documentation purposes. We don't auto-copy the link because many browsers now\n // error on that because we aren't the focus/gesture-initiator since we're a new component just being\n // drawn in the DOM. So we let the user click to trigger that.\n // this.copyLink(response.link);\n })\n .catch(e => {\n this.gettingLink = false;\n console.log('[RECIPIENT_LINK] Error getting link', e);\n VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n });\n }\n\n render() {\n if (this.loading || !this.recipient) {\n return <Host />;\n }\n\n // const recipientsWithActions = getRecipientsWithActions(this.store.state); const showLinkButton = recipientCanAct(recipient, recipientsWithActions); const link =\n // this.links[recipient.role_name]; const gettingLink = this.gettingLinks[recipient.role_name]; return (\n\n const fullName = formatFullName(this.recipient);\n return (\n <Host>\n <div class=\"summary-content\">\n <h1 class=\"summary-title\">In-Person Signing Link</h1>\n <div class=\"summary-rows\">\n <div class=\"summary-recipient\">\n <div class=\"role-name\">{this.recipient.role_name}</div>\n <div class=\"role-details\">\n <div class=\"role-info\">\n <div class=\"role-full-name\">\n {fullName} ({this.recipient.email || this.recipient.phone})\n </div>\n {!this.link && (\n <verdocs-button\n size=\"small\"\n variant=\"outline\"\n label={this.gettingLink ? 'Loading...' : 'Get Link'}\n disabled={this.gettingLink}\n onClick={() => this.getLink(this.recipient)}\n />\n )}\n </div>\n\n {this.link && (\n <div class=\"link-wrapper\">\n <div class=\"link\">{this.link}</div>\n <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(this.link)} />\n </div>\n )}\n </div>\n </div>\n </div>\n\n <div class=\"buttons\">\n <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-272d51a4.js';
2
- import { VerdocsEndpoint, getTemplate, integerSequence, getOrganizationContacts, isValidEmail, createEnvelope, formatFullName, getRGBA, createTemplateDocument, deleteTemplateDocument, updateField, createField, updateTemplateRole, createTemplateRole } from '@verdocs/js-sdk';
2
+ import { VerdocsEndpoint, getTemplate, integerSequence, getOrganizationContacts, isValidEmail, createEnvelope, formatFullName, getRGBA, createTemplateDocument, deleteTemplateDocument, updateField, createField, updateTemplateRole, createTemplateRole, updateTemplate } from '@verdocs/js-sdk';
3
3
  import { S as SDKError } from './errors-887f1e88.js';
4
4
  import { S as Store } from './Datastore-77cb8d9c.js';
5
5
  import { V as VerdocsToast } from './Toast-c4843828.js';
@@ -206,7 +206,7 @@ const VerdocsSend = class {
206
206
  }
207
207
  });
208
208
  }
209
- getLevels() {
209
+ getSequenceNumbers() {
210
210
  var _a;
211
211
  // TODO: This is cleaner with a Set but we found a regression in some target environments where
212
212
  // this breaks down. Reverting to an older technique while we diagnose it.
@@ -214,9 +214,8 @@ const VerdocsSend = class {
214
214
  (((_a = this.template) === null || _a === void 0 ? void 0 : _a.roles) || []).forEach(role => {
215
215
  sequences[role.sequence] = true;
216
216
  });
217
- console.log('[SEND] Sequences', sequences);
218
217
  return Object.keys(sequences)
219
- .map(s => +s - 1) // We subtract 1 here because the sequence is 1-based and our rendering is 0-based
218
+ .map(s => +s)
220
219
  .sort((a, b) => a - b);
221
220
  // const levels = [...new Set((this.template?.roles || []).map(role => role.sequence - 1))];
222
221
  // levels.sort((a, b) => a - b);
@@ -225,7 +224,7 @@ const VerdocsSend = class {
225
224
  getRolesAtLevel(level) {
226
225
  var _a;
227
226
  const rolesAtLevel = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.roles) || [])
228
- .filter(role => role.sequence - 1 === level)
227
+ .filter(role => role.sequence === level)
229
228
  .map((role, index) => ({
230
229
  ...role,
231
230
  id: `r-${level}-${index}`,
@@ -236,11 +235,10 @@ const VerdocsSend = class {
236
235
  return rolesAtLevel;
237
236
  }
238
237
  getLevelIcon(level) {
239
- const levels = this.getLevels();
240
- if (level < 0) {
238
+ if (level === 'start') {
241
239
  return h("div", { class: "level-icon", innerHTML: startIcon });
242
240
  }
243
- else if (level >= levels.length) {
241
+ else if (level === 'end') {
244
242
  return h("div", { class: "level-icon", innerHTML: doneIcon });
245
243
  }
246
244
  else {
@@ -276,7 +274,7 @@ const VerdocsSend = class {
276
274
  // TODO: Pre-filled fields support
277
275
  fields: [],
278
276
  };
279
- const beforeSendResult = this.beforeSend.emit({ ...details, name: details.name });
277
+ const beforeSendResult = this.beforeSend.emit({ ...details, name: details.name, template: this.template });
280
278
  if (beforeSendResult.defaultPrevented) {
281
279
  console.log('[SEND] Send cancelled by parent', details);
282
280
  this.sending = false;
@@ -312,16 +310,13 @@ const VerdocsSend = class {
312
310
  if (!this.endpoint.session) {
313
311
  return (h(Host, { style: { display: 'flex' } }, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
314
312
  }
315
- const levels = this.getLevels();
313
+ const levels = this.getSequenceNumbers();
316
314
  console.log('[SEND] Rendering levels', levels);
317
315
  const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) && recipient.first_name && recipient.last_name);
318
316
  // TODO: Reactivate once SMS is re-enabled
319
317
  // const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) || isValidPhone(recipient.phone));
320
318
  const allRolesAssigned = rolesAssigned.length >= getRoleNames(this.template).length;
321
- return (h(Host, { class: { sendable: (_a = this.template) === null || _a === void 0 ? void 0 : _a.is_sendable } }, h("div", { class: "recipients" }, h("div", { class: "left-line" }), h("div", { class: `level level-start` }, this.getLevelIcon(-1), h("div", { class: "complete" }, "Send Envelope")), levels.map(level => (h("div", { class: `level level-${level}` }, this.getLevelIcon(level), () => {
322
- console.log('Rendering level', level, this.getRolesAtLevel(level));
323
- return '';
324
- }, this.getRolesAtLevel(level).map(role => {
319
+ return (h(Host, { class: { sendable: (_a = this.template) === null || _a === void 0 ? void 0 : _a.is_sendable } }, h("div", { class: "recipients" }, h("div", { class: "left-line" }), h("div", { class: `level level-start` }, this.getLevelIcon('start'), h("div", { class: "complete" }, "Send Envelope")), levels.map(level => (h("div", { class: `level level-${level}` }, this.getLevelIcon('sequence'), this.getRolesAtLevel(level).map(role => {
325
320
  var _a, _b, _c;
326
321
  const unknown = !role.email || !role.first_name || !role.last_name;
327
322
  const roleName = ((_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.first_name) ? formatFullName(this.rolesCompleted[role.id]) : unknown ? role.role_name : formatFullName(role);
@@ -334,7 +329,7 @@ const VerdocsSend = class {
334
329
  border: completed ? '2px solid #55bc81' : '2px solid #dddddd',
335
330
  };
336
331
  return unknown ? (h("div", { class: "recipient", "data-ri": roleIndex, "data-rn": role.role_name, style: style, onClick: e => this.handleClickRole(e, role), id: elId }, roleName, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_b = this.rolesCompleted[role.id]) !== null && _b !== void 0 ? _b : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))))) : (h("div", { class: "recipient", "data-ri": roleIndex, "data-rn": role.role_name, style: style, onClick: e => this.handleClickRole(e, role), id: elId }, roleName, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: ((_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role), onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))));
337
- })))), h("div", { class: `level level-done` }, this.getLevelIcon(levels.length), h("div", { class: "complete" }, "Signing Complete"))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e), disabled: this.sending }), h("verdocs-button", { label: "Send", size: "small", disabled: !allRolesAssigned || this.sending, onClick: e => this.handleSend(e) }), this.sending && h("verdocs-spinner", null))));
332
+ })))), h("div", { class: `level level-done` }, this.getLevelIcon('end'), h("div", { class: "complete" }, "Signing Complete"))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e), disabled: this.sending }), h("verdocs-button", { label: "Send", size: "small", disabled: !allRolesAssigned || this.sending, onClick: e => this.handleSend(e) }), this.sending && h("verdocs-spinner", null))));
338
333
  }
339
334
  static get watchers() { return {
340
335
  "templateId": ["onTemplateIdChanged"]
@@ -3905,6 +3900,141 @@ const VerdocsTemplateRoles = class {
3905
3900
  };
3906
3901
  VerdocsTemplateRoles.style = VerdocsTemplateRolesStyle0;
3907
3902
 
3908
- export { VerdocsPreview as verdocs_preview, VerdocsSend as verdocs_send, VerdocsTemplateAttachments as verdocs_template_attachments, VerdocsTemplateBuildTabs as verdocs_template_build_tabs, VerdocsTemplateFields as verdocs_template_fields, VerdocsTemplateRoles as verdocs_template_roles };
3903
+ const verdocsTemplateSettingsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-settings{display:block;max-width:600px;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-settings>form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;padding:12px}verdocs-template-settings>form h5{font-size:16px;font-weight:bold;color:#46497d;margin:0 0 10px 0}verdocs-template-settings>form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-template-settings>form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-settings>form input:focus{outline:none}verdocs-template-settings>form .row{margin:20px 0 0 0}verdocs-template-settings .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-settings ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-settings ::-moz-placeholder{color:#aaaaaa}verdocs-template-settings :-ms-input-placeholder{color:#aaaaaa}verdocs-template-settings ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-settings ::placeholder{color:#aaaaaa}";
3904
+ const VerdocsTemplateSettingsStyle0 = verdocsTemplateSettingsCss;
3905
+
3906
+ const MS_PER_DAY = 24 * 60 * 60 * 1000;
3907
+ const VerdocsTemplateSettings = class {
3908
+ constructor(hostRef) {
3909
+ registerInstance(this, hostRef);
3910
+ this.next = createEvent(this, "next", 7);
3911
+ this.exit = createEvent(this, "exit", 7);
3912
+ this.sdkError = createEvent(this, "sdkError", 7);
3913
+ this.templateUpdated = createEvent(this, "templateUpdated", 7);
3914
+ this.templateListenerId = null;
3915
+ this.endpoint = VerdocsEndpoint.getDefault();
3916
+ this.templateId = '';
3917
+ this.name = null;
3918
+ this.visibility = 'private';
3919
+ this.sender = 'envelope_creator';
3920
+ this.sendReminders = false;
3921
+ this.initialReminder = 0;
3922
+ this.followupReminders = 0;
3923
+ this.dirty = false;
3924
+ this.loading = true;
3925
+ this.template = null;
3926
+ }
3927
+ disconnectedCallback() {
3928
+ this.unlistenToTemplate();
3929
+ }
3930
+ async listenToTemplate() {
3931
+ console.log('[SETTINGS] Loading template', this.templateId);
3932
+ this.unlistenToTemplate();
3933
+ Store.subscribe('templates', this.templateId, () => getTemplate(this.endpoint, this.templateId), false, (template) => {
3934
+ console.log('[SETTINGS] Template Updated', template);
3935
+ this.template = template;
3936
+ this.name = template.name;
3937
+ this.visibility = template.visibility;
3938
+ this.sender = template.sender;
3939
+ this.sendReminders = template.initial_reminder !== null;
3940
+ this.initialReminder = template.initial_reminder ? Math.floor(template.initial_reminder / MS_PER_DAY) : null;
3941
+ this.followupReminders = template.followup_reminders ? Math.floor(template.followup_reminders / MS_PER_DAY) : null;
3942
+ this.dirty = false;
3943
+ this.loading = false;
3944
+ });
3945
+ }
3946
+ unlistenToTemplate() {
3947
+ if (this.templateListenerId) {
3948
+ Store.store.delListener(this.templateListenerId);
3949
+ this.templateListenerId = null;
3950
+ }
3951
+ }
3952
+ async componentWillLoad() {
3953
+ var _a, _b, _c;
3954
+ try {
3955
+ this.endpoint.loadSession();
3956
+ if (!this.templateId) {
3957
+ console.log(`[SETTINGS] Missing required template ID ${this.templateId}`);
3958
+ return;
3959
+ }
3960
+ if (!this.endpoint.session) {
3961
+ console.log('[SETTINGS] Unable to start builder session, must be authenticated');
3962
+ return;
3963
+ }
3964
+ this.listenToTemplate();
3965
+ }
3966
+ catch (e) {
3967
+ console.log('[SETTINGS] Error with preview session', e);
3968
+ (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
3969
+ }
3970
+ }
3971
+ handleCancel() {
3972
+ var _a;
3973
+ (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
3974
+ }
3975
+ handleSubmit() {
3976
+ updateTemplate(this.endpoint, this.templateId, {
3977
+ name: this.name,
3978
+ visibility: this.visibility,
3979
+ sender: this.sender,
3980
+ initial_reminder: this.sendReminders ? this.initialReminder * MS_PER_DAY : null,
3981
+ followup_reminders: this.sendReminders ? this.followupReminders * MS_PER_DAY : null,
3982
+ })
3983
+ .then(template => {
3984
+ var _a, _b;
3985
+ console.log('[SETTINGS] Template Updated', template);
3986
+ this.dirty = false;
3987
+ this.name = template.name;
3988
+ this.visibility = template.visibility;
3989
+ this.sender = template.sender;
3990
+ this.sendReminders = template.initial_reminder !== null;
3991
+ this.initialReminder = template.initial_reminder ? Math.floor(template.initial_reminder / MS_PER_DAY) : null;
3992
+ this.followupReminders = template.followup_reminders ? Math.floor(template.followup_reminders / MS_PER_DAY) : null;
3993
+ (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, event: 'update' });
3994
+ (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit();
3995
+ })
3996
+ .catch(e => {
3997
+ var _a, _b, _c, _d, _e;
3998
+ console.log('[SETTINGS] Error updating template', e);
3999
+ (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
4000
+ VerdocsToast(((_e = (_d = e.response) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.error) || 'Error updating template, please try again later.');
4001
+ });
4002
+ }
4003
+ render() {
4004
+ if (!this.endpoint.session) {
4005
+ return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
4006
+ }
4007
+ if (this.loading || !this.template) {
4008
+ return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
4009
+ }
4010
+ return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("h5", null, "Settings"), h("div", { class: "row" }, h("verdocs-text-input", { id: "verdocs-field-name", label: "Template Name", value: this.name, autocomplete: "off", placeholder: "Template Name...", onInput: (e) => {
4011
+ this.name = e.target.value;
4012
+ this.dirty = true;
4013
+ } })), h("div", { class: "row" }, h("verdocs-select-input", { label: "Visibility", value: this.visibility, onInput: (e) => {
4014
+ this.visibility = e.target.value;
4015
+ this.dirty = true;
4016
+ }, options: [
4017
+ { value: 'private', label: 'Private' },
4018
+ { value: 'shared', label: 'Shared' },
4019
+ { value: 'public', label: 'Public' },
4020
+ ] })), h("div", { class: "row" }, h("verdocs-select-input", { label: "Owner for envelopes created from this template", value: this.sender, onInput: (e) => {
4021
+ this.sender = e.target.value;
4022
+ this.dirty = true;
4023
+ }, options: [
4024
+ { value: 'envelope_creator', label: 'Envelope Creator' },
4025
+ { value: 'template_owner', label: 'Template Owner' },
4026
+ ] })), h("div", { class: "row" }, h("label", null, "Send Reminders"), h("verdocs-switch", { checked: this.sendReminders, onCheckedChange: e => (this.sendReminders = e.detail) })), this.sendReminders && (h("div", { class: "row" }, h("verdocs-text-input", { id: "verdocs-field-name", label: "First Reminder (days)", value: String(this.initialReminder || 0), autocomplete: "off", placeholder: "Delay in days...", onInput: (e) => {
4027
+ this.initialReminder = +e.target.value;
4028
+ this.dirty = true;
4029
+ } }))), this.sendReminders && (h("div", { class: "row" }, h("verdocs-text-input", { id: "verdocs-field-name", label: "Follow-up Reminders (days)", value: String(this.followupReminders || 0), autocomplete: "off", placeholder: "Delay in days...", onInput: (e) => {
4030
+ this.followupReminders = +e.target.value;
4031
+ this.dirty = true;
4032
+ } }))), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: () => this.handleCancel() }), h("verdocs-button", { label: "Save", size: "small", onClick: () => this.handleSubmit(), disabled: !this.dirty })))));
4033
+ }
4034
+ get el() { return getElement(this); }
4035
+ };
4036
+ VerdocsTemplateSettings.style = VerdocsTemplateSettingsStyle0;
4037
+
4038
+ export { VerdocsPreview as verdocs_preview, VerdocsSend as verdocs_send, VerdocsTemplateAttachments as verdocs_template_attachments, VerdocsTemplateBuildTabs as verdocs_template_build_tabs, VerdocsTemplateFields as verdocs_template_fields, VerdocsTemplateRoles as verdocs_template_roles, VerdocsTemplateSettings as verdocs_template_settings };
3909
4039
 
3910
- //# sourceMappingURL=verdocs-preview_6.entry.js.map
4040
+ //# sourceMappingURL=verdocs-preview_7.entry.js.map