@hiver/connector-admin 4.14.0-slack3-beta.5 → 4.14.0-slack3-beta.6

package/index.es.js

@@ -37509,7 +37509,7 @@ const bX = w(H)`
       }
     }
   }, [Q, s, E, c, g, e == null ? void 0 : e.name, t, f == null ? void 0 : f.id]);
-  const y = A === be.LOADING || i === be.LOADING, { name: b = "", type: x, advancedFeatures: P = {} } = e || {};
+  const y = A === be.LOADING || i === be.LOADING, { name: b = "", type: x = "", advancedFeatures: P = {} } = e || {};
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsxs(
       mX,

package/index.umd.js

@@ -3465,7 +3465,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 `,xX=u.styled(u.icons.OpenInNew)`
   height: 18px;
   width: 18px;
-`,vX=({upgradeGuideContent:e,upgradeGuideLink:t})=>l.jsxs(QX,{children:[l.jsxs(u.Stack,{marginBottom:"20px",children:[l.jsxs(u.Stack,{direction:"row",padding:"8px 0",gap:"4px",alignItems:"center",children:[l.jsx(mX,{}),l.jsx(u.Typography,{variant:"body1_medium",color:u.theme.palette.gray.black,children:oJ})]}),l.jsx(u.Typography,{variant:"body2",children:AJ})]}),l.jsx(u.Typography,{variant:"body2_medium",marginBottom:"8px",color:u.theme.palette.gray.black,children:sJ}),l.jsx(bX,{variant:"body2",dangerouslySetInnerHTML:{__html:e}}),t?l.jsxs(yX,{target:"_blank",underline:"none",href:t,children:[l.jsx(xX,{}),aJ]}):null]}),y1=(e,t)=>{const n=t.authType===pi,r=t.authType===R2,o=t.authType===Hs,A=t.authType===Ii;if(!e||!e.data)return{authUrl:"",authStatus:r?Ke.API_KEY_FAILED:n?Ke.BASIC_AUTH_FAILED:o?Ke.OAUTH1_FAILED:Ke.OAUTH_FAILED};const s=e.data;return r?{authUrl:"",id:s.id,authStatus:Ke.API_KEY_SUCCESS}:n?{authUrl:"",id:s.id,authStatus:Ke.BASIC_AUTH_SUCCESS}:o?{authUrl:"",id:s.id,authStatus:Ke.OAUTH1_SUCCESS}:A?{authUrl:"",id:s.id,authStatus:Ke.OAUTH_SUCCESS}:s.authorizationUrl?{authUrl:s.authorizationUrl,id:s.id,authStatus:Ke.PENDING}:{authUrl:"",id:"",authStatus:Ke.OAUTH_FAILED}},wX=async e=>{try{const t=await Pe({url:WG,method:Lt.POST,data:e});return y1(t,e.authDetails)}catch(t){return Promise.reject(t)}},SX=async(e,t)=>{try{const n=YG.replace("{{id}}",t),r=await Pe({url:n,method:Lt.PATCH,data:e});return y1(r,e.authDetails)}catch(n){return Promise.reject(n)}},TX=({connectorId:e,onSuccess:t})=>{const n=Eo(),r=m.useMemo(()=>["authDetails",{connectorId:e}],[e]),{data:o}=zr({queryKey:r,queryFn:()=>Promise.resolve({authUrl:"",authStatus:Ke.IDLE,id:""}),enabled:!1}),A=Fo({mutationFn:a=>"connectorId"in a?SX(a.data,a.connectorId):wX(a.data),onSuccess:a=>{n.setQueryData(r,a),t==null||t()}});m.useEffect(()=>()=>{n.removeQueries({queryKey:r,exact:!0})},[n,r]);const s=m.useCallback(a=>{n.setQueryData(r,i=>i&&{...i,authStatus:a})},[r,n]);return{mutate:A.mutate,mutateAsync:A.mutateAsync,isLoading:A.isPending,data:o,mutateStatus:s}},_X=async e=>{var t;try{const n=await Pe({url:ar(XG,{connectorId:e}),method:Lt.GET});return!n||!((t=n==null?void 0:n.data)!=null&&t.status)?{status:"failed"}:n==null?void 0:n.data}catch(n){return Promise.reject(n)}},OX=({connectorId:e,enabled:t=!1})=>{const n=Eo(),r=m.useMemo(()=>["authSuccessStatus",{connectorId:e}],[e]),o=zr({queryKey:r,queryFn:()=>_X(e),refetchInterval:A=>{var s,a;return((s=A.state.data)==null?void 0:s.status)==="failed"||((a=A.state.data)==null?void 0:a.status)==="success"?!1:500},enabled:t,refetchOnWindowFocus:!1,refetchIntervalInBackground:!0});return m.useEffect(()=>()=>{n.removeQueries({queryKey:r,exact:!0})},[n,r]),o},b1=({connectorData:e})=>{const{sendTrackingEvent:t,availableFeatures:n}=m.useContext(dt),[r,o]=m.useState(!1),A=Se(Rs),s=Se(kC),a=m.useRef(null),i=zt(),{id:c=""}=Io(),[g]=jo(),d=g.get("isEdit")==="true",f=!!(e!=null&&e.showUpgradeButton),B=sr(n,yV),{data:I,mutateStatus:C,isLoading:E,mutate:h}=TX({connectorId:c,onSuccess:()=>{B&&o(!0)}}),p=OX({connectorId:(I==null?void 0:I.id)||"",enabled:r}),{status:Q}=p.data||{},y=(I==null?void 0:I.authStatus)||Ke.IDLE,b=(I==null?void 0:I.authUrl)||"",v=zn();m.useEffect(()=>()=>{v(UG())},[v]),m.useEffect(()=>{let O,P;const G=D=>{a.current&&D.origin===window.location.origin&&(D.data===o1||D.data===lE)&&(clearTimeout(O),a.current.close(),a.current=null,C(D.data===lE?Ke.OAUTH_SUCCESS:Ke.OAUTH_FAILED))};try{if(b){a.current=window.open(b,"_blank");const D=5*60*1e3;O=setTimeout(()=>{var X;(X=a.current)==null||X.close(),a.current=null,C(Ke.OAUTH_FAILED)},D),P=setInterval(()=>{var X;(X=a.current)!=null&&X.closed&&(clearInterval(P),a.current=null,C(Ke.OAUTH_FAILED))},500),window.addEventListener("message",G)}}catch(D){console.log("Error in Authentication",D)}return()=>{window.removeEventListener("message",G),clearTimeout(O),clearInterval(P)}},[b,v,C]),m.useEffect(()=>{Q&&Q!=="pending"&&a.current&&B&&(a.current.close(),a.current=null,C(Q==="success"?Ke.OAUTH_SUCCESS:Ke.OAUTH_FAILED))},[Q,C,B]),m.useEffect(()=>{switch((y===Ke.OAUTH1_FAILED||y===Ke.OAUTH_FAILED||y===Ke.API_KEY_FAILED||y===Ke.BASIC_AUTH_FAILED)&&i(_e.BASEPATH),(y===Ke.OAUTH1_SUCCESS||y===Ke.OAUTH_SUCCESS||y===Ke.API_KEY_SUCCESS||y===Ke.BASIC_AUTH_SUCCESS)&&I!=null&&I.id&&i(d?_e.BASEPATH:`${_e.BASEPATH}${_e.CONNECTOR_INITIAL_SETUP}/${c}?connectorId=${I.id}`),y){case Ke.BASIC_AUTH_SUCCESS:case Ke.OAUTH1_SUCCESS:case Ke.OAUTH_SUCCESS:{_t({message:f?A1:UY,type:kr}),t(Je.CONNECTOR_AUTH_SUCCESS,{connector_name:e==null?void 0:e.name});break}case Ke.BASIC_AUTH_FAILED:case Ke.OAUTH1_FAILED:case Ke.OAUTH_FAILED:{_t({message:f?s1:$Y,type:bn});break}case Ke.REQUEST_FAILED:{_t({message:qc,type:bn});break}case Ke.API_KEY_SUCCESS:{_t({message:f?A1:eJ,type:kr}),t(Je.CONNECTOR_AUTH_SUCCESS,{connector_name:e==null?void 0:e.name});break}case Ke.API_KEY_FAILED:{_t({message:f?s1:qc,type:bn});break}}},[y,i,f,c,d,e==null?void 0:e.name,t,I==null?void 0:I.id]);const w=A===Ie.LOADING||s===Ie.LOADING,{name:x="",type:S,advancedFeatures:N={}}=e||{};return l.jsxs(l.Fragment,{children:[l.jsxs(hX,{direction:"row",id:"connectors-auth-page",style:d?{height:"auto"}:void 0,children:[l.jsx("div",{className:"flex flex-col",children:l.jsx(NJ,{connectorId:c,isEdit:d,connectorData:e,authStatus:y,isLoading:w,authMutate:h,isAuthPending:E})}),l.jsxs(u.Stack,{gap:"36px",width:"322px",className:"connector-auth-help",children:[e!=null&&e.upgradeGuideContent?l.jsx(vX,{upgradeGuideContent:e.upgradeGuideContent,upgradeGuideLink:e.upgradeGuideLink}):null,l.jsxs(u.Stack,{gap:"12px",children:[l.jsx(u.Typography,{variant:"h2",marginBottom:"8px",children:M2}),d?null:l.jsx(au,{isSettingsPage:!0}),l.jsx(m1,{connectorName:e==null?void 0:e.name,supportLinks:e==null?void 0:e.supportLinks})]})]})]}),d&&l.jsx(Q1,{advancedFeatures:N,connectorId:c,connectorName:x,connectorType:S,featureIds:[mi],soloSpansFullWidth:!1})]})},DX=e=>_.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("g",{clipPath:"url(#clip0_1446_4479)"},_.createElement("path",{d:"M11.3333 2H3.33333C2.59333 2 2 2.6 2 3.33333V12.6667C2 13.4 2.59333 14 3.33333 14H12.6667C13.4 14 14 13.4 14 12.6667V4.66667L11.3333 2ZM8 12.6667C6.89333 12.6667 6 11.7733 6 10.6667C6 9.56 6.89333 8.66667 8 8.66667C9.10667 8.66667 10 9.56 10 10.6667C10 11.7733 9.10667 12.6667 8 12.6667ZM10 6H3.33333V3.33333H10V6Z",fill:"white"})),_.createElement("defs",null,_.createElement("clipPath",{id:"clip0_1446_4479"},_.createElement("rect",{width:16,height:16,fill:"white"})))),x1=e=>_.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.86993 0.652446C7.56922 0.248711 8.43078 0.248711 9.13007 0.652446L13.7981 3.34755C14.4974 3.75129 14.9282 4.49742 14.9282 5.30489V10.6951C14.9282 11.5026 14.4974 12.2487 13.7981 12.6524L9.13007 15.3476C8.43078 15.7513 7.56922 15.7513 6.86993 15.3476L2.20187 12.6524C1.50258 12.2487 1.0718 11.5026 1.0718 10.6951V5.30489C1.0718 4.49742 1.50258 3.75129 2.20187 3.34755L6.86993 0.652446Z",fill:"#FFD122"}),_.createElement("g",{filter:"url(#filter0_d_360_39563)"},_.createElement("path",{d:"M5.83154 4.43359V4.43359C6.84296 4.43359 7.66287 5.25351 7.66287 6.26492V11.5179V11.5179C6.65146 11.5179 5.83154 10.698 5.83154 9.68661V4.43359Z",fill:"white"})),_.createElement("g",{filter:"url(#filter1_d_360_39563)"},_.createElement("path",{d:"M8.57812 7.66211V7.66211C9.58954 7.66211 10.4095 8.48202 10.4095 9.49343V11.7103V11.7103C9.39804 11.7103 8.57812 10.8904 8.57812 9.87898V7.66211Z",fill:"white"})),_.createElement("defs",null,_.createElement("filter",{id:"filter0_d_360_39563",x:4.76488,y:3.36693,width:3.96488,height:9.21732,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},_.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),_.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),_.createElement("feOffset",null),_.createElement("feGaussianBlur",{stdDeviation:.533333}),_.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.114019 0"}),_.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_360_39563"}),_.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_360_39563",result:"shape"})),_.createElement("filter",{id:"filter1_d_360_39563",x:7.51146,y:6.59544,width:3.96488,height:6.18216,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},_.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),_.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),_.createElement("feOffset",null),_.createElement("feGaussianBlur",{stdDeviation:.533333}),_.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.114019 0"}),_.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_360_39563"}),_.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_360_39563",result:"shape"})))),LX=({connectorId:e,connectorName:t,connectorLogo:n})=>{const{sendTrackingEvent:r}=m.useContext(dt),[o,A]=m.useState(null),[s,a]=m.useState([]),[i,c]=m.useState(!1),[g,d]=m.useState(""),[f,B]=m.useState(!0),[I,C]=m.useState(!1);if(m.useEffect(()=>{(async()=>{var v;B(!0);try{const[w,x]=await Promise.all([_G(e),OG(e)]);A(w.data??null),a(((v=x.data)==null?void 0:v.presets)??[])}catch(w){_t({message:qc,type:bn}),console.error(w)}finally{B(!1)}})()},[e]),f||s.length===0)return null;const E=s.find(b=>b.hiverParam===(o==null?void 0:o.hiverParam))??s[0],h=()=>{var w;r(Je.LOOKUP_CONFIG_CLICKED,{connector_name:t,page:"connector_settings"});const b=(o==null?void 0:o.hiverParam)??E.hiverParam,v=s.some(x=>x.hiverParam===b);d(v?b:((w=s[0])==null?void 0:w.hiverParam)??""),c(!0)},p=async()=>{C(!0);try{await DG([{connectorId:e,hiverParam:g}]),A({connectorId:e,hiverParam:g}),r(Je.LOOKUP_SAVED,{connector_name:t,hiver_param:g,page:"connector_settings"}),_t({message:AW,type:kr}),c(!1)}catch{_t({message:sW,type:bn})}finally{C(!1)}},Q=oW.replace("%s",t),y=s.find(b=>b.hiverParam===(g||(o==null?void 0:o.hiverParam)))??s[0];return l.jsxs("div",{className:"border border-[#D6DDE8] rounded-lg bg-white p-4 mb-6",children:[l.jsxs("div",{className:"flex items-center justify-between mb-1",children:[l.jsx("span",{className:"text-h2 text-[#3E4C5A]!",children:eW}),i?l.jsx(u.Button,{variant:"contained",size:"small",startIcon:l.jsx(DX,{}),onClick:p,disabled:I,children:rW}):l.jsx(u.Button,{variant:"outlined",color:"tertiary",size:"small",onClick:h,children:nW})]}),l.jsx("p",{className:"text-body2 text-[#6F7C90]! mb-6",children:tW}),i?l.jsxs("div",{className:"inline-flex items-center border border-[#ECEFF6] overflow-hidden p-3 rounded-[8px] w-full",children:[l.jsx(u.Select,{value:g,onChange:b=>{const v=b.target.value;r(Je.LOOKUP_FIELD_CLICKED,{hiver_param:v,connector_name:t,page:"connector_settings"}),d(v)},size:"small",variant:"outlined",renderValue:b=>{var w;const v=((w=s.find(x=>x.hiverParam===b))==null?void 0:w.label)??"";return l.jsxs("span",{className:"flex items-center gap-2",children:[l.jsx(x1,{className:"w-4 h-4 shrink-0"}),v]})},sx:{fontSize:"14px",width:"209px",height:"40px",background:"#F6F8FC",borderRadius:"8px",fontWeight:500,"& .MuiOutlinedInput-notchedOutline":{borderColor:"#ECEFF6"}},children:s.map(b=>l.jsx(u.MenuItem,{value:b.hiverParam,sx:{fontSize:"14px"},children:b.label},b.hiverParam))}),l.jsx("div",{className:"h-px w-8 bg-[#ECEFF6] shrink-0"}),l.jsxs("div",{className:"flex items-center gap-2 px-4 py-2.5 text-sm text-[#4D596C] rounded-full border-1 border-[#ECEFF6] h-[26px]",children:[n&&l.jsx("img",{src:n,alt:t,className:"w-4 h-4 object-contain shrink-0"}),Q]}),l.jsx("div",{className:"h-px w-8 bg-[#ECEFF6] shrink-0"}),l.jsx("div",{className:"px-4 py-2.5 text-sm text-[#4D596C] bg-[#F6F8FC] rounded-[8px] h-10 grow",children:y.objectParamLabel})]}):l.jsxs("div",{className:"inline-flex items-center border border-[#ECEFF6] overflow-hidden p-3 rounded-[8px] w-full",children:[l.jsxs("div",{className:"flex items-center gap-2 px-4 py-2.5 text-sm text-[#4D596C] rounded-[8px] font-medium bg-[#F6F8FC] w-[209px] h-10",children:[l.jsx(x1,{className:"w-4 h-4 shrink-0"}),y.label]}),l.jsx("div",{className:"h-px w-8 bg-[#ECEFF6] shrink-0"}),l.jsxs("div",{className:"flex items-center gap-2 px-4 py-2.5 text-sm text-[#4D596C] rounded-full border-1 border-[#ECEFF6] h-[26px]",children:[n&&l.jsx("img",{src:n,alt:t,className:"w-4 h-4 object-contain shrink-0"}),Q]}),l.jsx("div",{className:"h-px w-8 bg-[#ECEFF6] shrink-0"}),l.jsx("div",{className:"px-4 py-2.5 text-sm text-[#4D596C] bg-[#F6F8FC] rounded-[8px] h-10 grow",children:y.objectParamLabel})]})]})},FX=({connectorData:e})=>{var B;const{cardList:t=[],name:n="",customCardsList:r=[],advancedFeatures:o={},type:A,logo:s=null}=e||{},[a,i]=m.useState(!1),{availableFeatures:c}=m.useContext(dt),g=(B=Cr())==null?void 0:B.tenantPlatform,d=sr(c,g==="HIVERWEB"?`hot-${Um}`:Um),{id:f=""}=Io();return l.jsxs(l.Fragment,{children:[l.jsx(AE,{shown:a,setShown:i,connectorName:n}),l.jsx("h2",{className:"text-h2 text-[#4D596C]!",children:$H}),l.jsx("p",{className:"text-body2 text-[#6F7C90]! mb-6 mt-2",children:KH}),d&&l.jsx(LX,{connectorId:f,connectorName:n,connectorLogo:s}),l.jsx($2,{setShowEnabledModal:i,currentConnectorId:f,formDefaultsEnabled:e==null?void 0:e.formDefaultsEnabled,infoCards:[...t,...r]}),l.jsx(Q1,{advancedFeatures:o,connectorId:f,connectorName:n,connectorType:A,excludeFeatureIds:[mi]})]})},PX=()=>{const e=zn(),{sendTrackingEvent:t}=m.useContext(dt),n=Se(VC),r=Se(Rs),o=Se(B2),A=Se(Nr),s=Se(Ls),{id:a=""}=Io(),[i]=jo(),c=i.get("isEdit")==="true",g=i.get("tabIndex"),[d,f]=m.useState(()=>{const v=Number(g);return Number.isNaN(v)||v<0?0:v>su.length-1?su.length-1:v}),B=(v,w)=>{f(w)},I=(A==null?void 0:A[a])||null,C=(s==null?void 0:s[a])||null,E=c?I:C,h=!(E!=null&&E.isAuthenticated),p=!!(E!=null&&E.isEnabled),Q=[n,r].includes(Ie.LOADING)||h,y=[{name:Hc,route:`${_e.BASEPATH}${_e.DASHBOARD}`},{name:(E==null?void 0:E.name)||"",route:`${_e.BASEPATH}${_e.API_VIEW}/${a}?isEdit=${String(c)}`},{name:HY}],b=(v,w)=>{v==null||v.stopPropagation(),e(di({id:w,enabled:v.target.checked})).unwrap().then(()=>{v.target.checked?t(Je.TOGGLE_ENABLED,{connector_name:E==null?void 0:E.name}):(t(Je.TOGGLE_DISABLED,{connector_name:E==null?void 0:E.name}),_t({message:c2,type:NC}))}).catch(()=>{_t({message:l2,type:bn})})};if(m.useEffect(()=>{e(Ci()),c?(e(ks(a)),e(Uc(a))):e(Fs(a))},[c,e,a]),E!=null&&E.type&&Gs(E.type)){const v=c?_e.APP_DETAIL:_e.TEMPLATE_APP;return l.jsx(Pl,{to:`${_e.BASEPATH}${v}/${a}`,replace:!0})}return l.jsxs("div",{className:"w-full h-full flex flex-col",children:[l.jsxs("div",{className:`flex flex-row justify-between ${c?"mb-2":"mb-9"}`,children:[l.jsx(n1,{options:y}),c?l.jsxs("div",{className:"flex flex-row gap-2 items-center",children:[l.jsx(JY,{active:p,label:l.jsx(u.Typography,{variant:"body2",children:p?"Active":"Inactive"})}),l.jsx(r1,{isLoading:(o==null?void 0:o[a])===Ie.LOADING,id:`switch_${a}`,checked:p,disabled:Q,onClick:v=>v==null?void 0:v.stopPropagation(),onChange:v=>b(v,a)})]}):null]}),c?l.jsxs(l.Fragment,{children:[l.jsx("div",{children:l.jsxs(u.Tabs,{value:d,onChange:B,classes:{flexContainer:"border-b-2 border-[#D6DDE8]"},children:[l.jsx(u.Tab,{label:su[0],className:"border-b-0!"}),l.jsx(u.Tab,{label:su[1],className:"border-b-0!"})]})}),l.jsx("div",{hidden:d!==0,className:"grow overflow-auto py-6",children:l.jsx(b1,{connectorData:E})}),l.jsx("div",{hidden:d!==1,className:"grow overflow-auto py-6",children:l.jsx(FX,{connectorData:E})})]}):l.jsx("div",{className:"grow overflow-auto py-0",children:l.jsx(b1,{connectorData:E})})]})},kX=e=>e.auth.verifyTokenApiStatus,NX=e=>e.auth.authVerificationDone,RX=u.styled(u.Box)`
+`,vX=({upgradeGuideContent:e,upgradeGuideLink:t})=>l.jsxs(QX,{children:[l.jsxs(u.Stack,{marginBottom:"20px",children:[l.jsxs(u.Stack,{direction:"row",padding:"8px 0",gap:"4px",alignItems:"center",children:[l.jsx(mX,{}),l.jsx(u.Typography,{variant:"body1_medium",color:u.theme.palette.gray.black,children:oJ})]}),l.jsx(u.Typography,{variant:"body2",children:AJ})]}),l.jsx(u.Typography,{variant:"body2_medium",marginBottom:"8px",color:u.theme.palette.gray.black,children:sJ}),l.jsx(bX,{variant:"body2",dangerouslySetInnerHTML:{__html:e}}),t?l.jsxs(yX,{target:"_blank",underline:"none",href:t,children:[l.jsx(xX,{}),aJ]}):null]}),y1=(e,t)=>{const n=t.authType===pi,r=t.authType===R2,o=t.authType===Hs,A=t.authType===Ii;if(!e||!e.data)return{authUrl:"",authStatus:r?Ke.API_KEY_FAILED:n?Ke.BASIC_AUTH_FAILED:o?Ke.OAUTH1_FAILED:Ke.OAUTH_FAILED};const s=e.data;return r?{authUrl:"",id:s.id,authStatus:Ke.API_KEY_SUCCESS}:n?{authUrl:"",id:s.id,authStatus:Ke.BASIC_AUTH_SUCCESS}:o?{authUrl:"",id:s.id,authStatus:Ke.OAUTH1_SUCCESS}:A?{authUrl:"",id:s.id,authStatus:Ke.OAUTH_SUCCESS}:s.authorizationUrl?{authUrl:s.authorizationUrl,id:s.id,authStatus:Ke.PENDING}:{authUrl:"",id:"",authStatus:Ke.OAUTH_FAILED}},wX=async e=>{try{const t=await Pe({url:WG,method:Lt.POST,data:e});return y1(t,e.authDetails)}catch(t){return Promise.reject(t)}},SX=async(e,t)=>{try{const n=YG.replace("{{id}}",t),r=await Pe({url:n,method:Lt.PATCH,data:e});return y1(r,e.authDetails)}catch(n){return Promise.reject(n)}},TX=({connectorId:e,onSuccess:t})=>{const n=Eo(),r=m.useMemo(()=>["authDetails",{connectorId:e}],[e]),{data:o}=zr({queryKey:r,queryFn:()=>Promise.resolve({authUrl:"",authStatus:Ke.IDLE,id:""}),enabled:!1}),A=Fo({mutationFn:a=>"connectorId"in a?SX(a.data,a.connectorId):wX(a.data),onSuccess:a=>{n.setQueryData(r,a),t==null||t()}});m.useEffect(()=>()=>{n.removeQueries({queryKey:r,exact:!0})},[n,r]);const s=m.useCallback(a=>{n.setQueryData(r,i=>i&&{...i,authStatus:a})},[r,n]);return{mutate:A.mutate,mutateAsync:A.mutateAsync,isLoading:A.isPending,data:o,mutateStatus:s}},_X=async e=>{var t;try{const n=await Pe({url:ar(XG,{connectorId:e}),method:Lt.GET});return!n||!((t=n==null?void 0:n.data)!=null&&t.status)?{status:"failed"}:n==null?void 0:n.data}catch(n){return Promise.reject(n)}},OX=({connectorId:e,enabled:t=!1})=>{const n=Eo(),r=m.useMemo(()=>["authSuccessStatus",{connectorId:e}],[e]),o=zr({queryKey:r,queryFn:()=>_X(e),refetchInterval:A=>{var s,a;return((s=A.state.data)==null?void 0:s.status)==="failed"||((a=A.state.data)==null?void 0:a.status)==="success"?!1:500},enabled:t,refetchOnWindowFocus:!1,refetchIntervalInBackground:!0});return m.useEffect(()=>()=>{n.removeQueries({queryKey:r,exact:!0})},[n,r]),o},b1=({connectorData:e})=>{const{sendTrackingEvent:t,availableFeatures:n}=m.useContext(dt),[r,o]=m.useState(!1),A=Se(Rs),s=Se(kC),a=m.useRef(null),i=zt(),{id:c=""}=Io(),[g]=jo(),d=g.get("isEdit")==="true",f=!!(e!=null&&e.showUpgradeButton),B=sr(n,yV),{data:I,mutateStatus:C,isLoading:E,mutate:h}=TX({connectorId:c,onSuccess:()=>{B&&o(!0)}}),p=OX({connectorId:(I==null?void 0:I.id)||"",enabled:r}),{status:Q}=p.data||{},y=(I==null?void 0:I.authStatus)||Ke.IDLE,b=(I==null?void 0:I.authUrl)||"",v=zn();m.useEffect(()=>()=>{v(UG())},[v]),m.useEffect(()=>{let O,P;const G=D=>{a.current&&D.origin===window.location.origin&&(D.data===o1||D.data===lE)&&(clearTimeout(O),a.current.close(),a.current=null,C(D.data===lE?Ke.OAUTH_SUCCESS:Ke.OAUTH_FAILED))};try{if(b){a.current=window.open(b,"_blank");const D=5*60*1e3;O=setTimeout(()=>{var X;(X=a.current)==null||X.close(),a.current=null,C(Ke.OAUTH_FAILED)},D),P=setInterval(()=>{var X;(X=a.current)!=null&&X.closed&&(clearInterval(P),a.current=null,C(Ke.OAUTH_FAILED))},500),window.addEventListener("message",G)}}catch(D){console.log("Error in Authentication",D)}return()=>{window.removeEventListener("message",G),clearTimeout(O),clearInterval(P)}},[b,v,C]),m.useEffect(()=>{Q&&Q!=="pending"&&a.current&&B&&(a.current.close(),a.current=null,C(Q==="success"?Ke.OAUTH_SUCCESS:Ke.OAUTH_FAILED))},[Q,C,B]),m.useEffect(()=>{switch((y===Ke.OAUTH1_FAILED||y===Ke.OAUTH_FAILED||y===Ke.API_KEY_FAILED||y===Ke.BASIC_AUTH_FAILED)&&i(_e.BASEPATH),(y===Ke.OAUTH1_SUCCESS||y===Ke.OAUTH_SUCCESS||y===Ke.API_KEY_SUCCESS||y===Ke.BASIC_AUTH_SUCCESS)&&I!=null&&I.id&&i(d?_e.BASEPATH:`${_e.BASEPATH}${_e.CONNECTOR_INITIAL_SETUP}/${c}?connectorId=${I.id}`),y){case Ke.BASIC_AUTH_SUCCESS:case Ke.OAUTH1_SUCCESS:case Ke.OAUTH_SUCCESS:{_t({message:f?A1:UY,type:kr}),t(Je.CONNECTOR_AUTH_SUCCESS,{connector_name:e==null?void 0:e.name});break}case Ke.BASIC_AUTH_FAILED:case Ke.OAUTH1_FAILED:case Ke.OAUTH_FAILED:{_t({message:f?s1:$Y,type:bn});break}case Ke.REQUEST_FAILED:{_t({message:qc,type:bn});break}case Ke.API_KEY_SUCCESS:{_t({message:f?A1:eJ,type:kr}),t(Je.CONNECTOR_AUTH_SUCCESS,{connector_name:e==null?void 0:e.name});break}case Ke.API_KEY_FAILED:{_t({message:f?s1:qc,type:bn});break}}},[y,i,f,c,d,e==null?void 0:e.name,t,I==null?void 0:I.id]);const w=A===Ie.LOADING||s===Ie.LOADING,{name:x="",type:S="",advancedFeatures:N={}}=e||{};return l.jsxs(l.Fragment,{children:[l.jsxs(hX,{direction:"row",id:"connectors-auth-page",style:d?{height:"auto"}:void 0,children:[l.jsx("div",{className:"flex flex-col",children:l.jsx(NJ,{connectorId:c,isEdit:d,connectorData:e,authStatus:y,isLoading:w,authMutate:h,isAuthPending:E})}),l.jsxs(u.Stack,{gap:"36px",width:"322px",className:"connector-auth-help",children:[e!=null&&e.upgradeGuideContent?l.jsx(vX,{upgradeGuideContent:e.upgradeGuideContent,upgradeGuideLink:e.upgradeGuideLink}):null,l.jsxs(u.Stack,{gap:"12px",children:[l.jsx(u.Typography,{variant:"h2",marginBottom:"8px",children:M2}),d?null:l.jsx(au,{isSettingsPage:!0}),l.jsx(m1,{connectorName:e==null?void 0:e.name,supportLinks:e==null?void 0:e.supportLinks})]})]})]}),d&&l.jsx(Q1,{advancedFeatures:N,connectorId:c,connectorName:x,connectorType:S,featureIds:[mi],soloSpansFullWidth:!1})]})},DX=e=>_.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("g",{clipPath:"url(#clip0_1446_4479)"},_.createElement("path",{d:"M11.3333 2H3.33333C2.59333 2 2 2.6 2 3.33333V12.6667C2 13.4 2.59333 14 3.33333 14H12.6667C13.4 14 14 13.4 14 12.6667V4.66667L11.3333 2ZM8 12.6667C6.89333 12.6667 6 11.7733 6 10.6667C6 9.56 6.89333 8.66667 8 8.66667C9.10667 8.66667 10 9.56 10 10.6667C10 11.7733 9.10667 12.6667 8 12.6667ZM10 6H3.33333V3.33333H10V6Z",fill:"white"})),_.createElement("defs",null,_.createElement("clipPath",{id:"clip0_1446_4479"},_.createElement("rect",{width:16,height:16,fill:"white"})))),x1=e=>_.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.86993 0.652446C7.56922 0.248711 8.43078 0.248711 9.13007 0.652446L13.7981 3.34755C14.4974 3.75129 14.9282 4.49742 14.9282 5.30489V10.6951C14.9282 11.5026 14.4974 12.2487 13.7981 12.6524L9.13007 15.3476C8.43078 15.7513 7.56922 15.7513 6.86993 15.3476L2.20187 12.6524C1.50258 12.2487 1.0718 11.5026 1.0718 10.6951V5.30489C1.0718 4.49742 1.50258 3.75129 2.20187 3.34755L6.86993 0.652446Z",fill:"#FFD122"}),_.createElement("g",{filter:"url(#filter0_d_360_39563)"},_.createElement("path",{d:"M5.83154 4.43359V4.43359C6.84296 4.43359 7.66287 5.25351 7.66287 6.26492V11.5179V11.5179C6.65146 11.5179 5.83154 10.698 5.83154 9.68661V4.43359Z",fill:"white"})),_.createElement("g",{filter:"url(#filter1_d_360_39563)"},_.createElement("path",{d:"M8.57812 7.66211V7.66211C9.58954 7.66211 10.4095 8.48202 10.4095 9.49343V11.7103V11.7103C9.39804 11.7103 8.57812 10.8904 8.57812 9.87898V7.66211Z",fill:"white"})),_.createElement("defs",null,_.createElement("filter",{id:"filter0_d_360_39563",x:4.76488,y:3.36693,width:3.96488,height:9.21732,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},_.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),_.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),_.createElement("feOffset",null),_.createElement("feGaussianBlur",{stdDeviation:.533333}),_.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.114019 0"}),_.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_360_39563"}),_.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_360_39563",result:"shape"})),_.createElement("filter",{id:"filter1_d_360_39563",x:7.51146,y:6.59544,width:3.96488,height:6.18216,filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},_.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),_.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),_.createElement("feOffset",null),_.createElement("feGaussianBlur",{stdDeviation:.533333}),_.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.114019 0"}),_.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_360_39563"}),_.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_360_39563",result:"shape"})))),LX=({connectorId:e,connectorName:t,connectorLogo:n})=>{const{sendTrackingEvent:r}=m.useContext(dt),[o,A]=m.useState(null),[s,a]=m.useState([]),[i,c]=m.useState(!1),[g,d]=m.useState(""),[f,B]=m.useState(!0),[I,C]=m.useState(!1);if(m.useEffect(()=>{(async()=>{var v;B(!0);try{const[w,x]=await Promise.all([_G(e),OG(e)]);A(w.data??null),a(((v=x.data)==null?void 0:v.presets)??[])}catch(w){_t({message:qc,type:bn}),console.error(w)}finally{B(!1)}})()},[e]),f||s.length===0)return null;const E=s.find(b=>b.hiverParam===(o==null?void 0:o.hiverParam))??s[0],h=()=>{var w;r(Je.LOOKUP_CONFIG_CLICKED,{connector_name:t,page:"connector_settings"});const b=(o==null?void 0:o.hiverParam)??E.hiverParam,v=s.some(x=>x.hiverParam===b);d(v?b:((w=s[0])==null?void 0:w.hiverParam)??""),c(!0)},p=async()=>{C(!0);try{await DG([{connectorId:e,hiverParam:g}]),A({connectorId:e,hiverParam:g}),r(Je.LOOKUP_SAVED,{connector_name:t,hiver_param:g,page:"connector_settings"}),_t({message:AW,type:kr}),c(!1)}catch{_t({message:sW,type:bn})}finally{C(!1)}},Q=oW.replace("%s",t),y=s.find(b=>b.hiverParam===(g||(o==null?void 0:o.hiverParam)))??s[0];return l.jsxs("div",{className:"border border-[#D6DDE8] rounded-lg bg-white p-4 mb-6",children:[l.jsxs("div",{className:"flex items-center justify-between mb-1",children:[l.jsx("span",{className:"text-h2 text-[#3E4C5A]!",children:eW}),i?l.jsx(u.Button,{variant:"contained",size:"small",startIcon:l.jsx(DX,{}),onClick:p,disabled:I,children:rW}):l.jsx(u.Button,{variant:"outlined",color:"tertiary",size:"small",onClick:h,children:nW})]}),l.jsx("p",{className:"text-body2 text-[#6F7C90]! mb-6",children:tW}),i?l.jsxs("div",{className:"inline-flex items-center border border-[#ECEFF6] overflow-hidden p-3 rounded-[8px] w-full",children:[l.jsx(u.Select,{value:g,onChange:b=>{const v=b.target.value;r(Je.LOOKUP_FIELD_CLICKED,{hiver_param:v,connector_name:t,page:"connector_settings"}),d(v)},size:"small",variant:"outlined",renderValue:b=>{var w;const v=((w=s.find(x=>x.hiverParam===b))==null?void 0:w.label)??"";return l.jsxs("span",{className:"flex items-center gap-2",children:[l.jsx(x1,{className:"w-4 h-4 shrink-0"}),v]})},sx:{fontSize:"14px",width:"209px",height:"40px",background:"#F6F8FC",borderRadius:"8px",fontWeight:500,"& .MuiOutlinedInput-notchedOutline":{borderColor:"#ECEFF6"}},children:s.map(b=>l.jsx(u.MenuItem,{value:b.hiverParam,sx:{fontSize:"14px"},children:b.label},b.hiverParam))}),l.jsx("div",{className:"h-px w-8 bg-[#ECEFF6] shrink-0"}),l.jsxs("div",{className:"flex items-center gap-2 px-4 py-2.5 text-sm text-[#4D596C] rounded-full border-1 border-[#ECEFF6] h-[26px]",children:[n&&l.jsx("img",{src:n,alt:t,className:"w-4 h-4 object-contain shrink-0"}),Q]}),l.jsx("div",{className:"h-px w-8 bg-[#ECEFF6] shrink-0"}),l.jsx("div",{className:"px-4 py-2.5 text-sm text-[#4D596C] bg-[#F6F8FC] rounded-[8px] h-10 grow",children:y.objectParamLabel})]}):l.jsxs("div",{className:"inline-flex items-center border border-[#ECEFF6] overflow-hidden p-3 rounded-[8px] w-full",children:[l.jsxs("div",{className:"flex items-center gap-2 px-4 py-2.5 text-sm text-[#4D596C] rounded-[8px] font-medium bg-[#F6F8FC] w-[209px] h-10",children:[l.jsx(x1,{className:"w-4 h-4 shrink-0"}),y.label]}),l.jsx("div",{className:"h-px w-8 bg-[#ECEFF6] shrink-0"}),l.jsxs("div",{className:"flex items-center gap-2 px-4 py-2.5 text-sm text-[#4D596C] rounded-full border-1 border-[#ECEFF6] h-[26px]",children:[n&&l.jsx("img",{src:n,alt:t,className:"w-4 h-4 object-contain shrink-0"}),Q]}),l.jsx("div",{className:"h-px w-8 bg-[#ECEFF6] shrink-0"}),l.jsx("div",{className:"px-4 py-2.5 text-sm text-[#4D596C] bg-[#F6F8FC] rounded-[8px] h-10 grow",children:y.objectParamLabel})]})]})},FX=({connectorData:e})=>{var B;const{cardList:t=[],name:n="",customCardsList:r=[],advancedFeatures:o={},type:A,logo:s=null}=e||{},[a,i]=m.useState(!1),{availableFeatures:c}=m.useContext(dt),g=(B=Cr())==null?void 0:B.tenantPlatform,d=sr(c,g==="HIVERWEB"?`hot-${Um}`:Um),{id:f=""}=Io();return l.jsxs(l.Fragment,{children:[l.jsx(AE,{shown:a,setShown:i,connectorName:n}),l.jsx("h2",{className:"text-h2 text-[#4D596C]!",children:$H}),l.jsx("p",{className:"text-body2 text-[#6F7C90]! mb-6 mt-2",children:KH}),d&&l.jsx(LX,{connectorId:f,connectorName:n,connectorLogo:s}),l.jsx($2,{setShowEnabledModal:i,currentConnectorId:f,formDefaultsEnabled:e==null?void 0:e.formDefaultsEnabled,infoCards:[...t,...r]}),l.jsx(Q1,{advancedFeatures:o,connectorId:f,connectorName:n,connectorType:A,excludeFeatureIds:[mi]})]})},PX=()=>{const e=zn(),{sendTrackingEvent:t}=m.useContext(dt),n=Se(VC),r=Se(Rs),o=Se(B2),A=Se(Nr),s=Se(Ls),{id:a=""}=Io(),[i]=jo(),c=i.get("isEdit")==="true",g=i.get("tabIndex"),[d,f]=m.useState(()=>{const v=Number(g);return Number.isNaN(v)||v<0?0:v>su.length-1?su.length-1:v}),B=(v,w)=>{f(w)},I=(A==null?void 0:A[a])||null,C=(s==null?void 0:s[a])||null,E=c?I:C,h=!(E!=null&&E.isAuthenticated),p=!!(E!=null&&E.isEnabled),Q=[n,r].includes(Ie.LOADING)||h,y=[{name:Hc,route:`${_e.BASEPATH}${_e.DASHBOARD}`},{name:(E==null?void 0:E.name)||"",route:`${_e.BASEPATH}${_e.API_VIEW}/${a}?isEdit=${String(c)}`},{name:HY}],b=(v,w)=>{v==null||v.stopPropagation(),e(di({id:w,enabled:v.target.checked})).unwrap().then(()=>{v.target.checked?t(Je.TOGGLE_ENABLED,{connector_name:E==null?void 0:E.name}):(t(Je.TOGGLE_DISABLED,{connector_name:E==null?void 0:E.name}),_t({message:c2,type:NC}))}).catch(()=>{_t({message:l2,type:bn})})};if(m.useEffect(()=>{e(Ci()),c?(e(ks(a)),e(Uc(a))):e(Fs(a))},[c,e,a]),E!=null&&E.type&&Gs(E.type)){const v=c?_e.APP_DETAIL:_e.TEMPLATE_APP;return l.jsx(Pl,{to:`${_e.BASEPATH}${v}/${a}`,replace:!0})}return l.jsxs("div",{className:"w-full h-full flex flex-col",children:[l.jsxs("div",{className:`flex flex-row justify-between ${c?"mb-2":"mb-9"}`,children:[l.jsx(n1,{options:y}),c?l.jsxs("div",{className:"flex flex-row gap-2 items-center",children:[l.jsx(JY,{active:p,label:l.jsx(u.Typography,{variant:"body2",children:p?"Active":"Inactive"})}),l.jsx(r1,{isLoading:(o==null?void 0:o[a])===Ie.LOADING,id:`switch_${a}`,checked:p,disabled:Q,onClick:v=>v==null?void 0:v.stopPropagation(),onChange:v=>b(v,a)})]}):null]}),c?l.jsxs(l.Fragment,{children:[l.jsx("div",{children:l.jsxs(u.Tabs,{value:d,onChange:B,classes:{flexContainer:"border-b-2 border-[#D6DDE8]"},children:[l.jsx(u.Tab,{label:su[0],className:"border-b-0!"}),l.jsx(u.Tab,{label:su[1],className:"border-b-0!"})]})}),l.jsx("div",{hidden:d!==0,className:"grow overflow-auto py-6",children:l.jsx(b1,{connectorData:E})}),l.jsx("div",{hidden:d!==1,className:"grow overflow-auto py-6",children:l.jsx(FX,{connectorData:E})})]}):l.jsx("div",{className:"grow overflow-auto py-0",children:l.jsx(b1,{connectorData:E})})]})},kX=e=>e.auth.verifyTokenApiStatus,NX=e=>e.auth.authVerificationDone,RX=u.styled(u.Box)`
   position: fixed;
   z-index: 1000;
   background-color: #fff;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hiver/connector-admin",
-  "version": "4.14.0-slack3-beta.5",
+  "version": "4.14.0-slack3-beta.6",
   "main": "index.es.js",
   "module": "index.es.js",
   "types": "index.d.ts",