https://dm.link/_next/static/chunks/pages/creator/my-react-post/[id]-3a1e56d1758a1527.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8257],{48983:function(e,t,n){var r=n(40371)("length");e.exports=r},44286:function(e){e.exports=function(e){return e.split("")}},23933:function(e,t,n){var r=n(44239),o=n(37005);e.exports=function(e){return o(e)&&"[object RegExp]"==r(e)}},40180:function(e,t,n){var r=n(14259);e.exports=function(e,t,n){var o=e.length;return n=void 0===n?o:n,!t&&n>=o?e:r(e,t,n)}},62689:function(e){var t=RegExp("[\\u200d\ud800-\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");e.exports=function(e){return t.test(e)}},88016:function(e,t,n){var r=n(48983),o=n(62689),i=n(21903);e.exports=function(e){return o(e)?i(e):r(e)}},83140:function(e,t,n){var r=n(44286),o=n(62689),i=n(676);e.exports=function(e){return o(e)?i(e):r(e)}},21903:function(e){var t="\ud800-\udfff",n="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",r="\ud83c[\udffb-\udfff]",o="[^"+t+"]",i="(?:\ud83c[\udde6-\uddff]){2}",s="[\ud800-\udbff][\udc00-\udfff]",l="(?:"+n+"|"+r+")?",a="[\\ufe0e\\ufe0f]?",c="(?:\\u200d(?:"+[o,i,s].join("|")+")"+a+l+")*",u=RegExp(r+"(?="+r+")|(?:"+[o+n+"?",n,i,s,"["+t+"]"].join("|")+")"+(a+l+c),"g");e.exports=function(e){for(var t=u.lastIndex=0;u.test(e);)++t;return t}},676:function(e){var t="\ud800-\udfff",n="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",r="\ud83c[\udffb-\udfff]",o="[^"+t+"]",i="(?:\ud83c[\udde6-\uddff]){2}",s="[\ud800-\udbff][\udc00-\udfff]",l="(?:"+n+"|"+r+")?",a="[\\ufe0e\\ufe0f]?",c="(?:\\u200d(?:"+[o,i,s].join("|")+")"+a+l+")*",u=RegExp(r+"(?="+r+")|(?:"+[o+n+"?",n,i,s,"["+t+"]"].join("|")+")"+(a+l+c),"g");e.exports=function(e){return e.match(u)||[]}},96347:function(e,t,n){var r=n(23933),o=n(7518),i=n(31167),s=i&&i.isRegExp,l=s?o(s):r;e.exports=l},18601:function(e,t,n){var r=n(14841),o=1/0;e.exports=function(e){return e?(e=r(e))===o||e===-o?(e<0?-1:1)*17976931348623157e292:e==e?e:0:0===e?e:0}},40554:function(e,t,n){var r=n(18601);e.exports=function(e){var t=r(e),n=t%1;return t==t?n?t-n:t:0}},39138:function(e,t,n){var r=n(80531),o=n(40180),i=n(62689),s=n(13218),l=n(96347),a=n(88016),c=n(83140),u=n(40554),d=n(79833),f=/\w*$/;e.exports=function(e,t){var n=30,h="...";if(s(t)){var p="separator"in t?t.separator:p;n="length"in t?u(t.length):n,h="omission"in t?r(t.omission):h}var m=(e=d(e)).length;if(i(e)){var g=c(e);m=g.length}if(n>=m)return e;var v=n-a(h);if(v<1)return h;var x=g?o(g,0,v).join(""):e.slice(0,v);if(void 0===p)return x+h;if(g&&(v+=x.length-v),l(p)){if(e.slice(v).search(p)){var w,y=x;for(p.global||(p=RegExp(p.source,d(f.exec(p))+"g")),p.lastIndex=0;w=p.exec(y);)var _=w.index;x=x.slice(0,void 0===_?v:_)}}else if(e.indexOf(r(p),v)!=v){var b=x.lastIndexOf(p);b>-1&&(x=x.slice(0,b))}return x+h}},99607:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/creator/my-react-post/[id]",function(){return n(50469)}])},50469:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return g}});var r=n(85893),o=n(67294),i=n(27197),s=n(94618),l=n(3920),a=n(51478),c=n(82238),u=n(82080),d=n(11163),f=n(58533),h=n(2664),p=n(76607);function ReactionList({reaction:e,totalReact:t}){let n=(0,h.v9)(e=>e.user.current),m=(0,d.useRouter)(),g=m.query.id,v=(0,o.useCallback)((e,t)=>{if(t){let e=t?.data?.data||[];if(0===e.length||e.length<10)return null}return g?(0,i.z3)((0,i.kG)((0,s.Q2)(`/reactions/list/${g}`,{limit:10,offset:10*e}))):null},[g]),{data:x,size:w,setSize:y}=(0,p.ZP)(v,i._i,{fallbackData:e?.length?[{data:{data:e,total:t}}]:void 0,revalidateFirstPage:!1,shouldRetryOnError:!1,keepPreviousData:!1}),_=x?x.flatMap(e=>e?.data?.data||[]):[],b=x?.[0]?.data?.total||t||0,handleViewProfile=e=>{(e?.username||e?._id)&&((0,u.L9)("View Profile",{currentUser:n}),m.push({pathname:"/[username]",query:{username:e?.username||e?._id}},`/${e?.username||e?._id}`))};return(0,r.jsxs)(r.Fragment,{children:[_&&(0,r.jsx)(a.Z,{title:"Likes"}),_&&(0,r.jsx)(c.Z,{title:"Likes"}),(0,r.jsx)("div",{className:"main-container user-account subpage-account",children:_.length>0&&(0,r.jsx)(f.Z,{dataLength:_.length,hasMore:b>_.length,next:()=>y(w+1),loader:null,scrollThreshold:.8,children:_.map((e,t)=>(0,r.jsxs)("div",{role:"button",tabIndex:0,className:"mb-2 bg-white rounded-md p-3 flex flex-row items-center",onClick:()=>handleViewProfile(e?.createdInfo),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&handleViewProfile(e?.createdInfo)},children:[(0,r.jsx)(l.Z,{options:{quality:80,width:54,height:54,alt:"per_atv",style:{borderRadius:"50%"}},user:e?.createdInfo}),(0,r.jsx)("span",{className:"justify-between p-[8px] text-base",children:e?.createdInfo?.name||e?.createdInfo?.username||"N/A"})]},e?.createdInfo?._id||(0,s.zs)(10,t)))})})]})}ReactionList.authenticate=!0,ReactionList.enableAnimation=!0,ReactionList.onlyPerformer=!0;var m=n(4851);function ScrollListReacts(){let{query:e}=(0,d.useRouter)(),t=e.id,{data:n}=(0,i.KK)(t?(0,s.Q2)(`/reactions/list/${t}`,{limit:10,offset:0}):null),o=n?.data??null,l=n?.total??0;return o?.length?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(ReactionList,{reaction:o,totalReact:l})}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.Z,{title:"Likes"}),(0,r.jsx)(c.Z,{title:"Likes"}),(0,r.jsx)("div",{className:"main-container user-account subpage-account flex justify-center",children:o?(0,r.jsx)("p",{className:"text-base",children:"No user has liked this post"}):(0,r.jsx)(m.default,{className:"h-fit text-3xl text-gray-500 animate-spin"})})]})}ScrollListReacts.authenticate=!0,ScrollListReacts.onlyPerformer=!0,ScrollListReacts.enableAnimation=!0;var g=ScrollListReacts},51478:function(e,t,n){"use strict";var r=n(85893),o=n(39138),i=n.n(o),s=n(9008),l=n.n(s),a=n(2664),c=n(11944);t.Z=function({title:e}){let{totalUnreadConversation:t}=(0,c.n)(),n=(0,a.v9)(e=>e.ui),o=t?`${t} new ${1===t?"message":"messages"} | `:"",s=`${o}${n.siteName} | ${i()(e)}`;return(0,r.jsx)(l(),{children:(0,r.jsx)("title",{children:s})})}},82238:function(e,t,n){"use strict";var r=n(85893),o=n(11163),i=n(51446),s=n(67294),l=n(87536),a=n(35278),c=n(31618),u=n(33658),d=n(43631),f=n.n(d);t.Z=function(e){let{title:t,backElement:n=null,doneElement:d=null,isDirty:h=null,onBack:p=null,disabled:m=!1}=e,g=(0,o.useRouter)(),{formState:v}=(0,l.Gc)()||{},{ref:x,isStuck:w}=(0,c._)(),{setStickyHeaderTitle:y}=(0,u.mn)();return(0,s.useEffect)(()=>{y(w?t:null)},[w,t]),(0,s.useEffect)(()=>()=>y(null),[]),(0,a.LI)(()=>(document.documentElement.style.getPropertyValue("--IOSHeader-height")?document.documentElement.setAttribute("data-ios-header","x"):document.documentElement.style.setProperty("--IOSHeader-height","50px"),()=>{document.documentElement.getAttribute("data-ios-header")?document.documentElement.removeAttribute("data-ios-header"):document.documentElement.style.removeProperty("--IOSHeader-height")}),[]),(0,r.jsx)("div",{ref:x,className:`${f().container} ${w?f().stuck:""}`,children:(0,r.jsxs)("div",{className:f().header,children:[(0,r.jsx)("button",{type:"button",className:"flex cursor-pointer flex-row text-black w-fit flex-1",onClick:()=>p?p():g.back(),disabled:m,children:n||(0,r.jsx)(i.Z,{className:"default-icon"})}),(0,r.jsx)("div",{className:"text-center overflow-hidden whitespace-nowrap text-ellipsis",children:t}),(0,r.jsx)("div",{className:`flex justify-end ${!(h||v?.isDirty)&&"invisible"} flex-1`,children:d||(0,r.jsx)("button",{type:"submit",className:"text-[#306FD2]",children:"Done"})})]})})}},31618:function(e,t,n){"use strict";n.d(t,{_:function(){return useStickyHeader}});var r=n(67294);function useStickyHeader(e={}){let{top:t=0,enabled:n=!0}=e,o=(0,r.useRef)(null),[i,s]=(0,r.useState)(!1),l=(0,r.useRef)(!1),a=(0,r.useRef)(!0);return(0,r.useEffect)(()=>{let e=o.current;if(!e||!n||(e.style.position="sticky",e.style.top=`${t}px`,!("IntersectionObserver"in window)))return;let r=document.createElement("div");r.setAttribute("aria-hidden","true"),r.style.height="1px",r.style.marginBottom="-1px",r.style.pointerEvents="none",e.parentNode?.insertBefore(r,e);let handleScroll=()=>{let t=e.closest("[data-scroll-container]")||window,n=t===window?window.scrollY:t.scrollTop;n>2&&(l.current=!0)},i=e.closest("[data-scroll-container]")||window;i.addEventListener("scroll",handleScroll,{passive:!0});let c=new IntersectionObserver(([e])=>{if(a.current){a.current=!1;return}l.current&&s(!e.isIntersecting)},{rootMargin:`-${t+1}px 0px 0px 0px`,threshold:0});return c.observe(r),()=>{c.disconnect(),r.remove(),i.removeEventListener("scroll",handleScroll),l.current=!1,a.current=!0}},[t,n]),{ref:o,isStuck:i}}},43631:function(e){e.exports={container:"IOSHeader_container__3DDiN",stuck:"IOSHeader_stuck__odDRA",header:"IOSHeader_header__LEuX1"}},58533:function(e,t,n){"use strict";var r=n(67294),extendStatics=function(e,t){return(extendStatics=Object.

1setPrototypeOf||({__proto__:[]})instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},__assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},o={Pixel:"Pixel",Percent:"Percent"},i={unit:o.Percent,value:.8};function parseThreshold(e){return"number"==typeof e?{unit:o.Percent,value:100*e}:"string"==typeof e?e.match(/^(\d*(\.\d+)?)px$/)?{unit:o.Pixel,value:parseFloat(e)}:e.match(/^(\d*(\.\d+)?)%$/)?{unit:o.Percent,value:parseFloat(e)}:(console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'),i):(console.warn("scrollThreshold should be string or number"),i)}var s=function(e){function InfiniteScroll(t){var n=e.call(this,t)||this;return n.lastScrollTop=0,n.actionTriggered=!1,n.startY=0,n.currentY=0,n.dragging=!1,n.maxPullDownDistance=0,n.getScrollableTarget=function(){return n.props.scrollableTarget instanceof HTMLElement?n.props.scrollableTarget:"string"==typeof n.props.scrollableTarget?document.getElementById(n.props.scrollableTarget):(null===n.props.scrollableTarget&&console.warn("You are trying to pass scrollableTarget but it is null. This might\n        happen because the element may not have been added to DOM yet.\n        See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.\n      "),null)},n.onStart=function(e){!n.lastScrollTop&&(n.dragging=!0,e instanceof MouseEvent?n.startY=e.pageY:e instanceof TouchEvent&&(n.startY=e.touches[0].pageY),n.currentY=n.startY,n._infScroll&&(n._infScroll.style.willChange="transform",n._infScroll.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},n.onMove=function(e){n.dragging&&(e instanceof MouseEvent?n.currentY=e.pageY:e instanceof TouchEvent&&(n.currentY=e.touches[0].pageY),n.currentY<n.startY||(n.currentY-n.startY>=Number(n.props.pullDownToRefreshThreshold)&&n.setState({pullToRefreshThresholdBreached:!0}),n.currentY-n.startY>1.5*n.maxPullDownDistance||!n._infScroll||(n._infScroll.style.overflow="visible",n._infScroll.style.transform="translate3d(0px, "+(n.currentY-n.startY)+"px, 0px)")))},n.onEnd=function(){n.startY=0,n.currentY=0,n.dragging=!1,n.state.pullToRefreshThresholdBreached&&(n.props.refreshFunction&&n.props.refreshFunction(),n.setState({pullToRefreshThresholdBreached:!1})),requestAnimationFrame(function(){n._infScroll&&(n._infScroll.style.overflow="auto",n._infScroll.style.transform="none",n._infScroll.style.willChange="unset")})},n.onScrollListener=function(e){"function"==typeof n.props.onScroll&&setTimeout(function(){return n.props.onScroll&&n.props.onScroll(e)},0);var t=n.props.height||n._scrollableNode?e.target:document.documentElement.scrollTop?document.documentElement:document.body;n.actionTriggered||((n.props.inverse?n.isElementAtTop(t,n.props.scrollThreshold):n.isElementAtBottom(t,n.props.scrollThreshold))&&n.props.hasMore&&(n.actionTriggered=!0,n.setState({showLoader:!0}),n.props.next&&n.props.next()),n.lastScrollTop=t.scrollTop)},n.state={showLoader:!1,pullToRefreshThresholdBreached:!1,prevDataLength:t.dataLength},n.throttledOnScrollListener=(function(e,t,n,r){var o,i=!1,s=0;function clearExistingTimeout(){o&&clearTimeout(o)}function wrapper(){var l=this,a=Date.now()-s,c=arguments;function exec(){s=Date.now(),n.apply(l,c)}i||(r&&!o&&exec(),clearExistingTimeout(),void 0===r&&a>e?exec():!0!==t&&(o=setTimeout(r?function(){o=void 0}:exec,void 0===r?e-a:e)))}return"boolean"!=typeof t&&(r=n,n=t,t=void 0),wrapper.cancel=function(){clearExistingTimeout(),i=!0},wrapper})(150,n.onScrollListener).bind(n),n.onStart=n.onStart.bind(n),n.onMove=n.onMove.bind(n),n.onEnd=n.onEnd.bind(n),n}return!function(e,t){function __(){this.constructor=e}extendStatics(e,t),e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}(InfiniteScroll,e),InfiniteScroll.prototype.componentDidMount=function(){if(void 0===this.props.dataLength)throw Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');

1if(this._scrollableNode=this.getScrollableTarget(),this.el=this.props.height?this._infScroll:this._scrollableNode||window,this.el&&this.el.addEventListener("scroll",this.throttledOnScrollListener),"number"==typeof this.props.initialScrollY&&this.el&&this.el instanceof HTMLElement&&this.el.scrollHeight>this.props.initialScrollY&&this.el.scrollTo(0,this.props.initialScrollY),this.props.pullDownToRefresh&&this.el&&(this.el.addEventListener("touchstart",this.onStart),this.el.addEventListener("touchmove",this.onMove),this.el.addEventListener("touchend",this.onEnd),this.el.addEventListener("mousedown",this.onStart),this.el.addEventListener("mousemove",this.onMove),this.el.addEventListener("mouseup",this.onEnd),this.maxPullDownDistance=this._pullDown&&this._pullDown.firstChild&&this._pullDown.firstChild.getBoundingClientRect().height||0,this.forceUpdate(),"function"!=typeof this.props.refreshFunction))throw Error('Mandatory prop "refreshFunction" missing.\n          Pull Down To Refresh functionality will not work\n          as expected. Check README.md for usage\'')},InfiniteScroll.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},InfiniteScroll.prototype.componentDidUpdate=function(e){this.props.dataLength!==e.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},InfiniteScroll.getDerivedStateFromProps=function(e,t){return e.dataLength!==t.prevDataLength?__assign(__assign({},t),{prevDataLength:e.dataLength}):null},InfiniteScroll.prototype.isElementAtTop=function(e,t){void 0===t&&(t=.8);var n=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,r=parseThreshold(t);return r.unit===o.Pixel?e.scrollTop<=r.value+n-e.scrollHeight+1:e.scrollTop<=r.value/100+n-e.scrollHeight+1},InfiniteScroll.prototype.isElementAtBottom=function(e,t){void 0===t&&(t=.8);var n=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,r=parseThreshold(t);return r.unit===o.Pixel?e.scrollTop+n>=e.scrollHeight-r.value:e.scrollTop+n>=r.value/100*e.scrollHeight},InfiniteScroll.prototype.render=function(){var e=this,t=__assign({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),n=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),o=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return r.createElement("div",{style:o,className:"infinite-scroll-component__outerdiv"},r.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(t){return e._infScroll=t},style:t},this.props.pullDownToRefresh&&r.createElement("div",{style:{position:"relative"},ref:function(t){return e._pullDown=t}},r.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!n&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},InfiniteScroll}(r.Component);t.Z=s},76607:function(e,t,n){"use strict";n.d(t,{ZP:function(){return u}});var r=n(67294),o=n(33836),i=n(65072),s=n(10046),l=n(61688),a=n(30503);let getFirstPageKey=e=>(0,i.s)(e?e(0,null):null)[0],c=Promise.resolve(),u=(0,s.xD)(o.u,e=>(t,n,o)=>{let s;let u=(0,r.useRef)(!1),{cache:d,initialSize:f=1,revalidateAll:h=!1,persistSize:p=!1,revalidateFirstPage:m=!0,revalidateOnMount:g=!1,parallel:v=!1}=o,[,,,x]=i.a.get(i.o);try{(s=getFirstPageKey(t))&&(s=a.U+s)}catch(e){}let[w,y,_]=(0,i.c)(d,s),b=(0,r.useCallback)(()=>{let e=(0,i.i)(w()._l)?f:w()._l;return e},[d,s,f]);(0,l.useSyncExternalStore)((0,r.useCallback)(e=>s?_(s,()=>{e()}):()=>{},[d,s]),b,b);let E=(0,r.useCallback)(()=>{let e=w()._l;return(0,i.i)(e)?f:e},[s,f]),S=(0,r.useRef)(E());(0,i.u)(()=>

1{if(!u.current){u.current=!0;return}s&&y({_l:p?S.current:E()})},[s,d]);let T=g&&!u.current,L=e(s,async e=>{let r=w()._i,s=w()._r,l=i.a.get(d),a=l[8],unloadedDuringRequest=()=>l[8]!==a;y({_r:i.U});let c=[],u=E(),[f]=(0,i.c)(d,e),p=f().data,g=[],_=null;for(let e=0;e<u;++e){let[l,a]=(0,i.s)(t(e,v?null:_));if(!l)break;let[u,f]=(0,i.c)(d,l),w=u().data,y=h||r||(0,i.i)(w)||m&&!e&&!(0,i.i)(p)||T||p&&!(0,i.i)(p[e])&&!o.compare(p[e],w);if(n&&("function"==typeof s?s(w,a):y)){let revalidate=async()=>{let t=l in x;if(t){let e=x[l];delete x[l],w=await e}else w=await n(a);unloadedDuringRequest()||f({data:w,_k:a}),c[e]=w};v?g.push(revalidate):await revalidate()}else c[e]=w;v||(_=w)}return v&&await Promise.all(g.map(e=>e())),unloadedDuringRequest()||y({_i:i.U}),c},o),R=(0,r.useCallback)(function(e,t){let n="boolean"==typeof t?{revalidate:t}:t||{},r=!1!==n.revalidate;return s?(r&&((0,i.i)(e)?y({_i:!0,_r:n.revalidate}):y({_i:!1,_r:n.revalidate})),arguments.length?L.mutate(e,{...n,revalidate:r}):L.mutate()):c},[s,d]),D=(0,r.useCallback)(e=>{let n;if(!s)return c;let[,r]=(0,i.c)(d,s);if((0,i.e)(e)?n=e(E()):"number"==typeof e&&(n=e),"number"!=typeof n)return c;r({_l:n}),S.current=n;let o=[],[l]=(0,i.c)(d,s),a=null;for(let e=0;e<n;++e){let[n]=(0,i.s)(t(e,a)),[r]=(0,i.c)(d,n),s=n?r().data:i.U;if((0,i.i)(s))return R(l().data);o.push(s),a=s}return R(o)},[s,d,R,E]);return{size:E(),setSize:D,mutate:R,get data(){return L.data},get error(){return L.error},get isValidating(){return L.isValidating},get isLoading(){return L.isLoading}}})}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=99607)}),_N_E=e.O()}]);