https://tailwindadmin-tanstack-pro-dark.netlify.app/assets/integration-BBb4K74L.js

1import{j as e,r}from"./main-BkpAS6Tt.js";import{I as k}from"./iconify-BLAYqHQO.js";import{B as i}from"./button-CVuE7h15.js";import{L as l}from"./label-Be_2bmKI.js";import{I as c}from"./input-D3PXSnUk.js";import{S as C,a as S,b as I,c as M,e as o}from"./select-CTV8gp4j.js";import{D as m,b as h,c as x,d as p,f as g,e as b}from"./dialog-ZKsy1wgh.js";import{C as w}from"./card-DoRMGzGn.js";import{S as R}from"./switch-DcH98HiR.js";import{D as A,a as F,b as G,c as O}from"./dropdown-menu-CLPKr1dO.js";import{B as T}from"./BreadcrumbComp-DdXArMCY.js";import"./_commonjsHelpers-CE1G-McA.js";import"./index-QqyytP6n.js";import"./index-L0SKbviM.js";import"./index-Cft9Cwv8.js";import"./utils-4perknFd.js";import"./index-BdQq_4o_.js";import"./index-DRcYnjBa.js";import"./index-CfThMl9f.js";import"./index-DhQbCedW.js";import"./index-Jo9Y0u8a.js";import"./index-BHinUB-C.js";import"./index-aJTH1M9Z.js";import"./tslib.es6-CmEaCU22.js";import"./index-DfANd6nE.js";import"./index-Ddz03csu.js";import"./floating-ui.dom-D7G01c1r.js";import"./index-B_H36sPx.js";import"./index-D9jDtrFa.js";import"./chevron-down-ChXj5Bit.js";import"./createLucideIcon-DRlH1f4M.js";import"./check-DIOPK-zC.js";import"./index-D43gpzwv.js";import"./index-DjxFjNHx.js";import"./index-C0QJ8CHZ.js";import"./chevron-right-DFxpASjY.js";import"./circle-DoQ76Nbd.js";import"./CardBox-CY_4CfKs.js";const B=({open:t,onClose:a})=>e.jsx(m,{open:t,onOpenChange:n=>!n&&a(),children:e.jsxs(h,{children:[e.jsxs(x,{children:[e.jsx(p,{children:"Integration settings"}),e.jsx(g,{children:"Manage and configure your connected apps and services."})]}),e.jsxs("div",{className:"space-y-4 mt-4",children:[e.jsxs("div",{children:[e.jsx(l,{htmlFor:"select-app",className:"mb-2 block capitalize text-link dark:text-darklink",children:"Select App"}),e.jsxs(C,{disabled:!0,children:[e.jsx(S,{id:"apps",className:"select-md",children:e.jsx(I,{placeholder:"Select an option"})}),e.jsx(M,{children:e.jsx(o,{value:"Select an option",children:"Select an option"})})]})]}),e.jsxs("div",{children:[e.jsx(l,{htmlFor:"client-id",className:"mb-2 block capitalize text-link dark:text-darklink",children:"Client ID"}),e.jsx(c,{id:"client-id",name:"clientid",className:"!form-control",type:"text",value:"e3b2c7f4-1234-5678-9abc-def012345678",readOnly:!0})]}),e.jsxs("div",{children:[e.jsx(l,{htmlFor:"client-secret",className:"mb-2 block capitalize text-link dark:text-darklink",children:"Client Secret"}),e.jsx(c,{id:"client-secret",name:"clientsecret",className:"!form-control",type:"text",value:"s3cr3tK3y@9LmNopQR!2xYz",readOnly:!0})]}),e.jsxs("div",{children:[e.jsx(l,{htmlFor:"authentication-url",className:"mb-2 block capitalize text-link dark:text-darklink",children:"Authentication base URI"}),e.jsx(c,{id:"authentication-url",name:"authenticationurl",className:"!form-control",type:"text",value:"https://auth.example.com",readOnly:!0})]}),e.jsx("p",{className:"text-sm mt-3",children:"Save your changes."})]}),e.jsxs(b,{className:"mt-6",children:[e.jsx(i,{variant:"secondary",children:"Save"}),e.jsx(i,{onClick:a,children:"Close"})]})]})}),Z=[{label:"App Name",value:"Example App"},{label:"Client ID",value:"e3b2c7f4-1234-5678-9abc-def012345678"},{label:"Client Secret",value:"s3cr3tK3y@9LmNopQR!2xYz"},{label:"Authentication base URI",value:"https://auth.example.com"}],U=({open:t,onClose:a})=>e.jsx(m,{open:t,onOpenChange:a,children:e.jsxs(h,{className:"max-w-xl",children:[e.jsxs(x,{children:[e.jsx(p,{children:"Integration details"}),e.jsx(g,{children:"Check the credentials and settings for your connected app."})]}),e.jsx("div",{className:"mt-6",children:Z.map((n,d)=>e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-2 py-4 border-b border-border dark:border-darkborder",children:[e.jsx("p",{className:"card-subtitle",children:n.label}),e.jsx("p",{className:"text-link dark:text-darklink text-sm font-medium break-all",children:n.value})]},d))})]})}),E=({open:t,onClose:a})=>e.jsx(m,{open:t,onOpenChange:a,children:e.jsxs(h,{children:[e.jsxs(x,{children:[e.jsx(p,{children:"New Integration"}),e.jsx(g,{children:"Set up an integration and add a brief explanation for the team."})]}

1),e.jsxs("div",{className:"space-y-4 mt-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"select-app",className:"capitalize text-link dark:text-darklink",children:"Select App"}),e.jsxs(C,{children:[e.jsx(S,{id:"select-app",children:e.jsx(I,{placeholder:"Select an option"})}),e.jsxs(M,{children:[e.jsx(o,{value:"google-meet",children:"Google Meet"}),e.jsx(o,{value:"mailchimp",children:"Mailchimp"}),e.jsx(o,{value:"zoom",children:"Zoom"}),e.jsx(o,{value:"loom-1",children:"Loom"}),e.jsx(o,{value:"loom-2",children:"Loom"})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"client-id",className:"capitalize text-link dark:text-darklink",children:"Client ID"}),e.jsx(c,{id:"client-id",name:"clientid",type:"text"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"client-secret",className:"capitalize text-link dark:text-darklink",children:"Client Secret"}),e.jsx(c,{id:"client-secret",name:"clientsecret",type:"text"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"authentication-url",className:"capitalize text-link dark:text-darklink",children:"Authentication base URI"}),e.jsx(c,{id:"authentication-url",name:"authenticationurl",type:"text"})]}),e.jsx("p",{className:"text-sm",children:"Paste the full URI, and we’ll automatically pull out and show only the subdomain for quick reference."})]}),e.jsxs(b,{className:"mt-4",children:[e.jsx(i,{variant:"secondary",className:"leading-0",children:"Add Integration"}),e.jsx(i,{className:"leading-0",onClick:a,children:"Close"})]})]})}),J=({open:t,onClose:a})=>e.jsx(m,{open:t,onOpenChange:n=>!n&&a(),children:e.jsxs(h,{children:[e.jsxs(x,{children:[e.jsx(p,{children:"Remove Integration"}),e.jsx(g,{children:"Are you sure you want to remove this integration?"})]}),e.jsxs(b,{children:[e.jsx(i,{variant:"destructive",onClick:a,children:"Yes, Remove"}),e.jsx(i,{onClick:a,children:"Cancel"})]})]})}),Y="/images/inetegrationpage/Mailchimp.svg",$="/images/inetegrationpage/Google%20Meet.svg",H="/images/inetegrationpage/Zoom.svg",K="/images/inetegrationpage/Loom.svg",Q="/images/inetegrationpage/Linear.svg",q="/images/inetegrationpage/Gmail.svg",P="/images/inetegrationpage/Notion.svg",V="/images/inetegrationpage/Trello.svg",_="/images/inetegrationpage/Jira.svg",W="/images/inetegrationpage/Mailchimpdark.svg",X=[{name:"Gmail",desc:"Integrate Gmail to send, receive, and manage emails directly from your workspace.",icon:q,enabled:!1},{name:"Google Meet",desc:"Connect your Google Meet account for seamless video conferencing.",icon:$,enabled:!1},{name:"Linear",desc:"Integrate Linear to manage issues, track progress, and streamline your team’s.",icon:Q,enabled:!1},{name:"Loom",desc:"Integrate Loom to easily record, share, and manage video messages.",icon:K,enabled:!1},{name:"Zoom",desc:"Integrate Zoom to streamline your virtual meetings and team collaborations.",icon:H,enabled:!0},{name:"Mailchimp",desc:"Connect Mailchimp to streamline your email marketing—automate campaigns.",icon:Y,icondark:W,enabled:!0},{name:"Notion",desc:"Capture, organize, and tackle your to-dos from anywhere.",icon:P,enabled:!1},{name:"Trello",desc:"Capture, organize, and tackle your to-dos from anywhere.",icon:V,enabled:!1},{name:"Jira",desc:"Track issues and manage projects with ease and full team visibility.",icon:_,enabled:!1}];function ee(){const[t,a]=r.useState(X),[n,d]=r.useState(!1),[D,v]=r.useState(!1),[z,f]=r.useState(!1),[N,y]=r.useState(!1),[te,L]=r.useState(null);return e.jsxs(w,{children:[e.jsxs("div",{className:"flex flex-col gap-5 sm:flex-row sm:items-center justify-between mb-5 ",children:[e.jsx("div",{children:e.jsx("h3",{className:"card-title",children:"Integrations"})}),e.jsx("div",{children:e.jsxs(i,{className:" flex items-center gap-2 ",onClick:()=>f(!0),children:[e.jsx(k,{icon:"solar:add-circle-line-duotone",width:20,height:20}),"Add New Integration"]})})]}),e.jsx("div",{className:"grid gap-5 sm:grid-cols-2 lg:grid-cols-3",children:t.map((s,j)=>e.jsxs(w,{className:"p-0",children:[e.jsxs("div",{className:"p-5 pb-9",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{className:"mb-5 inline-flex items-center justify-center",children:[e.jsx("img",{src:s.icon,alt:`${s.name} logo`,className:`h-10 w-10 object-contain ${s.icondark?"block dark:hidden":""}`}),s.icondark&&e.jsx("img",{src:s.icondark,alt:`${s.name} logo (dark)`,className:"hidden dark:block h-10 w-10 object-contain"})]}),e.jsxs(A,{modal:!N,children:[e.jsx(F,{asChild:!0,children:e.jsx("span",{className:"text-muted dark:text-lightgray cursor-pointer hover:text-black dark:hover:text-white",children:e.jsx(k,{icon:"lucide:more-horizontal",width:20})})}),e.jsx(G,{align:"end",children:e.jsx(O,{onClick:()=>{L(s),y(!0)},children:"Remove"})})]})]}),e.jsxs("div",{className:"mt-4",children:[e.jsx("h4",{className:"text-lg font-semibold mb-3",children:s.name}),e.jsx("p",{className:" card-subtitle max-w-xs text-sm ",children:s.desc})]})]}),e.jsxs("div",{className:"flex items-center justify-between border-t border-border dark:border-darkborder  p-5 ",children:[e.jsxs("div",{className:"flex gap-3",children:[e.jsx(i,{variant:"outline",onClick:()=>

1d(!0),children:e.jsx(k,{icon:"lucide:settings",width:19,height:19})}),e.jsx(i,{variant:"outline",onClick:()=>v(!0),children:"Details"})]}),e.jsx("div",{children:e.jsx(R,{checked:s.enabled,onCheckedChange:()=>{const u=[...t];u[j].enabled=!u[j].enabled,a(u)}})})]})]},j))}),e.jsx(B,{open:n,onClose:()=>d(!1)}),e.jsx(U,{open:D,onClose:()=>v(!1)}),e.jsx(E,{open:z,onClose:()=>f(!1)}),e.jsx(J,{open:N,onClose:()=>y(!1)})]})}const ae=[{to:"/",title:"Home"},{to:"",title:"Integrations"}];function Ee(){return e.jsxs(e.Fragment,{children:[e.jsx(ee,{}),e.jsx(T,{title:"Integrations",items:ae})]})}export{Ee as component};