@verdocs/web-sdk 1.9.9 → 1.9.10

package/dist/types/components.d.ts

@@ -8,7 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { VerdocsEndpoint } from "@verdocs/js-sdk";
 import { IAuthStatus } from "./components/embeds/verdocs-auth/verdocs-auth";
 import { SDKError } from "./utils/errors";
-import { IRole, ITemplate, ITemplateDocument, ITemplateField, TemplateSenderTypes } from "@verdocs/js-sdk/Templates/Types";
+import { IRole, ITemplate, ITemplateField, TemplateSenderTypes } from "@verdocs/js-sdk/Templates/Types";
 import { IContactSearchEvent, IContactSelectEvent, IEmailContact, IPhoneContact } from "./components/elements/verdocs-contact-picker/verdocs-contact-picker";
 import { IDocumentPageInfo, IPageLayer } from "./utils/Types";
 import { IMenuOption } from "./components/controls/verdocs-dropdown/verdocs-dropdown";
@@ -57,7 +57,7 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * If desired, a suffix icon for the button
+          * If desired, a suffix icon for the button.
          */
         "endIcon": string | null;
         /**
@@ -69,7 +69,7 @@ export namespace Components {
          */
         "size": 'small' | 'normal' | 'medium' | 'large';
         /**
-          * If desired, a prefix icon for the button
+          * If desired, a prefix icon for the button.
          */
         "startIcon": string | null;
         /**
@@ -142,10 +142,6 @@ export namespace Components {
         "virtualWidth": number;
     }
     interface VerdocsDropdown {
-        /**
-          * If set, the component will be open by default. This is primarily intended to be used for testing.
-         */
-        "open": boolean;
         /**
           * The menu options to display.
          */
@@ -425,10 +421,6 @@ export namespace Components {
           * Initial signature text
          */
         "initials": string;
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
-         */
-        "open": boolean;
     }
     interface VerdocsKbaDialog {
         /**
@@ -451,10 +443,6 @@ export namespace Components {
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
         "mode": 'text' | 'choice';
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
-         */
-        "open": boolean;
         /**
           * For text input challenges, the placeholder to display inside the input field.
          */
@@ -471,10 +459,6 @@ export namespace Components {
     interface VerdocsLoader {
     }
     interface VerdocsOkDialog {
-        /**
-          * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background overlay to dismiss it.
-         */
-        "cancel": boolean;
         /**
           * The title of the dialog. "title" is a reserved word, so we use heading.
          */
@@ -484,9 +468,9 @@ export namespace Components {
          */
         "message": string;
         /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background overlay to dismiss it.
          */
-        "open": boolean;
+        "showCancel": boolean;
     }
     interface VerdocsOrganizationCard {
         /**
@@ -618,10 +602,6 @@ export namespace Components {
           * Initial signature text
          */
         "name": string;
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
-         */
-        "open": boolean;
     }
     interface VerdocsStatusIndicator {
         /**
@@ -688,10 +668,6 @@ export namespace Components {
         "templateRole": IRole | null;
     }
     interface VerdocsTemplateSenderDialog {
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
-         */
-        "open": boolean;
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
@@ -765,10 +741,6 @@ export namespace Components {
         "text": string;
     }
     interface VerdocsUploadDialog {
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
-         */
-        "open": boolean;
     }
     interface VerdocsView {
         /**
@@ -845,14 +817,6 @@ export interface VerdocsBuildCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsBuildElement;
 }
-export interface VerdocsButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsButtonElement;
-}
-export interface VerdocsCheckboxCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsCheckboxElement;
-}
 export interface VerdocsContactPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsContactPickerElement;
@@ -865,14 +829,6 @@ export interface VerdocsDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsDropdownElement;
 }
-export interface VerdocsFieldAttachmentCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsFieldAttachmentElement;
-}
-export interface VerdocsFieldCheckboxCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsFieldCheckboxElement;
-}
 export interface VerdocsFieldDateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsFieldDateElement;
@@ -929,10 +885,6 @@ export interface VerdocsQuickFunctionsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsQuickFunctionsElement;
 }
-export interface VerdocsRadioButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsRadioButtonElement;
-}
 export interface VerdocsSearchActivityCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsSearchActivityElement;
@@ -941,10 +893,6 @@ export interface VerdocsSearchBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsSearchBoxElement;
 }
-export interface VerdocsSelectInputCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsSelectInputElement;
-}
 export interface VerdocsSendCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsSendElement;
@@ -981,10 +929,6 @@ export interface VerdocsToggleButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsToggleButtonElement;
 }
-export interface VerdocsToolbarIconCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLVerdocsToolbarIconElement;
-}
 export interface VerdocsUploadDialogCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVerdocsUploadDialogElement;
@@ -1416,23 +1360,19 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * If desired, a suffix icon for the button
+          * If desired, a suffix icon for the button.
          */
         "endIcon"?: string | null;
         /**
           * The label for the button.
          */
         "label": string;
-        /**
-          * Event fired when the button is pressed.
-         */
-        "onPress"?: (event: VerdocsButtonCustomEvent<any>) => void;
         /**
           * The size (height) of the button.
          */
         "size"?: 'small' | 'normal' | 'medium' | 'large';
         /**
-          * If desired, a prefix icon for the button
+          * If desired, a prefix icon for the button.
          */
         "startIcon"?: string | null;
         /**
@@ -1463,10 +1403,6 @@ declare namespace LocalJSX {
           * HTML form field name for the input.
          */
         "name"?: string;
-        /**
-          * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
-         */
-        "onSelected"?: (event: VerdocsCheckboxCustomEvent<{value: string}>) => void;
         /**
           * Value to track with the input.
          */
@@ -1488,7 +1424,7 @@ declare namespace LocalJSX {
         /**
           * Event fired when the user changes the type.
          */
-        "onContactSelected"?: (event: VerdocsContactPickerCustomEvent<IContactSelectEvent>) => void;
+        "onNext"?: (event: VerdocsContactPickerCustomEvent<IContactSelectEvent>) => void;
         /**
           * Event fired when the user enters text in the search field. The calling application may use this to update the `contactSuggestions` property.
          */
@@ -1529,10 +1465,6 @@ declare namespace LocalJSX {
           * Event fired when a menu option is clicked. Web Component events need to be "composed" to cross the Shadow DOM and be received by parent frameworks.
          */
         "onOptionSelected"?: (event: VerdocsDropdownCustomEvent<IMenuOption>) => void;
-        /**
-          * If set, the component will be open by default. This is primarily intended to be used for testing.
-         */
-        "open"?: boolean;
         /**
           * The menu options to display.
          */
@@ -1547,10 +1479,6 @@ declare namespace LocalJSX {
           * The document or template field to display.
          */
         "field"?: IDocumentField | ITemplateField | null;
-        /**
-          * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
-         */
-        "onFieldChange"?: (event: VerdocsFieldAttachmentCustomEvent<string>) => void;
         /**
           * The recipient completing the form, if known.
          */
@@ -1565,10 +1493,6 @@ declare namespace LocalJSX {
           * The document or template field to display.
          */
         "field"?: IDocumentField | ITemplateField | null;
-        /**
-          * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
-         */
-        "onFieldChange"?: (event: VerdocsFieldCheckboxCustomEvent<{option: number; value: boolean}>) => void;
         /**
           * The index of the settings option this particular checkbox is for
          */
@@ -1595,22 +1519,6 @@ declare namespace LocalJSX {
           * If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields.
          */
         "moveable"?: boolean;
-        /**
-          * Event fired when the input field gains focus.
-         */
-        "onFieldBlur"?: (event: VerdocsFieldDateCustomEvent<boolean>) => void;
-        /**
-          * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
-         */
-        "onFieldChange"?: (event: VerdocsFieldDateCustomEvent<string>) => void;
-        /**
-          * Event fired when the input field loses focus.
-         */
-        "onFieldFocus"?: (event: VerdocsFieldDateCustomEvent<boolean>) => void;
-        /**
-          * Event fired on every character entered into / deleted from the field.
-         */
-        "onFieldInput"?: (event: VerdocsFieldDateCustomEvent<string>) => void;
         /**
           * Event fired on every character entered into / deleted from the field.
          */
@@ -1930,18 +1838,14 @@ declare namespace LocalJSX {
           * Initial signature text
          */
         "initials"?: string;
-        /**
-          * Event fired when the initials are adopted.
-         */
-        "onAdopt"?: (event: VerdocsInitialDialogCustomEvent<string>) => void;
         /**
           * Event fired when the step is cancelled.
          */
         "onCancel"?: (event: VerdocsInitialDialogCustomEvent<any>) => void;
         /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * Event fired when the initials are adopted.
          */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsInitialDialogCustomEvent<string>) => void;
     }
     interface VerdocsKbaDialog {
         /**
@@ -1969,13 +1873,9 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsKbaDialogCustomEvent<any>) => void;
         /**
-          * Event fired when the dialog is closed. The event data will contain the closure reason.
+          * Event fired when the dialog is closed. The event data will contain the value selected.
          */
-        "onDone"?: (event: VerdocsKbaDialogCustomEvent<string>) => void;
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
-         */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsKbaDialogCustomEvent<string>) => void;
         /**
           * For text input challenges, the placeholder to display inside the input field.
          */
@@ -1992,10 +1892,6 @@ declare namespace LocalJSX {
     interface VerdocsLoader {
     }
     interface VerdocsOkDialog {
-        /**
-          * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background overlay to dismiss it.
-         */
-        "cancel"?: boolean;
         /**
           * The title of the dialog. "title" is a reserved word, so we use heading.
          */
@@ -2005,13 +1901,17 @@ declare namespace LocalJSX {
          */
         "message"?: string;
         /**
-          * Event fired when the dialog is closed. The event data will contain the closure reason.
+          * Event fired when the user clicks the background overlay or Cancel button.
          */
-        "onClosed"?: (event: VerdocsOkDialogCustomEvent<'cancel' | 'ok'>) => void;
+        "onCancel"?: (event: VerdocsOkDialogCustomEvent<any>) => void;
         /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * Event fired when the user clicks the OK button.
          */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsOkDialogCustomEvent<any>) => void;
+        /**
+          * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background overlay to dismiss it.
+         */
+        "showCancel"?: boolean;
     }
     interface VerdocsOrganizationCard {
         /**
@@ -2060,10 +1960,6 @@ declare namespace LocalJSX {
           * HTML form field name for the input.
          */
         "name"?: string;
-        /**
-          * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc. It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every keypress.
-         */
-        "onSelected"?: (event: VerdocsRadioButtonCustomEvent<{value: string}>) => void;
         /**
           * Value to track with the input.
          */
@@ -2132,10 +2028,6 @@ declare namespace LocalJSX {
           * The label for the field.
          */
         "label"?: string;
-        /**
-          * Event fired when the selection has changed
-         */
-        "onFieldChange"?: (event: VerdocsSelectInputCustomEvent<string>) => void;
         /**
           * The options to list.
          */
@@ -2195,17 +2087,13 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Event fired when a signature is adopted.
-         */
-        "onAdopt"?: (event: VerdocsSignatureDialogCustomEvent<string>) => void;
-        /**
-          * Event fired when the step is cancelled.
+          * Fired if the user cancels the dialog.
          */
         "onCancel"?: (event: VerdocsSignatureDialogCustomEvent<any>) => void;
         /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string representation of the signature adopted.
          */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsSignatureDialogCustomEvent<string>) => void;
     }
     interface VerdocsStatusIndicator {
         /**
@@ -2241,13 +2129,13 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsTemplateCreateCustomEvent<any>) => void;
         /**
-          * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
+          * Event fired when the user changes the type.
          */
-        "onSdkError"?: (event: VerdocsTemplateCreateCustomEvent<SDKError>) => void;
+        "onNext"?: (event: VerdocsTemplateCreateCustomEvent<ITemplate>) => void;
         /**
-          * Event fired when the user changes the type.
+          * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
          */
-        "onTemplateCreated"?: (event: VerdocsTemplateCreateCustomEvent<{template: ITemplate; template_document: ITemplateDocument}>) => void;
+        "onSdkError"?: (event: VerdocsTemplateCreateCustomEvent<SDKError>) => void;
     }
     interface VerdocsTemplateFields {
         /**
@@ -2259,13 +2147,13 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsTemplateFieldsCustomEvent<any>) => void;
         /**
-          * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
+          * Event fired when the user completes the step.
          */
-        "onSdkError"?: (event: VerdocsTemplateFieldsCustomEvent<SDKError>) => void;
+        "onNext"?: (event: VerdocsTemplateFieldsCustomEvent<ITemplate>) => void;
         /**
-          * Event fired when the user completes the step.
+          * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
          */
-        "onSettingsUpdated"?: (event: VerdocsTemplateFieldsCustomEvent<any>) => void;
+        "onSdkError"?: (event: VerdocsTemplateFieldsCustomEvent<SDKError>) => void;
         /**
           * The ID of the template to create the document from.
          */
@@ -2281,13 +2169,13 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsTemplatePropertiesCustomEvent<any>) => void;
         /**
-          * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
+          * Event fired when the user completes the step.
          */
-        "onSdkError"?: (event: VerdocsTemplatePropertiesCustomEvent<SDKError>) => void;
+        "onNext"?: (event: VerdocsTemplatePropertiesCustomEvent<{name: string; sendReminders: boolean; firstReminderDays: number; reminderDays: number}>) => void;
         /**
-          * Event fired when the user completes the step.
+          * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
          */
-        "onSettingsUpdated"?: (event: VerdocsTemplatePropertiesCustomEvent<{name: string; sendReminders: boolean; firstReminderDays: number; reminderDays: number}>) => void;
+        "onSdkError"?: (event: VerdocsTemplatePropertiesCustomEvent<SDKError>) => void;
         /**
           * The template ID to edit.
          */
@@ -2307,17 +2195,13 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsTemplateRecipientsCustomEvent<any>) => void;
         /**
-          * Event fired when the user changes the type.
+          * Event fired when the user selects a contact.
          */
-        "onContactSelected"?: (event: VerdocsTemplateRecipientsCustomEvent<IContactSelectEvent>) => void;
+        "onNext"?: (event: VerdocsTemplateRecipientsCustomEvent<IContactSelectEvent>) => void;
         /**
           * Event fired when the user enters text in the search field. The calling application may use this to update the `contactSuggestions` property.
          */
         "onSearchContacts"?: (event: VerdocsTemplateRecipientsCustomEvent<IContactSearchEvent>) => void;
-        /**
-          * Event fired when the user completes the step.
-         */
-        "onSettingsUpdated"?: (event: VerdocsTemplateRecipientsCustomEvent<any>) => void;
         /**
           * The role that this contact will be assigned to.
          */
@@ -2329,13 +2213,9 @@ declare namespace LocalJSX {
          */
         "onCancel"?: (event: VerdocsTemplateSenderDialogCustomEvent<any>) => void;
         /**
-          * Event fired when the dialog is closed. The event data will contain the closure reason.
-         */
-        "onDone"?: (event: VerdocsTemplateSenderDialogCustomEvent<{sender: TemplateSenderTypes}>) => void;
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * Event fired when the dialog is closed. The event data will contain the selected value.
          */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsTemplateSenderDialogCustomEvent<TemplateSenderTypes>) => void;
         /**
           * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
          */
@@ -2407,10 +2287,6 @@ declare namespace LocalJSX {
           * SVG icon to display
          */
         "icon"?: string;
-        /**
-          * Triggered when the icon is pressed
-         */
-        "onPress"?: (event: VerdocsToolbarIconCustomEvent<any>) => void;
         /**
           * Help text to display on hover/focus
          */
@@ -2418,17 +2294,13 @@ declare namespace LocalJSX {
     }
     interface VerdocsUploadDialog {
         /**
-          * Event fired when the dialog is closed. The event data will contain the closure reason.
+          * Event fired when the dialog is cancelled.
          */
         "onCancel"?: (event: VerdocsUploadDialogCustomEvent<any>) => void;
         /**
-          * Event fired when the dialog is closed. The event data will contain the closure reason.
-         */
-        "onDone"?: (event: VerdocsUploadDialogCustomEvent<FileWithData[]>) => void;
-        /**
-          * Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed.
+          * Event fired when the dialog is closed. The event data will contain the file selected.
          */
-        "open"?: boolean;
+        "onNext"?: (event: VerdocsUploadDialogCustomEvent<FileWithData[]>) => void;
     }
     interface VerdocsView {
         /**

package/dist/verdocs-web-sdk/{p-f5a5e049.system.entry.js → p-0b2290c6.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-97329951.system.js"],(function(e){"use strict";var o,s,n,i;return{setters:[function(e){o=e.r;s=e.c;n=e.h;i=e.H}],execute:function(){var t='verdocs-ok-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-ok-dialog .dialog{max-width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;background:#444444;padding:8px 16px;color:#ffffff}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';var l=e("verdocs_ok_dialog",function(){function e(e){o(this,e);this.closed=s(this,"closed",7);this.heading="";this.message="";this.open=false;this.cancel=false}e.prototype.handleClose=function(e){this.closed.emit(e);this.open=false};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.handleClose("cancel")}};e.prototype.render=function(){var e=this;return n(i,{style:{display:this.open?"block":"none"}},n("div",{class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},n("div",{class:"dialog"},n("div",{class:"heading"},this.heading),n("div",{class:"content"},this.message,n("div",{class:"buttons"},this.cancel?n("verdocs-button",{label:"CANCEL",variant:"outline",onPress:function(){return e.handleClose("cancel")}}):n("div",{style:{display:"none"}}),n("verdocs-button",{label:"OK",onPress:function(){return e.handleClose("ok")}}))))))};return e}());l.style=t}}}));
-//# sourceMappingURL=p-f5a5e049.system.entry.js.map
+System.register(["./p-97329951.system.js"],(function(e){"use strict";var o,n,t,i;return{setters:[function(e){o=e.r;n=e.c;t=e.h;i=e.H}],execute:function(){var s='verdocs-ok-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-ok-dialog .dialog{max-width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;background:#444444;padding:8px 16px;color:#ffffff}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}';var l=e("verdocs_ok_dialog",function(){function e(e){o(this,e);this.next=n(this,"next",7);this.cancel=n(this,"cancel",7);this.heading="";this.message="";this.showCancel=false}e.prototype.handleOk=function(){this.next.emit()};e.prototype.handleCancel=function(){this.cancel.emit()};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.cancel.emit()}};e.prototype.render=function(){var e=this;return t(i,null,t("div",{class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},t("div",{class:"dialog"},t("div",{class:"heading"},this.heading),t("div",{class:"content"},this.message,t("div",{class:"buttons"},this.showCancel?t("verdocs-button",{label:"CANCEL",variant:"outline",onClick:function(){return e.handleCancel()}}):t("div",{style:{display:"none"}}),t("verdocs-button",{label:"OK",onClick:function(){return e.handleOk()}}))))))};return e}());l.style=s}}}));
+//# sourceMappingURL=p-0b2290c6.system.entry.js.map

package/dist/verdocs-web-sdk/p-0b2290c6.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.scss?tag=verdocs-ok-dialog","src/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.tsx"],"names":["verdocsOkDialogCss","VerdocsOkDialog","exports","class_1","prototype","handleOk","this","next","emit","handleCancel","cancel","handleDismiss","e","target","className","preventDefault","render","_this","h","Host","class","onClick","heading","message","showCancel","label","variant","style","display"],"mappings":"0JAAA,IAAMA,EAAqB,0lCCWdC,EAAeC,EAAA,oBAAA,0GAIA,gBAKA,mBAMI,MAY9BC,EAAAC,UAAAC,SAAA,WACEC,KAAKC,KAAKC,QAGZL,EAAAC,UAAAK,aAAA,WACEH,KAAKI,OAAOF,QAIdL,EAAAC,UAAAO,cAAA,SAAcC,GACZ,GAAIA,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,iBACFT,KAAKI,OAAOF,SAIhBL,EAAAC,UAAAY,OAAA,WAAA,IAAAC,EAAAX,KACE,OACEY,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,MAAM,qBAAqBC,QAAS,SAAAT,GAAK,OAAAK,EAAKN,cAAcC,KAC/DM,EAAA,MAAA,CAAKE,MAAM,UACTF,EAAA,MAAA,CAAKE,MAAM,WAAWd,KAAKgB,SAC3BJ,EAAA,MAAA,CAAKE,MAAM,WACRd,KAAKiB,QAENL,EAAA,MAAA,CAAKE,MAAM,WACRd,KAAKkB,WAAaN,EAAA,iBAAA,CAAgBO,MAAM,SAASC,QAAQ,UAAUL,QAAS,WAAM,OAAAJ,EAAKR,kBAAqBS,EAAA,MAAA,CAAKS,MAAO,CAACC,QAAS,UACnIV,EAAA,iBAAA,CAAgBO,MAAM,KAAKJ,QAAS,WAAM,OAAAJ,EAAKZ,6BAtDnC","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-ok-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    max-width: 50%;\n    display: flex;\n    flex-direction: column;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    font-size: 16px;\n    flex-direction: row;\n    background: #444444;\n    padding: 8px 16px;\n    color: $verdocs-grey-4;\n  }\n\n  .content {\n    font-size: 16px;\n    background: $verdocs-grey-4;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-ok-dialog',\n  styleUrl: 'verdocs-ok-dialog.scss',\n})\nexport class VerdocsOkDialog {\n  /**\n   * The title of the dialog. \"title\" is a reserved word, so we use heading.\n   */\n  @Prop() heading: string = '';\n\n  /**\n   * The message content to display.\n   */\n  @Prop() message: string = '';\n\n  /**\n   * If set, a cancel button will also be displayed. Note that the dialog is always cancelable by clicking the background\n   * overlay to dismiss it.\n   */\n  @Prop() showCancel: boolean = false;\n\n  /**\n   * Event fired when the user clicks the OK button.\n   */\n  @Event({composed: true}) next: EventEmitter;\n\n  /**\n   * Event fired when the user clicks the background overlay or Cancel button.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  handleOk() {\n    this.next.emit();\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.cancel.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"content\">\n              {this.message}\n\n              <div class=\"buttons\">\n                {this.showCancel ? <verdocs-button label=\"CANCEL\" variant=\"outline\" onClick={() => this.handleCancel()} /> : <div style={{display: 'none'}} />}\n                <verdocs-button label=\"OK\" onClick={() => this.handleOk()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/{p-a8699c5d.system.entry.js → p-142295dd.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):o(e.value).then(a,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-a7433630.system.js","./p-6e1ada33.system.js","./p-a4041773.system.js","./p-3035b6c5.system.js","./p-03677b65.system.js","./p-187b20b7.system.js","./p-df878df9.system.js"],(function(e){"use strict";var t,n,r,o,i,a,s,l,u,c;return{setters:[function(e){t=e.r;n=e.c;r=e.h;o=e.H},function(){},function(e){i=e.V},function(e){a=e.r;s=e.a},function(e){l=e.s},function(e){u=e.l},function(e){c=e.S},function(){}],execute:function(){var d="";var p=e("verdocs_preview",function(){function e(e){t(this,e);this.sdkError=n(this,"sdkError",7);this.endpoint=i.getDefault();this.templateId=null}e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,r;return __generator(this,(function(o){switch(o.label){case 0:this.endpoint.loadSession();if(!this.templateId){console.log("[PREVIEW] Missing required template ID ".concat(this.templateId));return[2]}o.label=1;case 1:o.trys.push([1,3,,4]);console.log("[PREVIEW] Loading template ".concat(this.templateId));return[4,u(this.endpoint,this.templateId)];case 2:o.sent();return[3,4];case 3:r=o.sent();console.log("[PREVIEW] Error loading template",r);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new c(r.message,(t=r.response)===null||t===void 0?void 0:t.status,(n=r.response)===null||n===void 0?void 0:n.data));return[3,4];case 4:return[2]}}))}))};e.prototype.handleFieldChange=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){console.log("[PREVIEW] handleFieldChange",e,t,n);return[2]}))}))};e.prototype.handlePageRendered=function(e){var t=this;var n=e.detail;console.log("[PREVIEW] Page rendered",n);var r=l.fields.filter((function(e){return e.page_sequence===n.renderedPage.pageNumber}));console.log("[PREVIEW] Fields on page",r);r.forEach((function(e){return a(e,n.renderedPage,s(l.roleNames,e.role_name),t.handleFieldChange,true)}))};e.prototype.render=function(){var e=this;if(l.loading){return r(o,null,r("verdocs-loader",null))}return r(o,null,l.template?r("div",{class:"inner"},r("verdocs-view",{templateId:this.templateId,endpoint:this.endpoint,onPageRendered:function(t){return e.handlePageRendered(t)},pageLayers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})):r("div",null,"Error loading Template. Please try again later."))};return e}());p.style=d}}}));
-//# sourceMappingURL=p-a8699c5d.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):o(e.value).then(a,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-97329951.system.js","./p-a7433630.system.js","./p-6e1ada33.system.js","./p-a4041773.system.js","./p-3035b6c5.system.js","./p-63d01d16.system.js","./p-187b20b7.system.js","./p-df878df9.system.js"],(function(e){"use strict";var t,n,r,o,i,a,s,l,u,c;return{setters:[function(e){t=e.r;n=e.c;r=e.h;o=e.H},function(){},function(e){i=e.V},function(e){a=e.r;s=e.a},function(e){l=e.s},function(e){u=e.l},function(e){c=e.S},function(){}],execute:function(){var d="";var p=e("verdocs_preview",function(){function e(e){t(this,e);this.sdkError=n(this,"sdkError",7);this.endpoint=i.getDefault();this.templateId=null}e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,r;return __generator(this,(function(o){switch(o.label){case 0:this.endpoint.loadSession();if(!this.templateId){console.log("[PREVIEW] Missing required template ID ".concat(this.templateId));return[2]}o.label=1;case 1:o.trys.push([1,3,,4]);console.log("[PREVIEW] Loading template ".concat(this.templateId));return[4,u(this.endpoint,this.templateId)];case 2:o.sent();return[3,4];case 3:r=o.sent();console.log("[PREVIEW] Error loading template",r);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new c(r.message,(t=r.response)===null||t===void 0?void 0:t.status,(n=r.response)===null||n===void 0?void 0:n.data));return[3,4];case 4:return[2]}}))}))};e.prototype.handleFieldChange=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){console.log("[PREVIEW] handleFieldChange",e,t,n);return[2]}))}))};e.prototype.handlePageRendered=function(e){var t=this;var n=e.detail;console.log("[PREVIEW] Page rendered",n);var r=l.fields.filter((function(e){return e.page_sequence===n.renderedPage.pageNumber}));console.log("[PREVIEW] Fields on page",r);r.forEach((function(e){return a(e,n.renderedPage,s(l.roleNames,e.role_name),t.handleFieldChange,true)}))};e.prototype.render=function(){var e=this;if(l.loading){return r(o,null,r("verdocs-loader",null))}return r(o,null,l.template?r("div",{class:"inner"},r("verdocs-view",{templateId:this.templateId,endpoint:this.endpoint,onPageRendered:function(t){return e.handlePageRendered(t)},pageLayers:[{name:"page",type:"canvas"},{name:"controls",type:"div"}]})):r("div",null,"Error loading Template. Please try again later."))};return e}());p.style=d}}}));
+//# sourceMappingURL=p-142295dd.system.entry.js.map

package/dist/verdocs-web-sdk/p-15584ecb.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as o,H as e}from"./p-ff1278ed.js";const s='verdocs-initial-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}verdocs-initial-dialog.open{display:block}verdocs-initial-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-initial-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-initial-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-initial-dialog .content{font-size:14px;padding:20px}verdocs-initial-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-initial-dialog .buttons verdocs-button{margin-left:16px}verdocs-initial-dialog canvas{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 #0000001f;box-shadow:0 0 6px 0 #0000001f}verdocs-initial-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-initial-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-initial-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-initial-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-initial-dialog .tabs .tab:hover{color:#55bc81}';const n=class{constructor(o){i(this,o);this.next=t(this,"next",7);this.cancel=t(this,"cancel",7);this.initials="";this.fontLoaded=false;this.enteredInitials="";this.mode="type"}componentWillLoad(){this.enteredInitials=this.initials.toUpperCase();const i=new FontFace("Dancing Script","url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)");i.load().then((i=>{document.fonts.add(i);this.fontLoaded=true}))}componentDidLoad(){this.redrawSignature()}componentDidUpdate(){this.redrawSignature()}redrawSignature(){if(!this.canvasElement){return}const i=this.canvasElement.width;const t=this.canvasElement.getContext("2d");t.clearRect(0,0,this.canvasElement.width,this.canvasElement.height);let o=100;do{o-=2;t.font=`${o}px Dancing Script`}while(t.measureText(this.enteredInitials).width>i-32);t.textAlign="center";t.textBaseline="middle";t.font=`${o}px Dancing Script`;t.fillText(this.enteredInitials,this.canvasElement.width/2,this.canvasElement.height/2)}handleDismiss(i){i.stopPropagation();if(i.target.className==="background-overlay"){this.handleCancel()}}handleNameChange(i){this.enteredInitials=i.target.value}handleAdopt(){const i=this.canvasElement.toDataURL("image/png");this.next.emit(i)}handleCancel(){this.cancel.emit()}render(){return o(e,null,o("div",{class:"background-overlay",onClick:i=>this.handleDismiss(i)},o("div",{class:"dialog"},o("div",{class:"heading"},"Create Your Initial"),o("div",{class:"content"},o("verdocs-text-input",{placeholder:"Initials...",label:"Initials",value:this.enteredInitials,onInput:i=>this.handleNameChange(i)}),o("div",{class:"as-shown"},"As shown on driver's license or govt. ID card."),this.fontLoaded?o("canvas",{ref:i=>this.canvasElement=i}):o("div",{style:{display:"none"}}),o("div",{class:"disclaimer"},"By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts — just the same as a pen-and-paper signature or initial."),o("div",{class:"buttons"},o("verdocs-button",{label:"CANCEL",variant:"outline",onClick:()=>this.handleCancel()}),o("verdocs-button",{label:"Adopt & Sign",onClick:()=>this.handleAdopt()}))))))}};n.style=s;export{n as verdocs_initial_dialog};
+//# sourceMappingURL=p-15584ecb.entry.js.map

package/dist/verdocs-web-sdk/p-15584ecb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.scss?tag=verdocs-initial-dialog","src/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.tsx"],"names":["verdocsInitialDialogCss","VerdocsInitialDialog","[object Object]","this","enteredInitials","initials","toUpperCase","ds","FontFace","load","then","font","document","fonts","add","fontLoaded","redrawSignature","canvasElement","canvasWidth","width","context","getContext","clearRect","height","fontSize","measureText","textAlign","textBaseline","fillText","e","stopPropagation","target","className","handleCancel","value","data","toDataURL","next","emit","cancel","h","Host","class","onClick","handleDismiss","placeholder","label","onInput","handleNameChange","ref","el","style","display","variant","handleAdopt"],"mappings":"yDAAA,MAAMA,EAA0B,81DCUnBC,EAAoB,uGAMJ,mBAYL,2BAEa,aAEX,OAExBC,oBACEC,KAAKC,gBAAkBD,KAAKE,SAASC,cAErC,MAAMC,EAAK,IAAIC,SAAS,iBAAkB,oHAC1CD,EAAGE,OAAOC,MAAKC,IACbC,SAASC,MAAMC,IAAIH,GACnBR,KAAKY,WAAa,QAItBb,mBACEC,KAAKa,kBAGPd,qBACEC,KAAKa,kBAGPd,kBACE,IAAKC,KAAKc,cAAe,CACvB,OAGF,MAAMC,EAAcf,KAAKc,cAAcE,MAEvC,MAAMC,EAAUjB,KAAKc,cAAcI,WAAW,MAC9CD,EAAQE,UAAU,EAAG,EAAGnB,KAAKc,cAAcE,MAAOhB,KAAKc,cAAcM,QAErE,IAAIC,EAAW,IACf,EAAG,CACDA,GAAY,EACZJ,EAAQT,KAAO,GAAGa,2BACXJ,EAAQK,YAAYtB,KAAKC,iBAAiBe,MAAQD,EAAc,IAEzEE,EAAQM,UAAY,SACpBN,EAAQO,aAAe,SACvBP,EAAQT,KAAO,GAAGa,qBAClBJ,EAAQQ,SAASzB,KAAKC,gBAAiBD,KAAKc,cAAcE,MAAQ,EAAGhB,KAAKc,cAAcM,OAAS,GAInGrB,cAAc2B,GACZA,EAAEC,kBACF,GAAID,EAAEE,OAAOC,YAAc,qBAAsB,CAC/C7B,KAAK8B,gBAIT/B,iBAAiB2B,GACf1B,KAAKC,gBAAkByB,EAAEE,OAAOG,MAGlChC,cACE,MAAMiC,EAAOhC,KAAKc,cAAcmB,UAAU,aAC1CjC,KAAKkC,KAAKC,KAAKH,GAGjBjC,eACEC,KAAKoC,OAAOD,OAiKdpC,SACE,OACEsC,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,MAAM,qBAAqBC,QAASd,GAAK1B,KAAKyC,cAAcf,IAC/DW,EAAA,MAAA,CAAKE,MAAM,UACTF,EAAA,MAAA,CAAKE,MAAM,WAAS,uBAEpBF,EAAA,MAAA,CAAKE,MAAM,WACTF,EAAA,qBAAA,CAAoBK,YAAY,cAAcC,MAAM,WAAWZ,MAAO/B,KAAKC,gBAAiB2C,QAASlB,GAAK1B,KAAK6C,iBAAiBnB,KAChIW,EAAA,MAAA,CAAKE,MAAM,YAAU,kDAWpBvC,KAAKY,WAAayB,EAAA,SAAA,CAAQS,IAAKC,GAAO/C,KAAKc,cAAgBiC,IAA+BV,EAAA,MAAA,CAAKW,MAAO,CAACC,QAAS,UAEjHZ,EAAA,MAAA,CAAKE,MAAM,cAAY,iQAKvBF,EAAA,MAAA,CAAKE,MAAM,WACTF,EAAA,iBAAA,CAAgBM,MAAM,SAASO,QAAQ,UAAUV,QAAS,IAAMxC,KAAK8B,iBACrEO,EAAA,iBAAA,CAAgBM,MAAM,eAAeH,QAAS,IAAMxC,KAAKmD","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-initial-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n  display: none;\n\n  &.open {\n    display: block;\n  }\n\n  .background-overlay {\n    position: absolute;\n    z-index: 10000;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #0000007f;\n  }\n\n  .dialog {\n    width: 100%;\n    max-width: 340px;\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n    background: $dialog-bg;\n  }\n\n  .heading {\n    display: flex;\n    flex-direction: row;\n    padding: 20px 20px 0 20px;\n    line-height: 28px;\n    font-size: 20px;\n    font-weight: 500;\n  }\n\n  .content {\n    font-size: 14px;\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    margin: 20px 0 0 0;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    verdocs-button {\n      margin-left: 16px;\n    }\n  }\n\n  canvas {\n    background: #fff;\n    box-sizing: border-box;\n    margin: 0 auto;\n    width: 300px;\n    // TODO: The original app had an aspect ratio of (80 / 305) * (signatureBodyWidth - 20)\n    height: 79px;\n    max-width: 100%;\n    box-shadow: 0 0 6px 0 #0000001f;\n  }\n\n  .disclaimer {\n    text-align: justify;\n    padding: 8px 0;\n    font-size: 11px;\n    line-height: 14px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .as-shown {\n    font-size: 11px;\n    margin: 4px 0 20px 4px;\n    color: rgba(0, 0, 0, 0.54);\n  }\n\n  .tabs {\n    display: flex;\n    flex-direction: row;\n\n    .tab {\n      padding: 8px 15px;\n      cursor: pointer;\n\n      &.active {\n        border-bottom: 2px solid $light-border-color;\n      }\n\n      &:hover {\n        color: $primary-color;\n      }\n    }\n  }\n}\n","import {Component, Prop, Host, h, Event, EventEmitter, State} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their initials with a mouse or tablet.\n */\n@Component({\n  tag: 'verdocs-initial-dialog',\n  styleUrl: 'verdocs-initial-dialog.scss',\n})\nexport class VerdocsInitialDialog {\n  private canvasElement?: HTMLCanvasElement;\n\n  /**\n   * Initial signature text\n   */\n  @Prop() initials: string = '';\n\n  /**\n   * Event fired when the initials are adopted.\n   */\n  @Event({composed: true}) next: EventEmitter<string>;\n\n  /**\n   * Event fired when the step is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  @State() fontLoaded = false;\n\n  @State() enteredInitials: string = '';\n\n  @State() mode: string = 'type';\n\n  componentWillLoad() {\n    this.enteredInitials = this.initials.toUpperCase();\n\n    const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n    ds.load().then(font => {\n      document.fonts.add(font);\n      this.fontLoaded = true;\n    });\n  }\n\n  componentDidLoad() {\n    this.redrawSignature();\n  }\n\n  componentDidUpdate() {\n    this.redrawSignature();\n  }\n\n  redrawSignature() {\n    if (!this.canvasElement) {\n      return;\n    }\n\n    const canvasWidth = this.canvasElement.width;\n\n    const context = this.canvasElement.getContext('2d');\n    context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n    let fontSize = 100;\n    do {\n      fontSize -= 2;\n      context.font = `${fontSize}px Dancing Script`;\n    } while (context.measureText(this.enteredInitials).width > canvasWidth - 32); // 32px padding each side\n\n    context.textAlign = 'center';\n    context.textBaseline = 'middle';\n    context.font = `${fontSize}px Dancing Script`;\n    context.fillText(this.enteredInitials, this.canvasElement.width / 2, this.canvasElement.height / 2);\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    e.stopPropagation();\n    if (e.target.className === 'background-overlay') {\n      this.handleCancel();\n    }\n  }\n\n  handleNameChange(e: any) {\n    this.enteredInitials = e.target.value;\n  }\n\n  handleAdopt() {\n    const data = this.canvasElement.toDataURL('image/png');\n    this.next.emit(data);\n  }\n\n  handleCancel() {\n    this.cancel.emit();\n  }\n\n  /*\n  selColor(hex: string) {\n    this.color = hex;\n    this.animateDraw();\n  }\n\n  stopDraw() {\n    this.paint = false;\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n  draw(e) {\n    this.paint = true;\n    this.addPoints(e, false);\n    this.animateDraw();\n  }\n\n  recordPoints(e) {\n    if (this.paint) {\n      this.addPoints(e, true);\n      this.animateDraw();\n    }\n  }\n\n  animateDraw() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n    this.canvas.strokeStyle = this.color || '#000000';\n    this.canvas.lineJoin = 'round';\n    this.canvas.lineWidth = 3;\n\n    for (let i = 0; i < this.points.length; i++) {\n      this.canvas.beginPath();\n      if (this.points[i].drag && i) {\n        this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n        // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n      } else {\n        this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n        // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n      }\n\n      this.canvas.lineTo(this.points[i].x, this.points[i].y);\n      this.canvas.closePath();\n      this.canvas.stroke();\n    }\n  }\n\n  drawCurve(color: string, curve: number) {\n    this.canvas.beginPath();\n  }\n\n\n\n  addPoints(e, drag: boolean) {\n    if (window) {\n      let x;\n      let y;\n      e.preventDefault();\n      if (e.touches && e.touches.length > 0) {\n        x = e.touches[0].clientX;\n      } else {\n        x = e.clientX;\n      }\n\n      if (e.touches && e.touches.length > 0) {\n        y = e.touches[0].clientY;\n      } else {\n        y = e.clientY;\n      }\n      const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n      this.points.push({\n        x: x - rect.left,\n        y: y - rect.top,\n        drag: drag\n      });\n    }\n  }\n\n  clearPad() {\n    this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n    this.points = [];\n    this.adoptedAndSigned = !this.hasSignature();\n  }\n\n    async adoptAndSign() {\n    try {\n      this.adoptedAndSigned = true;\n      await this.updateFullName();\n      await this.captureSignatureFromCanvas();\n      const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n      this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n      this.handleMode();\n    } catch (err) {\n      this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n    }\n  }\n\n  handleMode() {\n    let currentField;\n    switch (this.mode) {\n      case 'signerview':\n        if (this.signatureMode === 'Signature') {\n          this.signatureService.postSignatureBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateSigned(currentField.fName, true);\n              this.signatureService.toggleSig(false);\n              this.signatureService.setSignatureId(result.id);\n              this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n                this.eventTracker.createEvent({\n                  category: 'verdoc',\n                  action: 'verdoc signed',\n                  label: `verdoc id: ${this.envelopeId}`\n                })\n                if (res && res.settings) {\n                  this.signatureService.setSignatureData(res.settings.base64);\n                  this.signatureService.setSignatureId(res.settings.signature_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        } else {\n          this.signatureService.postInitialBlob().then(result => {\n            if (result && result.id && result.url) {\n              currentField = this.signatureService.currField;\n              this.signatureService.updateInitialed(currentField.fName, true);\n              this.signatureService.setInitialId(result.id);\n              this.signatureService.toggleSig(false);\n              this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n                if (res && res.settings) {\n                  this.signatureService.setInitialData(res.settings.base64);\n                  this.signatureService.setInitialId(res.settings.initial_id);\n                }\n                this.snackbarService.dismiss();\n                this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n              }).catch(err => {\n                this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n                  duration: 3000\n                });\n                this.adoptedAndSigned = false;\n                return err;\n              });\n            }\n          });\n        }\n        break;\n    }\n  }\n   */\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">Create Your Initial</div>\n\n            <div class=\"content\">\n              <verdocs-text-input placeholder=\"Initials...\" label=\"Initials\" value={this.enteredInitials} onInput={e => this.handleNameChange(e)} />\n              <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n              {/*<div class=\"tabs\">*/}\n              {/*  <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>*/}\n              {/*    Type*/}\n              {/*  </div>*/}\n              {/*  <div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>*/}\n              {/*    Draw*/}\n              {/*  </div>*/}\n              {/*</div>*/}\n\n              {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n              <div class=\"disclaimer\">\n                By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents,\n                including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n              </div>\n\n              <div class=\"buttons\">\n                <verdocs-button label=\"CANCEL\" variant=\"outline\" onClick={() => this.handleCancel()} />\n                <verdocs-button label=\"Adopt & Sign\" onClick={() => this.handleAdopt()} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/verdocs-web-sdk/p-202a569e.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as t,H as e}from"./p-ff1278ed.js";const i='verdocs-radio-button{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:"";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}';const r=class{constructor(t){o(this,t);this.checked=false;this.name="";this.value="";this.disabled=false}render(){return t(e,{class:{disabled:this.disabled}},t("input",{type:"radio",value:this.value,name:this.name,id:`verdocs-radio-button-${this.name}-${this.value}`,checked:this.checked,disabled:this.disabled}),t("label",{htmlFor:`verdocs-radio-button-${this.name}-${this.value}`}))}};r.style=i;export{r as verdocs_radio_button};
+//# sourceMappingURL=p-202a569e.entry.js.map

package/dist/verdocs-web-sdk/p-202a569e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/controls/verdocs-radio-button/verdocs-radio-button.scss?tag=verdocs-radio-button","src/components/controls/verdocs-radio-button/verdocs-radio-button.tsx"],"names":["verdocsRadioButtonCss","VerdocsRadioButton","[object Object]","h","Host","class","disabled","this","type","value","name","id","checked","htmlFor"],"mappings":"kDAAA,MAAMA,EAAwB,w7CCyBjBC,EAAkB,4CAIF,gBAKJ,cAKC,iBAKK,MAE7BC,SACE,OACEC,EAACC,EAAI,CAACC,MAAO,CAACC,SAAUC,KAAKD,WAC3BH,EAAA,QAAA,CACEK,KAAK,QACLC,MAAOF,KAAKE,MACZC,KAAMH,KAAKG,KACXC,GAAI,wBAAwBJ,KAAKG,QAAQH,KAAKE,QAC9CG,QAASL,KAAKK,QACdN,SAAUC,KAAKD,WAGjBH,EAAA,QAAA,CAAOU,QAAS,wBAAwBN,KAAKG,QAAQH,KAAKE","sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-radio-button {\n  font-family: $verdocs-primary-font;\n  width: 20px;\n  height: 20px;\n  display: block;\n  font-size: 11px;\n  position: relative;\n  background-color: transparent;\n  transform-origin: bottom left;\n  border-radius: 100%;\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  input[type='radio'] {\n    position: absolute;\n    opacity: 0;\n\n    + label {\n      &:before {\n        content: '';\n        background: $verdocs-grey-3;\n        border-radius: 100%;\n        border: 1px solid rgba(0, 0, 0, 0.6);\n        display: inline-block;\n        width: 16px;\n        height: 16px;\n        position: absolute;\n        left: 1px;\n        top: 1px;\n        cursor: pointer;\n        text-align: center;\n        transition: all 250ms ease;\n      }\n    }\n\n    &:checked {\n      + label {\n        &:before {\n          background-color: $verdocs-green;\n          box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n        }\n      }\n    }\n\n    &:focus {\n      + label {\n        &:before {\n          outline: none;\n          border-color: $verdocs-green;\n        }\n      }\n    }\n\n    &:disabled {\n      + label {\n        &:before {\n          box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n          border-color: darken($verdocs-grey-3, 25%);\n          background: darken($verdocs-grey-3, 25%);\n        }\n      }\n    }\n\n    + label {\n      &:empty {\n        &:before {\n          margin-right: 0;\n        }\n      }\n    }\n  }\n\n  &.required {\n    input[type='radio'] {\n      + label {\n        &:before {\n          border: 1px solid $verdocs-red-1;\n        }\n      }\n    }\n  }\n\n  &.hide {\n    display: none;\n  }\n\n  &.focused {\n    animation: verdocs-field-pulse 0.75s 2;\n  }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/**\n * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is\n * designed to be used in signing experiences and contains settings that connect to template fields. This is just a\n * simple radio button for UI displays e.g. dialog boxes.\n *\n * This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n *\n * ```html\n * <verdocs-radio-button\n *    value=\"val1\"\n *    name=\"someProperty\"\n *    checked={this.someProperty === 'val1'}\n *    onInput={(e: any) => { this.someProperty = 'val1' }}\n *    disabled={false}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-radio-button',\n  styleUrl: 'verdocs-radio-button.scss',\n  shadow: false,\n})\nexport class VerdocsRadioButton {\n  /**\n   * Whether the radio button is currently selected.\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * HTML form field name for the input.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Value to track with the input.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * If set, the button will still be displayed but not selectable.\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    return (\n      <Host class={{disabled: this.disabled}}>\n        <input\n          type=\"radio\"\n          value={this.value}\n          name={this.name}\n          id={`verdocs-radio-button-${this.name}-${this.value}`}\n          checked={this.checked}\n          disabled={this.disabled}\n          // onChange={e => this.handleChange(e)}\n        />\n        <label htmlFor={`verdocs-radio-button-${this.name}-${this.value}`} />\n      </Host>\n    );\n  }\n}\n"]}