https://app.gallabox.com/assets/ZohoPanelHome-Il4S04xI.js

1import{importShared as x}from"./__federation_fn_import-wplON-6D.js";import{j as e}from"./iconBase-hw0CKlfC.js";import{I as oe,T as se,c as re,N as te,i as T,aE as ie}from"./__federation_expose_UtilsCommonUtils-ZprPZval.js";import{A as le}from"./AccountsMenu-C7BmnDwO.js";import{S as ce,N as de,x as me,y as pe}from"./index-ee2E-OZn.js";import{I as ue}from"./IntegrationDetailBreadCrumbs-q5swvJaY.js";import{Z as he}from"./utils-B7D3lTby.js";import{L as fe}from"./LearnMoreLink-BhpTyHW3.js";import{A as be}from"./__federation_expose_Wa-templatesUtilsTemplateSendUtils-Y3aUpqar.js";import{H as ge,c as Ne,u as $,C as xe,aq as ve}from"./__federation_expose_UtilsFormUtils-DTsqQc1s.js";import{u as y,T as d}from"./index-C2xEgYuP.js";import{I as O,O as Ie}from"./IntegrationTabWrapper-Bavw-loX.js";import{C as G}from"./ControlledChannelPicker-UBjJ_pAV.js";import B from"./__federation_expose_ComponentsFormControlWrapper-CA-NSg-d.js";import{t as _}from"./yup.module-BYRVJOE-.js";import{bL as Pe,ar as we,bM as Ee,bN as De,bO as Ve,bP as ke,bQ as Ce,bR as Se}from"./__federation_expose_ComponentsChannelMenuSelectV2-tWzLyvT8.js";import{a as J,u as Ze}from"./history-BBlzUKQG.js";import{I as je,a as ye}from"./IntegrationFormFieldGroupWrapper-CVqc-juY.js";import He from"./JSONEditor-yjb0cIdU.js";import{J as Ae}from"./index-DIZVV68U.js";import{s as Oe}from"./index.esm-CD1y7g4y.js";import{i as Be}from"./APICall-ROGHmEEZ.js";const{Box:Te,Image:Le,Text:L,VStack:ze}=await x("@chakra-ui/react"),We=({images:l})=>e.jsxDEV(ce,{modules:[de,me],navigation:!0,autoplay:{delay:3e3,disableOnInteraction:!1},loop:!0,slidesPerView:1,spaceBetween:10,style:{width:"100%",height:"auto"},children:l.map((n,a)=>e.jsxDEV(Te,{children:e.jsxDEV(pe,{children:e.jsxDEV(ze,{pos:"relative",spacing:4,children:[e.jsxDEV(Le,{w:"80%",h:"auto",src:n.src,objectFit:"cover",left:"10%"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/components/ImageSlideshow/index.tsx",lineNumber:39,columnNumber:29},void 0),n.caption?e.jsxDEV(L,{fontSize:14,color:"gray.600",children:[a+1,". ",n.caption]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/components/ImageSlideshow/index.tsx",lineNumber:41,columnNumber:13},void 0):null,e.jsxDEV(L,{fontSize:14,color:"gray.600",children:[a+1,"/",l.length]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/components/ImageSlideshow/index.tsx",lineNumber:45,columnNumber:29},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/components/ImageSlideshow/index.tsx",lineNumber:38,columnNumber:25},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/components/ImageSlideshow/index.tsx",lineNumber:37,columnNumber:21},void 0)},a,!1,{fileName:"/vercel/path0/packages/web/src/app/components/ImageSlideshow/index.tsx",lineNumber:36,columnNumber:7},void 0))},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/components/ImageSlideshow/index.tsx",lineNumber:26,columnNumber:5},void 0),{HStack:I,VStack:Re,Box:z,Image:Me,Text:D,Icon:Fe,Button:$e,Tag:Ge,IconButton:_e,Menu:Je,MenuButton:Ue,MenuItem:qe,MenuList:W,useDisclosure:Qe}=await x("@chakra-ui/react"),Ye=l=>{const{_:n}=y(),{name:a,panelId:s,integrationName:o,integrationLogo:m,integrationDescription:f,installId:b,handleConfigure:v,lastUpdatedDate:p,onAppDelete:u}=l,{onOpen:h,onClose:P,isOpen:w}=Qe(),g="https://docs.gallabox.com/integration/other-integrations/zoho-lead-panel",c=["1px","solid"].join(" ");return e.jsxDEV(z,{w:"full",borderBottom:c,borderTop:c,borderColor:"gray.200",bg:"#fff",children:e.jsxDEV(I,{p:5,gap:6,borderRadius:"6px",w:"full",children:[e.jsxDEV(I,{w:"full",gap:4,children:[e.jsxDEV(z,{flexBasis:"20%",borderRadius:"6px",border:c,borderColor:"gray.200",maxW:"60px",children:e.jsxDEV(Me,{width:"60px",height:"60px",src:m,objectFit:"cover"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:68,columnNumber:25},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:67,columnNumber:21},void 0),e.jsxDEV(Re,{width:"full",alignItems:"flex-start",spacing:2,children:[e.jsxDEV(I,{children:e.jsxDEV(D,{textAlign:"left",fontSize:"lg",fontWeight:"semibold",color:"gray.700",children:o},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:72,columnNumber:29},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:71,columnNumber:25},void 0),e.jsxDEV(I,{justifyContent:"space-between",alignItems:"flex-start",children:e.jsxDEV(D,{maxWidth:"2xl",textAlign:"left",color:"gray.600",fontFamily:"inter",fontSize:"sm",fontWeight:"normal",children:f},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:77,columnNumber:29},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:76,columnNumber:25},void 0),e.jsxDEV(I,{children:e.jsxDEV(fe,{module:"integrations",titleName:`${o} ${n({id:"JjSs58",message:"Integration Header"})}`,buttonType:"hyperlink",colorScheme:"brand",fontWeight:"semibold",link:g,rightIcon:e.jsxDEV(Fe,{as:oe},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:97,columnNumber:28},void 0),children:e.jsxDEV(d,{id:"YNN0Jf",message:"Help Docs"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:99,columnNumber:37},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:90,columnNumber:15},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:88,columnNumber:25},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:70,columnNumber:21},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:66,columnNumber:17},void 0),b?e.jsxDEV(e.Fragment,{children:[e.jsxDEV(I,{width:"full",justifyContent:"flex-end",fontWeight:"bold",fontSize:"sm",children:[e.jsxDEV(D,{color:"gray.600",fontSize:"xs",fontWeight:"normal",children:e.jsxDEV(d,{id:"koRco3",message:"Last Updated :"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:110,columnNumber:33},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:109,columnNumber:29},void 0),e.jsxDEV(D,{color:"gray.600",fontSize:"xs",fontWeight:"normal",children:p},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:112,columnNumber:29},void 0),e.jsxDEV(Ge,{borderRadius:"4px",bgColor:"green.100",color:"green.600",children:e.jsxDEV(d,{id:"QHcLEN",message:"Connected"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:116,columnNumber:33},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:115,columnNumber:29},void 0),u&&e.jsxDEV(Je,{children:[e.jsxDEV(Ue,{as:_e,"aria-label":n({id:"0zpgxV",message:"Options"}),icon:e.jsxDEV(ge,{},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:123,columnNumber:23},void 0),backgroundColor:"white"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:120,columnNumber:37},void 0),e.jsxDEV(W,{p:"0",bg:"white",zIndex:300,children:e.jsxDEV(W,{p:"0",bg:"white",children:e.jsxDEV(qe,{onClick:h,icon:e.jsxDEV(Ne,{},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:128,columnNumber:92},void 0),children:e.jsxDEV(d,{id:"cnGeoo",message:"Delete"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:129,columnNumber:49},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:128,columnNumber:45},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:127,columnNumber:41},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:126,columnNumber:37},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:119,columnNumber:13},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:108,columnNumber:25},void 0),e.jsxDEV(be,{title:n({id:"c1ITW+",message:"Delete {integrationName}",values:{integrationName:o}}),body:e.jsxDEV(D,{children:e.jsxDEV(d,{id:"MPBfcr",message:"Do you want to delete {integrationName} ?",values:{integrationName:o}},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:140,columnNumber:37},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:139,columnNumber:13},void 0),onOk:u,primaryButtonText:n({id:"l75CjT",message:"Yes"}),secondaryButtonText:n({id:"1UzENP",message:"No"}),primaryButtonProps:{colorScheme:"red"},isOpen:w,onClose:P},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:136,columnNumber:25},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:107,columnNumber:9},void 0):e.jsxDEV($e,{colorScheme:"brand",fontSize:"sm",fontWeight:"medium",borderRadius:"6px",isDisabled:!!s,onClick:v,children:e.jsxDEV(d,{id:"iAL9tI",message:"Configure"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:160,columnNumber:25},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:152,columnNumber:9},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:65,columnNumber:13},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/components/EmbeddedPanelConnectStrip.tsx",lineNumber:64,columnNumber:5},void 0)},j=await x("react"),{useEffect:Xe,useMemo:Ke}=j,{Box:en,HStack:V,Text:nn,useToast:an}=await x("@chakra-ui/react"),R={labelProps:{fontSize:"sm",fontWeight:"normal",margin:0,color:"inherit",width:"fit-content"},fieldContainerProps:{marginLeft:0,width:"100%"}},on={channelIds:[]},sn=l=>{const{_:n}=y(),{appData:a,isCustomSchemaAllowed:s}=l,o=an(),m=se(),[f,b]=j.useState(null),v=j.useCallback(r=>{b(r)},[]),{mutate:p,isLoading:u}=Pe({appId:a?.appId,appVersionId:a?.appVersionId,appInstallId:a?.id,onSuccess:()=>{o({status:"success",title:n({id:"uMBwVz",message:"Updated App Configuration"})})}}),h=Ke(()=>{if(a){const r=we(m??[]);return{channelIds:(a.channelIds??[]).map(i=>r.find(E=>E.value===i)).filter(i=>i!==void 0),schema:a.schema?JSON.parse(a.schema):JSON.parse("{}"),config:a.config}}return on},[a,m]),P=q(),{handleSubmit:w,errors:g,control:c,formState:{isDirty:C},reset:H}=$({defaultValues:h,resolver:_(P)}),A=j.useCallback(()=>{b(null)},[]),S=r=>{if(u)return;const t=JSON.stringify(r.schema,null,4),i={channelIds:r.channelIds.map(E=>E.value)};s&&(i.schema=t),p(i)},Z=()=>{H(h)};return Xe(()=>{Z()},[a]),e.jsxDEV(je,{handleSubmit:w(S),isLoading:u,handleReset:Z,configButtonProps:{isDisabled:!C},resetButtonProps:{isDisabled:!C},children:e.jsxDEV(ye,{groupName:n({id:"EOUool",message:"Basic Details"}),children:[e.jsxDEV(V,{flex:.5,children:e.jsxDEV(V,{flex:.5,children:e.jsxDEV(B,{label:n({id:"A9Rhec",message:"Channel Name"}),error:g?.channelIds?.message,formControlProps:{isRequired:!0,isInvalid:!!g?.channelIds?.message},labelFieldOrientation:"horizontal",labelContainerProps:{alignSelf:"start",mt:1},...R,children:e.jsxDEV(en,{width:"262px",children:e.jsxDEV(G,{name:"channelIds",control:c,defaultValue:h.channelIds,isError:!!g?.channelIds?.message},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:145,columnNumber:33},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:144,columnNumber:29},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:133,columnNumber:25},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:132,columnNumber:21},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:131,columnNumber:17},void 0),s?e.jsxDEV(V,{flex:.5,children:e.jsxDEV(V,{flex:.5,children:e.jsxDEV(B,{label:n({id:"OdjyY5",message:"Custom Schema"}),labelFieldOrientation:"horizontal",formControlProps:{width:"100%"},...R,infoLink:"https://docs.gallabox.com/integration/other-integrations/zoho-lead-panel#how-to-define-lead-fields-using-json-schema",infoLinkLabel:n({id:"zwWKhA",message:"Learn more"}),children:[e.jsxDEV(xe,{name:"schema",rules:{validate:r=>Be(r)},control:c,render:({onChange:r,value:t})=>e.jsxDEV(V,{w:"full",align:"flex-start",onClick:()=>{v("schema")},children:[e.jsxDEV(He,{name:n({id:"bGQplw",message:"Body"}),defaultValue:t,onSubmit:i=>{r(!i||Array.isArray(i)?void 0:i)},isOpen:f==="schema",onClose:A,enableAddVariable:!1},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:183,columnNumber:49},void 0),e.jsxDEV(Ae,{value:t??{},maxH:"120px",w:"262px"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:193,columnNumber:49},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:176,columnNumber:21},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:166,columnNumber:33},void 0),e.jsxDEV(nn,{color:"red.500",fontSize:"sm",children:e.jsxDEV(Oe,{errors:g,name:"schema"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:199,columnNumber:37},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:198,columnNumber:33},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:158,columnNumber:29},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:157,columnNumber:25},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:156,columnNumber:9},void 0):null]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:130,columnNumber:13},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelConfiguration.tsx",lineNumber:123,columnNumber:5},void 0)}

1,rn="/assets/screen1-DSJaP1VH.png",tn="/assets/screen2-Dni99V_T.png",{Box:k,Drawer:ln,DrawerBody:cn,DrawerContent:dn,DrawerHeader:mn,DrawerOverlay:pn,useDisclosure:un,Text:U,VStack:hn,DrawerFooter:fn,Button:M,HStack:F}=await x("@chakra-ui/react"),{useEffect:bn,useState:gn}=await x("react"),{useHistory:Nn,useParams:xn}=await x("react-router-dom"),vn={labelProps:{fontSize:"sm",fontWeight:"normal",margin:0,color:"inherit",width:"fit-content"},fieldContainerProps:{marginLeft:0,width:"100%"}},In="calc(100vh - 292px)",Pn="1px solid",wn="16px 8px",En=[{src:rn,caption:""},{src:tn,caption:""}],q=()=>re().shape({channelIds:te().min(1,T._({id:"KRIJUS",message:"At least one channel must be selected"})).required(T._({id:"mPYQSW",message:"Channel selection is required"}))}),Dn={id:"UlyYId",message:"This app embeds Zoho CRM lead information directly inside the Gallabox conversation screen. It automatically uses the contact's phone number from the ongoing chat to find the matching lead in Zoho CRM. The fetched details are displayed in an easy-to-read panel alongside your conversation.\\n\\nThis gives your team instant context about the lead, so they can reply smarter and faster without leaving Gallabox."},Vn=[{text:{id:"qQQ31d",message:"View Zoho CRM lead details next to your real-time WhatsApp conversations."}},{text:{id:"NBf/cY",message:"Eliminate the need to switch tabs or search Zoho manually."}},{text:{id:"Ku4iXk",message:"Match leads automatically using phone numbers from chats."}},{text:{id:"TqBXAz",message:"Choose which Gallabox channels show this panel during setup."}}],kn=l=>{const{_:n}=y(),{appId:a,appData:s,installId:o}=l,m=Ze(),{isOpen:f,onOpen:b,onClose:v}=un(),[p,u]=gn(o?1:0),h=m.get("tab")??p,P=Nn(),{data:w,isLoading:g}=De(a,s?.liveVersionId),{data:c,isLoading:C}=Ve(a,s.liveVersionId,o),{mutate:H}=ke({appId:a,appVersionId:s.liveVersionId,onSuccess:N=>{window.open(N.uri,"_self")}}),{mutate:A,isLoading:S}=Ce({appId:a,appVersionId:s.liveVersionId,onSuccess:N=>{H(N.id)}}),{mutateAsync:Z}=Se({appId:a,appVersionId:s.liveVersionId,onSuccess:()=>{P.push("/integration")}}),r=q(),{errors:t,control:i,handleSubmit:E}=$({defaultValues:{channelIds:[]},resolver:_(r)}),Q=N=>{if(S)return;const ne=N.channelIds.map(ae=>ae.value);A(ne)},Y={Overview:!1,Configuration:!o},X=async()=>{o&&await Z(o).catch(ie)};bn(()=>{!o&&p!==0&&u(0),o&&p!==1&&u(1),isNaN(Number(h))||u(Number(h))},[o,h,p]);const K=n(Dn),ee=Vn.map(N=>({text:n(N.text)}));return C||g?e.jsxDEV(J,{title:n({id:"Z3FXyt",message:"Loading..."}),spinnerSize:30},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:172,columnNumber:45},void 0):e.jsxDEV(le,{children:[e.jsxDEV(ue,{currentpath:s?.name??n({id:"7S25dj",message:"Zoho Lead Panel"})},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:176,columnNumber:13},void 0),e.jsxDEV(k,{w:"full",children:e.jsxDEV(Ye,{name:"zoho-panel",integrationName:s?.name??n({id:"7S25dj",message:"Zoho Lead Panel"}),integrationDescription:s?.description??n({id:"gn2yZv",message:"Stay connected with your customers in Zoho CRM through Zoho Signals. Get notified of important WhatsApp messages and engage seamlessly with leads right from Zoho CRM."}),integrationLogo:s?.icon??he,handleConfigure:b,installId:o,lastUpdatedDate:c?ve(c?.updatedAt):"",onAppDelete:X},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:178,columnNumber:17},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:177,columnNumber:13},void 0),e.jsxDEV(k,{background:"gray.50",children:e.jsxDEV(O,{integrationType:"zoho-panel",paddingBottom:!0,hiddenTabs:Y,activeIndex:p,children:[e.jsxDEV(O.Overview,{children:e.jsxDEV(F,{mt:1,alignItems:"start",spacing:10,children:[e.jsxDEV(k,{flex:"0.6",maxW:"55%",children:e.jsxDEV(We,{images:En},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:204,columnNumber:33},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:203,columnNumber:29},void 0),e.jsxDEV(k,{flex:"0.4",h:In,overflow:"auto",children:e.jsxDEV(Ie,{description:K,uiVersion:"v2",descriptionHeader:n({id:"ZCE0DU",message:"What this app does?"}

1),details:ee,detailsHeader:n({id:"9Fllgu",message:"Key Benefits"})},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:207,columnNumber:33},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:206,columnNumber:29},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:202,columnNumber:25},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:201,columnNumber:21},void 0),e.jsxDEV(O.Configuration,{children:e.jsxDEV(sn,{appData:c,isCustomSchemaAllowed:!!w?.isCustomSchemaAllowed},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:218,columnNumber:25},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:217,columnNumber:21},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:195,columnNumber:17},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:194,columnNumber:13},void 0),e.jsxDEV(ln,{isOpen:f,placement:"right",onClose:v,children:[e.jsxDEV(pn,{},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:226,columnNumber:17},void 0),e.jsxDEV("form",{onSubmit:E(Q),children:e.jsxDEV(dn,{maxW:"24.5rem",children:[e.jsxDEV(mn,{px:4,py:2,fontSize:"md",fontWeight:"medium",borderBottom:Pn,borderColor:"gray.200",children:e.jsxDEV(d,{id:"0Hta8D",message:"Integration App Details"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:237,columnNumber:29},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:229,columnNumber:25},void 0),e.jsxDEV(cn,{p:4,as:hn,spacing:4,children:[e.jsxDEV(U,{fontSize:"sm",color:"gray.600",children:e.jsxDEV(d,{id:"X4GiPU",message:"Provide the required information to embed the widget."},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:241,columnNumber:33},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:240,columnNumber:29},void 0),e.jsxDEV(B,{label:n({id:"A9Rhec",message:"Channel Name"}),error:t?.channelIds?.message??t?.channelIds?.[0]?.message,formControlProps:{isRequired:!0,isInvalid:!!(t?.channelIds?.message??t?.channelIds?.[0]?.message)},labelFieldOrientation:"vertical",...vn,children:e.jsxDEV(k,{width:"262px",children:e.jsxDEV(G,{name:"channelIds",control:i,defaultValue:[],isError:!!(t?.channelIds?.message??t?.channelIds?.[0]?.message)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:256,columnNumber:37},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:255,columnNumber:33},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:243,columnNumber:29},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:239,columnNumber:25},void 0),e.jsxDEV(fn,{p:4,as:F,alignSelf:"flex-end",spacing:2,children:[e.jsxDEV(M,{variant:"outline",size:"sm",borderEndRadius:"6px",backgroundColor:"white",fontWeight:"medium",px:5,onClick:v,children:e.jsxDEV(d,{id:"dEgA5A",message:"Cancel"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:277,columnNumber:33},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:268,columnNumber:29},void 0),e.jsxDEV(M,{type:"submit",colorScheme:"brand",size:"sm",borderEndRadius:"6px",isLoading:S,loadingText:n({id:"9zb2WA",message:"Connecting"}),fontWeight:"medium",children:e.jsxDEV(d,{id:"iSLIjg",message:"Connect"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:288,columnNumber:33},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:279,columnNumber:29},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:267,columnNumber:25},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:228,columnNumber:21},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:227,columnNumber:17},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:225,columnNumber:13},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:175,columnNumber:5},void 0)},Qn=()=>{const{_:l}=y(),{appId:n,installId:a}=xn(),{data:s,isLoading:o,isError:m,error:f}=Ee(n);if(o)return e.jsxDEV(J,{},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:303,columnNumber:25},void 0);if(m||!s){console.error(f);const b=m?f.message:l({id:"kf83Ld",message:"Something went wrong."});return e.jsxDEV(e.Fragment,{children:e.jsxDEV(U,{width:"256px",padding:wn,fontSize:"14px",children:b},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:309,columnNumber:17},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:308,columnNumber:7},void 0)}return e.jsxDEV(kn,{appData:s,appId:n,installId:a},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/ZohoPanel/ZohoPanelHome.tsx",lineNumber:315,columnNumber:10},void 0)};export{Qn as default,q as usePanelSchema};