https://portal.daftareshoma.com/static/js/2830.1133a322.chunk.js

1"use strict";(self.webpackChunkdaftareshoma_portal=self.webpackChunkdaftareshoma_portal||[]).push([[2830],{39938:(e,s,l)=>{l.d(s,{A:()=>x});var t=l(89379),n=l(55678),i=l(69859),a=l(6990),o=l(23217),c=l(48734),r=l(33217);const d="style_multi-selector-context__eSPwe",u="style_mui-number-item-context__nGpLD";var m=l(70579);const p={PaperProps:{style:{maxHeight:216,width:250}}},x=e=>{var s;let{selectedIds:l,setSelectedList:x,list:h,displayProperty:y,valueProperty:_,disabled:j=!1,displayFunction:v,styleFunction:k,style:N={},allItemsText:b="\u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f",allItem:C={roleId:"all",title:b,number:"...",color:"",desc:""}}=e;const[g,f]=(0,r.A)({});return(0,m.jsx)("div",{className:d,children:(0,m.jsx)(n.A,{sx:(0,t.A)({},N),multiple:!0,variant:"outlined",value:l,disabled:j,onChange:e=>(e=>{let{target:{value:s}}=e;0===s.length&&(s=["all"]);const t=s.findIndex((e=>"all"==e));s.length>1&&t>-1&&l.findIndex((e=>"all"==e))>-1&&(s=s.filter((e=>"all"!==e))),s.length>1&&t>-1&&-1==l.findIndex((e=>"all"==e))&&(s=["all"]),x([...s])})(e),input:(0,m.jsx)(i.A,{label:"Tag",sx:{padding:"3px",p:"3px"}}),renderValue:e=>{if(e.findIndex((e=>"all"==e))>-1)return b;{const s=e.map((e=>null===h||void 0===h?void 0:h.find((s=>s[_]===e))));if(s&&s.length>0&&s[0])return s.map((e=>"".concat(v?v(e):e[y]))).join(", ")}return[]},MenuProps:p,children:h&&(null===(s=[(0,t.A)({},C),...h])||void 0===s?void 0:s.map((e=>(0,m.jsx)(a.A,{value:e[_],children:(0,m.jsxs)("div",{className:u,style:k?k(e):{},children:[(0,m.jsx)(o.A,{checked:l.includes(e[_])}),(0,m.jsx)(c.A,{primary:v?v(e):e[y]})]})},e[_]))))})})}},87069:(e,s,l)=>{l.d(s,{A:()=>i});var t=l(51780),n=l(70579);const i=e=>{let{status:s,handleChange:l,fill:i="#00A1F9"}=e;return(0,n.jsx)("span",{onClick:()=>l(),children:s?(0,n.jsx)(t.CheckBoxSharp,{fill:i}):(0,n.jsx)(t.CheckBoxOutlineBlank,{fill:"#dddddd"})})}},52830:(e,s,l)=>{l.r(s),l.d(s,{default:()=>B});var t=l(89379),n=l(65043),i=l(13892),a=l(80899),o=l(82907),c=l(91036),r=l(81917),d=l(44101),u=l(44227),m=l(65823),p=l(10825),x=l(97397),h=l(35475),y=l(36822),_=l(50592),j=l(51780),v=l(97885),k=l(33217);const N={servicesContainer:"style_servicesContainer__Bem3n","label-danger":"style_label-danger__4X+cQ",integrationContext:"style_integrationContext__KutUv",integrationPageContainer:"style_integrationPageContainer__mktnb",serviceProfile:"style_serviceProfile__qJW9m",serviceName:"style_serviceName__PXxK-",pending:"style_pending__OUkQn",success:"style_success__UzDPY",serviceImage:"style_serviceImage__a8Fge",didarPage:"style_didarPage__KkEjI",description:"style_description__77P5q",form:"style_form__sFB67",section:"style_section__6gRGA",sectionTitle:"style_sectionTitle__QT5u0",sectionHelper:"style_sectionHelper__mOhHu",rowGap:"style_rowGap__wb2-8",label:"style_label__cbNaU",required:"style_required__J7cS8",inputActionRow:"style_inputActionRow__qR6U4",outlineButton:"style_outlineButton__tG4Ay",primaryButton:"style_primaryButton__+Nium",successButton:"style_successButton__ouMv9",input:"style_input__LD5kK",errorText:"style_errorText__NK2jX",inlineChoices:"style_inlineChoices__DOSOW",checkList:"style_checkList__3OUxV",tokenRow:"style_tokenRow__l0VXT",statusRow:"style_statusRow__XGVen",statusDot:"style_statusDot__Eewwu",danger:"style_danger__cjc2J",neutral:"style_neutral__uHQp-",linkLike:"style_linkLike__gPANI",actions:"style_actions__L2eW5",tokenDisplayRowInput:"style_tokenDisplayRowInput__M9RJS",displayTokenInputContainer:"style_displayTokenInputContainer__NuClT",copyIconContainer:"style_copyIconContainer__QL1kp",tokenModal:"style_tokenModal__x57tb",apiLink:"style_apiLink__59fAw"};var b=l(87069),C=l(39938),g=l(41898),f=l(22166),I=l(4068),L=l(24409),A=l(5209),w=l(61476),T=l.n(w),S=l(56680),R=l(70579);const M=e=>{let{displayModal:s,hideModal:l,token:t}=e;return(0,R.jsx)(S.A,{setShow:()=>l(),component:()=>(0,R.jsxs)("div",{className:N.tokenModal,children:[(0,R.jsx)("div",{children:(0,R.jsx)("b",{children:"\u062a\u0648\u06a9\u0646 \u062f\u0641\u062a\u0631\u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u06cc\u062c\u0627\u062f \u0634\u062f!"})}),(0,R.jsxs)("div",{className:"mt-2",children:[(0,R.jsx)("p",{children:"\u062a\u0648\u06a9\u0646 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u06cc\u062c\u0627\u062f \u0634\u062f. \u0647\u0645\u200c\u0627\u06a9\u0646\u0648\u0646 \u0622\u0646 \u0631\u0627 \u06a9\u067e\u06cc \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u06a9\u0644\u06cc\u062f \u0641\u0642\u0637 \u06cc\u06a9\u200c\u0628\u0627\u0631 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f!"}),(0,R.jsx)("div",{className:"mt-2",children:(0,R.jsxs)(A.O,{children:[(0,R.jsx)(m.A,{children:"\u062a\u0648\u06a9\u0646"}),(0,R.jsxs)("div",{className:N.displayTokenInputContainer,children:[(0,R.jsx)(p.O,{className:N.displayTokenInput,disabled:!0,type:"text",value:t}),(0,R.jsx)(w.CopyToClipboard,{text:"".concat(t),onCopy:()=>c.oR.success("\u062a\u0648\u06a9\u0646 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u06a9\u067e\u06cc \u0634\u062f"),children:(0,R.jsx)("span",{className:N.copyIconContainer,children:(0,R.jsx)(j.CopySvg,{})})})]})]})}),(0,R.jsx)("div",{className:"d-flex justify-content-end mt-5",children:(0,R.jsx)("button",{className:"btn btn-primary",onClick:()=>l(),children:"\u0628\u0633\u062a\u0646"})})]})]}),show:s,size:"lg",backdrop:!0,isDisplayHeader:!1,isHideFooter:!0,title:void 0,footerComponent:void 0})},P={apiKey:"",token:"",selectedLineId:["all"],showCustomerOnLines:!0,showContactOnlyOnOwnLine:!1,accessName:"None",selectedLineId2:""},B=()=>{const[e,s]=(0,k.A)({lines:[],connectionStatus:"idle",savedSuccessfully:!1,didarConfig:null,displayTokenModal:!1,token:"",hasToken:!1,accessNameList:[{text:"\u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u0634\u0645\u0627\u0631\u0647 \u0648 \u0628\u0631\u0642\u0631\u0627\u0631\u06cc \u062a\u0645\u0627\u0633 (Click to Call)",property:"ClickToCall",isSelect:!0,num:1},{text:"\u0646\u0645\u0627\u06cc\u0634 \u0633\u0648\u0627\u0628\u0642 \u062a\u0645\u0627\u0633",property:"CallReport",isSelect:!0,num:2},{text:"\u0627\u0644\u0635\u0627\u0642 \u0641\u0627\u06cc\u0644 \u0645\u06a9\u0627\u0644\u0645\u0647 \u0632\u0646\u062f\u0647 \u0628\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a",property:"CallToAction",isSelect:!0,num:3}]}),{mutateAsync:l,isLoading:A,data:w}=(0,o.useMutation)("didarGenerateToken",L.ep),{mutateAsync:S,isLoading:B}=(0,o.useMutation)("CreateWebhook",L.xu),{mutateAsync:D,isLoading:K}=(0,o.useMutation)("GetWebhookByType",L.Cy),O=(0,f.d4)((e=>e.secreteryReducer.Customer)),F=(0,f.d4)((e=>e.secreteryReducer.SuccessCustomerNumber2)),G=(0,f.wA)(),U=(0,n.useMemo)((()=>a.Ik({})),[]);(0,n.useEffect)((()=>{F&&q()}),[F]);const V=(0,i.Wx)({initialValues:P,validationSchema:U,onSubmit:async l=>{let t=V.values.selectedLineId;"all"===V.values.selectedLineId[0]&&(t=(0,g.x0)(O).list.map((e=>e.number)));let n={apiKey:l.apiKey,customerNumbers:t,allCustomerMembers:!0,linesInfo:[]},i={customerLineId:l.selectedLineId2,number:"",isVisible:!0,accessNames:H()};if(l.selectedLineId2){const e=(0,g.x0)(O).list.find((e=>e.id===l.selectedLineId2));e&&(i.number=e.number),n.linesInfo.push(i)}

1else if(e.hasToken)return c.oR.warning("\u0634\u0645\u0627 \u062a\u0648\u06a9\u0646 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0627\u06cc\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u062e\u0637 \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f"),void s({showLineError:!0});try{await S(n),s({savedSuccessfully:!0})}catch(a){c.oR.error("string"===typeof a?a:"\u0628\u0631\u0648\u0632 \u062e\u0637\u0627 \u062f\u0631 \u0630\u062e\u06cc\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a")}}}),H=()=>e.accessNameList.filter((e=>e.isSelect)).map((e=>e.property)),q=async()=>{try{const n=await D("Didar");let i="";n.isToken&&(i="A".repeat(350)),s({didarConfig:n,hasToken:n.isToken,token:i});let a=JSON.parse(n.jsonConfig);if(a){var l;const n=(0,g.fo)(a.CustomerNumbers,(0,g.x0)(O).list.map((e=>e.number)));V.setFieldValue("selectedLineId",n?["all"]:a.CustomerNumbers),V.setFieldValue("apiKey",a.ApiKey),V.setFieldValue("showCustomerOnLines",a.AllCustomerMembers),(null===(l=a.LinesInfo)||void 0===l?void 0:l.length)>0&&(V.setFieldValue("selectedLineId2",a.LinesInfo[0].CustomerLineId),(l=>{const n=e.accessNameList.map((e=>(0,t.A)((0,t.A)({},e),{},{isSelect:l.includes(e.num)})));s({accessNameList:[...n]})})(a.LinesInfo[0].AccessNames))}}catch(n){}};(0,n.useEffect)((()=>{G((0,I.c1)())}),[]);const E=async()=>{try{const e=await l();s({displayTokenModal:!0,token:e,hasToken:!0}),c.oR.success("\u062a\u0648\u06a9\u0646 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u06cc\u062c\u0627\u062f \u0634\u062f.")}catch(e){c.oR.error("string"===typeof e?e:"\u0628\u0631\u0648\u0632 \u062e\u0637\u0627 \u062f\u0631 \u0627\u06cc\u062c\u0627\u062f \u062a\u0648\u06a9\u0646")}};return(0,R.jsxs)(y.H,{children:[(0,R.jsx)(_.A,{title:"\u062f\u06cc\u062f\u0627\u0631 CRM",extraTools:()=>(0,R.jsxs)(h.N_,{className:"btn",to:"/integration",children:["\u0628\u0627\u0632\u06af\u0634\u062a",(0,R.jsx)(j.ArrowLeft,{fill:"#1E72C9"})]})}),(0,R.jsxs)("div",{className:N.didarPage,children:[(0,R.jsx)("p",{className:N.description,children:"\u0628\u0627 \u0627\u062a\u0635\u0627\u0644 \u062f\u0641\u062a\u0631\u0634\u0645\u0627 \u0628\u0647 CRM \u062f\u06cc\u062f\u0627\u0631\u060c \u062a\u0645\u0627\u0633\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0648 \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0647\u0631 \u0645\u0634\u062a\u0631\u06cc \u0631\u0627 \u0628\u0647\u062a\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f."}),(0,R.jsxs)(r.q,{onSubmit:V.handleSubmit,className:N.form,children:[(0,R.jsxs)("section",{className:N.section,children:[(0,R.jsx)("h3",{className:N.sectionTitle,children:"\u0646\u0645\u0627\u06cc\u0634 \u067e\u0646\u062c\u0631\u0647 Caller ID \u062f\u0631 \u062f\u06cc\u062f\u0627\u0631"}),(0,R.jsx)("p",{className:N.sectionHelper,children:"API Key \u062f\u06cc\u062f\u0627\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0634\u062a\u0631\u06cc \u0647\u0646\u06af\u0627\u0645 \u062a\u0645\u0627\u0633 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f."}),(0,R.jsx)(d.s,{className:N.rowGap,children:(0,R.jsxs)(u.U,{lg:8,xs:12,children:[(0,R.jsxs)(m.A,{className:N.label,children:["API Key ",(0,R.jsx)("span",{className:N.required,children:"*"})]}),(0,R.jsx)("div",{className:N.inputActionRow,children:(0,R.jsx)(p.O,{name:"apiKey",value:V.values.apiKey,onChange:V.handleChange,onBlur:V.handleBlur,placeholder:"API Key \u062f\u06cc\u062f\u0627\u0631 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u0648 \u062a\u0633\u062a \u0627\u062a\u0635\u0627\u0644 \u0628\u0632\u0646\u06cc\u062f.",className:N.input})})]})}),(0,R.jsx)(d.s,{className:N.rowGap,children:(0,R.jsxs)(u.U,{lg:8,xs:12,children:[(0,R.jsxs)(m.A,{className:N.label,children:["\u0627\u0646\u062a\u062e\u0627\u0628 \u062e\u0637 ",(0,R.jsx)("span",{className:N.required,

1children:"*"})]}),(0,R.jsx)(C.A,{disabled:!1,selectedIds:V.values.selectedLineId?[...V.values.selectedLineId]:[],allItem:{id:"all",title:"\u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f",number:"all",color:"",desc:""},setSelectedList:e=>{V.setFieldValue("selectedLineId",e)},list:(0,g.x0)(O).list?[...(0,g.x0)(O).list]:[],displayFunction:e=>"".concat(null!==e&&void 0!==e&&e.title?(0,g.rD)(null===e||void 0===e?void 0:e.title):"\u0628\u062f\u0648\u0646 \u0639\u0646\u0648\u0627\u0646"," ").concat((0,g.rD)(null===e||void 0===e?void 0:e.number)),displayProperty:"number",valueProperty:"number",allItemsText:"\u0647\u0645\u0647 \u0634\u0645\u0627\u0631\u0647\u200c\u0647\u0627",styleFunction:e=>({borderRight:"5px solid ".concat(e.color),display:"flex",alignItems:"center"})})]})})]}),(0,R.jsxs)("section",{className:N.section,children:[(0,R.jsx)("h3",{className:N.sectionTitle,children:"\u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0633\u0627\u0632\u06cc"}),(0,R.jsx)("p",{className:N.sectionHelper,children:"Token \u062f\u0641\u062a\u0631 \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u062f\u06cc\u062f\u0627\u0631 \u062b\u0628\u062a \u06a9\u0631\u062f\u0647 \u0648 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0633\u0627\u0632\u06cc \u062a\u0645\u0627\u0633 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f."}),(0,R.jsx)(d.s,{className:N.rowGap,children:(0,R.jsxs)(u.U,{lg:8,sm:12,xs:12,className:N.tokenDisplayRowInput,children:[e.token?(0,R.jsx)("div",{className:N.tokenDisplayRow,children:(0,R.jsxs)(d.s,{className:N.rowGap,children:[(0,R.jsxs)(u.U,{lg:8,xs:12,children:[" ",(0,R.jsx)("input",{type:"password",className:"form-control",value:e.token})]}),(0,R.jsx)(u.U,{lg:4,xs:12,children:(0,R.jsx)("button",{className:N.outlineButton,type:"button",onClick:E,disabled:A,children:A?(0,R.jsx)(v.A,{size:"sm"}):"+ \u062a\u0648\u0644\u06cc\u062f \u0645\u062c\u062f\u062f \u062a\u0648\u06a9\u0646"})})]})}):(0,R.jsx)("div",{className:N.tokenRow,children:(0,R.jsx)("button",{className:N.outlineButton,style:{width:"100%"},type:"button",onClick:E,disabled:A,children:A?(0,R.jsx)(v.A,{size:"sm"}):"+ \u0627\u06cc\u062c\u0627\u062f \u062a\u0648\u06a9\u0646 \u062f\u0641\u062a\u0631\u0634\u0645\u0627"})}),(()=>{const e="https://coreapi.daftareshoma.com";return(0,R.jsxs)("div",{className:N.apiLink,children:[(0,R.jsx)("b",{children:"\u0622\u062f\u0631\u0633 \u067e\u0627\u06cc\u0647"}),(0,R.jsxs)("div",{children:[(0,R.jsx)(T(),{text:"".concat(e),onCopy:()=>c.oR.success("\u0622\u062f\u0631\u0633 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u06a9\u067e\u06cc \u0634\u062f"),children:(0,R.jsx)("span",{className:N.copyIconContainer,children:(0,R.jsx)(j.CopySvg,{fill:"#1e72c9"})})}),"        ",e]})]})})()]})}),(0,R.jsx)(d.s,{className:N.rowGap,children:(0,R.jsxs)(u.U,{lg:5,xs:12,children:[(0,R.jsxs)(m.A,{className:N.label,children:["\u0627\u0646\u062a\u062e\u0627\u0628 \u062e\u0637",(0,R.jsx)("span",{className:N.required,children:"*"})]}),(0,R.jsxs)(x.M,{name:"selectedLineId2",value:V.values.selectedLineId2,onChange:V.handleChange,disabled:!e.hasToken,onBlur:V.handleBlur,children:[(0,R.jsx)("option",{value:"",children:"\u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f..."}),(0,g.x0)(O).list&&(0,g.x0)(O).list.map(((e,s)=>(0,R.jsx)("option",{value:e.id,children:"".concat(null!==e&&void 0!==e&&e.title?(0,g.rD)(null===e||void 0===e?void 0:e.title):"\u0628\u062f\u0648\u0646 \u0639\u0646\u0648\u0627\u0646"," ").concat((0,g.rD)(null===e||void 0===e?void 0:e.number))},s)))]}),H().length>0&&!V.values.selectedLineId2&&e.showLineError&&(0,R.jsx)("div",{className:N.errorText,children:(0,R.jsx)("b",{children:"\u0627\u0646\u062a\u062e\u0627\u0628 \u062e\u0637 \u0627\u0644\u0632\u0627\u0645\u06cc \u0627\u0633\u062a"})})]})}),(0,R.jsx)("div",{className:N.checkList,children:e.accessNameList.map(((l,t)=>(0,R.jsxs)("label",{children:[(0,R.jsx)(b.A,{status:l.isSelect,handleChange:()=>{e.hasToken&&(l=>{let t=[...e.accessNameList];t[l].isSelect=!t[l].isSelect,s({accessNameList:t})})(t)},fill:e.hasToken?"#00A1F9":"#a7a6a6"}),l.text]},t)))}),(0,R.jsxs)("div",{className:N.statusRow,children:[(0,R.jsx)("span",{className:"".concat(N.statusDot," ").concat("connected"===e.connectionStatus?N.success:"failed"===e.connectionStatus?N.danger:N.neutral)}),(0,R.jsxs)("span",{children:["\u062f\u0627\u062e\u0644\u06cc \u0647\u0631 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 \u062f\u06cc\u062f\u0627\u0631 \u0628\u0627\u06cc\u062f \u0645\u0639\u0627\u062f\u0644 \u06cc\u06a9\u06cc \u0627\u0632 \u062f\u0627\u062e\u0644\u06cc\u200c\u0647\u0627\u06cc \u0647\u0645\u06a9\u0627\u0631 \u062f\u0631 \u062f\u0641\u062a\u0631\u0634\u0645\u0627 \u0628\u0627\u0634\u062f. ",(0,R.jsx)(h.N_,{to:"/customerMember/members",target:"_blank",className:N.linkLike,children:"\u062a\u0646\u0638\u06cc\u0645 \u062f\u0627\u062e\u0644\u06cc \u0647\u0645\u06a9\u0627\u0631"})]})]})]}),(0,R.jsx)("div",{className:N.actions,children:(0,R.jsx)("button",{className:N.primaryButton,type:"submit",disabled:!V.values.apiKey&&!e.hasToken,children:B?(0,R.jsx)(v.A,{size:"sm"}):"\u0630\u062e\u06cc\u0631\u0647"})})]})]}

1),(0,R.jsx)(M,{displayModal:e.displayTokenModal,hideModal:()=>s({displayTokenModal:!1}),token:w||""})]})}}}]);
2//# sourceMappingURL=2830.1133a322.chunk.js.map