@verdocs/web-sdk 4.0.6 → 4.0.8

package/dist/components/verdocs-organization-card.js

@@ -13,7 +13,7 @@ const VerdocsOrganizationCard$1 = /*@__PURE__*/ proxyCustomElement(class Verdocs
         this.organization = undefined;
     }
     render() {
-        return (h(Host, { key: 'c59bd95b53a78f455c5ebab34adce010c002681c' }, h("span", { key: '0bbc0dcb3b7183dfecd7825e756201e383a8b025', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), h("span", { key: '4e4c3ce8ccdacabd42ceeda4d39b207907825011', class: "content" }, this.organization.name), h("div", { key: '139eea9cab95894539d075437b209a041700c08f', class: "popup" }, h("div", { key: 'fb5afefbc22b7e55dada752f42ef77e4c0d8df06', class: "popup-header" }, h("span", { key: '20cfeb72c620fbfec512560882d15ee94155f758', class: "status" }, h("span", { key: '40d786c63de515713953ad01487c900180c31f2b', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), h("span", { key: '72d976fa876e586f6eb2c2904fe645d58b4b2d15', class: "title" }, this.organization.name)), h("div", { key: '28e8a339af3468edf93c1930daf6ec17bd067271', class: "popup-body" }, h("div", { key: 'a0539dd63e801dcfe00c237c3c4fe51d2631673e', class: "field" }, h("strong", { key: '005821da859bc074bbd6c3d620fa6ea042198a61' }, "Joined"), dateFns.format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '4193b19c08d82ef397d67dd05c4e4132163a059c', class: "field" }, h("strong", { key: '477b78b127a6c168528b56a22d9fca0de91d0e10' }, "Website"), h("a", { key: '30009565a499acbf501668d2b6e09287cebd688f', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
+        return (h(Host, { key: 'd1f1438a26008aff2ff3f473d4a1415ad6eb9107' }, h("span", { key: '8c75f4a11489eed0e4dd8ecbf6473fd3602a9323', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), h("span", { key: 'b4a8b89fd3a035a706824e88e2fc5dd094e13930', class: "content" }, this.organization.name), h("div", { key: 'f37b67e08213a32c7158ef1295264468e245ffd0', class: "popup" }, h("div", { key: '5b3aa31a3e2a06d60aeb4c8001859dd5074a010b', class: "popup-header" }, h("span", { key: 'a8162c6716b0cee90d45f387f8192db065f30a0b', class: "status" }, h("span", { key: '6c219d9bb4084204c20f3a1c5b6cd136d7ed9bdd', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), h("span", { key: '1d1eb7223bbf22fa36e3d5c229f257531f884849', class: "title" }, this.organization.name)), h("div", { key: '38e0749bac30611f8ccce43a60216ba37e2a0ca3', class: "popup-body" }, h("div", { key: 'b814334edaf18af880c3399e60ad4b3dedccca95', class: "field" }, h("strong", { key: '267dc23c6f9657913c31dec508f87f02408bdb66' }, "Joined"), dateFns.format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: 'a68b424bf082741939e7dec61f7caa65fd922e18', class: "field" }, h("strong", { key: '004bb983f25e43cf42b55ade32d94103a69df0b1' }, "Website"), h("a", { key: '2aa22f7aebb0be11289d1fd08cb5342e9b3f4609', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
     }
     static get style() { return VerdocsOrganizationCardStyle0; }
 }, [0, "verdocs-organization-card", {

package/dist/components/verdocs-pagination2.js

@@ -38,7 +38,7 @@ const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFi
         const firstPage = Math.max(0, this.selectedPage - 2);
         const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
         const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-        return (h(Host, { key: '0f4037058b7ebbca6fc1a95515ffa0043bc746a4' }, this.selectedPage > 0 && h(PageButton, { key: '2ce40cf59e162cbfc490bba4b8468e069c247e68', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '1078fe0fe059c674d240bd33c59de89d17437190', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '284de5eab7be28ca2a5d3f2fead4d0d3be39801b', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '3e88ac32f9f54a12d468f711c54c767857638fbd', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+        return (h(Host, { key: 'b8dd66f21bffa468b40674e3ee68fbead0dd300c' }, this.selectedPage > 0 && h(PageButton, { key: '0e5b3a90f97ed05f87a56a400404a9168e2dd208', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: 'a2e31ffd4452f88b0a8ab88a55f3adae765b5157', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '9d720bcc6635c8ce891303304d97c82aa9ff9c2d', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '41bf9584d353c5ca15435ac970b89c49215fc6f3', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
     }
     get el() { return this; }
     static get style() { return VerdocsPaginationStyle0; }

package/dist/components/verdocs-portal2.js

@@ -68,7 +68,7 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: '80b497808d7c72fdb5786712abdd50d98f0ab160', ref: el => (this.element = el) }, h("slot", { key: 'd52fd1a7acd0d7f301ca2c9ba81b406a0107c3a0' })));
+        return (h(Host, { key: 'fe50082da1b3228d1492330d3cea3536af919794', ref: el => (this.element = el) }, h("slot", { key: '6b5dcf7d19c5de30eed63bb6e568bf0054930a0f' })));
     }
     static get style() { return VerdocsPortalStyle0; }
 }, [4, "verdocs-portal", {

package/dist/components/verdocs-progress-bar2.js

@@ -13,7 +13,7 @@ const VerdocsProgressBar = /*@__PURE__*/ proxyCustomElement(class VerdocsProgres
     }
     render() {
         const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
-        return (h(Host, { key: '3c48e5a6c30688c72bbeaa00b3d0fdf8cba1c765' }, h("div", { key: 'f64ac74d3ca62bac1aa859e2d6abd3d94c8efd48', class: "labels" }, this.label && h("div", { key: '018cd8a64169ca83e6702eab88d187ad2a0cb50e', class: "label" }, this.label), this.showPercent && h("div", { key: '550104a8505d437df7248adb11fd97aaa9e72ef9', class: "label" }, this.percent, "%")), h("div", { key: '11cc23dad95af23bbf84022312dc760b15fe4b70', class: "bar" }, h("div", { key: '168c45390049adeb97996699aab0708c19ccb4f7', class: "slider", style: { width: `${widthPercent}%` } }))));
+        return (h(Host, { key: '3bdafa75c9908d839f4798cca904ef0d87e77e79' }, h("div", { key: '37306b18904d0824c8169911023fd0d11db83c3f', class: "labels" }, this.label && h("div", { key: '1cc24f6fa43f35802f20ebdd5fecbfd9497bab03', class: "label" }, this.label), this.showPercent && h("div", { key: 'd380b895f79be2c234a3ef492c67e2f1e79e0502', class: "label" }, this.percent, "%")), h("div", { key: '10301a56898976fe9ade194691de5f96f5af3ca9', class: "bar" }, h("div", { key: 'f7b764b7869b07a1e206294562840302c89fa2ef', class: "slider", style: { width: `${widthPercent}%` } }))));
     }
     static get style() { return VerdocsProgressBarStyle0; }
 }, [0, "verdocs-progress-bar", {

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

@@ -1,5 +1,4 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import uuidv4 from 'uuid-browser';
 import { VerdocsEndpoint, updateField, deleteField } from '@verdocs/js-sdk';
 import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore.js';
 import { g as getTemplateRoleStore } from './TemplateRoleStore.js';
@@ -18,6 +17,20 @@ const VerdocsTemplateFieldPropertiesStyle0 = verdocsTemplateFieldPropertiesCss;
 const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;
 const HelpIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';
+// Credit: https://stackoverflow.com/a/78196510/1812436
+// NOTE: This is NOT safe or cryptographically strong, so it's not part of our core SDK's or Utils modules.
+// It should never be used anywhere a real GUID is required. But we don't need one here, we just need a
+// "GUID-like" value for one step of a field update operation (adding items to lists). There are no security
+// implications in how we use IDs for list items. They only need to be GUID-like for historical reasons that
+// we may change shortly anyway.
+function generateWeakGuid() {
+    const s4 = () => {
+        return Math.floor((1 + Math.random()) * 0x10000)
+            .toString(16)
+            .substring(1);
+    };
+    return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
+}
 const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class VerdocsTemplateFieldProperties extends HTMLElement {
     constructor() {
         super();
@@ -170,14 +183,14 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class Ve
         };
         this.options.push(this.type === 'radio_button_group'
             ? {
-                id: uuidv4(),
+                id: generateWeakGuid(),
                 value: `Option ${this.options.length + 1}`,
                 selected: false,
                 x: this.options.length > 0 ? this.options[this.options.length - 1].x : 20,
                 y: this.options.length > 0 ? this.options[this.options.length - 1].y - 25 : 20,
             }
             : {
-                id: uuidv4(),
+                id: generateWeakGuid(),
                 value: `Option ${this.options.length + 1}`,
                 checked: false,
                 x: this.options.length > 0 ? this.options[this.options.length - 1].x : 20,