@verdocs/web-sdk 5.0.12 → 5.0.14

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsOrganizationCardCss","VerdocsOrganizationCardStyle0","BusinessIcon","VerdocsOrganizationCard","onMouseOver","this","hovered","onMouseOut","render","console","log","organization","thumbnail_url","fallbackIcon","portalId","id","h","Host","key","class","src","alt","innerHTML","_a","name","anchor","style","display","full_logo_url","_b","_c","format","Date","_d","created_at","undefined","url","href","_e","target","rel","_f","verdocsPortalCss","VerdocsPortalStyle0","Z_INDEX","VerdocsPortal","moved","handleScroll","calculatePosition","handleResize","handleClick","e","element","contains","clickAway","emit","calculateLeft","anchorEl","document","getElementById","anchorRect","getBoundingClientRect","rightOfViewportWithScroll","documentElement","clientWidth","scrollLeft","leftOfPopup","Math","max","left","popupWidth","offsetWidth","offRightEdge","calculateTop","bottomOfViewportWithScroll","clientHeight","scrollTop","topOfPopup","bottom","voffset","popupHeight","offsetHeight","offBottomEdge","height","portal","top","componentWillLoad","remove","createElement","setAttribute","zIndex","position","body","append","componentDidLoad","appendChild","disconnectedCallback","ref","el"],"sources":["src/components/controls/verdocs-organization-card/verdocs-organization-card.scss?tag=verdocs-organization-card","src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx","src/components/controls/verdocs-portal/verdocs-portal.scss?tag=verdocs-portal","src/components/controls/verdocs-portal/verdocs-portal.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-organization-card {\n  font-family: $primary-font;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border: 1px solid $light-border-color;\n  background: #ffffff;\n  border-radius: 8px;\n  padding: 7px 15px;\n\n  .icon {\n    flex: 0;\n    height: 24px;\n    width: 24px;\n    margin: 0 14px 0 0;\n\n    svg {\n      fill: $icon-color;\n      height: 24px;\n      width: 24px;\n    }\n  }\n\n  .content {\n    margin-top: 2px;\n  }\n}\n\n.verdocs-org-card-popup {\n  font-family: $primary-font;\n  background: #ffffff;\n  border-radius: 10px;\n  width: 326px;\n  padding: 20px 40px 0 40px;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  border: 1px solid $light-border-color;\n\n  .popup-header-with-logo {\n    display: flex;\n    flex: 0;\n    gap: 20px;\n    flex-direction: column;\n    margin: 0 0 20px 0;\n    font-size: 21px;\n    line-height: 16px;\n    color: $secondary-color;\n\n    img {\n      max-width: 300px;\n      max-height: 50px;\n    }\n  }\n\n  .popup-header {\n    display: flex;\n    flex: 0;\n    gap: 20px;\n    flex-direction: row;\n    align-items: flex-end;\n    margin: 0 0 20px 0;\n    font-size: 21px;\n    line-height: 16px;\n    color: $secondary-color;\n  }\n\n  .popup-body {\n    display: flex;\n    flex-direction: column;\n    font-size: 14px;\n    text-transform: uppercase;\n  }\n\n  .status {\n    transform: scale(1.5);\n    width: 24px;\n    height: 24px;\n  }\n\n  .field {\n    margin: 0 0 20px 0;\n\n    strong {\n      color: $label-color-very-light;\n      display: block;\n      margin: 0 0 5px 0;\n    }\n\n    a {\n      color: $verdocs-purple;\n      text-transform: uppercase;\n    }\n  }\n}\n","import {format} from 'date-fns';\nimport {Component, Prop, h, Host, Listen, State} from '@stencil/core';\nimport type {IOrganization} from '@verdocs/js-sdk';\n\n// TODO: See what was done in Storybook. Move all SVG icons to a common file that both projects can share\n//  and reduce duplication between components for re-used icons. Also bring icons into Figma for reuse there.\n\nconst BusinessIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\"  focusable=\"false\" aria-hidden=\"true\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"></path></svg>';\n\n/**\n * Display a small summary card describing an organization.\n *\n * ```ts\n * <verdocs-organization-card organization={organization} />\n * ```\n */\n@Component({\n  tag: 'verdocs-organization-card',\n  styleUrl: 'verdocs-organization-card.scss',\n})\nexport class VerdocsOrganizationCard {\n  /**\n   * The organization to display\n   */\n  @Prop() organization: IOrganization;\n\n  @State()\n  hovered: boolean = false;\n\n  @Listen('mouseover')\n  onMouseOver() {\n    this.hovered = true;\n  }\n\n  @Listen('mouseout')\n  onMouseOut() {\n    this.hovered = false;\n  }\n\n  render() {\n    console.log('Rendering org card', this.organization.thumbnail_url, this.organization);\n    const fallbackIcon = BusinessIcon;\n    const portalId = `verdocs-org-card-${this.organization.id}`;\n\n    return (\n      <Host id={portalId}>\n        {this.organization.thumbnail_url ? <img class=\"icon\" src={this.organization.thumbnail_url} alt=\"Logo\" /> : <span class=\"icon\" innerHTML={fallbackIcon} />}\n\n        <span class=\"content\">{this.organization?.name}</span>\n\n        <verdocs-portal anchor={portalId}>\n          <div class=\"verdocs-org-card-popup\" style={{display: this.hovered ? 'block' : 'none'}}>\n            {this.organization.full_logo_url ? (\n              <div class=\"popup-header-with-logo\">\n                <img src={this.organization.full_logo_url} alt=\"Logo\" />\n                <div class=\"title\">{this.organization?.name}</div>\n              </div>\n            ) : (\n              <div class=\"popup-header\">\n                <span class=\"status\">\n                  <span class=\"icon\" innerHTML={fallbackIcon} />\n                </span>\n                <span class=\"title\">{this.organization?.name}</span>\n              </div>\n            )}\n\n            <div class=\"popup-body\">\n              <div class=\"field\">\n                <strong>Joined</strong>\n                {format(new Date(this.organization?.created_at || undefined), 'LLL d, Y')}\n              </div>\n              {this.organization.url && (\n                <div class=\"field\">\n                  <strong>Website</strong>\n                  <a href={this.organization?.url} target=\"_blank\" rel=\"nofollow\">\n                    {this.organization?.url}\n                  </a>\n                </div>\n              )}\n            </div>\n          </div>\n        </verdocs-portal>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-portal {\n}\n","import {Component, EventEmitter, h, Host, Listen, Prop, Event} from '@stencil/core';\n\nconst Z_INDEX = '10001';\n\n/**\n * Display a child component in a \"portal\", popping it out of the main DOM tree\n * to allow it to escape the bounds set by its parent.\n * @credit https://github.com/tomas-teston/stencil-portal for the basic\n * technique. This has been altered in a few ways to make it more friendly\n * to cases where there may be multiple portals on the page and provide more\n * alignment options for the child to be displayed.\n *\n * ```ts\n * <div style=\"padding: 40px\">\n *     <div id=\"sample-tooltip\" style=\"border: 1px solid green; padding: 3px 10px;\">\n *       Tooltip Anchor\n *       <verdocs-portal anchor=\"sample-tooltip\" .align=${align} .voffset=${voffset}>\n *         <div style=\"border: 1px solid red; padding: 3px 10px;\">Tooltip</div>\n *       </verdocs-portal>\n *     </div>\n *   </div>\n * ```\n */\n@Component({\n  tag: 'verdocs-portal',\n  styleUrl: 'verdocs-portal.scss',\n  shadow: false,\n})\nexport class VerdocsPortal {\n  private portal: HTMLElement;\n  private element: HTMLElement;\n  private moved: boolean = false;\n\n  /**\n   * Unique ID of the parent element to anchor to.\n   */\n  @Prop() anchor: string;\n\n  /**\n   * Vertical offset from the parent.\n   */\n  @Prop() voffset: number = 0;\n\n  @Event() clickAway: EventEmitter<void>;\n\n  @Listen('scroll', {target: 'window', capture: true})\n  handleScroll() {\n    this.calculatePosition();\n  }\n\n  @Listen('resize', {target: 'window'})\n  handleResize() {\n    this.calculatePosition();\n  }\n\n  @Listen('click', {target: 'document'})\n  handleClick(e) {\n    if (!this.element.contains(e.target)) {\n      this.clickAway?.emit();\n    }\n  }\n\n  private calculateLeft() {\n    const anchorEl = document.getElementById(this.anchor);\n    if (!anchorEl) return 0;\n\n    const anchorRect = anchorEl.getBoundingClientRect();\n\n    const rightOfViewportWithScroll = document.documentElement.clientWidth + document.documentElement.scrollLeft;\n    const leftOfPopup = Math.max(anchorRect.left, 0);\n    // Old centering logic, disabled temporarily\n    //    Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);\n    // Old right-align logic, disabled temporarily\n    //    Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);\n    const popupWidth = this.element?.offsetWidth || 400;\n    const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;\n\n    return offRightEdge ? rightOfViewportWithScroll - popupWidth - 20 : leftOfPopup;\n  }\n\n  private calculateTop() {\n    const anchorEl = document.getElementById(this.anchor);\n    if (!anchorEl) return 0;\n\n    const anchorRect = anchorEl.getBoundingClientRect();\n\n    const bottomOfViewportWithScroll = document.documentElement.clientHeight + document.documentElement.scrollTop;\n    const topOfPopup = anchorRect.bottom + this.voffset + document.documentElement.scrollTop;\n    const popupHeight = this.element?.offsetHeight || 300;\n    const offBottomEdge = topOfPopup + popupHeight > bottomOfViewportWithScroll;\n\n    return offBottomEdge ? topOfPopup - popupHeight - anchorRect.height : topOfPopup;\n  }\n\n  private calculatePosition() {\n    this.portal.style.top = `${this.calculateTop()}px`;\n    this.portal.style.left = `${this.calculateLeft()}px`;\n  }\n\n  componentWillLoad() {\n    const id = `${this.anchor}-portal`;\n    document.getElementById(id)?.remove();\n\n    this.portal = document.createElement('div');\n    this.portal.setAttribute('id', id);\n    this.portal.style.zIndex = Z_INDEX;\n    this.portal.style.position = 'absolute';\n    document.body.append(this.portal);\n  }\n\n  componentDidLoad() {\n    this.portal.appendChild(this.element);\n    this.calculatePosition();\n  }\n\n  disconnectedCallback() {\n    this.moved ? this.portal.remove() : (this.moved = true);\n  }\n\n  render() {\n    return (\n      <Host ref={el => (this.element = el)}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-c0cd186e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as s,H as i,g as o}from"./p-b9654a5e.js";import{VerdocsEndpoint as h,getEnvelopeDocumentPageDisplayUri as a}from"@verdocs/js-sdk";import{t as r}from"./p-0c45b79c.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-12bab948.js";const d="@-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-envelope-document-page{width:100%;position:relative}verdocs-envelope-document-page .verdocs-envelope-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-envelope-document-page .verdocs-envelope-document-page-layer.img{width:100%}";const c=d;const n=class{constructor(s){t(this,s);this.pageRendered=e(this,"pageRendered",7);this.endpoint=h.getDefault();this.envelopeId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.type="original";this.containerId=`verdocs-envelope-document-page-${Math.random().toString(36).substring(2,11)}`;this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="https://verdocs-public-assets.s3.amazonaws.com/page-loading-placeholder.png"}async componentWillLoad(){this.pageDisplayUri=await a(this.endpoint,this.documentId,this.pageNumber,this.type)}componentDidLoad(){this.resizeObserver=new ResizeObserver(r((t=>{for(const e of t){const t=e.contentRect.width;this.renderedWidth=t;this.renderedHeight=this.virtualHeight*(t/this.virtualWidth)}this.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}notifyRenderedSize(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:this.renderedWidth/this.virtualWidth,yScale:this.renderedHeight/this.virtualHeight})}render(){const t=`${this.renderedHeight}px`;return s(i,{key:"d461f16d93680ee69b93258d9985e7e24599acbd",id:`${this.containerId}`,style:{height:t,flex:`0 0 ${t}`}},this.layers.map((e=>e.type==="div"?s("div",{class:"verdocs-envelope-document-page-layer",id:`${this.containerId}-${e.name}`,style:{height:t}}):this.pageDisplayUri?s("img",{class:"verdocs-envelope-document-page-layer img",id:`${this.containerId}-${e.name}`,src:this.pageDisplayUri,alt:`Page ${this.pageNumber}`,"aria-hidden":true,loading:"lazy",onLoad:t=>{this.naturalWidth=t.target.naturalWidth;this.naturalHeight=t.target.naturalHeight;this.aspectRatio=this.naturalWidth/this.naturalHeight;this.virtualHeight=this.virtualWidth/this.aspectRatio;this.renderedHeight=t.target.offsetWidth/this.aspectRatio}}):s("div",null))))}get container(){return o(this)}};n.style=c;export{n as verdocs_envelope_document_page};
+//# sourceMappingURL=p-c0cd186e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsEnvelopeDocumentPageCss","VerdocsEnvelopeDocumentPageStyle0","VerdocsEnvelopeDocumentPage","VerdocsEndpoint","getDefault","name","type","Math","random","toString","substring","this","virtualWidth","virtualHeight","componentWillLoad","pageDisplayUri","getEnvelopeDocumentPageDisplayUri","endpoint","documentId","pageNumber","componentDidLoad","resizeObserver","ResizeObserver","throttle","entries","entry","renderedWidth","contentRect","width","renderedHeight","notifyRenderedSize","observe","container","disconnectedCallback","_a","disconnect","skipFirstNotification","pageRendered","emit","containerId","naturalWidth","naturalHeight","aspectRatio","xScale","yScale","render","height","h","Host","key","id","style","flex","layers","map","layer","class","src","alt","loading","onLoad","e","target","offsetWidth"],"sources":["src/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.scss?tag=verdocs-envelope-document-page","src/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-document-page {\n  width: 100%;\n  position: relative;\n\n  .verdocs-envelope-document-page-layer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    box-shadow: 0 0 10px 5px #0000000f;\n\n    &.img {\n      width: 100%;\n    }\n  }\n}\n","// NOTE: This component does not have a story because it's not intended for external use.\n\nimport {getEnvelopeDocumentPageDisplayUri, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Host, Prop, Event, EventEmitter, State, Element} from '@stencil/core';\nimport {IDocumentPageInfo, IPageLayer} from '../../../utils/Types';\nimport {throttle} from '../../../utils/utils';\n\n/**\n * Represents one document page. This is primarily a layout container used to coordinate positions of\n * page-related layers such as the page itself, signature fields, etc. It is not intended to be used\n * on its own as an individual component.\n */\n@Component({\n  tag: 'verdocs-envelope-document-page',\n  styleUrl: 'verdocs-envelope-document-page.scss',\n  shadow: false,\n})\nexport class VerdocsEnvelopeDocumentPage {\n  @Element() container: HTMLElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The endpoint to load from.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The ID of the envelope the document is for.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * The ID of the document to display.\n   */\n  @Prop() documentId: string = '';\n\n  /**\n   * The page number being rendered. (Reminder: page numbers are 1-based.)\n   */\n  @Prop() pageNumber: number = 1;\n\n  /**\n   * The \"virtual\" width of the page canvas. Defaults to 612 which at 72dpi is 8.5\" wide. This is used to compute\n   * the aspect ratio of the final rendered element when scaling up/down.\n   */\n  @Prop() virtualWidth: number = 612;\n\n  /**\n   * The \"virtual\" height of the page canvas.  Defaults to 792 which at 72dpi is 11\" tall. This is used to compute\n   * the aspect ratio of the final rendered element when scaling up/down.\n   */\n  @Prop({mutable: true}) virtualHeight: number = 792;\n\n  /**\n   * The layers that will be rendered. The DOM structure will be a DIV container with one child DIV for each layer.\n   * The parent DIV will have a unique ID, and each child DIV will have that ID with the layer name appended, e.g.\n   * if `pages` was ['page', 'fields'] the structure will be:\n   *\n   * ```\n   *     <div id=\"verdocs-envelope-document-page-ker2fr1p9\">\n   *       <div id=\"verdocs-envelope-document-page-ker2fr1p9-page\"></div>\n   *       <div id=\"verdocs-envelope-document-page-ker2fr1p9-fields\"></div>\n   *     </div>\n   * ```\n   */\n  @Prop() layers: IPageLayer[] = [{name: 'page', type: 'canvas'}];\n\n  @Prop() type: 'original' | 'filled' | 'certificate' = 'original';\n\n  /**\n   * Fired when a page has been rendered. This is also fired when the page is resized.\n   */\n  @Event() pageRendered: EventEmitter<IDocumentPageInfo>;\n\n  @State() containerId = `verdocs-envelope-document-page-${Math.random().toString(36).substring(2, 11)}`;\n\n  @State() renderedWidth: number = this.virtualWidth;\n  @State() renderedHeight: number = this.virtualHeight;\n  @State() naturalWidth: number = this.virtualWidth;\n  @State() naturalHeight: number = this.virtualHeight;\n  @State() aspectRatio: number = this.virtualWidth / this.virtualHeight;\n\n  @State() skipFirstNotification = true;\n\n  @State() pageDisplayUri = 'https://verdocs-public-assets.s3.amazonaws.com/page-loading-placeholder.png';\n\n  async componentWillLoad() {\n    this.pageDisplayUri = await getEnvelopeDocumentPageDisplayUri(this.endpoint, this.documentId, this.pageNumber, this.type);\n  }\n\n  componentDidLoad() {\n    this.resizeObserver = new ResizeObserver(\n      throttle(entries => {\n        for (const entry of entries) {\n          const renderedWidth = entry.contentRect.width;\n          this.renderedWidth = renderedWidth;\n          this.renderedHeight = this.virtualHeight * (renderedWidth / this.virtualWidth);\n        }\n\n        this.notifyRenderedSize();\n      }, 100),\n    );\n\n    this.resizeObserver.observe(this.container);\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  // Left here for documentation purposes in case we find an edge case where this isn't true. But we apparently don't need this.\n  // When we add the resize observer it will always be triggered at least once so notifying here as well is just a dupe.\n  // componentDidRender() {\n  //   this.notifyRenderedSize();\n  // }\n\n  notifyRenderedSize() {\n    // We skip one notification because by default we will always get at least two, one when rendering the initial size\n    // and a second once we're able to compute the scale size, when the resizeObserver sets renderedWidth/renderedHeight.\n    if (this.skipFirstNotification) {\n      this.skipFirstNotification = false;\n      return;\n    }\n\n    this.pageRendered.emit({\n      // container: this.container,\n      containerId: this.containerId,\n      documentId: this.documentId,\n      pageNumber: this.pageNumber,\n      virtualWidth: this.virtualWidth,\n      virtualHeight: this.virtualHeight,\n      renderedWidth: this.renderedWidth,\n      renderedHeight: this.renderedHeight,\n      naturalWidth: this.naturalWidth,\n      naturalHeight: this.naturalHeight,\n      aspectRatio: this.aspectRatio,\n      xScale: this.renderedWidth / this.virtualWidth,\n      yScale: this.renderedHeight / this.virtualHeight,\n    });\n  }\n\n  render() {\n    const height = `${this.renderedHeight}px`;\n\n    return (\n      <Host id={`${this.containerId}`} style={{height, flex: `0 0 ${height}`}}>\n        {this.layers.map(layer =>\n          layer.type === 'div' ? (\n            <div class=\"verdocs-envelope-document-page-layer\" id={`${this.containerId}-${layer.name}`} style={{height}} />\n          ) : this.pageDisplayUri ? (\n            <img\n              class=\"verdocs-envelope-document-page-layer img\"\n              id={`${this.containerId}-${layer.name}`}\n              src={this.pageDisplayUri}\n              alt={`Page ${this.pageNumber}`}\n              aria-hidden={true}\n              loading=\"lazy\"\n              onLoad={(e: any) => {\n                // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that\n                // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).\n                // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values\n                // for a field are based on the responsive Web view the Template editor was seeing. The IMG was scaled down there in the\n                // exact same way, so we just honor it. We capture the natural width and height here more as information. Then we use the\n                // aspect ratio to adjust the \"virtual\" height in case the page is not 8.5\"x11\".\n                // TODO: Store this in the DB with each page.\n                this.naturalWidth = e.target.naturalWidth;\n                this.naturalHeight = e.target.naturalHeight;\n                this.aspectRatio = this.naturalWidth / this.naturalHeight;\n                this.virtualHeight = this.virtualWidth / this.aspectRatio;\n                this.renderedHeight = e.target.offsetWidth / this.aspectRatio;\n              }}\n            />\n          ) : (\n            <div></div>\n          ),\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"qQAAA,MAAMA,EAAiC,grBACvC,MAAAC,EAAeD,E,MCgBFE,EAA2B,M,kFAOFC,EAAgBC,a,gBAKvB,G,gBAKA,G,gBAKA,E,kBAME,I,mBAMgB,I,YAchB,CAAC,CAACC,KAAM,OAAQC,KAAM,W,UAEC,W,iBAO/B,kCAAkCC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,M,mBAEhEC,KAAKC,a,oBACJD,KAAKE,c,kBACPF,KAAKC,a,mBACJD,KAAKE,c,iBACPF,KAAKC,aAAeD,KAAKE,c,2BAEvB,K,oBAEP,6E,CAE1B,uBAAMC,GACJH,KAAKI,qBAAuBC,EAAkCL,KAAKM,SAAUN,KAAKO,WAAYP,KAAKQ,WAAYR,KAAKL,K,CAGtH,gBAAAc,GACET,KAAKU,eAAiB,IAAIC,eACxBC,GAASC,IACP,IAAK,MAAMC,KAASD,EAAS,CAC3B,MAAME,EAAgBD,EAAME,YAAYC,MACxCjB,KAAKe,cAAgBA,EACrBf,KAAKkB,eAAiBlB,KAAKE,eAAiBa,EAAgBf,KAAKC,a,CAGnED,KAAKmB,oBAAoB,GACxB,MAGLnB,KAAKU,eAAeU,QAAQpB,KAAKqB,U,CAGnC,oBAAAC,G,OACEC,EAAAvB,KAAKU,kBAAc,MAAAa,SAAA,SAAAA,EAAEC,Y,CASvB,kBAAAL,GAGE,GAAInB,KAAKyB,sBAAuB,CAC9BzB,KAAKyB,sBAAwB,MAC7B,M,CAGFzB,KAAK0B,aAAaC,KAAK,CAErBC,YAAa5B,KAAK4B,YAClBrB,WAAYP,KAAKO,WACjBC,WAAYR,KAAKQ,WACjBP,aAAcD,KAAKC,aACnBC,cAAeF,KAAKE,cACpBa,cAAef,KAAKe,cACpBG,eAAgBlB,KAAKkB,eACrBW,aAAc7B,KAAK6B,aACnBC,cAAe9B,KAAK8B,cACpBC,YAAa/B,KAAK+B,YAClBC,OAAQhC,KAAKe,cAAgBf,KAAKC,aAClCgC,OAAQjC,KAAKkB,eAAiBlB,KAAKE,e,CAIvC,MAAAgC,GACE,MAAMC,EAAS,GAAGnC,KAAKkB,mBAEvB,OACEkB,EAACC,EAAI,CAAAC,IAAA,2CAACC,GAAI,GAAGvC,KAAK4B,cAAeY,MAAO,CAACL,SAAQM,KAAM,OAAON,MAC3DnC,KAAK0C,OAAOC,KAAIC,GACfA,EAAMjD,OAAS,MACbyC,EAAA,OAAKS,MAAM,uCAAuCN,GAAI,GAAGvC,KAAK4B,eAAegB,EAAMlD,OAAQ8C,MAAO,CAACL,YACjGnC,KAAKI,eACPgC,EAAA,OACES,MAAM,2CACNN,GAAI,GAAGvC,KAAK4B,eAAegB,EAAMlD,OACjCoD,IAAK9C,KAAKI,eACV2C,IAAK,QAAQ/C,KAAKQ,aAAY,cACjB,KACbwC,QAAQ,OACRC,OAASC,IAQPlD,KAAK6B,aAAeqB,EAAEC,OAAOtB,aAC7B7B,KAAK8B,cAAgBoB,EAAEC,OAAOrB,cAC9B9B,KAAK+B,YAAc/B,KAAK6B,aAAe7B,KAAK8B,cAC5C9B,KAAKE,cAAgBF,KAAKC,aAAeD,KAAK+B,YAC9C/B,KAAKkB,eAAiBgC,EAAEC,OAAOC,YAAcpD,KAAK+B,WAAW,IAIjEK,EAAA,c","ignoreList":[]}

package/dist/verdocs-web-sdk/p-c2bca18a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as r}from"./p-b9654a5e.js";import{VerdocsEndpoint as o,getEnvelope as s,getInPersonLink as n,formatFullName as l}from"@verdocs/js-sdk";import{V as c}from"./p-04c07b7b.js";import{S as a}from"./p-fd97809c.js";import{S as d}from"./p-58d027d1.js";const p='@-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-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:"Inter", "Barlow", sans-serif;background-color:rgba(0, 0, 0, 0.4980392157)}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:rgb(55, 65, 81);line-height:1.25rem;background-color:#d8d8d8;border:2px solid rgb(156, 163, 175)}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;overflow:hidden;margin:0 6px 0 0;border-radius:4px;white-space:nowrap;-ms-flex-align:center;align-items:center;text-overflow:ellipsis;border:1px solid #cccccc;background:rgb(249, 250, 251)}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}';const h=p;const b=class{constructor(t){e(this,t);this.next=i(this,"next",7);this.sdkError=i(this,"sdkError",7);this.envelopeListenerId=null;this.endpoint=o.getDefault();this.envelopeId="";this.roleName="";this.isOpen=undefined;this.gettingLink=true;this.link="";this.loading=true;this.envelope=null;this.recipient=null}async componentWillLoad(){var e,i,t;try{this.endpoint.loadSession();if(!this.envelopeId){console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);return}if(!this.endpoint.session){console.log("[RECIPIENT_LINK] Unable to start session, must be authenticated");return}this.listenToEnvelope()}catch(r){console.log("[RECIPIENT_LINK] Error loading envelope",r);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new a(r.message,(i=r.response)===null||i===void 0?void 0:i.status,(t=r.response)===null||t===void 0?void 0:t.data))}}disconnectedCallback(){this.unlistenToEnvelope()}async listenToEnvelope(){console.log("[SIDEBAR] Loading envelope",this.envelopeId);this.unlistenToEnvelope();d.subscribe("envelopes",this.envelopeId,(()=>s(this.endpoint,this.envelopeId)),false,(e=>{var i;this.envelope=e;this.loading=false;this.recipient=(((i=this.envelope)===null||i===void 0?void 0:i.recipients)||[]).find((e=>e.role_name===this.roleName));this.getLink(this.recipient)}))}unlistenToEnvelope(){if(this.envelopeListenerId){d.store.delListener(this.envelopeListenerId);this.envelopeListenerId=null}}handleDone(e){var i;e.preventDefault();(i=this.next)===null||i===void 0?void 0:i.emit({envelope:this.envelope})}copyLink(e){navigator.clipboard.writeText(e).then((()=>c("Link copied to clipboard!",{style:"success",duration:3e3}))).catch((e=>{console.warn("[RECIPIENT_LINK] Error copying to clipboard",e);c(`Unable to copy to clipboard: ${e.message}`,{style:"error"})}))}getLink(e){this.gettingLink=true;n(this.endpoint,e.envelope_id,e.role_name).then((e=>{this.gettingLink=false;this.link=e.link})).catch((e=>{this.gettingLink=false;console.log("[RECIPIENT_LINK] Error getting link",e);c("Unable to get link: "+e.message,{style:"error"})}))}render(){if(this.loading||!this.recipient){return t(r,null)}const e=l(this.recipient);return t(r,null,t("div",{class:"summary-content"},t("h1",{class:"summary-title"},"In-Person Signing Link"),t("div",{class:"summary-rows"},t("div",{class:"summary-recipient"},t("div",{class:"role-name"},this.recipient.role_name),t("div",{class:"role-details"},t("div",{class:"role-info"},t("div",{class:"role-full-name"},e," (",this.recipient.email||this.recipient.phone,")"),!this.link&&t("verdocs-button",{size:"small",variant:"outline",label:this.gettingLink?"Loading...":"Get Link",disabled:this.gettingLink,onClick:()=>this.getLink(this.recipient)})),this.link&&t("div",{class:"link-wrapper"},t("div",{class:"link"},this.link),t("verdocs-button",{size:"small",variant:"outline",label:"Copy",onClick:()=>this.copyLink(this.link)}))))),t("div",{class:"buttons"},t("verdocs-button",{size:"small",label:"Done",onClick:e=>this.handleDone(e)}))))}};b.style=h;const f='@-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-switch{font-family:"Inter", "Barlow", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(22px);transform:translateX(22px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(2px);transform:translateX(2px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}';const x=f;const m=class{constructor(t){e(this,t);this.checkedChange=i(this,"checkedChange",7);this.checked=false;this.theme="primary";this.disabled=false}render(){return t("button",{key:"e9153549bcee6b924ce7a7d620d1096fa91782d2",value:"on",type:"button",role:"switch",class:`switch ${this.theme} ${this.disabled?"disabled":""}`,"data-state":this.checked?"checked":"unchecked","aria-checked":this.checked?"checked":"unchecked",onClick:()=>{var e;if(!this.disabled){this.checked=!this.checked;(e=this.checkedChange)===null||e===void 0?void 0:e.emit(this.checked)}}},t("span",{key:"61d97d7571b7f52f186ce44daaf0ef7132c6d5f6","data-state":this.checked?"checked":"unchecked",class:"slider"}))}};m.style=x;export{b as verdocs_envelope_recipient_link,m as verdocs_switch};
+//# sourceMappingURL=p-c2bca18a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsEnvelopeRecipientLinkCss","VerdocsEnvelopeRecipientLinkStyle0","VerdocsEnvelopeRecipientLink","this","envelopeListenerId","VerdocsEndpoint","getDefault","componentWillLoad","endpoint","loadSession","envelopeId","console","log","session","listenToEnvelope","e","_a","sdkError","emit","SDKError","message","_b","response","status","_c","data","disconnectedCallback","unlistenToEnvelope","Store","subscribe","getEnvelope","envelope","loading","recipient","recipients","find","r","role_name","roleName","getLink","store","delListener","handleDone","preventDefault","next","copyLink","link","navigator","clipboard","writeText","then","VerdocsToast","style","duration","catch","warn","gettingLink","getInPersonLink","envelope_id","render","h","Host","fullName","formatFullName","class","email","phone","size","variant","label","disabled","onClick","verdocsSwitchCss","VerdocsSwitchStyle0","VerdocsSwitch","key","value","type","role","theme","checked","checkedChange"],"sources":["src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.scss?tag=verdocs-envelope-recipient-link","src/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.tsx","src/components/controls/verdocs-switch/verdocs-switch.scss?tag=verdocs-switch","src/components/controls/verdocs-switch/verdocs-switch.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-recipient-link {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: 100000;\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n  font-family: $primary-font;\n  background-color: #0000007f;\n\n  .summary-content {\n    width: 600px;\n    display: flex;\n    max-width: 90%;\n    font-size: 18px;\n    flex: 0 0 600px;\n    border-radius: 6px;\n    background: #ffffff;\n    flex-direction: column;\n    padding: 30px 20px 20px;\n\n    .summary-title {\n      font-size: 20px;\n      font-weight: 700;\n      margin: 0 0 10px 0;\n      color: $verdocs-dark-blue;\n    }\n  }\n\n  .summary-recipient {\n    display: flex;\n    color: $verdocs-grey-1;\n    margin: 8px 0 24px 0;\n    flex-direction: column;\n\n    .role-name {\n      flex: 1;\n      display: flex;\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 0 8px 0;\n      color: $verdocs-grey-0;\n    }\n\n    .role-details {\n    }\n\n    .role-info {\n      gap: 5px;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n    }\n\n    .role-full-name {\n      flex: 1;\n      height: 34px;\n      display: flex;\n      font-size: 16px;\n      padding: 0 12px;\n      border-radius: 4px;\n      align-items: center;\n      border: 1px solid #cccccc;\n      background: rgb(249, 250, 251);\n    }\n\n    .recipient-link {\n      width: 120px;\n      padding: 0 16px;\n      font-weight: 500;\n      margin: 0 0 0 8px;\n      text-align: center;\n      font-size: 0.875rem;\n      border-radius: 100%;\n      color: rgb(55, 65, 81);\n      line-height: 1.25rem;\n      background-color: #d8d8d8;\n      border: 2px solid rgb(156, 163, 175);\n    }\n\n    .link-wrapper {\n      gap: 5px;\n      display: flex;\n      margin: 4px 0 0 0;\n      flex-direction: row;\n\n      .link {\n        flex: 1;\n        height: 34px;\n        display: flex;\n        font-size: 16px;\n        padding: 0 12px;\n        overflow: hidden;\n        margin: 0 6px 0 0;\n        border-radius: 4px;\n        white-space: nowrap;\n        align-items: center;\n        text-overflow: ellipsis;\n        border: 1px solid #cccccc;\n        background: rgb(249, 250, 251);\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 15px;\n    margin: 10px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    verdocs-button {\n      flex: 0 0 120px;\n      margin-left: 10px;\n      white-space: nowrap;\n\n      button {\n        width: 100%;\n      }\n    }\n  }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\nimport {formatFullName, getEnvelope, getInPersonLink, IEnvelope, IRecipient, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a single recipient from an envelope, with the opportunity to copy an in-person\n * signing link for that recipient to use.\n */\n@Component({\n  tag: 'verdocs-envelope-recipient-link',\n  styleUrl: 'verdocs-envelope-recipient-link.scss',\n})\nexport class VerdocsEnvelopeRecipientLink {\n  private envelopeListenerId = null;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The envelope ID to edit.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * The role to load.\n   */\n  @Prop() roleName: string = '';\n\n  /**\n   * Event fired when the user clicks Done to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() isOpen: boolean;\n  @State() gettingLink = true;\n  @State() link = '';\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n  @State() recipient: IRecipient | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[RECIPIENT_LINK] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[RECIPIENT_LINK] Error loading envelope', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToEnvelope();\n  }\n\n  async listenToEnvelope() {\n    console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      false,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n\n        this.recipient = (this.envelope?.recipients || []).find(r => r.role_name === this.roleName);\n        this.getLink(this.recipient);\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  handleDone(e: any) {\n    e.preventDefault();\n    this.next?.emit({envelope: this.envelope});\n  }\n\n  copyLink(link: string) {\n    navigator.clipboard\n      .writeText(link)\n      .then(() => VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000}))\n      .catch(e => {\n        console.warn('[RECIPIENT_LINK] Error copying to clipboard', e);\n        VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n      });\n  }\n\n  getLink(recipient: IRecipient) {\n    this.gettingLink = true;\n    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n      .then(response => {\n        this.gettingLink = false;\n        this.link = response.link;\n        // NOTE: Left here for documentation purposes. We don't auto-copy the link because many browsers now\n        // error on that because we aren't the focus/gesture-initiator since we're a new component just being\n        // drawn in the DOM. So we let the user click to trigger that.\n        // this.copyLink(response.link);\n      })\n      .catch(e => {\n        this.gettingLink = false;\n        console.log('[RECIPIENT_LINK] Error getting link', e);\n        VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n      });\n  }\n\n  render() {\n    if (this.loading || !this.recipient) {\n      return <Host />;\n    }\n\n    // const recipientsWithActions = getRecipientsWithActions(this.store.state); const showLinkButton = recipientCanAct(recipient, recipientsWithActions); const link =\n    //   this.links[recipient.role_name]; const gettingLink = this.gettingLinks[recipient.role_name]; return (\n\n    const fullName = formatFullName(this.recipient);\n    return (\n      <Host>\n        <div class=\"summary-content\">\n          <h1 class=\"summary-title\">In-Person Signing Link</h1>\n          <div class=\"summary-rows\">\n            <div class=\"summary-recipient\">\n              <div class=\"role-name\">{this.recipient.role_name}</div>\n              <div class=\"role-details\">\n                <div class=\"role-info\">\n                  <div class=\"role-full-name\">\n                    {fullName} ({this.recipient.email || this.recipient.phone})\n                  </div>\n                  {!this.link && (\n                    <verdocs-button\n                      size=\"small\"\n                      variant=\"outline\"\n                      label={this.gettingLink ? 'Loading...' : 'Get Link'}\n                      disabled={this.gettingLink}\n                      onClick={() => this.getLink(this.recipient)}\n                    />\n                  )}\n                </div>\n\n                {this.link && (\n                  <div class=\"link-wrapper\">\n                    <div class=\"link\">{this.link}</div>\n                    <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(this.link)} />\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n\n          <div class=\"buttons\">\n            <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-switch {\n  font-family: $primary-font;\n\n  .switch {\n    display: inline-flex;\n    height: 24px;\n    width: 44px;\n    flex-shrink: 0;\n    align-items: center;\n    cursor: pointer;\n    border-radius: 12px;\n    border: transparent;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  .switch.primary[data-state='checked'] {\n    background: $primary-color;\n  }\n\n  .switch.primary[data-state='unchecked'] {\n    background: $extra-light-border-color;\n  }\n\n  .switch.secondary[data-state='checked'] {\n    background: $secondary-color;\n  }\n\n  .switch.secondary[data-state='unchecked'] {\n    background: $extra-light-border-color;\n  }\n\n  .slider {\n    display: block;\n    width: 20px;\n    height: 20px;\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow:\n      0 10px 15px -3px rgb(0 0 0 / 0.1),\n      0 4px 6px -4px rgb(0 0 0 / 0.1);\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  .slider[data-state='checked'] {\n    transform: translateX(22px);\n  }\n\n  .slider[data-state='unchecked'] {\n    transform: translateX(2px);\n  }\n\n  .switch.disabled.primary,\n  .switch.disabled.secondary {\n    cursor: not-allowed;\n    background: $dark-disabled-color;\n  }\n}\n","import {Component, Prop, h, EventEmitter, Event} from '@stencil/core';\n\n/**\n * Displays a toggle switch.\n *\n * ```ts\n * <verdocs-switch checked={sendReminders} onCheckedChange={setSendReminders} />\n * ```\n */\n@Component({\n  tag: 'verdocs-switch',\n  styleUrl: 'verdocs-switch.scss',\n})\nexport class VerdocsSwitch {\n  @Prop({mutable: true}) checked: boolean = false;\n\n  /**\n   * Select purple or green treatments.\n   */\n  @Prop() theme: 'primary' | 'secondary' = 'primary';\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  @Event({composed: true}) checkedChange: EventEmitter<boolean>;\n\n  render() {\n    return (\n      <button\n        value=\"on\"\n        type=\"button\"\n        role=\"switch\"\n        class={`switch ${this.theme} ${this.disabled ? 'disabled' : ''}`}\n        data-state={this.checked ? 'checked' : 'unchecked'}\n        aria-checked={this.checked ? 'checked' : 'unchecked'}\n        onClick={() => {\n          if (!this.disabled) {\n            this.checked = !this.checked;\n            this.checkedChange?.emit(this.checked);\n          }\n        }}\n      >\n        <span data-state={this.checked ? 'checked' : 'unchecked'} class=\"slider\"></span>\n      </button>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-c53701b7.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,H as n}from"./p-b9654a5e.js";import{VerdocsEndpoint as i,getTemplates as l,deleteTemplate as a,integerSequence as d,canPerformTemplateAction as c}from"@verdocs/js-sdk";import{S as r}from"./p-fd97809c.js";import{f as o}from"./p-12bab948.js";const h='@-webkit-keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\n@keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\nverdocs-templates-list {\n  display: -ms-flexbox;\n  display: flex;\n  padding: 10px;\n  font-size: 18px;\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n  border-radius: 6px;\n  color: #33364b;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  font-family: "Inter", "Barlow", sans-serif;\n}\nverdocs-templates-list .header {\n  width: 100%;\n  row-gap: 4px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-column-gap: 12px;\n  -moz-column-gap: 12px;\n  column-gap: 12px;\n  margin: 0 0 10px 0;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n}\nverdocs-templates-list .header .filter {\n  width: 150px;\n}\nverdocs-templates-list .header verdocs-text-input {\n  margin: 0;\n}\nverdocs-templates-list .header verdocs-text-input input {\n  height: 32px;\n}\nverdocs-templates-list .filter {\n  -ms-flex-align: center;\n  align-items: center;\n}\nverdocs-templates-list .template-placeholder {\n  height: 48px;\n  -ms-flex: 0 0 48px;\n  flex: 0 0 48px;\n  margin: 5px 0;\n  border-radius: 5px;\n  background: #f5f5fa;\n}\nverdocs-templates-list .template {\n  width: 100%;\n  margin: 2px 0;\n  border: 1px solid #ffffff;\n  background: #ffffff;\n}\nverdocs-templates-list .template:hover {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .template .inner {\n  gap: 12px;\n  display: -ms-flexbox;\n  display: flex;\n  padding: 8px 14px;\n  border-radius: 5px;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  -ms-flex-align: center;\n  align-items: center;\n  container-type: inline-size;\n}\nverdocs-templates-list .template .inner svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .name {\n  -ms-flex: 1;\n  flex: 1;\n  display: -ms-flexbox;\n  display: flex;\n  color: black;\n  font-size: 16px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n@media screen and (max-width: 1300px) {\n  verdocs-templates-list .name {\n    font-size: 16px;\n  }\n}\nverdocs-templates-list .spacer {\n  margin: 0;\n  height: 30px;\n  -ms-flex: 0 0 1px;\n  flex: 0 0 1px;\n  display: -ms-flexbox;\n  display: flex;\n  border-right: 1px solid #dad8dd;\n}\n@media screen and (max-width: 800px) {\n  verdocs-templates-list .spacer {\n    display: none;\n  }\n}\nverdocs-templates-list .empty-text {\n  font-size: 20px;\n  text-align: center;\n  margin: 16px 0 0 0;\n  padding: 80px 80px;\n  border: 2px solid #ccc;\n}\nverdocs-templates-list .usage,\nverdocs-templates-list .ownership,\nverdocs-templates-list .last-used {\n  gap: 10px;\n  color: #444;\n  display: -ms-flexbox;\n  display: flex;\n  font-size: 16px;\n  margin: 0 0 0 10px;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .usage svg,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .ownership svg,\nverdocs-templates-list .last-used span,\nverdocs-templates-list .last-used svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .last-used span {\n  display: block;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list verdocs-template-star {\n    display: none;\n  }\n}\nverdocs-templates-list .ownership {\n  -ms-flex: 0 0 100px;\n  flex: 0 0 100px;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list .ownership {\n    display: none;\n  }\n}\nverdocs-templates-list .last-used {\n  -ms-flex: 0 0 130px;\n  flex: 0 0 130px;\n}\nverdocs-templates-list .usage {\n  -ms-flex: 0 0 60px;\n  flex: 0 0 60px;\n}\nverdocs-templates-list .header-row {\n  display: none;\n}\nverdocs-templates-list table {\n  container-type: size;\n  max-width: 100%;\n  overflow: hidden;\n  table-layout: fixed;\n}\nverdocs-templates-list .data-row {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .data-col svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .col-name {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@container (max-width:700 px) {\n  verdocs-templates-list verdocs-templates-list .col-starred {\n    display: none;\n  }\n}';const p=h;const v=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" /></svg>`;const m=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg>`;const f=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21" /></svg>`;const u=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" /></svg>`;const x=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 122.88"><g><path d="M81.61,4.73c0-2.61,2.58-4.73,5.77-4.73c3.19,0,5.77,2.12,5.77,4.73v20.72c0,2.61-2.58,4.73-5.77,4.73 c-3.19,0-5.77-2.12-5.77-4.73V4.73L81.61,4.73z M66.11,103.81c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,103.81z M15.85,67.09c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,67.09z M40.98,67.09 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,67.09z M66.11,67.09c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9c0.34,0,0.61,1.43,0.61,3.2 c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,67.09z M91.25,67.09c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H91.25L91.25,67.09z M15.85,85.45c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,85.45z M40.98,85.45 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,85.45z M66.11,85.45c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9c0.34,0,0.61,1.43,0.61,3.2 c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,85.45z M91.25,85.45c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H91.25L91.25,85.45z M15.85,103.81c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,103.81z M40.98,103.81 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,103.81z M29.61,4.73c0-2.61,2.58-4.73,5.77-4.73s5.77,2.12,5.77,4.73v20.72c0,2.61-2.58,4.73-5.77,4.73 s-5.77-2.12-5.77-4.73V4.73L29.61,4.73z M6.4,45.32h110.07V21.47c0-0.8-0.33-1.53-0.86-2.07c-0.53-0.53-1.26-0.86-2.07-0.86H103 c-1.77,0-3.2-1.43-3.2-3.2c0-1.77,1.43-3.2,3.2-3.2h10.55c2.57,0,4.9,1.05,6.59,2.74c1.69,1.69,2.74,4.02,2.74,6.59v27.06v65.03 c0,2.57-1.05,4.9-2.74,6.59c-1.69,1.69-4.02,2.74-6.59,2.74H9.33c-2.57,0-4.9-1.05-6.59-2.74C1.05,118.45,0,116.12,0,113.55V48.52 V21.47c0-2.57,1.05-4.9,2.74-6.59c1.69-1.69,4.02-2.74,6.59-2.74H20.6c1.77,0,3.2,1.43,3.2,3.2c0,1.77-1.43,3.2-3.2,3.2H9.33 c-0.8,0-1.53,0.33-2.07,0.86c-0.53,0.53-0.86,1.26-0.86,2.07V45.32L6.4,45.32z M116.48,51.73H6.4v61.82c0,0.8,0.33,1.53,0.86,2.07 c0.53,0.53,1.26,0.86,2.07,0.86h104.22c0.8,0,1.53-0.33,2.07-0.86c0.53-0.53,0.86-1.26,0.86-2.07V51.73L116.48,51.73z M50.43,18.54 c-1.77,0-3.2-1.43-3.2-3.2c0-1.77,1.43-3.2,3.2-3.2h21.49c1.77,0,3.2,1.43,3.2,3.2c0,1.77-1.43,3.2-3.2,3.2H50.43L50.43,18.54z"/></g></svg>`;const g=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 410.2"><path d="M35.28 35.51h32.54v43.42c0 10.58 4.27 20.06 11.35 27.23 17.03 17.14 45.5 17.45 63.06.93 7.71-7.29 12.4-17.14 12.4-28.16V35.51h65.71v43.42c0 6.34 1.56 12.3 4.35 17.6 2.03 3.85 4.71 7.37 7.92 10.43l2.41 2.24c1.79 1.46 3.71 2.79 5.76 3.97l.31.18.07.04.25.13.16.1.15.08.27.14.05.03.32.17.05.03.27.13.15.08.17.09.26.12.07.04.32.16.03.01.31.15.12.06.2.09.24.11.1.05.33.14.34.16.1.04.23.1.21.09.13.05.31.13h.03l.34.14.08.04.27.1.18.07.16.06.3.11.05.02.34.12.06.02.3.11.16.05.19.07.26.09.09.03.35.12.02.01.34.1.13.04.22.07.25.07.11.03.36.11.36.1.11.03.25.07.22.06.14.04.34.09h.02l.37.1.08.02.29.06.19.05.17.03.32.08.05.01.37.08.06.01.31.06.17.04.21.03.28.06.09.02.37.07h.03l.35.06.14.03.23.03.27.04.11.02.38.06.38.05.12.01.26.04.23.03.15.01.35.05h.03l.39.04.08.01.3.02.21.02.17.02.34.02.05.01.39.03h.05l.34.02.18.01.21.01.3.02h.08l.39.01.03.01.36.01h.39l.28.01h.96l.33-.01h.39l.18-.01.2-.01.25-.01h.13l.32-.02h.07l.38-.02h.01l.37-.02.07-.01.32-.02.12-.01.26-.02.19-.02.19-.02.25-.02.13-.01.31-.04h.07l.37-.05h.01l.37-.04.06-.01.32-.04.12-.02.26-.03.18-.03.19-.03.24-.04.14-.02.3-.05.07-.01.36-.06h.01l.37-.07.05-.01.32-.06.12-.02.25-.05.18-.04.19-.04.23-.05.14-.03.29-.07.08-.01.35-.08.01-.01.36-.08.05-.02.31-.08.11-.02.25-.07.17-.04.2-.06.22-.05.14-.05.28-.08.07-.02.34-.09.02-.01.36-.11.03-.01.32-.1.1-.03.25-.08.16-.05.19-.07.22-.07.13-.04.28-.1.08-.03.32-.11.02-.01.35-.13.04-.01.3-.11.09-.04.26-.1.15-.06.19-.07.21-.09.13-.05.26-.11.08-.03.32-.13.02-.01.33-.14.04-.02.3-.13.09-.04.24-.11.14-.07.19-.08.19-.1.14-.06.25-.12.08-.03.3-.16h.03l.32-.17.03-.01.29-.16.09-.04.24-.12.13-.07.19-.1.18-.1.14-.07.23-.13.08-.05.29-.16.03-.01.31-.18c1.11-.64 2.17-1.31 3.2-2.03l2.71-1.95c4.36-3.56 7.92-7.88 10.43-12.76 2.73-5.26 4.25-11.19 4.25-17.5V35.51h33.97c9.68 0 18.5 3.98 24.91 10.38 6.4 6.37 10.38 15.2 10.38 24.9V192.9H365.1v-53.83H11.3v233.49c0 15.25 12.49 27.74 27.75 27.74h298.3c15.27 0 27.75-12.51 27.75-27.74V325.6h11.31v49.32c0 9.7-3.98 18.53-10.37 24.91-6.42 6.39-15.24 10.37-24.92 10.37H35.28c-9.68 0-18.49-3.97-24.89-10.37C3.97 393.41 0 384.59 0 374.92V70.79C0 61.12 3.97 52.3 10.36 45.9c6.43-6.42 15.25-10.39 24.92-10.39zm211.43-21.54c0-7.71 7.61-13.97 17.03-13.97 9.42 0 17.04 6.26 17.04 13.97v64.96c0 7.7-7.62 13.96-17.04 13.96-9.42 0-17.03-6.26-17.03-13.96V13.97zm-152.52 0C94.19 6.26 101.81 0 111.23 0c9.42 0 17.03 6.26 17.03 13.97v64.96c0 7.7-7.61 13.96-17.03 13.96-9.42 0-17.04-6.26-17.04-13.96V13.97zm311.37 327.72c1.48-14.79 2.69-32.45 3.59-46.5h-75.88v-71.88h77.43c-.39-14.06-1.17-31.75-2.35-46.58-.96-5.93 6.02-9.73 10.51-5.9l90.89 82.99c2.7 2.31 3.02 6.38.7 9.08l-.74.73-93.65 84.05c-4.6 3.89-11.47-.19-10.5-5.99zM63.51 286h50.56c3.53 0 6.43 2.91 6.43 6.44v42.06c0 3.52-2.91 6.44-6.43 6.44H63.51c-3.53 0-6.44-2.91-6.44-6.44v-42.06c0-3.54 2.9-6.44 6.44-6.44zm198.44-98.62h50.55c3.23 0 5.92 2.43 6.37 5.52h-16v49.42h-40.92c-3.53 0-6.45-2.9-6.45-6.45v-42.05c0-3.54 2.9-6.44 6.45-6.44zm0 98.62h40.92v39.6h16.07v8.9c0 3.52-2.92 6.44-6.44 6.44h-50.55c-3.53 0-6.45-2.91-6.45-6.44v-42.06c0-3.54 2.9-6.44 6.45-6.44zm-98.5-98.62h50.56c3.53 0 6.43 2.92 6.43 6.44v42.05c0 3.53-2.91 6.45-6.43 6.45h-50.56c-3.53 0-6.44-2.9-6.44-6.45v-42.05c0-3.54 2.9-6.44 6.44-6.44zm-99.94 0h50.56c3.53 0 6.43 2.92 6.43 6.44v42.05c0 3.53-2.91 6.45-6.43 6.45H63.51c-3.53 0-6.44-2.9-6.44-6.45v-42.05c0-3.54 2.9-6.44 6.44-6.44zM163.45 286h50.56c3.53 0 6.43 2.91 6.43 6.44v42.06c0 3.52-2.91 6.44-6.43 6.44h-50.56c-3.53 0-6.44-2.91-6.44-6.44v-42.06c0-3.54 2.9-6.44 6.44-6.44z"/></svg>`;const b=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 506.49"><path fill-rule="nonzero" d="m371.06 415.61-43.25 11.52 6.23-46.41 37.02 34.89zm6.76-177.5c36.98 0 70.56 15.04 94.83 39.35C496.96 301.7 512 335.25 512 372.31c0 37.02-15.02 70.61-39.3 94.88l-.68.64c-24.23 23.88-57.5 38.66-94.2 38.66-37.06 0-70.61-15.04-94.88-39.31l-.64-.69c-23.9-24.24-38.68-57.53-38.68-94.18 0-37.06 15.04-70.61 39.32-94.89 24.27-24.27 57.85-39.31 94.88-39.31zm78.74 55.41c-20.09-20.11-47.96-32.58-78.74-32.58-30.75 0-58.61 12.47-78.75 32.62-20.15 20.14-32.62 48-32.62 78.75 0 30.5 12.25 58.14 32.02 78.19l.6.55c20.14 20.14 48 32.61 78.75 32.61 30.48 0 58.12-12.25 78.21-32.02l.54-.58c20.15-20.15 32.61-48 32.61-78.75s-12.48-58.61-32.62-78.79zM294.24 17.11C294.24 7.69 303.52 0 315.1 0c11.57 0 20.87 7.64 20.87 17.11v74.85c0 9.42-9.3 17.11-20.87 17.11-11.58 0-20.86-7.65-20.86-17.11V17.11zM56.8 242.28c-1.17 0-2.23-5.2-2.23-11.57 0-6.38.92-11.53 2.23-11.53h56.94c1.18 0 2.24 5.2 2.24 11.53 0 6.39-.92 11.57-2.24 11.57H56.8zm90.77 0c-1.17 0-2.23-5.2-2.23-11.57 0-6.38.92-11.53 2.23-11.53h56.94c1.18 0 2.24 5.2 2.24 11.53 0 6.39-.92 11.57-2.24 11.57h-56.94zm90.77 0c-1.16 0-2.22-5.2-2.22-11.57 0-6.38.92-11.53 2.22-11.53h56.94c1.19 0 2.25 5.15 2.25 11.49-5.7 3.55-11.2 7.44-16.43 11.61h-42.76zm-181.4 66.24c-1.18 0-2.24-5.2-2.24-11.57 0-6.38.93-11.58 2.24-11.58h56.94c1.18 0 2.22 5.2 2.22 11.58 0 6.37-.91 11.57-2.22 11.57H56.94zm90.77 0c-1.18 0-2.24-5.2-2.24-11.57 0-6.38.93-11.58 2.24-11.58h56.94c1.18 0 2.23 5.2 2.23 11.58 0 6.37-.92 11.57-2.23 11.57h-56.94zM57.06 374.8c-1.18 0-2.24-5.2-2.24-11.59 0-6.36.94-11.56 2.24-11.56H114c1.19 0 2.24 5.2 2.24 11.56 0 6.39-.93 11.59-2.24 11.59H57.06zm90.78 0c-1.19 0-2.25-5.2-2.25-11.59 0-6.36.94-11.56 2.25-11.56h56.94c1.18 0 2.24 5.2 2.24 11.56 0 6.39-.94 11.59-2.24 11.59h-56.94zM106.83 17.11C106.83 7.69 116.1 0 127.69 0c11.57 0 20.86 7.64 20.86 17.11v74.85c0 9.42-9.34 17.11-20.86 17.11-11.59 0-20.86-7.65-20.86-17.11V17.11zM22.97 163.64h397.39V77.46c0-2.94-1.19-5.53-3.09-7.43-1.9-1.9-4.59-3.08-7.42-3.08h-38.1c-6.39 0-11.59-5.2-11.59-11.57 0-6.38 5.2-11.58 11.59-11.58h38.1c9.32 0 17.7 3.77 23.82 9.88 6.12 6.14 9.88 14.5 9.88 23.83v136.81c-7.61-2.62-15.41-4.73-23.44-6.29v-21.38h.25H22.97v223.17c0 2.94 1.18 5.52 3.08 7.42 1.91 1.9 4.61 3.08 7.44 3.08h188.85c2.16 8.02 4.86 15.84 8.11 23.36H33.71c-9.3 0-17.7-3.75-23.84-9.89C3.75 427.72 0 419.36 0 410.02V77.55c0-9.29 3.75-17.7 9.87-23.82 6.14-6.13 14.5-9.89 23.84-9.89h40.67c6.38 0 11.57 5.2 11.57 11.57C85.95 61.8 80.76 67 74.38 67H33.71c-2.96 0-5.54 1.18-7.44 3.08-1.9 1.9-3.09 4.59-3.09 7.43v86.16h-.21v-.03zm158.95-96.69c-6.39 0-11.57-5.2-11.57-11.57 0-6.38 5.18-11.58 11.57-11.58h77.55c6.39 0 11.57 5.2 11.57 11.58 0 6.37-5.18 11.57-11.57 11.57h-77.55zm161.66 303.24 45.37-51.33c.72-.84 1.78-1.34 2.85-1.36.69-.01 1.37.13 1.98.45l32.94 29.96c.66.59 1.05 1.46 1.06 2.35.02 1-.39 1.98-1.16 2.66l-46.15 52.16-36.95-34.89h.06z"/></svg>`;const w=[{value:"private_shared",label:"Personal + Shared"},{value:"private",label:"Personal"},{value:"shared",label:"Shared"},{value:"public",label:"Public"}];const k=[{value:"all",label:"All"},{value:"starred",label:"Starred"},{value:"unstarred",label:"Not Starred"}];const y=[{value:"name",label:"Name"},{value:"created_at",label:"Created"},{value:"updated_at",label:"Last Updated"},{value:"last_used_at",label:"Last Used"},{value:"counter",label:"Most Used"},{value:"star_counter",label:"Most Starred"}];const z=class{constructor(s){e(this,s);this.sdkError=t(this,"sdkError",7);this.viewTemplate=t(this,"viewTemplate",7);this.signNow=t(this,"signNow",7);this.submittedData=t(this,"submittedData",7);this.editTemplate=t(this,"editTemplate",7);this.templateDeleted=t(this,"templateDeleted",7);this.changeSort=t(this,"changeSort",7);this.changeVisibility=t(this,"changeVisibility",7);this.changeStarred=t(this,"changeStarred",7);this.changeName=t(this,"changeName",7);this.handleOptionSelected=(e,t)=>{var s,n,i,l;if(e==="send"){(s=this.viewTemplate)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,template:t})}else if(e==="signnow"){(n=this.signNow)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,template:t})}else if(e==="submitted"){(i=this.submittedData)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,template:t})}else if(e==="edit"){(l=this.editTemplate)===null||l===void 0?void 0:l.emit({endpoint:this.endpoint,template:t})}else if(e==="delete"){this.confirmDelete=t}};this.endpoint=i.getDefault();this.visibility="private_shared";this.starred="all";this.sort="updated_at";this.name="";this.allowedActions=["send","submitted","link","edit","delete"];this.showPagination=true;this.rowsPerPage=10;this.selectedPage=0;this.count=0;this.initiallyLoaded=false;this.loading=true;this.confirmDelete=null;this.templates=[];this.localNameFilter=""}handleSharingUpdated(){return this.queryTemplates()}handleStarredUpdated(){return this.queryTemplates()}handleSortUpdated(){return this.queryTemplates()}handleNameUpdated(){return this.queryTemplates()}handlePageUpdated(){return this.queryTemplates()}componentWillLoad(){this.endpoint.loadSession();if(!this.endpoint.session){console.log("[TEMPLATES] Must be authenticated");return}}async componentDidLoad(){await this.queryTemplates();this.initiallyLoaded=true}async queryTemplates(){var e,t,s;console.log("[TEMPLATES] Querying templates");this.loading=true;try{let e={visibility:this.visibility,page:this.selectedPage,rows:this.rowsPerPage};if(this.name.trim()!==""){e.q=this.name.trim()}const t=await l(this.endpoint,e);this.templates=t.templates;this.count=t.count;this.loading=false}catch(n){this.loading=false;console.log("[TEMPLATES] Error listing templates",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new r(n.message,(t=n.response)===null||t===void 0?void 0:t.status,(s=n.response)===null||s===void 0?void 0:s.data))}}deleteTemplate(e){this.confirmDelete=null;a(this.endpoint,e.id).then((()=>{var t;console.log("[TEMPLATES] Deleted template",e);(t=this.templateDeleted)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:e});return this.queryTemplates()})).catch((t=>{var s,n,i;console.log("[TEMPLATES] Error deleting template",e);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new r(t.message,(n=t.response)===null||n===void 0?void 0:n.status,(i=t.response)===null||i===void 0?void 0:i.data))}))}render(){const e=!this.localNameFilter?this.templates:this.templates.filter((e=>e.name.toLowerCase().includes(this.localNameFilter.toLowerCase())));return s(n,{key:"8a4c436255e24af2dd9bffaa108a3c62ea72accc"},s("div",{key:"a28f3b140c708fc9491a1567b7e0977d00b02b23",class:"header"},s("div",{key:"ecb9bf6ea174af19a155b3bffdd9f3df6e3d0452",class:"filter"},s("verdocs-text-input",{key:"b4f4046fee300d2deefe70246158cb6048844e75",id:"verdocs-filter-name",value:this.name,clearable:true,autocomplete:"off",placeholder:"Filter by Name...",onInput:e=>this.localNameFilter=e.target.value.trim(),onFocusout:e=>{var t;this.name=e.target.value.trim();this.localNameFilter=e.target.value.trim();(t=this.changeName)===null||t===void 0?void 0:t.emit(this.name)}})),s("verdocs-quick-filter",{key:"c070d309bdf00dbdcb244929cbe3f16ce404656f",label:"Visibility",value:this.visibility,options:w,onOptionSelected:e=>{var t;this.visibility=e.detail.value;(t=this.changeVisibility)===null||t===void 0?void 0:t.emit(this.visibility)}}),s("verdocs-quick-filter",{key:"ed6d35f557ae3c39498b020167e572024d8c2fa0",label:"Starred",value:this.starred,options:k,onOptionSelected:e=>{var t;this.starred=e.detail.value;(t=this.changeStarred)===null||t===void 0?void 0:t.emit(this.starred)}}),s("verdocs-quick-filter",{key:"59ae730527224140d6b4ae1f94878ccc3cc9e5e8",label:"Sort By",value:this.sort,options:y,onOptionSelected:e=>{var t;this.sort=e.detail.value;(t=this.changeSort)===null||t===void 0?void 0:t.emit(this.sort)}}),this.loading&&s("verdocs-spinner",{key:"10c67eddf0cd00c85f636251b276f8fb6acc8a0c",mode:"dark",size:24}),s("div",{key:"615ebf459f9ee6c07a171393844add188b1af82a",style:{display:"flex",flex:"1"}})),e.map((e=>{const t=this.sort==="created_at"?"created_at":this.sort==="updated_at"?"updated_at":"last_used_at";const n=e[t];const i=[];const l=[];if(this.allowedActions.includes("send")){i.push({label:"Preview / Send",id:"send",disabled:!c(this.endpoint.profile,"read",e)})}if(this.allowedActions.includes("signnow")){i.push({label:"Sign Now",id:"signnow",disabled:true})}if(this.allowedActions.includes("submitted")){i.push({label:""});i.push({label:"Submissions",id:"submitted",disabled:!c(this.endpoint.profile,"read",e)})}if(this.allowedActions.includes("link")||this.allowedActions.includes("edit")||this.allowedActions.includes("delete")){i.push({label:""});if(this.allowedActions.includes("link")||this.allowedActions.includes("edit")||this.allowedActions.includes("delete")){i.push({label:"Edit",id:"edit",disabled:!l.includes("write")})}if(this.allowedActions.includes("link")||this.allowedActions.includes("edit")||this.allowedActions.includes("delete")){i.push({label:"Delete",id:"delete",disabled:!l.includes("delete")})}}return s("div",{class:"template",onClick:()=>{var t;(t=this.viewTemplate)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:e})}},s("div",{class:"inner"},s("verdocs-template-star",{template:e,endpoint:this.endpoint}),s("div",{class:"spacer icon-spacer"}),s("div",{class:"name"},e.name),s("div",{class:"spacer usage-spacer"}),s("div",{class:"usage"},s("span",{innerHTML:u,title:"Usage Counter"}),e.counter||"--"),s("div",{class:"spacer last-used-spacer"}),s("div",{class:"last-used"},t==="created_at"&&s("span",{innerHTML:x,title:"Created"}),t==="updated_at"&&s("span",{innerHTML:b,title:"Last Updated"}),t==="last_used_at"&&s("span",{innerHTML:g,title:"Last Used"}),n?o(new Date(n),"P"):"Never"),s("div",{class:"spacer ownership-spacer"}),e.is_public&&s("div",{class:"ownership"},s("span",{innerHTML:v})," Public"),!e.is_public&&!e.is_personal&&s("div",{class:"ownership"},s("span",{innerHTML:m})," Private"),!e.is_public&&e.is_personal&&s("div",{class:"ownership"},s("span",{innerHTML:f})," Shared"),s("verdocs-dropdown",{options:i,onOptionSelected:t=>this.handleOptionSelected(t.detail.id,e)})))})),!this.initiallyLoaded&&s("div",{key:"3163f2916038b79f02e5cbda0c73d8da99b7770c"},d(0,this.rowsPerPage).map((()=>s("div",{class:"template-placeholder"})))),this.initiallyLoaded&&!this.templates.length&&s("div",{key:"ad467ef5f9d17286134252e0dac59584a670f381",class:"empty-text"},"No matching templates found. Please adjust your filters and try again."),this.initiallyLoaded&&this.templates.length&&this.showPagination?s("div",{style:{marginTop:"20px"}},s("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:e=>{this.selectedPage=e.detail.selectedPage}})):s("div",null),this.confirmDelete&&s("verdocs-ok-dialog",{key:"523648491adbf8f81da3b3e2a239d671b3e087d6",heading:"Delete this Template?",message:"This operation cannot be undone.",onNext:()=>this.deleteTemplate(this.confirmDelete),onExit:()=>this.confirmDelete=null,showCancel:true}))}static get watchers(){return{sharing:["handleSharingUpdated"],starred:["handleStarredUpdated"],sort:["handleSortUpdated"],name:["handleNameUpdated"],selectedPage:["handlePageUpdated"]}}};z.style=p;export{z as verdocs_templates_list};
+//# sourceMappingURL=p-c53701b7.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsTemplatesListCss","VerdocsTemplatesListStyle0","GlobeAltIcon","LockClosedIcon","BuildingOfficeIcon","EnvelopeIcon","CreatedIcon","LastUsedIcon","UpdatedIcon","VisibilityFilters","value","label","StarredFilters","SortOptions","VerdocsTemplatesList","this","handleOptionSelected","option","template","_a","viewTemplate","emit","endpoint","_b","signNow","_c","submittedData","_d","editTemplate","confirmDelete","VerdocsEndpoint","getDefault","handleSharingUpdated","queryTemplates","handleStarredUpdated","handleSortUpdated","handleNameUpdated","handlePageUpdated","componentWillLoad","loadSession","session","console","log","componentDidLoad","initiallyLoaded","loading","queryParams","visibility","page","selectedPage","rows","rowsPerPage","name","trim","q","response","getTemplates","templates","count","e","sdkError","SDKError","message","status","data","deleteTemplate","id","then","templateDeleted","catch","render","locallyFilteredTemplates","localNameFilter","filter","t","toLowerCase","includes","h","Host","key","class","clearable","autocomplete","placeholder","onInput","target","onFocusout","changeName","options","onOptionSelected","detail","changeVisibility","starred","changeStarred","sort","changeSort","mode","size","style","display","flex","map","dateToShow","date","MENU_OPTIONS","allowed_operations","allowedActions","push","disabled","canPerformTemplateAction","profile","onClick","innerHTML","title","counter","format","Date","is_public","is_personal","integerSequence","length","showPagination","marginTop","perPage","itemCount","onSelectPage","heading","onNext","onExit","showCancel"],"sources":["src/components/templates/verdocs-templates-list/verdocs-templates-list.scss?tag=verdocs-templates-list","src/components/templates/verdocs-templates-list/verdocs-templates-list.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-templates-list {\n  display: flex;\n  padding: 10px;\n  font-size: 18px;\n  flex-wrap: nowrap;\n  border-radius: 6px;\n  color: $label-color;\n  flex-direction: column;\n  font-family: $primary-font;\n\n  .header {\n    width: 100%;\n    row-gap: 4px;\n    display: flex;\n    flex-wrap: wrap;\n    column-gap: 12px;\n    margin: 0 0 10px 0;\n    align-items: center;\n    flex-direction: row;\n\n    .filter {\n      width: 150px;\n    }\n\n    verdocs-text-input {\n      margin: 0;\n\n      input {\n        height: 32px;\n      }\n    }\n  }\n\n  .filter {\n    align-items: center;\n  }\n\n  .template-placeholder {\n    height: 48px;\n    flex: 0 0 48px;\n    margin: 5px 0;\n    border-radius: 5px;\n    background: $verdocs-grey-3;\n  }\n\n  .template {\n    width: 100%;\n    margin: 2px 0;\n    border: 1px solid #ffffff;\n    background: $verdocs-grey-4;\n\n    &:hover {\n      cursor: pointer;\n      background: #ededff;\n      border: 1px solid #a7a7f5;\n    }\n\n    .inner {\n      gap: 12px;\n      display: flex;\n      padding: 8px 14px;\n      border-radius: 5px;\n      flex-direction: row;\n      align-items: center;\n      container-type: inline-size;\n\n      svg {\n        width: 24px;\n        height: 24px;\n      }\n    }\n  }\n\n  .name {\n    flex: 1;\n    display: flex;\n    color: black;\n    font-size: 16px;\n    //margin-left: 10px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    @media screen and (max-width: 1300px) {\n      font-size: 16px;\n    }\n\n    @media screen and (max-width: 700px) {\n      //flex: 0;\n    }\n  }\n\n  .spacer {\n    margin: 0;\n    height: 30px;\n    flex: 0 0 1px;\n    display: flex;\n    border-right: 1px solid #dad8dd;\n\n    @media screen and (max-width: 800px) {\n      display: none;\n    }\n  }\n\n  .empty-text {\n    font-size: 20px;\n    text-align: center;\n    margin: 16px 0 0 0;\n    padding: 80px 80px;\n    border: 2px solid #ccc;\n  }\n\n  .usage,\n  .ownership,\n  .last-used {\n    gap: 10px;\n    color: #444;\n    display: flex;\n    font-size: 16px;\n    margin: 0 0 0 10px;\n    align-items: center;\n    flex-direction: row;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    span,\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n\n    span {\n      display: block;\n    }\n  }\n\n  verdocs-template-star {\n    @media screen and (max-width: 700px) {\n      display: none;\n    }\n  }\n\n  .ownership {\n    flex: 0 0 100px;\n\n    @media screen and (max-width: 700px) {\n      display: none;\n    }\n  }\n\n  .last-used {\n    flex: 0 0 130px;\n  }\n\n  .usage {\n    flex: 0 0 60px;\n  }\n\n  .header-row {\n    display: none;\n  }\n\n  table {\n    container-type: size;\n    max-width: 100%;\n    overflow: hidden;\n    table-layout: fixed;\n  }\n\n  .data-row {\n    cursor: pointer;\n    background: #ededff;\n    border: 1px solid #a7a7f5;\n  }\n\n  .data-col {\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .col-name {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  verdocs-templates-list {\n    @container (max-width:700 px) {\n      .col-starred {\n        display: none;\n      }\n    }\n  }\n}\n","import {format} from 'date-fns';\nimport {deleteTemplate, getTemplates, TTemplateAction, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {integerSequence, ITemplate, IGetTemplatesParams, canPerformTemplateAction} from '@verdocs/js-sdk';\nimport {Component, Event, EventEmitter, h, Host, Prop, State, Watch} from '@stencil/core';\nimport {IFilterOption} from '../../controls/verdocs-quick-filter/verdocs-quick-filter';\nimport {IMenuOption} from '../../controls/verdocs-dropdown/verdocs-dropdown';\nimport {SDKError} from '../../../utils/errors';\n\nconst GlobeAltIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418\" /></svg>`;\nconst LockClosedIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z\" /></svg>`;\nconst BuildingOfficeIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21\" /></svg>`;\nconst EnvelopeIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75\" /></svg>`;\nconst CreatedIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 122.88 122.88\"><g><path d=\"M81.61,4.73c0-2.61,2.58-4.73,5.77-4.73c3.19,0,5.77,2.12,5.77,4.73v20.72c0,2.61-2.58,4.73-5.77,4.73 c-3.19,0-5.77-2.12-5.77-4.73V4.73L81.61,4.73z M66.11,103.81c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,103.81z M15.85,67.09c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,67.09z M40.98,67.09 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,67.09z M66.11,67.09c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9c0.34,0,0.61,1.43,0.61,3.2 c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,67.09z M91.25,67.09c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H91.25L91.25,67.09z M15.85,85.45c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,85.45z M40.98,85.45 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,85.45z M66.11,85.45c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9c0.34,0,0.61,1.43,0.61,3.2 c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,85.45z M91.25,85.45c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H91.25L91.25,85.45z M15.85,103.81c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,103.81z M40.98,103.81 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,103.81z M29.61,4.73c0-2.61,2.58-4.73,5.77-4.73s5.77,2.12,5.77,4.73v20.72c0,2.61-2.58,4.73-5.77,4.73 s-5.77-2.12-5.77-4.73V4.73L29.61,4.73z M6.4,45.32h110.07V21.47c0-0.8-0.33-1.53-0.86-2.07c-0.53-0.53-1.26-0.86-2.07-0.86H103 c-1.77,0-3.2-1.43-3.2-3.2c0-1.77,1.43-3.2,3.2-3.2h10.55c2.57,0,4.9,1.05,6.59,2.74c1.69,1.69,2.74,4.02,2.74,6.59v27.06v65.03 c0,2.57-1.05,4.9-2.74,6.59c-1.69,1.69-4.02,2.74-6.59,2.74H9.33c-2.57,0-4.9-1.05-6.59-2.74C1.05,118.45,0,116.12,0,113.55V48.52 V21.47c0-2.57,1.05-4.9,2.74-6.59c1.69-1.69,4.02-2.74,6.59-2.74H20.6c1.77,0,3.2,1.43,3.2,3.2c0,1.77-1.43,3.2-3.2,3.2H9.33 c-0.8,0-1.53,0.33-2.07,0.86c-0.53,0.53-0.86,1.26-0.86,2.07V45.32L6.4,45.32z M116.48,51.73H6.4v61.82c0,0.8,0.33,1.53,0.86,2.07 c0.53,0.53,1.26,0.86,2.07,0.86h104.22c0.8,0,1.53-0.33,2.07-0.86c0.53-0.53,0.86-1.26,0.86-2.07V51.73L116.48,51.73z M50.43,18.54 c-1.77,0-3.2-1.43-3.2-3.2c0-1.77,1.43-3.2,3.2-3.2h21.49c1.77,0,3.2,1.43,3.2,3.2c0,1.77-1.43,3.2-3.2,3.2H50.43L50.43,18.54z\"/></g></svg>`;\nconst LastUsedIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 410.2\"><path d=\"M35.28 35.51h32.54v43.42c0 10.58 4.27 20.06 11.35 27.23 17.03 17.14 45.5 17.45 63.06.93 7.71-7.29 12.4-17.14 12.4-28.16V35.51h65.71v43.42c0 6.34 1.56 12.3 4.35 17.6 2.03 3.85 4.71 7.37 7.92 10.43l2.41 2.24c1.79 1.46 3.71 2.79 5.76 3.97l.31.18.07.04.25.13.16.1.15.08.27.14.05.03.32.17.05.03.27.13.15.08.17.09.26.12.07.04.32.16.03.01.31.15.12.06.2.09.24.11.1.05.33.14.34.16.1.04.23.1.21.09.13.05.31.13h.03l.34.14.08.04.27.1.18.07.16.06.3.11.05.02.34.12.06.02.3.11.16.05.19.07.26.09.09.03.35.12.02.01.34.1.13.04.22.07.25.07.11.03.36.11.36.1.11.03.25.07.22.06.14.04.34.09h.02l.37.1.08.02.29.06.19.05.17.03.32.08.05.01.37.08.06.01.31.06.17.04.21.03.28.06.09.02.37.07h.03l.35.06.14.03.23.03.27.04.11.02.38.06.38.05.12.01.26.04.23.03.15.01.35.05h.03l.39.04.08.01.3.02.21.02.17.02.34.02.05.01.39.03h.05l.34.02.18.01.21.01.3.02h.08l.39.01.03.01.36.01h.39l.28.01h.96l.33-.01h.39l.18-.01.2-.01.25-.01h.13l.32-.02h.07l.38-.02h.01l.37-.02.07-.01.32-.02.12-.01.26-.02.19-.02.19-.02.25-.02.13-.01.31-.04h.07l.37-.05h.01l.37-.04.06-.01.32-.04.12-.02.26-.03.18-.03.19-.03.24-.04.14-.02.3-.05.07-.01.36-.06h.01l.37-.07.05-.01.32-.06.12-.02.25-.05.18-.04.19-.04.23-.05.14-.03.29-.07.08-.01.35-.08.01-.01.36-.08.05-.02.31-.08.11-.02.25-.07.17-.04.2-.06.22-.05.14-.05.28-.08.07-.02.34-.09.02-.01.36-.11.03-.01.32-.1.1-.03.25-.08.16-.05.19-.07.22-.07.13-.04.28-.1.08-.03.32-.11.02-.01.35-.13.04-.01.3-.11.09-.04.26-.1.15-.06.19-.07.21-.09.13-.05.26-.11.08-.03.32-.13.02-.01.33-.14.04-.02.3-.13.09-.04.24-.11.14-.07.19-.08.19-.1.14-.06.25-.12.08-.03.3-.16h.03l.32-.17.03-.01.29-.16.09-.04.24-.12.13-.07.19-.1.18-.1.14-.07.23-.13.08-.05.29-.16.03-.01.31-.18c1.11-.64 2.17-1.31 3.2-2.03l2.71-1.95c4.36-3.56 7.92-7.88 10.43-12.76 2.73-5.26 4.25-11.19 4.25-17.5V35.51h33.97c9.68 0 18.5 3.98 24.91 10.38 6.4 6.37 10.38 15.2 10.38 24.9V192.9H365.1v-53.83H11.3v233.49c0 15.25 12.49 27.74 27.75 27.74h298.3c15.27 0 27.75-12.51 27.75-27.74V325.6h11.31v49.32c0 9.7-3.98 18.53-10.37 24.91-6.42 6.39-15.24 10.37-24.92 10.37H35.28c-9.68 0-18.49-3.97-24.89-10.37C3.97 393.41 0 384.59 0 374.92V70.79C0 61.12 3.97 52.3 10.36 45.9c6.43-6.42 15.25-10.39 24.92-10.39zm211.43-21.54c0-7.71 7.61-13.97 17.03-13.97 9.42 0 17.04 6.26 17.04 13.97v64.96c0 7.7-7.62 13.96-17.04 13.96-9.42 0-17.03-6.26-17.03-13.96V13.97zm-152.52 0C94.19 6.26 101.81 0 111.23 0c9.42 0 17.03 6.26 17.03 13.97v64.96c0 7.7-7.61 13.96-17.03 13.96-9.42 0-17.04-6.26-17.04-13.96V13.97zm311.37 327.72c1.48-14.79 2.69-32.45 3.59-46.5h-75.88v-71.88h77.43c-.39-14.06-1.17-31.75-2.35-46.58-.96-5.93 6.02-9.73 10.51-5.9l90.89 82.99c2.7 2.31 3.02 6.38.7 9.08l-.74.73-93.65 84.05c-4.6 3.89-11.47-.19-10.5-5.99zM63.51 286h50.56c3.53 0 6.43 2.91 6.43 6.44v42.06c0 3.52-2.91 6.44-6.43 6.44H63.51c-3.53 0-6.44-2.91-6.44-6.44v-42.06c0-3.54 2.9-6.44 6.44-6.44zm198.44-98.62h50.55c3.23 0 5.92 2.43 6.37 5.52h-16v49.42h-40.92c-3.53 0-6.45-2.9-6.45-6.45v-42.05c0-3.54 2.9-6.44 6.45-6.44zm0 98.62h40.92v39.6h16.07v8.9c0 3.52-2.92 6.44-6.44 6.44h-50.55c-3.53 0-6.45-2.91-6.45-6.44v-42.06c0-3.54 2.9-6.44 6.45-6.44zm-98.5-98.62h50.56c3.53 0 6.43 2.92 6.43 6.44v42.05c0 3.53-2.91 6.45-6.43 6.45h-50.56c-3.53 0-6.44-2.9-6.44-6.45v-42.05c0-3.54 2.9-6.44 6.44-6.44zm-99.94 0h50.56c3.53 0 6.43 2.92 6.43 6.44v42.05c0 3.53-2.91 6.45-6.43 6.45H63.51c-3.53 0-6.44-2.9-6.44-6.45v-42.05c0-3.54 2.9-6.44 6.44-6.44zM163.45 286h50.56c3.53 0 6.43 2.91 6.43 6.44v42.06c0 3.52-2.91 6.44-6.43 6.44h-50.56c-3.53 0-6.44-2.91-6.44-6.44v-42.06c0-3.54 2.9-6.44 6.44-6.44z\"/></svg>`;\nconst UpdatedIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 506.49\"><path fill-rule=\"nonzero\" d=\"m371.06 415.61-43.25 11.52 6.23-46.41 37.02 34.89zm6.76-177.5c36.98 0 70.56 15.04 94.83 39.35C496.96 301.7 512 335.25 512 372.31c0 37.02-15.02 70.61-39.3 94.88l-.68.64c-24.23 23.88-57.5 38.66-94.2 38.66-37.06 0-70.61-15.04-94.88-39.31l-.64-.69c-23.9-24.24-38.68-57.53-38.68-94.18 0-37.06 15.04-70.61 39.32-94.89 24.27-24.27 57.85-39.31 94.88-39.31zm78.74 55.41c-20.09-20.11-47.96-32.58-78.74-32.58-30.75 0-58.61 12.47-78.75 32.62-20.15 20.14-32.62 48-32.62 78.75 0 30.5 12.25 58.14 32.02 78.19l.6.55c20.14 20.14 48 32.61 78.75 32.61 30.48 0 58.12-12.25 78.21-32.02l.54-.58c20.15-20.15 32.61-48 32.61-78.75s-12.48-58.61-32.62-78.79zM294.24 17.11C294.24 7.69 303.52 0 315.1 0c11.57 0 20.87 7.64 20.87 17.11v74.85c0 9.42-9.3 17.11-20.87 17.11-11.58 0-20.86-7.65-20.86-17.11V17.11zM56.8 242.28c-1.17 0-2.23-5.2-2.23-11.57 0-6.38.92-11.53 2.23-11.53h56.94c1.18 0 2.24 5.2 2.24 11.53 0 6.39-.92 11.57-2.24 11.57H56.8zm90.77 0c-1.17 0-2.23-5.2-2.23-11.57 0-6.38.92-11.53 2.23-11.53h56.94c1.18 0 2.24 5.2 2.24 11.53 0 6.39-.92 11.57-2.24 11.57h-56.94zm90.77 0c-1.16 0-2.22-5.2-2.22-11.57 0-6.38.92-11.53 2.22-11.53h56.94c1.19 0 2.25 5.15 2.25 11.49-5.7 3.55-11.2 7.44-16.43 11.61h-42.76zm-181.4 66.24c-1.18 0-2.24-5.2-2.24-11.57 0-6.38.93-11.58 2.24-11.58h56.94c1.18 0 2.22 5.2 2.22 11.58 0 6.37-.91 11.57-2.22 11.57H56.94zm90.77 0c-1.18 0-2.24-5.2-2.24-11.57 0-6.38.93-11.58 2.24-11.58h56.94c1.18 0 2.23 5.2 2.23 11.58 0 6.37-.92 11.57-2.23 11.57h-56.94zM57.06 374.8c-1.18 0-2.24-5.2-2.24-11.59 0-6.36.94-11.56 2.24-11.56H114c1.19 0 2.24 5.2 2.24 11.56 0 6.39-.93 11.59-2.24 11.59H57.06zm90.78 0c-1.19 0-2.25-5.2-2.25-11.59 0-6.36.94-11.56 2.25-11.56h56.94c1.18 0 2.24 5.2 2.24 11.56 0 6.39-.94 11.59-2.24 11.59h-56.94zM106.83 17.11C106.83 7.69 116.1 0 127.69 0c11.57 0 20.86 7.64 20.86 17.11v74.85c0 9.42-9.34 17.11-20.86 17.11-11.59 0-20.86-7.65-20.86-17.11V17.11zM22.97 163.64h397.39V77.46c0-2.94-1.19-5.53-3.09-7.43-1.9-1.9-4.59-3.08-7.42-3.08h-38.1c-6.39 0-11.59-5.2-11.59-11.57 0-6.38 5.2-11.58 11.59-11.58h38.1c9.32 0 17.7 3.77 23.82 9.88 6.12 6.14 9.88 14.5 9.88 23.83v136.81c-7.61-2.62-15.41-4.73-23.44-6.29v-21.38h.25H22.97v223.17c0 2.94 1.18 5.52 3.08 7.42 1.91 1.9 4.61 3.08 7.44 3.08h188.85c2.16 8.02 4.86 15.84 8.11 23.36H33.71c-9.3 0-17.7-3.75-23.84-9.89C3.75 427.72 0 419.36 0 410.02V77.55c0-9.29 3.75-17.7 9.87-23.82 6.14-6.13 14.5-9.89 23.84-9.89h40.67c6.38 0 11.57 5.2 11.57 11.57C85.95 61.8 80.76 67 74.38 67H33.71c-2.96 0-5.54 1.18-7.44 3.08-1.9 1.9-3.09 4.59-3.09 7.43v86.16h-.21v-.03zm158.95-96.69c-6.39 0-11.57-5.2-11.57-11.57 0-6.38 5.18-11.58 11.57-11.58h77.55c6.39 0 11.57 5.2 11.57 11.58 0 6.37-5.18 11.57-11.57 11.57h-77.55zm161.66 303.24 45.37-51.33c.72-.84 1.78-1.34 2.85-1.36.69-.01 1.37.13 1.98.45l32.94 29.96c.66.59 1.05 1.46 1.06 2.35.02 1-.39 1.98-1.16 2.66l-46.15 52.16-36.95-34.89h.06z\"/></svg>`;\n\nconst VisibilityFilters: IFilterOption[] = [\n  {value: 'private_shared', label: 'Personal + Shared'},\n  {value: 'private', label: 'Personal'},\n  {value: 'shared', label: 'Shared'},\n  {value: 'public', label: 'Public'},\n];\n\nconst StarredFilters: IFilterOption[] = [\n  {value: 'all', label: 'All'},\n  {value: 'starred', label: 'Starred'},\n  {value: 'unstarred', label: 'Not Starred'},\n];\n\nconst SortOptions: IFilterOption[] = [\n  {value: 'name', label: 'Name'},\n  {value: 'created_at', label: 'Created'},\n  {value: 'updated_at', label: 'Last Updated'},\n  {value: 'last_used_at', label: 'Last Used'},\n  {value: 'counter', label: 'Most Used'},\n  {value: 'star_counter', label: 'Most Starred'},\n];\n\nexport type TAllowedTemplateAction = 'send' | 'createlink' | 'signnow' | 'submitted' | 'link' | 'edit' | 'delete';\n\n/**\n * Displays a list of envelopes matching specified conditions.\n */\n@Component({\n  tag: 'verdocs-templates-list',\n  styleUrl: 'verdocs-templates-list.scss',\n})\nexport class VerdocsTemplatesList {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The sharing settings to filter by.\n   */\n  @Prop({reflect: true, mutable: true}) visibility?: 'private_shared' | 'private' | 'shared' | 'public' = 'private_shared';\n\n  /**\n   * The starred settings to filter by.\n   */\n  @Prop({reflect: true, mutable: true}) starred: 'all' | 'starred' | 'unstarred' = 'all';\n\n  /**\n   * The sort order to display.\n   */\n  @Prop({reflect: true, mutable: true}) sort: string = 'updated_at';\n\n  /**\n   * If set, filter templates by the specified name.\n   */\n  @Prop({reflect: true, mutable: true}) name: string = '';\n\n  /**\n   * Override the If set, filter templates by the specified name.\n   */\n  @Prop({reflect: true, mutable: true}) allowedActions: TAllowedTemplateAction[] = ['send', 'submitted', 'link', 'edit', 'delete'];\n  // @Prop({reflect: true, mutable: true}) allowedActions: TAllowedTemplateAction[] = ['send', 'createlink', 'signnow', 'submitted', 'link', 'edit', 'delete'];\n\n  /**\n   * Whether or not pagination should be enabled.\n   */\n  @Prop() showPagination = true;\n\n  /**\n   * The number of rows to display per page.\n   */\n  @Prop() rowsPerPage = 10;\n\n  /**\n   * The initial page number to select. Pagination is internally controlled but may be overriden by the\n   * host applicaiton.\n   */\n  @Prop() selectedPage = 0;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user clicks a template to view it. Typically the host application will use this to navigate\n   * to the template preview. This is also fired when the user selects \"Preview/Send\" fropm the dropdown menu.\n   */\n  @Event({composed: true}) viewTemplate: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate}>;\n\n  /**\n   * Event fired when the user clicks to sign a template now.\n   */\n  @Event({composed: true}) signNow: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate}>;\n\n  /**\n   * Event fired when the user clicks to sign a template now.\n   */\n  @Event({composed: true}) submittedData: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate}>;\n\n  /**\n   * Event fired when the user selects to create a preview link for a template.\n   */\n  // @Event({composed: true}) createLink: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate}>;\n\n  /**\n   * Event fired when the user chooses the Edit option from the dropdown menu.\n   */\n  @Event({composed: true}) editTemplate: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate}>;\n\n  /**\n   * Event fired when the user chooses the Delete option from the dropdown menu. When this is fired, the template\n   * will already have been deleted. The host application should remove it from the list or refresh the list.\n   */\n  @Event({composed: true}) templateDeleted: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate}>;\n\n  /**\n   * Event fired when the user changes their sort order. Host applications can use this to save the user's preferences.\n   */\n  @Event({composed: true}) changeSort: EventEmitter<string>;\n\n  /**\n   * Event fired when the user changes their sort order. Host applications can use this to save the user's preferences.\n   */\n  @Event({composed: true}) changeVisibility: EventEmitter<'private_shared' | 'private' | 'shared' | 'public'>;\n\n  /**\n   * Event fired when the user changes their sort order. Host applications can use this to save the user's preferences.\n   */\n  @Event({composed: true}) changeStarred: EventEmitter<'all' | 'starred' | 'unstarred'>;\n\n  /**\n   * Event fired when the user changes the name filter. This is fired for every inputChange event (every character\n   * typed). This event is provided for balance with the other events, but host applications should generally not\n   * save this value. Users might appreciate applications remembering their sorting or filtering preferences, but\n   * probably not their search terms.\n   */\n  @Event({composed: true}) changeName: EventEmitter<string>;\n\n  @State() count = 0;\n  @State() initiallyLoaded = false;\n  @State() loading = true;\n  @State() confirmDelete: ITemplate | null = null;\n  @State() templates: ITemplate[] = [];\n  @State() localNameFilter = '';\n\n  @Watch('sharing')\n  handleSharingUpdated() {\n    return this.queryTemplates();\n  }\n\n  @Watch('starred')\n  handleStarredUpdated() {\n    return this.queryTemplates();\n  }\n\n  @Watch('sort')\n  handleSortUpdated() {\n    return this.queryTemplates();\n  }\n\n  @Watch('name')\n  handleNameUpdated() {\n    return this.queryTemplates();\n  }\n\n  @Watch('selectedPage')\n  handlePageUpdated() {\n    return this.queryTemplates();\n  }\n\n  componentWillLoad() {\n    this.endpoint.loadSession();\n    if (!this.endpoint.session) {\n      console.log('[TEMPLATES] Must be authenticated');\n      return;\n    }\n  }\n\n  async componentDidLoad() {\n    await this.queryTemplates();\n    this.initiallyLoaded = true;\n  }\n\n  async queryTemplates() {\n    console.log('[TEMPLATES] Querying templates');\n    this.loading = true;\n    try {\n      let queryParams: IGetTemplatesParams = {\n        visibility: this.visibility,\n        // starred: this.starred,\n        page: this.selectedPage,\n        // sort: this.sort,\n        rows: this.rowsPerPage,\n        // ascending: this.sort === 'name' || this.sort === 'star_counter',\n      };\n\n      if (this.name.trim() !== '') {\n        queryParams.q = this.name.trim();\n      }\n\n      const response = await getTemplates(this.endpoint, queryParams);\n      this.templates = response.templates;\n      this.count = response.count;\n      this.loading = false;\n    } catch (e) {\n      this.loading = false;\n      console.log('[TEMPLATES] Error listing templates', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  handleOptionSelected = (option: string, template: ITemplate) => {\n    if (option === 'send') {\n      this.viewTemplate?.emit({endpoint: this.endpoint, template: template});\n      // } else if (option === 'createlink') {\n      //   VerdocsToast('This feature is coming soon!');\n    } else if (option === 'signnow') {\n      this.signNow?.emit({endpoint: this.endpoint, template: template});\n    } else if (option === 'submitted') {\n      this.submittedData?.emit({endpoint: this.endpoint, template: template});\n      // } else if (option === 'link') {\n      //   VerdocsToast('This feature is coming soon!');\n    } else if (option === 'edit') {\n      this.editTemplate?.emit({endpoint: this.endpoint, template: template});\n    } else if (option === 'delete') {\n      this.confirmDelete = template;\n    }\n  };\n\n  deleteTemplate(template: ITemplate) {\n    this.confirmDelete = null;\n    deleteTemplate(this.endpoint, template.id)\n      .then(() => {\n        console.log('[TEMPLATES] Deleted template', template);\n        this.templateDeleted?.emit({endpoint: this.endpoint, template: template});\n        return this.queryTemplates();\n      })\n      .catch(e => {\n        console.log('[TEMPLATES] Error deleting template', template);\n        this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      });\n  }\n\n  render() {\n    // In addition to the server query we also filter locally. This provides a faster UI update\n    // while the onBlur re-queries the server for any new records that now qualify by the filter.\n    const locallyFilteredTemplates = !this.localNameFilter ? this.templates : this.templates.filter(t => t.name.toLowerCase().includes(this.localNameFilter.toLowerCase()));\n\n    return (\n      <Host>\n        <div class=\"header\">\n          <div class=\"filter\">\n            <verdocs-text-input\n              id=\"verdocs-filter-name\"\n              value={this.name}\n              clearable={true}\n              autocomplete=\"off\"\n              placeholder=\"Filter by Name...\"\n              onInput={(e: any) => (this.localNameFilter = e.target.value.trim())}\n              onFocusout={(e: any) => {\n                this.name = e.target.value.trim();\n                this.localNameFilter = e.target.value.trim();\n                this.changeName?.emit(this.name);\n              }}\n            />\n          </div>\n\n          <verdocs-quick-filter\n            label=\"Visibility\"\n            value={this.visibility}\n            options={VisibilityFilters}\n            onOptionSelected={e => {\n              this.visibility = e.detail.value as any;\n              this.changeVisibility?.emit(this.visibility);\n            }}\n          />\n\n          <verdocs-quick-filter\n            label=\"Starred\"\n            value={this.starred}\n            options={StarredFilters}\n            onOptionSelected={e => {\n              this.starred = e.detail.value as any;\n              this.changeStarred?.emit(this.starred);\n            }}\n          />\n\n          <verdocs-quick-filter\n            label=\"Sort By\"\n            value={this.sort}\n            options={SortOptions}\n            onOptionSelected={e => {\n              this.sort = e.detail.value as any;\n              this.changeSort?.emit(this.sort);\n            }}\n          />\n          {this.loading && <verdocs-spinner mode=\"dark\" size={24} />}\n          <div style={{display: 'flex', flex: '1'}} />\n        </div>\n\n        {/*<verdocs-table*/}\n        {/*  data={locallyFilteredTemplates}*/}\n        {/*  onRowClick={(template: any) => this.viewTemplate?.emit({endpoint: this.endpoint, template: template as ITemplate})}*/}\n        {/*  columns={[*/}\n        {/*    {*/}\n        {/*      id: 'starred',*/}\n        {/*      renderCell: (_, row) => <verdocs-template-star template={row} endpoint={this.endpoint} />,*/}\n        {/*    },*/}\n        {/*    {*/}\n        {/*      id: 'name',*/}\n        {/*    },*/}\n        {/*    {*/}\n        {/*      id: 'usage',*/}\n        {/*      renderCell: (_, row) => (*/}\n        {/*        <div>*/}\n        {/*          <span innerHTML={EnvelopeIcon} title=\"Usage Counter\" />*/}\n        {/*          {row.counter || '--'}*/}\n        {/*        </div>*/}\n        {/*      ),*/}\n        {/*    },*/}\n        {/*    {*/}\n        {/*      id: 'created_at',*/}\n        {/*      renderCell: (_, row) => {*/}\n        {/*        const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';*/}\n        {/*        const date = row[dateToShow];*/}\n\n        {/*        return (*/}\n        {/*          <div class=\"last-used\">*/}\n        {/*            {dateToShow === 'created_at' && <span innerHTML={CreatedIcon} title=\"Created\" />}*/}\n        {/*            {dateToShow === 'updated_at' && <span innerHTML={UpdatedIcon} title=\"Last Updated\" />}*/}\n        {/*            {dateToShow === 'last_used_at' && <span innerHTML={LastUsedIcon} title=\"Last Used\" />}*/}\n        {/*            {date ? format(new Date(date), 'P') : 'Never'}*/}\n        {/*          </div>*/}\n        {/*        );*/}\n        {/*      },*/}\n        {/*    },*/}\n        {/*    {*/}\n        {/*      id: 'ownership',*/}\n        {/*      renderCell: (_, row) => (*/}\n        {/*        <div>*/}\n        {/*          {row.is_public && (*/}\n        {/*            <div class=\"ownership\">*/}\n        {/*              <span innerHTML={GlobeAltIcon} /> Public*/}\n        {/*            </div>*/}\n        {/*          )}*/}\n        {/*          {!row.is_public && !row.is_personal && (*/}\n        {/*            <div class=\"ownership\">*/}\n        {/*              <span innerHTML={LockClosedIcon} /> Private*/}\n        {/*            </div>*/}\n        {/*          )}*/}\n        {/*          {!row.is_public && row.is_personal && (*/}\n        {/*            <div class=\"ownership\">*/}\n        {/*              <span innerHTML={BuildingOfficeIcon} /> Shared*/}\n        {/*            </div>*/}\n        {/*          )}*/}\n        {/*        </div>*/}\n        {/*      ),*/}\n        {/*    },*/}\n        {/*    {*/}\n        {/*      id: 'actions',*/}\n        {/*      renderCell: (_, row) => {*/}\n        {/*        const MENU_OPTIONS: IMenuOption[] = [];*/}\n\n        {/*        if (row.allowed_operations.includes(TemplateActions.READ) && this.allowedActions.includes('send')) {*/}\n        {/*          MENU_OPTIONS.push({label: 'Preview / Send', id: 'send', disabled: !row.allowed_operations.includes(TemplateActions.READ)});*/}\n        {/*        }*/}\n\n        {/*        // if (this.allowedActions.includes('createlink')) {*/}\n        {/*        //   MENU_OPTIONS.push({label: 'Create Link', id: 'createlink', disabled: true});*/}\n        {/*        // }*/}\n\n        {/*        if (row.allowed_operations.includes(TemplateActions.CREATE_PERSONAL) && this.allowedActions.includes('signnow')) {*/}\n        {/*          MENU_OPTIONS.push({label: 'Sign Now', id: 'signnow', disabled: true});*/}\n        {/*        }*/}\n\n        {/*        if (row.allowed_operations.includes(TemplateActions.READ) && this.allowedActions.includes('submitted')) {*/}\n        {/*          MENU_OPTIONS.push({label: ''});*/}\n        {/*          MENU_OPTIONS.push({label: 'Submissions', id: 'submitted'});*/}\n        {/*        }*/}\n\n        {/*        if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {*/}\n        {/*          MENU_OPTIONS.push({label: ''});*/}\n\n        {/*          // TODO: The preview link used to be just an internal route in the main Web application, but*/}\n        {/*          // that's not suitable for embeddding. Disabling until this gets re-requested as a feature,*/}\n        {/*          // in which case we'll want to move this to an API-driven function.*/}\n        {/*          // if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {*/}\n        {/*          //   MENU_OPTIONS.push({label: 'Get Preview Link', id: 'link', disabled: !this.canPreview(template)});*/}\n        {/*          // }*/}\n\n        {/*          if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {*/}\n        {/*            MENU_OPTIONS.push({label: 'Edit', id: 'edit', disabled: !row.allowed_operations.includes(TemplateActions.WRITE)});*/}\n        {/*          }*/}\n\n        {/*          if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {*/}\n        {/*            MENU_OPTIONS.push({*/}\n        {/*              label: 'Delete',*/}\n        {/*              id: 'delete',*/}\n        {/*              disabled: !row.allowed_operations.includes(TemplateActions.DELETE),*/}\n        {/*            });*/}\n        {/*          }*/}\n        {/*        }*/}\n\n        {/*        return <verdocs-dropdown options={MENU_OPTIONS} onOptionSelected={e => this.handleOptionSelected(e.detail.id, row)} />;*/}\n        {/*      },*/}\n        {/*    },*/}\n        {/*  ]}*/}\n        {/*/>*/}\n\n        {locallyFilteredTemplates.map(template => {\n          const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';\n          const date = template[dateToShow];\n\n          const MENU_OPTIONS: IMenuOption[] = [];\n\n          const allowed_operations: TTemplateAction[] = [];\n\n          // serverless/src/functions/getTemplates.ts:        allowed_operations: [] as string[],\n          // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'create_personal', record) && record.allowed_operations.push('create_personal');\n          // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'create_org', record) && record.allowed_operations.push('create_org');\n          // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'create_public', record) && record.allowed_operations.push('create_public');\n          // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'read', record) && record.allowed_operations.push('read');\n          // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'write', record) && record.allowed_operations.push('write');\n          // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'delete', record) && record.allowed_operations.push('delete');\n          // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_personal', record) && record.allowed_operations.push('change_visibility_personal');\n          // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_org', record) && record.allowed_operations.push('change_visibility_org');\n          // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_public', record) && record.allowed_operations.push('change_visibility_public');\n\n          if (this.allowedActions.includes('send')) {\n            MENU_OPTIONS.push({label: 'Preview / Send', id: 'send', disabled: !canPerformTemplateAction(this.endpoint.profile, 'read', template)});\n          }\n\n          // if (this.allowedActions.includes('createlink')) {\n          //   MENU_OPTIONS.push({label: 'Create Link', id: 'createlink', disabled: true});\n          // }\n\n          if (this.allowedActions.includes('signnow')) {\n            MENU_OPTIONS.push({label: 'Sign Now', id: 'signnow', disabled: true});\n          }\n\n          if (this.allowedActions.includes('submitted')) {\n            MENU_OPTIONS.push({label: ''});\n            MENU_OPTIONS.push({label: 'Submissions', id: 'submitted', disabled: !canPerformTemplateAction(this.endpoint.profile, 'read', template)});\n          }\n\n          if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {\n            MENU_OPTIONS.push({label: ''});\n\n            // TODO: The preview link used to be just an internal route in the main Web application, but\n            // that's not suitable for embeddding. Disabling until this gets re-requested as a feature,\n            // in which case we'll want to move this to an API-driven function.\n            // if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {\n            //   MENU_OPTIONS.push({label: 'Get Preview Link', id: 'link', disabled: !this.canPreview(template)});\n            // }\n\n            if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {\n              MENU_OPTIONS.push({label: 'Edit', id: 'edit', disabled: !allowed_operations.includes('write')});\n            }\n\n            if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {\n              MENU_OPTIONS.push({label: 'Delete', id: 'delete', disabled: !allowed_operations.includes('delete')});\n            }\n          }\n\n          return (\n            <div\n              class=\"template\"\n              onClick={() => {\n                this.viewTemplate?.emit({endpoint: this.endpoint, template});\n              }}\n            >\n              <div class=\"inner\">\n                <verdocs-template-star template={template} endpoint={this.endpoint} />\n\n                <div class=\"spacer icon-spacer\" />\n                <div class=\"name\">{template.name}</div>\n\n                <div class=\"spacer usage-spacer\" />\n                <div class=\"usage\">\n                  <span innerHTML={EnvelopeIcon} title=\"Usage Counter\" />\n                  {template.counter || '--'}\n                </div>\n\n                <div class=\"spacer last-used-spacer\" />\n                <div class=\"last-used\">\n                  {dateToShow === 'created_at' && <span innerHTML={CreatedIcon} title=\"Created\" />}\n                  {dateToShow === 'updated_at' && <span innerHTML={UpdatedIcon} title=\"Last Updated\" />}\n                  {dateToShow === 'last_used_at' && <span innerHTML={LastUsedIcon} title=\"Last Used\" />}\n                  {date ? format(new Date(date), 'P') : 'Never'}\n                </div>\n\n                <div class=\"spacer ownership-spacer\" />\n                {template.is_public && (\n                  <div class=\"ownership\">\n                    <span innerHTML={GlobeAltIcon} /> Public\n                  </div>\n                )}\n                {!template.is_public && !template.is_personal && (\n                  <div class=\"ownership\">\n                    <span innerHTML={LockClosedIcon} /> Private\n                  </div>\n                )}\n                {!template.is_public && template.is_personal && (\n                  <div class=\"ownership\">\n                    <span innerHTML={BuildingOfficeIcon} /> Shared\n                  </div>\n                )}\n\n                <verdocs-dropdown options={MENU_OPTIONS} onOptionSelected={e => this.handleOptionSelected(e.detail.id, template)} />\n              </div>\n            </div>\n          );\n        })}\n\n        {!this.initiallyLoaded && (\n          <div>\n            {integerSequence(0, this.rowsPerPage).map(() => (\n              <div class=\"template-placeholder\" />\n            ))}\n          </div>\n        )}\n\n        {this.initiallyLoaded && !this.templates.length && <div class=\"empty-text\">No matching templates found. Please adjust your filters and try again.</div>}\n\n        {this.initiallyLoaded && this.templates.length && this.showPagination ? (\n          <div style={{marginTop: '20px'}}>\n            <verdocs-pagination\n              selectedPage={this.selectedPage}\n              perPage={this.rowsPerPage}\n              itemCount={this.count}\n              onSelectPage={e => {\n                this.selectedPage = e.detail.selectedPage;\n              }}\n            />\n          </div>\n        ) : (\n          <div />\n        )}\n\n        {this.confirmDelete && (\n          <verdocs-ok-dialog\n            heading=\"Delete this Template?\"\n            message=\"This operation cannot be undone.\"\n            onNext={() => this.deleteTemplate(this.confirmDelete)}\n            onExit={() => (this.confirmDelete = null)}\n            showCancel={true}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/p-c7ee88c7.js

@@ -1 +1,2 @@
-const a="P pp",p="y-MM-dd";export{a as F,p as a}
+const s="P pp";const a="y-MM-dd";export{s as F,a};
+//# sourceMappingURL=p-c7ee88c7.js.map

package/dist/verdocs-web-sdk/p-c7ee88c7.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FORMAT_TIMESTAMP","FORMAT_DATE"],"sources":["src/utils/Types.ts"],"sourcesContent":["export interface IDocumentPageInfo {\n  containerId: string;\n  documentId: string;\n  pageNumber: number;\n  virtualWidth: number;\n  virtualHeight: number;\n  renderedWidth: number;\n  renderedHeight: number;\n  naturalWidth: number;\n  naturalHeight: number;\n  aspectRatio: number;\n  xScale: number;\n  yScale: number;\n}\n\nexport interface IPageLayer {\n  name: string;\n  type: 'div' | 'canvas';\n}\n\nexport const FORMAT_TIMESTAMP = 'P pp';\n// export const FORMAT_TIMESTAMP = 'Y-MM-dd hh:mm:ss a';\nexport const FORMAT_DATE = 'y-MM-dd'\n"],"mappings":"MAoBaA,EAAmB,O,MAEnBC,EAAc,iB","ignoreList":[]}

package/dist/verdocs-web-sdk/p-c8a15cb7.system.js

@@ -1 +1,2 @@
-var __extends=this&&this.__extends||function(){var n=function(t,r){n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,t){n.__proto__=t}||function(n,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))n[r]=t[r]};return n(t,r)};return function(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");n(t,r);function e(){this.constructor=t}t.prototype=r===null?Object.create(r):(e.prototype=r.prototype,new e)}}();System.register([],(function(n){"use strict";return{execute:function(){var t=function(n){__extends(t,n);function t(t,r,e){var i=this.constructor;var o=n.call(this,t||"SDK Error")||this;o.response=e;o.statusCode=r;Object.setPrototypeOf(o,i.prototype);return o}return t}(Error);n("S",t)}}}));
+var __extends=this&&this.__extends||function(){var n=function(t,r){n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,t){n.__proto__=t}||function(n,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))n[r]=t[r]};return n(t,r)};return function(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");n(t,r);function e(){this.constructor=t}t.prototype=r===null?Object.create(r):(e.prototype=r.prototype,new e)}}();System.register([],(function(n){"use strict";return{execute:function(){var t=function(n){__extends(t,n);function t(t,r,e){var i=this.constructor;var o=n.call(this,t||"SDK Error")||this;o.response=e;o.statusCode=r;Object.setPrototypeOf(o,i.prototype);return o}return t}(Error);n("S",t)}}}));
+//# sourceMappingURL=p-c8a15cb7.system.js.map

package/dist/verdocs-web-sdk/p-c8a15cb7.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__extends","SDKError","_super","message","statusCode","response","_this","call","this","Object","setPrototypeOf","_newTarget","prototype","Error"],"sources":["src/utils/errors.ts"],"sourcesContent":["/**\n * Passed to parent components in certain callbacks with the lower-level JS-SDK emits an error\n */\nexport class SDKError extends Error {\n  code;\n  statusCode;\n  response;\n\n  constructor(message: string, statusCode: number, response: any) {\n    super(message || 'SDK Error');\n    this.response = response;\n    this.statusCode = statusCode;\n    Object.setPrototypeOf(this, new.target.prototype);\n  }\n}\n"],"mappings":"slBAG8BA,UAAAC,EAAAC,GAK5B,SAAAD,EAAYE,EAAiBC,EAAoBC,G,uBAC/C,IAAAC,EAAAJ,EAAKK,KAAAC,KAACL,GAAW,cAAYK,KAC7BF,EAAKD,SAAWA,EAChBC,EAAKF,WAAaA,EAClBK,OAAOC,eAAeJ,EAAMK,EAAWC,W,mBATbC,O","ignoreList":[]}

package/dist/verdocs-web-sdk/p-ca15a050.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as r,H as s}from"./p-b9654a5e.js";import{VerdocsEndpoint as a,toggleStar as o}from"@verdocs/js-sdk";const i='@-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-template-star{display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-template-star .star{line-height:10px}verdocs-template-star .star.updating{-webkit-animation:spinningStar 2s infinite linear;animation:spinningStar 2s infinite linear}verdocs-template-star .star svg{width:24px;height:24px}verdocs-template-star .count{color:#595c5d;font-size:14px;margin-left:10px}@-webkit-keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}';const n=i;const l=`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" /></svg>`;const c=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>`;const d=class{constructor(r){t(this,r);this.starChange=e(this,"starChange",7);this.sdkError=e(this,"sdkError",7);this.endpoint=a.getDefault();this.template=undefined;this.updating=false}async componentWillLoad(){this.endpoint.loadSession();if(!this.endpoint.session){console.log("[TEMPLATES] Must be authenticated");return}}toggle(t){t.stopPropagation();this.updating=true;o(a.getDefault(),this.template.id).then((t=>{this.updating=false;this.template.star_counter=t.star_counter;this.starChange.emit({templateId:this.template.id,starred:t.star_counter>0,count:t.star_counter})})).catch((t=>{this.updating=false;console.log("[STAR] Error toggling template star",t.message);this.sdkError.emit(t)}))}render(){return r(s,{key:"4b2e5c3bc4bbbbdeb699f23d36af8bd409677d02"},r("div",{key:"cac3bad8a37bcf044e037391bee73932b95931d1",class:`star ${this.updating?"updating":""}`,innerHTML:this.template.star_counter?c:l,onClick:t=>this.toggle(t)}),r("div",{key:"3b947e3b3e0a8fe4a91aeba068bc10a86dbe82f5",class:"count"},this.template.star_counter||"--"))}};d.style=n;export{d as verdocs_template_star};
+//# sourceMappingURL=p-ca15a050.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsTemplateStarCss","VerdocsTemplateStarStyle0","OutlineStarIcon","SolidStarIcon","VerdocsTemplateStar","VerdocsEndpoint","getDefault","componentWillLoad","this","endpoint","loadSession","session","console","log","toggle","e","stopPropagation","updating","toggleStar","template","id","then","r","star_counter","starChange","emit","templateId","starred","count","catch","message","sdkError","render","h","Host","key","class","innerHTML","onClick"],"sources":["src/components/templates/verdocs-template-star/verdocs-template-star.scss?tag=verdocs-template-star","src/components/templates/verdocs-template-star/verdocs-template-star.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-star {\n  display: flex;\n  flex: 0 0 60px;\n  align-items: center;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .star {\n    line-height: 10px;\n\n    &.updating {\n      animation: spinningStar 2s infinite linear;\n    }\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .count {\n    color: #595c5d;\n    font-size: 14px;\n    margin-left: 10px;\n  }\n}\n\n@keyframes spinningStar {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n","import {VerdocsEndpoint, toggleStar, ITemplate} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Host, Event, EventEmitter, State} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\n\nconst OutlineStarIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z\" /></svg>`;\n\nconst SolidStarIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\" /></svg>`;\n\n/**\n * Displays a clickable star that allows users to mark frequently-used templates.\n */\n@Component({\n  tag: 'verdocs-template-star',\n  styleUrl: 'verdocs-template-star.scss',\n})\nexport class VerdocsTemplateStar {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The template to display the star for.\n   */\n  @Prop({mutable: true}) template: ITemplate;\n\n  /**\n   * Event fired when the user toggles the star on or off. The event detail will contain\n   * the new \"starred\" status and count.\n   */\n  @Event({composed: true}) starChange: EventEmitter<{templateId: string; starred: boolean; count: number}>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() updating = false;\n\n  async componentWillLoad() {\n    this.endpoint.loadSession();\n\n    if (!this.endpoint.session) {\n      console.log('[TEMPLATES] Must be authenticated');\n      return;\n    }\n  }\n\n  toggle(e: any) {\n    e.stopPropagation();\n    this.updating = true;\n    toggleStar(VerdocsEndpoint.getDefault(), this.template.id)\n      .then(r => {\n        this.updating = false;\n        this.template.star_counter = r.star_counter;\n        this.starChange.emit({\n          templateId: this.template.id,\n          starred: r.star_counter > 0,\n          count: r.star_counter,\n        });\n      })\n      .catch(e => {\n        this.updating = false;\n        console.log('[STAR] Error toggling template star', e.message);\n        this.sdkError.emit(e);\n      });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`star ${this.updating ? 'updating' : ''}`} innerHTML={this.template.star_counter ? SolidStarIcon : OutlineStarIcon} onClick={e => this.toggle(e)} />\n        <div class=\"count\">{this.template.star_counter || '--'}</div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2HAAA,MAAMA,EAAyB,ymCAC/B,MAAAC,EAAeD,ECGf,MAAME,EAAkB,whBAExB,MAAMC,EAAgB,6a,MASTC,EAAmB,M,iHAIMC,EAAgBC,a,sCAmBhC,K,CAEpB,uBAAMC,GACJC,KAAKC,SAASC,cAEd,IAAKF,KAAKC,SAASE,QAAS,CAC1BC,QAAQC,IAAI,qCACZ,M,EAIJ,MAAAC,CAAOC,GACLA,EAAEC,kBACFR,KAAKS,SAAW,KAChBC,EAAWb,EAAgBC,aAAcE,KAAKW,SAASC,IACpDC,MAAKC,IACJd,KAAKS,SAAW,MAChBT,KAAKW,SAASI,aAAeD,EAAEC,aAC/Bf,KAAKgB,WAAWC,KAAK,CACnBC,WAAYlB,KAAKW,SAASC,GAC1BO,QAASL,EAAEC,aAAe,EAC1BK,MAAON,EAAEC,cACT,IAEHM,OAAMd,IACLP,KAAKS,SAAW,MAChBL,QAAQC,IAAI,sCAAuCE,EAAEe,SACrDtB,KAAKuB,SAASN,KAAKV,EAAE,G,CAI3B,MAAAiB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,QAAQ5B,KAAKS,SAAW,WAAa,KAAMoB,UAAW7B,KAAKW,SAASI,aAAepB,EAAgBD,EAAiBoC,QAASvB,GAAKP,KAAKM,OAAOC,KAC1JkB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAAS5B,KAAKW,SAASI,cAAgB,M","ignoreList":[]}

package/dist/verdocs-web-sdk/p-ca8aef1d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as c,H as a}from"./p-b9654a5e.js";const o='@-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-template-card{font-family:"Inter", "Barlow", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}';const t=o;const s=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>`;const l=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>`;const r=`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z"/></svg>`;const i=`<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_31553_1553)"><path d="M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z" fill="#ADB6BD"/></g><defs><clipPath id="clip0_31553_1553"><rect width="30" height="29" fill="white" transform="translate(0.886719)"/></clipPath></defs></svg>`;const d=class{constructor(c){e(this,c);this.template=undefined}render(){var e,o,t,d;return c(a,{key:"a0120b0a9d3430b7e8692bc24b8f3636dd37ab91"},c("span",{key:"cecadc6292764c38b76d4739bcef8b8465ee3ae6",class:"name"},this.template.name),c("span",{key:"942d609f2b0897e05630560dbeb0c4c5545cc60d",class:"org-name"},((e=this.template.organization)===null||e===void 0?void 0:e.name)||"Public"),c("hr",{key:"82c428c9e9ce82a85b0a2f3b3c4b60d2fe59339a"}),c("div",{key:"021c22798331eed52c972456a91c242281c0292d",class:"controls"},c("div",{key:"124aa6c01f9e20ba5358f17810a5cd5ad27384db",class:"control"},c("span",{key:"ece894c92186f75d2e5bf2c7fed96ea3d0eb4c90",class:"icon",innerHTML:i}),c("span",{key:"142b1848c47efafa5bf7201ed8f0bfa9d86d37b8",class:"value"},this.template.star_counter)),c("div",{key:"7c83ac1b26f8c90df8a3e6ca8b3a2032ca75e464",class:"control secondary"},c("span",{key:"33574402f74338520c77348573531488b402c794",class:"icon",innerHTML:r}),c("span",{key:"c9788324cddccc57425e97a8b132ba8ab1014355",class:"value"},((d=(t=(o=this.template)===null||o===void 0?void 0:o.documents)===null||t===void 0?void 0:t[0])===null||d===void 0?void 0:d.pages)||1)),c("div",{key:"9c0b2a91e21cd80bcc8219f7cdd669a9ed2e827e",class:"control secondary"},c("span",{key:"fffbbe3031a9eec3ff83c68033420f9219134080",class:"icon",innerHTML:l}),c("span",{key:"8d8655d9da311ec254ba77243b239c5da14b7516",class:"value"},this.template.counter)),c("span",{key:"774cfe8937b7c894f3c9d6ae308d2a48bac9f513",class:"additional-controls",innerHTML:s})))}};d.style=t;export{d as verdocs_template_card};
+//# sourceMappingURL=p-ca8aef1d.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsTemplateCardCss","VerdocsTemplateCardStyle0","ActionsIcon","EmailIcon","PagesIcon","StarIcon","VerdocsTemplateCard","render","h","Host","key","class","this","template","name","_a","organization","innerHTML","star_counter","_d","_c","_b","documents","pages","counter"],"sources":["src/components/templates/verdocs-template-card/verdocs-template-card.scss?tag=verdocs-template-card","src/components/templates/verdocs-template-card/verdocs-template-card.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-card {\n  font-family: $primary-font;\n  width: 320px;\n  height: 320px;\n  display: flex;\n  padding: 25px;\n  flex-wrap: nowrap;\n  box-sizing: border-box;\n  flex-direction: column;\n  background-color: $verdocs-grey-4;\n  box-shadow: 2px 2px 5px rgba(51, 54, 75, 0.05);\n\n  .thumbnail {\n    width: 272px;\n    height: 158px;\n    object-fit: cover;\n    margin-bottom: 22px;\n    object-position: -20% 0;\n  }\n\n  .name {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 7px;\n  }\n\n  .org-name {\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n\n  hr {\n    width: 100%;\n    margin-bottom: 17px;\n    background-color: $icon-color;\n  }\n\n  .controls {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    text-align: center;\n    font-size: 16px;\n\n    .control {\n      flex: 1;\n      display: flex;\n      margin-right: 8px;\n      align-items: flex-start;\n      border-right: 1px solid $icon-color;\n\n      &.secondary {\n        justify-content: center;\n      }\n\n      svg {\n        fill: $icon-color;\n        height: 16px;\n        max-width: 16px;\n        margin: 0 8px -2px 0;\n      }\n    }\n  }\n\n  .additional-controls svg {\n    margin-right: 0;\n    fill: $verdocs-purple;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\nimport {ITemplate} from '@verdocs/js-sdk';\n\nconst ActionsIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"/></svg>`;\n\nconst EmailIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z\"/></svg>`;\n\nconst PagesIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z\"/></svg>`;\n\nconst StarIcon = `<svg width=\"31\" height=\"29\" viewBox=\"0 0 31 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_31553_1553)\"><path d=\"M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z\" fill=\"#ADB6BD\"/></g><defs><clipPath id=\"clip0_31553_1553\"><rect width=\"30\" height=\"29\" fill=\"white\" transform=\"translate(0.886719)\"/></clipPath></defs></svg>`;\n\n/**\n * Displays a summary of a template\n */\n@Component({\n  tag: 'verdocs-template-card',\n  styleUrl: 'verdocs-template-card.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateCard {\n  /**\n   * The template for which the card will be rendered.\n   */\n  @Prop() template: ITemplate;\n\n  render() {\n    return (\n      <Host>\n        {/* TODO */}\n        {/*<img src={this.template?.documents?.thumbnail_url || ''} alt=\"Template Thumbnail\" class=\"thumbnail\" />*/}\n\n        <span class=\"name\">{this.template.name}</span>\n        <span class=\"org-name\">{this.template.organization?.name || 'Public'}</span>\n\n        <hr />\n\n        <div class=\"controls\">\n          <div class=\"control\">\n            <span class=\"icon\" innerHTML={StarIcon} />\n            <span class=\"value\">{this.template.star_counter}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={PagesIcon} />\n            <span class=\"value\">{this.template?.documents?.[0]?.pages || 1}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={EmailIcon} />\n            <span class=\"value\">{this.template.counter}</span>\n          </div>\n\n          <span class=\"additional-controls\" innerHTML={ActionsIcon} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAyB,2wDAC/B,MAAAC,EAAeD,ECEf,MAAME,EAAc,mTAEpB,MAAMC,EAAY,qRAElB,MAAMC,EAAY,sSAElB,MAAMC,EAAW,yoE,MAUJC,EAAmB,M,iDAM9B,MAAAC,G,YACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CAIHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAKC,SAASC,MAClCN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAYI,EAAAH,KAAKC,SAASG,gBAAY,MAAAD,SAAA,SAAAA,EAAED,OAAQ,UAE5DN,EAAA,MAAAE,IAAA,6CAEAF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,OAAOM,UAAWZ,IAC9BG,EAAA,QAAAE,IAAA,2CAAMC,MAAM,SAASC,KAAKC,SAASK,eAGrCV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,OAAOM,UAAWb,IAC9BI,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAASQ,GAAAC,GAAAC,EAAAT,KAAKC,YAAQ,MAAAQ,SAAA,SAAAA,EAAEC,aAAS,MAAAF,SAAA,SAAAA,EAAG,MAAE,MAAAD,SAAA,SAAAA,EAAEI,QAAS,IAG/Df,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,OAAOM,UAAWd,IAC9BK,EAAA,QAAAE,IAAA,2CAAMC,MAAM,SAASC,KAAKC,SAASW,UAGrChB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBM,UAAWf,K","ignoreList":[]}

package/dist/verdocs-web-sdk/p-cbb75c5e.system.entry.js

@@ -1 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,o){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,n){function a(e){try{c(o.next(e))}catch(e){n(e)}}function s(e){try{c(o["throw"](e))}catch(e){n(e)}}function c(e){e.done?r(e.value):i(e.value).then(a,s)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,i,n,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 c([e,t])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(o=1,i&&(n=s[0]&2?i["return"]:s[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,s[1])).done)return n;if(i=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;i=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){r.label=s[1];break}if(s[0]===6&&r.label<n[1]){r.label=n[1];n=s;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(s);break}if(n[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];i=0}finally{o=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","@verdocs/js-sdk","./p-c8a15cb7.system.js"],(function(e){"use strict";var t,r,o,i,n,a,s;return{setters:[function(e){t=e.r;r=e.c;o=e.h;i=e.H},function(e){n=e.VerdocsEndpoint;a=e.createTemplate},function(e){s=e.S}],execute:function(){var c='@-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-template-create{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box.drag-over{border:2px solid #4c56cb}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create p{color:#33364b;margin-top:20px;font-size:18px;font-weight:500;overflow-wrap:anywhere}verdocs-template-create p.subscript{color:#5c6575;font-size:14px;margin:20px}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .progress-wrapper{padding:20px}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}verdocs-template-create .error{margin:20px 0;color:#cc0000}';var l=c;var d='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>';var u=e("verdocs_template_create",function(){function e(e){t(this,e);this.exit=r(this,"exit",7);this.next=r(this,"next",7);this.sdkError=r(this,"sdkError",7);this.templateCreated=r(this,"templateCreated",7);this.endpoint=n.getDefault();this.maxSize=20.5*1024*1024;this.file=undefined;this.creating=false;this.progressLabel="Uploading...";this.progressPercent=0;this.errorMessage=""}e.prototype.componentWillLoad=function(){this.endpoint.setTimeout(3e4);this.endpoint.loadSession()};e.prototype.handleFileChanged=function(e){var t;this.errorMessage="";this.file=((t=e.target.files)===null||t===void 0?void 0:t[0])||null;console.log("[CREATE] Selected file",this.file);var r=this.file.size;if(r>this.maxSize){this.errorMessage="Total file size must not exceed 20MB."}};e.prototype.handleUpload=function(e){e.stopPropagation();var t=document.getElementById("verdocs-template-create-file");t.click()};e.prototype.handleCancel=function(e){e.stopPropagation();this.exit.emit()};e.prototype.handleSubmit=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,o,i,n,c,l;var d=this;return __generator(this,(function(u){switch(u.label){case 0:e.stopPropagation();if(!this.file){return[2]}this.creating=true;this.progressLabel="Uploading...";u.label=1;case 1:u.trys.push([1,3,,4]);return[4,a(this.endpoint,{name:this.file.name,initial_reminder:0,followup_reminders:0,documents:[this.file]},(function(e){if(e>=99){d.progressLabel="Processing...";d.progressPercent=100}else{d.progressPercent=e}}))];case 2:c=u.sent();console.log("[CREATE] Created template",c);(t=this.templateCreated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:c,templateId:c.id});(r=this.next)===null||r===void 0?void 0:r.emit(c);this.creating=false;this.progressLabel="";this.progressPercent=0;return[3,4];case 3:l=u.sent();console.log("[CREATE] Error creating template",l);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new s(l.message,(i=l.response)===null||i===void 0?void 0:i.status,(n=l.response)===null||n===void 0?void 0:n.data));this.creating=false;return[3,4];case 4:return[2]}}))}))};e.prototype.render=function(){var e=this;if(!this.endpoint.session){return o(i,null,o("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return o(i,null,o("form",{onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},o("input",{type:"file",id:"verdocs-template-create-file",multiple:true,accept:".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",style:{display:"none"},onChange:function(t){return e.handleFileChanged(t)}}),this.creating?o("div",{class:"loader-wrapper"},o("verdocs-loader",null),this.progressLabel&&o("div",{class:"progress-wrapper"},o("verdocs-progress-bar",{showPercent:true,percent:this.progressPercent,label:this.progressLabel}))):o("div",{class:"upload-box",onDrop:function(t){t.preventDefault();t.target.classList.remove("drag-over");e.file=t.dataTransfer.files[0];if(e.file.size>e.maxSize){e.errorMessage="Total file size must not exceed 20MB."}},onDragOver:function(e){e.preventDefault();e.dataTransfer.dropEffect="copy"},onDragEnter:function(e){return e.target.classList.add("drag-over")},onDragLeave:function(e){return e.target.classList.remove("drag-over")}},o("span",{innerHTML:d,style:{display:"flex",justifyContent:"center"}}),o("p",null,this.file?this.file.name:"Drag and drop your files here"),o("p",{class:"subscript"},"Supported files: PDF, Word"),o("verdocs-button",{label:this.file?"Select a different file":"Select a file from your computer",size:"small",onClick:function(t){return e.handleUpload(t)}})),!!this.errorMessage&&o("div",{class:"error"},this.errorMessage),o("div",{class:"buttons"},o("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:function(t){return e.handleCancel(t)},disabled:this.creating}),o("verdocs-button",{label:"Next",size:"small",onClick:function(t){return e.handleSubmit(t)},disabled:!this.file||this.creating||!!this.errorMessage}))))};return e}());u.style=l}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,r,o){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,n){function a(e){try{c(o.next(e))}catch(e){n(e)}}function s(e){try{c(o["throw"](e))}catch(e){n(e)}}function c(e){e.done?r(e.value):i(e.value).then(a,s)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,i,n,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 c([e,t])}}function c(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(o=1,i&&(n=s[0]&2?i["return"]:s[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,s[1])).done)return n;if(i=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;i=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){r.label=s[1];break}if(s[0]===6&&r.label<n[1]){r.label=n[1];n=s;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(s);break}if(n[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];i=0}finally{o=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-9186f42e.system.js","@verdocs/js-sdk","./p-c8a15cb7.system.js"],(function(e){"use strict";var t,r,o,i,n,a,s;return{setters:[function(e){t=e.r;r=e.c;o=e.h;i=e.H},function(e){n=e.VerdocsEndpoint;a=e.createTemplate},function(e){s=e.S}],execute:function(){var c='@-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-template-create{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box.drag-over{border:2px solid #4c56cb}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create p{color:#33364b;margin-top:20px;font-size:18px;font-weight:500;overflow-wrap:anywhere}verdocs-template-create p.subscript{color:#5c6575;font-size:14px;margin:20px}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .progress-wrapper{padding:20px}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}verdocs-template-create .error{margin:20px 0;color:#cc0000}';var l=c;var d='<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>';var u=e("verdocs_template_create",function(){function e(e){t(this,e);this.exit=r(this,"exit",7);this.next=r(this,"next",7);this.sdkError=r(this,"sdkError",7);this.templateCreated=r(this,"templateCreated",7);this.endpoint=n.getDefault();this.maxSize=20.5*1024*1024;this.file=undefined;this.creating=false;this.progressLabel="Uploading...";this.progressPercent=0;this.errorMessage=""}e.prototype.componentWillLoad=function(){this.endpoint.setTimeout(3e4);this.endpoint.loadSession()};e.prototype.handleFileChanged=function(e){var t;this.errorMessage="";this.file=((t=e.target.files)===null||t===void 0?void 0:t[0])||null;console.log("[CREATE] Selected file",this.file);var r=this.file.size;if(r>this.maxSize){this.errorMessage="Total file size must not exceed 20MB."}};e.prototype.handleUpload=function(e){e.stopPropagation();var t=document.getElementById("verdocs-template-create-file");t.click()};e.prototype.handleCancel=function(e){e.stopPropagation();this.exit.emit()};e.prototype.handleSubmit=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,o,i,n,c,l;var d=this;return __generator(this,(function(u){switch(u.label){case 0:e.stopPropagation();if(!this.file){return[2]}this.creating=true;this.progressLabel="Uploading...";u.label=1;case 1:u.trys.push([1,3,,4]);return[4,a(this.endpoint,{name:this.file.name,initial_reminder:0,followup_reminders:0,documents:[this.file]},(function(e){if(e>=99){d.progressLabel="Processing...";d.progressPercent=100}else{d.progressPercent=e}}))];case 2:c=u.sent();console.log("[CREATE] Created template",c);(t=this.templateCreated)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:c,templateId:c.id});(r=this.next)===null||r===void 0?void 0:r.emit(c);this.creating=false;this.progressLabel="";this.progressPercent=0;return[3,4];case 3:l=u.sent();console.log("[CREATE] Error creating template",l);(o=this.sdkError)===null||o===void 0?void 0:o.emit(new s(l.message,(i=l.response)===null||i===void 0?void 0:i.status,(n=l.response)===null||n===void 0?void 0:n.data));this.creating=false;return[3,4];case 4:return[2]}}))}))};e.prototype.render=function(){var e=this;if(!this.endpoint.session){return o(i,null,o("verdocs-component-error",{message:"You must be authenticated to use this module."}))}return o(i,null,o("form",{onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},o("input",{type:"file",id:"verdocs-template-create-file",multiple:true,accept:".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",style:{display:"none"},onChange:function(t){return e.handleFileChanged(t)}}),this.creating?o("div",{class:"loader-wrapper"},o("verdocs-loader",null),this.progressLabel&&o("div",{class:"progress-wrapper"},o("verdocs-progress-bar",{showPercent:true,percent:this.progressPercent,label:this.progressLabel}))):o("div",{class:"upload-box",onDrop:function(t){t.preventDefault();t.target.classList.remove("drag-over");e.file=t.dataTransfer.files[0];if(e.file.size>e.maxSize){e.errorMessage="Total file size must not exceed 20MB."}},onDragOver:function(e){e.preventDefault();e.dataTransfer.dropEffect="copy"},onDragEnter:function(e){return e.target.classList.add("drag-over")},onDragLeave:function(e){return e.target.classList.remove("drag-over")}},o("span",{innerHTML:d,style:{display:"flex",justifyContent:"center"}}),o("p",null,this.file?this.file.name:"Drag and drop your files here"),o("p",{class:"subscript"},"Supported files: PDF, Word"),o("verdocs-button",{label:this.file?"Select a different file":"Select a file from your computer",size:"small",onClick:function(t){return e.handleUpload(t)}})),!!this.errorMessage&&o("div",{class:"error"},this.errorMessage),o("div",{class:"buttons"},o("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:function(t){return e.handleCancel(t)},disabled:this.creating}),o("verdocs-button",{label:"Next",size:"small",onClick:function(t){return e.handleSubmit(t)},disabled:!this.file||this.creating||!!this.errorMessage}))))};return e}());u.style=l}}}));
+//# sourceMappingURL=p-cbb75c5e.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsTemplateCreateCss","VerdocsTemplateCreateStyle0","FileIcon","VerdocsTemplateCreate","exports","VerdocsEndpoint","getDefault","class_1","prototype","componentWillLoad","this","endpoint","setTimeout","loadSession","handleFileChanged","e","errorMessage","file","_a","target","files","console","log","totalSize","size","maxSize","handleUpload","stopPropagation","fileElem","document","getElementById","click","handleCancel","exit","emit","handleSubmit","creating","progressLabel","createTemplate","name","initial_reminder","followup_reminders","documents","percent","_this","progressPercent","template","_f","sent","templateCreated","templateId","id","_b","next","e_1","_c","sdkError","SDKError","message","_d","response","status","_e","data","render","session","h","Host","onSubmit","preventDefault","onClick","autocomplete","type","multiple","accept","style","display","onChange","class","showPercent","label","onDrop","classList","remove","dataTransfer","onDragOver","dropEffect","onDragEnter","add","onDragLeave","innerHTML","justifyContent","variant","disabled"],"sources":["src/components/templates/verdocs-template-create/verdocs-template-create.scss?tag=verdocs-template-create","src/components/templates/verdocs-template-create/verdocs-template-create.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-create {\n  font-family: $verdocs-primary-font;\n\n  form {\n    background-color: $verdocs-grey-4;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n\n    .upload-box {\n      box-sizing: border-box;\n      width: 320px;\n      text-align: center;\n      padding: 44px 18px 66px;\n      border: 2px dashed #979797;\n      color: rgba(0, 0, 0, 0.54);\n\n      &.drag-over {\n        border: 2px solid $verdocs-deep-blue;\n      }\n\n      svg {\n        width: 64px;\n        fill: #5c6575;\n      }\n    }\n  }\n\n  p {\n    color: $verdocs-grey-1;\n    margin-top: 20px;\n    font-size: 18px;\n    font-weight: 500;\n    overflow-wrap: anywhere;\n\n    &.subscript {\n      color: $verdocs-bg-4;\n      font-size: 14px;\n      margin: 20px;\n    }\n  }\n\n  .loader-wrapper {\n    background-color: $verdocs-grey-4;\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n    position: relative;\n    width: 320px;\n    height: 320px;\n    text-align: center;\n    border: 2px dashed #979797;\n    justify-content: flex-end;\n  }\n\n  .progress-wrapper {\n    padding: 20px;\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 8px;\n    margin-top: 16px;\n    align-items: center;\n    flex-direction: row;\n    justify-content: flex-end;\n\n    .flex-fill {\n      flex: 1;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-bg-2;\n  }\n\n  .error {\n    margin: 20px 0;\n    color: $verdocs-red-1;\n  }\n}\n","import {createTemplate, ITemplate, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, State, Host} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\n\nconst FileIcon =\n  '<svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z\"></path></svg>';\n\n/**\n * Displays a file upload mechanism suitable for the first step of creating a template.\n * This is typically the first step in a template creation workflow.\n */\n@Component({\n  tag: 'verdocs-template-create',\n  styleUrl: 'verdocs-template-create.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateCreate {\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  @Prop({mutable: true})\n  maxSize: number = 20.5 * 1024 * 1024;\n\n  /**\n   * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) next: EventEmitter<ITemplate>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  /**\n   * Event fired when the user updates the template.\n   */\n  @Event({composed: true}) templateCreated: EventEmitter<{endpoint: VerdocsEndpoint; template: ITemplate; templateId: string}>;\n\n  @State() file: File | null;\n  @State() creating = false;\n  @State() progressLabel = 'Uploading...';\n  @State() progressPercent = 0;\n  @State() errorMessage = '';\n\n  componentWillLoad() {\n    this.endpoint.setTimeout(30000);\n    this.endpoint.loadSession();\n  }\n\n  handleFileChanged(e: any) {\n    this.errorMessage = '';\n    this.file = e.target.files?.[0] || null;\n    console.log('[CREATE] Selected file', this.file);\n\n    const totalSize = this.file.size;\n    if (totalSize > this.maxSize) {\n      this.errorMessage = 'Total file size must not exceed 20MB.';\n    }\n  }\n\n  handleUpload(e) {\n    e.stopPropagation();\n    const fileElem = document.getElementById('verdocs-template-create-file');\n    fileElem.click();\n  }\n\n  handleCancel(e) {\n    e.stopPropagation();\n    this.exit.emit();\n  }\n\n  async handleSubmit(e) {\n    e.stopPropagation();\n\n    // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.\n    if (!this.file) {\n      return;\n    }\n\n    this.creating = true;\n    this.progressLabel = 'Uploading...';\n\n    try {\n      const template = await createTemplate(\n        this.endpoint,\n        {\n          name: this.file.name,\n          // TODO: Make optional in the SDK\n          initial_reminder: 0,\n          followup_reminders: 0,\n          documents: [this.file],\n        },\n        percent => {\n          if (percent >= 99) {\n            this.progressLabel = 'Processing...';\n            this.progressPercent = 100;\n          } else {\n            this.progressPercent = percent;\n          }\n        },\n      );\n\n      console.log('[CREATE] Created template', template);\n      this.templateCreated?.emit({endpoint: this.endpoint, template, templateId: template.id});\n      this.next?.emit(template);\n      this.creating = false;\n      this.progressLabel = '';\n      this.progressPercent = 0;\n    } catch (e) {\n      console.log('[CREATE] Error creating template', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n      this.creating = false;\n    }\n  }\n\n  render() {\n    if (!this.endpoint.session) {\n      return (\n        <Host>\n          <verdocs-component-error message=\"You must be authenticated to use this module.\" />\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <form onSubmit={e => e.preventDefault()} onClick={e => e.stopPropagation()} autocomplete=\"off\">\n          <input\n            type=\"file\"\n            id=\"verdocs-template-create-file\"\n            multiple\n            accept=\".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document\"\n            style={{display: 'none'}}\n            onChange={e => this.handleFileChanged(e)}\n          />\n\n          {this.creating ? (\n            <div class=\"loader-wrapper\">\n              <verdocs-loader />\n              {this.progressLabel && (\n                <div class=\"progress-wrapper\">\n                  <verdocs-progress-bar showPercent={true} percent={this.progressPercent} label={this.progressLabel} />\n                </div>\n              )}\n            </div>\n          ) : (\n            <div\n              class=\"upload-box\"\n              onDrop={(e: any) => {\n                e.preventDefault();\n                e.target.classList.remove('drag-over');\n                this.file = e.dataTransfer.files[0];\n\n                if (this.file.size > this.maxSize) {\n                  this.errorMessage = 'Total file size must not exceed 20MB.';\n                }\n              }}\n              onDragOver={(e: any) => {\n                e.preventDefault();\n                e.dataTransfer.dropEffect = 'copy';\n              }}\n              onDragEnter={(e: any) => e.target.classList.add('drag-over')}\n              onDragLeave={(e: any) => e.target.classList.remove('drag-over')}\n            >\n              <span innerHTML={FileIcon} style={{display: 'flex', justifyContent: 'center'}} />\n              <p>{this.file ? this.file.name : 'Drag and drop your files here'}</p>\n              <p class=\"subscript\">Supported files: PDF, Word</p>\n\n              <verdocs-button label={this.file ? 'Select a different file' : 'Select a file from your computer'} size=\"small\" onClick={e => this.handleUpload(e)} />\n            </div>\n          )}\n\n          {!!this.errorMessage && <div class=\"error\">{this.errorMessage}</div>}\n\n          <div class=\"buttons\">\n            <verdocs-button variant=\"outline\" label=\"Cancel\" size=\"small\" onClick={e => this.handleCancel(e)} disabled={this.creating} />\n            <verdocs-button label=\"Next\" size=\"small\" onClick={e => this.handleSubmit(e)} disabled={!this.file || this.creating || !!this.errorMessage} />\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}