https://app.commented.io/static/js/226.b0e81dfe.chunk.js

1(globalThis.webpackChunkcommented_admin||=[]).push([[226,4666],{44640(e,t,n){"use strict";n.d(t,{A:()=>M});var o=n(65043),i=n(76465),r=n(42104),a=n(96395),l=n(13948),s=n(91688),d=n(65447),c=n(84146),u=n(8742),v=n(62761),p=n(12273),h=n(16069),m=n(4848),f=n(70647),g=n(14465),y=n(74110),b=n(79937),k=n(31596);const x=(0,k.r)(e=>{let{fn:{smallerThan:t},colors:{gray:n}}=e;return{container:{flex:"0 1 auto",position:"relative",alignItems:"center",justifyContent:"space-between",paddingTop:32,gap:8,width:"100%",maxWidth:1200,flexWrap:"wrap"},leftContainer:{label:"leftContainer",alignItems:"center",flex:"0 1 auto",gap:16,"& > .mantine-Image-root":{width:"auto !important"},[t("md")]:{gap:8}},rightContainer:{flex:"1 1 auto",alignItems:"center",justifyContent:"flex-end",gap:8,"&[data-pin=true]":{flex:"0 1 auto",justifyContent:"space-between"},[t("md")]:{justifyContent:"flex-end"}},mobileDropdown:{flexBasis:"100%",justifyContent:"flex-end","& > div >  button":{paddingRight:"0px"}},avatar:{flex:"0 1 auto"},goBackButton:{cursor:"pointer",padding:0,"&:hover":{color:n[7]},"&:active":{color:n[8]}},logoContainer:{cursor:"pointer",label:"logo-container",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center",width:220,height:48,flexShrink:0,[t("md")]:{width:"38px",height:"38px"}},backButtonText:{fontWeight:400,fontSize:14,[t("sm")]:{fontSize:12}}}}),_=(0,k.r)(e=>{let{fn:{smallerThan:t},colors:{gray:n}}=e;return{root:{fontWeight:400,":active":{background:n[1]},[t("sm")]:{padding:"8px"}},label:{[t("sm")]:{display:"none"}},icon:{[t("sm")]:{marginRight:"0px"}}}});var w=n(70579);const M=()=>{var e;const{classes:{container:t,leftContainer:n,rightContainer:l,avatar:u,logoContainer:k}}=x(),{classes:M}=_(),A=(0,s.W6)(),{settings:I}=(0,o.useContext)(p.lj),{isAuthenticated:C}=(0,d.WB)(),L=(0,c.U)((0,h.r)(991)),[E,Y]=(0,o.useState)();function S(e){Y(e)}(0,o.useEffect)(()=>{void 0===E&&(0,f.A)(S)},[E]);const N=(0,s.W5)(["/settings/billing","/account/:accountNavId"]),{pinId:T}=null!==(e=null===N||void 0===N?void 0:N.params)&&void 0!==e?e:{};const B=I.workspaceId,D=(0,g.A)(I.customBranding),O=L?D.mobile.svg.black:D.default.svg.black;return(0,w.jsx)(i.s,{w:"100%",align:"center",justify:"center",px:16,children:(0,w.jsxs)(i.s,{className:t,children:[(0,w.jsx)(i.s,{className:n,children:N&&C?(0,w.jsx)(j,{}):(0,w.jsx)("div",{className:k,children:O&&(0,w.jsx)(r._,{fit:"contain",alt:"logo",src:O,onClick:function(){if(B){if(I.role===b.lCf.Guest&&!N)return;"/projects"!==(null===N||void 0===N?void 0:N.path)&&A.replace("/projects")}else"/workspaces"!==(null===N||void 0===N?void 0:N.path)&&A.replace("/workspaces")}})})}),(0,w.jsxs)(i.s,{className:l,"data-pin":!!T,children:[!E&&!(0,y.A)()&&(0,w.jsx)(a.$,{color:"gray.9",variant:"subtle",disabled:E,onClick:function(){(0,f.C)()},radius:"md",size:"md","aria-label":"Install Extension","data-intercom-target":"install-extension-button",leftIcon:(0,w.jsx)(r._,{alt:"action logo",src:m.A,height:16,width:16,fit:"contain"}),classNames:M,children:"Install Extension"}),C&&(0,w.jsx)(v.A,{className:u,onlyAvatar:!0})]})]})})},j=()=>{const{classes:{backButtonText:e,goBackButton:t}}=x(),n=(0,s.W6)();return(0,w.jsx)(a.$,{variant:"white",leftIcon:(0,w.jsx)(u.A,{color:"#212529",strokeWidth:3,size:14}),onClick:()=>{n.goBack()},className:t,children:(0,w.jsx)(l.E,{color:"dark",className:e,children:"Back"})})}},54444(e,t,n){"use strict";n.r(t);var o=n(65043),i=n(24347),r=n(76465),a=n(72520),l=n(42104),s=n(74527),d=n(91688),c=n(65478),u=n(65447),v=n(4766),p=n(8829),h=n(21495),m=n(59767),f=n(79937),g=n(40710),y=n(97639),b=n(39657),k=n(36889),x=n(89003),_=n(44640),w=n(40184),M=n(70579);const j=()=>{var e;const{pinId:t}=(0,d.g)(),{isAuthenticated:n}=(0,u.WB)(),[j,A]=(0,o.useState)([]),[I,C]=(0,o.useState)(""),L=(0,d.W6)(),{track:E}=(0,x.s)(),{classes:Y}=(0,w.default)(),[S,{data:N,loading:T,error:B}]=(0,f.us_)({fetchPolicy:"cache-first",variables:{id:t}});(0,o.useEffect)(()=>{if(N){var e,t,n;const o=null===N||void 0===N||null===(e=N.pin_shares_by_pk)||void 0===e||null===(t=e.pin_data)||void 0===t||null===(n=t.comments)||void 0===n?void 0:n.map(e=>{var t,n,o,i,r,a,l,s;return{id:null===e||void 0===e?void 0:e.id,body:null===e||void 0===e?void 0:e.body,createdAt:null===e||void 0===e?void 0:e.created_at,updatedAt:null===e||void 0===e?void 0:e.updated_at,user:{id:null===e||void 0===e||null===(t=e.user)||void 0===t?void 0:t.id,picture:null===e||void 0===e||null===(n=e.user)||void 0===n?void 0:n.picture,nickName:(null===e||void 0===e||null===(o=e.user)||void 0===o?void 0:o.nickname)||(null===(i=e.user)||void 0===i?void 0:i.name)||(null===(r=N.pin_shares_by_pk)||void 0===r?void 0:r.sender),email:(null===e||void 0===e||null===(a=e.user)||void 0===a?void 0:a.email)||(null===(l=N.pin_shares_by_pk)||void 0===l?void 0:l.sender)},attachments:null===e||void 0===e?void 0:e.attachments,emojis:null===e||void 0===e||null===(s=e.comment_emojis)||void 0===s?void 0:s.map(e=>({id:null===e||void 0===e?void 0:e.emoji_id,shortcodes:null===e||void 0===e?void 0:e.shortcodes,skin:null===e||void 0===e?void 0:e.skin,user:null!==e&&void 0!==e&&e.user?{...null===e||void 0===e?void 0:e.user}:void 0,dbId:null===e||void 0===e?void 0:e.id}))}});A(o||[])}},[N]),(0,o.useEffect)(()=>{var e,t;N&&N.pin_shares_by_pk&&E({event:c.X.PIN_READ,properties:{pinId:N.pin_shares_by_pk.id,url:null===(e=N.pin_shares_by_pk.pin_data)||void 0===e?void 0:e.url,projectName:`Shared pin by ${(null===N||void 0===N||null===(t=N.pin_shares_by_pk)||void 0===t?void 0:t.sender)||""}`,projectId:"",source:"dashboard",sharedPin:!0}})},[N,E]),(0,o.useEffect)(()=>{t&&S({variables:{id:t}})},[S,t]),(0,o.useEffect)(()=>

1{if(B){if(!N)return void L.replace("/pin-not-found");(0,g.C)({type:"error",title:"Error",message:"Something went wrong"})}},[L,N,B]);let D,O,U="";let W=void 0===D||void 0===O?"Shared Pin":`${D}'s comment | ${O}`,P="",$="",R="";var z,X,V,H,F,G,K,Z,q,J;N&&(D=null===(z=N.pin_shares_by_pk)||void 0===z?void 0:z.sender,O=`Shared pin by ${(null===N||void 0===N||null===(X=N.pin_shares_by_pk)||void 0===X?void 0:X.sender)||""}`,U=(null===N||void 0===N||null===(V=N.pin_shares_by_pk)||void 0===V||null===(H=V.pin_data)||void 0===H?void 0:H.pin_number)||"",W="Shared pin "+t,P=null===(F=N.pin_shares_by_pk)||void 0===F||null===(G=F.pin_data)||void 0===G?void 0:G.url,$=k.uK+((null===(K=N.pin_shares_by_pk)||void 0===K?void 0:K.snapshot)||(null===(Z=N.pin_shares_by_pk)||void 0===Z||null===(q=Z.pin_data)||void 0===q?void 0:q.snapshot)||""),R=null===(J=N.pin_shares_by_pk)||void 0===J?void 0:J.pin_data.id);return(0,M.jsxs)(M.Fragment,{children:[!n&&(0,M.jsx)(_.A,{}),(0,M.jsx)(m.A,{title:W}),(0,M.jsx)(b.A,{handleModalClose:function(){C("")},opened:!!I,modalPhotoSrc:I}),(0,M.jsx)(r.s,{direction:"column",mt:24,maw:1200,w:"100%",px:16,children:(0,M.jsxs)(a.x,{children:[(0,M.jsx)(v.default,{url:P||"",pinId:R,restrictedView:!0}),(0,M.jsx)(a.x.Col,{md:6,children:(0,M.jsxs)(a.x,{className:Y.stickyInfo,children:[(0,M.jsx)(a.x.Col,{span:12,children:(0,M.jsx)(s.t,{shadow:"none",withBorder:!0,children:(0,M.jsx)(i.g,{ratio:560/295,mx:"auto",children:(0,M.jsx)(l._,{src:$,withPlaceholder:!0,placeholder:(0,M.jsx)(y.h,{width:"100%",height:"100%"}),onClick:()=>{C($)},className:Y.image})})})}),(0,M.jsx)(p.default,{assigneeUsers:[],comment:j[0],data:void 0,loading:T,pinId:R,projectId:"",restrictedView:!0,restrictedData:null===N||void 0===N||null===(e=N.pin_shares_by_pk)||void 0===e?void 0:e.pin_data,pinNumber:U})]})}),(0,M.jsx)(a.x.Col,{md:6,children:(0,M.jsx)(h.A,{pinId:R,pinUrl:P,projectName:O,comments:T?[]:j,mentionList:[],showImage:function(e){C(e)},restrictedView:!0})})]})})]})};n.d(t,["default",0,j])},14465(e,t,n){"use strict";n.d(t,{A:()=>i});var o=n(74110);function i(e){var t,n,i,r,a,l;const s=(0,o.A)();return{default:{png:{black:null!==(t=null===e||void 0===e?void 0:e.darkModeLogoUrl)&&void 0!==t?t:s?"":"https://cdn-image.commented.io/commented-logo-black.png",white:null!==(n=null===e||void 0===e?void 0:e.logoUrl)&&void 0!==n?n:s?"":"https://cdn-image.commented.io/commented-logo-white.png"},svg:{black:null!==(i=null===e||void 0===e?void 0:e.logoUrl)&&void 0!==i?i:s?"":"https://cdn-image.commented.io/commented-logo-black.svg",white:null!==(r=null===e||void 0===e?void 0:e.logoUrl)&&void 0!==r?r:s?"":"https://cdn-image.commented.io/commented-logo-white.svg"}},mobile:{png:{black:null!==(a=null===e||void 0===e?void 0:e.darkModeSmallLogoUrl)&&void 0!==a?a:s?"":"https://cdn-image.commented.io/commented-mobile-logo-black.png",white:null===e||void 0===e?void 0:e.smallLogoUrl},svg:{black:null!==(l=null===e||void 0===e?void 0:e.smallLogoUrl)&&void 0!==l?l:s?"":"https://cdn-image.commented.io/commented-mobile-logo-black.svg",white:null===e||void 0===e?void 0:e.smallLogoUrl}}}}},99952(e,t,n){"use strict";n.d(t,{A:()=>r});var o=n(65043),i=n(63412);function r(e){const t=(0,o.useRef)(null),n=(0,o.useRef)(null);return n.current&&n.current.update(e),(0,o.useEffect)(()=>(n.current=new(0,i.LC)({...e,ref:t}),()=>{n.current=null}),[]),o.createElement("div",{ref:t})}},14666(e,t,n){"use strict";n.d(t,{i:()=>i});var o=n(65043);function i(){let{timeout:e=2e3}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[t,n]=(0,o.useState)(null),[i,r]=(0,o.useState)(!1),[a,l]=(0,o.useState)(null);return{copy:t=>{"clipboard"in navigator?navigator.clipboard.writeText(t).then(()=>{return t=!0,clearTimeout(a),l(setTimeout(()=>r(!1),e)),void r(t);var t}).catch(e=>n(e)):n(new Error("useClipboard: navigator.clipboard is not supported"))},reset:()=>{r(!1),n(null),clearTimeout(a)},error:t,copied:i}}},6606(e,t,n){"use strict";n.d(t,{N:()=>d});var o=n(65043),i=Object.defineProperty,r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,s=(e,t,n)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{resetOnExit:!1};const[t,n]=(0,o.useState)({x:0,y:0}),i=(0,o.useRef)(),d=e=>{if(i.current){const t=e.currentTarget.getBoundingClientRect(),o=Math.max(0,Math.round(e.pageX-t.left-(window.pageXOffset||window.scrollX))),i=Math.max(0,Math.round(e.pageY-t.top-(window.pageYOffset||window.scrollY)));n({x:o,y:i})}else n({x:e.clientX,y:e.clientY})},c=()=>n({x:0,y:0});return(0,o.useEffect)(()=>{const t=(null==i?void 0:i.current)?i.current:document;return t.addEventListener("mousemove",d),e.resetOnExit&&t.addEventListener("mouseleave",c),()=>{t.removeEventListener("mousemove",d),e.resetOnExit&&t.removeEventListener("mouseleave",c)}},[i.current]),((e,t)=>{for(var n in t||(t={}

1))a.call(t,n)&&s(e,n,t[n]);if(r)for(var n of r(t))l.call(t,n)&&s(e,n,t[n]);return e})({ref:i},t)}},30597(e,t,n){"use strict";n.d(t,{A:()=>o});var o=(0,n(67391).A)("arrow-down","IconArrowDown",[["path",{d:"M12 5l0 14",key:"svg-0"}],["path",{d:"M18 13l-6 6",key:"svg-1"}],["path",{d:"M6 13l6 6",key:"svg-2"}]])},81252(e,t,n){"use strict";n.d(t,{A:()=>o});var o=(0,n(67391).A)("arrow-left","IconArrowLeft",[["path",{d:"M5 12l14 0",key:"svg-0"}],["path",{d:"M5 12l6 6",key:"svg-1"}],["path",{d:"M5 12l6 -6",key:"svg-2"}]])},63292(e,t,n){"use strict";n.d(t,{A:()=>o});var o=(0,n(67391).A)("arrow-up","IconArrowUp",[["path",{d:"M12 5l0 14",key:"svg-0"}],["path",{d:"M18 11l-6 -6",key:"svg-1"}],["path",{d:"M6 11l6 -6",key:"svg-2"}]])},8742(e,t,n){"use strict";n.d(t,{A:()=>o});var o=(0,n(67391).A)("chevron-left","IconChevronLeft",[["path",{d:"M15 6l-6 6l6 6",key:"svg-0"}]])},94045(e,t,n){"use strict";n.d(t,{A:()=>o});var o=(0,n(67391).A)("corner-down-right","IconCornerDownRight",[["path",{d:"M6 6v6a3 3 0 0 0 3 3h10l-4 -4m0 8l4 -4",key:"svg-0"}]])},74446(e,t,n){"use strict";n.d(t,{A:()=>o});var o=(0,n(67391).A)("dots","IconDots",[["path",{d:"M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-0"}],["path",{d:"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-1"}],["path",{d:"M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}]])},57321(e,t,n){"use strict";n.d(t,{A:()=>o});var o=(0,n(67391).A)("eye","IconEye",[["path",{d:"M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0",key:"svg-0"}],["path",{d:"M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6",key:"svg-1"}]])},77413(e,t,n){"use strict";n.d(t,{A:()=>o});var o=(0,n(67391).A)("mail","IconMail",[["path",{d:"M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z",key:"svg-0"}],["path",{d:"M3 7l9 6l9 -6",key:"svg-1"}]])},18325(e,t,n){"use strict";n.d(t,{A:()=>o});var o=(0,n(67391).A)("share-2","IconShare2",[["path",{d:"M8 9h-1a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-8a2 2 0 0 0 -2 -2h-1",key:"svg-0"}],["path",{d:"M12 14v-11",key:"svg-1"}],["path",{d:"M9 6l3 -3l3 3",key:"svg-2"}]])},14443(e){e.exports=function(){"use strict";var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(t,n,o){var i=n.prototype,r=i.format;o.en.formats=e,i.format=function(t){void 0===t&&(t="YYYY-MM-DDTHH:mm:ssZ");var n=this.$locale().formats,o=function(t,n){return t.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(t,o,i){var r=i&&i.toUpperCase();return o||n[i]||e[i]||n[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,t,n){return t||n.slice(1)})})}(t,void 0===n?{}:n);return r.call(this,o)}}}()},8092(e){e.exports=function(){"use strict";return function(e,t,n){e=e||{};var o=t.prototype,i={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function r(e,t,n,i){return o.fromToBase(e,t,n,i)}n.en.relativeTime=i,o.fromToBase=function(t,o,r,a,l){for(var s,d,c,u=r.$locale().relativeTime||i,v=e.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],p=v.length,h=0;h<p;h+=1){var m=v[h];m.d&&(s=a?n(t).diff(r,m.d,!0):r.diff(t,m.d,!0));var f=(e.rounding||Math.round)(Math.abs(s));if(c=s>0,f<=m.r||!m.r){f<=1&&h>0&&(m=v[h-1]);var g=u[m.l];l&&(f=l(""+f)),d="string"==typeof g?g.replace("%d",f):g(f,o,m.l,c);break}}if(o)return d;var y=c?u.future:u.past;return"function"==typeof y?y(d):y.replace("%s",d)},o.to=function(e,t){return r(e,t,this,!0)},o.from=function(e,t){return r(e,t,this)};var a=function(e){return e.$u?n.utc():n()};o.toNow=function(e){return this.to(a(this),e)},o.fromNow=function(e){return this.from(a(this),e)}}}()},62658(e){e.exports=function(){"use strict";function e(){return e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},e.apply(this,arguments)}return function(t,n,o){o.updateLocale=function(t,n){var i=o.Ls[t];

1if(i)return(n?Object.keys(n):[]).forEach(function(t){i[t]&&n[t]&&"object"==typeof i[t]&&"object"==typeof n[t]&&!Array.isArray(i[t])?i[t]=e({},i[t],n[t]):i[t]=n[t]}),i}}}()}}]);
2//# sourceMappingURL=226.b0e81dfe.chunk.js.map