https://dm.link/_next/static/chunks/pages/creator/my-contents/mass-messages/create-f1cc244d5e29e15c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3045],{23131:function(e,l,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/creator/my-contents/mass-messages/create",function(){return a(94908)}])},94908:function(e,l,a){"use strict";a.r(l);var t=a(85893),s=a(67294),n=a(2664),r=a(11163),i=a(69566),d=a(21751),c=a(15906),u=a(31038),o=a(89554),f=a(13204),m=a(55765),g=a(41664),b=a.n(g),x=a(14293),h=a.n(x),p=a(14176),v=a.n(p),j=a(78885),y=a(95534),S=a(98776),w=a(95546),k=a(51478),C=a(35484),M=a(33658),N=a(35278),I=a(242),_=a(94737);let E=[{label:"All followers",value:"followers"},{label:"Paying followers",value:"paying-follower"},{label:"Non-paying followers",value:"non-paying-follower"},{label:"All subscribers",value:"subscribers"},{label:"Lost subscribers",value:"lost-subscriber"},{label:"Other customers",value:"other"},{label:"$100+ spenders",value:"100-spender"},{label:"$1000+ spenders",value:"1000-spender"},{label:"Whales \uD83D\uDC33",value:"whale"},{label:"Rising stars \uD83D\uDCAB",value:"rising-star"},{label:"New subscribers ☀️",value:"new-subscriber"},{label:"Time wasters (Low spenders)",value:"low-spender"},{label:"Custom filter list",value:"custom-filter-list"}],D=[{label:"Never",value:null},{label:"In 24 hours",value:"24-hour"},{label:"In 7 days",value:"7-day"},{label:"In 30 days",value:"30-day"},{label:"In 90 days",value:"90-day"}],generateSelectLabel=e=>e.map(e=>({label:(0,t.jsxs)(t.Fragment,{children:[e.label||""," ",!h()(e?.number)&&(0,t.jsx)("span",{className:"opacity-50",children:`(${e?.number})`})]}),value:e.value}));function CreateMassMessage(){let e=(0,n.v9)(e=>e.user.current),l=(0,r.useRouter)(),{isCreatorLoginByManager:a,isCreatorSelfLogin:g}=(0,m.o)(e),x=!!(e?._id&&e?.roles&&e.roles?.includes("developer"));(0,s.useEffect)(()=>{let t=x||a||g;e?._id&&!t&&l.replace("/creator/settings")},[e?._id,x,a,g]),(0,o.H)(e);let[p,P]=(0,s.useState)([]),[Z,A]=(0,s.useState)([]),[L,F]=(0,s.use

1State)(E),[T,B]=(0,s.useState)([]),[$,R]=(0,s.useState)(null),[O,z]=(0,s.useState)(!1),[V,W]=(0,s.useState)([]),[X,H]=(0,s.useState)(!1),[K,U]=(0,s.useState)(null),[Y,q]=(0,s.useState)([E[0].value]),[G,J]=(0,s.useState)([]),{setIsLayoutExpanded:Q}=(0,M.l5)(),{query:ee}=l,el=(0,s.useRef)(null),getListsAndMemberData=async()=>{el.current&&el.current.abort(),el.current=new AbortController;let{signal:l}=el.current;try{H(!0);let a=v()({performerId:e._id,status:Y.length>1||G.length>0?"custom-filter-list":Y[0],includeStatus:Y.length>1||G.length>0?Y:void 0,excludeStatus:G.length>0?G:void 0},h()),[t,s,n]=await Promise.all([i.C.performerFindListAvoidMassMessage({sourceId:e._id},l),d.u.getListMemberSpendIds({...a},l),e?.sendMessageAllCreators?d.u.getTotalCreators(l):null]);if(l.aborted)return;let r=[...E];if(t?.data?.data&&t.data.data.length){let e=t.data.data.map(e=>({label:e?.name||"",value:e?._id||"",number:e?.memberIds?.length||null}));A(e)}"all-creators"!==a.status&&s?.data?.data&&P(s.data.data),s?.data?.totalsMembers&&(r=r.map(e=>({...e,number:void 0!==s.data.totalsMembers[e.value]?s.data.totalsMembers[e.value]:e.number}))),"all-creators"===a.status&&n?.data?.data&&P(n.data.data),n?.data?.total&&(r=[...r,{label:"To all creators",value:"all-creators",number:n.data.total}]),F(r),W(s?.data?.memberData||[])}catch(e){if(e?.name==="AbortError"||l.aborted)return;(0,f.x2)(e)}finally{l.aborted||H(!1)}},handleSetIncludeSelected=e=>{q(e),J(G.filter(l=>!e.includes(l)))},handleSetExcludeSelected=e=>{J(e),q(Y.filter(l=>!e.includes(l)))};(0,N.LI)(()=>{"audience"===$?Q(!0):Q(!1)},[$]),(0,s.useEffect)(()=>{getListsAndMemberData()},[Y,G]),(0,s.useEffect)(()=>{window.scrollTo({top:0,behavior:"instant"})},[$]);let handlePickingType=()=>{if(!Y.length){(0,f.x2)("Please select 1 or more list!");return}R(null)},handleBack=()=>{X||("audience"===$?handlePickingType():"vault"===$?R(null):l.back())};(0,s.useEffect)(()=>{ee.fileIds&&B(e=>[...e,ee.fileIds])},[ee.fileIds]);let ea="Create mass message",et=0,es=(0,s.useRef)(0);"audience"===$&&(et=1,ea="Audience",es.current=0);let en=generateSelectLabel(Z),er=generateSelectLabel(L.filter(e=>"custom-filter-list"!==e.value)),ei=1===Y.length&&0===G.length?[...L,...Z].find(e=>e.value===Y[0]):L.find(e=>"custom-filter-list"===e.value),ed=D.find(e=>e?.value===K);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(k.Z,{title:"Create mass message"}),(0,t.jsxs)(w.Z,{page:et,onPageChange:e=>{X||(0===e?"audience"===$?handlePickingType():R(null):1===e&&R("audience"))},children:[(0,t.jsxs)("div",{className:"main-container subpage",children:[(0,t.jsx)(C.Z,{title:ea,onBack:handleBack}),(0,t.jsx)(S.Z,{togglePicking:()=>R(e=>null===e?"audience":null),toggleSelectFileFromVault:()=>z(!0),toggleSelectDisappear:()=>{},typeMassMessage:ei,typeDisappear:ed,includedLists:Y,excludedLists:G,memberListIds:p,fileIds:T,setFileIds:B,selectFileFromVault:!1,fetchingData:X})]}),(0,t.jsx)(w.Z,{parentPage:et,page:es.current,onPageChange:()=>{},children:(0,t.jsxs)("div",{className:"main-container subpage",children:[(0,t.jsx)(C.Z,{title:"Audience",onBack:handleBack,disabledAction:X,disabledBack:X,actionButton:X?(0,t.jsx)("div",{style:{marginBottom:0},children:(0,t.jsx)(_.Z,{fontSize:24})}):(0,t.jsx)("button",{type:"button",onClick:()=>{X||("audience"===$?handlePickingType():R(null))},children:"Done"})}),(0,t.jsxs)("div",{className:"mt-[8px] flex flex-col gap-[24px]",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-sm font-normal uppercase text-gray-500 tracking-wider mb-2 ml-4",children:"Include"}),(0,t.jsxs)("div",{className:"flex flex-col gap-[12px]",children:[(0,t.jsx)(j.Z,{selects:en,selected:Y,onSelected:handleSetIncludeSelected}),(0,t.jsx)(j.Z,{selects:er,selected:Y,onSelected:handleSetIncludeSelected})]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-sm font-normal uppercase text-gray-500 tracking-wider mb-2 ml-4",children:"Exclude"}),(0,t.jsxs)("div",{className:"flex flex-col gap-[12px]",children:[(0,t.jsx)(j.Z,{selects:en,selected:G,onSelected:handleSetExcludeSelected}),(0,t.jsx)(j.Z,{selects:er,selected:G,onSelected:handleSetExcludeSelected})]})]}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"text-sm font-normal uppercase text-gray-500 tracking-wider mb-2 ml-4",children:["Audience"," ",V?.length>0&&(0,t.jsx)("span",{children:`(${V.length})`})]}),(0,t.jsx)(y.Z,{dataSource:V,pagination:{pageSize:10,total:V?.length||0},loading:X})]}),(0,t.jsx)("div",{className:"bg-white divide-y-[0.5px] divide-gray-300 rounded-xl",children:(0,t.jsxs)(b(),{href:"/creator/my-list",className:"flex justify-between p-[12px] text-base",children:[(0,t.jsx)("span",{children:"Manage lists"}),(0,t.jsx)(u.Z,{className:"w-[20px]"})]})})]})]})})]}),O&&(0,t.jsx)(I.default,{mode:"pick",fileIds:T,handleFileSelect:e=>{let l=e(T);if(l.length>12){(0,c.K)("You can only select up to 12 files.");return}B(l)},vaultPickerContext:"massMessage",showNotificationLimitUpload:!0,asOverlay:!0,onClose:()=>z(!1)})]})}CreateMassMessage.authenticate=!0,CreateMassMessage.enableAnimation=!0,CreateMassMessage.onlyPerformer=!0,CreateMassMessage.onlyVerifiedDocument=!0,l.default=CreateMassMessage},35484:function(e,l,a){"use strict";var t=a(85893),s=a(11163),n=a(51446),r=a(67294),i=a(31618),d=a(33658);l.Z=function(e){let{title:l,className:a="",iconBack:c=null,icon:u=null,actionButton:o=null,backUrl:f=null,onBack:m=null,disabledBack:g=!1,disabledAction:b=!1}=e,x=(0,s.useRouter)(),{ref:h,isStuck:p}=(0,i._)(),{setStickyHeaderTitle:v}=(0,d.mn)();return(0,r.useEffect)(()=>{v(p&&"string"==typeof l?l:null)},[p,l]),(0,r.useEffect)(()=>()=>v(null),[]),(0,t.jsxs)("div",{ref:h,className:`page-heading flex items-center${p?" is-stuck":""} ${a}`,children:[(0,t.jsx)("button",{className:"flex flex-row text-black flex-1",onClick:()=>{m?m():f?x.push(f):x.back()},type:"button",disabled:g,children:c||(0,t.jsx)(n.Z,{className:"header-icon"})}),u,l," ",(0,t.jsx)("div",{className:"flex flex-1 justify-end",children:o&&r.cloneElement(o,{style:{fontWeight:500,color:"#306FD2",backgroundColor:"#fff",fontSize:18,dis

1play:"flex",flex:"1 1 0%",justifyContent:"flex-end",...o.props.style},disabled:b})})]})}}},function(e){e.O(0,[9858,7656,4749,1304,2443,9843,8465,4713,4002,4751,2685,4094,3178,3850,5225,5479,9086,1787,242,4056,5746,1948,9774,2888,179],function(){return e(e.s=23131)}),_N_E=e.O()}]);