@verdocs/web-sdk 4.2.134 → 4.2.136

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 (102) hide show
  1. package/dist/cjs/{TemplateStore-d11d62c0.js → TemplateStore-c0062987.js} +1 -1
  2. package/dist/cjs/index-a27a7f77.js +6 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/verdocs-build.cjs.entry.js +1 -1
  5. package/dist/cjs/verdocs-checkbox_4.cjs.entry.js +1 -1
  6. package/dist/cjs/verdocs-preview_9.cjs.entry.js +7 -11
  7. package/dist/cjs/verdocs-radio-button.cjs.entry.js +24 -0
  8. package/dist/cjs/verdocs-sign.cjs.entry.js +2 -1
  9. package/dist/cjs/verdocs-template-role-properties.cjs.entry.js +161 -0
  10. package/dist/cjs/verdocs-template-star.cjs.entry.js +1 -1
  11. package/dist/cjs/verdocs-template-tags.cjs.entry.js +1 -1
  12. package/dist/cjs/verdocs-templates-list.cjs.entry.js +15 -15
  13. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  14. package/dist/collection/collection-manifest.json +0 -1
  15. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +2 -1
  16. package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js +8 -33
  17. package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.css +1 -1
  18. package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.js +6 -11
  19. package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js +1 -1
  20. package/dist/collection/components/templates/verdocs-template-tags/verdocs-template-tags.js +1 -1
  21. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js +23 -23
  22. package/dist/collection/utils/TemplateStore.js +1 -1
  23. package/dist/components/TemplateStore.js +1 -1
  24. package/dist/components/index.js +0 -2
  25. package/dist/components/verdocs-build.js +74 -86
  26. package/dist/components/verdocs-radio-button.js +37 -1
  27. package/dist/components/verdocs-sign.js +2 -1
  28. package/dist/components/verdocs-template-role-properties2.js +8 -10
  29. package/dist/components/verdocs-template-roles2.js +21 -38
  30. package/dist/components/verdocs-template-star2.js +1 -1
  31. package/dist/components/verdocs-template-tags.js +1 -1
  32. package/dist/components/verdocs-templates-list.js +16 -16
  33. package/dist/esm/{TemplateStore-41799d0a.js → TemplateStore-8151aa18.js} +1 -1
  34. package/dist/esm/index-a68c7262.js +6 -2
  35. package/dist/esm/loader.js +1 -1
  36. package/dist/esm/verdocs-build.entry.js +1 -1
  37. package/dist/esm/verdocs-checkbox_4.entry.js +1 -1
  38. package/dist/esm/verdocs-preview_9.entry.js +8 -12
  39. package/dist/{components/verdocs-radio-button2.js → esm/verdocs-radio-button.entry.js} +7 -26
  40. package/dist/esm/verdocs-sign.entry.js +2 -1
  41. package/dist/esm/verdocs-template-role-properties.entry.js +157 -0
  42. package/dist/esm/verdocs-template-star.entry.js +1 -1
  43. package/dist/esm/verdocs-template-tags.entry.js +1 -1
  44. package/dist/esm/verdocs-templates-list.entry.js +15 -15
  45. package/dist/esm/verdocs-web-sdk.js +1 -1
  46. package/dist/esm-es5/{TemplateStore-41799d0a.js → TemplateStore-8151aa18.js} +1 -1
  47. package/dist/esm-es5/index-a68c7262.js +1 -1
  48. package/dist/esm-es5/loader.js +1 -1
  49. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  50. package/dist/esm-es5/verdocs-checkbox_4.entry.js +1 -1
  51. package/dist/esm-es5/verdocs-preview_9.entry.js +1 -1
  52. package/dist/esm-es5/verdocs-radio-button.entry.js +1 -0
  53. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  54. package/dist/esm-es5/verdocs-template-role-properties.entry.js +1 -0
  55. package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
  56. package/dist/esm-es5/verdocs-template-tags.entry.js +1 -1
  57. package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
  58. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  59. package/dist/types/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.d.ts +1 -5
  60. package/dist/types/components/templates/verdocs-template-roles/verdocs-template-roles.d.ts +0 -1
  61. package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.d.ts +2 -2
  62. package/dist/types/components.d.ts +14 -95
  63. package/dist/verdocs-web-sdk/p-0165edae.entry.js +1 -0
  64. package/dist/verdocs-web-sdk/p-0729a901.entry.js +1 -0
  65. package/dist/verdocs-web-sdk/{p-5f61d897.entry.js → p-221c1a1e.entry.js} +1 -1
  66. package/dist/verdocs-web-sdk/p-267df026.system.js +1 -1
  67. package/dist/verdocs-web-sdk/{p-766e30ab.entry.js → p-26bd87bf.entry.js} +1 -1
  68. package/dist/verdocs-web-sdk/p-2844d252.system.entry.js +1 -0
  69. package/dist/verdocs-web-sdk/p-2cc40a28.system.entry.js +1 -0
  70. package/dist/verdocs-web-sdk/{p-4c514f4f.entry.js → p-42f9eaf8.entry.js} +1 -1
  71. package/dist/verdocs-web-sdk/{p-54526558.system.entry.js → p-48227855.system.entry.js} +1 -1
  72. package/dist/verdocs-web-sdk/p-50271eca.entry.js +1 -0
  73. package/dist/verdocs-web-sdk/p-7ed61c7c.js +1 -0
  74. package/dist/verdocs-web-sdk/p-80635ee9.entry.js +1 -0
  75. package/dist/verdocs-web-sdk/{p-f52adfeb.system.entry.js → p-80ddfda6.system.entry.js} +1 -1
  76. package/dist/verdocs-web-sdk/{p-77f25be6.system.entry.js → p-82ba6cba.system.entry.js} +1 -1
  77. package/dist/verdocs-web-sdk/{p-d7f0bb8b.system.entry.js → p-8a7b7815.system.entry.js} +1 -1
  78. package/dist/verdocs-web-sdk/{p-c32f6de0.entry.js → p-8e67affa.entry.js} +1 -1
  79. package/dist/verdocs-web-sdk/{p-1dacf5e4.system.entry.js → p-9931d962.system.entry.js} +1 -1
  80. package/dist/verdocs-web-sdk/{p-1a663adf.system.js → p-a9e0ae2c.system.js} +1 -1
  81. package/dist/verdocs-web-sdk/p-ac677e8c.system.entry.js +1 -0
  82. package/dist/verdocs-web-sdk/p-f83e87d4.entry.js +1 -0
  83. package/dist/verdocs-web-sdk/{p-bfddb537.system.entry.js → p-fd5ffce4.system.entry.js} +1 -1
  84. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  85. package/package.json +2 -2
  86. package/dist/cjs/verdocs-radio-button_3.cjs.entry.js +0 -248
  87. package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.css +0 -72
  88. package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.js +0 -189
  89. package/dist/components/verdocs-template-sender.d.ts +0 -11
  90. package/dist/components/verdocs-template-sender.js +0 -6
  91. package/dist/components/verdocs-template-sender2.js +0 -110
  92. package/dist/custom-elements.json +0 -2065
  93. package/dist/esm/verdocs-radio-button_3.entry.js +0 -242
  94. package/dist/esm-es5/verdocs-radio-button_3.entry.js +0 -1
  95. package/dist/types/components/templates/verdocs-template-sender/verdocs-template-sender.d.ts +0 -37
  96. package/dist/verdocs-web-sdk/p-1b0294d4.js +0 -1
  97. package/dist/verdocs-web-sdk/p-423a4d58.entry.js +0 -1
  98. package/dist/verdocs-web-sdk/p-47dff85a.system.entry.js +0 -1
  99. package/dist/verdocs-web-sdk/p-5d2c7c6c.entry.js +0 -1
  100. package/dist/verdocs-web-sdk/p-77407be2.entry.js +0 -1
  101. package/dist/verdocs-web-sdk/p-808f956b.system.entry.js +0 -1
  102. package/dist/verdocs-web-sdk/p-9830d3f4.entry.js +0 -1
@@ -1,242 +0,0 @@
1
- import { r as registerInstance, h, H as Host, c as createEvent } from './index-a68c7262.js';
2
- import { VerdocsEndpoint, updateTemplateRole, deleteTemplateRole, updateTemplate } from '@verdocs/js-sdk';
3
- import { g as getTemplateRoleStore, u as updateStoreRole, d as deleteStoreRole } from './TemplateRoleStore-6d1bec83.js';
4
- import { g as getTemplateFieldStore } from './TemplateFieldStore-68bf6acd.js';
5
- import { g as getTemplateStore } from './TemplateStore-41799d0a.js';
6
- import { S as SDKError } from './errors-887f1e88.js';
7
- import './index-a971a584.js';
8
- import './index-7588a071.js';
9
-
10
- const verdocsRadioButtonCss = "@-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-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:\"\";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
11
- const VerdocsRadioButtonStyle0 = verdocsRadioButtonCss;
12
-
13
- const VerdocsRadioButton = class {
14
- constructor(hostRef) {
15
- registerInstance(this, hostRef);
16
- this.checked = false;
17
- this.name = '';
18
- this.value = '';
19
- this.disabled = false;
20
- }
21
- render() {
22
- return (h(Host, { key: 'b8dc5d8e34deeaf6d67f8b38bcf485a66e6fe8c8', class: { disabled: this.disabled } }, h("input", { key: '5e03859b9d3082add93aeba0eb626d8f41988f1c', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '4caa876b9138003b5ff7d576fdc32fcf62858bca', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
23
- }
24
- };
25
- VerdocsRadioButton.style = VerdocsRadioButtonStyle0;
26
-
27
- const verdocsTemplateRolePropertiesCss = "@-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-role-properties{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-template-role-properties .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-role-properties verdocs-text-input{margin:0 0 10px 0}verdocs-template-role-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}";
28
- const VerdocsTemplateRolePropertiesStyle0 = verdocsTemplateRolePropertiesCss;
29
-
30
- const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;
31
- const VerdocsTemplateRoleProperties = class {
32
- constructor(hostRef) {
33
- registerInstance(this, hostRef);
34
- this.close = createEvent(this, "close", 7);
35
- this.delete = createEvent(this, "delete", 7);
36
- this.sdkError = createEvent(this, "sdkError", 7);
37
- this.templateStore = null;
38
- this.fieldStore = null;
39
- this.roleStore = null;
40
- this.endpoint = VerdocsEndpoint.getDefault();
41
- this.templateId = '';
42
- this.roleName = '';
43
- this.sender = 'everyone';
44
- this.dirty = false;
45
- this.saving = false;
46
- this.name = '';
47
- this.type = 'signer';
48
- this.first_name = '';
49
- this.last_name = '';
50
- this.email = '';
51
- this.phone = '';
52
- this.delegator = false;
53
- }
54
- async componentWillLoad() {
55
- var _a, _b, _c;
56
- try {
57
- this.endpoint.loadSession();
58
- if (!this.templateId) {
59
- console.log(`[ROLE_PROPERTIES] Missing required template ID ${this.templateId}`);
60
- return;
61
- }
62
- if (!this.endpoint.session) {
63
- console.log('[ROLE_PROPERTIES] Unable to start builder session, must be authenticated');
64
- return;
65
- }
66
- this.templateStore = await getTemplateStore(this.endpoint, this.templateId, false);
67
- this.fieldStore = getTemplateFieldStore(this.templateId);
68
- this.roleStore = getTemplateRoleStore(this.templateId);
69
- const editingRole = this.roleStore.state.roles.find(role => role.name === this.roleName);
70
- if (editingRole) {
71
- this.name = editingRole.name;
72
- this.type = editingRole.type;
73
- this.first_name = editingRole.first_name;
74
- this.last_name = editingRole.last_name;
75
- this.email = editingRole.email;
76
- this.phone = editingRole.phone;
77
- this.delegator = editingRole.delegator;
78
- console.log('[ROLE_PROPERTIES] Editing role', editingRole);
79
- }
80
- }
81
- catch (e) {
82
- console.log('[ROLE_PROPERTIES Error with preview session', e);
83
- (_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));
84
- }
85
- }
86
- handleCancel(e) {
87
- var _a;
88
- e.stopPropagation();
89
- const editingRole = this.roleStore.state.roles.find(role => role.name === this.roleName);
90
- if (editingRole) {
91
- this.name = editingRole.name;
92
- this.type = editingRole.type;
93
- this.first_name = editingRole.first_name;
94
- this.last_name = editingRole.last_name;
95
- this.email = editingRole.email;
96
- this.phone = editingRole.phone;
97
- this.delegator = editingRole.delegator;
98
- }
99
- this.dirty = false;
100
- (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
101
- }
102
- async handleSave(e) {
103
- e.stopPropagation();
104
- this.saving = true;
105
- updateTemplateRole(this.endpoint, this.templateId, this.roleName, {
106
- name: this.name,
107
- type: this.type,
108
- first_name: this.first_name,
109
- last_name: this.last_name,
110
- email: this.email,
111
- phone: this.phone,
112
- delegator: this.delegator,
113
- })
114
- .then(async (r) => {
115
- var _a;
116
- console.log('[ROLE_PROPERTIES] Update result', r);
117
- this.saving = false;
118
- this.dirty = false;
119
- updateStoreRole(this.roleStore, this.roleName, r);
120
- (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
121
- })
122
- .catch(e => {
123
- console.log('[ROLE_PROPERTIES Update error', e);
124
- this.saving = false;
125
- });
126
- }
127
- async handleDelete(e) {
128
- e.stopPropagation();
129
- if (window.confirm('Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.')) {
130
- deleteTemplateRole(this.endpoint, this.templateId, this.roleName)
131
- .then(() => {
132
- var _a;
133
- deleteStoreRole(this.roleStore, this.roleName);
134
- (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
135
- })
136
- .catch(e => {
137
- console.log('[ROLE_PROPERTIES Deletion error', e);
138
- });
139
- }
140
- }
141
- render() {
142
- const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
143
- return (h(Host, { key: '2344ca9e482f0a9e3d45226dcf60f3082f0b262a' }, h("div", { key: '7f59190bffce63910b4ac8bbf3c18871ec7e07a5', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '468001c9b9bdc563826173f96e5222a616f6f340', class: "dialog" }, h("form", { key: 'e4ff405dad0f312bf121e73aa9c6a6f6b937b768', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '612dc771f957602284f24fa47b6a140ba02a0f56', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
144
- ? 'This role has fields assigned and can no longer be renamed.'
145
- : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
146
- this.name = e.target.value;
147
- this.dirty = true;
148
- } }), h("div", { key: 'f3b5472084032d07ec4b5fe6c83250bc93a2e99b', class: "row" }, h("div", { key: 'd13db6776d097fdc8594f127b0ce7a5f82b0d346', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '35d3c3dfc5b07c8ba4e58a56bb20242b2893080c', value: this.type, options: [
149
- { label: 'Signer', value: 'signer' },
150
- { label: 'CC', value: 'cc' },
151
- { label: 'Approver', value: 'approver' },
152
- ], onInput: (e) => {
153
- this.type = e.target.value;
154
- this.dirty = true;
155
- } }), h("verdocs-help-icon", { key: 'e4f59b8e5afa43bf495985fbe890dbf782607afe', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: '90a869359264a8add5c1b75f90ef827bde176c18', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "First Name...", onInput: (e) => {
156
- this.first_name = e.target.value;
157
- this.dirty = true;
158
- } }), h("verdocs-text-input", { key: '0290e4e4965c894a5171dc525c807b6ed79e8509', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Last Name...", onInput: (e) => {
159
- this.last_name = e.target.value;
160
- this.dirty = true;
161
- } }), h("verdocs-text-input", { key: '9c0b81fe916d053f342b9864a003cee504ef8e28', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
162
- this.email = e.target.value;
163
- this.dirty = true;
164
- } }), h("verdocs-text-input", { key: 'e31ba5928aa9fa5cf294c583381c5a2c45fbe697', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
165
- this.phone = e.target.value;
166
- this.dirty = true;
167
- } }), h("div", { key: 'de4d2996f7558203a157de4089bd08b03e3ccb4c', class: "row" }, h("div", { key: '5204416e20532f20e7b8800da46af1a819262d47', class: "input-label" }, "May Delegate:"), h("div", { key: 'ea93e1f42e9748aad209a71de59648234c577a72', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '55a7d77e35c16bf3f669b62adffac9df4b57462e', checked: this.delegator, onInput: (e) => {
168
- this.delegator = e.target.checked;
169
- this.dirty = true;
170
- } })), h("verdocs-help-icon", { key: 'c10dd23ca7b7e47f836dd3839e5749a3c0c76794', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '8e2c8d88f213aca0d30dfdb3880b634d878a327e', class: "buttons" }, h("button", { key: '68fc1d701b0519694fecf129ac40ea02bd2a3c5c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '1c0f4b7f56d564c304cf728d1cc74c10cdb6a452', style: { flex: '1' } }), h("verdocs-button", { key: 'cb4e24c4b49c1505da07b6341229b60e6cd33371', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '4a170cf772986625008e3550ba167db69d523baa', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
171
- }
172
- };
173
- VerdocsTemplateRoleProperties.style = VerdocsTemplateRolePropertiesStyle0;
174
-
175
- const verdocsTemplateSenderCss = "@-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-sender{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-template-sender .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-sender .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-sender .buttons verdocs-button{margin-left:16px}verdocs-template-sender .options{row-gap:10px}verdocs-template-sender .options .option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .options .option .description{margin-left:10px}verdocs-template-sender .options .option .description .name{display:inline-block;vertical-align:top;margin-top:4px;margin-right:4px}";
176
- const VerdocsTemplateSenderStyle0 = verdocsTemplateSenderCss;
177
-
178
- const VerdocsTemplateSender = class {
179
- constructor(hostRef) {
180
- registerInstance(this, hostRef);
181
- this.close = createEvent(this, "close", 7);
182
- this.sdkError = createEvent(this, "sdkError", 7);
183
- this.store = null;
184
- this.endpoint = VerdocsEndpoint.getDefault();
185
- this.templateId = '';
186
- this.sender = 'everyone';
187
- this.saving = false;
188
- }
189
- async componentWillLoad() {
190
- var _a, _b, _c, _d, _e;
191
- try {
192
- this.endpoint.loadSession();
193
- if (!this.templateId) {
194
- console.log(`[SENDER] Missing required template ID ${this.templateId}`);
195
- return;
196
- }
197
- if (!this.endpoint.session) {
198
- console.log('[SENDER] Unable to start builder session, must be authenticated');
199
- return;
200
- }
201
- this.store = await getTemplateStore(this.endpoint, this.templateId, false);
202
- this.sender = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.sender;
203
- }
204
- catch (e) {
205
- console.log('[SENDER] Error with preview session', e);
206
- (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
207
- }
208
- }
209
- handleClose() {
210
- this.close.emit();
211
- }
212
- // We need a separate event handler for clicking the background because it can receive events "through" other child components
213
- handleDismiss(e) {
214
- if (e.target.className === 'background-overlay') {
215
- e.preventDefault();
216
- this.handleClose();
217
- }
218
- }
219
- async handleSelectSetting(value) {
220
- this.saving = true;
221
- updateTemplate(this.endpoint, this.templateId, { sender: value })
222
- .then(r => {
223
- var _a;
224
- console.log('Update result', r);
225
- if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
226
- this.store.state.sender = value;
227
- }
228
- this.saving = false;
229
- this.sender = value;
230
- })
231
- .catch(e => {
232
- console.log('Error saving', e);
233
- this.saving = false;
234
- });
235
- }
236
- render() {
237
- return (h(Host, { key: 'f9ebeecc2d0d2467718e1c54161fd8eee32ba5f6' }, h("div", { key: 'efc13020bd5674c874707cefea2384b52521a85f', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '3c85258b0ea837e4e78ad16eb6cec93cffa6e629', class: "dialog" }, h("div", { key: '46a6eb1bed8de495d834faa73e48547a891aa00e', class: "options" }, h("div", { key: '9425750a4508f6a6c176f0ee88a1674aceec8475', class: "option" }, h("verdocs-radio-button", { key: '65d2059bb0b433e1b95a55273ad7a7ca4734ce51', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '119b053c18bffd95451eed224132d1592ccf6004', class: "description" }, h("div", { key: 'c4a3fac447abea997dec0906221df87cc9014e4b', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '1e8e078477cdd86100e3b73e275e856449eb84ee', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: 'b91f257e6a6c702f2fa0ee147dda5642b6ff514a', class: "option" }, h("verdocs-radio-button", { key: '00a900ef8a3a1e9cb7ca8e1de93bf3528f78b32d', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: 'f767a5d108262e22fb3f0936379f6b84481801ad', class: "description" }, h("div", { key: '59f6f409b9f51a2ab597241a4052191e46a4d5c1', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '0b90c72573e4b75c3294e8f95a709ee0559bdbef', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'afd67488f38d33075a454476be475cd7801c4ed3', class: "option" }, h("verdocs-radio-button", { key: '8c09dc41fbb371c3380a2ddf06a806a131aef8b6', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'caf2a20f93130262b878e9df13e0e569aacffb9c', class: "description" }, h("div", { key: '430ccbe92e4b39a789d215886e9ecbfed0c30f3e', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '21a2cec2a249f6e4d6f486f501a813e10bdd1497', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'a48b2814e9b04e09f6661a754b52e739d0566200', class: "option" }, h("verdocs-radio-button", { key: 'e3f9885aa8215f79686555a1fb85c5b87aa4aa03', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '99ea5cdc2c55b0e73d092a1df4fc728f30810059', class: "description" }, h("div", { key: '79109d8cc3845c287fbffdd017695139cfb1a16f', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: 'b093f771c7cf119cbf27c404562bf5029664bb1b', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '1a250fdd2b385e70d27f0fb6895a5b673c24e655', class: "option" }, h("verdocs-radio-button", { key: '526a88e4e339932623183ec5fa9218adcbb5d832', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '94a699f6c4c430cbd3e221c6baf4972ec188260f', class: "description" }, h("div", { key: 'b2c16bda7146c436cd90d919e7c7a7d912c90809', class: "name" }, "Me"), h("verdocs-help-icon", { key: '360ad19358fd4ce6a6f8e3e3e47bb0ff0da18d37', text: "Only I can use this template." })))), h("div", { key: '059e9ebf124ffcd2d45ea4316d1fdd49c4ec36ae', class: "buttons" }, h("verdocs-button", { key: 'b0a0a519eb6b713fa334065de19021369e20ee0b', label: "Close", onClick: () => this.handleClose() }))))));
238
- }
239
- };
240
- VerdocsTemplateSender.style = VerdocsTemplateSenderStyle0;
241
-
242
- export { VerdocsRadioButton as verdocs_radio_button, VerdocsTemplateRoleProperties as verdocs_template_role_properties, VerdocsTemplateSender as verdocs_template_sender };
@@ -1 +0,0 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,o,r){function i(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,a){function s(e){try{l(r.next(e))}catch(e){a(e)}}function n(e){try{l(r["throw"](e))}catch(e){a(e)}}function l(e){e.done?o(e.value):i(e.value).then(s,n)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(e){return function(t){return l([e,t])}}function l(n){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,n[0]&&(o=0)),o)try{if(r=1,i&&(a=n[0]&2?i["return"]:n[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,n[1])).done)return a;if(i=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:o.label++;return{value:n[1],done:false};case 5:o.label++;i=n[1];n=[0];continue;case 7:n=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){o=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){o.label=n[1];break}if(n[0]===6&&o.label<a[1]){o.label=a[1];a=n;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(n);break}if(a[2])o.ops.pop();o.trys.pop();continue}n=t.call(e,o)}catch(e){n=[6,e];i=0}finally{r=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,c as createEvent}from"./index-a68c7262.js";import{VerdocsEndpoint,updateTemplateRole,deleteTemplateRole,updateTemplate}from"@verdocs/js-sdk";import{g as getTemplateRoleStore,u as updateStoreRole,d as deleteStoreRole}from"./TemplateRoleStore-6d1bec83.js";import{g as getTemplateFieldStore}from"./TemplateFieldStore-68bf6acd.js";import{g as getTemplateStore}from"./TemplateStore-41799d0a.js";import{S as SDKError}from"./errors-887f1e88.js";import"./index-a971a584.js";import"./index-7588a071.js";var verdocsRadioButtonCss='@-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-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';var VerdocsRadioButtonStyle0=verdocsRadioButtonCss;var VerdocsRadioButton=function(){function e(e){registerInstance(this,e);this.checked=false;this.name="";this.value="";this.disabled=false}e.prototype.render=function(){return h(Host,{key:"b8dc5d8e34deeaf6d67f8b38bcf485a66e6fe8c8",class:{disabled:this.disabled}},h("input",{key:"5e03859b9d3082add93aeba0eb626d8f41988f1c",type:"radio",value:this.value,name:this.name,id:"verdocs-radio-button-".concat(this.name,"-").concat(this.value),checked:this.checked,disabled:this.disabled}),h("label",{key:"4caa876b9138003b5ff7d576fdc32fcf62858bca",htmlFor:"verdocs-radio-button-".concat(this.name,"-").concat(this.value)}))};return e}();VerdocsRadioButton.style=VerdocsRadioButtonStyle0;var verdocsTemplateRolePropertiesCss='@-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-role-properties{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-template-role-properties .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-role-properties verdocs-text-input{margin:0 0 10px 0}verdocs-template-role-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}';var VerdocsTemplateRolePropertiesStyle0=verdocsTemplateRolePropertiesCss;var TrashIcon='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>';var VerdocsTemplateRoleProperties=function(){function e(e){registerInstance(this,e);this.close=createEvent(this,"close",7);this.delete=createEvent(this,"delete",7);this.sdkError=createEvent(this,"sdkError",7);this.templateStore=null;this.fieldStore=null;this.roleStore=null;this.endpoint=VerdocsEndpoint.getDefault();this.templateId="";this.roleName="";this.sender="everyone";this.dirty=false;this.saving=false;this.name="";this.type="signer";this.first_name="";this.last_name="";this.email="";this.phone="";this.delegator=false}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,o,r,i,a;var s=this;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,2,,3]);this.endpoint.loadSession();if(!this.templateId){console.log("[ROLE_PROPERTIES] Missing required template ID ".concat(this.templateId));return[2]}if(!this.endpoint.session){console.log("[ROLE_PROPERTIES] Unable to start builder session, must be authenticated");return[2]}r=this;return[4,getTemplateStore(this.endpoint,this.templateId,false)];case 1:r.templateStore=n.sent();this.fieldStore=getTemplateFieldStore(this.templateId);this.roleStore=getTemplateRoleStore(this.templateId);i=this.roleStore.state.roles.find((function(e){return e.name===s.roleName}));if(i){this.name=i.name;this.type=i.type;this.first_name=i.first_name;this.last_name=i.last_name;this.email=i.email;this.phone=i.phone;this.delegator=i.delegator;console.log("[ROLE_PROPERTIES] Editing role",i)}return[3,3];case 2:a=n.sent();console.log("[ROLE_PROPERTIES Error with preview session",a);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(a.message,(t=a.response)===null||t===void 0?void 0:t.status,(o=a.response)===null||o===void 0?void 0:o.data));return[3,3];case 3:return[2]}}))}))};e.prototype.handleCancel=function(e){var t=this;var o;e.stopPropagation();var r=this.roleStore.state.roles.find((function(e){return e.name===t.roleName}));if(r){this.name=r.name;this.type=r.type;this.first_name=r.first_name;this.last_name=r.last_name;this.email=r.email;this.phone=r.phone;this.delegator=r.delegator}this.dirty=false;(o=this.close)===null||o===void 0?void 0:o.emit()};e.prototype.handleSave=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){e.stopPropagation();this.saving=true;updateTemplateRole(this.endpoint,this.templateId,this.roleName,{name:this.name,type:this.type,first_name:this.first_name,last_name:this.last_name,email:this.email,phone:this.phone,delegator:this.delegator}).then((function(e){return __awaiter(t,void 0,void 0,(function(){var t;return __generator(this,(function(o){console.log("[ROLE_PROPERTIES] Update result",e);this.saving=false;this.dirty=false;updateStoreRole(this.roleStore,this.roleName,e);(t=this.close)===null||t===void 0?void 0:t.emit();return[2]}))}))})).catch((function(e){console.log("[ROLE_PROPERTIES Update error",e);t.saving=false}));return[2]}))}))};e.prototype.handleDelete=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){e.stopPropagation();if(window.confirm("Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.")){deleteTemplateRole(this.endpoint,this.templateId,this.roleName).then((function(){var e;deleteStoreRole(t.roleStore,t.roleName);(e=t.delete)===null||e===void 0?void 0:e.emit({templateId:t.templateId,roleName:t.roleName})})).catch((function(e){console.log("[ROLE_PROPERTIES Deletion error",e)}))}return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.fieldStore.get("fields").some((function(t){return t.role_name===e.roleName}));return h(Host,{key:"2344ca9e482f0a9e3d45226dcf60f3082f0b262a"},h("div",{key:"7f59190bffce63910b4ac8bbf3c18871ec7e07a5",class:"background-overlay",onClick:function(t){return e.handleCancel(t)}},h("div",{key:"468001c9b9bdc563826173f96e5222a616f6f340",class:"dialog"},h("form",{key:"e4ff405dad0f312bf121e73aa9c6a6f6b937b768",onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},h("verdocs-text-input",{key:"612dc771f957602284f24fa47b6a140ba02a0f56",id:"verdocs-role-name",label:"Role Name",value:this.name,autocomplete:"off",disabled:t,helpText:t?"This role has fields assigned and can no longer be renamed.":"A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.",placeholder:"Role Name...",onInput:function(t){e.name=t.target.value;e.dirty=true}}),h("div",{key:"f3b5472084032d07ec4b5fe6c83250bc93a2e99b",class:"row"},h("div",{key:"d13db6776d097fdc8594f127b0ce7a5f82b0d346",class:"input-label"},"Type:"),h("verdocs-select-input",{key:"35d3c3dfc5b07c8ba4e58a56bb20242b2893080c",value:this.type,options:[{label:"Signer",value:"signer"},{label:"CC",value:"cc"},{label:"Approver",value:"approver"}],onInput:function(t){e.type=t.target.value;e.dirty=true}}),h("verdocs-help-icon",{key:"e4f59b8e5afa43bf495985fbe890dbf782607afe",text:"Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review."})),h("verdocs-text-input",{key:"90a869359264a8add5c1b75f90ef827bde176c18",id:"verdocs-recipient-first",label:"First Name",value:this.first_name,autocomplete:"off",helpText:"The recipient's first name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.",placeholder:"First Name...",onInput:function(t){e.first_name=t.target.value;e.dirty=true}}),h("verdocs-text-input",{key:"0290e4e4965c894a5171dc525c807b6ed79e8509",id:"verdocs-recipient-first",label:"Last Name",value:this.last_name,autocomplete:"off",helpText:"The recipient's last name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.",placeholder:"Last Name...",onInput:function(t){e.last_name=t.target.value;e.dirty=true}}),h("verdocs-text-input",{key:"9c0b81fe916d053f342b9864a003cee504ef8e28",id:"verdocs-recipient-email",label:"Email",value:this.email,autocomplete:"off",helpText:"The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.",placeholder:"Email Address...",onInput:function(t){e.email=t.target.value;e.dirty=true}}),h("verdocs-text-input",{key:"e31ba5928aa9fa5cf294c583381c5a2c45fbe697",id:"verdocs-recipient-phone",label:"Phone",value:this.phone,autocomplete:"off",helpText:"The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.",placeholder:"Phone Number...",onInput:function(t){e.phone=t.target.value;e.dirty=true}}),h("div",{key:"de4d2996f7558203a157de4089bd08b03e3ccb4c",class:"row"},h("div",{key:"5204416e20532f20e7b8800da46af1a819262d47",class:"input-label"},"May Delegate:"),h("div",{key:"ea93e1f42e9748aad209a71de59648234c577a72",class:"checkbox-wrapper"},h("verdocs-checkbox",{key:"55a7d77e35c16bf3f669b62adffac9df4b57462e",checked:this.delegator,onInput:function(t){e.delegator=t.target.checked;e.dirty=true}})),h("verdocs-help-icon",{key:"c10dd23ca7b7e47f836dd3839e5749a3c0c76794",text:"If enabled, this recipient may delegate their actions to another individual."})),h("div",{key:"8e2c8d88f213aca0d30dfdb3880b634d878a327e",class:"buttons"},h("button",{key:"68fc1d701b0519694fecf129ac40ea02bd2a3c5c",class:"delete-button",disabled:this.dirty,onClick:function(t){return e.handleDelete(t)},innerHTML:TrashIcon}),h("div",{key:"1c0f4b7f56d564c304cf728d1cc74c10cdb6a452",style:{flex:"1"}}),h("verdocs-button",{key:"cb4e24c4b49c1505da07b6341229b60e6cd33371",size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:function(t){return e.handleCancel(t)}}),h("verdocs-button",{key:"4a170cf772986625008e3550ba167db69d523baa",size:"small",label:"Save",disabled:!this.dirty,onClick:function(t){return e.handleSave(t)}}))))))};return e}();VerdocsTemplateRoleProperties.style=VerdocsTemplateRolePropertiesStyle0;var verdocsTemplateSenderCss='@-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-sender{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-template-sender .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-sender .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-sender .buttons verdocs-button{margin-left:16px}verdocs-template-sender .options{row-gap:10px}verdocs-template-sender .options .option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .options .option .description{margin-left:10px}verdocs-template-sender .options .option .description .name{display:inline-block;vertical-align:top;margin-top:4px;margin-right:4px}';var VerdocsTemplateSenderStyle0=verdocsTemplateSenderCss;var VerdocsTemplateSender=function(){function e(e){registerInstance(this,e);this.close=createEvent(this,"close",7);this.sdkError=createEvent(this,"sdkError",7);this.store=null;this.endpoint=VerdocsEndpoint.getDefault();this.templateId="";this.sender="everyone";this.saving=false}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,o,r,i,a,s;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,2,,3]);this.endpoint.loadSession();if(!this.templateId){console.log("[SENDER] Missing required template ID ".concat(this.templateId));return[2]}if(!this.endpoint.session){console.log("[SENDER] Unable to start builder session, must be authenticated");return[2]}a=this;return[4,getTemplateStore(this.endpoint,this.templateId,false)];case 1:a.store=n.sent();this.sender=(t=(e=this.store)===null||e===void 0?void 0:e.state)===null||t===void 0?void 0:t.sender;return[3,3];case 2:s=n.sent();console.log("[SENDER] Error with preview session",s);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new SDKError(s.message,(r=s.response)===null||r===void 0?void 0:r.status,(i=s.response)===null||i===void 0?void 0:i.data));return[3,3];case 3:return[2]}}))}))};e.prototype.handleClose=function(){this.close.emit()};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.handleClose()}};e.prototype.handleSelectSetting=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(o){this.saving=true;updateTemplate(this.endpoint,this.templateId,{sender:e}).then((function(o){var r;console.log("Update result",o);if((r=t.store)===null||r===void 0?void 0:r.state){t.store.state.sender=e}t.saving=false;t.sender=e})).catch((function(e){console.log("Error saving",e);t.saving=false}));return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"f9ebeecc2d0d2467718e1c54161fd8eee32ba5f6"},h("div",{key:"efc13020bd5674c874707cefea2384b52521a85f",class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},h("div",{key:"3c85258b0ea837e4e78ad16eb6cec93cffa6e629",class:"dialog"},h("div",{key:"46a6eb1bed8de495d834faa73e48547a891aa00e",class:"options"},h("div",{key:"9425750a4508f6a6c176f0ee88a1674aceec8475",class:"option"},h("verdocs-radio-button",{key:"65d2059bb0b433e1b95a55273ad7a7ca4734ce51",name:"template-sender",value:"everyone",checked:this.sender==="everyone",onInput:function(){return e.handleSelectSetting("everyone")}}),h("div",{key:"119b053c18bffd95451eed224132d1592ccf6004",class:"description"},h("div",{key:"c4a3fac447abea997dec0906221df87cc9014e4b",class:"name"},"Anyone on the Web"),h("verdocs-help-icon",{key:"1e8e078477cdd86100e3b73e275e856449eb84ee",text:"Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)"}))),h("div",{key:"b91f257e6a6c702f2fa0ee147dda5642b6ff514a",class:"option"},h("verdocs-radio-button",{key:"00a900ef8a3a1e9cb7ca8e1de93bf3528f78b32d",name:"template-sender",value:"everyone_as_creator",checked:this.sender==="everyone_as_creator",onInput:function(){return e.handleSelectSetting("everyone_as_creator")}}),h("div",{key:"f767a5d108262e22fb3f0936379f6b84481801ad",class:"description"},h("div",{key:"59f6f409b9f51a2ab597241a4052191e46a4d5c1",class:"name"},"Anyone on the Web as me"),h("verdocs-help-icon",{key:"0b90c72573e4b75c3294e8f95a709ee0559bdbef",text:"Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)"}))),h("div",{key:"afd67488f38d33075a454476be475cd7801c4ed3",class:"option"},h("verdocs-radio-button",{key:"8c09dc41fbb371c3380a2ddf06a806a131aef8b6",name:"template-sender",value:"organization_member",checked:this.sender==="organization_member",onInput:function(){return e.handleSelectSetting("organization_member")}}),h("div",{key:"caf2a20f93130262b878e9df13e0e569aacffb9c",class:"description"},h("div",{key:"430ccbe92e4b39a789d215886e9ecbfed0c30f3e",class:"name"},"Anyone in my organization"),h("verdocs-help-icon",{key:"21a2cec2a249f6e4d6f486f501a813e10bdd1497",text:"Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')"}))),h("div",{key:"a48b2814e9b04e09f6661a754b52e739d0566200",class:"option"},h("verdocs-radio-button",{key:"e3f9885aa8215f79686555a1fb85c5b87aa4aa03",name:"template-sender",value:"organization_member_as_creator",checked:this.sender==="organization_member_as_creator",onInput:function(){return e.handleSelectSetting("organization_member_as_creator")}}),h("div",{key:"99ea5cdc2c55b0e73d092a1df4fc728f30810059",class:"description"},h("div",{key:"79109d8cc3845c287fbffdd017695139cfb1a16f",class:"name"},"Anyone in my organization as me"),h("verdocs-help-icon",{key:"b093f771c7cf119cbf27c404562bf5029664bb1b",text:"Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)"}))),h("div",{key:"1a250fdd2b385e70d27f0fb6895a5b673c24e655",class:"option"},h("verdocs-radio-button",{key:"526a88e4e339932623183ec5fa9218adcbb5d832",name:"template-sender",value:"creator",checked:this.sender==="creator",onInput:function(){return e.handleSelectSetting("creator")}}),h("div",{key:"94a699f6c4c430cbd3e221c6baf4972ec188260f",class:"description"},h("div",{key:"b2c16bda7146c436cd90d919e7c7a7d912c90809",class:"name"},"Me"),h("verdocs-help-icon",{key:"360ad19358fd4ce6a6f8e3e3e47bb0ff0da18d37",text:"Only I can use this template."})))),h("div",{key:"059e9ebf124ffcd2d45ea4316d1fdd49c4ec36ae",class:"buttons"},h("verdocs-button",{key:"b0a0a519eb6b713fa334065de19021369e20ee0b",label:"Close",onClick:function(){return e.handleClose()}})))))};return e}();VerdocsTemplateSender.style=VerdocsTemplateSenderStyle0;export{VerdocsRadioButton as verdocs_radio_button,VerdocsTemplateRoleProperties as verdocs_template_role_properties,VerdocsTemplateSender as verdocs_template_sender};
@@ -1,37 +0,0 @@
1
- import { TTemplateSenderType, VerdocsEndpoint } from '@verdocs/js-sdk';
2
- import { EventEmitter } from '../../../stencil-public-runtime';
3
- import { TTemplateStore } from '../../../utils/TemplateStore';
4
- import { SDKError } from '../../../utils/errors';
5
- /**
6
- * Display a dialog that allows a template sender to be selected.
7
- */
8
- export declare class VerdocsTemplateSender {
9
- /**
10
- * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
11
- */
12
- endpoint: VerdocsEndpoint;
13
- /**
14
- * The template ID to edit.
15
- */
16
- templateId: string;
17
- /**
18
- * Event fired when the user cancels the dialog.
19
- */
20
- close: EventEmitter;
21
- /**
22
- * Event fired if an error occurs. The event details will contain information about the error. Most errors will
23
- * terminate the process, and the calling application should correct the condition and re-render the component.
24
- */
25
- sdkError: EventEmitter<SDKError>;
26
- /**
27
- * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
28
- */
29
- sender: TTemplateSenderType;
30
- saving: boolean;
31
- store: TTemplateStore | null;
32
- componentWillLoad(): Promise<void>;
33
- handleClose(): void;
34
- handleDismiss(e: any): void;
35
- handleSelectSetting(value: TTemplateSenderType): Promise<void>;
36
- render(): any;
37
- }
@@ -1 +0,0 @@
1
- import{c as e}from"./p-83317d11.js";import{getTemplate as o}from"@verdocs/js-sdk";import{c as r,g as a}from"./p-9e371467.js";import{c as t,g as s}from"./p-784ac100.js";import{u as i}from"./p-a706bac9.js";const n={},l=async(l,c,d=!1)=>{var p;let m=!1;n[c]||(console.debug("[TEMPLATES] No template store found for ID, creating",c),n[c]=(o=>{const r=(new Date).toISOString();return e({isLoading:!0,isLoaded:!1,isError:!1,error:null,roleNames:[],id:o,name:"",description:"",sender:"creator",profile_id:"",organization_id:"",counter:0,star_counter:0,is_sendable:!1,is_personal:!0,is_public:!1,created_at:r,updated_at:r,last_used_at:r,initial_reminder:0,followup_reminders:0,organization:null,roles:[],data:{},documents:[],fields:[],profile:null,search_key:"",tags:[],pages:[]})})(c),m=!0);const u=n[c];if(m||d){console.debug("[TEMPLATES] Loading template",{templateId:c,created:m,forceReload:d}),u.state.isLoading=!0,u.state.isLoaded=!1,u.state.isError=!1,u.state.error=i;try{const e=await o(l,c);!e.documents&&e.template_documents&&(e.documents=e.template_documents),null===(p=e.documents)||void 0===p||p.forEach((e=>{e.order||(e.order=0),e.page_numbers&&(e.pages=e.page_numbers)})),console.debug("[TEMPLATES] Got template",e),Object.assign(u.state,e),u.state.isLoaded=!0,u.state.isError=!1,u.state.error=i,r(e),t(e)}catch(e){throw console.error("[TEMPLATES] Error loading template",e),u.state.isLoaded=!1,u.state.isError=!0,u.state.error=e,e}u.state.isLoading=!1}else a(c),s(c);return u};export{l as g}
@@ -1 +0,0 @@
1
- import{r as e,c as t,h as i,H as o,F as s,g as l}from"./p-5207d80c.js";import{VerdocsEndpoint as a,integerSequence as r,getOrganizationContacts as n,createEnvelope as d,isValidEmail as c,isValidPhone as p,getRGBA as h,createTemplateDocument as v,deleteTemplateDocument as m,createTemplate as u,updateField as g,createField as f,updateTemplate as x,updateTemplateRole as b,createTemplateRole as w}from"@verdocs/js-sdk";import{g as y,u as k}from"./p-784ac100.js";import{g as C,b as E,a as q,u as S}from"./p-9e371467.js";import{g as z}from"./p-1b0294d4.js";import{S as M}from"./p-fd97809c.js";import{V as L}from"./p-04c07b7b.js";import{D as I,P as T,J as H,a as Z,F as V,b as D,T as _}from"./p-b0766439.js";import{f as N}from"./p-12bab948.js";import{i as U}from"./p-a901dff2.js";import{b as R,c as A,g as B,d as P,e as j}from"./p-fae63f89.js";import"./p-83317d11.js";import"./p-a706bac9.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";const Q=class{constructor(i){e(this,i),this.sdkError=t(this,"sdkError",7),this.templateStore=null,this.fieldStore=null,this.roleStore=null,this.endpoint=a.getDefault(),this.templateId=null,this.loading=!0}onTemplateIdChanged(e){console.log("[PREVIEW] Template ID changed",e),this.loadTemplate(e).catch((e=>console.log("Unknown Error",e)))}async componentWillLoad(){var e,t,i;try{return this.endpoint.loadSession(),this.endpoint.session?this.templateId?this.loadTemplate(this.templateId):void console.log(`[PREVIEW] Missing required template ID ${this.templateId}`):void console.log("[PREVIEW] Unable to start builder session, must be authenticated")}catch(o){console.log("[PREVIEW] Error with preview session",o),null===(e=this.sdkError)||void 0===e||e.emit(new M(o.message,null===(t=o.response)||void 0===t?void 0:t.status,null===(i=o.response)||void 0===i?void 0:i.data))}}async loadTemplate(e){e&&z(this.endpoint,e,!1).then((e=>{this.templateStore=e,this.fieldStore=y(this.templateId),this.roleStore=C(this.templateId),this.loading=!1})).catch((e=>{throw console.log("Unable to load template",e),e}))}handlePageRendered(e){}render(){var e,t;return i(o,null,this.loading?i("verdocs-loader",null):((null===(t=null===(e=this.templateStore)||void 0===e?void 0:e.state)||void 0===t?void 0:t.documents)||[]).map((e=>{const t=r(1,e.pages);return i(s,null,t.map((t=>{var o;const s=(null===(o=e.page_sizes)||void 0===o?void 0:o[t])||{width:612,height:792};return i("verdocs-template-document-page",{templateId:e.template_id,documentId:e.id,pageNumber:t,disabled:!0,editable:!1,done:!1,virtualWidth:s.width,virtualHeight:s.height,onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})})))})))}static get watchers(){return{templateId:["onTemplateIdChanged"]}}};Q.style='@-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-preview{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}';const F='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><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.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></svg>',$=class{constructor(i){e(this,i),this.sendingEnvelope=t(this,"sendingEnvelope",7),this.send=t(this,"send",7),this.exit=t(this,"exit",7),this.sdkError=t(this,"sdkError",7),this.searchContacts=t(this,"searchContacts",7),this.endpoint=a.getDefault(),this.templateId=null,this.environment="",this.containerId=`verdocs-send-${Math.random().toString(36).substring(2,11)}`,this.showPickerForId="",this.sessionContacts=[],this.sending=!1,this.rolesCompleted={},this.templateStore=null,this.roleStore=null}async reset(){this.rolesCompleted={}}onTemplateIdChanged(e){console.log("[SEND] Template ID changed",e),this.loadTemplate(e).catch((e=>console.log("Unknown Error",e)))}async componentWillLoad(){var e,t,i;try{return this.endpoint.onSessionChanged(((e,t,i)=>{if(!i)return;const o={id:i.id,first_name:i.first_name,last_name:i.last_name,email:i.email,phone:i.phone};i&&(this.sessionContacts=[o],n(this.endpoint).then((e=>{console.log("[SEND] Got contacts",e),this.sessionContacts=[...e,o]})).catch((e=>{console.log("[SEND] Error getting contacts",e)})))})),this.endpoint.loadSession(),this.endpoint.session?this.templateId?this.loadTemplate(this.templateId):void console.log(`[SEND] Missing required template ID ${this.templateId}`):void console.log("[SEND] Unable to start Send operation, must be authenticated")}catch(o){console.log("[SEND] Error with send session",o),null===(e=this.sdkError)||void 0===e||e.emit(new M(o.message,null===(t=o.response)||void 0===t?void 0:t.status,null===(i=o.response)||void 0===i?void 0:i.data))}}async loadTemplate(e){var t,i,o,s,l;if(e)try{this.templateStore=await z(this.endpoint,e,!1),this.roleStore=C(e),this.recomputeRolesCompleted(),(null===(i=null===(t=this.templateStore)||void 0===t?void 0:t.state)||void 0===i?void 0:i.is_sendable)||console.warn("[SEND] Template is not sendable",e)}catch(e){console.log("[SEND] Error with preview session",e),null===(o=this.sdkError)||void 0===o||o.emit(new M(e.message,null===(s=e.response)||void 0===s?void 0:s.status,null===(l=e.response)||void 0===l?void 0:l.data))}}recomputeRolesCompleted(){var e;const t=(null===(e=this.roleStore)||void 0===e?void 0:e.get("roles"))||[],i={};this.rolesCompleted={},t.forEach((e=>{const t=e.sequence-1;i[t]||(i[t]=[]);const o=`r-${t}-${i[t].length}`;i[t].push({...e,id:o,role_name:e.name,first_name:e.first_name,last_name:e.last_name}),e.first_name&&(e.email||e.phone)&&(this.rolesCompleted[o]={...e,id:o,role_name:e.name,first_name:e.first_name,last_name:e.last_name})}))}getLevels(){var e;const t=(null===(e=this.roleStore)||void 0===e?void 0:e.get("roles"))||[],i=[...new Set(t.map((e=>e.sequence-1)))];return i.sort(((e,t)=>e-t)),i}getRolesAtLevel(e){var t;return((null===(t=this.roleStore)||void 0===t?void 0:t.get("roles"))||[]).filter((t=>t.sequence-1===e)).map(((t,i)=>({...t,id:`r-${e}-${i}`,role_name:t.name,first_name:"",last_name:""})))}getLevelIcon(e){const t=this.getLevels();return i("div",e<0?{class:"level-icon",innerHTML:'<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z"></path></svg>'}:e>=t.length?{class:"level-icon",innerHTML:'<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="m18 7-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.41 6 19l1.41-1.41L1.83 12 .41 13.41z"></path></svg>'}:{class:"level-icon",innerHTML:'<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>'})}handleSelectContact(e,t){e.preventDefault(),this.rolesCompleted[t.id]={...t,...e.detail},this.showPickerForId=""}handleClickRole(e,t){e.stopPropagation(),this.showPickerForId=t.id}handleSend(e){var t,i,o;if(this.sending)return void console.log("[SEND] Skipping duplicate send",e);console.log("[SEND] Sending",e),e.preventDefault(),e.stopPropagation(),this.sending=!0,null===(t=this.sendingEnvelope)||void 0===t||t.emit({sending:!0});const s={template_id:this.templateId,name:(null===(o=null===(i=this.templateStore)||void 0===i?void 0:i.state)||void 0===o?void 0:o.name)||"",environment:this.environment,initial_reminder:0,followup_reminders:0,recipients:Object.values(this.rolesCompleted),fields:[]};console.log("[SEND] Creating envelope",s),d(this.endpoint,s).then((e=>{var t,i,o,l;console.log("[SEND] Send envelope",e),this.reset().catch((e=>console.log("Unknown Error",e))),this.sending=!1,null===(t=this.sendingEnvelope)||void 0===t||t.emit({sending:!1}),null===(i=this.send)||void 0===i||i.emit({...s,name:(null===(l=null===(o=this.templateStore)||void 0===o?void 0:o.state)||void 0===l?void 0:l.name)||"New Envelope",envelope_id:e.id,envelope:e})})).catch((e=>{var t,i,o;console.log("Send error",e),L((null===(i=null===(t=e.response)||void 0===t?void 0:t.data)||void 0===i?void 0:i.message)||"Error creating envelope, please try again later."),this.sending=!1,null===(o=this.sendingEnvelope)||void 0===o||o.emit({sending:!1})}))}handleCancel(e){var t;e.stopPropagation(),null===(t=this.exit)||void 0===t||t.emit()}render(){var e,t;if(!this.endpoint.session)return i(o,{style:{display:"flex"}},i("verdocs-component-error",{message:"You must be authenticated to use this module."}));const s=this.getLevels(),l=E(this.roleStore),a=Object.values(this.rolesCompleted).filter((e=>c(e.email)||p(e.phone))).length>=l.length;return console.log("[SEND] Roles completed",this.rolesCompleted),i(o,{class:{sendable:null===(t=null===(e=this.templateStore)||void 0===e?void 0:e.state)||void 0===t?void 0:t.is_sendable}},i("div",{class:"recipients"},i("div",{class:"left-line"}),i("div",{class:"level level-start"},this.getLevelIcon(-1),i("div",{class:"complete"},"Send Envelope")),s.map((e=>i("div",{class:`level level-${e}`},this.getLevelIcon(e),this.getRolesAtLevel(e).map((e=>{var t,o,s,l,a,r;const n=`verdocs-send-recipient-${e.role_name}`;return e.email?i("div",{class:"recipient",style:{borderColor:h(q(this.roleStore,e.role_name))},onClick:t=>this.handleClickRole(t,e),id:n},null!==(a=null===(l=this.rolesCompleted[e.id])||void 0===l?void 0:l.first_name)&&void 0!==a?a:e.first_name,i("div",{class:"icon",innerHTML:F}),this.showPickerForId===e.id&&i("verdocs-portal",{anchor:n,onClickAway:()=>this.showPickerForId=""},i("verdocs-contact-picker",{onExit:()=>this.showPickerForId="",onNext:t=>this.handleSelectContact(t,e),contactSuggestions:this.sessionContacts,templateRole:null!==(r=this.rolesCompleted[e.id])&&void 0!==r?r:e,onSearchContacts:e=>{var t;return null===(t=this.searchContacts)||void 0===t?void 0:t.emit(e.detail)}}))):i("div",{class:"recipient","data-ri":q(this.roleStore,e.role_name),"data-rn":e.role_name,style:{backgroundColor:h(q(this.roleStore,e.role_name))},onClick:t=>this.handleClickRole(t,e),id:n},null!==(o=null===(t=this.rolesCompleted[e.id])||void 0===t?void 0:t.first_name)&&void 0!==o?o:e.role_name,i("div",{class:"icon",innerHTML:F}),this.showPickerForId===e.id&&i("verdocs-portal",{anchor:n,onClickAway:()=>this.showPickerForId=""},i("verdocs-contact-picker",{onExit:()=>this.showPickerForId="",onNext:t=>this.handleSelectContact(t,e),contactSuggestions:this.sessionContacts,templateRole:null!==(s=this.rolesCompleted[e.id])&&void 0!==s?s:e,onSearchContacts:e=>{var t;return null===(t=this.searchContacts)||void 0===t?void 0:t.emit(e.detail)}})))}))))),i("div",{class:"level level-done"},this.getLevelIcon(s.length),i("div",{class:"complete"},"Signing Complete"))),i("div",{class:"buttons"},i("verdocs-button",{label:"Cancel",size:"small",variant:"outline",onClick:e=>this.handleCancel(e),disabled:this.sending}),i("verdocs-button",{label:"Send",size:"small",disabled:!a||this.sending,onClick:e=>this.handleSend(e)}),this.sending&&i("verdocs-spinner",null)))}static get watchers(){return{templateId:["onTemplateIdChanged"]}}};$.style='@-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-send{padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-send.sendable{display:-ms-flexbox;display:flex}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid rgba(151, 151, 151, 0.2666666667)}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:rgba(0, 0, 0, 0.537254902)}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;border:2px solid #dddddd;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-direction:row;flex-direction:row}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}';const W=class{constructor(i){e(this,i),this.exit=t(this,"exit",7),this.next=t(this,"next",7),this.templateUpdated=t(this,"templateUpdated",7),this.sdkError=t(this,"sdkError",7),this.endpoint=a.getDefault(),this.templateId="",this.uploading=!1,this.progressLabel="Uploading...",this.progressPercent=0,this.showDeleteError=!1,this.confirmDeleteDocument=null,this.store=null}async componentWillLoad(){var e,t,i;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[ROLES] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[ROLES] Unable to start builder session, must be authenticated");this.store=await z(this.endpoint,this.templateId,!1)}catch(o){console.log("[TEMPLATE ATTACHMENTS] Error loading template",o),null===(e=this.sdkError)||void 0===e||e.emit(new M(o.message,null===(t=o.response)||void 0===t?void 0:t.status,null===(i=o.response)||void 0===i?void 0:i.data))}}handleCancel(e){e.stopPropagation(),this.exit.emit()}handleUploadProgress(e){e>=99?(this.progressPercent=100,this.progressLabel="Processing..."):this.progressPercent=e}async handleUpload(e){var t,i,o,s;e.stopPropagation();const l=e.detail.file;if(l){console.log("[ATTACHMENTS] Uploading...",l),this.uploading=!0,this.progressLabel="Uploading...";try{const e=await v(this.endpoint,this.templateId,l,this.handleUploadProgress.bind(this));console.log("[ATTACHMENTS] Created attachment",e),this.store=await z(this.endpoint,this.templateId,!1),console.log("[ATTACHMENTS] Updated template",this.store.state),null===(t=this.templateUpdated)||void 0===t||t.emit({endpoint:this.endpoint,template:this.store.state,event:"attachments"}),this.uploading=!1,this.progressLabel="",this.progressPercent=0}catch(e){console.log("[ATTACHMENTS] Error creating template",e),null===(i=this.sdkError)||void 0===i||i.emit(new M(e.message,null===(o=e.response)||void 0===o?void 0:o.status,null===(s=e.response)||void 0===s?void 0:s.data)),this.uploading=!1}}}handleNext(e){var t;e.stopPropagation(),this.uploading=!1,this.progressLabel="",this.progressPercent=0,null===(t=this.next)||void 0===t||t.emit({template:this.store.state})}async confirmDelete(){await m(this.endpoint,this.templateId,this.confirmDeleteDocument.id),this.store=await z(this.endpoint,this.templateId,!1),console.log("[ATTACHMENTS] New template",this.store.state),this.confirmDeleteDocument=null}async handleDelete(e){var t;(null===(t=this.store.state)||void 0===t?void 0:t.documents.length)>1?this.confirmDeleteDocument=e:this.showDeleteError=!0}getFileIcon(e){switch(e.mime){case"application/pdf":return Z;case"image/jpeg":return H;case"image/png":return T;case"application/msword":case"application/vnd.openxmlformats-officedocument.wordprocessingml.document":return I}return V}render(){var e,t,s;if(!this.endpoint.session)return i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}));const l=null===(e=this.store)||void 0===e?void 0:e.state;return l.isLoaded?this.endpoint.session&&l.profile_id?i(o,null,i("h5",null,"Existing Attachments"),i("div",{class:"attachments"},null===(t=this.store)||void 0===t?void 0:t.state.documents.map((e=>i("div",{class:"attachment"},i("div",{class:"file-icon",innerHTML:this.getFileIcon(e)}),i("div",{class:"filename",title:e.name},e.name),i("div",{class:"pages"},i("div",{class:"count"},e.pages),i("div",{class:"pages-icon",innerHTML:D})),i("div",{class:"trash-icon",innerHTML:_,onClick:()=>this.handleDelete(e)}))))),i("h5",null,"Attach a New Document"),this.uploading?i("div",{class:"loader-wrapper"},i("verdocs-loader",null),this.progressLabel&&i("div",{class:"progress-wrapper"},i("verdocs-progress-bar",{showPercent:!0,percent:this.progressPercent,label:this.progressLabel}))):i("verdocs-file-chooser",{onFileSelected:e=>this.handleUpload(e)}),i("div",{class:"buttons"},i("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e),disabled:this.uploading}),i("verdocs-button",{label:"Next",size:"small",onClick:e=>this.handleNext(e),disabled:!(null===(s=this.store)||void 0===s?void 0:s.state.documents.length)||this.uploading})),this.showDeleteError&&i("verdocs-ok-dialog",{heading:"Unable to Delete Attachment",message:"Templates must contain at least one attachment.",onNext:()=>this.showDeleteError=!1}),this.confirmDeleteDocument&&i("verdocs-ok-dialog",{heading:"Delete this Attachment?",message:"This operation cannot be undone. All fields placed<br />on the deleted attachment will also be removed.",onNext:()=>this.confirmDelete(),showCancel:!0,onExit:()=>{this.confirmDeleteDocument=null}})):i(o,{class:"empty"}):i(o,{class:"loading"},i("verdocs-loader",null))}};W.style='@-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-attachments{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-attachments h5{font-size:16px;font-weight:bold;margin:0 0 10px 0;color:#46497d}verdocs-template-attachments .attachments{margin:0 0 40px 0}verdocs-template-attachments .attachment{display:-ms-flexbox;display:flex;padding:5px 0;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#33364b}verdocs-template-attachments .attachment:hover .trash-icon{display:-ms-flexbox;display:flex}verdocs-template-attachments .attachment:hover .pages{display:none}verdocs-template-attachments svg{width:28px;height:28px;fill:#5c6575;margin:2px 0 0 0}verdocs-template-attachments .file-icon{-ms-flex:0;flex:0}verdocs-template-attachments .pages{width:24px;height:24px;-ms-flex:0 0 24px;flex:0 0 24px;padding-left:4px;position:relative;margin:-10px 0 0 0}verdocs-template-attachments .pages .pages-icon{top:0;left:0;width:24px;height:24px;position:absolute}verdocs-template-attachments .pages .count{top:11px;left:7px;z-index:1;width:18px;font-size:12px;font-weight:500;position:absolute;text-align:center;letter-spacing:-2px}verdocs-template-attachments .filename{-ms-flex:1;flex:1;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dotted #cccccc}verdocs-template-attachments .trash-icon{-ms-flex:0;flex:0;display:none}verdocs-template-attachments .trash-icon:hover{cursor:pointer}verdocs-template-attachments verdocs-file-chooser{margin:10px 0;border:2px dashed #979797}verdocs-template-attachments .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .progress-wrapper{padding:20px}verdocs-template-attachments .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-attachments ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-moz-placeholder{color:#aaaaaa}verdocs-template-attachments :-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::placeholder{color:#aaaaaa}';const O=["attachments","roles","settings","fields","preview"],Y=class{constructor(i){e(this,i),this.sdkError=t(this,"sdkError",7),this.stepChanged=t(this,"stepChanged",7),this.endpoint=a.getDefault(),this.templateId=null,this.step="preview",this.templateStore=null}onTemplateIdChanged(e){console.log("[BUILD_TABS] Template ID changed",e),this.loadTemplate(e).catch((e=>console.log("Unknown Error",e)))}onStepChanged(e){console.log("[BUILD_TABS] Step changed",e),this.loadTemplate(this.templateId).catch((e=>console.log("Unknown Error",e)))}async componentWillLoad(){var e,t,i,o,s,l;try{if(this.endpoint.loadSession(),!this.endpoint.session)return void console.log("[BUILD_TABS] Unable to start builder session, must be authenticated");if(!this.templateId)return this.step="attachments",void console.log("[BUILD_TABS] Missing required template ID, forcing view to attachments");try{this.templateStore=await z(this.endpoint,this.templateId,!1)}catch(o){console.log("[BUILD_TABS] Error loading template",o),null===(e=this.sdkError)||void 0===e||e.emit(new M(o.message,null===(t=o.response)||void 0===t?void 0:t.status,null===(i=o.response)||void 0===i?void 0:i.data))}}catch(e){console.log("[BUILD_TABS] Error loading template",e),null===(o=this.sdkError)||void 0===o||o.emit(new M(e.message,null===(s=e.response)||void 0===s?void 0:s.status,null===(l=e.response)||void 0===l?void 0:l.data))}}async loadTemplate(e){e&&(this.templateStore=await z(this.endpoint,e,!1))}setStep(e){var t;console.log("Selected step",e.detail.tab.id),e.stopPropagation(),e.preventDefault(),this.step=e.detail.tab.id,null===(t=this.stepChanged)||void 0===t||t.emit(e.detail.tab.id)}copyTemplateId(){navigator.clipboard.writeText(this.templateId).then((()=>{L("Template ID copied",{style:"success",duration:3e3})})).catch((e=>{var t;console.warn("[BUILD_TABS] Error copying to clipboard",e),null===(t=this.sdkError)||void 0===t||t.emit(e)}))}render(){var e,t,s,l,a,r,n,d,c,p,h,v,m,u,g,f,x,b,w,y,k;if(!this.endpoint.session)return i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}));let C=!1,E=!1,q=!1;this.templateId&&this.templateStore&&this.templateStore.state&&(q=(null===(s=null===(t=null===(e=this.templateStore)||void 0===e?void 0:e.state)||void 0===t?void 0:t.documents)||void 0===s?void 0:s.length)>0,E=q&&(null===(r=null===(a=null===(l=this.templateStore)||void 0===l?void 0:l.state)||void 0===a?void 0:a.roles)||void 0===r?void 0:r.length)>0,C=E&&(null===(c=null===(d=null===(n=this.templateStore)||void 0===n?void 0:n.state)||void 0===d?void 0:d.fields)||void 0===c?void 0:c.length)>0);let S=Math.max(O.indexOf(this.step),0);return!C&&S>=4&&(S=3),!E&&S>=3&&(S=1),!q&&S>=1&&(S=0),i(o,null,i("verdocs-tabs",{onSelectTab:e=>this.setStep(e),selectedTab:S,tabs:[{id:"attachments",disabled:!1,label:"Attachment(s)"},{id:"roles",disabled:!q,label:"Roles"},{id:"settings",disabled:!E,label:"Settings"},{id:"fields",disabled:!E,label:"Fields"},{id:"preview",disabled:!C,label:"Preview/Send"}]}),this.templateId&&i("div",{class:"info"},i("verdocs-button-panel",{icon:'<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5c6575"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>'},i("div",{class:"template-details-panel"},i("h6",null,"Template Details"),i("div",{class:"row"},i("label",null,"ID:"),i("div",{class:"value"},this.templateId),i("div",{class:"icon-button",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" /></svg>',onClick:()=>this.copyTemplateId()})),i("div",{class:"row"},i("label",null,"Name:"),i("div",{class:"value"},null===(h=null===(p=this.templateStore)||void 0===p?void 0:p.state)||void 0===h?void 0:h.name)),i("div",{class:"row"},i("label",null,"Visibility:"),i("div",{class:"value"},(null===(m=null===(v=this.templateStore)||void 0===v?void 0:v.state)||void 0===m?void 0:m.is_public)?"Public":(null===(g=null===(u=this.templateStore)||void 0===u?void 0:u.state)||void 0===g?void 0:g.is_personal)?"Private":"Shared")),i("div",{class:"row"},i("label",null,"Created:"),i("div",{class:"value"},(null===(x=null===(f=this.templateStore)||void 0===f?void 0:f.state)||void 0===x?void 0:x.counter)?N(new Date(null===(w=null===(b=this.templateStore)||void 0===b?void 0:b.state)||void 0===w?void 0:w.created_at),"P p"):"")),i("div",{class:"row"},i("label",null,"Used:"),i("div",{class:"value"},null===(k=null===(y=this.templateStore)||void 0===y?void 0:y.state)||void 0===k?void 0:k.counter," time(s)"))))))}static get watchers(){return{templateId:["onTemplateIdChanged"],step:["onStepChanged"]}}};Y.style='@-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-build-tabs{-ms-flex:1;flex:1;gap:15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-build-tabs verdocs-button-panel svg{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-build-tabs verdocs-template-attachments,verdocs-template-build-tabs verdocs-template-roles{margin:20px}verdocs-template-build-tabs verdocs-template-fields{border-top:1px solid #777777}verdocs-template-build-tabs verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-template-build-tabs verdocs-template-fields{width:100%}verdocs-template-build-tabs verdocs-preview{-ms-flex:1;flex:1}.template-details-panel .row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:8px;margin:10px 0}.template-details-panel label{-ms-flex:0 0 70px;flex:0 0 70px}.template-details-panel .value{-ms-flex:1;flex:1;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-details-panel .icon-button{cursor:pointer;opacity:0.8;-ms-flex:0;flex:0;width:18px;height:18px}.template-details-panel .icon-button svg{stroke:#000000;width:18px;height:18px}.template-details-panel .icon-button:hover{opacity:1}';const X=class{constructor(i){e(this,i),this.exit=t(this,"exit",7),this.next=t(this,"next",7),this.sdkError=t(this,"sdkError",7),this.templateCreated=t(this,"templateCreated",7),this.endpoint=a.getDefault(),this.maxSize=21495808,this.file=void 0,this.creating=!1,this.progressLabel="Uploading...",this.progressPercent=0,this.errorMessage=""}componentWillLoad(){this.endpoint.setTimeout(3e4),this.endpoint.loadSession()}handleFileChanged(e){var t;this.errorMessage="",this.file=(null===(t=e.target.files)||void 0===t?void 0:t[0])||null,console.log("[CREATE] Selected file",this.file),this.file.size>this.maxSize&&(this.errorMessage="Total file size must not exceed 20MB.")}handleUpload(e){e.stopPropagation(),document.getElementById("verdocs-template-create-file").click()}handleCancel(e){e.stopPropagation(),this.exit.emit()}async handleSubmit(e){var t,i,o;if(e.stopPropagation(),this.file){this.creating=!0,this.progressLabel="Uploading...";try{const e=await u(this.endpoint,{name:this.file.name,initial_reminder:0,followup_reminders:0,documents:[this.file]},(e=>{e>=99?(this.progressLabel="Processing...",this.progressPercent=100):this.progressPercent=e}));console.log("[CREATE] Created template",e),z(this.endpoint,e.id,!0).then((()=>{var t,i;null===(t=this.templateCreated)||void 0===t||t.emit({endpoint:this.endpoint,template:e,templateId:e.id}),null===(i=this.next)||void 0===i||i.emit(e),this.creating=!1,this.progressLabel="",this.progressPercent=0})).catch((e=>{console.log(e)}))}catch(e){console.log("[CREATE] Error creating template",e),null===(t=this.sdkError)||void 0===t||t.emit(new M(e.message,null===(i=e.response)||void 0===i?void 0:i.status,null===(o=e.response)||void 0===o?void 0:o.data)),this.creating=!1}}}render(){return i(o,null,this.endpoint.session?i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("input",{type:"file",id:"verdocs-template-create-file",multiple:!0,accept:".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",style:{display:"none"},onChange:e=>this.handleFileChanged(e)}),this.creating?i("div",{class:"loader-wrapper"},i("verdocs-loader",null),this.progressLabel&&i("div",{class:"progress-wrapper"},i("verdocs-progress-bar",{showPercent:!0,percent:this.progressPercent,label:this.progressLabel}))):i("div",{class:"upload-box",onDrop:e=>{e.preventDefault(),e.target.classList.remove("drag-over"),this.file=e.dataTransfer.files[0]},onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="copy"},onDragEnter:e=>e.target.classList.add("drag-over"),onDragLeave:e=>e.target.classList.remove("drag-over")},i("span",{innerHTML:'<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>',style:{display:"flex",justifyContent:"center"}}),i("p",null,this.file?this.file.name:"Drag and drop your files here"),i("p",{class:"subscript"},"Supported files: PDF, Word"),i("verdocs-button",{label:this.file?"Select a different file":"Select a file from your computer",size:"small",onClick:e=>this.handleUpload(e)})),!!this.errorMessage&&i("div",{class:"error"},this.errorMessage),i("div",{class:"buttons"},i("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:e=>this.handleCancel(e),disabled:this.creating}),i("verdocs-button",{label:"Next",size:"small",onClick:e=>this.handleSubmit(e),disabled:!this.file||this.creating||!!this.errorMessage}))):i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}};X.style='@-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-create{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box.drag-over{border:2px solid #4c56cb}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create p{color:#33364b;margin-top:20px;font-size:18px;font-weight:500;overflow-wrap:anywhere}verdocs-template-create p.subscript{color:#5c6575;font-size:14px}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .progress-wrapper{padding:20px}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}verdocs-template-create .error{margin:20px 0;color:#cc0000}';const K='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.707 14.707"><g><rect x="6.275" y="0" fill="#ffffff7f" width="1" height="15"/></g></svg>',G=[{id:"signature",tooltip:"Signature",icon:'<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z"/></svg>',class:"signature"},{id:"initial",tooltip:"Initials",icon:'<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z"/></svg>',class:"initial"},{id:"sep1",tooltip:"",icon:K,class:"separator"},{id:"textbox",tooltip:"Text Box",icon:'<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M3.425 16.15V13h11.15v3.15Zm0-5.15V7.85h17.15V11Z"/></svg>',class:"textbox"},{id:"checkbox",tooltip:"Check Box",icon:'<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z"/></svg>',class:"checkbox"},{id:"radio",tooltip:"Radio Button",icon:'<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7 9.925 7 8.463 8.462 7 9.925 7 12q0 2.075 1.463 3.537Q9.925 17 12 17Zm0 5.85q-2.275 0-4.25-.85t-3.438-2.312Q2.85 18.225 2 16.25q-.85-1.975-.85-4.25T2 7.75q.85-1.975 2.312-3.438Q5.775 2.85 7.75 2q1.975-.85 4.25-.85t4.25.85q1.975.85 3.438 2.312Q21.15 5.775 22 7.75q.85 1.975.85 4.25T22 16.25q-.85 1.975-2.312 3.438Q18.225 21.15 16.25 22q-1.975.85-4.25.85Zm0-3.15q3.25 0 5.475-2.225Q19.7 15.25 19.7 12q0-3.25-2.225-5.475Q15.25 4.3 12 4.3q-3.25 0-5.475 2.225Q4.3 8.75 4.3 12q0 3.25 2.225 5.475Q8.75 19.7 12 19.7Zm0-7.7Z"/></svg>',class:"radio"},{id:"dropdown",tooltip:"Dropdown",icon:'<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" stroke-width="1.5" stroke="currentColor"><path stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" d="M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25" /></svg>',class:"dropdown"},{id:"sep2",tooltip:"",icon:K,class:"separator"},{id:"date",tooltip:"Date",icon:'<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z"/></svg>',class:"date"},{id:"timestamp",tooltip:"Timestamp",icon:'<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM13 14h-2V8h2v6z"></path></svg>',class:"timestamp"},{id:"attachment",tooltip:"Attachment",icon:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13" /></svg>',class:"attachment"}],J=class{constructor(i){e(this,i),this.sdkError=t(this,"sdkError",7),this.templateUpdated=t(this,"templateUpdated",7),this.fieldsUpdated=t(this,"fieldsUpdated",7),this.pageHeights={},this.templateStore=null,this.fieldStore=null,this.roleStore=null,this.cachedPageInfo={},this.endpoint=a.getDefault(),this.templateId=null,this.toolbarTargetId=null,this.placing=null,this.showMustSelectRole=!1,this.selectedRoleName="",this.loading=!0}onTemplateIdChanged(e){this.loadTemplate(e).catch((e=>console.log("Unknown Error",e)))}handleKeyDown(e){"Escape"===e.key&&(this.placing=null)}async componentWillLoad(){var e,t,i,o,s,l;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[FIELDS] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[FIELDS] Unable to start builder session, must be authenticated");try{this.loadTemplate(this.templateId).catch((e=>console.log("[BUILD] Unable to load template",e)))}catch(o){console.log("[FIELDS] Error loading template",o),null===(e=this.sdkError)||void 0===e||e.emit(new M(o.message,null===(t=o.response)||void 0===t?void 0:t.status,null===(i=o.response)||void 0===i?void 0:i.data))}}catch(e){console.log("[FIELDS] Error with fields session",e),null===(o=this.sdkError)||void 0===o||o.emit(new M(e.message,null===(s=e.response)||void 0===s?void 0:s.status,null===(l=e.response)||void 0===l?void 0:l.data))}}componentDidRender(){U.dynamicDrop(!0);const e=this.toolbarTargetId?document.getElementById(this.toolbarTargetId):null,t=document.getElementById("verdocs-template-fields-toolbar");e&&t&&(console.log("[FIELDS] Moving toolbar"),t.remove(),e.append(t))}componentWillUpdate(){var e,t;const i=(null===(e=this.roleStore)||void 0===e?void 0:e.get("roles"))||[];this.selectedRoleName&&i.find((e=>e&&e.name===this.selectedRoleName))||(this.selectedRoleName=(null===(t=i[0])||void 0===t?void 0:t.name)||"",console.log("[FIELDS] Selected new role",this.selectedRoleName))}async loadTemplate(e){var t,i;e&&(this.loading=!0,this.templateStore=await z(this.endpoint,e,!1),this.roleStore=C(this.templateId),this.fieldStore=y(this.templateId),this.selectedRoleName=(null===(i=null===(t=this.roleStore.get("roles"))||void 0===t?void 0:t[0])||void 0===i?void 0:i.name)||"",this.loading=!1)}attachFieldAttributes(e,t,i){i.addEventListener("settingsChanged",(()=>{var e,t;null===(e=this.templateUpdated)||void 0===e||e.emit({endpoint:this.endpoint,template:null===(t=this.templateStore)||void 0===t?void 0:t.state,event:"added-field"})})),i.addEventListener("deleted",(()=>{var e,t;i.remove(),null===(e=this.templateUpdated)||void 0===e||e.emit({endpoint:this.endpoint,template:null===(t=this.templateStore)||void 0===t?void 0:t.state,event:"updated-field"})})),i.setAttribute("templateid",this.templateId),i.setAttribute("fieldname",t.name),i.setAttribute("pageNumber",String(e.pageNumber)),i.setAttribute("xScale",String(e.xScale)),i.setAttribute("yScale",String(e.yScale)),i.setAttribute("name",t.name)}handlePageRendered(e){const t=e.detail;this.cachedPageInfo[t.pageNumber]=t,this.pageHeights[t.pageNumber]=t.naturalHeight,this.fieldStore.get("fields").filter((e=>e&&e.page===t.pageNumber)).forEach((e=>{const t=B(e),i=document.getElementById(t);i&&(i.setAttribute("fieldname",e.name),i.setAttribute("pagenumber",String(e.page)),this.makeDraggable(i))}))}makeDraggable(e){U(e).draggable({listeners:{move:this.handleMoveField.bind(this),end:this.handleMoveEnd.bind(this)}})}async handleMoveField(e){const t=+(e.target.getAttribute("posX")||0),i=+(e.target.getAttribute("posY")||0),o=+(e.target.getAttribute("xScale")||1),s=+(e.target.getAttribute("yScale")||1),l=e.dx/o+t,a=e.dy/s+i;e.target.setAttribute("posX",l),e.target.setAttribute("posy",a),R(e.target,"translate",`${l}px, ${a}px`)}async handleMoveEnd(e){var t,i,o,s,l,a,r,n,d;const c=e.target.getAttribute("fieldname"),p=+(e.target.getAttribute("option")||"0"),h=this.fieldStore.get("fields").find((e=>e.name===c));if(!h)return void console.log("[FIELDS] Unable to find field",c,e.target);const v=e.target.getAttribute("pagenumber");let{naturalWidth:m=612,naturalHeight:u=792,renderedHeight:f=792}=this.cachedPageInfo[v];const x=e.target.getBoundingClientRect(),b=e.target.parentElement.getBoundingClientRect(),w=h.width||P(h.type),y=h.height||j(h.type),C=Math.max(x.left-b.left,0);let E=Math.max(f-(b.bottom-x.bottom),0);console.log("drop",{pageNumber:v,newX:C,newY:E});let q=parseInt(v);E>f?(q=Math.min(q+1,(null===(s=null===(o=null===(i=null===(t=this.templateStore)||void 0===t?void 0:t.state)||void 0===i?void 0:i.documents)||void 0===o?void 0:o[0])||void 0===s?void 0:s.pages)||1),E-=f,f=this.cachedPageInfo[q].renderedHeight,console.log("Next page",{newPageNumber:q,newY:E,renderedHeight:f})):E<0&&(q=Math.max(q-1,1),f=this.cachedPageInfo[q].renderedHeight,E+=f,console.log("Next page",{newPageNumber:q,newY:E,renderedHeight:f}));const{x:S,y:z}=this.viewCoordinatesToPageCoordinates(C,E,v,m-w,u-y);try{const t={x:S,y:z,page:q};console.log("[FIELDS] Will update",c,z,p,t);const i=await g(this.endpoint,this.templateId,c,t);console.log("[FIELDS] Updated",i),k(this.fieldStore,c,i),e.target.removeAttribute("posX"),e.target.removeAttribute("posY"),A(e.target),null===(l=this.templateUpdated)||void 0===l||l.emit({endpoint:this.endpoint,template:null===(a=this.templateStore)||void 0===a?void 0:a.state,event:"updated-field"})}catch(t){L("Error updating field, please try again later",{style:"error"}),console.log("[FIELDS] Error updating field",t),null===(r=this.sdkError)||void 0===r||r.emit(new M(t.message,null===(n=t.response)||void 0===n?void 0:n.status,null===(d=t.response)||void 0===d?void 0:d.data)),e.target.removeAttribute("posX"),e.target.removeAttribute("posY"),A(e.target)}}generateFieldName(e,t){let i,o=1;do{i=`${e}P${t}-${o}`,o++}while(this.fieldStore.get("fields").some((e=>e&&e.name===i)));return i}viewCoordinatesToPageCoordinates(e,t,i,o,s){const{xScale:l=1,yScale:a=1,renderedHeight:r=792}=this.cachedPageInfo[i];return{x:Math.floor(Math.min(e/l,o)),y:Math.floor(Math.min(Math.max(r-t,0)/a,s))}}async handleClickPage(e,t){var i,o;if(this.placing){const s=e.offsetX,l=e.offsetY,a=P(this.placing),r=j(this.placing),n=this.cachedPageInfo[t],{naturalWidth:d=612,naturalHeight:c=792}=n,p=this.viewCoordinatesToPageCoordinates(s,l,t,d-a,c-r),h=Math.floor(p.x),v=Math.floor(p.y),m={name:this.generateFieldName(this.placing,t),role_name:this.selectedRoleName,template_id:this.templateId,document_id:n.documentId,type:this.placing,required:"radio"!==this.placing,page:t,validator:null,label:null,default:null,placeholder:null,group:null,settings:{},x:h,y:v,width:a,height:r,multiline:!1,options:"radio"===this.placing?[{id:"option-1",label:"Option 1"}]:[]};console.log("[FIELDS] Will save new field",m);const u=await f(this.endpoint,this.templateId,m);console.log("[FIELDS] Saved field",u),this.fieldStore.set("fields",[...this.fieldStore.get("fields"),u]),this.placing=null,null===(i=this.templateUpdated)||void 0===i||i.emit({endpoint:this.endpoint,template:null===(o=this.templateStore)||void 0===o?void 0:o.state,event:"added-field"})}}render(){var e,t,s;if(!this.endpoint.session)return i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}));if(this.loading||!(null===(e=this.templateStore)||void 0===e?void 0:e.state.isLoaded))return i(o,null,i("verdocs-loader",null));const l=this.roleStore.get("roles").map((e=>({value:e.name,label:e.full_name?`${e.name}: ${e.full_name}`:e.name})));return i(o,{class:this.placing?{[`placing-${this.placing}`]:!0}:{},onSubmit:()=>{}},i("div",{id:"verdocs-template-fields-toolbar"},i("div",{class:"add-for"},"Add field:"),i("verdocs-select-input",{value:this.selectedRoleName,options:l,onInput:e=>this.selectedRoleName=e.target.value}),G.map((e=>i("verdocs-toolbar-icon",{text:e.tooltip,icon:e.icon,class:e.class,onClick:()=>{e.tooltip&&(this.selectedRoleName?this.placing=e.id:this.showMustSelectRole=!0)}})))),i("div",{class:"pages"},((null===(s=null===(t=this.templateStore)||void 0===t?void 0:t.state)||void 0===s?void 0:s.documents)||[]).map((e=>r(1,e.pages).map((t=>{const o=e.page_sizes[t];return i("verdocs-template-document-page",{templateId:this.templateId,documentId:e.id,pageNumber:t,virtualWidth:(null==o?void 0:o.width)||612,virtualHeight:(null==o?void 0:o.height)||792,disabled:!0,editable:!0,done:!1,onClick:e=>this.handleClickPage(e,t),onPageRendered:e=>this.handlePageRendered(e),layers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})}))))),this.showMustSelectRole&&i("verdocs-ok-dialog",{heading:"Unable to add field",message:this.roleStore.get("roles").length>0?"Please select a role before adding fields.":"Please add at least one role before adding fields.",onNext:()=>this.showMustSelectRole=!1}))}static get watchers(){return{templateId:["onTemplateIdChanged"]}}};J.style="@-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-fields{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;position:relative;display:block;min-height:600px}verdocs-template-fields .page-0{padding:65px 15px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields .page-0 .user-placed-fields{height:100px;position:relative;background:#ffffff;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-fields .page-0 .user-placed-fields .title{top:0;left:0;color:#ffffff;font-size:12px;padding:3px 6px;font-weight:bold;position:absolute;background:#46497d}verdocs-template-fields .pages{display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-template-fields .pages div,verdocs-template-fields .pages canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields #verdocs-template-fields-toolbar{height:50px;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;font-weight:700;padding:0 20px 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#f5f5fa;-ms-flex-pack:center;justify-content:center;background:#46497d}verdocs-template-fields #verdocs-template-fields-toolbar>verdocs-select-input{margin:0}verdocs-template-fields #verdocs-template-fields-toolbar svg{width:24px;height:24px}verdocs-template-fields #verdocs-template-fields-toolbar .add-for{margin:0;font-weight:500;color:#f5f5fa}verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input{margin:0 20px 0 0}@media all and (max-width: 1000px){verdocs-template-fields #verdocs-template-fields-toolbar{-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;padding:0 10px 0 0}verdocs-template-fields #verdocs-template-fields-toolbar svg{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-fields #verdocs-template-fields-toolbar .add-for,verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input{display:none}}@media all and (max-width: 600px){verdocs-template-fields #verdocs-template-fields-toolbar{-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px}verdocs-template-fields #verdocs-template-fields-toolbar svg{-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-template-fields #verdocs-template-fields-toolbar .separator,verdocs-template-fields #verdocs-template-fields-toolbar .add-for,verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input{display:none}}verdocs-template-fields.placing-attachment{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-checkbox{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-date{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-dropdown{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25' /%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-initial{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-payment{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-radio{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7 9.925 7 8.463 8.462 7 9.925 7 12q0 2.075 1.463 3.537Q9.925 17 12 17Zm0 5.85q-2.275 0-4.25-.85t-3.438-2.312Q2.85 18.225 2 16.25q-.85-1.975-.85-4.25T2 7.75q.85-1.975 2.312-3.438Q5.775 2.85 7.75 2q1.975-.85 4.25-.85t4.25.85q1.975.85 3.438 2.312Q21.15 5.775 22 7.75q.85 1.975.85 4.25T22 16.25q-.85 1.975-2.312 3.438Q18.225 21.15 16.25 22q-1.975.85-4.25.85Zm0-3.15q3.25 0 5.475-2.225Q19.7 15.25 19.7 12q0-3.25-2.225-5.475Q15.25 4.3 12 4.3q-3.25 0-5.475 2.225Q4.3 8.75 4.3 12q0 3.25 2.225 5.475Q8.75 19.7 12 19.7Zm0-7.7Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-signature{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-textarea{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M3.225 20.725v-3.15h11.55v3.15Zm0-4.775V12.8h17.55v3.15Zm0-4.75V8.05h17.55v3.15Zm0-4.775v-3.15h17.55v3.15Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-textbox{cursor:url(\"data:image/svg+xml,%3Csvg width='32' height='15' viewBox='0 0 32 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1401_24' fill='white'%3E%3Cpath d='M0 0H32V15H0V0Z'/%3E%3C/mask%3E%3Cpath d='M0 0H32V15H0V0Z' fill='%234C56CB' fill-opacity='0.1'/%3E%3Cpath d='M0 0V-1H-1V0H0ZM0 15H-1V16H0V15ZM0 1H32V-1H0V1ZM32 14H0V16H32V14ZM1 15V0H-1V15H1Z' fill='%234C56CB' mask='url(%23path-1-inside-1_1401_24)'/%3E%3Cpath d='M3 11.8V8.65H14.15V11.8H3ZM3 6.65V3.5H20.15V6.65H3Z' fill='%234C56CB'/%3E%3Cline x1='31.5' y1='1' x2='31.5' y2='14' stroke='%234C56CB' stroke-opacity='0.32' stroke-dasharray='1 1'/%3E%3C/svg%3E%0A\") 0 14, pointer}verdocs-template-fields.placing-timestamp{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM13 14h-2V8h2v6z'%3E%3C/path%3E%3C/svg%3E\") 16 16, pointer}";const ee=class{constructor(i){e(this,i),this.close=t(this,"close",7),this.sdkError=t(this,"sdkError",7),this.templateUpdated=t(this,"templateUpdated",7),this.store=null,this.endpoint=a.getDefault(),this.templateId="",this.name="",this.dirty=!1}async componentWillLoad(){var e,t,i,o,s;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[ROLES] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[ROLES] Unable to start builder session, must be authenticated");this.store=await z(this.endpoint,this.templateId,!1),this.name=null===(t=null===(e=this.store)||void 0===e?void 0:e.state)||void 0===t?void 0:t.name,this.dirty=!1}catch(e){console.log("[TEMPLATE NAME] Error loading template",e),null===(i=this.sdkError)||void 0===i||i.emit(new M(e.message,null===(o=e.response)||void 0===o?void 0:o.status,null===(s=e.response)||void 0===s?void 0:s.data))}}handleCancel(e){var t,i,o;e.stopPropagation(),this.name=null===(i=null===(t=this.store)||void 0===t?void 0:t.state)||void 0===i?void 0:i.name,this.dirty=!1,console.log("Closing"),null===(o=this.close)||void 0===o||o.emit()}async handleSave(e){var t,i,o;e.stopPropagation(),await x(this.endpoint,this.templateId,{name:this.name}),(null===(t=this.store)||void 0===t?void 0:t.state)&&(this.store.state.name=this.name),this.dirty=!1,null===(i=this.templateUpdated)||void 0===i||i.emit({endpoint:this.endpoint,template:this.store.state,event:"name"}),null===(o=this.close)||void 0===o||o.emit()}render(){var e,t;return this.endpoint.session?(null===(t=null===(e=this.store)||void 0===e?void 0:e.state)||void 0===t?void 0:t.isLoading)?i(o,{class:"loading"},i("verdocs-loader",null)):i(o,null,i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("label",{htmlFor:"verdocs-template-name"},"Template Name"),i("verdocs-text-input",{id:"verdocs-template-name",value:this.name,autocomplete:"off",placeholder:"Template Name...",onInput:e=>{var t,i;this.name=e.target.value,this.dirty=this.name!==(null===(i=null===(t=this.store)||void 0===t?void 0:t.state)||void 0===i?void 0:i.name)}}),i("div",{class:"buttons"},i("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),i("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:e=>this.handleSave(e)})))):i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}};ee.style="";const te={everyone:"Everyone",everyone_as_creator:"Everyone as Me",organization_member:"Organization member",organization_member_as_creator:"Organization Member as Me",creator:"Me"},ie='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" fill="#00000089"><path d="m8.021 17.917-.313-2.5q-.27-.125-.625-.334-.354-.208-.625-.395l-2.312.979-1.979-3.438 1.979-1.5q-.021-.167-.031-.364-.011-.198-.011-.365 0-.146.011-.344.01-.198.031-.385l-1.979-1.5 1.979-3.417 2.312.958q.271-.187.615-.385t.635-.344l.313-2.5h3.958l.313 2.5q.312.167.625.344.312.177.604.385l2.333-.958 1.979 3.417-1.979 1.521q.021.187.021.364V10q0 .146-.01.333-.011.188-.011.396l1.958 1.5-1.979 3.438-2.312-.979q-.292.208-.615.395-.323.188-.614.334l-.313 2.5Zm1.937-5.355q1.063 0 1.813-.75t.75-1.812q0-1.062-.75-1.812t-1.813-.75q-1.041 0-1.802.75-.76.75-.76 1.812t.76 1.812q.761.75 1.802.75Zm0-1.333q-.5 0-.864-.364-.365-.365-.365-.865t.365-.865q.364-.364.864-.364t.865.364q.365.365.365.865t-.365.865q-.365.364-.865.364ZM10.021 10Zm-.854 6.583h1.666l.25-2.187q.605-.167 1.136-.49.531-.323 1.031-.802l2.021.875.854-1.375-1.792-1.354q.105-.333.136-.635.031-.303.031-.615 0-.292-.031-.573-.031-.281-.115-.635l1.792-1.396-.834-1.375-2.062.875q-.438-.438-1.021-.781-.583-.344-1.125-.49l-.271-2.208H9.167l-.271 2.208q-.584.146-1.125.458-.542.313-1.042.792l-2.021-.854-.833 1.375 1.75 1.354q-.083.333-.125.646-.042.312-.042.604t.042.594q.042.302.125.635l-1.75 1.375.833 1.375 2.021-.854q.479.458 1.021.771.542.312 1.146.479Z"/></svg>',oe='<svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>',se='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z"/></svg>',le='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.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>',ae='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z" /><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z" /></svg>',re=class{constructor(i){e(this,i),this.next=t(this,"next",7),this.exit=t(this,"exit",7),this.sdkError=t(this,"sdkError",7),this.rolesUpdated=t(this,"rolesUpdated",7),this.templateStore=null,this.roleStore=null,this.endpoint=a.getDefault(),this.templateId="",this.showingRoleDialog=null,this.showingSenderDialog=!1,this.sender=null,this.loading=!0}async componentWillLoad(){var e,t,i;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[ROLES] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[ROLES] Unable to start builder session, must be authenticated");await z(this.endpoint,this.templateId,!1).then((e=>{this.templateStore=e,this.roleStore=C(this.templateId),this.loading=!1,this.roleStore.onChange("roles",(e=>{var t;console.log("[ROLES] Roles changed",{roles:e}),null===(t=this.rolesUpdated)||void 0===t||t.emit({event:"updated",endpoint:this.endpoint,templateId:this.templateId,roles:e})}))})).catch((e=>console.warn(e)))}catch(o){console.log("[FIELDS] Error with preview session",o),null===(e=this.sdkError)||void 0===e||e.emit(new M(o.message,null===(t=o.response)||void 0===t?void 0:t.status,null===(i=o.response)||void 0===i?void 0:i.data))}}componentDidRender(){U.dynamicDrop(!0),U(".recipient").draggable({listeners:{start:function(e){e.target.classList.add("dragging"),this.el.classList.add("dragging")}.bind(this),move:function(e){const t=+(e.target.getAttribute("dX")||0),i=+(e.target.getAttribute("dY")||0),o=+(e.target.dataset.sequence||0),s=+(e.target.dataset.order||0),l=e.dx+t,a=e.dy+i;e.target.setAttribute("dX",l),e.target.setAttribute("dY",a);const r=e.target.getBoundingClientRect();console.log("w",r.width),e.target.style.transform=`translate(${l+r.width-(s+1)}px, ${a-r.height*o}px)`}.bind(this),end:function(e){e.target.classList.remove("dragging"),this.el.classList.remove("dragging"),e.target.removeAttribute("dX"),e.target.removeAttribute("dY"),e.target.style.transform=null}.bind(this)}}),U(".dropzone").dropzone({overlap:.05,ondrop:async function(e){var t;console.log("dropped",e.target.classList),e.target.classList.remove("active"),S(this.roleStore,e.relatedTarget.dataset.rolename,{sequence:+e.target.dataset.sequence,order:+e.target.dataset.order}),await this.renumberTemplateRoles(),console.log("[ROLES] Updated roles",this.getSortedRoles()),null===(t=this.rolesUpdated)||void 0===t||t.emit({event:"updated",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()})}.bind(this),ondropactivate:e=>{e.target.classList.add("visible")},ondropdeactivate:e=>{e.target.classList.remove("visible")},ondragenter:e=>{e.target.classList.add("active")},ondragleave:e=>{e.target.classList.remove("active")}})}handleCancel(){var e;null===(e=this.exit)||void 0===e||e.emit()}handleSubmit(){var e;null===(e=this.next)||void 0===e||e.emit()}getSortedRoles(){return this.roleStore.state.roles.sort(((e,t)=>e.sequence===t.sequence?e.order-t.order:e.sequence-t.sequence))}getSequenceNumbers(){const e=[];return this.getSortedRoles().forEach((t=>{e.includes(t.sequence)||e.push(t.sequence)})),e.sort(((e,t)=>e-t))}getRoleNames(){return this.getSortedRoles().map((e=>e.name))}getRolesAtSequence(e){return this.roleStore.state.roles.filter((t=>t&&t.sequence===e))}renumberTemplateRoles(){const e=[],t=[];return this.getSequenceNumbers().forEach(((i,o)=>{this.getRolesAtSequence(i).forEach(((i,s)=>{e.includes(i.name)||i.sequence===o+1&&i.order===s+1||(i.sequence=o+1,i.order=s+1,e.push(i.name),t.push(b(this.endpoint,this.templateId,i.name,{sequence:i.sequence,order:i.order})))}))})),Promise.all(t)}getNextRoleName(){let e="",t=Object.keys(this.roleStore.state).length-1;do{t++,e=`Recipient ${t}`}while(!e||this.roleStore.state.roles.some((t=>t&&t.name===e)));return e}callCreateRole(e,t,i){console.log("[ROLES] Will create role",{name:e,sequence:t,order:i}),w(this.endpoint,this.templateId,{template_id:this.templateId,name:e,sequence:t,message:"",order:i,full_name:null,first_name:"",last_name:"",email:"",phone:"",type:"signer",delegator:!1,kba_method:null}).then((async e=>{var t;console.log("[ROLES] Created role",e),this.roleStore.set("roles",[...this.roleStore.state.roles,e]),await this.renumberTemplateRoles(),null===(t=this.rolesUpdated)||void 0===t||t.emit({event:"added",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()})})).catch((e=>{console.log("[ROLES] Error creating role",e)}))}handleAddRole(e,t){e.stopPropagation();const i=this.getRolesAtSequence(t).length+1,o=this.getNextRoleName();this.callCreateRole(o,t,i)}handleAddStep(e,t){e.stopPropagation();const i=this.getNextRoleName();this.callCreateRole(i,t,1)}render(){var e,t,l,a;if(!this.endpoint.session)return i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}));if(this.loading||!(null===(e=this.templateStore)||void 0===e?void 0:e.state.isLoaded))return console.log("Loading",this.loading,null===(t=this.templateStore)||void 0===t?void 0:t.state.isLoaded),i(o,{class:"loading"},i("verdocs-loader",null));console.log("Rendering roles",this.roleStore.get("roles"));const r=this.getRoleNames(),n=this.getSequenceNumbers();return console.log("Rendering",r,n),i(o,null,i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("h5",null,"Roles and Workflow"),i("div",{class:"participants"},i("div",{class:"left-line"}),i("div",{class:"row"},i("div",{class:"icon",innerHTML:'<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="#00000089"><path d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z"></path></svg>'}),i("div",{class:"row-roles"},i("div",{class:"sender"},i("span",{class:"label"},"Sender:")," ",te[null===(a=null===(l=this.templateStore)||void 0===l?void 0:l.state)||void 0===a?void 0:a.sender]," ",i("div",{class:"settings-button",innerHTML:ie,onClick:()=>this.showingSenderDialog=!0,"aria-role":"button"})))),i("div",{class:"row add-sequence","data-sequence":0},i("div",{class:"icon",innerHTML:oe}),i("div",{class:"row-roles"},i("div",{class:"dropzone","data-sequence":0,"data-order":1},"Add Step"))),n.map((e=>i(s,null,i("div",{class:"row"},i("div",{class:"icon",innerHTML:'<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="#00000089"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>'}),i("div",{class:"row-roles"},i("div",{class:"dropzone","data-order":.5,"data-sequence":e}),this.getRolesAtSequence(e).map((t=>{const o=!t.email;return console.log("ras",e,t),i(s,null,o?i("div",{class:"recipient",style:{backgroundColor:h(q(this.roleStore,t.name))},"data-rolename":t.name,"data-sequence":e,"data-order":t.order},i("span",{class:"type-icon",innerHTML:"signer"===t.type?se:"cc"===t.type?ae:le}),t.name," ",i("div",{class:"settings-button",innerHTML:ie,onClick:()=>this.showingRoleDialog=t.name,"aria-role":"button"})):i("div",{class:"recipient",style:{borderColor:h(q(this.roleStore,t.name))},"data-rolename":t.name,"data-sequence":e,"data-order":t.order},i("span",{class:"type-icon",innerHTML:"signer"===t.type?se:"cc"===t.type?ae:le}),t.first_name," ",i("div",{class:"settings-button",innerHTML:ie,onClick:()=>this.showingRoleDialog=t.name,"aria-role":"button"})),i("div",{class:"dropzone","data-order":t.order+.5,"data-sequence":e}))})),i("button",{class:"add-role",innerHTML:oe,onClick:t=>this.handleAddRole(t,e)}))),n.length>0&&i("div",{class:"row add-sequence","data-sequence":e},i("div",{class:"row-roles"},i("div",{class:"icon",innerHTML:oe}),i("div",{class:"dropzone","data-sequence":e+1,"data-order":1},"Add Step")))))),i("div",{class:"row","data-sequence":n.length+1},i("div",{class:"row-roles"},i("div",{class:"icon",innerHTML:oe}),i("button",{class:"add-step",innerHTML:oe,onClick:e=>this.handleAddStep(e,n.length+1)}))),i("div",{class:"row"},i("div",{class:"icon",innerHTML:'<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="#00000089"><path d="m18 7-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.41 6 19l1.41-1.41L1.83 12 .41 13.41z"></path></svg>'}),i("div",{class:"row-roles"},i("div",{class:"complete"},"Document Complete")))),r.length<1&&i("div",{class:"empty"},"You must add at least one Role before proceeding.",i("br",null)," Click the ",i("span",{innerHTML:oe})," Add button above to get started."),i("div",{class:"buttons"},i("div",{class:"flex-fill"}),i("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:()=>this.handleCancel()}),i("verdocs-button",{label:"OK",size:"small",onClick:()=>this.handleSubmit(),disabled:r.length<1}))),this.showingRoleDialog&&i("verdocs-template-role-properties",{endpoint:this.endpoint,templateId:this.templateId,roleName:this.showingRoleDialog,onClose:()=>{this.showingRoleDialog=null},onDelete:async()=>{var e;this.showingRoleDialog=null,await this.renumberTemplateRoles(),null===(e=this.rolesUpdated)||void 0===e||e.emit({event:"deleted",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()})}}),this.showingSenderDialog&&i("verdocs-template-sender",{endpoint:this.endpoint,templateId:this.templateId,onClose:()=>this.showingSenderDialog=!1}))}get el(){return l(this)}};re.style='@-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-roles{display:block;min-width:400px;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-roles>form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;padding:12px}verdocs-template-roles>form h5{font-size:16px;font-weight:bold;color:#46497d;margin:0 0 10px 0}verdocs-template-roles>form .participants{position:relative}verdocs-template-roles>form .left-line{top:32px;left:11px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-template-roles>form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;min-height:35px;margin-top:0;margin-left:40px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:6px 0 4px 0}verdocs-template-roles>form .row .row-roles{-ms-flex:1;flex:1;gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles>form .row .icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-template-roles>form .row .sender{height:30px;display:-ms-flexbox;display:flex;font-size:14px;line-height:30px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;padding:0 5px 0 15px;border:1px solid #c6c9cc;background-color:#f5f5fa}verdocs-template-roles>form .row .complete{height:30px;display:-ms-flexbox;display:flex;font-size:14px;padding:0 15px;line-height:30px;-ms-flex-direction:row;flex-direction:row;border-radius:30px;background-color:#f5f5fa;border:1px solid #aeb4bf}verdocs-template-roles>form .row .label{font-weight:bold;margin-right:6px;color:#33364b}verdocs-template-roles>form .row .settings-button{display:-ms-flexbox;display:flex;cursor:pointer;margin:0 0 0 9px}verdocs-template-roles>form .row .recipient{height:30px;display:-ms-flexbox;display:flex;font-size:14px;border-radius:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:0 5px 0 6px;white-space:nowrap;border:2px solid #aeb4bf}verdocs-template-roles>form .row .recipient .type-icon{width:24px;height:24px;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.6;margin:0 12px 0 0}verdocs-template-roles>form .row .recipient.dragging{position:absolute}verdocs-template-roles>form .row .recipient.dragging+.dropzone{display:none !important}verdocs-template-roles>form .row .dropzone{width:14px;height:30px;display:none}verdocs-template-roles>form .row .dropzone svg{fill:#cccccc}verdocs-template-roles>form .row .dropzone.visible{margin:0 7px;display:-ms-flexbox;display:flex;-ms-flex:0 0 14px;flex:0 0 14px}verdocs-template-roles>form .row .dropzone.active{-ms-flex:0 0 120px;flex:0 0 120px;border-radius:30px;background:rgba(101, 77, 203, 0.4980392157);border:1px dashed #654dcb}verdocs-template-roles>form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-template-roles>form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-roles>form input:focus{outline:none}verdocs-template-roles .row.add-sequence{display:none}verdocs-template-roles .add-role{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-role:hover{opacity:1}verdocs-template-roles .add-role svg{width:32px;height:32px}verdocs-template-roles .add-step{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-step:hover{opacity:1}verdocs-template-roles .add-step svg{width:32px;height:32px}verdocs-template-roles.dragging .add-role{display:none}verdocs-template-roles.dragging form .row .recipient+.dropzone{display:-ms-flexbox;display:flex}verdocs-template-roles.dragging .row.add-sequence{display:-ms-flexbox;display:flex}verdocs-template-roles.dragging .row.add-sequence .dropzone{opacity:0.5;-ms-flex:0 0 120px;flex:0 0 120px;border-radius:30px;-ms-flex-align:center;align-items:center;background:rgba(101, 77, 203, 0.4980392157);-ms-flex-pack:center;justify-content:center;border:1px dashed #654dcb}verdocs-template-roles.dragging .row.add-sequence .dropzone.active{opacity:1}verdocs-template-roles .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-roles .empty{font-size:13px;margin-top:15px;margin-bottom:5px}verdocs-template-roles .empty svg{width:16px;height:16px;stroke:#666666;margin-bottom:2px;display:inline-block}verdocs-template-roles ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-moz-placeholder{color:#aaaaaa}verdocs-template-roles :-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::placeholder{color:#aaaaaa}';const ne=class{constructor(i){e(this,i),this.close=t(this,"close",7),this.sdkError=t(this,"sdkError",7),this.templateUpdated=t(this,"templateUpdated",7),this.store=null,this.endpoint=a.getDefault(),this.templateId="",this.dirty=!1,this.personal=!1,this.public=!1}async componentWillLoad(){var e,t,i,o,s,l,a;try{if(this.endpoint.loadSession(),!this.templateId)return void console.log(`[VISIBILITY] Missing required template ID ${this.templateId}`);if(!this.endpoint.session)return void console.log("[VISIBILITY] Unable to start builder session, must be authenticated");this.store=await z(this.endpoint,this.templateId,!1),this.personal=(null===(t=null===(e=this.store)||void 0===e?void 0:e.state)||void 0===t?void 0:t.is_personal)||!0,this.public=(null===(o=null===(i=this.store)||void 0===i?void 0:i.state)||void 0===o?void 0:o.is_public)||!1,this.dirty=!1}catch(e){console.log("[TEMPLATE VISIBILITY] Error loading template",e),null===(s=this.sdkError)||void 0===s||s.emit(new M(e.message,null===(l=e.response)||void 0===l?void 0:l.status,null===(a=e.response)||void 0===a?void 0:a.data))}}handleCancel(e){var t,i,o,s,l;e.stopPropagation(),this.personal=null===(i=null===(t=this.store)||void 0===t?void 0:t.state)||void 0===i?void 0:i.is_personal,this.public=null===(s=null===(o=this.store)||void 0===o?void 0:o.state)||void 0===s?void 0:s.is_public,this.dirty=!1,null===(l=this.close)||void 0===l||l.emit()}async handleSave(e){var t,i,o;e.stopPropagation(),await x(this.endpoint,this.templateId,{is_personal:this.personal,is_public:this.public}),(null===(t=this.store)||void 0===t?void 0:t.state)&&(this.store.state.is_personal=this.personal,this.store.state.is_public=this.public),this.dirty=!1,null===(i=this.templateUpdated)||void 0===i||i.emit({endpoint:this.endpoint,template:this.store.state,event:"visibility"}),null===(o=this.close)||void 0===o||o.emit()}render(){var e,t;return this.endpoint.session?this.endpoint.session&&(null===(t=null===(e=this.store)||void 0===e?void 0:e.state)||void 0===t?void 0:t.isLoaded)?i(o,null,i("form",{onSubmit:e=>e.preventDefault(),onClick:e=>e.stopPropagation(),autocomplete:"off"},i("h5",null,"Visibility"),i("div",{class:"input-row"},i("label",{htmlFor:"verdocs-is-shared"},"Shared"),i("verdocs-checkbox",{id:"verdocs-is-shared",name:"is-shared",checked:!this.personal,value:"on",onInput:e=>{this.personal=!e.target.checked,this.dirty=!0}})),i("div",{class:"description"},"Shared templates are visible to other members of your Organization (if any)."),i("div",{class:"input-row"},i("label",{htmlFor:"verdocs-is-public"},"Public"),i("verdocs-checkbox",{id:"verdocs-is-public",name:"is-public",checked:this.public,value:"on",onInput:e=>{this.public=e.target.checked,this.dirty=!0}})),i("div",{class:"description"},"Public templates may appear in results when any other user searches for templates. Note that a template may be both Personal and Public, which may be useful if you want your template to be found via search but not otherwise displayed to other members of your Organization (if any)."),i("div",{class:"buttons"},i("verdocs-button",{size:"small",variant:"outline",label:"Cancel",disabled:!this.dirty,onClick:e=>this.handleCancel(e)}),i("verdocs-button",{size:"small",label:"Save",disabled:!this.dirty,onClick:e=>this.handleSave(e)})))):i(o,{class:"empty"}):i(o,null,i("verdocs-component-error",{message:"You must be authenticated to use this module."}))}};ne.style='@-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-visibility{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-visibility.loading{min-height:300px;position:relative;display:block}verdocs-template-visibility.empty{display:none}verdocs-template-visibility form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;color:#5c6575}verdocs-template-visibility form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;margin:0 0 4px 0;color:#33364b}verdocs-template-visibility form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-visibility form input:focus{outline:none}verdocs-template-visibility form .input-row{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-visibility form .input-row verdocs-text-input input{text-align:center}verdocs-template-visibility form .input-row verdocs-checkbox{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility form .input-row verdocs-checkbox label>input[type=checkbox]+*::before{margin-right:0}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:25px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}';export{Q as verdocs_preview,$ as verdocs_send,W as verdocs_template_attachments,Y as verdocs_template_build_tabs,X as verdocs_template_create,J as verdocs_template_fields,ee as verdocs_template_name,re as verdocs_template_roles,ne as verdocs_template_visibility}