@scaleflex/uploader 0.1.0

package/dist/provider-browser-CmCwv0ph.cjs

@@ -0,0 +1,581 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("lit"),l=require("lit/decorators.js"),c=require("./sfx-uploader-BVDK-9xi.cjs"),x="sfx-uploader-token:";function p(o){try{return localStorage.getItem(`${x}${o}`)}catch{return null}}function g(o,e){try{localStorage.setItem(`${x}${o}`,e)}catch{}}function f(o){try{localStorage.removeItem(`${x}${o}`)}catch{}}function v(o,e){const i=r=>{if(r.origin!==new URL(o).origin)return;const t=typeof r.data=="string"?_(r.data):r.data;t!=null&&t.token&&e(t.token)};return window.addEventListener("message",i),()=>window.removeEventListener("message",i)}function _(o){try{return JSON.parse(o)}catch{return null}}var k=Object.defineProperty,d=(o,e,i,r)=>{for(var t=void 0,n=o.length-1,h;n>=0;n--)(h=o[n])&&(t=h(e,i,t)||t);return t&&k(e,i,t),t};const m=class m extends s.LitElement{constructor(){super(...arguments),this.provider="google-drive",this.companionUrl="",this._authenticated=!1,this._loading=!1,this._items=[],this._selectedIds=new Set,this._breadcrumbs=[],this._nextPagePath=null,this._error=null,this._loadingMore=!1,this._username=null,this._cleanupAuthListener=null,this._authWindow=null,this._handleConnect=()=>{var i;const e=c.getAuthUrl(this.companionUrl,this.provider);this._authWindow=window.open(e,"_blank","width=600,height=600"),(i=this._cleanupAuthListener)==null||i.call(this),this._cleanupAuthListener=v(this.companionUrl,r=>{var t,n;(t=this._authWindow)==null||t.close(),this._authWindow=null,(n=this._cleanupAuthListener)==null||n.call(this),this._cleanupAuthListener=null,g(this.provider,r),this._authenticated=!0,this._loadFolder("")})},this._lastClickedIndex=null,this._toggleSelectAll=()=>{const e=this._items.filter(r=>!r.isFolder);e.every(r=>this._selectedIds.has(r.id))?this._selectedIds=new Set:this._selectedIds=new Set(e.map(r=>r.id))},this._onAddSelected=()=>{const e=p(this.provider);if(!e)return;const r=this._items.filter(t=>!t.isFolder&&this._selectedIds.has(t.id)).map(t=>({companionUrl:this.companionUrl,provider:this.provider,token:e,requestPath:t.requestPath,fileId:t.id,name:t.name,mimeType:t.mimeType,size:t.size,thumbnail:t.thumbnail}));this.dispatchEvent(new CustomEvent("connector-files-selected",{detail:{files:r},bubbles:!0,composed:!0}))},this._onClose=()=>{this.dispatchEvent(new CustomEvent("connector-close",{bubbles:!0,composed:!0}))},this._handleLogout=async()=>{const e=p(this.provider);if(e){try{await c.logout(this.companionUrl,this.provider,e)}catch{}f(this.provider)}this._reset()}}connectedCallback(){super.connectedCallback(),this._checkAuth()}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._cleanupAuthListener)==null||e.call(this),this._cleanupAuthListener=null}updated(e){e.has("provider")&&(this._reset(),this._checkAuth())}_reset(){this._authenticated=!1,this._loading=!1,this._items=[],this._selectedIds=new Set,this._breadcrumbs=[],this._nextPagePath=null,this._error=null,this._username=null}_checkAuth(){p(this.provider)&&(this._authenticated=!0,this._loadFolder(""))}get _providerLabel(){var i;return((i=c.getProviderSources([this.provider])[0])==null?void 0:i.label)??this.provider}async _loadFolder(e){const i=p(this.provider);if(!i){this._authenticated=!1;return}this.offsetHeight>0&&(this.style.minHeight=`${this.offsetHeight}px`),this._loading=!0,this._error=null,this._items=[],this._selectedIds=new Set,this._lastClickedIndex=null,this._nextPagePath=null;try{const r=await c.listFiles(this.companionUrl,this.provider,i,e);this._items=r.items,this._nextPagePath=r.nextPagePath,r.username&&(this._username=r.username)}catch(r){r instanceof c.AuthExpiredError?(f(this.provider),this._authenticated=!1):this._error=r instanceof Error?r.message:"Failed to load files"}finally{this._loading=!1}}_onFolderClick(e){this._breadcrumbs=[...this._breadcrumbs,{name:e.name,path:e.requestPath}],this._loadFolder(e.requestPath)}_onBreadcrumbClick(e){if(e<0)this._breadcrumbs=[],this._loadFolder("");else{const i=this._breadcrumbs[e];this._breadcrumbs=this._breadcrumbs.slice(0,e+1),this._loadFolder(i.path)}}async _onLoadMore(){const e=p(this.provider);if(!(!e||!this._nextPagePath)){this._loadingMore=!0;try{const i=await c.listNextPage(this.companionUrl,e,this._nextPagePath);this._items=[...this._items,...i.items],this._nextPagePath=i.nextPagePath}catch(i){i instanceof c.AuthExpiredError&&(f(this.provider),this._authenticated=!1)}finally{this._loadingMore=!1}}}_toggleSelect(e,i){const r=this._items.filter(n=>!n.isFolder),t=r.findIndex(n=>n.id===e.id);if(i!=null&&i.shiftKey&&this._lastClickedIndex!==null&&t!==-1){const n=Math.min(this._lastClickedIndex,t),h=Math.max(this._lastClickedIndex,t),b=new Set(this._selectedIds);for(let u=n;u<=h;u++)b.add(r[u].id);this._selectedIds=b}else{const n=new Set(this._selectedIds);n.has(e.id)?n.delete(e.id):n.add(e.id),this._selectedIds=n}t!==-1&&(this._lastClickedIndex=t)}render(){return s.html`
+      ${this._renderHeader()}
+      ${this._authenticated?this._loading?this._renderLoading():this._error?this._renderError():this._renderBrowser():this._renderAuthView()}
+    `}_renderHeader(){return s.html`
+      <div class="browser-header">
+        <button class="back-btn" @click=${this._onClose}>
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
+            <polyline points="15 18 9 12 15 6" />
+          </svg>
+        </button>
+        <span class="browser-title">${this._providerLabel}</span>
+        ${this._authenticated?s.html`
+              ${this._username?s.html`<span class="username">${this._username}</span>`:s.nothing}
+              <button class="logout-btn" @click=${this._handleLogout}>Log out</button>
+            `:s.nothing}
+      </div>
+    `}_renderAuthView(){return s.html`
+      <div class="auth-view">
+        <div class="auth-icon">
+          <svg viewBox="0 0 24 24"><path d="M12 2a5 5 0 015 5v3h1a2 2 0 012 2v8a2 2 0 01-2 2H6a2 2 0 01-2-2v-8a2 2 0 012-2h1V7a5 5 0 015-5zm3 8H9v-3a3 3 0 016 0v3z" fill="currentColor"/></svg>
+        </div>
+        <div class="auth-text">
+          Connect to ${this._providerLabel} to browse and select files
+        </div>
+        <button class="connect-btn" @click=${this._handleConnect}>
+          Connect to ${this._providerLabel}
+        </button>
+      </div>
+    `}_renderLoading(){const e=[1,2,3,4,5,6];return s.html`
+      <div class="skeleton-list">
+        ${e.map(()=>s.html`
+          <div class="skeleton-row">
+            <div class="skeleton-check"></div>
+            <div class="skeleton-thumb"></div>
+            <div class="skeleton-text">
+              <div class="skeleton-name"></div>
+              <div class="skeleton-size"></div>
+            </div>
+          </div>
+        `)}
+      </div>
+    `}_renderError(){return s.html`
+      <div class="error-view">
+        <div class="error-text">${this._error}</div>
+        <button class="retry-btn" @click=${()=>{const e=this._breadcrumbs[this._breadcrumbs.length-1];this._loadFolder((e==null?void 0:e.path)??"")}}>
+          Retry
+        </button>
+      </div>
+    `}_renderBrowser(){const e=this._items.filter(t=>!t.isFolder),i=this._items.filter(t=>t.isFolder),r=this._selectedIds.size;return s.html`
+      ${this._renderBreadcrumbs()}
+
+      <div class="file-list">
+        ${i.length===0&&e.length===0?s.html`<div class="empty-state"><div class="empty-text">This folder is empty</div></div>`:s.nothing}
+
+        ${i.map(t=>s.html`
+            <div class="file-item" @click=${()=>this._onFolderClick(t)}>
+              <div class="file-thumb">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
+                  <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
+                </svg>
+              </div>
+              <div class="file-info">
+                <div class="file-name">${t.name}</div>
+              </div>
+            </div>
+          `)}
+
+        ${e.map(t=>s.html`
+            <div
+              class="file-item ${this._selectedIds.has(t.id)?"selected":""}"
+              @click=${n=>this._toggleSelect(t,n)}
+            >
+              <input
+                type="checkbox"
+                .checked=${this._selectedIds.has(t.id)}
+                @click=${n=>n.stopPropagation()}
+                @change=${()=>this._toggleSelect(t)}
+              />
+              <div class="file-thumb">
+                ${t.thumbnail?s.html`<img src=${t.thumbnail} alt="" loading="lazy" referrerpolicy="no-referrer"
+                      @error=${n=>{const h=n.target;h.style.display="none",h.parentElement.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>'}}
+                    />`:s.html`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
+                      <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" />
+                      <polyline points="14 2 14 8 20 8" />
+                    </svg>`}
+              </div>
+              <div class="file-info">
+                <div class="file-name">${t.name}</div>
+                ${t.size?s.html`<div class="file-size">${y(t.size)}</div>`:s.nothing}
+              </div>
+            </div>
+          `)}
+
+        ${this._nextPagePath?s.html`
+              <button
+                class="load-more-btn"
+                ?disabled=${this._loadingMore}
+                @click=${this._onLoadMore}
+              >
+                ${this._loadingMore?"Loading...":"Load more"}
+              </button>
+            `:s.nothing}
+      </div>
+
+      ${e.length>0?s.html`
+            <div class="browser-footer">
+              <button class="select-all-btn" @click=${this._toggleSelectAll}>
+                ${e.every(t=>this._selectedIds.has(t.id))?"Deselect all":"Select all"}
+              </button>
+              <span class="selected-count">
+                ${r>0?`${r} file${r===1?"":"s"} selected`:"Select files to add"}
+              </span>
+              <button
+                class="add-btn"
+                ?disabled=${r===0}
+                @click=${this._onAddSelected}
+              >
+                Add ${r>0?r:""} file${r===1?"":"s"}
+              </button>
+            </div>
+          `:s.nothing}
+    `}_renderBreadcrumbs(){return this._breadcrumbs.length===0?s.nothing:s.html`
+      <div class="breadcrumbs">
+        <button class="crumb" @click=${()=>this._onBreadcrumbClick(-1)}>Root</button>
+        ${this._breadcrumbs.map((e,i)=>s.html`
+            <span class="crumb-sep">/</span>
+            ${i<this._breadcrumbs.length-1?s.html`<button class="crumb" @click=${()=>this._onBreadcrumbClick(i)}>${e.name}</button>`:s.html`<span class="crumb-current">${e.name}</span>`}
+          `)}
+      </div>
+    `}};m.styles=s.css`
+    :host {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+      min-height: 300px;
+      font-family: var(--sfx-up-font, 'Inter', system-ui, -apple-system, sans-serif);
+      color: var(--sfx-up-text, #1e293b);
+    }
+
+    /* --- Header --- */
+    .browser-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 14px 20px;
+      border-bottom: 1px solid var(--sfx-up-border-light, #f1f5f9);
+      flex-shrink: 0;
+    }
+
+    .back-btn {
+      width: 32px;
+      height: 32px;
+      border: none;
+      background: none;
+      border-radius: 8px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--sfx-up-text-muted, #94a3b8);
+      transition: all 0.15s;
+      flex-shrink: 0;
+    }
+
+    .back-btn:hover {
+      background: #f1f5f9;
+      color: var(--sfx-up-text, #1e293b);
+    }
+
+    .back-btn svg {
+      width: 18px;
+      height: 18px;
+    }
+
+    .browser-title {
+      font-size: 14px;
+      font-weight: 600;
+      flex: 1;
+    }
+
+    .logout-btn {
+      border: none;
+      background: none;
+      font-family: inherit;
+      font-size: 12px;
+      color: var(--sfx-up-text-muted, #94a3b8);
+      cursor: pointer;
+      padding: 4px 8px;
+      border-radius: 6px;
+      transition: all 0.15s;
+      flex-shrink: 0;
+    }
+
+    .logout-btn:hover {
+      background: #fef2f2;
+      color: var(--sfx-up-error, #dc2626);
+    }
+
+    .username {
+      font-size: 12px;
+      color: var(--sfx-up-text-muted, #94a3b8);
+      flex-shrink: 0;
+    }
+
+    /* --- Auth view --- */
+    .auth-view {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 16px;
+      padding: 40px 24px;
+      text-align: center;
+    }
+
+    .auth-icon {
+      width: 56px;
+      height: 56px;
+      border-radius: 16px;
+      background: var(--sfx-up-primary-bg, #eff6ff);
+      color: var(--sfx-up-primary, #2563eb);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .auth-icon svg {
+      width: 28px;
+      height: 28px;
+      fill: currentColor;
+    }
+
+    .auth-text {
+      font-size: 14px;
+      color: var(--sfx-up-text-secondary, #475569);
+      max-width: 280px;
+    }
+
+    .connect-btn {
+      height: 40px;
+      padding: 0 24px;
+      border: none;
+      border-radius: 10px;
+      background: linear-gradient(135deg, var(--sfx-up-primary, #2563eb), var(--sfx-up-primary-mid, #3b82f6));
+      color: #fff;
+      font-family: inherit;
+      font-size: 14px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.18s;
+      box-shadow: 0 2px 10px rgba(37, 99, 235, 0.28);
+    }
+
+    .connect-btn:hover {
+      transform: translateY(-1px);
+      box-shadow: 0 4px 16px rgba(37, 99, 235, 0.38);
+    }
+
+    /* --- Breadcrumbs --- */
+    .breadcrumbs {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 10px 20px;
+      font-size: 12px;
+      color: var(--sfx-up-text-muted, #94a3b8);
+      border-bottom: 1px solid var(--sfx-up-border-light, #f1f5f9);
+      flex-shrink: 0;
+      flex-wrap: wrap;
+    }
+
+    .crumb {
+      cursor: pointer;
+      color: var(--sfx-up-primary, #2563eb);
+      border: none;
+      background: none;
+      font-family: inherit;
+      font-size: 12px;
+      padding: 2px 4px;
+      border-radius: 4px;
+      transition: background 0.15s;
+    }
+
+    .crumb:hover {
+      background: var(--sfx-up-primary-bg, #eff6ff);
+    }
+
+    .crumb-sep {
+      color: var(--sfx-up-text-muted, #94a3b8);
+    }
+
+    .crumb-current {
+      color: var(--sfx-up-text, #1e293b);
+      font-weight: 500;
+    }
+
+    /* --- File list --- */
+    .file-list {
+      flex: 1;
+      overflow-y: auto;
+      padding: 8px 12px;
+      min-height: 0;
+    }
+
+    .file-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 10px 12px;
+      border-radius: 10px;
+      cursor: pointer;
+      transition: background 0.15s;
+      user-select: none;
+    }
+
+    .file-item:hover {
+      background: #f8fafc;
+    }
+
+    .file-item.selected {
+      background: var(--sfx-up-primary-bg, #eff6ff);
+    }
+
+    .file-item input[type='checkbox'] {
+      width: 16px;
+      height: 16px;
+      accent-color: var(--sfx-up-primary, #2563eb);
+      flex-shrink: 0;
+      cursor: pointer;
+    }
+
+    .file-thumb {
+      width: 36px;
+      height: 36px;
+      border-radius: 8px;
+      background: #f1f5f9;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      overflow: hidden;
+    }
+
+    .file-thumb img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .file-thumb svg {
+      width: 18px;
+      height: 18px;
+      color: var(--sfx-up-text-muted, #94a3b8);
+    }
+
+    .file-info {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .file-name {
+      font-size: 13px;
+      font-weight: 500;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .file-size {
+      font-size: 11px;
+      color: var(--sfx-up-text-muted, #94a3b8);
+    }
+
+    /* --- Footer --- */
+    .browser-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 20px;
+      border-top: 1px solid var(--sfx-up-border-light, #f1f5f9);
+      flex-shrink: 0;
+    }
+
+    .selected-count {
+      font-size: 13px;
+      color: var(--sfx-up-text-secondary, #475569);
+      font-weight: 500;
+    }
+
+    .add-btn {
+      height: 36px;
+      padding: 0 20px;
+      border: none;
+      border-radius: 9px;
+      background: linear-gradient(135deg, var(--sfx-up-primary, #2563eb), var(--sfx-up-primary-mid, #3b82f6));
+      color: #fff;
+      font-family: inherit;
+      font-size: 13px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.18s;
+      box-shadow: 0 2px 10px rgba(37, 99, 235, 0.28);
+    }
+
+    .add-btn:hover:not(:disabled) {
+      transform: translateY(-1px);
+      box-shadow: 0 4px 16px rgba(37, 99, 235, 0.38);
+    }
+
+    .add-btn:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .select-all-btn {
+      border: none;
+      background: none;
+      font-family: inherit;
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--sfx-up-primary, #2563eb);
+      cursor: pointer;
+      padding: 4px 8px;
+      border-radius: 6px;
+      transition: background 0.15s;
+      flex-shrink: 0;
+    }
+
+    .select-all-btn:hover {
+      background: var(--sfx-up-primary-bg, #eff6ff);
+    }
+
+    /* --- Loading / Error --- */
+    .loading, .error-view, .empty-state {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 12px;
+      padding: 40px 24px;
+      text-align: center;
+    }
+
+    .spinner {
+      width: 28px;
+      height: 28px;
+      border: 3px solid var(--sfx-up-border, #e8edf5);
+      border-top-color: var(--sfx-up-primary, #2563eb);
+      border-radius: 50%;
+      animation: spin 0.7s linear infinite;
+    }
+
+    .error-text {
+      font-size: 14px;
+      color: var(--sfx-up-error, #dc2626);
+    }
+
+    .retry-btn {
+      height: 34px;
+      padding: 0 16px;
+      border: 1.5px solid var(--sfx-up-border, #e8edf5);
+      background: none;
+      border-radius: 8px;
+      font-family: inherit;
+      font-size: 13px;
+      font-weight: 600;
+      cursor: pointer;
+      color: var(--sfx-up-text-secondary, #475569);
+      transition: all 0.15s;
+    }
+
+    .retry-btn:hover {
+      background: #f8faff;
+      border-color: #d1dff0;
+    }
+
+    .load-more-btn {
+      display: block;
+      margin: 8px auto;
+      padding: 8px 20px;
+      border: 1.5px solid var(--sfx-up-border, #e8edf5);
+      background: none;
+      border-radius: 8px;
+      font-family: inherit;
+      font-size: 13px;
+      font-weight: 500;
+      cursor: pointer;
+      color: var(--sfx-up-primary, #2563eb);
+      transition: all 0.15s;
+    }
+
+    .load-more-btn:hover {
+      background: var(--sfx-up-primary-bg, #eff6ff);
+    }
+
+    .empty-text {
+      font-size: 14px;
+      color: var(--sfx-up-text-muted, #94a3b8);
+    }
+
+    /* --- Skeleton loading --- */
+    .skeleton-list {
+      flex: 1;
+      padding: 8px 12px;
+      min-height: 0;
+    }
+
+    .skeleton-row {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 10px 12px;
+    }
+
+    .skeleton-check {
+      width: 16px;
+      height: 16px;
+      border-radius: 4px;
+      background: #f1f5f9;
+    }
+
+    .skeleton-thumb {
+      width: 36px;
+      height: 36px;
+      border-radius: 8px;
+      background: #f1f5f9;
+      flex-shrink: 0;
+      animation: shimmer 1.5s ease-in-out infinite;
+    }
+
+    .skeleton-text {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    .skeleton-name {
+      height: 14px;
+      border-radius: 6px;
+      background: #f1f5f9;
+      animation: shimmer 1.5s ease-in-out infinite;
+    }
+
+    .skeleton-size {
+      height: 11px;
+      width: 60px;
+      border-radius: 6px;
+      background: #f1f5f9;
+      animation: shimmer 1.5s ease-in-out infinite;
+    }
+
+    .skeleton-row:nth-child(1) .skeleton-name { width: 65%; animation-delay: 0s; }
+    .skeleton-row:nth-child(1) .skeleton-thumb { animation-delay: 0s; }
+    .skeleton-row:nth-child(2) .skeleton-name { width: 45%; animation-delay: 0.1s; }
+    .skeleton-row:nth-child(2) .skeleton-thumb { animation-delay: 0.1s; }
+    .skeleton-row:nth-child(3) .skeleton-name { width: 75%; animation-delay: 0.2s; }
+    .skeleton-row:nth-child(3) .skeleton-thumb { animation-delay: 0.2s; }
+    .skeleton-row:nth-child(4) .skeleton-name { width: 55%; animation-delay: 0.3s; }
+    .skeleton-row:nth-child(4) .skeleton-thumb { animation-delay: 0.3s; }
+    .skeleton-row:nth-child(5) .skeleton-name { width: 60%; animation-delay: 0.4s; }
+    .skeleton-row:nth-child(5) .skeleton-thumb { animation-delay: 0.4s; }
+    .skeleton-row:nth-child(6) .skeleton-name { width: 50%; animation-delay: 0.5s; }
+    .skeleton-row:nth-child(6) .skeleton-thumb { animation-delay: 0.5s; }
+
+    @keyframes shimmer {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.4; }
+    }
+
+    @keyframes spin {
+      to { transform: rotate(360deg); }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .spinner { animation: none; }
+      .skeleton-thumb, .skeleton-name, .skeleton-size { animation: none; }
+    }
+  `;let a=m;d([l.property({type:String})],a.prototype,"provider");d([l.property({type:String})],a.prototype,"companionUrl");d([l.state()],a.prototype,"_authenticated");d([l.state()],a.prototype,"_loading");d([l.state()],a.prototype,"_items");d([l.state()],a.prototype,"_selectedIds");d([l.state()],a.prototype,"_breadcrumbs");d([l.state()],a.prototype,"_nextPagePath");d([l.state()],a.prototype,"_error");d([l.state()],a.prototype,"_loadingMore");d([l.state()],a.prototype,"_username");function y(o){if(o===0)return"0 B";const e=["B","KB","MB","GB"],i=Math.min(Math.floor(Math.log(o)/Math.log(1024)),e.length-1);return`${(o/Math.pow(1024,i)).toFixed(i===0?0:1)} ${e[i]}`}exports.SfxProviderBrowser=a;

package/dist/react.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");typeof customElements<"u"&&Promise.resolve().then(()=>require("./define.cjs"));const A=s.forwardRef(function({config:j,open:b,onFileAdded:q,onFileRemoved:U,onFileRejected:w,onUploadStarted:H,onUploadProgress:I,onUploadComplete:M,onUploadError:S,onUploadRetry:k,onAllComplete:z,onTotalProgress:B,onOpen:D,onClose:G,onCancel:J,className:_,style:$},F){const u=s.useRef(null),a=s.useRef(q),o=s.useRef(U),f=s.useRef(w),i=s.useRef(H),v=s.useRef(I),p=s.useRef(M),E=s.useRef(S),L=s.useRef(k),x=s.useRef(z),m=s.useRef(B),h=s.useRef(D),g=s.useRef(G),y=s.useRef(J);return s.useLayoutEffect(()=>{a.current=q,o.current=U,f.current=w,i.current=H,v.current=I,p.current=M,E.current=S,L.current=k,x.current=z,m.current=B,h.current=D,g.current=G,y.current=J}),s.useImperativeHandle(F,()=>({get element(){return u.current},open(){var e;(e=u.current)==null||e.open()},close(){var e;(e=u.current)==null||e.close()},upload(){var e;(e=u.current)==null||e.upload()},addFiles(e){var d;(d=u.current)==null||d.addFiles(e)},resumeUpload(e){var d;(d=u.current)==null||d.resumeUpload(e)},cancelUpload(){var e;(e=u.current)==null||e.cancelUpload()}})),s.useLayoutEffect(()=>{const e=u.current;e&&(e.config=j)},[j]),s.useEffect(()=>{const e=u.current;e&&(b===!0?e.open():b===!1&&e.close())},[b]),s.useEffect(()=>{const e=u.current;if(!e)return;const d=t=>{var r;const{file:n}=t.detail;(r=a.current)==null||r.call(a,n)},K=t=>{var r;const{file:n}=t.detail;(r=o.current)==null||r.call(o,n)},N=t=>{var c;const{file:n,reason:r}=t.detail;(c=f.current)==null||c.call(f,n,r)},O=t=>{var r;const{files:n}=t.detail;(r=i.current)==null||r.call(i,n)},P=t=>{var l;const{file:n,progress:r,speed:c}=t.detail;(l=v.current)==null||l.call(v,n,r,c)},Q=t=>{var c;const{file:n,response:r}=t.detail;(c=p.current)==null||c.call(p,n,r)},R=t=>{var c;const{file:n,error:r}=t.detail;(c=E.current)==null||c.call(E,n,r)},T=t=>{var c;const{successful:n,failed:r}=t.detail;(c=x.current)==null||c.call(x,n,r)},V=t=>{var c;const{file:n,attempt:r}=t.detail;(c=L.current)==null||c.call(L,n,r)},W=t=>{var l;const{percentage:n,speed:r,eta:c}=t.detail;(l=m.current)==null||l.call(m,n,r,c)},X=()=>{var t;(t=h.current)==null||t.call(h)},Y=()=>{var t;(t=g.current)==null||t.call(g)},Z=()=>{var t;(t=y.current)==null||t.call(y)};return e.addEventListener("sfx-file-added",d),e.addEventListener("sfx-file-removed",K),e.addEventListener("sfx-file-rejected",N),e.addEventListener("sfx-upload-started",O),e.addEventListener("sfx-upload-progress",P),e.addEventListener("sfx-upload-complete",Q),e.addEventListener("sfx-upload-error",R),e.addEventListener("sfx-upload-retry",V),e.addEventListener("sfx-all-complete",T),e.addEventListener("sfx-total-progress",W),e.addEventListener("sfx-open",X),e.addEventListener("sfx-close",Y),e.addEventListener("sfx-cancel",Z),()=>{e.removeEventListener("sfx-file-added",d),e.removeEventListener("sfx-file-removed",K),e.removeEventListener("sfx-file-rejected",N),e.removeEventListener("sfx-upload-started",O),e.removeEventListener("sfx-upload-progress",P),e.removeEventListener("sfx-upload-complete",Q),e.removeEventListener("sfx-upload-error",R),e.removeEventListener("sfx-upload-retry",V),e.removeEventListener("sfx-all-complete",T),e.removeEventListener("sfx-total-progress",W),e.removeEventListener("sfx-open",X),e.removeEventListener("sfx-close",Y),e.removeEventListener("sfx-cancel",Z)}},[]),s.createElement("sfx-uploader",{ref:u,className:_,style:$})});exports.Uploader=A;

package/dist/react.d.ts

@@ -0,0 +1,33 @@
+import { CSSProperties } from 'react';
+import { SfxUploader as SfxUploaderElement, UploaderConfig } from './sfx-uploader';
+import { UploadFile, UploadResponse } from './store/store.types';
+export interface UploaderRef {
+    element: SfxUploaderElement | null;
+    open(): void;
+    close(): void;
+    upload(): void;
+    addFiles(files: File[]): void;
+    resumeUpload(files?: UploadFile[]): void;
+    cancelUpload(): void;
+}
+export interface UploaderProps {
+    config: UploaderConfig;
+    open?: boolean;
+    onFileAdded?: (file: UploadFile) => void;
+    onFileRemoved?: (file: UploadFile) => void;
+    onFileRejected?: (file: UploadFile, reason: string) => void;
+    onUploadStarted?: (files: UploadFile[]) => void;
+    onUploadProgress?: (file: UploadFile, progress: number, speed: number) => void;
+    onUploadComplete?: (file: UploadFile, response: UploadResponse) => void;
+    onUploadError?: (file: UploadFile, error: Error) => void;
+    onUploadRetry?: (file: UploadFile, attempt: number) => void;
+    onAllComplete?: (successful: UploadFile[], failed: UploadFile[]) => void;
+    onTotalProgress?: (percentage: number, speed: number, eta: number) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onCancel?: () => void;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Uploader: import('react').ForwardRefExoticComponent<UploaderProps & import('react').RefAttributes<UploaderRef>>;
+//# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,IAAI,kBAAkB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACxF,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAOtE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACnC,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,IAAI,CAAC;IACf,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IACzC,YAAY,IAAI,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IAGf,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/E,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACzE,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,uGA6LpB,CAAC"}