tide-commander 1.48.0 → 1.50.0

package/dist/assets/GmailOAuthSetup-7xFQPZTB.js

@@ -0,0 +1,388 @@
+import{r as i,W as C,l as j,j as e}from"./main-BGQsJhbR.js";import"./modulepreload-polyfill-B5Qt9EMX.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";function ne({integration:o,onSave:f,onCancel:S}){const[s,z]=i.useState(o.values.authMethod||"oauth2"),[g,R]=i.useState(o.values.clientId||""),[v,q]=i.useState(""),[m,K]=i.useState(""),[w,L]=i.useState(o.values.impersonateEmail||""),[p,I]=i.useState(String(o.values.pollingIntervalMs??3e4)),[x,E]=i.useState(o.values.defaultApprovalKeywords||"approved,aprobado,autorizado,yes,ok"),[O,M]=i.useState(null),[n,G]=i.useState(null),[c,d]=i.useState(!1),[T,t]=i.useState(null),[P,F]=i.useState(!1),[$,J]=i.useState(!1),[y,B]=i.useState(!1),[b,h]=i.useState(o.status.connected?"connected":"credentials"),N=s==="oauth2"&&o.values.clientId==="********"&&o.values.clientSecret==="********",r=i.useRef(null),_=i.useRef(o.status.connected),u=i.useCallback(async()=>{try{const a=await C(j("/api/email/status"));if(a.ok){const l=await a.json();G(l),l.authenticated&&(h("connected"),r.current&&(clearInterval(r.current),r.current=null))}}catch(a){console.error("Failed to fetch Gmail status:",a)}},[]);i.useEffect(()=>{const a=o.status.connected,l=_.current;a&&!l&&b!=="connected"?h("connected"):!a&&l&&b==="connected"&&h("credentials"),_.current=a},[o.status.connected]),i.useEffect(()=>(u(),()=>{r.current&&clearInterval(r.current)}),[u]);const D=async()=>{const a=await C(j("/api/email/auth/url"));if(!a.ok){const k=await a.json().catch(()=>({}));throw new Error(k.error||`HTTP ${a.status}`)}const l=await a.json();if(!l.url)throw new Error("OAuth URL is empty");M(l.url),t(null),h("authorize"),r.current&&clearInterval(r.current),r.current=setInterval(u,3e3)},W=async()=>{d(!0),t(null);try{await D()}catch(a){t(a instanceof Error?a.message:"Failed to get OAuth URL")}finally{d(!1)}},Y=async()=>{if(!g.trim()){t("Client ID is required");return}d(!0),t(null);try{const a={authMethod:"oauth2",pollingIntervalMs:parseInt(p)||3e4,defaultApprovalKeywords:x};g.trim()&&g.trim()!=="********"&&(a.clientId=g.trim()),v.trim()&&v.trim()!=="********"&&(a.clientSecret=v.trim()),await f(a),await D()}catch(a){const l=a instanceof Error?a.message:"Failed to get OAuth URL";t(l)}finally{d(!1)}},H=async()=>{if(!m.trim()){t("Service Account JSON is required");return}if(!w.trim()){t("Impersonate Email is required");return}try{const a=JSON.parse(m.trim());if(!a.client_email||!a.private_key){t("Service Account JSON must contain client_email and private_key");return}}catch{t("Invalid JSON in Service Account field");return}d(!0),t(null);try{await f({authMethod:"service_account",serviceAccountJson:m.trim(),impersonateEmail:w.trim(),pollingIntervalMs:parseInt(p)||3e4,defaultApprovalKeywords:x}),await new Promise(a=>setTimeout(a,1e3)),await u()}catch(a){const l=a instanceof Error?a.message:"Failed to save service account";t(l)}finally{d(!1)}},X=async()=>{F(!0),t(null);try{await f({pollingIntervalMs:parseInt(p)||3e4,defaultApprovalKeywords:x})}catch(a){t(a instanceof Error?a.message:"Failed to save settings")}finally{F(!1)}},Q=async()=>{const a=!(n!=null&&n.pollingActive);J(!0),t(null);try{const l=a?"/api/email/polling/start":"/api/email/polling/stop",k=a?{intervalMs:parseInt(p)||3e4}:{},A=await C(j(l),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(k)});if(!A.ok){const Z=await A.json().catch(()=>({}));throw new Error(Z.error||`HTTP ${A.status}`)}await u()}catch(l){t(l instanceof Error?l.message:"Failed to toggle polling")}finally{J(!1)}},V=async()=>{d(!0),t(null);try{await f({refreshToken:"",serviceAccountJson:"",impersonateEmail:""}),G(null),M(null),h("credentials"),await u()}catch(a){t(a instanceof Error?a.message:"Failed to disconnect")}finally{d(!1)}},U=!!o.values.serviceAccountJson;return e.jsxs("div",{className:"gmail-oauth-setup",children:[T&&e.jsx("div",{className:"gmail-oauth-error",children:T}),b==="credentials"&&e.jsxs("div",{className:"gmail-oauth-section",children:[e.jsxs("div",{className:"gmail-oauth-field",style:{marginBottom:24},children:[e.jsx("label",{className:"integration-field-label",children:"Authentication Method"}),e.jsxs("div",{className:"gmail-auth-method-selector",children:[e.jsxs("button",{type:"button",className:`gmail-auth-method-btn ${s==="oauth2"?"active":""}`,onClick:()=>{z("oauth2"),t(null)},children:[e.jsx("span",{className:"gmail-auth-method-icon",children:"🔑"}),e.jsx("span",{className:"gmail-auth-method-label",children:"OAuth 2.0"}),e.jsx("span",{className:"gmail-auth-method-desc",children:"Browser login flow"})]}),e.jsxs("button",{type:"button",className:`gmail-auth-method-btn ${s==="service_account"?"active":""}`,onClick:()=>{z("service_account"),t(null)},children:[e.jsx("span",{className:"gmail-auth-method-icon",children:"🤖"}),e.jsx("span",{className:"gmail-auth-method-label",children:"Service Account"}),e.jsx("span",{className:"gmail-auth-method-desc",children:"Domain-wide delegation"})]})]})]}),s==="oauth2"&&N&&!y&&e.jsxs(e.Fragment,{children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Google OAuth Credentials"}),e.jsxs("div",{className:"gmail-oauth-shared-banner",children:[e.jsxs("div",{className:"gmail-oauth-shared-title",children:[e.jsx("span",{children:"✓"}),e.jsx("span",{children:"Credentials already configured"})]}),e.jsx("div",{className:"gmail-oauth-shared-body",children:"Existing Google OAuth credentials (Client ID and Secret) are saved in your secrets store — they're shared between Gmail, Calendar, and Drive. You may still need to re-authorize once so the refresh token grants Gmail access."})]})]}),s==="oauth2"&&(!N||y)&&e.jsxs(e.Fragment,{children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Google OAuth Credentials"}),e.jsxs("p",{className:"gmail-oauth-help",children:["Create OAuth2 credentials in the"," ",e.jsx("a",{href:"https://console.cloud.google.com/apis/credentials",target:"_blank",rel:"noopener noreferrer",className:"gmail-oauth-link",children:"Google Cloud Console"}),". Enable the Gmail API and (optionally) the Calendar API. Set the redirect URI to:"," ",e.jsx("code",{className:"gmail-oauth-code",children:j("/api/email/auth/callback")})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["OAuth Client ID ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"text",className:"integration-field-input",value:g,placeholder:"xxxx.apps.googleusercontent.com",onChange:a=>R(a.target.value)})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["OAuth Client Secret ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"password",className:"integration-field-input",value:v,placeholder:o.values.clientSecret?"(saved)":"Enter client secret",onChange:a=>q(a.target.value),autoComplete:"off"})]})]}),s==="service_account"&&e.jsxs(e.Fragment,{children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Service Account Credentials"}),e.jsxs("p",{className:"gmail-oauth-help",children:["Use a Google service account with"," ",e.jsx("a",{href:"https://admin.google.com/ac/owl/domainwidedelegation",target:"_blank",rel:"noopener noreferrer",className:"gmail-oauth-link",children:"domain-wide delegation"})," ","enabled. The service account must be authorized for Gmail scopes in Google Workspace Admin."]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["Service Account JSON ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("textarea",{className:"integration-field-input integration-field-textarea",value:m,placeholder:U?"(saved — paste new JSON to replace)":"Paste the full service account JSON key file contents",onChange:a=>K(a.target.value),rows:6,spellCheck:!1}),e.jsx("span",{className:"integration-field-description",children:"The JSON key file downloaded from Google Cloud Console containing client_email and private_key."})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["Impersonate Email ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"email",className:"integration-field-input",value:w,placeholder:"user@yourdomain.com",onChange:a=>L(a.target.value)}),e.jsx("span",{className:"integration-field-description",children:"The email address to impersonate via domain-wide delegation. Must be a user in your Google Workspace domain."})]})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Polling Interval (ms)"}),e.jsx("input",{type:"number",className:"integration-field-input",value:p,onChange:a=>I(a.target.value)}),e.jsx("span",{className:"integration-field-description",children:"How often to check for new emails. Default: 30000 (30s)."})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Approval Keywords"}),e.jsx("textarea",{className:"integration-field-input integration-field-textarea",value:x,onChange:a=>E(a.target.value),rows:2}),e.jsx("span",{className:"integration-field-description",children:"Comma-separated keywords that indicate email approval."})]}),e.jsxs("div",{className:"integration-form-actions",children:[e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:S,children:"Cancel"}),s==="oauth2"&&N&&!y?e.jsxs(e.Fragment,{children:[e.jsx("button",{type:"button",className:"integration-btn secondary",onClick:()=>B(!0),disabled:c,children:"Edit credentials"}),e.jsx("button",{type:"button",className:"integration-btn save",onClick:W,disabled:c,children:c?"Loading...":"Authorize with existing credentials"})]}):s==="oauth2"?e.jsx("button",{type:"button",className:"integration-btn save",onClick:Y,disabled:c||!g.trim(),children:c?"Saving...":"Save & Authorize"}):e.jsx("button",{type:"button",className:"integration-btn save",onClick:H,disabled:c||!w.trim()||!m.trim()&&!U,children:c?"Connecting...":"Save & Connect"})]})]}),b==="authorize"&&e.jsxs("div",{className:"gmail-oauth-section",children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Authorize Gmail Access"}),e.jsx("p",{className:"gmail-oauth-help",children:"Click the link below to authorize Tide Commander to access your Gmail account. After granting access, you will be redirected back and the connection will be established automatically."}),O&&e.jsx("a",{href:O,target:"_blank",rel:"noopener noreferrer",className:"gmail-oauth-authorize-btn",children:"Authorize with Google"}),e.jsxs("div",{className:"gmail-oauth-waiting",children:[e.jsx("span",{className:"gmail-oauth-spinner"}),e.jsx("span",{children:"Waiting for authorization to complete..."})]}),e.jsx("div",{className:"integration-form-actions",children:e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:()=>{r.current&&(clearInterval(r.current),r.current=null),h("credentials")},children:"Back"})})]}),b==="connected"&&e.jsxs("div",{className:"gmail-oauth-section",children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Gmail Connected"}),e.jsxs("div",{className:"gmail-oauth-connected-info",children:[e.jsx("span",{className:"gmail-oauth-connected-badge",children:"Connected"}),(n==null?void 0:n.emailAddress)&&e.jsx("span",{className:"gmail-oauth-email",children:n.emailAddress}),e.jsx("span",{className:"gmail-oauth-auth-type",children:s==="service_account"?"Service Account":"OAuth 2.0"})]}),e.jsxs("div",{className:"gmail-polling-toggle-row",children:[e.jsxs("div",{className:"gmail-polling-toggle-info",children:[e.jsx("div",{className:"gmail-polling-toggle-label",children:"Automatic Polling"}),e.jsx("div",{className:"gmail-polling-toggle-status",children:n!=null&&n.pollingActive?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"gmail-polling-dot active"}),"Active",n.lastChecked&&e.jsxs("span",{className:"gmail-polling-last",children:["— last checked ",new Date(n.lastChecked).toLocaleTimeString()]})]}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"gmail-polling-dot paused"}),"Paused — new emails will not be ingested"]})})]}),e.jsx("button",{type:"button",role:"switch","aria-checked":!!(n!=null&&n.pollingActive),"aria-label":"Toggle automatic polling",className:`gmail-polling-switch ${n!=null&&n.pollingActive?"on":"off"}`,onClick:Q,disabled:$,children:e.jsx("span",{className:"gmail-polling-switch-thumb"})})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Polling Interval (ms)"}),e.jsx("input",{type:"number",className:"integration-field-input",value:p,onChange:a=>I(a.target.value)})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Approval Keywords"}),e.jsx("textarea",{className:"integration-field-input integration-field-textarea",value:x,onChange:a=>E(a.target.value),rows:2})]}),e.jsxs("div",{className:"integration-form-actions",children:[e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:S,children:"Close"}),e.jsx("button",{type:"button",className:"integration-btn",style:{backgroundColor:"#f38ba8",color:"#1e1e2e"},onClick:V,disabled:c,children:c?"Disconnecting...":"Disconnect"}),e.jsx("button",{type:"button",className:"integration-btn save",onClick:X,disabled:P,children:P?"Saving...":"Save Settings"})]})]}),e.jsx("style",{children:`
+        .gmail-oauth-setup {
+          padding: 0;
+        }
+        .gmail-oauth-error {
+          background: linear-gradient(135deg, rgba(243, 139, 168, 0.2) 0%, rgba(243, 139, 168, 0.08) 100%);
+          border-left: 3px solid #f38ba8;
+          color: #f38ba8;
+          padding: 12px 16px;
+          border-radius: 8px;
+          margin-bottom: 18px;
+          font-size: 13px;
+          font-weight: 500;
+        }
+        .gmail-oauth-section {
+          background: linear-gradient(180deg, rgba(45, 49, 69, 0.4) 0%, rgba(30, 30, 46, 0.2) 100%);
+          border: 1px solid rgba(137, 180, 250, 0.15);
+          border-radius: 12px;
+          padding: 28px;
+          backdrop-filter: blur(10px);
+        }
+        .gmail-oauth-section-title {
+          margin: 0 0 16px 0;
+          color: #cdd6f4;
+          font-size: 18px;
+          font-weight: 700;
+          letter-spacing: -0.5px;
+        }
+        .gmail-oauth-help {
+          color: #a6adc8;
+          font-size: 13px;
+          line-height: 1.6;
+          margin: 0 0 20px 0;
+          font-weight: 400;
+        }
+        .gmail-oauth-link {
+          color: #89b4fa;
+          text-decoration: none;
+          border-bottom: 1.5px solid rgba(137, 180, 250, 0.4);
+          transition: all 0.2s ease;
+          font-weight: 500;
+        }
+        .gmail-oauth-link:hover {
+          color: #a8c5ff;
+          border-bottom-color: #89b4fa;
+        }
+        .gmail-oauth-code {
+          background: rgba(137, 180, 250, 0.15);
+          color: #89b4fa;
+          padding: 4px 10px;
+          border-radius: 6px;
+          font-size: 12px;
+          word-break: break-all;
+          font-weight: 500;
+          font-family: 'Monaco', 'Menlo', monospace;
+        }
+        .gmail-oauth-field {
+          margin-bottom: 18px;
+        }
+        .gmail-auth-method-selector {
+          display: flex;
+          gap: 12px;
+        }
+        .gmail-auth-method-btn {
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          gap: 6px;
+          padding: 16px 12px;
+          background: rgba(30, 30, 46, 0.6);
+          border: 2px solid rgba(137, 180, 250, 0.15);
+          border-radius: 10px;
+          cursor: pointer;
+          transition: all 0.2s ease;
+        }
+        .gmail-auth-method-btn:hover {
+          border-color: rgba(137, 180, 250, 0.35);
+          background: rgba(30, 30, 46, 0.8);
+        }
+        .gmail-auth-method-btn.active {
+          border-color: #89b4fa;
+          background: rgba(137, 180, 250, 0.1);
+          box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.1);
+        }
+        .gmail-auth-method-icon {
+          font-size: 22px;
+        }
+        .gmail-auth-method-label {
+          color: #cdd6f4;
+          font-size: 14px;
+          font-weight: 600;
+        }
+        .gmail-auth-method-desc {
+          color: #7f849c;
+          font-size: 11px;
+          font-weight: 400;
+        }
+        .gmail-oauth-auth-type {
+          color: #7f849c;
+          font-size: 12px;
+          font-weight: 500;
+          margin-left: auto;
+          background: rgba(137, 180, 250, 0.1);
+          padding: 4px 10px;
+          border-radius: 6px;
+        }
+        .integration-field-label {
+          display: block;
+          margin-bottom: 8px;
+          color: #cdd6f4;
+          font-size: 14px;
+          font-weight: 600;
+          letter-spacing: 0.3px;
+        }
+        .integration-field-required {
+          color: #f38ba8;
+        }
+        .integration-field-input {
+          width: 100%;
+          background: rgba(30, 30, 46, 0.6);
+          border: 1.5px solid rgba(137, 180, 250, 0.2);
+          color: #cdd6f4;
+          padding: 11px 14px;
+          border-radius: 8px;
+          font-size: 13px;
+          transition: all 0.2s ease;
+          font-weight: 500;
+        }
+        .integration-field-input:focus {
+          outline: none;
+          border-color: #89b4fa;
+          background: rgba(30, 30, 46, 0.8);
+          box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.15);
+        }
+        .integration-field-input::placeholder {
+          color: #6c7086;
+        }
+        .integration-field-textarea {
+          resize: vertical;
+          min-height: 80px;
+          font-family: 'Monaco', 'Menlo', monospace;
+          font-size: 12px;
+        }
+        .integration-field-description {
+          display: block;
+          margin-top: 7px;
+          color: #7f849c;
+          font-size: 12px;
+          font-weight: 400;
+        }
+        .gmail-oauth-authorize-btn {
+          display: inline-block;
+          background: linear-gradient(135deg, #89b4fa 0%, #7aa3f0 100%);
+          color: #1e1e2e;
+          padding: 12px 32px;
+          border-radius: 8px;
+          text-decoration: none;
+          font-weight: 700;
+          font-size: 14px;
+          margin-bottom: 20px;
+          transition: all 0.25s ease;
+          border: none;
+          cursor: pointer;
+          box-shadow: 0 4px 12px rgba(137, 180, 250, 0.25);
+          letter-spacing: 0.3px;
+        }
+        .gmail-oauth-authorize-btn:hover {
+          transform: translateY(-2px);
+          box-shadow: 0 6px 16px rgba(137, 180, 250, 0.35);
+          background: linear-gradient(135deg, #a8c5ff 0%, #8eb8ff 100%);
+        }
+        .gmail-oauth-authorize-btn:active {
+          transform: translateY(0);
+        }
+        .gmail-oauth-waiting {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          color: #a6adc8;
+          font-size: 13px;
+          margin-bottom: 20px;
+          background: rgba(137, 180, 250, 0.08);
+          padding: 14px 16px;
+          border-radius: 8px;
+          border-left: 3px solid #89b4fa;
+          font-weight: 500;
+        }
+        .gmail-oauth-spinner {
+          display: inline-block;
+          width: 16px;
+          height: 16px;
+          border: 2.5px solid rgba(137, 180, 250, 0.25);
+          border-top-color: #89b4fa;
+          border-radius: 50%;
+          animation: gmail-spin 0.8s linear infinite;
+          flex-shrink: 0;
+        }
+        @keyframes gmail-spin {
+          to { transform: rotate(360deg); }
+        }
+        .gmail-oauth-connected-info {
+          display: flex;
+          align-items: center;
+          gap: 14px;
+          margin-bottom: 20px;
+          background: rgba(166, 227, 161, 0.08);
+          padding: 16px;
+          border-radius: 10px;
+          border-left: 3px solid #a6e3a1;
+        }
+        .gmail-oauth-connected-badge {
+          background: linear-gradient(135deg, rgba(166, 227, 161, 0.3) 0%, rgba(166, 227, 161, 0.15) 100%);
+          color: #a6e3a1;
+          padding: 6px 14px;
+          border-radius: 6px;
+          font-size: 12px;
+          font-weight: 700;
+          letter-spacing: 0.4px;
+          text-transform: uppercase;
+          border: 1px solid rgba(166, 227, 161, 0.3);
+          flex-shrink: 0;
+        }
+        .gmail-oauth-email {
+          color: #cdd6f4;
+          font-size: 14px;
+          font-weight: 600;
+          letter-spacing: 0.2px;
+        }
+        .gmail-polling-toggle-row {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          gap: 16px;
+          margin: 0 0 20px 0;
+          padding: 14px 16px;
+          background: rgba(30, 30, 46, 0.6);
+          border: 1px solid rgba(137, 180, 250, 0.15);
+          border-radius: 10px;
+        }
+        .gmail-polling-toggle-info {
+          display: flex;
+          flex-direction: column;
+          gap: 4px;
+          min-width: 0;
+        }
+        .gmail-polling-toggle-label {
+          color: #cdd6f4;
+          font-size: 14px;
+          font-weight: 600;
+          letter-spacing: 0.2px;
+        }
+        .gmail-polling-toggle-status {
+          color: #a6adc8;
+          font-size: 12px;
+          font-weight: 500;
+          display: flex;
+          align-items: center;
+          gap: 6px;
+          flex-wrap: wrap;
+        }
+        .gmail-polling-last {
+          color: #7f849c;
+          font-weight: 400;
+        }
+        .gmail-polling-dot {
+          display: inline-block;
+          width: 8px;
+          height: 8px;
+          border-radius: 50%;
+          flex-shrink: 0;
+        }
+        .gmail-polling-dot.active {
+          background: #a6e3a1;
+          box-shadow: 0 0 6px rgba(166, 227, 161, 0.6);
+        }
+        .gmail-polling-dot.paused {
+          background: #fab387;
+        }
+        .gmail-polling-switch {
+          position: relative;
+          width: 44px;
+          height: 24px;
+          border-radius: 12px;
+          border: none;
+          cursor: pointer;
+          transition: background 0.2s ease;
+          flex-shrink: 0;
+          padding: 0;
+        }
+        .gmail-polling-switch.on {
+          background: linear-gradient(135deg, #a6e3a1 0%, #94d38f 100%);
+        }
+        .gmail-polling-switch.off {
+          background: rgba(108, 112, 134, 0.5);
+        }
+        .gmail-polling-switch:disabled {
+          opacity: 0.6;
+          cursor: wait;
+        }
+        .gmail-polling-switch-thumb {
+          position: absolute;
+          top: 2px;
+          left: 2px;
+          width: 20px;
+          height: 20px;
+          background: #ffffff;
+          border-radius: 50%;
+          transition: transform 0.2s ease;
+          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+        }
+        .gmail-polling-switch.on .gmail-polling-switch-thumb {
+          transform: translateX(20px);
+        }
+        .integration-form-actions {
+          display: flex;
+          gap: 12px;
+          justify-content: flex-end;
+          margin-top: 24px;
+          padding-top: 20px;
+          border-top: 1px solid rgba(137, 180, 250, 0.1);
+        }
+        .integration-btn {
+          padding: 10px 24px;
+          border-radius: 8px;
+          font-weight: 600;
+          font-size: 13px;
+          border: none;
+          cursor: pointer;
+          transition: all 0.2s ease;
+          letter-spacing: 0.3px;
+        }
+        .integration-btn.save {
+          background: linear-gradient(135deg, #89b4fa 0%, #7aa3f0 100%);
+          color: #1e1e2e;
+          box-shadow: 0 4px 12px rgba(137, 180, 250, 0.25);
+        }
+        .integration-btn.save:hover:not(:disabled) {
+          transform: translateY(-2px);
+          box-shadow: 0 6px 16px rgba(137, 180, 250, 0.35);
+        }
+        .integration-btn.cancel {
+          background: rgba(137, 180, 250, 0.1);
+          color: #89b4fa;
+          border: 1.5px solid rgba(137, 180, 250, 0.2);
+        }
+        .integration-btn.cancel:hover:not(:disabled) {
+          background: rgba(137, 180, 250, 0.15);
+          border-color: #89b4fa;
+        }
+        .integration-btn.secondary {
+          background: rgba(249, 226, 175, 0.1);
+          color: #f9e2af;
+          border: 1.5px solid rgba(249, 226, 175, 0.25);
+        }
+        .integration-btn.secondary:hover:not(:disabled) {
+          background: rgba(249, 226, 175, 0.18);
+          border-color: #f9e2af;
+        }
+        .integration-btn:disabled {
+          opacity: 0.5;
+          cursor: not-allowed;
+        }
+        .gmail-oauth-shared-banner {
+          background: linear-gradient(135deg, rgba(166, 227, 161, 0.15) 0%, rgba(166, 227, 161, 0.05) 100%);
+          border: 1px solid rgba(166, 227, 161, 0.3);
+          border-left: 3px solid #a6e3a1;
+          border-radius: 10px;
+          padding: 16px 18px;
+          margin-bottom: 8px;
+        }
+        .gmail-oauth-shared-title {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+          color: #a6e3a1;
+          font-size: 14px;
+          font-weight: 700;
+          letter-spacing: 0.2px;
+          margin-bottom: 8px;
+        }
+        .gmail-oauth-shared-body {
+          color: #a6adc8;
+          font-size: 13px;
+          line-height: 1.6;
+          font-weight: 400;
+        }
+      `})]})}export{ne as GmailOAuthSetup};

package/dist/assets/GoogleOAuthSetup-D7bAPahq.js

@@ -0,0 +1,236 @@
+import{r as o,W as N,l as m,j as e}from"./main-BGQsJhbR.js";import"./modulepreload-polyfill-B5Qt9EMX.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";function D({integration:r,onSave:v,onCancel:p}){const[i,y]=o.useState(r.values.GOOGLE_CLIENT_ID||""),[h,C]=o.useState(""),[j,E]=o.useState(null),[g,S]=o.useState(null),[c,u]=o.useState(!1),[k,l]=o.useState(null),[z,G]=o.useState(!1),A=r.values.GOOGLE_CLIENT_ID==="********"&&r.values.GOOGLE_CLIENT_SECRET==="********",[b,x]=o.useState(r.status.connected?"connected":"credentials"),t=o.useRef(null),f=o.useCallback(async()=>{try{const s={gmail:"/api/email/status","google-calendar":"/api/calendar/status","google-drive":"/api/drive/status"}[r.id]||"/api/calendar/status",n=await N(m(s));if(n.ok){const d=await n.json();S(d),d.authenticated&&(x("connected"),t.current&&(clearInterval(t.current),t.current=null))}}catch(a){console.error("Failed to fetch Google auth status:",a)}},[r.id]);o.useEffect(()=>(f(),()=>{t.current&&clearInterval(t.current)}),[f]);const w=async()=>{const s={gmail:"/api/email/auth/url","google-calendar":"/api/calendar/auth/url","google-drive":"/api/drive/auth/url"}[r.id]||"/api/calendar/auth/url",n=await N(m(s));if(!n.ok){const L=await n.json().catch(()=>({}));throw new Error(L.error||`HTTP ${n.status}`)}const d=await n.json();if(!d.url)throw new Error("OAuth URL is empty");E(d.url),l(null),x("authorize"),t.current&&clearInterval(t.current),t.current=setInterval(f,3e3)},O=async()=>{u(!0),l(null);try{await w()}catch(a){l(a instanceof Error?a.message:"Failed to get OAuth URL")}finally{u(!1)}},I=async()=>{if(!i.trim()){l("Client ID is required");return}u(!0),l(null);try{const a={};i.trim()&&i.trim()!=="********"&&(a.GOOGLE_CLIENT_ID=i.trim()),h.trim()&&(a.GOOGLE_CLIENT_SECRET=h.trim()),console.log("Saving Google OAuth config...",a),await v(a),console.log("Config saved successfully"),await w()}catch(a){const s=a instanceof Error?a.message:"Failed to get OAuth URL";console.error("Error in handleSaveCredentials:",s,a),l(s)}finally{u(!1)}};return e.jsxs("div",{className:"google-oauth-setup",children:[k&&e.jsx("div",{className:"google-oauth-error",children:k}),b==="credentials"&&e.jsxs("div",{className:"google-oauth-section",children:[e.jsx("h4",{className:"google-oauth-section-title",children:"Google OAuth Credentials"}),A&&!z?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"google-oauth-shared-banner",children:[e.jsxs("div",{className:"google-oauth-shared-title",children:[e.jsx("span",{children:"✓"}),e.jsx("span",{children:"Credentials already configured"})]}),e.jsx("div",{className:"google-oauth-shared-body",children:"Existing Google OAuth credentials (Client ID and Secret) are saved in your secrets store — they're shared between Gmail, Calendar, and Drive. You may still need to re-authorize once so the refresh token grants access to this service."})]}),e.jsxs("div",{className:"integration-form-actions",children:[e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:p,children:"Cancel"}),e.jsx("button",{type:"button",className:"integration-btn secondary",onClick:()=>G(!0),disabled:c,children:"Edit credentials"}),e.jsx("button",{type:"button",className:"integration-btn save",onClick:O,disabled:c,children:c?"Loading...":"Authorize with existing credentials"})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"google-oauth-help",children:["Create OAuth2 credentials in the"," ",e.jsx("a",{href:"https://console.cloud.google.com/apis/credentials",target:"_blank",rel:"noopener noreferrer",className:"google-oauth-link",children:"Google Cloud Console"}),". Enable the relevant API (Gmail, Calendar, or Drive). Set the redirect URI to:"," ",e.jsx("code",{className:"google-oauth-code",children:m(r.id==="gmail"?"/api/email/auth/callback":r.id==="google-drive"?"/api/drive/auth/callback":"/api/calendar/auth/callback")})]}),e.jsxs("div",{className:"google-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["OAuth Client ID ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"text",className:"integration-field-input",value:i,placeholder:"xxxx.apps.googleusercontent.com",onChange:a=>y(a.target.value)})]}),e.jsxs("div",{className:"google-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["OAuth Client Secret ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"password",className:"integration-field-input",value:h,placeholder:r.values.GOOGLE_CLIENT_SECRET?"(saved)":"Enter client secret",onChange:a=>C(a.target.value),autoComplete:"off"})]}),e.jsxs("div",{className:"integration-form-actions",children:[e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:p,children:"Cancel"}),e.jsx("button",{type:"button",className:"integration-btn save",onClick:I,disabled:c||!i.trim(),children:c?"Saving...":"Save & Authorize"})]})]})]}),b==="authorize"&&e.jsxs("div",{className:"google-oauth-section",children:[e.jsx("h4",{className:"google-oauth-section-title",children:"Authorize Google Access"}),e.jsx("p",{className:"google-oauth-help",children:"Click the link below to authorize Tide Commander to access your Google account. After granting access, you will be redirected back and the connection will be established automatically."}),j&&e.jsx("a",{href:j,target:"_blank",rel:"noopener noreferrer",className:"google-oauth-authorize-btn",children:"Authorize with Google"}),e.jsxs("div",{className:"google-oauth-waiting",children:[e.jsx("span",{className:"google-oauth-spinner"}),e.jsx("span",{children:"Waiting for authorization to complete..."})]}),e.jsx("div",{className:"integration-form-actions",children:e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:()=>{t.current&&(clearInterval(t.current),t.current=null),x("credentials")},children:"Back"})})]}),b==="connected"&&e.jsxs("div",{className:"google-oauth-section",children:[e.jsx("h4",{className:"google-oauth-section-title",children:"Google Connected"}),e.jsxs("div",{className:"google-oauth-connected-info",children:[e.jsx("span",{className:"google-oauth-connected-badge",children:"Connected"}),(g==null?void 0:g.emailAddress)&&e.jsx("span",{className:"google-oauth-email",children:g.emailAddress})]}),e.jsx("p",{className:"google-oauth-help",children:"Your Google account has been successfully connected."}),e.jsx("div",{className:"integration-form-actions",children:e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:async()=>{await v({}),p()},children:"Close"})})]}),e.jsx("style",{children:`
+        .google-oauth-setup {
+          padding: 0;
+        }
+        .google-oauth-error {
+          background: linear-gradient(135deg, rgba(243, 139, 168, 0.2) 0%, rgba(243, 139, 168, 0.08) 100%);
+          border-left: 3px solid #f38ba8;
+          color: #f38ba8;
+          padding: 12px 16px;
+          border-radius: 8px;
+          margin-bottom: 18px;
+          font-size: 13px;
+          font-weight: 500;
+        }
+        .google-oauth-section {
+          background: linear-gradient(180deg, rgba(45, 49, 69, 0.4) 0%, rgba(30, 30, 46, 0.2) 100%);
+          border: 1px solid rgba(137, 180, 250, 0.15);
+          border-radius: 12px;
+          padding: 28px;
+          backdrop-filter: blur(10px);
+        }
+        .google-oauth-section-title {
+          margin: 0 0 16px 0;
+          color: #cdd6f4;
+          font-size: 18px;
+          font-weight: 700;
+          letter-spacing: -0.5px;
+        }
+        .google-oauth-help {
+          color: #a6adc8;
+          font-size: 13px;
+          line-height: 1.6;
+          margin: 0 0 20px 0;
+          font-weight: 400;
+        }
+        .google-oauth-link {
+          color: #89b4fa;
+          text-decoration: none;
+          border-bottom: 1.5px solid rgba(137, 180, 250, 0.4);
+          transition: all 0.2s ease;
+          font-weight: 500;
+        }
+        .google-oauth-link:hover {
+          color: #a8c5ff;
+          border-bottom-color: #89b4fa;
+        }
+        .google-oauth-code {
+          background: rgba(137, 180, 250, 0.15);
+          color: #89b4fa;
+          padding: 4px 10px;
+          border-radius: 6px;
+          font-size: 12px;
+          word-break: break-all;
+          font-weight: 500;
+          font-family: 'Monaco', 'Menlo', monospace;
+        }
+        .google-oauth-field {
+          margin-bottom: 18px;
+        }
+        .integration-field-label {
+          display: block;
+          margin-bottom: 8px;
+          color: #cdd6f4;
+          font-size: 14px;
+          font-weight: 600;
+          letter-spacing: 0.3px;
+        }
+        .integration-field-required {
+          color: #f38ba8;
+        }
+        .integration-field-input {
+          width: 100%;
+          background: rgba(30, 30, 46, 0.6);
+          border: 1.5px solid rgba(137, 180, 250, 0.2);
+          color: #cdd6f4;
+          padding: 11px 14px;
+          border-radius: 8px;
+          font-size: 13px;
+          transition: all 0.2s ease;
+          font-weight: 500;
+        }
+        .integration-field-input:focus {
+          outline: none;
+          border-color: #89b4fa;
+          background: rgba(30, 30, 46, 0.8);
+          box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.15);
+        }
+        .google-oauth-authorize-btn {
+          display: inline-block;
+          background: linear-gradient(135deg, #89b4fa 0%, #7aa3f0 100%);
+          color: #1e1e2e;
+          padding: 12px 32px;
+          border-radius: 8px;
+          text-decoration: none;
+          font-weight: 700;
+          font-size: 14px;
+          margin-bottom: 20px;
+          transition: all 0.25s ease;
+          border: none;
+          cursor: pointer;
+          box-shadow: 0 4px 12px rgba(137, 180, 250, 0.25);
+          letter-spacing: 0.3px;
+        }
+        .google-oauth-authorize-btn:hover {
+          transform: translateY(-2px);
+          box-shadow: 0 6px 16px rgba(137, 180, 250, 0.35);
+          background: linear-gradient(135deg, #a8c5ff 0%, #8eb8ff 100%);
+        }
+        .google-oauth-waiting {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          color: #a6adc8;
+          font-size: 13px;
+          margin-bottom: 20px;
+          background: rgba(137, 180, 250, 0.08);
+          padding: 14px 16px;
+          border-radius: 8px;
+          border-left: 3px solid #89b4fa;
+          font-weight: 500;
+        }
+        .google-oauth-spinner {
+          display: inline-block;
+          width: 16px;
+          height: 16px;
+          border: 2.5px solid rgba(137, 180, 250, 0.25);
+          border-top-color: #89b4fa;
+          border-radius: 50%;
+          animation: google-spin 0.8s linear infinite;
+          flex-shrink: 0;
+        }
+        @keyframes google-spin {
+          to { transform: rotate(360deg); }
+        }
+        .google-oauth-connected-info {
+          display: flex;
+          align-items: center;
+          gap: 14px;
+          margin-bottom: 20px;
+          background: rgba(166, 227, 161, 0.08);
+          padding: 16px;
+          border-radius: 10px;
+          border-left: 3px solid #a6e3a1;
+        }
+        .google-oauth-connected-badge {
+          background: linear-gradient(135deg, rgba(166, 227, 161, 0.3) 0%, rgba(166, 227, 161, 0.15) 100%);
+          color: #a6e3a1;
+          padding: 6px 14px;
+          border-radius: 6px;
+          font-size: 12px;
+          font-weight: 700;
+          letter-spacing: 0.4px;
+          text-transform: uppercase;
+          border: 1px solid rgba(166, 227, 161, 0.3);
+          flex-shrink: 0;
+        }
+        .google-oauth-email {
+          color: #cdd6f4;
+          font-size: 14px;
+          font-weight: 600;
+          letter-spacing: 0.2px;
+        }
+        .integration-form-actions {
+          display: flex;
+          gap: 12px;
+          justify-content: flex-end;
+          margin-top: 24px;
+          padding-top: 20px;
+          border-top: 1px solid rgba(137, 180, 250, 0.1);
+        }
+        .integration-btn {
+          padding: 10px 24px;
+          border-radius: 8px;
+          font-weight: 600;
+          font-size: 13px;
+          border: none;
+          cursor: pointer;
+          transition: all 0.2s ease;
+          letter-spacing: 0.3px;
+        }
+        .integration-btn.save {
+          background: linear-gradient(135deg, #89b4fa 0%, #7aa3f0 100%);
+          color: #1e1e2e;
+          box-shadow: 0 4px 12px rgba(137, 180, 250, 0.25);
+        }
+        .integration-btn.save:hover:not(:disabled) {
+          transform: translateY(-2px);
+          box-shadow: 0 6px 16px rgba(137, 180, 250, 0.35);
+        }
+        .integration-btn.cancel {
+          background: rgba(137, 180, 250, 0.1);
+          color: #89b4fa;
+          border: 1.5px solid rgba(137, 180, 250, 0.2);
+        }
+        .integration-btn.cancel:hover:not(:disabled) {
+          background: rgba(137, 180, 250, 0.15);
+          border-color: #89b4fa;
+        }
+        .integration-btn.secondary {
+          background: rgba(249, 226, 175, 0.1);
+          color: #f9e2af;
+          border: 1.5px solid rgba(249, 226, 175, 0.25);
+        }
+        .integration-btn.secondary:hover:not(:disabled) {
+          background: rgba(249, 226, 175, 0.18);
+          border-color: #f9e2af;
+        }
+        .integration-btn:disabled {
+          opacity: 0.5;
+          cursor: not-allowed;
+        }
+        .google-oauth-shared-banner {
+          background: linear-gradient(135deg, rgba(166, 227, 161, 0.15) 0%, rgba(166, 227, 161, 0.05) 100%);
+          border: 1px solid rgba(166, 227, 161, 0.3);
+          border-left: 3px solid #a6e3a1;
+          border-radius: 10px;
+          padding: 16px 18px;
+          margin-bottom: 8px;
+        }
+        .google-oauth-shared-title {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+          color: #a6e3a1;
+          font-size: 14px;
+          font-weight: 700;
+          letter-spacing: 0.2px;
+          margin-bottom: 8px;
+        }
+        .google-oauth-shared-body {
+          color: #a6adc8;
+          font-size: 13px;
+          line-height: 1.6;
+          font-weight: 400;
+        }
+      `})]})}export{D as GoogleOAuthSetup};