@verdocs/web-sdk 2.0.0 → 2.0.2

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 (63) hide show
  1. package/dist/cjs/verdocs-auth.cjs.entry.js +1 -1
  2. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +2 -2
  3. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +4 -2
  4. package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +56 -76
  5. package/dist/collection/components/embeds/verdocs-auth/verdocs-auth.js +2 -2
  6. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js +6 -2
  7. package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.js +6 -2
  8. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.js +6 -2
  9. package/dist/collection/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.js +6 -2
  10. package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js +6 -2
  11. package/dist/collection/components/fields/verdocs-field-payment/verdocs-field-payment.js +13 -4
  12. package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.js +6 -2
  13. package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +6 -2
  14. package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.js +8 -4
  15. package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js +10 -4
  16. package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.js +6 -2
  17. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js +56 -76
  18. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.stories.js +1 -1
  19. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.stories.js +5 -1
  20. package/dist/components/verdocs-auth.js +1 -1
  21. package/dist/components/verdocs-field-textarea.js +2 -2
  22. package/dist/components/verdocs-field-textbox.js +4 -2
  23. package/dist/components/verdocs-template-fields2.js +56 -76
  24. package/dist/docs.json +14 -14
  25. package/dist/esm/verdocs-auth.entry.js +1 -1
  26. package/dist/esm/verdocs-field-textarea.entry.js +2 -2
  27. package/dist/esm/verdocs-field-textbox.entry.js +4 -2
  28. package/dist/esm/verdocs-template-fields_4.entry.js +56 -76
  29. package/dist/esm-es5/verdocs-auth.entry.js +1 -1
  30. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  31. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  32. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
  33. package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.d.ts +1 -0
  34. package/dist/types/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.d.ts +1 -0
  35. package/dist/types/components/fields/verdocs-field-date/verdocs-field-date.d.ts +1 -0
  36. package/dist/types/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.d.ts +1 -0
  37. package/dist/types/components/fields/verdocs-field-initial/verdocs-field-initial.d.ts +1 -0
  38. package/dist/types/components/fields/verdocs-field-payment/verdocs-field-payment.d.ts +6 -7
  39. package/dist/types/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.d.ts +1 -0
  40. package/dist/types/components/fields/verdocs-field-signature/verdocs-field-signature.d.ts +1 -0
  41. package/dist/types/components/fields/verdocs-field-textarea/verdocs-field-textarea.d.ts +1 -0
  42. package/dist/types/components/fields/verdocs-field-textbox/verdocs-field-textbox.d.ts +1 -0
  43. package/dist/types/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.d.ts +1 -0
  44. package/dist/types/components/templates/verdocs-template-fields/verdocs-template-fields.d.ts +4 -1
  45. package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.stories.d.ts +3 -1
  46. package/dist/types/components.d.ts +11 -14
  47. package/dist/verdocs-web-sdk/p-0c85ee4f.system.entry.js +1 -0
  48. package/dist/verdocs-web-sdk/p-0d5757a8.entry.js +1 -0
  49. package/dist/verdocs-web-sdk/p-3872cedf.system.entry.js +1 -0
  50. package/dist/verdocs-web-sdk/{p-5fd70b07.system.entry.js → p-3cff566d.system.entry.js} +1 -1
  51. package/dist/verdocs-web-sdk/p-57aae7f1.entry.js +1 -0
  52. package/dist/verdocs-web-sdk/p-647cdb84.system.js +1 -1
  53. package/dist/verdocs-web-sdk/p-a7b2bda6.entry.js +1 -0
  54. package/dist/verdocs-web-sdk/{p-b49887e6.system.entry.js → p-bc4cda62.system.entry.js} +1 -1
  55. package/dist/verdocs-web-sdk/p-c339ff0f.entry.js +1 -0
  56. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  57. package/package.json +1 -1
  58. package/dist/verdocs-web-sdk/p-223e5517.entry.js +0 -1
  59. package/dist/verdocs-web-sdk/p-3e9c4c8a.entry.js +0 -1
  60. package/dist/verdocs-web-sdk/p-52300880.system.entry.js +0 -1
  61. package/dist/verdocs-web-sdk/p-be8ff081.entry.js +0 -1
  62. package/dist/verdocs-web-sdk/p-e9c00342.system.entry.js +0 -1
  63. package/dist/verdocs-web-sdk/p-ea5cec2d.entry.js +0 -1
@@ -89,7 +89,7 @@ const VerdocsAuth = class {
89
89
  this.sdkError = index.createEvent(this, "sdkError", 7);
90
90
  this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
91
91
  this.visible = true;
92
- this.logo = 'https://verdocs.com/assets/blue-logo.svg';
92
+ this.logo = 'https://app.verdocs.com/assets/blue-logo.svg';
93
93
  this.isAuthenticated = false;
94
94
  this.displayMode = 'login';
95
95
  this.orgname = '';
@@ -90,9 +90,9 @@ const VerdocsFieldTextarea = class {
90
90
  newSettings.x = Math.round(newSettings.x + translateX / this.xscale);
91
91
  newSettings.y = Math.round(newSettings.y - translateY / this.yscale);
92
92
  Fields.updateField(this.endpoint, this.templateid, this.field.name, { setting: newSettings })
93
- .then(() => {
93
+ .then(field => {
94
94
  var _a;
95
- (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name, settings: newSettings });
95
+ (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name, settings: newSettings, field });
96
96
  Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
97
97
  })
98
98
  .catch(e => console.log('Field update failed', e));
@@ -90,9 +90,10 @@ const VerdocsFieldTextbox = class {
90
90
  newSettings.x = Math.round(newSettings.x + translateX / this.xscale);
91
91
  newSettings.y = Math.round(newSettings.y - translateY / this.yscale);
92
92
  Fields.updateField(this.endpoint, this.templateid, this.field.name, { setting: newSettings })
93
- .then(() => {
93
+ .then(field => {
94
94
  var _a;
95
- (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name, settings: newSettings });
95
+ console.log('update result', field);
96
+ (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name, settings: newSettings, field });
96
97
  Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
97
98
  })
98
99
  .catch(e => console.log('Field update failed', e));
@@ -115,6 +116,7 @@ const VerdocsFieldTextbox = class {
115
116
  return this.hideSettingsPanel();
116
117
  }, onSettingsChanged: e => {
117
118
  var _a;
119
+ console.log('here');
118
120
  (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
119
121
  return this.hideSettingsPanel();
120
122
  }, helpText: 'Text boxes may be used to capture simple text input. Participant-entered values will be stored for later retrieval via the "name" field.<br /><br />If marked required, the participant must complete the field before proceeding.' })))));
@@ -138,26 +138,27 @@ const VerdocsTemplateFields = class {
138
138
  console.log('[FIELDS] handleFieldChange', field, e, optionId);
139
139
  this.rerender++;
140
140
  }
141
+ handleFieldSettingsChange(pageInfo, field, roleIndex, el, newFieldData) {
142
+ var _a, _b, _c, _d;
143
+ console.log('[FIELDS] Field settings changed', field.name, newFieldData);
144
+ Object.assign(field, newFieldData);
145
+ el.field = newFieldData;
146
+ this.selectedRoleName = field.role_name;
147
+ el.setAttribute('roleindex', utils.getRoleIndex(TemplateStore.getRoleNames(this.store), field.role_name));
148
+ el.field = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.fields.find(f => f.name === field.name);
149
+ this.rerender++;
150
+ el.setAttribute('rerender', this.rerender);
151
+ (_c = this.templateUpdated) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, template: (_d = this.store) === null || _d === void 0 ? void 0 : _d.state, event: 'updated-field' });
152
+ console.log('[FIELDS] Re-rendering field', field.name, pageInfo.pageNumber);
153
+ this.reRenderField(field, pageInfo.pageNumber);
154
+ const newEl = utils.renderDocumentField(field, pageInfo, roleIndex, { disabled: true, editable: true, draggable: true });
155
+ if (!newEl) {
156
+ return;
157
+ }
158
+ }
141
159
  attachFieldAttributes(pageInfo, field, roleIndex, el) {
142
160
  el.addEventListener('input', e => this.handleFieldChange(field, e));
143
- el.addEventListener('settingsChanged', e => {
144
- var _a, _b, _c, _d;
145
- console.log('[FIELDS] settingsChanged', e.detail);
146
- Object.assign(field, e.detail.field);
147
- this.selectedRoleName = field.role_name;
148
- el.field = e.detail.field;
149
- el.setAttribute('roleindex', utils.getRoleIndex(TemplateStore.getRoleNames(this.store), field.role_name));
150
- el.field = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.fields.find(f => f.name === field.name);
151
- this.rerender++;
152
- el.setAttribute('rerender', this.rerender);
153
- (_c = this.templateUpdated) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, template: (_d = this.store) === null || _d === void 0 ? void 0 : _d.state, event: 'updated-field' });
154
- console.log('[FIELDS] Re-rendering field', field.name, pageInfo.pageNumber);
155
- this.reRenderField(field, pageInfo.pageNumber);
156
- const newEl = utils.renderDocumentField(field, pageInfo, roleIndex, { disabled: true, editable: true, draggable: true });
157
- if (!newEl) {
158
- return;
159
- }
160
- });
161
+ el.addEventListener('settingsChanged', e => this.handleFieldSettingsChange(pageInfo, field, roleIndex, el, e.detail.field));
161
162
  el.addEventListener('deleted', () => {
162
163
  var _a, _b;
163
164
  console.log('[FIELDS] Deleted', this, field);
@@ -189,69 +190,52 @@ const VerdocsTemplateFields = class {
189
190
  return;
190
191
  }
191
192
  if (Array.isArray(el)) {
192
- el.forEach(e => {
193
- this.attachFieldAttributes(pageInfo, field, roleIndex, e);
194
- interact_min.interact(e).draggable({
195
- listeners: {
196
- start(event) {
197
- console.log('[FIELDS] Drag started', event.type, event.target);
198
- },
199
- move(event) {
200
- const oldX = +(event.target.getAttribute('posX') || 0);
201
- const oldY = +(event.target.getAttribute('posY') || 0);
202
- const xScale = +(event.target.getAttribute('xScale') || 1);
203
- const yScale = +(event.target.getAttribute('yScale') || 1);
204
- const newX = event.dx / xScale + oldX;
205
- const newY = event.dy / yScale + oldY;
206
- event.target.setAttribute('posX', newX);
207
- event.target.setAttribute('posy', newY);
208
- utils.updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
209
- },
210
- end: this.handleMoveField.bind(this),
211
- },
212
- });
193
+ el.forEach(childEl => {
194
+ this.attachFieldAttributes(pageInfo, field, roleIndex, childEl);
195
+ this.makeDraggable(childEl);
213
196
  });
214
197
  }
215
198
  else {
216
199
  this.attachFieldAttributes(pageInfo, field, roleIndex, el);
217
- interact_min.interact(el).draggable({
218
- listeners: {
219
- start(event) {
220
- console.log('[FIELDS] Drag started', event.type, event.target);
221
- },
222
- move(event) {
223
- const oldX = +(event.target.getAttribute('posX') || 0);
224
- const oldY = +(event.target.getAttribute('posY') || 0);
225
- const xScale = +(event.target.getAttribute('xScale') || 1);
226
- const yScale = +(event.target.getAttribute('yScale') || 1);
227
- const newX = event.dx / xScale + oldX;
228
- const newY = event.dy / yScale + oldY;
229
- event.target.setAttribute('posX', newX);
230
- event.target.setAttribute('posy', newY);
231
- utils.updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
232
- },
233
- end: this.handleMoveField.bind(this),
234
- },
235
- });
200
+ this.makeDraggable(el);
236
201
  }
237
202
  }
238
- async handleMoveField(e) {
203
+ makeDraggable(el) {
204
+ interact_min.interact(el).draggable({
205
+ listeners: {
206
+ move: this.handleMoveField.bind(this),
207
+ end: this.handleMoveEnd.bind(this),
208
+ },
209
+ });
210
+ }
211
+ async handleMoveField(event) {
212
+ const oldX = +(event.target.getAttribute('posX') || 0);
213
+ const oldY = +(event.target.getAttribute('posY') || 0);
214
+ const xScale = +(event.target.getAttribute('xScale') || 1);
215
+ const yScale = +(event.target.getAttribute('yScale') || 1);
216
+ const newX = event.dx / xScale + oldX;
217
+ const newY = event.dy / yScale + oldY;
218
+ event.target.setAttribute('posX', newX);
219
+ event.target.setAttribute('posy', newY);
220
+ utils.updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
221
+ }
222
+ async handleMoveEnd(event) {
239
223
  var _a;
240
- const pageNumber = e.target.getAttribute('pageNumber');
224
+ const pageNumber = event.target.getAttribute('pageNumber');
241
225
  const { naturalWidth = 612, naturalHeight = 792, renderedHeight = 792 } = this.cachedPageInfo[pageNumber];
242
- console.log('[FIELDS] Drag ended', pageNumber, e.target);
243
- const clientRect = e.target.getBoundingClientRect();
244
- const parent = e.target.parentElement;
226
+ console.log('[FIELDS] Drag ended', pageNumber, event.target);
227
+ const clientRect = event.target.getBoundingClientRect();
228
+ const parent = event.target.parentElement;
245
229
  const parentRect = parent.getBoundingClientRect();
246
230
  // These two being backwards is not a mistake. Left measures "over" from the left (positive displacement) while bottom measures
247
231
  // "up" from the bottom (negative displacement).
248
232
  const newX = Math.max(clientRect.left - parentRect.left, 0);
249
233
  const newY = Math.max(renderedHeight - (parentRect.bottom - clientRect.bottom), 0);
250
- const { x, y } = this.viewCoordinatesToPageCoordinates(newX, newY, pageNumber, naturalWidth - e.rect.width, naturalHeight - e.rect.height);
251
- const name = e.target.getAttribute('name');
252
- const option = +(e.target.getAttribute('option') || '0');
234
+ const { x, y } = this.viewCoordinatesToPageCoordinates(newX, newY, pageNumber, naturalWidth - event.rect.width, naturalHeight - event.rect.height);
235
+ const name = event.target.getAttribute('name');
236
+ const option = +(event.target.getAttribute('option') || '0');
253
237
  const field = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state.fields.find(field => field.name === name);
254
- console.log('Will update', name, option, field);
238
+ console.log('[FIELDS] Will update', name, option, field);
255
239
  if (field) {
256
240
  switch (field.type) {
257
241
  case 'attachment':
@@ -277,20 +261,20 @@ const VerdocsTemplateFields = class {
277
261
  }
278
262
  break;
279
263
  }
280
- await Fields.updateField(this.endpoint, this.templateId, name, field);
281
- this.handlePageRendered({ detail: this.cachedPageInfo[pageNumber] });
264
+ const newFieldData = await Fields.updateField(this.endpoint, this.templateId, name, field);
265
+ const pageInfo = this.cachedPageInfo[pageNumber];
266
+ const roleIndex = utils.getRoleIndex(TemplateStore.getRoleNames(this.store), field.role_name);
267
+ this.handleFieldSettingsChange(pageInfo, field, roleIndex, event.target, newFieldData);
282
268
  }
283
269
  }
284
270
  generateFieldName(type, pageNumber) {
285
- var _a, _b;
271
+ var _a;
286
272
  let i = 1;
287
273
  let fieldName;
288
274
  do {
289
275
  fieldName = `${type}P${pageNumber}-${i}`;
290
- console.log('testing field', fieldName);
291
276
  i++;
292
277
  } while ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state.fields.some(field => field.name === fieldName));
293
- console.log('Will use field name', this, fieldName, (_b = this.store) === null || _b === void 0 ? void 0 : _b.state.fields);
294
278
  return fieldName;
295
279
  }
296
280
  // Scale the X,Y clicks to the virtual page dimensions. Also ensure the field doesn't go off the page.
@@ -303,15 +287,11 @@ const VerdocsTemplateFields = class {
303
287
  async handleClickPage(e, pageNumber) {
304
288
  var _a, _b, _c;
305
289
  if (this.placing) {
306
- console.log('Placing field', this, this.selectedRoleName, this.placing, pageNumber, e.offsetX, e.offsetY);
307
- // console.log('Placing field', this.placing, page.sequence, e.offsetX, e.offsetY);
308
- // const pageNumber = page.sequence;
309
290
  const clickedX = e.offsetX;
310
291
  const clickedY = e.offsetY;
311
292
  const width = utils.defaultWidth(this.placing);
312
293
  const height = utils.defaultHeight(this.placing);
313
294
  const cachedPage = this.cachedPageInfo[pageNumber];
314
- // console.log('Cached page', cachedPage);
315
295
  const { naturalWidth = 612, naturalHeight = 792 } = cachedPage;
316
296
  const coords = this.viewCoordinatesToPageCoordinates(clickedX, clickedY, pageNumber, naturalWidth - width, naturalHeight - height);
317
297
  const x = Math.floor(coords.x);
@@ -77,7 +77,7 @@ export class VerdocsAuth {
77
77
  constructor() {
78
78
  this.endpoint = VerdocsEndpoint.getDefault();
79
79
  this.visible = true;
80
- this.logo = 'https://verdocs.com/assets/blue-logo.svg';
80
+ this.logo = 'https://app.verdocs.com/assets/blue-logo.svg';
81
81
  this.isAuthenticated = false;
82
82
  this.displayMode = 'login';
83
83
  this.orgname = '';
@@ -252,7 +252,7 @@ export class VerdocsAuth {
252
252
  },
253
253
  "attribute": "logo",
254
254
  "reflect": false,
255
- "defaultValue": "'https://verdocs.com/assets/blue-logo.svg'"
255
+ "defaultValue": "'https://app.verdocs.com/assets/blue-logo.svg'"
256
256
  }
257
257
  };
258
258
  }
@@ -173,12 +173,16 @@ export class VerdocsFieldAttachment {
173
173
  "text": "Event fired when the field's settings are changed."
174
174
  },
175
175
  "complexType": {
176
- "original": "{fieldName: string; settings: ITemplateFieldSetting}",
177
- "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; }",
176
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
177
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
178
178
  "references": {
179
179
  "ITemplateFieldSetting": {
180
180
  "location": "import",
181
181
  "path": "@verdocs/js-sdk/Templates/Types"
182
+ },
183
+ "ITemplateField": {
184
+ "location": "import",
185
+ "path": "@verdocs/js-sdk/Templates/Types"
182
186
  }
183
187
  }
184
188
  }
@@ -245,12 +245,16 @@ export class VerdocsFieldCheckbox {
245
245
  "text": "Event fired when the field's settings are changed."
246
246
  },
247
247
  "complexType": {
248
- "original": "{fieldName: string; settings: ITemplateFieldSetting}",
249
- "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; }",
248
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
249
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
250
250
  "references": {
251
251
  "ITemplateFieldSetting": {
252
252
  "location": "import",
253
253
  "path": "@verdocs/js-sdk/Templates/Types"
254
+ },
255
+ "ITemplateField": {
256
+ "location": "import",
257
+ "path": "@verdocs/js-sdk/Templates/Types"
254
258
  }
255
259
  }
256
260
  }
@@ -273,12 +273,16 @@ export class VerdocsFieldDate {
273
273
  "text": "Event fired when the field's settings are changed."
274
274
  },
275
275
  "complexType": {
276
- "original": "{fieldName: string; settings: ITemplateFieldSetting}",
277
- "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; }",
276
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
277
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
278
278
  "references": {
279
279
  "ITemplateFieldSetting": {
280
280
  "location": "import",
281
281
  "path": "@verdocs/js-sdk/Templates/Types"
282
+ },
283
+ "ITemplateField": {
284
+ "location": "import",
285
+ "path": "@verdocs/js-sdk/Templates/Types"
282
286
  }
283
287
  }
284
288
  }
@@ -249,12 +249,16 @@ export class VerdocsFieldDropdown {
249
249
  "text": "Event fired when the field's settings are changed."
250
250
  },
251
251
  "complexType": {
252
- "original": "{fieldName: string; settings: ITemplateFieldSetting}",
253
- "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; }",
252
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
253
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
254
254
  "references": {
255
255
  "ITemplateFieldSetting": {
256
256
  "location": "import",
257
257
  "path": "@verdocs/js-sdk/Templates/Types"
258
+ },
259
+ "ITemplateField": {
260
+ "location": "import",
261
+ "path": "@verdocs/js-sdk/Templates/Types"
258
262
  }
259
263
  }
260
264
  }
@@ -320,12 +320,16 @@ export class VerdocsFieldInitial {
320
320
  "text": "Event fired when the field's settings are changed."
321
321
  },
322
322
  "complexType": {
323
- "original": "{fieldName: string; settings: ITemplateFieldSetting}",
324
- "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; }",
323
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
324
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
325
325
  "references": {
326
326
  "ITemplateFieldSetting": {
327
327
  "location": "import",
328
328
  "path": "@verdocs/js-sdk/Templates/Types"
329
+ },
330
+ "ITemplateField": {
331
+ "location": "import",
332
+ "path": "@verdocs/js-sdk/Templates/Types"
329
333
  }
330
334
  }
331
335
  }
@@ -487,12 +487,21 @@ export class VerdocsFieldPayment {
487
487
  "composed": true,
488
488
  "docs": {
489
489
  "tags": [],
490
- "text": "Event fired when the field's settings are changed."
490
+ "text": ""
491
491
  },
492
492
  "complexType": {
493
- "original": "{fieldName: string}",
494
- "resolved": "{ fieldName: string; }",
495
- "references": {}
493
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
494
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
495
+ "references": {
496
+ "ITemplateFieldSetting": {
497
+ "location": "import",
498
+ "path": "@verdocs/js-sdk/Templates/Types"
499
+ },
500
+ "ITemplateField": {
501
+ "location": "import",
502
+ "path": "@verdocs/js-sdk/Templates/Types"
503
+ }
504
+ }
496
505
  }
497
506
  }, {
498
507
  "method": "deleted",
@@ -249,12 +249,16 @@ export class VerdocsFieldRadioButton {
249
249
  "text": "Event fired when the field's settings are changed."
250
250
  },
251
251
  "complexType": {
252
- "original": "{fieldName: string; settings: ITemplateFieldSetting}",
253
- "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; }",
252
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
253
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
254
254
  "references": {
255
255
  "ITemplateFieldSetting": {
256
256
  "location": "import",
257
257
  "path": "@verdocs/js-sdk/Templates/Types"
258
+ },
259
+ "ITemplateField": {
260
+ "location": "import",
261
+ "path": "@verdocs/js-sdk/Templates/Types"
258
262
  }
259
263
  }
260
264
  }
@@ -306,12 +306,16 @@ export class VerdocsFieldSignature {
306
306
  "text": "Event fired when the field's settings are changed."
307
307
  },
308
308
  "complexType": {
309
- "original": "{fieldName: string; settings: ITemplateFieldSetting}",
310
- "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; }",
309
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
310
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
311
311
  "references": {
312
312
  "ITemplateFieldSetting": {
313
313
  "location": "import",
314
314
  "path": "@verdocs/js-sdk/Templates/Types"
315
+ },
316
+ "ITemplateField": {
317
+ "location": "import",
318
+ "path": "@verdocs/js-sdk/Templates/Types"
315
319
  }
316
320
  }
317
321
  }
@@ -76,9 +76,9 @@ export class VerdocsFieldTextarea {
76
76
  newSettings.x = Math.round(newSettings.x + translateX / this.xscale);
77
77
  newSettings.y = Math.round(newSettings.y - translateY / this.yscale);
78
78
  updateField(this.endpoint, this.templateid, this.field.name, { setting: newSettings })
79
- .then(() => {
79
+ .then(field => {
80
80
  var _a;
81
- (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name, settings: newSettings });
81
+ (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name, settings: newSettings, field });
82
82
  Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
83
83
  })
84
84
  .catch(e => console.log('Field update failed', e));
@@ -336,12 +336,16 @@ export class VerdocsFieldTextarea {
336
336
  "text": "Event fired when the field's settings are changed."
337
337
  },
338
338
  "complexType": {
339
- "original": "{fieldName: string; settings: ITemplateFieldSetting}",
340
- "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; }",
339
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
340
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
341
341
  "references": {
342
342
  "ITemplateFieldSetting": {
343
343
  "location": "import",
344
344
  "path": "@verdocs/js-sdk/Templates/Types"
345
+ },
346
+ "ITemplateField": {
347
+ "location": "import",
348
+ "path": "@verdocs/js-sdk/Templates/Types"
345
349
  }
346
350
  }
347
351
  }
@@ -76,9 +76,10 @@ export class VerdocsFieldTextbox {
76
76
  newSettings.x = Math.round(newSettings.x + translateX / this.xscale);
77
77
  newSettings.y = Math.round(newSettings.y - translateY / this.yscale);
78
78
  updateField(this.endpoint, this.templateid, this.field.name, { setting: newSettings })
79
- .then(() => {
79
+ .then(field => {
80
80
  var _a;
81
- (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name, settings: newSettings });
81
+ console.log('update result', field);
82
+ (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name, settings: newSettings, field });
82
83
  Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
83
84
  })
84
85
  .catch(e => console.log('Field update failed', e));
@@ -101,6 +102,7 @@ export class VerdocsFieldTextbox {
101
102
  return this.hideSettingsPanel();
102
103
  }, onSettingsChanged: e => {
103
104
  var _a;
105
+ console.log('here');
104
106
  (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
105
107
  return this.hideSettingsPanel();
106
108
  }, helpText: 'Text boxes may be used to capture simple text input. Participant-entered values will be stored for later retrieval via the "name" field.<br /><br />If marked required, the participant must complete the field before proceeding.' })))));
@@ -340,12 +342,16 @@ export class VerdocsFieldTextbox {
340
342
  "text": "Event fired when the field's settings are changed."
341
343
  },
342
344
  "complexType": {
343
- "original": "{fieldName: string; settings: ITemplateFieldSetting}",
344
- "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; }",
345
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
346
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
345
347
  "references": {
346
348
  "ITemplateFieldSetting": {
347
349
  "location": "import",
348
350
  "path": "@verdocs/js-sdk/Templates/Types"
351
+ },
352
+ "ITemplateField": {
353
+ "location": "import",
354
+ "path": "@verdocs/js-sdk/Templates/Types"
349
355
  }
350
356
  }
351
357
  }
@@ -236,12 +236,16 @@ export class VerdocsFieldTimestamp {
236
236
  "text": "Event fired when the field's settings are changed."
237
237
  },
238
238
  "complexType": {
239
- "original": "{fieldName: string; settings: ITemplateFieldSetting}",
240
- "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; }",
239
+ "original": "{fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField}",
240
+ "resolved": "{ fieldName: string; settings: ITemplateFieldSetting; field: ITemplateField; }",
241
241
  "references": {
242
242
  "ITemplateFieldSetting": {
243
243
  "location": "import",
244
244
  "path": "@verdocs/js-sdk/Templates/Types"
245
+ },
246
+ "ITemplateField": {
247
+ "location": "import",
248
+ "path": "@verdocs/js-sdk/Templates/Types"
245
249
  }
246
250
  }
247
251
  }