@verdocs/web-sdk 2.3.50 → 2.3.52

package/dist/cjs/{utils-fe4b9af2.js → utils-ac526133.js}

@@ -298,14 +298,6 @@ const updateCssTransform = (el, key, value) => {
     el.style.transform = currentTransform + ' ' + newValue;
   }
 };
-const removeCssTransform = (el, key) => {
-  const currentTransform = el.style.transform || '';
-  console.log('ct', key, currentTransform);
-  el.style.transform = el.style.transform.split(')')[0] + ')';
-  // TODO: This is not working
-  // el.style.transform = currentTransform.replace(new RegExp(`\(${key}\\(.+?\\)\)`), '');
-  console.log('nt', el.style.transform);
-};
 const saveAttachment = async (endpoint, envelope, documentId) => {
   // e.g. "Colorado-Motor-Vehicle-Bill-of-Sale.pdf"
   const date = index.format(new Date(envelope.updated_at), Types.FORMAT_DATE);
@@ -392,7 +384,6 @@ exports.defaultHeight = defaultHeight;
 exports.defaultWidth = defaultWidth;
 exports.getFieldId = getFieldId;
 exports.getFieldSettings = getFieldSettings;
-exports.removeCssTransform = removeCssTransform;
 exports.renderDocumentField = renderDocumentField;
 exports.renderedTextWidth = renderedTextWidth;
 exports.saveAttachment = saveAttachment;

package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');
 require('./Files-4bdc0c0f.js');

package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Envelopes = require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');

package/dist/cjs/verdocs-envelopes-list.cjs.entry.js

@@ -8,7 +8,7 @@ const Permissions = require('./Permissions-1436f847.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

package/dist/cjs/verdocs-field-attachment.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

package/dist/cjs/verdocs-field-checkbox.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

package/dist/cjs/verdocs-field-date.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 const Types = require('./Types-fb95ed6b.js');
 const index$1 = require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-field-dropdown.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

package/dist/cjs/verdocs-field-initial.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

package/dist/cjs/verdocs-field-payment.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

package/dist/cjs/verdocs-field-radio-button.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

package/dist/cjs/verdocs-field-signature.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

package/dist/cjs/verdocs-field-textarea.cjs.entry.js

@@ -10,7 +10,7 @@ const Fields = require('./Fields-705a2168.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./index-f712049c.js');

package/dist/cjs/verdocs-field-textbox.cjs.entry.js

@@ -10,7 +10,7 @@ const Fields = require('./Fields-705a2168.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Icons = require('./Icons-3286d014.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./index-f712049c.js');

package/dist/cjs/verdocs-field-timestamp.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const Types = require('./Types-fb95ed6b.js');
 const Icons = require('./Icons-3286d014.js');
 const index$1 = require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-pagination_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const popper = require('./popper-d7adcfc6.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

package/dist/cjs/verdocs-portal_2.cjs.entry.js

@@ -360,7 +360,7 @@ const VerdocsTemplateFieldProperties = class {
     }
   }
   handleCancel(e) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     e.stopPropagation();
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldName);
     if (field) {
@@ -375,6 +375,7 @@ const VerdocsTemplateFieldProperties = class {
     }
     this.dirty = false;
     (_d = this.close) === null || _d === void 0 ? void 0 : _d.emit();
+    (_e = document.getElementById('verdocs-template-field-properties')) === null || _e === void 0 ? void 0 : _e.remove();
   }
   handleSave(e) {
     e.stopPropagation();
@@ -403,7 +404,7 @@ const VerdocsTemplateFieldProperties = class {
     console.log('FP: Will update', this.fieldName, newProperties);
     Fields.updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
       .then(updated => {
-      var _a, _b;
+      var _a, _b, _c;
       this.dirty = false;
       const newFields = [
         ...this.fieldStore.get('fields').map(field => {
@@ -416,6 +417,7 @@ const VerdocsTemplateFieldProperties = class {
       this.fieldStore.set('fields', newFields);
       (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldName, settings: newProperties, field: updated });
       (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
+      (_c = document.getElementById('verdocs-template-field-properties')) === null || _c === void 0 ? void 0 : _c.remove();
     })
       .catch(() => {
       console.log('Field update failed', e);
@@ -449,12 +451,13 @@ const VerdocsTemplateFieldProperties = class {
     newProperties.setting.options = [...this.options];
     Fields.updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
       .then(updated => {
-      var _a, _b;
+      var _a, _b, _c;
       this.dirty = false;
       TemplateFieldStore.updateStoreField(this.fieldStore, this.fieldName, updated);
       this.fieldName = updated.name;
       (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldName, settings: newProperties, field: updated });
       (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
+      (_c = document.getElementById('verdocs-template-field-properties')) === null || _c === void 0 ? void 0 : _c.remove();
     })
       .catch(() => {
       console.log('Field update failed', e);

package/dist/cjs/verdocs-preview_8.cjs.entry.js

@@ -8,7 +8,7 @@ const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateStore = require('./TemplateStore-2432259f.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const errors = require('./errors-0396da3d.js');
 const Envelopes = require('./Envelopes-0b9deb2c.js');
 const Validators = require('./Validators-16e6d7d1.js');

package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js

@@ -10,7 +10,7 @@ const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 const Profiles = require('./Profiles-1a26e4eb.js');
 const index$1 = require('./index-7c19ba1d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');
 require('./Files-4bdc0c0f.js');

package/dist/cjs/verdocs-sign.cjs.entry.js

@@ -9,7 +9,7 @@ const Recipients = require('./Recipients-f3d6cf10.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
 const Types = require('./Types-fb95ed6b.js');
 const Toast = require('./Toast-06880504.js');

package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const popper = require('./popper-d7adcfc6.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

package/dist/cjs/verdocs-template-fields_4.cjs.entry.js

@@ -9,7 +9,7 @@ const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
 const Primitives = require('./Primitives-a59870a2.js');
 const TemplateFieldStore = require('./TemplateFieldStore-43a0b60d.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const TemplateRoleStore = require('./TemplateRoleStore-df60674d.js');
 const TemplateStore = require('./TemplateStore-2432259f.js');
 const errors = require('./errors-0396da3d.js');
@@ -275,8 +275,8 @@ const VerdocsTemplateFields = class {
     event.target.removeAttribute('posX');
     event.target.removeAttribute('posY');
     console.log('Will remove CSS transform', event.target.style.transform);
-    // this.reRenderField(newFieldData, pageNumber);
-    utils.removeCssTransform(event.target, 'transform');
+    this.reRenderField(newFieldData, pageNumber);
+    // removeCssTransform(event.target, 'transform');
     console.log('[FIELDS] Updated', name, newFieldData);
     (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state, event: 'updated-field' });
   }

package/dist/cjs/verdocs-view.cjs.entry.js

@@ -8,7 +8,7 @@ const Permissions = require('./Permissions-1436f847.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-fe4b9af2.js');
+const utils = require('./utils-ac526133.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Files-4bdc0c0f.js');

package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js

@@ -89,7 +89,7 @@ export class VerdocsTemplateFieldProperties {
     }
   }
   handleCancel(e) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     e.stopPropagation();
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldName);
     if (field) {
@@ -104,6 +104,7 @@ export class VerdocsTemplateFieldProperties {
     }
     this.dirty = false;
     (_d = this.close) === null || _d === void 0 ? void 0 : _d.emit();
+    (_e = document.getElementById('verdocs-template-field-properties')) === null || _e === void 0 ? void 0 : _e.remove();
   }
   handleSave(e) {
     e.stopPropagation();
@@ -132,7 +133,7 @@ export class VerdocsTemplateFieldProperties {
     console.log('FP: Will update', this.fieldName, newProperties);
     updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
       .then(updated => {
-      var _a, _b;
+      var _a, _b, _c;
       this.dirty = false;
       const newFields = [
         ...this.fieldStore.get('fields').map(field => {
@@ -145,6 +146,7 @@ export class VerdocsTemplateFieldProperties {
       this.fieldStore.set('fields', newFields);
       (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldName, settings: newProperties, field: updated });
       (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
+      (_c = document.getElementById('verdocs-template-field-properties')) === null || _c === void 0 ? void 0 : _c.remove();
     })
       .catch(() => {
       console.log('Field update failed', e);
@@ -178,12 +180,13 @@ export class VerdocsTemplateFieldProperties {
     newProperties.setting.options = [...this.options];
     updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
       .then(updated => {
-      var _a, _b;
+      var _a, _b, _c;
       this.dirty = false;
       updateStoreField(this.fieldStore, this.fieldName, updated);
       this.fieldName = updated.name;
       (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldName, settings: newProperties, field: updated });
       (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
+      (_c = document.getElementById('verdocs-template-field-properties')) === null || _c === void 0 ? void 0 : _c.remove();
     })
       .catch(() => {
       console.log('Field update failed', e);

package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js

@@ -3,7 +3,7 @@ import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { integerSequence } from '@verdocs/js-sdk/Utils/Primitives';
 import { createField, updateField } from '@verdocs/js-sdk/Templates/Fields';
 import { getTemplateFieldStore, updateStoreField } from '../../../utils/TemplateFieldStore';
-import { defaultHeight, defaultWidth, removeCssTransform, renderDocumentField, updateCssTransform } from '../../../utils/utils';
+import { defaultHeight, defaultWidth, renderDocumentField, updateCssTransform } from '../../../utils/utils';
 import { h, Host } from '@stencil/core';
 import { getTemplateRoleStore } from '../../../utils/TemplateRoleStore';
 import { getTemplateStore } from '../../../utils/TemplateStore';
@@ -237,8 +237,8 @@ export class VerdocsTemplateFields {
     event.target.removeAttribute('posX');
     event.target.removeAttribute('posY');
     console.log('Will remove CSS transform', event.target.style.transform);
-    // this.reRenderField(newFieldData, pageNumber);
-    removeCssTransform(event.target, 'transform');
+    this.reRenderField(newFieldData, pageNumber);
+    // removeCssTransform(event.target, 'transform');
     console.log('[FIELDS] Updated', name, newFieldData);
     (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state, event: 'updated-field' });
   }

package/dist/components/utils.js

@@ -296,14 +296,6 @@ const updateCssTransform = (el, key, value) => {
     el.style.transform = currentTransform + ' ' + newValue;
   }
 };
-const removeCssTransform = (el, key) => {
-  const currentTransform = el.style.transform || '';
-  console.log('ct', key, currentTransform);
-  el.style.transform = el.style.transform.split(')')[0] + ')';
-  // TODO: This is not working
-  // el.style.transform = currentTransform.replace(new RegExp(`\(${key}\\(.+?\\)\)`), '');
-  console.log('nt', el.style.transform);
-};
 const saveAttachment = async (endpoint, envelope, documentId) => {
   // e.g. "Colorado-Motor-Vehicle-Bill-of-Sale.pdf"
   const date = format(new Date(envelope.updated_at), FORMAT_DATE);
@@ -385,4 +377,4 @@ const convertToE164 = (input) => {
   return `+1${temp}`;
 };
 
-export { saveAttachment as a, getFieldId as b, convertToE164 as c, renderedTextWidth as d, updateCssTransform as e, removeCssTransform as f, getFieldSettings as g, defaultWidth as h, defaultHeight as i, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };
+export { saveAttachment as a, getFieldId as b, convertToE164 as c, renderedTextWidth as d, updateCssTransform as e, defaultWidth as f, getFieldSettings as g, defaultHeight as h, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };

package/dist/components/verdocs-template-field-properties2.js

@@ -291,7 +291,7 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
     }
   }
   handleCancel(e) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     e.stopPropagation();
     const field = this.fieldStore.get('fields').find(field => field.name === this.fieldName);
     if (field) {
@@ -306,6 +306,7 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
     }
     this.dirty = false;
     (_d = this.close) === null || _d === void 0 ? void 0 : _d.emit();
+    (_e = document.getElementById('verdocs-template-field-properties')) === null || _e === void 0 ? void 0 : _e.remove();
   }
   handleSave(e) {
     e.stopPropagation();
@@ -334,7 +335,7 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
     console.log('FP: Will update', this.fieldName, newProperties);
     updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
       .then(updated => {
-      var _a, _b;
+      var _a, _b, _c;
       this.dirty = false;
       const newFields = [
         ...this.fieldStore.get('fields').map(field => {
@@ -347,6 +348,7 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
       this.fieldStore.set('fields', newFields);
       (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldName, settings: newProperties, field: updated });
       (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
+      (_c = document.getElementById('verdocs-template-field-properties')) === null || _c === void 0 ? void 0 : _c.remove();
     })
       .catch(() => {
       console.log('Field update failed', e);
@@ -380,12 +382,13 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
     newProperties.setting.options = [...this.options];
     updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
       .then(updated => {
-      var _a, _b;
+      var _a, _b, _c;
       this.dirty = false;
       updateStoreField(this.fieldStore, this.fieldName, updated);
       this.fieldName = updated.name;
       (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldName, settings: newProperties, field: updated });
       (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
+      (_c = document.getElementById('verdocs-template-field-properties')) === null || _c === void 0 ? void 0 : _c.remove();
     })
       .catch(() => {
       console.log('Field update failed', e);

package/dist/components/verdocs-template-fields2.js

@@ -5,7 +5,7 @@ import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { u as updateField, c as createField } from './Fields.js';
 import { i as integerSequence } from './Primitives.js';
 import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore.js';
-import { r as renderDocumentField, e as updateCssTransform, f as removeCssTransform, h as defaultWidth, i as defaultHeight } from './utils.js';
+import { r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils.js';
 import { g as getTemplateRoleStore } from './TemplateRoleStore.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
@@ -249,8 +249,8 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
     event.target.removeAttribute('posX');
     event.target.removeAttribute('posY');
     console.log('Will remove CSS transform', event.target.style.transform);
-    // this.reRenderField(newFieldData, pageNumber);
-    removeCssTransform(event.target, 'transform');
+    this.reRenderField(newFieldData, pageNumber);
+    // removeCssTransform(event.target, 'transform');
     console.log('[FIELDS] Updated', name, newFieldData);
     (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state, event: 'updated-field' });
   }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-01-18T06:33:17",
+  "timestamp": "2024-01-18T15:15:40",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",

package/dist/esm/{utils-1c2f4bf0.js → utils-d081a2b9.js}

@@ -296,14 +296,6 @@ const updateCssTransform = (el, key, value) => {
     el.style.transform = currentTransform + ' ' + newValue;
   }
 };
-const removeCssTransform = (el, key) => {
-  const currentTransform = el.style.transform || '';
-  console.log('ct', key, currentTransform);
-  el.style.transform = el.style.transform.split(')')[0] + ')';
-  // TODO: This is not working
-  // el.style.transform = currentTransform.replace(new RegExp(`\(${key}\\(.+?\\)\)`), '');
-  console.log('nt', el.style.transform);
-};
 const saveAttachment = async (endpoint, envelope, documentId) => {
   // e.g. "Colorado-Motor-Vehicle-Bill-of-Sale.pdf"
   const date = format(new Date(envelope.updated_at), FORMAT_DATE);
@@ -385,4 +377,4 @@ const convertToE164 = (input) => {
   return `+1${temp}`;
 };
 
-export { saveAttachment as a, getFieldId as b, convertToE164 as c, renderedTextWidth as d, updateCssTransform as e, removeCssTransform as f, getFieldSettings as g, defaultWidth as h, defaultHeight as i, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };
+export { saveAttachment as a, getFieldId as b, convertToE164 as c, renderedTextWidth as d, updateCssTransform as e, defaultWidth as f, getFieldSettings as g, defaultHeight as h, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };

package/dist/esm/verdocs-contact-picker_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-172625c5.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
-import { c as convertToE164 } from './utils-1c2f4bf0.js';
+import { c as convertToE164 } from './utils-d081a2b9.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';
 import './Files-70a192df.js';

package/dist/esm/verdocs-envelope-document-page.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import { m as getEnvelopeDocumentPageDisplayUri } from './Envelopes-627c5239.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
-import { t as throttle } from './utils-1c2f4bf0.js';
+import { t as throttle } from './utils-d081a2b9.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Files-70a192df.js';
 import './Types-1628dc71.js';

package/dist/esm/verdocs-envelopes-list.entry.js

@@ -4,7 +4,7 @@ import { g as getRecipientsWithActions, a as userCanAct, b as userCanCancelEnvel
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
 import { i as integerSequence } from './Primitives-8fe93caf.js';
-import { s as saveEnvelopesAsZip } from './utils-1c2f4bf0.js';
+import { s as saveEnvelopesAsZip } from './utils-d081a2b9.js';
 import { V as VerdocsToast } from './Toast-f3b8fd46.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './_commonjsHelpers-8a9f3b18.js';

package/dist/esm/verdocs-field-attachment.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host }
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-ab81bc7d.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-211c1ed4.js';
-import { g as getFieldSettings } from './utils-1c2f4bf0.js';
+import { g as getFieldSettings } from './utils-d081a2b9.js';
 import { S as SettingsIcon } from './Icons-ddea87bf.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';

package/dist/esm/verdocs-field-checkbox.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host }
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-ab81bc7d.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-211c1ed4.js';
-import { g as getFieldSettings } from './utils-1c2f4bf0.js';
+import { g as getFieldSettings } from './utils-d081a2b9.js';
 import { S as SettingsIcon } from './Icons-ddea87bf.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';

package/dist/esm/verdocs-field-date.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host }
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-ab81bc7d.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-211c1ed4.js';
-import { g as getFieldSettings } from './utils-1c2f4bf0.js';
+import { g as getFieldSettings } from './utils-d081a2b9.js';
 import { S as SettingsIcon } from './Icons-ddea87bf.js';
 import { a as FORMAT_DATE } from './Types-1628dc71.js';
 import { f as format } from './index-914ed6f7.js';

package/dist/esm/verdocs-field-dropdown.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host }
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-ab81bc7d.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-211c1ed4.js';
-import { g as getFieldSettings } from './utils-1c2f4bf0.js';
+import { g as getFieldSettings } from './utils-d081a2b9.js';
 import { S as SettingsIcon } from './Icons-ddea87bf.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';

package/dist/esm/verdocs-field-initial.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment }
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-ab81bc7d.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-211c1ed4.js';
-import { g as getFieldSettings } from './utils-1c2f4bf0.js';
+import { g as getFieldSettings } from './utils-d081a2b9.js';
 import { S as SettingsIcon } from './Icons-ddea87bf.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';

package/dist/esm/verdocs-field-payment.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment }
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-ab81bc7d.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-211c1ed4.js';
-import { g as getFieldSettings } from './utils-1c2f4bf0.js';
+import { g as getFieldSettings } from './utils-d081a2b9.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';

package/dist/esm/verdocs-field-radio-button.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment }
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-ab81bc7d.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-211c1ed4.js';
-import { g as getFieldSettings } from './utils-1c2f4bf0.js';
+import { g as getFieldSettings } from './utils-d081a2b9.js';
 import { S as SettingsIcon } from './Icons-ddea87bf.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';

package/dist/esm/verdocs-field-signature.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment }
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-ab81bc7d.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-211c1ed4.js';
-import { g as getFieldSettings } from './utils-1c2f4bf0.js';
+import { g as getFieldSettings } from './utils-d081a2b9.js';
 import { S as SettingsIcon } from './Icons-ddea87bf.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';

package/dist/esm/verdocs-field-textarea.entry.js

@@ -6,7 +6,7 @@ import { u as updateField } from './Fields-c82e6df3.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-211c1ed4.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-ab81bc7d.js';
-import { g as getFieldSettings } from './utils-1c2f4bf0.js';
+import { g as getFieldSettings } from './utils-d081a2b9.js';
 import { S as SettingsIcon } from './Icons-ddea87bf.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './index-4439b0d1.js';