https://app.gallabox.com/assets/index-BhAZ2UTa.js

1import{j as e}from"./iconBase-hw0CKlfC.js";import{A as W}from"./AccountsMenu-C7BmnDwO.js";import{importShared as i}from"./__federation_fn_import-wplON-6D.js";import{Y as P,bv as q,aT as A}from"./__federation_expose_ComponentsChannelMenuSelectV2-DrvW0c5d.js";import{I as T}from"./icon1-CD3ZscQo.js";import{I as F,a as Q,b as _}from"./icon4-C1WZoeP5.js";import{t as U}from"./yup.module-BamwMAe2.js";import{Q as G}from"./cloneDeep-CVeI5E8J.js";import{q as J,p as K,c as D,a as f,O as X,bb as Y,f as B}from"./__federation_expose_UtilsCommonUtils-B1mvlWkB.js";import{u as L,Input as w,a8 as Z,a9 as ee,k as ne}from"./__federation_expose_UtilsFormUtils-Dpn6j6GY.js";import{C as ae}from"./ControlledChannelStyleSelect-CDpOkIoZ.js";import{u as V,T as o}from"./index-C2xEgYuP.js";import{b as se}from"./utils-DCNKBFJo.js";import{I as re}from"./IntegrationConnectStrip-txhPl6J7.js";import{I as te}from"./IntegrationDetailBreadCrumbs-CeSqf5Iv.js";import{I as k,O as oe}from"./IntegrationTabWrapper-Cm1owf8d.js";import{u as ie,a as ge}from"./history-BBlzUKQG.js";const{useToast:O}=await i("@chakra-ui/react"),{useMutation:$,useQueryClient:ce}=await i("react-query"),le=a=>{const{accountId:n,onSuccess:s}=a,r=O();return $(t=>J(`/api/accounts/${n}/integrations/moengage`,t),{onError:t=>{r({title:"Error",status:"error",description:t.message})},onSuccess:s})},ue=a=>{const{accountId:n,integrationId:s}=a,r=O(),g=ce();return $(c=>K(`/api/accounts/${n}/integrations/${s}/moengage`,c),{onError:c=>{r({title:"Error",status:"error",description:c?.message})},onSuccess:()=>{g.invalidateQueries([G.Integration,{accountId:n,integrationId:s}]),r({title:"Configuration  Updated",status:"success",description:"Configuration Updated successfully!"})}})},{Box:me,Button:S,FormLabel:M,HStack:h,Text:y,VStack:I}=await i("@chakra-ui/react"),de=await i("react"),{useParams:pe}=await i("react-router-dom"),{useEffect:fe}=await i("react"),be=({data:a})=>{const{_:n}=V(),s=D().shape({brandName:f().trim().required(n({id:"krsWx1",message:"Name is Required"})),statusUrl:f().trim().required(n({id:"J48VA6",message:"Status URL is Required"})),channelSelect:D().shape({icon:X().optional(),label:f().optional(),value:f().required(n({id:"wQBH9E",message:"Value is Required"})),labelDescription:f().optional()})}),r=a?.moengage?.apiSecret,[g,l]=Y(r),t=B(),{integrationId:c}=pe(),x=!!a?.moengage?.apiSecret,u=a?.moengage?.channelId??"",{mutate:p,isLoading:b}=ue({accountId:t,integrationId:c}),m=de.useMemo(()=>({brandName:a?.moengage?.brandName??"",statusUrl:a?.moengage?.statusUrl??"",channelSelect:{label:a?.moengage?.channel?.whatsapp?.whatsappName??n({id:"vxMpIF",message:"Select Channel"}),value:a?.moengage?.channelId??"",icon:P}}),[a,n]),{register:E,control:C,errors:N,handleSubmit:d,reset:j}=L({defaultValues:m,resolver:U(s)});fe(()=>{j(m)},[m]);const z=v=>a?.moengage?.channelId?p({brandName:v?.brandName,statusUrl:v?.statusUrl}):p({...v,channelId:v.channelSelect?.value});return e.jsxDEV(I,{as:"form",width:"full",onSubmit:d(z),spacing:"5",children:[e.jsxDEV(h,{w:"full",children:[e.jsxDEV(M,{flex:"0.4",display:"flex",children:e.jsxDEV(o,{id:"OB1x2K",message:"Integration Name"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:93,columnNumber:21},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:92,columnNumber:17},void 0),e.jsxDEV(w,{borderRadius:"6px",size:"sm",name:"brandName",error:N?.brandName?.message,register:E,formControlProps:{flex:"0.5"}},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:95,columnNumber:17},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:91,columnNumber:13},void 0),x?e.jsxDEV(h,{w:"full",children:[e.jsxDEV(I,{flex:"0.4",align:"flex-start",spacing:"0",children:[e.jsxDEV(M,{w:"full",children:e.jsxDEV(o,{id:"lhRRy7",message:"API Secret (Authorization)"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:107,columnNumber:45},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:107,columnNumber:25},void 0),e.jsxDEV(y,{color:"gray.500",fontSize:"13px",fontWeight:"normal",children:e.jsxDEV(o,{id:"AUt9nI",message:"Copy and paste this in Moengage under Authorization"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:109,columnNumber:29},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:108,columnNumber:25},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:106,columnNumber:21},void 0),e.jsxDEV(h,{flex:"0.6",children:[e.jsxDEV(w,{borderRadius:"6px",type:"password",name:"apiSecret",register:E,showPassword:!0,isReadOnly:!0,defaultValue:r},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:113,columnNumber:25},void 0),e.jsxDEV(S,{onClick:l,size:"sm",leftIcon:g?e.jsxDEV(Z,{},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:125,columnNumber:43},void 0):e.jsxDEV(ee,{},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:125,columnNumber:73},void 0),variant:"outline",paddingX:6,children:g?e.jsxDEV(o,{id:"PiH3UR",message:"Copied!"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:129,columnNumber:50},void 0):e.jsxDEV(o,{id:"he3ygx",message:"Copy"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:129,columnNumber:96},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:122,columnNumber:25},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:112,columnNumber:21},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:105,columnNumber:7},void 0):null,e.jsxDEV(h,{w:"full",children:[e.jsxDEV(I,{alignItems:"flex-start",flex:"0.4",children:e.jsxDEV(M,{children:e.jsxDEV(o,{id:"A9Rhec",message:"Channel Name"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:136,columnNumber:32},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:136,columnNumber:21},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:135,columnNumber:17},void 0),e.jsxDEV(me,{flex:"0.2",children:e.jsxDEV(ae,{name:"channelSelect",control:C,defaultValue:u,error:N?.channelSelect?.value?.message},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:139,columnNumber:21},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:138,columnNumber:17},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:134,columnNumber:13},void 0),e.jsxDEV(h,{w:"full",children:[e.jsxDEV(I,{alignItems:"flex-start",flex:"0.4",children:[e.jsxDEV(M,{children:e.jsxDEV(o,{id:"5BNybj",message:"Status URL (Enable Delivery Tracking)"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:150,columnNumber:32},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:150,columnNumber:21},void 0),e.jsxDEV(y,{color:"gray.500",fontSize:"13px",fontWeight:"normal",children:e.jsxDEV(o,{id:"HzF1OH",message:"Copy and paste this in Moengage under Enable delivery tracking"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:152,columnNumber:25},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:151,columnNumber:21},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:149,columnNumber:17},void 0),e.jsxDEV(w,{borderRadius:"6px",name:"statusUrl",size:"sm",register:E,placeholder:n({id:"nE6ew+",message:"Enter Status URL"}),error:N?.statusUrl?.message,formControlProps:{flex:"0.5"}},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:155,columnNumber:17},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:148,columnNumber:13},void 0),e.jsxDEV(S,{size:"sm",type:"submit",isLoading:b,colorScheme:"brand",children:e.jsxDEV(o,{id:"Hw/5o0",message:"Update Configuration"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:166,columnNumber:17},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:165,columnNumber:13},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConfig.tsx",lineNumber:90,columnNumber:5},void 0)},{Box:Ee,Button:R,HStack:Ne,VStack:he}=await i("@chakra-ui/react"),{useHistory:xe,useParams:ve}=await i("react-router-dom"),Me=({accountId:a})=>{const{_:n}=V(),s=D().shape({brandName:f().trim().required(n({id:"jRkZPq",message:"Integration name is Required"}))}),{integrationId:r}=ve(),{mutate:g}=q({accountId:a,integrationId:r}

1),l=xe(),{data:t,isLoading:c}=A({accountId:a,integrationId:r}),x=t?.moengage?.brandName,{mutateAsync:u,isLoading:p}=le({accountId:a,onSuccess:d=>l.push(`/integration/moengage/edit/${d.id}`)}),b=async({brandName:d})=>{try{await u({brandName:d})}catch{}},m=async()=>{await g(),l.push("/integration")},{register:E,handleSubmit:C,errors:N}=L({resolver:U(s)});return e.jsxDEV(e.Fragment,{children:[e.jsxDEV(te,{currentpath:x??n({id:"8O00Wd",message:"Moengage Integration"})},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:61,columnNumber:9},void 0),e.jsxDEV(Ee,{pb:4,px:5,w:"full",children:e.jsxDEV(re,{name:"moengage",integrationName:n({id:"ffjd/E",message:"MoEngage"}),integrationDescription:n({id:"a0NcvW",message:"Integrate MoEngage with your WhatsApp Business and send customised template messages."}),integrationLogo:se,integrationId:r,onIntegrationDelete:m,lastUpdatedDate:t?ne(t?.updatedAt):"",children:({onPopoverClose:d})=>e.jsxDEV(he,{alignItems:"stretch",as:"form",onSubmit:C(b),children:[e.jsxDEV(w,{label:n({id:"i+Jp3o",message:"Enter Integration Name"}),name:"brandName",size:"sm",register:E,error:N?.brandName?.message,borderRadius:"6px",placeholder:n({id:"i+Jp3o",message:"Enter Integration Name"})},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:75,columnNumber:33},void 0),e.jsxDEV(Ne,{justify:"flex-end",py:3,children:[e.jsxDEV(R,{onClick:d,borderRadius:"6px",size:"sm",children:e.jsxDEV(o,{id:"dEgA5A",message:"Cancel"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:86,columnNumber:41},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:85,columnNumber:37},void 0),e.jsxDEV(R,{_hover:{backgroundColor:"blue.600",boxShadow:"md"},borderRadius:"6px",size:"sm",bg:"blue.500",color:"white",type:"submit",isLoading:p,children:e.jsxDEV(o,{id:"hQRttt",message:"Submit"},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:100,columnNumber:41},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:88,columnNumber:37},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:84,columnNumber:33},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:74,columnNumber:15},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:63,columnNumber:17},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:62,columnNumber:13},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageHeader.tsx",lineNumber:60,columnNumber:5},void 0)},{Box:Ie,Grid:we,VStack:Ce}=await i("@chakra-ui/react"),H=await i("react"),{useParams:ke}=await i("react-router-dom"),De=({accountId:a})=>{const{_:n}=V(),{integrationId:s}=ke(),{data:r,isLoading:g,isError:l}=A({accountId:a,integrationId:s}),[t,c]=H.useState(),u=ie().get("tab")??void 0,p=n({id:"mJmB4g",message:"Integrate MoEngage with your official WhatsApp Business Number and initiate automated WhatsApp Notifications. Send customised WhatsApp Messages to the identified customer segment. Connect with you customers on their favourite message platform."}),b=[{icon:T,text:n({id:"3uYEcv",message:"Send customised WhatsApp notification based on triggers"})},{icon:F,text:n({id:"M6HH2x",message:"WhatsApp Broadcast to targeted customer segments"})},{icon:Q,text:n({id:"irH254",message:"Configure custom fields and trigger customised messages"})},{icon:_,text:n({id:"ASaLHR",message:"Handle responses through WhatsApp Chatbot"})}];H.useEffect(()=>{s&&c(1),isNaN(Number(u))||c(Number(u))},[s,u]);const m={Overview:!1,Configuration:!s};return g?e.jsxDEV(Ce,{w:"full",height:"full",alignItems:"center",justifyContent:"center",children:e.jsxDEV(ge,{title:n({id:"Z3FXyt",message:"Loading..."}),spinnerSize:30},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:61,columnNumber:17},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:60,columnNumber:5},void 0):l?e.jsxDEV(we,{placeItems:"center",color:"red.500",children:e.jsxDEV(o,{id:"zHGgrd",message:"Something went wrong! Please reload the page or try again after sometime."},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:68,columnNumber:17},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:67,columnNumber:5},void 0):e.jsxDEV(e.Fragment,{children:[e.jsxDEV(Me,{accountId:a},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:74,columnNumber:13},void 0),e.jsxDEV(Ie,{px:6,children:e.jsxDEV(k,{hiddenTabs:m,activeIndex:t,integrationType:"moengage",children:[e.jsxDEV(k.Overview,{children:e.jsxDEV(oe,{description:p,details:b},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:78,columnNumber:25},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:77,columnNumber:21},void 0),e.jsxDEV(k.Configuration,{children:e.jsxDEV(be,{data:r,isLoading:g},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:81,columnNumber:25},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:80,columnNumber:21},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:76,columnNumber:17},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:75,columnNumber:13},void 0)]},void 0,!0,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/MoEngageConnect.tsx",lineNumber:73,columnNumber:5},void 0)},Fe="https://docs.gallabox.com/integrations/moengage/how-to-connect-your-moengage-account-with-whatsapp-api",Qe=()=>{const a=B();return e.jsxDEV(W,{children:e.jsxDEV(De,{accountId:a},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/index.tsx",lineNumber:14,columnNumber:13},void 0)},void 0,!1,{fileName:"/vercel/path0/packages/web/src/app/screens/Integration/MoEngage/index.tsx",lineNumber:13,columnNumber:5},void 0)};export{Fe as MOENGAGE_LEARN_MORE_URL,Qe as default};