https://app.labra.io/assets/AppSettings-ejTDQ0Ko.js

1import{b1 as P,eV as p,eS as t,T as r,H as E,r as j,aJ as s,bj as n,b3 as d,aN as H,f1 as V}from"./vendor-N5Qncfdp.js";import{p as v,h3 as U,P as A}from"./index-DQMOrwB1.js";import{L as o}from"./LandingPageRouting-9ZFX3lTq.js";import{a_ as K,dj as q,bw as G}from"./vendor-labrav-BMMHJdGM.js";import"./vendor-redux-Ce0PNds4.js";import"./vendor-fontawesome-Dc2H7Qhh.js";import"./vendor-charts-BPVdRQ4T.js";import"./PageNotFound-CT_H47Bi.js";import"./useCosellMappingManagerMultiCloudMode-DXPZUnDG.js";import"./action-3SREEa_E.js";import"./react-D3i4quGe.js";import"./dateAndTimeConversion-B05Xlony.js";import"./HeaderWrapper-7LzkEMvJ.js";import"./SidePanelWrapperV3-DNYX1-aG.js";import"./useAccountId-DY_Z8d8u.js";import"./useCrmAuthInfo-BE_FJSMv.js";import"./CollabRoom.styles-4KY1PV1y.js";import"./common.styles-DIiXRJmr.js";import"./RouteApp-Bioc-9Cn.js";import"./useScreenSize-A8-hIn6f.js";import"./omniData-BkxIEVzL.js";const J=P()(e=>({root:{margin:e.spacing(4),borderRadius:e.spacing(1),textAlign:"left",paddingLeft:"1rem",backgroundColor:"white",paddingBlock:"1.5rem"},title:{fontSize:e.typography.pxToRem(16),lineHeight:"30px",fontWeight:600,color:e.palette.text.secondary},steps:{marginTop:"1rem",marginBottom:"1rem"},text:{color:e.palette.detailedRecipientText.main,fontSize:e.typography.pxToRem(14)},stepBubble:{backgroundColor:e.palette.opaque.light,fontSize:e.typography.pxToRem(14),fontWeight:600,color:e.palette.primary.light,marginInlineEnd:"10px"},linkText:{color:e.palette.select.light,fontWeight:500,textDecoration:"none"}})),O=({appLink:e})=>{const{classes:a}=J();return p("div",{className:a.root,"data-testid":"steps_to_install",children:[t(r,{className:a.title,children:"How to install and integrate Labra app"}),p("div",{className:`${a.steps} ${a.text}`,children:[t(E,{label:"Step 1",className:a.stepBubble}),"Install our app from"," ",t("a",{href:e,target:"_blank",className:a.linkText,children:"here"})]}),p("div",{className:a.text,children:[t(E,{label:"Step 2",className:a.stepBubble}),"Copy API details (CRM ID, Secret key and Client ID) from API details section here to the app settings once installed."]})]})},Y=P()(e=>({root:{textAlign:"left",margin:e.spacing(0,0,0,4),marginRight:"2rem",borderRadius:e.spacing(1,1,1,1),width:"unset",padding:"1rem",paddingLeft:"0.5rem",backgroundColor:"white"},tableCell:{paddingInlineEnd:"3rem"},hide:{display:"none"},inputField:{border:"none",outlineColor:"transparent",width:"100%"},responsive:{"@media(max-width:2560px)":{maxWidth:"16%"},"@media(max-width:1920px)":{maxWidth:"22%"},"@media(max-width:1440px)":{maxWidth:"30%"},"@media(max-width:1024px)":{maxWidth:"45%"}},mousePointer:{cursor:"pointer",color:e.palette.select.light},dataColor:{color:e.palette.primary.light},title:{color:e.palette.black.dark,fontWeight:400},copyBtn:{width:"3rem",color:e.palette.select.light},dateTypo:{fontSize:"12px",color:e.palette.text.secondary,marginRight:"4px"},lastUpdatedContainer:{display:"flex",alignItems:"center",padding:"1rem",marginLeft:"1rem",backgroundColor:e.palette.bg.dark,width:"fit-content"},dateColor:{color:e.palette.text.primary,fontSize:e.typography.pxToRem(12)},infoIcon:{color:e.palette.text.secondary,marginRight:"8px",width:"16px !important"},gridTitleSpacing:{flexBasis:"12.6% !important",color:e.palette.detailedRecipientText.main},gridButtonSpacing:{flexBasis:"5.3% !important","@media(max-width:1440px)":{flexBasis:"10.3%  !important"},"@media(max-width:1240px)":{flexBasis:"12.3%  !important"}},inputMargin:{marginRight:e.spacing(6.85)},container:{display:"flex",flexDirection:"column",gap:e.spacing(4),margin:e.spacing(1)},NoteV2:{margin:e.spacing(4,4,0,4)},gridItem:{padding:`${e.spacing(2)} !important`}})),ye=()=>{var c,g,m,h,_,y,u,x,f,N,b,C,k,S,T,w,I;const{classes:e}=Y(),[a,W]=j.useState(!1),$=v(l=>{var z,B,R;const L=l.userProfile.userProfile,M=U(L)?A.Admin:A.User;return((R=(B=(z=l.AccountData)==null?void 0:z[M])==null?void 0:B.partnerData)==null?void 0:R.crmId)||""}),i=v(l=>l.CRMAuth.crmFormData?l.CRMAuth.crmFormData:void 0);return p("div",{className:e.container,children:[t("div",{className:e.NoteV2,children:t(K,{description:"You will need following information while onboarding in Salesforce app"})}),$!==null?p(s,{container:!0,className:e.root,children:[p(s,{container:!0,className:e.gridItem,size:12,children:[t(s,{className:e.gridTitleSpacing,size:{sm:4},children:t("span",{children:"App name:"})}),t(s,{size:{sm:4},children:t("span",{className:e.dataColor,children:n.isEmpty((c=i==null?void 0:i.crm_app_creds)==null?void 0:c.app_name)?"-":(g=i==null?void 0:i.crm_app_creds)==null?void 0:g.app_name})})]}),p(s,{container:!0,spacing:0,className:e.gridItem,size:12,children:[" ",t(s,{className:e.gridTitleSpacing,size:{sm:4},children:t("span",{children:"Client ID:"})}),t(s,{className:e.responsive,size:{sm:6},children:t("span",{className:e.dataColor,"data-testid":"client_id",children:n.isEmpty((m=i==null?void 0:i.crm_app_creds)==null?void 0:m.client_id)?"-":(h=i==null?void 0:i.crm_app_creds)==null?void 0:h.client_id})}),t(s,{className:d(e.gridButtonSpacing),size:1,children:t(r,{className:n.isEmpty((_=i==null?void 0:i.crm_app_creds)==null?void 0:_.client_id)?e.hide:e.copyBtn,children:t("span",{className:`ref-link ${e.mousePointer}`,children:t(o,{isCopyable:!0,textToCopy:n.isEmpty((y=i==null?void 0:i.crm_app_creds)==null?void 0:y.client_id)?"-":(u=i==null?void 0:i.crm_app_creds)==null?void 0:u.client_id,label:"Copy to clipboard",fontWeight:400,children:"Copy"})})})})]}),p(s,{container:!0,spacing:0,className:e.gridItem,size:12,children:[" ",t(s,{className:e.gridTitleSpacing,size:{sm:2},children:t("span",{children:"CRM ID:"})}),t(s,{className:e.responsive,size:{sm:6},children:t("span",{className:e.dataColor,"data-testid":"app_settings_crm_id",children:n.isEmpty(i==null?void 0:i.crm_id)?"-":i==null?void 0:i.crm_id})}),t(s,{className:d(e.gridButtonSpacing),size:1,children:t(r,{className:(i==null?void 0:i.crm_id)===void 0?e.hide:e.copyBtn,children:t("span",{className:`ref-link ${e.mousePointer}`,"data-testid":"copy_btn_crm_id",children:t(o,{isCopyable:!0,textToCopy:n.isEmpty(i==null?void 0:i.crm_id)?"-":i==null?void 0:i.crm_id,label:"Copy to clipboard",fontWeight:400,children:"Copy"})})})})]}),p(s,{container:!0,className:e.gridItem,size:12,children:[" ",t(s,{className:e.gridTitleSpacing,size:{sm:2},children:t("span",{"aria-label":"secret_key",children:"Secret API key:"})}),t(s,{className:e.responsive,size:{sm:6},children:t(H,{inputProps:{"data-testid":"secret_key",readOnly:!0,className:e.inputMargin},multiline:!!a,disableUnderline:!0,type:n.isEmpty((x=i==null?void 0:i.crm_app_creds)==null?void 0:x.secret_key)||a?"text":"password",value:n.isEmpty((f=i==null?void 0:i.crm_app_creds)==null?void 0:f.secret_key)?"-":(N=i==null?void 0:i.crm_app_creds)==null?void 0:N.secret_key,className:`${e.inputField} ${e.dataColor}`,name:"secret_key"})}),t(s,{className:d(e.gridButtonSpacing),size:{sm:2,md:2,lg:2},children:t("span",{"data-testid":"show_hide_btn",className:n.isEmpty((b=i==null?void 0:i.crm_app_creds)==null?void 0:b.secret_key)?e.hide:`ref-link ${e.mousePointer}`,onClick:()=>W(!a),children:a?"Hide":"Show"})}),t(s,{className:d(e.gridButtonSpacing),size:{sm:2},children:t(r,{className:n.isEmpty((C=i==null?void 0:i.crm_app_creds)==null?void 0:C.secret_key)?e.hide:e.copyBtn,children:p("span",{className:`ref-link ${e.mousePointer}`,children:[t(o,{isCopyable:!0,textToCopy:n.isEmpty((k=i==null?void 0:i.crm_app_creds)==null?void 0:k.secret_key)?"-":(S=i==null?void 0:i.crm_app_creds)==null?void 0:S.secret_key,label:"Copy to clipboard",fontWeight:400,children:"Copy"})," "]})})})]}),n.isEmpty((T=i==null?void 0:i.crm_app_creds)==null?void 0:T.secret_key_updated_at)?"":t(G,{children:p(V,{children:[p(r,{component:"div",className:e.dateTypo,children:["Last secret API key updated on: "," "]}),t(q,{date:((w=i==null?void 0:i.crm_app_creds)==null?void 0:w.secret_key_updated_at)??"",className:e.dateColor})]}),size:"lg"})]}):null,i&&i.crm_type==="salesforce"&&t("div",{children:t(O,{appLink:((I=i.crm_app_creds)==null?void 0:I.app_link)||"","data-testid":"steps_component"})})]})};export{ye as default};
2//# sourceMappingURL=AppSettings-ejTDQ0Ko.js.map