@verdocs/web-sdk 2.2.20 → 2.2.22

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 (206) hide show
  1. package/dist/cjs/{TemplateStore-66577b50.js → TemplateStore-a5fa2b0c.js} +1 -1
  2. package/dist/cjs/{VerdocsEndpoint-a2dc85ad.js → VerdocsEndpoint-45deeb6a.js} +2 -2
  3. package/dist/cjs/ipc-test.cjs.entry.js +2 -2
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/verdocs-activity-box.cjs.entry.js +1 -1
  6. package/dist/cjs/verdocs-auth.cjs.entry.js +1 -1
  7. package/dist/cjs/verdocs-build.cjs.entry.js +50 -72
  8. package/dist/cjs/verdocs-button-panel_2.cjs.entry.js +2 -2
  9. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +1 -1
  10. package/dist/cjs/{verdocs-dialog_3.cjs.entry.js → verdocs-dialog_2.cjs.entry.js} +0 -25
  11. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +1 -1
  12. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +1 -1
  13. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +1 -1
  14. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +1 -1
  15. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +1 -1
  16. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +1 -1
  17. package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
  18. package/dist/cjs/{verdocs-preview_6.cjs.entry.js → verdocs-preview_8.cjs.entry.js} +205 -14
  19. package/dist/cjs/verdocs-quick-functions_3.cjs.entry.js +1 -1
  20. package/dist/cjs/verdocs-search.cjs.entry.js +1 -1
  21. package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js +1 -1
  22. package/dist/cjs/verdocs-settings.cjs.entry.js +1 -1
  23. package/dist/cjs/verdocs-sign.cjs.entry.js +1 -1
  24. package/dist/cjs/verdocs-tabs.cjs.entry.js +26 -0
  25. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +1 -1
  26. package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +11 -5
  27. package/dist/cjs/verdocs-template-star.cjs.entry.js +1 -1
  28. package/dist/cjs/verdocs-templates-list.cjs.entry.js +1 -1
  29. package/dist/cjs/verdocs-view.cjs.entry.js +1 -1
  30. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  31. package/dist/collection/collection-manifest.json +1 -0
  32. package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.css +15 -16
  33. package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.js +5 -14
  34. package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.stories.js +4 -13
  35. package/dist/collection/components/embeds/verdocs-build/verdocs-build.css +1 -34
  36. package/dist/collection/components/embeds/verdocs-build/verdocs-build.js +107 -17
  37. package/dist/collection/components/embeds/verdocs-build/verdocs-build.stories.js +1 -1
  38. package/dist/collection/components/templates/verdocs-template-attachments/verdocs-template-attachments.js +13 -8
  39. package/dist/collection/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.css +25 -0
  40. package/dist/collection/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.js +219 -0
  41. package/dist/collection/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.stories.js +16 -0
  42. package/dist/collection/components/templates/verdocs-template-create/verdocs-template-create.js +28 -3
  43. package/dist/collection/components/templates/verdocs-template-name/verdocs-template-name.js +27 -3
  44. package/dist/collection/components/templates/verdocs-template-reminders/verdocs-template-reminders.js +28 -3
  45. package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.js +9 -3
  46. package/dist/collection/components/templates/verdocs-template-visibillity/verdocs-template-visibility.js +27 -2
  47. package/dist/components/VerdocsEndpoint.js +1 -1
  48. package/dist/components/index.d.ts +1 -0
  49. package/dist/components/index.js +1 -0
  50. package/dist/components/verdocs-build.js +99 -102
  51. package/dist/components/verdocs-tabs2.js +2 -8
  52. package/dist/components/verdocs-template-attachments2.js +5 -4
  53. package/dist/components/verdocs-template-build-tabs.d.ts +11 -0
  54. package/dist/components/verdocs-template-build-tabs.js +6 -0
  55. package/dist/components/verdocs-template-build-tabs2.js +132 -0
  56. package/dist/components/verdocs-template-create.js +1 -138
  57. package/dist/{esm/verdocs-template-create.entry.js → components/verdocs-template-create2.js} +61 -14
  58. package/dist/components/verdocs-template-name2.js +4 -3
  59. package/dist/components/verdocs-template-reminders2.js +5 -3
  60. package/dist/components/verdocs-template-roles2.js +9 -3
  61. package/dist/components/verdocs-template-visibility2.js +4 -2
  62. package/dist/docs.json +212 -13
  63. package/dist/esm/{TemplateStore-3c138524.js → TemplateStore-e8cf5a15.js} +1 -1
  64. package/dist/esm/{VerdocsEndpoint-6fe4258b.js → VerdocsEndpoint-d58d5544.js} +1 -1
  65. package/dist/esm/ipc-test.entry.js +2 -2
  66. package/dist/esm/loader.js +1 -1
  67. package/dist/esm/verdocs-activity-box.entry.js +1 -1
  68. package/dist/esm/verdocs-auth.entry.js +1 -1
  69. package/dist/esm/verdocs-build.entry.js +51 -73
  70. package/dist/esm/verdocs-button-panel_2.entry.js +2 -2
  71. package/dist/esm/verdocs-contact-picker_2.entry.js +1 -1
  72. package/dist/esm/{verdocs-dialog_3.entry.js → verdocs-dialog_2.entry.js} +1 -25
  73. package/dist/esm/verdocs-envelope-document-page.entry.js +1 -1
  74. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +1 -1
  75. package/dist/esm/verdocs-envelope-sidebar.entry.js +1 -1
  76. package/dist/esm/verdocs-envelopes-list.entry.js +1 -1
  77. package/dist/esm/verdocs-field-textarea.entry.js +1 -1
  78. package/dist/esm/verdocs-field-textbox.entry.js +1 -1
  79. package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
  80. package/dist/esm/{verdocs-preview_6.entry.js → verdocs-preview_8.entry.js} +207 -18
  81. package/dist/esm/verdocs-quick-functions_3.entry.js +1 -1
  82. package/dist/esm/verdocs-search.entry.js +1 -1
  83. package/dist/esm/verdocs-settings-api-keys_4.entry.js +1 -1
  84. package/dist/esm/verdocs-settings.entry.js +1 -1
  85. package/dist/esm/verdocs-sign.entry.js +1 -1
  86. package/dist/esm/verdocs-tabs.entry.js +22 -0
  87. package/dist/esm/verdocs-template-document-page_2.entry.js +1 -1
  88. package/dist/esm/verdocs-template-fields_4.entry.js +11 -5
  89. package/dist/esm/verdocs-template-star.entry.js +1 -1
  90. package/dist/esm/verdocs-templates-list.entry.js +1 -1
  91. package/dist/esm/verdocs-view.entry.js +1 -1
  92. package/dist/esm/verdocs-web-sdk.js +1 -1
  93. package/dist/esm-es5/{TemplateStore-3c138524.js → TemplateStore-e8cf5a15.js} +1 -1
  94. package/dist/esm-es5/{VerdocsEndpoint-6fe4258b.js → VerdocsEndpoint-d58d5544.js} +1 -1
  95. package/dist/esm-es5/ipc-test.entry.js +1 -1
  96. package/dist/esm-es5/loader.js +1 -1
  97. package/dist/esm-es5/verdocs-activity-box.entry.js +1 -1
  98. package/dist/esm-es5/verdocs-auth.entry.js +1 -1
  99. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  100. package/dist/esm-es5/verdocs-button-panel_2.entry.js +1 -1
  101. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
  102. package/dist/esm-es5/{verdocs-dialog_3.entry.js → verdocs-dialog_2.entry.js} +1 -1
  103. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  104. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  105. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  106. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  107. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  108. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  109. package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
  110. package/dist/esm-es5/verdocs-preview_8.entry.js +1 -0
  111. package/dist/esm-es5/verdocs-quick-functions_3.entry.js +1 -1
  112. package/dist/esm-es5/verdocs-search.entry.js +1 -1
  113. package/dist/esm-es5/verdocs-settings-api-keys_4.entry.js +1 -1
  114. package/dist/esm-es5/verdocs-settings.entry.js +1 -1
  115. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  116. package/dist/esm-es5/verdocs-tabs.entry.js +1 -0
  117. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  118. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
  119. package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
  120. package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
  121. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  122. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  123. package/dist/types/components/controls/verdocs-tabs/verdocs-tabs.d.ts +3 -4
  124. package/dist/types/components/controls/verdocs-tabs/verdocs-tabs.stories.d.ts +2 -3
  125. package/dist/types/components/embeds/verdocs-build/verdocs-build.d.ts +24 -2
  126. package/dist/types/components/templates/verdocs-template-attachments/verdocs-template-attachments.d.ts +4 -2
  127. package/dist/types/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.d.ts +39 -0
  128. package/dist/types/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.stories.d.ts +8 -0
  129. package/dist/types/components/templates/verdocs-template-create/verdocs-template-create.d.ts +8 -0
  130. package/dist/types/components/templates/verdocs-template-name/verdocs-template-name.d.ts +9 -0
  131. package/dist/types/components/templates/verdocs-template-reminders/verdocs-template-reminders.d.ts +9 -0
  132. package/dist/types/components/templates/verdocs-template-roles/verdocs-template-roles.d.ts +1 -0
  133. package/dist/types/components/templates/verdocs-template-visibillity/verdocs-template-visibility.d.ts +9 -0
  134. package/dist/types/components.d.ts +82 -8
  135. package/dist/verdocs-web-sdk/{p-963f6e05.system.entry.js → p-07696831.system.entry.js} +1 -1
  136. package/dist/verdocs-web-sdk/{p-8eb640c4.system.entry.js → p-07b5f356.system.entry.js} +1 -1
  137. package/dist/verdocs-web-sdk/{p-957e1e4e.entry.js → p-0b2102df.entry.js} +1 -1
  138. package/dist/verdocs-web-sdk/{p-ec9f11dc.system.entry.js → p-0df9e6e1.system.entry.js} +1 -1
  139. package/dist/verdocs-web-sdk/p-15df3998.system.entry.js +1 -0
  140. package/dist/verdocs-web-sdk/{p-724d4efa.system.js → p-1753f57b.system.js} +1 -1
  141. package/dist/verdocs-web-sdk/p-1dda2d09.entry.js +1 -0
  142. package/dist/verdocs-web-sdk/{p-7fb8387d.system.entry.js → p-21e137f0.system.entry.js} +1 -1
  143. package/dist/verdocs-web-sdk/{p-1ab8f7f6.system.entry.js → p-2284d430.system.entry.js} +1 -1
  144. package/dist/verdocs-web-sdk/{p-49777798.system.entry.js → p-2549a794.system.entry.js} +1 -1
  145. package/dist/verdocs-web-sdk/p-2a0ed0ab.entry.js +1 -0
  146. package/dist/verdocs-web-sdk/{p-53fb6c8c.entry.js → p-2b6e4f2a.entry.js} +1 -1
  147. package/dist/verdocs-web-sdk/{p-a06f6e8e.entry.js → p-3a90098d.entry.js} +1 -1
  148. package/dist/verdocs-web-sdk/p-3ce7e733.system.entry.js +1 -0
  149. package/dist/verdocs-web-sdk/{p-4a3f9e45.entry.js → p-3da4fed1.entry.js} +1 -1
  150. package/dist/verdocs-web-sdk/{p-3a5d8085.system.entry.js → p-4017b53a.system.entry.js} +1 -1
  151. package/dist/verdocs-web-sdk/{p-f867f61b.entry.js → p-428de4a5.entry.js} +1 -1
  152. package/dist/verdocs-web-sdk/{p-6c4de84c.entry.js → p-42f27e8c.entry.js} +1 -1
  153. package/dist/verdocs-web-sdk/p-4422958b.system.js +1 -0
  154. package/dist/verdocs-web-sdk/{p-71d6e1c3.system.entry.js → p-45bee3f6.system.entry.js} +1 -1
  155. package/dist/verdocs-web-sdk/{p-92e3d974.system.entry.js → p-45d5e035.system.entry.js} +1 -1
  156. package/dist/verdocs-web-sdk/{p-0fa99a06.system.entry.js → p-48c62137.system.entry.js} +1 -1
  157. package/dist/verdocs-web-sdk/{p-79c09ffc.system.entry.js → p-506754d5.system.entry.js} +1 -1
  158. package/dist/verdocs-web-sdk/{p-79410da3.entry.js → p-51979353.entry.js} +1 -1
  159. package/dist/verdocs-web-sdk/{p-2cb422a2.entry.js → p-5ab837bf.entry.js} +1 -1
  160. package/dist/verdocs-web-sdk/p-65c99d51.system.entry.js +1 -0
  161. package/dist/verdocs-web-sdk/{p-96fb90bd.system.entry.js → p-66cec042.system.entry.js} +1 -1
  162. package/dist/verdocs-web-sdk/{p-f732abf1.entry.js → p-6ccb86b6.entry.js} +1 -1
  163. package/dist/verdocs-web-sdk/p-6f1e794d.system.entry.js +1 -0
  164. package/dist/verdocs-web-sdk/p-70685224.entry.js +1 -0
  165. package/dist/verdocs-web-sdk/{p-58c8584e.entry.js → p-77ecee31.entry.js} +1 -1
  166. package/dist/verdocs-web-sdk/{p-b3b370b5.entry.js → p-78e4f430.entry.js} +1 -1
  167. package/dist/verdocs-web-sdk/{p-6734b77c.entry.js → p-79b0c643.entry.js} +1 -1
  168. package/dist/verdocs-web-sdk/{p-c26d3d7b.system.entry.js → p-7bd5db75.system.entry.js} +1 -1
  169. package/dist/verdocs-web-sdk/{p-5ed21587.entry.js → p-84efd562.entry.js} +1 -1
  170. package/dist/verdocs-web-sdk/{p-b3706eb2.system.entry.js → p-883d60e1.system.entry.js} +1 -1
  171. package/dist/verdocs-web-sdk/p-8d14ace0.entry.js +1 -0
  172. package/dist/verdocs-web-sdk/{p-87c527e4.entry.js → p-9009e136.entry.js} +1 -1
  173. package/dist/verdocs-web-sdk/{p-a41a8742.entry.js → p-965b66a8.entry.js} +1 -1
  174. package/dist/verdocs-web-sdk/{p-99c8acfa.system.entry.js → p-a0ad315e.system.entry.js} +1 -1
  175. package/dist/verdocs-web-sdk/{p-d56ac75b.entry.js → p-a1e82d5a.entry.js} +1 -1
  176. package/dist/verdocs-web-sdk/{p-a8aefe57.system.entry.js → p-a894761f.system.entry.js} +1 -1
  177. package/dist/verdocs-web-sdk/{p-ab7df219.system.entry.js → p-aba05f25.system.entry.js} +1 -1
  178. package/dist/verdocs-web-sdk/{p-c488219f.entry.js → p-ad273610.entry.js} +1 -1
  179. package/dist/verdocs-web-sdk/{p-1e48cc2c.system.entry.js → p-ae971bb4.system.entry.js} +1 -1
  180. package/dist/verdocs-web-sdk/{p-53276c5b.js → p-af048fad.js} +1 -1
  181. package/dist/verdocs-web-sdk/{p-ec06b3d1.entry.js → p-ba04698a.entry.js} +1 -1
  182. package/dist/verdocs-web-sdk/{p-55f66c83.entry.js → p-bbd400a5.entry.js} +1 -1
  183. package/dist/verdocs-web-sdk/{p-38031118.system.entry.js → p-cd64b223.system.entry.js} +1 -1
  184. package/dist/verdocs-web-sdk/{p-e36c7481.entry.js → p-d4aec860.entry.js} +1 -1
  185. package/dist/verdocs-web-sdk/{p-2c5e2d73.js → p-d4d8858f.js} +1 -1
  186. package/dist/verdocs-web-sdk/{p-a6d93251.entry.js → p-e40dd4d1.entry.js} +1 -1
  187. package/dist/verdocs-web-sdk/{p-f8210aa7.system.entry.js → p-edabba6b.system.entry.js} +1 -1
  188. package/dist/verdocs-web-sdk/p-f04bf956.system.js +1 -1
  189. package/dist/verdocs-web-sdk/{p-994623c4.entry.js → p-f2deae25.entry.js} +1 -1
  190. package/dist/verdocs-web-sdk/{p-3e20d28c.system.entry.js → p-f9e89b56.system.entry.js} +1 -1
  191. package/dist/verdocs-web-sdk/{p-75435256.system.entry.js → p-fab73ec8.system.entry.js} +1 -1
  192. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  193. package/package.json +1 -1
  194. package/dist/cjs/verdocs-template-create.cjs.entry.js +0 -99
  195. package/dist/custom-elements.json +0 -2021
  196. package/dist/esm-es5/verdocs-preview_6.entry.js +0 -1
  197. package/dist/esm-es5/verdocs-template-create.entry.js +0 -1
  198. package/dist/verdocs-web-sdk/p-070dfd64.system.entry.js +0 -1
  199. package/dist/verdocs-web-sdk/p-7ebe11ff.entry.js +0 -1
  200. package/dist/verdocs-web-sdk/p-88e12975.entry.js +0 -1
  201. package/dist/verdocs-web-sdk/p-93eb4996.system.entry.js +0 -1
  202. package/dist/verdocs-web-sdk/p-9e15bdda.system.js +0 -1
  203. package/dist/verdocs-web-sdk/p-b35e8183.system.entry.js +0 -1
  204. package/dist/verdocs-web-sdk/p-e1cad931.entry.js +0 -1
  205. package/dist/verdocs-web-sdk/p-f3aa514e.system.entry.js +0 -1
  206. package/dist/verdocs-web-sdk/p-fbd27c79.entry.js +0 -1
@@ -0,0 +1,219 @@
1
+ import { VerdocsEndpoint } from '@verdocs/js-sdk';
2
+ import { h, Host } from '@stencil/core';
3
+ import { getTemplateStore } from '../../../utils/TemplateStore';
4
+ import { SDKError } from '../../../utils/errors';
5
+ const STEPS = ['attachments', 'roles', 'settings', 'fields', 'preview'];
6
+ /**
7
+ * Display a set of tabs for the template builder.
8
+ */
9
+ export class VerdocsTemplateBuildTabs {
10
+ constructor() {
11
+ this.endpoint = VerdocsEndpoint.getDefault();
12
+ this.templateId = null;
13
+ this.step = 'preview';
14
+ this.store = null;
15
+ }
16
+ onStepChanged() {
17
+ console.log('Step changed', this.step, this.templateId);
18
+ this.loadTemplate().catch((e) => console.log('Unknown Error', e));
19
+ }
20
+ async componentWillLoad() {
21
+ var _a, _b, _c;
22
+ try {
23
+ this.endpoint.loadSession();
24
+ if (!this.endpoint.session) {
25
+ console.log('[BUILD_TABS] Unable to start builder session, must be authenticated');
26
+ return;
27
+ }
28
+ if (!this.templateId) {
29
+ this.step = 'preview';
30
+ return;
31
+ }
32
+ this.loadTemplate().catch(e => console.log('[BUILD_TABS] Unable to load template', e));
33
+ }
34
+ catch (e) {
35
+ console.log('[BUILD_TABS] Error loading template', e);
36
+ (_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));
37
+ }
38
+ }
39
+ async loadTemplate() {
40
+ if (this.templateId) {
41
+ this.store = await getTemplateStore(this.endpoint, this.templateId, false);
42
+ }
43
+ }
44
+ setStep(e) {
45
+ var _a;
46
+ console.log('Selected step', e.detail.tab.id);
47
+ e.stopPropagation();
48
+ e.preventDefault();
49
+ this.step = e.detail.tab.id;
50
+ (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail.tab.id);
51
+ }
52
+ render() {
53
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
54
+ if (!this.endpoint.session) {
55
+ return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
56
+ }
57
+ let canPreview = false;
58
+ let canEditFields = false;
59
+ let canEditRoles = false;
60
+ if (this.templateId && this.store) {
61
+ console.log('lengths', (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.template_documents.length, (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.roles.length, (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.fields.length);
62
+ canEditRoles = ((_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.template_documents.length) > 0;
63
+ canEditFields = canEditRoles && ((_k = (_j = this.store) === null || _j === void 0 ? void 0 : _j.state) === null || _k === void 0 ? void 0 : _k.roles.length) > 0;
64
+ canPreview = canEditFields && ((_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.fields.length) > 0;
65
+ // TODO
66
+ // canPreview = this.store && userCanPreviewTemplate(this.endpoint.session, this.store?.state);
67
+ // canEditFields = this.store && userCanBuildTemplate(this.endpoint.session, this.store?.state);
68
+ // canEditRoles = this.store && userCanUpdateTemplate(this.endpoint.session, this.store?.state);
69
+ }
70
+ let selectedStepIndex = Math.max(STEPS.indexOf(this.step), 0);
71
+ if (!canPreview && selectedStepIndex >= 4) {
72
+ selectedStepIndex = 3;
73
+ }
74
+ if (!canEditFields && selectedStepIndex >= 3) {
75
+ selectedStepIndex = 1;
76
+ }
77
+ if (!canEditRoles && selectedStepIndex >= 1) {
78
+ selectedStepIndex = 0;
79
+ }
80
+ console.log({ selectedStepIndex, canPreview, canEditFields, canEditRoles });
81
+ console.log('[BUILD_TABS] Rendering', this.step, selectedStepIndex);
82
+ return (h(Host, null, h("verdocs-tabs", { onSelectTab: e => this.setStep(e), selectedTab: selectedStepIndex, tabs: [
83
+ { id: 'attachments', disabled: false, label: this.templateId && this.store ? 'Attachment(s)' : 'Upload Attachment(s)' },
84
+ { id: 'roles', disabled: !canEditRoles, label: 'Roles' },
85
+ { id: 'settings', disabled: !canEditFields, label: 'Settings' },
86
+ { id: 'fields', disabled: !canEditFields, label: 'Fields' },
87
+ { id: 'preview', disabled: !canPreview, label: 'Preview/Send' },
88
+ ] })));
89
+ }
90
+ static get is() { return "verdocs-template-build-tabs"; }
91
+ static get originalStyleUrls() {
92
+ return {
93
+ "$": ["verdocs-template-build-tabs.scss"]
94
+ };
95
+ }
96
+ static get styleUrls() {
97
+ return {
98
+ "$": ["verdocs-template-build-tabs.css"]
99
+ };
100
+ }
101
+ static get properties() {
102
+ return {
103
+ "endpoint": {
104
+ "type": "unknown",
105
+ "mutable": false,
106
+ "complexType": {
107
+ "original": "VerdocsEndpoint",
108
+ "resolved": "VerdocsEndpoint",
109
+ "references": {
110
+ "VerdocsEndpoint": {
111
+ "location": "import",
112
+ "path": "@verdocs/js-sdk"
113
+ }
114
+ }
115
+ },
116
+ "required": false,
117
+ "optional": false,
118
+ "docs": {
119
+ "tags": [],
120
+ "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
121
+ },
122
+ "defaultValue": "VerdocsEndpoint.getDefault()"
123
+ },
124
+ "templateId": {
125
+ "type": "string",
126
+ "mutable": true,
127
+ "complexType": {
128
+ "original": "string | null",
129
+ "resolved": "string",
130
+ "references": {}
131
+ },
132
+ "required": false,
133
+ "optional": false,
134
+ "docs": {
135
+ "tags": [],
136
+ "text": "The ID of the template to create the document from. Unlike most other components, this is an optional parameter here.\nIf the template ID is known, `step` may also be specified to force displaying a specific step in the creation process.\nIf it is not specified, `step` will be ignored and the create step will be shown."
137
+ },
138
+ "attribute": "template-id",
139
+ "reflect": true,
140
+ "defaultValue": "null"
141
+ },
142
+ "step": {
143
+ "type": "string",
144
+ "mutable": true,
145
+ "complexType": {
146
+ "original": "TVerdocsBuildStep",
147
+ "resolved": "\"attachments\" | \"fields\" | \"preview\" | \"roles\" | \"settings\"",
148
+ "references": {
149
+ "TVerdocsBuildStep": {
150
+ "location": "local"
151
+ }
152
+ }
153
+ },
154
+ "required": false,
155
+ "optional": false,
156
+ "docs": {
157
+ "tags": [],
158
+ "text": "The step in the creation process to display."
159
+ },
160
+ "attribute": "step",
161
+ "reflect": true,
162
+ "defaultValue": "'preview'"
163
+ }
164
+ };
165
+ }
166
+ static get states() {
167
+ return {
168
+ "store": {}
169
+ };
170
+ }
171
+ static get events() {
172
+ return [{
173
+ "method": "sdkError",
174
+ "name": "sdkError",
175
+ "bubbles": true,
176
+ "cancelable": true,
177
+ "composed": true,
178
+ "docs": {
179
+ "tags": [],
180
+ "text": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component."
181
+ },
182
+ "complexType": {
183
+ "original": "SDKError",
184
+ "resolved": "SDKError",
185
+ "references": {
186
+ "SDKError": {
187
+ "location": "import",
188
+ "path": "../../../utils/errors"
189
+ }
190
+ }
191
+ }
192
+ }, {
193
+ "method": "stepChanged",
194
+ "name": "stepChanged",
195
+ "bubbles": true,
196
+ "cancelable": true,
197
+ "composed": true,
198
+ "docs": {
199
+ "tags": [],
200
+ "text": "Event fired when the user selects a different step."
201
+ },
202
+ "complexType": {
203
+ "original": "TVerdocsBuildStep",
204
+ "resolved": "\"attachments\" | \"fields\" | \"preview\" | \"roles\" | \"settings\"",
205
+ "references": {
206
+ "TVerdocsBuildStep": {
207
+ "location": "local"
208
+ }
209
+ }
210
+ }
211
+ }];
212
+ }
213
+ static get watchers() {
214
+ return [{
215
+ "propName": "step",
216
+ "methodName": "onStepChanged"
217
+ }];
218
+ }
219
+ }
@@ -0,0 +1,16 @@
1
+ import { html } from 'lit-html';
2
+ export default {
3
+ title: 'Templates/Build Tabs',
4
+ component: 'verdocs-template-build-tabs',
5
+ args: {
6
+ templateId: '',
7
+ step: 'preview',
8
+ },
9
+ argTypes: {
10
+ onStepChanged: { action: 'stepChanged' },
11
+ },
12
+ parameters: {
13
+ layout: 'fullscreen',
14
+ },
15
+ };
16
+ export const BuildTabs = ({ templateId, step, onStepChanged }) => html `<verdocs-template-build-tabs .step=${step} .templateId=${templateId} @stepChanged=${onStepChanged} />`;
@@ -36,7 +36,7 @@ export class VerdocsTemplateCreate {
36
36
  this.exit.emit();
37
37
  }
38
38
  async handleSubmit(e) {
39
- var _a, _b, _c, _d;
39
+ var _a, _b, _c, _d, _e;
40
40
  e.stopPropagation();
41
41
  console.log('Submitting');
42
42
  // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.
@@ -56,14 +56,15 @@ export class VerdocsTemplateCreate {
56
56
  }
57
57
  });
58
58
  console.log('[CREATE] Created template', template);
59
- (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit(template);
59
+ (_a = this.templateCreated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, templateId: template.id });
60
+ (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit(template);
60
61
  this.creating = false;
61
62
  this.progressLabel = '';
62
63
  this.progressPercent = 0;
63
64
  }
64
65
  catch (e) {
65
66
  console.log('[CREATE] Error creating template', e);
66
- (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new SDKError(e.message, (_c = e.response) === null || _c === void 0 ? void 0 : _c.status, (_d = e.response) === null || _d === void 0 ? void 0 : _d.data));
67
+ (_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));
67
68
  this.creating = false;
68
69
  }
69
70
  }
@@ -185,6 +186,30 @@ export class VerdocsTemplateCreate {
185
186
  }
186
187
  }
187
188
  }
189
+ }, {
190
+ "method": "templateCreated",
191
+ "name": "templateCreated",
192
+ "bubbles": true,
193
+ "cancelable": true,
194
+ "composed": true,
195
+ "docs": {
196
+ "tags": [],
197
+ "text": "Event fired when the user updates the template."
198
+ },
199
+ "complexType": {
200
+ "original": "{endpoint: VerdocsEndpoint; template: ITemplate; templateId: string}",
201
+ "resolved": "{ endpoint: VerdocsEndpoint; template: ITemplate; templateId: string; }",
202
+ "references": {
203
+ "VerdocsEndpoint": {
204
+ "location": "import",
205
+ "path": "@verdocs/js-sdk"
206
+ },
207
+ "ITemplate": {
208
+ "location": "import",
209
+ "path": "@verdocs/js-sdk/Templates/Types"
210
+ }
211
+ }
212
+ }
188
213
  }];
189
214
  }
190
215
  }
@@ -44,15 +44,15 @@ export class VerdocsTemplateName {
44
44
  (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
45
45
  }
46
46
  async handleSave(e) {
47
- var _a, _b;
47
+ var _a, _b, _c;
48
48
  e.stopPropagation();
49
49
  await updateTemplate(this.endpoint, this.templateId, { name: this.name });
50
50
  if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
51
51
  this.store.state.name = this.name;
52
52
  }
53
53
  this.dirty = false;
54
- console.log('Closing');
55
- (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
54
+ (_b = this.templateUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, template: this.store.state, event: 'name' });
55
+ (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
56
56
  }
57
57
  render() {
58
58
  var _a, _b;
@@ -164,6 +164,30 @@ export class VerdocsTemplateName {
164
164
  }
165
165
  }
166
166
  }
167
+ }, {
168
+ "method": "templateUpdated",
169
+ "name": "templateUpdated",
170
+ "bubbles": true,
171
+ "cancelable": true,
172
+ "composed": true,
173
+ "docs": {
174
+ "tags": [],
175
+ "text": "Event fired when the user updates the template."
176
+ },
177
+ "complexType": {
178
+ "original": "{endpoint: VerdocsEndpoint; template: ITemplate; event: string}",
179
+ "resolved": "{ endpoint: VerdocsEndpoint; template: ITemplate; event: string; }",
180
+ "references": {
181
+ "VerdocsEndpoint": {
182
+ "location": "import",
183
+ "path": "@verdocs/js-sdk"
184
+ },
185
+ "ITemplate": {
186
+ "location": "import",
187
+ "path": "@verdocs/js-sdk/Templates/Types"
188
+ }
189
+ }
190
+ }
167
191
  }];
168
192
  }
169
193
  }
@@ -50,7 +50,7 @@ export class VerdocsTemplateReminders {
50
50
  (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
51
51
  }
52
52
  async handleSave(e) {
53
- var _a, _b, _c, _d, _e, _f, _g, _h;
53
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
54
54
  e.stopPropagation();
55
55
  try {
56
56
  if (this.sendReminders) {
@@ -71,14 +71,15 @@ export class VerdocsTemplateReminders {
71
71
  await deleteReminder(this.endpoint, this.templateId, (_d = this.store) === null || _d === void 0 ? void 0 : _d.state.reminder_id);
72
72
  this.store = await getTemplateStore(this.endpoint, this.templateId, true);
73
73
  }
74
+ (_e = this.templateUpdated) === null || _e === void 0 ? void 0 : _e.emit({ endpoint: this.endpoint, template: this.store.state, event: 'attachments' });
74
75
  }
75
76
  catch (e) {
76
77
  console.log('[TEMPLATE REMINDERS] Unable to update reminders', e);
77
78
  VerdocsToast(e.message);
78
- (_e = this.sdkError) === null || _e === void 0 ? void 0 : _e.emit(new SDKError(e.message, (_f = e.response) === null || _f === void 0 ? void 0 : _f.status, (_g = e.response) === null || _g === void 0 ? void 0 : _g.data));
79
+ (_f = this.sdkError) === null || _f === void 0 ? void 0 : _f.emit(new SDKError(e.message, (_g = e.response) === null || _g === void 0 ? void 0 : _g.status, (_h = e.response) === null || _h === void 0 ? void 0 : _h.data));
79
80
  }
80
81
  this.dirty = false;
81
- (_h = this.close) === null || _h === void 0 ? void 0 : _h.emit();
82
+ (_j = this.close) === null || _j === void 0 ? void 0 : _j.emit();
82
83
  }
83
84
  render() {
84
85
  var _a, _b;
@@ -201,6 +202,30 @@ export class VerdocsTemplateReminders {
201
202
  }
202
203
  }
203
204
  }
205
+ }, {
206
+ "method": "templateUpdated",
207
+ "name": "templateUpdated",
208
+ "bubbles": true,
209
+ "cancelable": true,
210
+ "composed": true,
211
+ "docs": {
212
+ "tags": [],
213
+ "text": "Event fired when the user updates the template."
214
+ },
215
+ "complexType": {
216
+ "original": "{endpoint: VerdocsEndpoint; template: ITemplate; event: string}",
217
+ "resolved": "{ endpoint: VerdocsEndpoint; template: ITemplate; event: string; }",
218
+ "references": {
219
+ "VerdocsEndpoint": {
220
+ "location": "import",
221
+ "path": "@verdocs/js-sdk"
222
+ },
223
+ "ITemplate": {
224
+ "location": "import",
225
+ "path": "@verdocs/js-sdk/Templates/Types"
226
+ }
227
+ }
228
+ }
204
229
  }];
205
230
  }
206
231
  }
@@ -47,15 +47,18 @@ export class VerdocsTemplateRoles {
47
47
  console.log('[ROLES] Unable to start builder session, must be authenticated');
48
48
  return;
49
49
  }
50
- this.store = await getTemplateStore(this.endpoint, this.templateId, true);
51
- this.sortTemplateRoles();
52
- this.renumberTemplateRoles();
50
+ await this.reloadStore();
53
51
  }
54
52
  catch (e) {
55
53
  console.log('[FIELDS] Error with preview session', e);
56
54
  (_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));
57
55
  }
58
56
  }
57
+ async reloadStore() {
58
+ this.store = await getTemplateStore(this.endpoint, this.templateId, true);
59
+ this.sortTemplateRoles();
60
+ this.renumberTemplateRoles();
61
+ }
59
62
  componentDidRender() {
60
63
  interact.dynamicDrop(true);
61
64
  interact('.recipient').draggable({
@@ -120,6 +123,7 @@ export class VerdocsTemplateRoles {
120
123
  var _a, _b;
121
124
  console.log('[ROLES] Updated roles');
122
125
  (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated-role', endpoint: this.endpoint, template: (_b = this.store) === null || _b === void 0 ? void 0 : _b.state });
126
+ this.reloadStore().catch(e => console.log('Unknown error', e));
123
127
  })
124
128
  .catch(e => console.log('[ROLES] Role updates failed', e));
125
129
  }
@@ -214,6 +218,7 @@ export class VerdocsTemplateRoles {
214
218
  // this.store.state.roles = [...this.store?.state.roles, r];
215
219
  // this.renumberTemplateRoles();
216
220
  (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'created-role', endpoint: this.endpoint, template: (_b = this.store) === null || _b === void 0 ? void 0 : _b.state });
221
+ this.reloadStore().catch(e => console.log('Unknown error', e));
217
222
  })
218
223
  .catch(e => {
219
224
  console.log('[ROLES] Error creating role', e);
@@ -260,6 +265,7 @@ export class VerdocsTemplateRoles {
260
265
  this.showingRoleDialog = null;
261
266
  // this.forceRerender++;
262
267
  (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'deleted-role', endpoint: this.endpoint, template: (_b = this.store) === null || _b === void 0 ? void 0 : _b.state });
268
+ this.reloadStore().catch(e => console.log('Unknown error', e));
263
269
  } })), this.showingSenderDialog && h("verdocs-template-sender", { endpoint: this.endpoint, templateId: this.templateId, onClose: () => (this.showingSenderDialog = false) })));
264
270
  }
265
271
  static get is() { return "verdocs-template-roles"; }
@@ -46,7 +46,7 @@ export class VerdocsTemplateVisibility {
46
46
  (_e = this.close) === null || _e === void 0 ? void 0 : _e.emit();
47
47
  }
48
48
  async handleSave(e) {
49
- var _a, _b;
49
+ var _a, _b, _c;
50
50
  e.stopPropagation();
51
51
  await updateTemplate(this.endpoint, this.templateId, { is_personal: this.personal, is_public: this.public });
52
52
  if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
@@ -54,7 +54,8 @@ export class VerdocsTemplateVisibility {
54
54
  this.store.state.is_public = this.public;
55
55
  }
56
56
  this.dirty = false;
57
- (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
57
+ (_b = this.templateUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, template: this.store.state, event: 'visibility' });
58
+ (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
58
59
  }
59
60
  render() {
60
61
  var _a, _b;
@@ -170,6 +171,30 @@ export class VerdocsTemplateVisibility {
170
171
  }
171
172
  }
172
173
  }
174
+ }, {
175
+ "method": "templateUpdated",
176
+ "name": "templateUpdated",
177
+ "bubbles": true,
178
+ "cancelable": true,
179
+ "composed": true,
180
+ "docs": {
181
+ "tags": [],
182
+ "text": "Event fired when the user updates the template."
183
+ },
184
+ "complexType": {
185
+ "original": "{endpoint: VerdocsEndpoint; template: ITemplate; event: string}",
186
+ "resolved": "{ endpoint: VerdocsEndpoint; template: ITemplate; event: string; }",
187
+ "references": {
188
+ "VerdocsEndpoint": {
189
+ "location": "import",
190
+ "path": "@verdocs/js-sdk"
191
+ },
192
+ "ITemplate": {
193
+ "location": "import",
194
+ "path": "@verdocs/js-sdk/Templates/Types"
195
+ }
196
+ }
197
+ }
173
198
  }];
174
199
  }
175
200
  }
@@ -4002,4 +4002,4 @@ var VerdocsEndpoint = /** @class */ (function () {
4002
4002
  return VerdocsEndpoint;
4003
4003
  }());
4004
4004
 
4005
- export { Permissions as P, TemplateActions as T, VerdocsEndpoint as V, TemplateSenderTypes as a };
4005
+ export { TemplateActions as T, VerdocsEndpoint as V, TemplateSenderTypes as a };
@@ -58,6 +58,7 @@ export { VerdocsStatusIndicator as VerdocsStatusIndicator } from '../types/compo
58
58
  export { VerdocsTable as VerdocsTable } from '../types/components/controls/verdocs-table/verdocs-table';
59
59
  export { VerdocsTabs as VerdocsTabs } from '../types/components/controls/verdocs-tabs/verdocs-tabs';
60
60
  export { VerdocsTemplateAttachments as VerdocsTemplateAttachments } from '../types/components/templates/verdocs-template-attachments/verdocs-template-attachments';
61
+ export { VerdocsTemplateBuildTabs as VerdocsTemplateBuildTabs } from '../types/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs';
61
62
  export { VerdocsTemplateCard as VerdocsTemplateCard } from '../types/components/templates/verdocs-template-card/verdocs-template-card';
62
63
  export { VerdocsTemplateCreate as VerdocsTemplateCreate } from '../types/components/templates/verdocs-template-create/verdocs-template-create';
63
64
  export { VerdocsTemplateDocumentPage as VerdocsTemplateDocumentPage } from '../types/components/templates/verdocs-template-document-page/verdocs-template-document-page';
@@ -58,6 +58,7 @@ export { VerdocsStatusIndicator, defineCustomElement as defineCustomElementVerdo
58
58
  export { VerdocsTable, defineCustomElement as defineCustomElementVerdocsTable } from './verdocs-table.js';
59
59
  export { VerdocsTabs, defineCustomElement as defineCustomElementVerdocsTabs } from './verdocs-tabs.js';
60
60
  export { VerdocsTemplateAttachments, defineCustomElement as defineCustomElementVerdocsTemplateAttachments } from './verdocs-template-attachments.js';
61
+ export { VerdocsTemplateBuildTabs, defineCustomElement as defineCustomElementVerdocsTemplateBuildTabs } from './verdocs-template-build-tabs.js';
61
62
  export { VerdocsTemplateCard, defineCustomElement as defineCustomElementVerdocsTemplateCard } from './verdocs-template-card.js';
62
63
  export { VerdocsTemplateCreate, defineCustomElement as defineCustomElementVerdocsTemplateCreate } from './verdocs-template-create.js';
63
64
  export { VerdocsTemplateDocumentPage, defineCustomElement as defineCustomElementVerdocsTemplateDocumentPage } from './verdocs-template-document-page.js';