@verdocs/web-sdk 4.0.8 → 4.0.9

package/dist/types/components.d.ts

@@ -117,6 +117,12 @@ export namespace Components {
          */
         "templateId": string | null;
     }
+    /**
+     * A simple button
+     * ```jsx
+     * <verdocs-button label="Click Me" />
+     * ```
+     */
     interface VerdocsButton {
         /**
           * Whether the button should be disabled.
@@ -147,6 +153,10 @@ export namespace Components {
          */
         "variant": 'standard' | 'text' | 'outline';
     }
+    /**
+     * Display an icon button that triggers a drop-down panel that can display
+     * arbitrary child content, such as metadata, forms, or other controls.
+     */
     interface VerdocsButtonPanel {
         "hidePanel": () => Promise<void>;
         /**
@@ -233,6 +243,21 @@ export namespace Components {
      */
     interface VerdocsDialog {
     }
+    /**
+     * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+     * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+     * ```html
+     * <verdocs-dropdown
+     *   options={[
+     *     {label: 'Option 1', disabled: true},
+     *     {label: 'Option 2', id: '2'}
+     *     {label: ''}
+     *     {label: 'Option 3', id: '2'}
+     *    ]}
+     *   label="OK" onClick={() => (console.log('OK clicked'))}
+     * />
+     * ```
+     */
     interface VerdocsDropdown {
         /**
           * The menu options to display.
@@ -887,18 +912,30 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+     * provide the actual upload functionality.
+     */
     interface VerdocsFileChooser {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
         "endpoint": VerdocsEndpoint;
     }
+    /**
+     * Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
+     * `overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the
+     * container. It will be absolutely positioned so it will be unaffected by scrolling the container.
+     */
     interface VerdocsFloatingMenu {
         /**
           * The role that this contact will be assigned to.
          */
         "options": IOption[];
     }
+    /**
+     * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+     */
     interface VerdocsHelpIcon {
         /**
           * Optional icon to display. If not supplied, a standard help icon will be shown.
@@ -958,6 +995,9 @@ export namespace Components {
          */
         "steps": number;
     }
+    /**
+     * Animated loader placeholder. There are currently no configuration options for this control.
+     */
     interface VerdocsLoader {
     }
     /**
@@ -983,12 +1023,18 @@ export namespace Components {
          */
         "showCancel": boolean;
     }
+    /**
+     * Display a small summary card describing an organization
+     */
     interface VerdocsOrganizationCard {
         /**
           * The organization to display
          */
         "organization": IOrganization;
     }
+    /**
+     * Display a simple pagination control with individual buttons to move through the data set.
+     */
     interface VerdocsPagination {
         /**
           * The total number of items.
@@ -1003,6 +1049,14 @@ export namespace Components {
          */
         "selectedPage": number;
     }
+    /**
+     * Display a child component in a "portal", popping it out of the main DOM tree
+     * to allow it to escape the bounds set by its parent.
+     * @credit https://github.com/tomas-teston/stencil-portal for the basic
+     * technique. This has been altered in a few ways to make it more friendly
+     * to cases where there may be multiple portals on the page and provide more
+     * alignment options for the child to be displayed.
+     */
     interface VerdocsPortal {
         /**
           * Horizontal alignment.
@@ -1032,6 +1086,9 @@ export namespace Components {
          */
         "templateId": string | null;
     }
+    /**
+     * A simple progress bar.
+     */
     interface VerdocsProgressBar {
         /**
           * Optional label to display above the bar
@@ -2075,12 +2132,22 @@ declare global {
         prototype: HTMLVerdocsBuildElement;
         new (): HTMLVerdocsBuildElement;
     };
+    /**
+     * A simple button
+     * ```jsx
+     * <verdocs-button label="Click Me" />
+     * ```
+     */
     interface HTMLVerdocsButtonElement extends Components.VerdocsButton, HTMLStencilElement {
     }
     var HTMLVerdocsButtonElement: {
         prototype: HTMLVerdocsButtonElement;
         new (): HTMLVerdocsButtonElement;
     };
+    /**
+     * Display an icon button that triggers a drop-down panel that can display
+     * arbitrary child content, such as metadata, forms, or other controls.
+     */
     interface HTMLVerdocsButtonPanelElement extends Components.VerdocsButtonPanel, HTMLStencilElement {
     }
     var HTMLVerdocsButtonPanelElement: {
@@ -2167,6 +2234,21 @@ declare global {
     interface HTMLVerdocsDropdownElementEventMap {
         "optionSelected": IMenuOption;
     }
+    /**
+     * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+     * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+     * ```html
+     * <verdocs-dropdown
+     *   options={[
+     *     {label: 'Option 1', disabled: true},
+     *     {label: 'Option 2', id: '2'}
+     *     {label: ''}
+     *     {label: 'Option 3', id: '2'}
+     *    ]}
+     *   label="OK" onClick={() => (console.log('OK clicked'))}
+     * />
+     * ```
+     */
     interface HTMLVerdocsDropdownElement extends Components.VerdocsDropdown, HTMLStencilElement {
         addEventListener<K extends keyof HTMLVerdocsDropdownElementEventMap>(type: K, listener: (this: HTMLVerdocsDropdownElement, ev: VerdocsDropdownCustomEvent<HTMLVerdocsDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2547,6 +2629,10 @@ declare global {
     interface HTMLVerdocsFileChooserElementEventMap {
         "fileSelected": {file: File | null};
     }
+    /**
+     * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+     * provide the actual upload functionality.
+     */
     interface HTMLVerdocsFileChooserElement extends Components.VerdocsFileChooser, HTMLStencilElement {
         addEventListener<K extends keyof HTMLVerdocsFileChooserElementEventMap>(type: K, listener: (this: HTMLVerdocsFileChooserElement, ev: VerdocsFileChooserCustomEvent<HTMLVerdocsFileChooserElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2564,6 +2650,11 @@ declare global {
     interface HTMLVerdocsFloatingMenuElementEventMap {
         "optionSelected": IOption;
     }
+    /**
+     * Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
+     * `overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the
+     * container. It will be absolutely positioned so it will be unaffected by scrolling the container.
+     */
     interface HTMLVerdocsFloatingMenuElement extends Components.VerdocsFloatingMenu, HTMLStencilElement {
         addEventListener<K extends keyof HTMLVerdocsFloatingMenuElementEventMap>(type: K, listener: (this: HTMLVerdocsFloatingMenuElement, ev: VerdocsFloatingMenuCustomEvent<HTMLVerdocsFloatingMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2578,6 +2669,9 @@ declare global {
         prototype: HTMLVerdocsFloatingMenuElement;
         new (): HTMLVerdocsFloatingMenuElement;
     };
+    /**
+     * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+     */
     interface HTMLVerdocsHelpIconElement extends Components.VerdocsHelpIcon, HTMLStencilElement {
     }
     var HTMLVerdocsHelpIconElement: {
@@ -2629,6 +2723,9 @@ declare global {
         prototype: HTMLVerdocsKbaDialogElement;
         new (): HTMLVerdocsKbaDialogElement;
     };
+    /**
+     * Animated loader placeholder. There are currently no configuration options for this control.
+     */
     interface HTMLVerdocsLoaderElement extends Components.VerdocsLoader, HTMLStencilElement {
     }
     var HTMLVerdocsLoaderElement: {
@@ -2658,6 +2755,9 @@ declare global {
         prototype: HTMLVerdocsOkDialogElement;
         new (): HTMLVerdocsOkDialogElement;
     };
+    /**
+     * Display a small summary card describing an organization
+     */
     interface HTMLVerdocsOrganizationCardElement extends Components.VerdocsOrganizationCard, HTMLStencilElement {
     }
     var HTMLVerdocsOrganizationCardElement: {
@@ -2667,6 +2767,9 @@ declare global {
     interface HTMLVerdocsPaginationElementEventMap {
         "selectPage": {selectedPage: number};
     }
+    /**
+     * Display a simple pagination control with individual buttons to move through the data set.
+     */
     interface HTMLVerdocsPaginationElement extends Components.VerdocsPagination, HTMLStencilElement {
         addEventListener<K extends keyof HTMLVerdocsPaginationElementEventMap>(type: K, listener: (this: HTMLVerdocsPaginationElement, ev: VerdocsPaginationCustomEvent<HTMLVerdocsPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2684,6 +2787,14 @@ declare global {
     interface HTMLVerdocsPortalElementEventMap {
         "clickAway": void;
     }
+    /**
+     * Display a child component in a "portal", popping it out of the main DOM tree
+     * to allow it to escape the bounds set by its parent.
+     * @credit https://github.com/tomas-teston/stencil-portal for the basic
+     * technique. This has been altered in a few ways to make it more friendly
+     * to cases where there may be multiple portals on the page and provide more
+     * alignment options for the child to be displayed.
+     */
     interface HTMLVerdocsPortalElement extends Components.VerdocsPortal, HTMLStencilElement {
         addEventListener<K extends keyof HTMLVerdocsPortalElementEventMap>(type: K, listener: (this: HTMLVerdocsPortalElement, ev: VerdocsPortalCustomEvent<HTMLVerdocsPortalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2720,6 +2831,9 @@ declare global {
         prototype: HTMLVerdocsPreviewElement;
         new (): HTMLVerdocsPreviewElement;
     };
+    /**
+     * A simple progress bar.
+     */
     interface HTMLVerdocsProgressBarElement extends Components.VerdocsProgressBar, HTMLStencilElement {
     }
     var HTMLVerdocsProgressBarElement: {
@@ -3735,6 +3849,12 @@ declare namespace LocalJSX {
          */
         "templateId"?: string | null;
     }
+    /**
+     * A simple button
+     * ```jsx
+     * <verdocs-button label="Click Me" />
+     * ```
+     */
     interface VerdocsButton {
         /**
           * Whether the button should be disabled.
@@ -3765,6 +3885,10 @@ declare namespace LocalJSX {
          */
         "variant"?: 'standard' | 'text' | 'outline';
     }
+    /**
+     * Display an icon button that triggers a drop-down panel that can display
+     * arbitrary child content, such as metadata, forms, or other controls.
+     */
     interface VerdocsButtonPanel {
         /**
           * SVG icon to display
@@ -3864,6 +3988,21 @@ declare namespace LocalJSX {
          */
         "onExit"?: (event: VerdocsDialogCustomEvent<any>) => void;
     }
+    /**
+     * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+     * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+     * ```html
+     * <verdocs-dropdown
+     *   options={[
+     *     {label: 'Option 1', disabled: true},
+     *     {label: 'Option 2', id: '2'}
+     *     {label: ''}
+     *     {label: 'Option 3', id: '2'}
+     *    ]}
+     *   label="OK" onClick={() => (console.log('OK clicked'))}
+     * />
+     * ```
+     */
     interface VerdocsDropdown {
         /**
           * 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.
@@ -4687,6 +4826,10 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+     * provide the actual upload functionality.
+     */
     interface VerdocsFileChooser {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -4697,6 +4840,11 @@ declare namespace LocalJSX {
          */
         "onFileSelected"?: (event: VerdocsFileChooserCustomEvent<{file: File | null}>) => void;
     }
+    /**
+     * Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
+     * `overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the
+     * container. It will be absolutely positioned so it will be unaffected by scrolling the container.
+     */
     interface VerdocsFloatingMenu {
         /**
           * 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.
@@ -4707,6 +4855,9 @@ declare namespace LocalJSX {
          */
         "options"?: IOption[];
     }
+    /**
+     * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+     */
     interface VerdocsHelpIcon {
         /**
           * Optional icon to display. If not supplied, a standard help icon will be shown.
@@ -4782,6 +4933,9 @@ declare namespace LocalJSX {
          */
         "steps"?: number;
     }
+    /**
+     * Animated loader placeholder. There are currently no configuration options for this control.
+     */
     interface VerdocsLoader {
     }
     /**
@@ -4815,12 +4969,18 @@ declare namespace LocalJSX {
          */
         "showCancel"?: boolean;
     }
+    /**
+     * Display a small summary card describing an organization
+     */
     interface VerdocsOrganizationCard {
         /**
           * The organization to display
          */
         "organization"?: IOrganization;
     }
+    /**
+     * Display a simple pagination control with individual buttons to move through the data set.
+     */
     interface VerdocsPagination {
         /**
           * The total number of items.
@@ -4839,6 +4999,14 @@ declare namespace LocalJSX {
          */
         "selectedPage"?: number;
     }
+    /**
+     * Display a child component in a "portal", popping it out of the main DOM tree
+     * to allow it to escape the bounds set by its parent.
+     * @credit https://github.com/tomas-teston/stencil-portal for the basic
+     * technique. This has been altered in a few ways to make it more friendly
+     * to cases where there may be multiple portals on the page and provide more
+     * alignment options for the child to be displayed.
+     */
     interface VerdocsPortal {
         /**
           * Horizontal alignment.
@@ -4873,6 +5041,9 @@ declare namespace LocalJSX {
          */
         "templateId"?: string | null;
     }
+    /**
+     * A simple progress bar.
+     */
     interface VerdocsProgressBar {
         /**
           * Optional label to display above the bar
@@ -6051,7 +6222,17 @@ declare module "@stencil/core" {
              * Display a template building experience.
              */
             "verdocs-build": LocalJSX.VerdocsBuild & JSXBase.HTMLAttributes<HTMLVerdocsBuildElement>;
+            /**
+             * A simple button
+             * ```jsx
+             * <verdocs-button label="Click Me" />
+             * ```
+             */
             "verdocs-button": LocalJSX.VerdocsButton & JSXBase.HTMLAttributes<HTMLVerdocsButtonElement>;
+            /**
+             * Display an icon button that triggers a drop-down panel that can display
+             * arbitrary child content, such as metadata, forms, or other controls.
+             */
             "verdocs-button-panel": LocalJSX.VerdocsButtonPanel & JSXBase.HTMLAttributes<HTMLVerdocsButtonPanelElement>;
             /**
              * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed
@@ -6086,6 +6267,21 @@ declare module "@stencil/core" {
              * Display a simple dialog where the contents are provided via slots.
              */
             "verdocs-dialog": LocalJSX.VerdocsDialog & JSXBase.HTMLAttributes<HTMLVerdocsDialogElement>;
+            /**
+             * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+             * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+             * ```html
+             * <verdocs-dropdown
+             *   options={[
+             *     {label: 'Option 1', disabled: true},
+             *     {label: 'Option 2', id: '2'}
+             *     {label: ''}
+             *     {label: 'Option 3', id: '2'}
+             *    ]}
+             *   label="OK" onClick={() => (console.log('OK clicked'))}
+             * />
+             * ```
+             */
             "verdocs-dropdown": LocalJSX.VerdocsDropdown & JSXBase.HTMLAttributes<HTMLVerdocsDropdownElement>;
             /**
              * Represents one document page. This is primarily a layout container used to coordinate positions of
@@ -6159,8 +6355,20 @@ declare module "@stencil/core" {
              * Display a timestamp field.
              */
             "verdocs-field-timestamp": LocalJSX.VerdocsFieldTimestamp & JSXBase.HTMLAttributes<HTMLVerdocsFieldTimestampElement>;
+            /**
+             * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+             * provide the actual upload functionality.
+             */
             "verdocs-file-chooser": LocalJSX.VerdocsFileChooser & JSXBase.HTMLAttributes<HTMLVerdocsFileChooserElement>;
+            /**
+             * Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
+             * `overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the
+             * container. It will be absolutely positioned so it will be unaffected by scrolling the container.
+             */
             "verdocs-floating-menu": LocalJSX.VerdocsFloatingMenu & JSXBase.HTMLAttributes<HTMLVerdocsFloatingMenuElement>;
+            /**
+             * Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
+             */
             "verdocs-help-icon": LocalJSX.VerdocsHelpIcon & JSXBase.HTMLAttributes<HTMLVerdocsHelpIconElement>;
             /**
              * Display a dialog that allows the user to specify an initials image, either by using a signature-font-generated image
@@ -6173,6 +6381,9 @@ declare module "@stencil/core" {
              * It can also be dismissed by clicking the background overlay.
              */
             "verdocs-kba-dialog": LocalJSX.VerdocsKbaDialog & JSXBase.HTMLAttributes<HTMLVerdocsKbaDialogElement>;
+            /**
+             * Animated loader placeholder. There are currently no configuration options for this control.
+             */
             "verdocs-loader": LocalJSX.VerdocsLoader & JSXBase.HTMLAttributes<HTMLVerdocsLoaderElement>;
             /**
              * Display a simple text dialog box with an Ok button. This adds a partially-transparent overlay and screen-centered dialog
@@ -6180,8 +6391,22 @@ declare module "@stencil/core" {
              * It can also be dismissed by clicking the background overlay.
              */
             "verdocs-ok-dialog": LocalJSX.VerdocsOkDialog & JSXBase.HTMLAttributes<HTMLVerdocsOkDialogElement>;
+            /**
+             * Display a small summary card describing an organization
+             */
             "verdocs-organization-card": LocalJSX.VerdocsOrganizationCard & JSXBase.HTMLAttributes<HTMLVerdocsOrganizationCardElement>;
+            /**
+             * Display a simple pagination control with individual buttons to move through the data set.
+             */
             "verdocs-pagination": LocalJSX.VerdocsPagination & JSXBase.HTMLAttributes<HTMLVerdocsPaginationElement>;
+            /**
+             * Display a child component in a "portal", popping it out of the main DOM tree
+             * to allow it to escape the bounds set by its parent.
+             * @credit https://github.com/tomas-teston/stencil-portal for the basic
+             * technique. This has been altered in a few ways to make it more friendly
+             * to cases where there may be multiple portals on the page and provide more
+             * alignment options for the child to be displayed.
+             */
             "verdocs-portal": LocalJSX.VerdocsPortal & JSXBase.HTMLAttributes<HTMLVerdocsPortalElement>;
             /**
              * Display a template preview experience. This will display the template's attached
@@ -6189,6 +6414,9 @@ declare module "@stencil/core" {
              * by recipient, and will be read-only (cannot be filled, moved, or altered).
              */
             "verdocs-preview": LocalJSX.VerdocsPreview & JSXBase.HTMLAttributes<HTMLVerdocsPreviewElement>;
+            /**
+             * A simple progress bar.
+             */
             "verdocs-progress-bar": LocalJSX.VerdocsProgressBar & JSXBase.HTMLAttributes<HTMLVerdocsProgressBarElement>;
             /**
              * Display a drop-down menu of quick filter options.

package/dist/verdocs-web-sdk/{p-b355111d.entry.js → p-0003dac3.entry.js}

@@ -1 +1 @@
-import{r as e,c as s,h as i,H as l}from"./p-73a6f972.js";import{VerdocsEndpoint as t,listEnvelopes as a,integerSequence as o,getRecipientsWithActions as n,userCanCancelEnvelope as d,userCanAct as r,cancelEnvelope as c}from"@verdocs/js-sdk";import{s as p}from"./p-7b397f3a.js";import{V as h}from"./p-026b3103.js";import{S as v}from"./p-fd97809c.js";import"./p-251c4106.js";import"./p-edaec1b6.js";const f=[{value:"all",label:"All"},{value:"inbox",label:"Inbox"},{value:"sent",label:"Sent"},{value:"completed",label:"Completed"},{value:"action",label:"Action Required"},{value:"waiting",label:"Waiting on Others"}],x=[{value:"all",label:"All"},{value:"pending",label:"Pending"},{value:"in progress",label:"In Progress"},{value:"complete",label:"Completed"},{value:"declined",label:"Declined"},{value:"canceled",label:"Canceled"}],b=[{value:"created_at",label:"Created"},{value:"updated_at",label:"Updated"},{value:"canceled_at",label:"Canceled"},{value:"envelope_name",label:"Name"},{value:"envelope_status",label:"Status"}],u=class{constructor(i){e(this,i),this.changeView=s(this,"changeView",7),this.changeStatus=s(this,"changeStatus",7),this.changeSort=s(this,"changeSort",7),this.changeMatch=s(this,"changeMatch",7),this.sdkError=s(this,"sdkError",7),this.viewEnvelope=s(this,"viewEnvelope",7),this.finishEnvelope=s(this,"finishEnvelope",7),this.endpoint=t.getDefault(),this.view=void 0,this.status="all",this.sort="created_at",this.match="",this.showPagination=!0,this.rowsPerPage=10,this.selectedPage=0,this.count=0,this.initiallyLoaded=!1,this.loading=!0,this.selectedEnvelopes=[],this.envelopes=[]}handleViewUpdated(){return this.queryEnvelopes()}handleStatusUpdated(){return this.queryEnvelopes()}handleSortUpdated(){return this.queryEnvelopes()}handleMatchUpdated(){return this.queryEnvelopes()}handlePageUpdated(){return this.queryEnvelopes()}componentWillLoad(){this.endpoint.loadSession(),this.endpoint.session||console.log("[ENVELOPES] Must be authenticated")}async componentDidLoad(){await this.queryEnvelopes(),this.initiallyLoaded=!0}async queryEnvelopes(){var e,s,i;try{this.loading=!0;let e={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":default:e={...e,status:"all"===this.status?["pending","in progress","complete","declined","canceled"]:[this.status]};break;case"inbox":e={...e};break;case"sent":e={...e,is_owner:!0};break;case"action":e={...e,status:["pending","in progress"]};break;case"waiting":e={...e,is_owner:!0,status:["pending","in progress"]};break;case"completed":e={...e,status:["complete"]}}"all"===this.view&&"all"!==this.status&&(e.status=[this.status]),this.match.trim();const s=await a(this.endpoint,e);this.envelopes=s.envelopes,this.count=s.total,this.loading=!1}catch(l){this.loading=!1,console.log("[ENVELOPES] Error listing envelopes",l),null===(e=this.sdkError)||void 0===e||e.emit(new v(l.message,null===(s=l.response)||void 0===s?void 0:s.status,null===(i=l.response)||void 0===i?void 0:i.data))}}handleDownload(){p(this.endpoint,this.selectedEnvelopes).then((()=>{this.selectedEnvelopes=[]})).catch((e=>{console.log("[ENVELOPES] Download error",e),h("Download error: "+e.message,{style:"error"})}))}downloadEnvelope(e){p(this.endpoint,[e]).catch((e=>{console.log("[ENVELOPES] Download error",e),h("Download error: "+e.message,{style:"error"})}))}render(){return i(l,{key:"4b7bda7f7615513f3e263d8dd0635733e069829d"},i("div",{key:"2f8e6a7c99c0beba2ea5ca4b70f5547f6735d61e",class:"header"},i("div",{key:"3be14d43f05437301237aef3ce5ea491f6e7747c",class:"filter"},i("verdocs-text-input",{key:"3ec6f05183dbede1787c8f8eca98b5db9079b488",id:"verdocs-filter-name",value:this.match,clearable:!0,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:e=>{var s;this.match=e.target.value.trim(),null===(s=this.changeMatch)||void 0===s||s.emit(this.match)}})),i("verdocs-quick-filter",{key:"7822828a8a7ebbb820ee689b09c9e0a5eb764edb",label:"View",value:this.view,options:f,onOptionSelected:e=>{this.view=e.detail.value}}),"all"===this.view&&i("verdocs-quick-filter",{key:"a181198baa609fd7e170635a2f9e5c567d9227eb",label:"Status",value:this.status,options:x,onOptionSelected:e=>{this.status=e.detail.value}}),"all"===this.view&&i("verdocs-quick-filter",{key:"14a253295139825b43c20bafe8e56a253242f1f8",label:"Sort By",value:this.sort,options:b,onOptionSelected:e=>{this.sort=e.detail.value}}),this.loading&&i("verdocs-spinner",{key:"8e72be52c0dcf484761187c14ef99607b91ab9ca",mode:"dark",size:24}),i("div",{key:"c31e47e5b85fff3841620bde02ecf71a177b769f",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&i("verdocs-button",{key:"4fc3bf3c3e04efd833f4dec4e09862969a30da2a",label:`Download (${this.selectedEnvelopes.length})`,onClick:()=>this.handleDownload()})),this.envelopes.map((e=>{var s;const l=n(e),t=d(this.endpoint.session,e),a=l.find((e=>{var s;return e.email===(null===(s=this.endpoint.session)||void 0===s?void 0:s.email)||""})),o=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!(a&&t&&r((null===(s=this.endpoint.session)||void 0===s?void 0:s.email)||"",l))},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!t}];return i("div",{class:"envelope",key:e.id,onClick:()=>{var s;return null===(s=this.viewEnvelope)||void 0===s?void 0:s.emit({endpoint:this.endpoint,envelope:e})}},i("div",{class:"inner"},i("verdocs-checkbox",{checked:-1!==this.selectedEnvelopes.findIndex((s=>s.id===e.id)),onClick:e=>e.stopPropagation(),onInput:s=>{this.selectedEnvelopes=s.target.checked?[...this.selectedEnvelopes,e]:this.selectedEnvelopes.filter((s=>s.id!==e.id))}}),i("div",{class:"vert-spacer"}),i("span",{innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>',class:"envelope-icon"}),i("div",{class:"envelope-name"},e.name,":  ",i("div",{class:"envelope-recipients"},e.recipients.map((e=>e.full_name)).join(", "))),i("div",{class:"vert-spacer"}),i("verdocs-status-indicator",{envelope:e,style:{width:"125px"}}),i("div",{class:"vert-spacer"}),i("div",{class:"last-modified"},new Date(e.updated_at).toLocaleString()),i("div",{class:"vert-spacer"}),i("verdocs-dropdown",{options:o,onOptionSelected:s=>{var i,l;switch(s.detail.id){case"view":null===(i=this.viewEnvelope)||void 0===i||i.emit({endpoint:this.endpoint,envelope:e});break;case"finish":null===(l=this.finishEnvelope)||void 0===l||l.emit({endpoint:this.endpoint,envelope:e});break;case"download":this.downloadEnvelope(e);break;case"cancel":window.confirm("Are you sure you want to cancel this envelope?")&&(c(this.endpoint,e.id).then((()=>h("Envelope canceled"))).catch((e=>h("Unable to cancel envelope: "+e.messabge,{style:"error"}))),this.queryEnvelopes().catch((()=>{})))}}})))})),!this.initiallyLoaded&&i("div",{key:"cf943955958934d6bab489b04c6af5b026649998",style:{width:"100%"}},o(0,this.rowsPerPage).map((()=>i("div",{class:"envelope-placeholder"})))),this.initiallyLoaded&&!this.envelopes.length&&i("div",{key:"e9c7b5ee1c2600ff9876624f3d61a830903f0345",class:"empty-text"},"No matching envelopes found. Please adjust your filters and try again."),this.initiallyLoaded&&this.envelopes.length&&this.showPagination?i("div",{style:{marginTop:"20px"}},i("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:e=>{this.selectedPage=e.detail.selectedPage}})):i("div",null))}static get watchers(){return{view:["handleViewUpdated"],status:["handleStatusUpdated"],sort:["handleSortUpdated"],match:["handleMatchUpdated"],selectedPage:["handlePageUpdated"]}}};u.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", "Barlow", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}';export{u as verdocs_envelopes_list}
+import{r as e,c as s,h as i,H as l}from"./p-73a6f972.js";import{VerdocsEndpoint as t,listEnvelopes as a,integerSequence as o,getRecipientsWithActions as n,userCanCancelEnvelope as d,userCanAct as r,cancelEnvelope as c}from"@verdocs/js-sdk";import{s as p}from"./p-7b397f3a.js";import{V as h}from"./p-026b3103.js";import{S as v}from"./p-fd97809c.js";import"./p-251c4106.js";import"./p-edaec1b6.js";const f=[{value:"all",label:"All"},{value:"inbox",label:"Inbox"},{value:"sent",label:"Sent"},{value:"completed",label:"Completed"},{value:"action",label:"Action Required"},{value:"waiting",label:"Waiting on Others"}],x=[{value:"all",label:"All"},{value:"pending",label:"Pending"},{value:"in progress",label:"In Progress"},{value:"complete",label:"Completed"},{value:"declined",label:"Declined"},{value:"canceled",label:"Canceled"}],b=[{value:"created_at",label:"Created"},{value:"updated_at",label:"Updated"},{value:"canceled_at",label:"Canceled"},{value:"envelope_name",label:"Name"},{value:"envelope_status",label:"Status"}],u=class{constructor(i){e(this,i),this.changeView=s(this,"changeView",7),this.changeStatus=s(this,"changeStatus",7),this.changeSort=s(this,"changeSort",7),this.changeMatch=s(this,"changeMatch",7),this.sdkError=s(this,"sdkError",7),this.viewEnvelope=s(this,"viewEnvelope",7),this.finishEnvelope=s(this,"finishEnvelope",7),this.endpoint=t.getDefault(),this.view=void 0,this.status="all",this.sort="created_at",this.match="",this.showPagination=!0,this.rowsPerPage=10,this.selectedPage=0,this.count=0,this.initiallyLoaded=!1,this.loading=!0,this.selectedEnvelopes=[],this.envelopes=[]}handleViewUpdated(){return this.queryEnvelopes()}handleStatusUpdated(){return this.queryEnvelopes()}handleSortUpdated(){return this.queryEnvelopes()}handleMatchUpdated(){return this.queryEnvelopes()}handlePageUpdated(){return this.queryEnvelopes()}componentWillLoad(){this.endpoint.loadSession(),this.endpoint.session||console.log("[ENVELOPES] Must be authenticated")}async componentDidLoad(){await this.queryEnvelopes(),this.initiallyLoaded=!0}async queryEnvelopes(){var e,s,i;try{this.loading=!0;let e={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":default:e={...e,status:"all"===this.status?["pending","in progress","complete","declined","canceled"]:[this.status]};break;case"inbox":e={...e};break;case"sent":e={...e,is_owner:!0};break;case"action":e={...e,status:["pending","in progress"]};break;case"waiting":e={...e,is_owner:!0,status:["pending","in progress"]};break;case"completed":e={...e,status:["complete"]}}"all"===this.view&&"all"!==this.status&&(e.status=[this.status]),this.match.trim();const s=await a(this.endpoint,e);this.envelopes=s.envelopes,this.count=s.total,this.loading=!1}catch(l){this.loading=!1,console.log("[ENVELOPES] Error listing envelopes",l),null===(e=this.sdkError)||void 0===e||e.emit(new v(l.message,null===(s=l.response)||void 0===s?void 0:s.status,null===(i=l.response)||void 0===i?void 0:i.data))}}handleDownload(){p(this.endpoint,this.selectedEnvelopes).then((()=>{this.selectedEnvelopes=[]})).catch((e=>{console.log("[ENVELOPES] Download error",e),h("Download error: "+e.message,{style:"error"})}))}downloadEnvelope(e){p(this.endpoint,[e]).catch((e=>{console.log("[ENVELOPES] Download error",e),h("Download error: "+e.message,{style:"error"})}))}render(){return i(l,{key:"1533851ebdceca1b689aec246de482f547817585"},i("div",{key:"a33685ad776d4ad2282a794fc08a6928c2a2c2c6",class:"header"},i("div",{key:"774df81f4db58154c20b5aa6d00585cf70f2c0be",class:"filter"},i("verdocs-text-input",{key:"d279867c1693c181d115ed9380263f7ca33cf54e",id:"verdocs-filter-name",value:this.match,clearable:!0,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:e=>{var s;this.match=e.target.value.trim(),null===(s=this.changeMatch)||void 0===s||s.emit(this.match)}})),i("verdocs-quick-filter",{key:"0e24f54710055db16f106c43419ae8c7d60a137a",label:"View",value:this.view,options:f,onOptionSelected:e=>{this.view=e.detail.value}}),"all"===this.view&&i("verdocs-quick-filter",{key:"d94ade343fe8dfabb11cc6995960c2a221e3fdc4",label:"Status",value:this.status,options:x,onOptionSelected:e=>{this.status=e.detail.value}}),"all"===this.view&&i("verdocs-quick-filter",{key:"5b7e637fb7621c1e3b8c52888fd9fabc5b56e27e",label:"Sort By",value:this.sort,options:b,onOptionSelected:e=>{this.sort=e.detail.value}}),this.loading&&i("verdocs-spinner",{key:"2c1a05c9c04cd61733816141c6811ba52229056c",mode:"dark",size:24}),i("div",{key:"5af2c9f56ba9bb21cba28637b925dc011613bd05",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&i("verdocs-button",{key:"06bc8e1fd09692bdaf9e56268a8592d97ff10cce",label:`Download (${this.selectedEnvelopes.length})`,onClick:()=>this.handleDownload()})),this.envelopes.map((e=>{var s;const l=n(e),t=d(this.endpoint.session,e),a=l.find((e=>{var s;return e.email===(null===(s=this.endpoint.session)||void 0===s?void 0:s.email)||""})),o=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!(a&&t&&r((null===(s=this.endpoint.session)||void 0===s?void 0:s.email)||"",l))},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!t}];return i("div",{class:"envelope",key:e.id,onClick:()=>{var s;return null===(s=this.viewEnvelope)||void 0===s?void 0:s.emit({endpoint:this.endpoint,envelope:e})}},i("div",{class:"inner"},i("verdocs-checkbox",{checked:-1!==this.selectedEnvelopes.findIndex((s=>s.id===e.id)),onClick:e=>e.stopPropagation(),onInput:s=>{this.selectedEnvelopes=s.target.checked?[...this.selectedEnvelopes,e]:this.selectedEnvelopes.filter((s=>s.id!==e.id))}}),i("div",{class:"vert-spacer"}),i("span",{innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>',class:"envelope-icon"}),i("div",{class:"envelope-name"},e.name,":  ",i("div",{class:"envelope-recipients"},e.recipients.map((e=>e.full_name)).join(", "))),i("div",{class:"vert-spacer"}),i("verdocs-status-indicator",{envelope:e,style:{width:"125px"}}),i("div",{class:"vert-spacer"}),i("div",{class:"last-modified"},new Date(e.updated_at).toLocaleString()),i("div",{class:"vert-spacer"}),i("verdocs-dropdown",{options:o,onOptionSelected:s=>{var i,l;switch(s.detail.id){case"view":null===(i=this.viewEnvelope)||void 0===i||i.emit({endpoint:this.endpoint,envelope:e});break;case"finish":null===(l=this.finishEnvelope)||void 0===l||l.emit({endpoint:this.endpoint,envelope:e});break;case"download":this.downloadEnvelope(e);break;case"cancel":window.confirm("Are you sure you want to cancel this envelope?")&&(c(this.endpoint,e.id).then((()=>h("Envelope canceled"))).catch((e=>h("Unable to cancel envelope: "+e.messabge,{style:"error"}))),this.queryEnvelopes().catch((()=>{})))}}})))})),!this.initiallyLoaded&&i("div",{key:"ff38c547cc65bd2559dc9f2fb5be237384f56be5",style:{width:"100%"}},o(0,this.rowsPerPage).map((()=>i("div",{class:"envelope-placeholder"})))),this.initiallyLoaded&&!this.envelopes.length&&i("div",{key:"bd666277c44235c7ef9855b1b7985860b8d8f0da",class:"empty-text"},"No matching envelopes found. Please adjust your filters and try again."),this.initiallyLoaded&&this.envelopes.length&&this.showPagination?i("div",{style:{marginTop:"20px"}},i("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:e=>{this.selectedPage=e.detail.selectedPage}})):i("div",null))}static get watchers(){return{view:["handleViewUpdated"],status:["handleStatusUpdated"],sort:["handleSortUpdated"],match:["handleMatchUpdated"],selectedPage:["handlePageUpdated"]}}};u.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", "Barlow", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}';export{u as verdocs_envelopes_list}