https://lovemybrand.ai/_next/static/chunks/pages/notifications-0b26ac75fdb08e47.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54412,79842],{2552:e=>{var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}},12806:(e,t,i)=>{var n=i(59344),a=i(77404),s=i(86537),r=i(17429);e.exports=function(e,t,i){if(!r(i))return!1;var o=typeof t;return("number"==o?!!(a(i)&&s(t,i.length)):"string"==o&&t in i)&&n(i[t],e)}},14010:(e,t,i)=>{"use strict";i.d(t,{h:()=>a});var n=i(68268);let a=({key:e})=>{let[t,i]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{localStorage.getItem(e)&&i(!0),setTimeout(()=>localStorage.removeItem(e),0)},[e]),{isShowFlashMessage:t,setShowFlashMessage:i}}},17429:e=>{e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},23968:(e,t,i)=>{"use strict";i.d(t,{S:()=>o});var n=i(57146),a=i.n(n),s=i(60726),r=i.n(s);let o=e=>t=>r()(e,e=>{let i=/(.*)_(REQUEST|SUCCESS|FAILURE)/.exec(e);if(!i)return!1;let[,n]=i;return a()(t,`loading.${n}`)})},25562:(e,t,i)=>{var n=i(43330),a=i(40922);e.exports=function(e){return"symbol"==typeof e||a(e)&&"[object Symbol]"==n(e)}},31054:(e,t,i)=>{"use strict";i.r(t),i.d(t,{__N_SSP:()=>S,default:()=>N});var n=i(27488),a=i(58946),s=i(49664),r=i(20052),o=i(86051),l=i.n(o),c=i(50945),d=i(68268),f=i(35277),u=i(14010),p=i(46470),_=i(23968),x=i(468),h=i(94305),m=i(95096),b=i.n(m);let j=l()(()=>Promise.all([i.e(10983),i.e(407)]).then(i.bind(i,407)),{loadableGenerated:{webpack:()=>[407]},ssr:!1}),v=l()(()=>Promise.all([i.e(71867),i.e(39033),i.e(1909)]).then(i.bind(i,1909)),{loadableGenerated:{webpack:()=>[1909]},ssr:!1}),y=l()(()=>Promise.all([i.e(71867),i.e(39033),i.e(25576),i.e(69572)]).then(i.bind(i,69572)),{loadableGenerated:{webpack:()=>[69572]},ssr:!1});function g(){return(0,n.jsx)("div",{className:b().skeletonList,"aria-label":"Loading notifications",children:[0,1,2,3].map(e=>(0,n.jsxs)("div",{className:b().skeletonItem,children:[(0,n.jsx)("span",{className:b().skeletonIcon}),(0,n.jsxs)("span",{className:b().skeletonCopy,children:[(0,n.jsx)("i",{}),(0,n.jsx)("i",{})]}),(0,n.jsx)("span",{className:b().skeletonDate})]},e))})}function k(){let e=(0,f.wA)(),{t}=(0,c.useTranslation)("notifications"),{isShowFlashMessage:i,setShowFlashMessage:a}=(0,u.h)({key:"notificationsFirstEntry"}),s=(0,f.d4)(h.y),r=(0,f.d4)(e=>(0,_.S)([x.Ms.type])(e)),o=(0,d.useCallback)(()=>{e(x.pM({offset:s?.results?.length}))},[e,s?.results?.length]),l=(0,f.d4)(e=>(0,_.S)([x.pM.type])(e));(0,d.useEffect)(()=>{e(x.Ms({}))},[e]);let m=(s?.results||[]).filter(e=>!e?.is_seen).length;return(0,n.jsxs)("main",{className:b().container,id:"notifications-main",children:[(0,n.jsx)(p.A,{id:"notifications-title",eyebrow:t("activity_center",{defaultValue:"Activity center"}),title:t("notifications",{defaultValue:"Notifications"}),description:t("notifications_workspace_description",{defaultValue:"Feedback, project changes, and approvals arrive here in one clear timeline."}),variant:"notifications",metrics:[{label:t("all_activity",{defaultValue:"All activity"}),value:s?.count??"—"},{label:t("unread",{defaultValue:"Unread"}),value:m}],actions:(0,n.jsxs)("button",{type:"button",onClick:()=>e(x.Pl()),className:b().readAll,disabled:!m,children:[(0,n.jsx)("svg",{viewBox:"0 0 20 20","aria-hidden":"true",children:(0,n.jsx)("path",{d:"m4 10 3.2 3.2L16 5.8M10.2 13.2l1.5 1.5L18 8.4"})}),t("read_all")]})}),(0,n.jsxs)("section",{className:b().feed,"aria-labelledby":"activity-feed-title",children:[(0,n.jsxs)("header",{className:b().feedHeader,children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{children:t("inbox",{defaultValue:"Inbox"})}),(0,n.jsx)("h2",{id:"activity-feed-title",children:t("recent_activity",{defaultValue:"Recent activity"})})]}),(0,n.jsx)("p",{children:t("notification_feed_hint",{defaultValue:"Unread updates stay highlighted until you open them or mark the feed as read."})})]}),(0,n.jsx)("div",{className:b().notifications,children:r?(0,n.jsx)(g,{}):s?.count===0?(0,n.jsxs)("div",{className:b().emptyState,children:[(0,n.jsxs)("div",{className:b().emptyArtwork,"aria-hidden":"true",children:[(0,n.jsx)("span",{}),(0,n.jsxs)("svg",{viewBox:"0 0 80 80",children:[(0,n.jsx)("path",{d:"M24 53h32l-5-8V33c0-8-5-14-11-14s-11 6-11 14v12l-5 8Z"}),(0,n.jsx)("path",{d:"M35 59c1 4 3 6 5 6s4-2 5-6"})]})]}),(0,n.jsx)("span",{children:t("all_caught_up",{defaultValue:"All caught up"})}),(0,n.jsx)("h2",{children:t("no_notifications")}),(0,n.jsx)("p",{children:t("notifications_empty_hint",{defaultValue:"Project feedback, approvals, and account updates will appear here."})})]}):s?.results?.map(e=>(0,n.jsx)(j,{notification:e},e.id))}),s?.count>s?.results?.length&&(0,n.jsx)(v,{onClick:o,isLoading:l})]}),i&&(0,n.jsx)(y,{text:t("notifications_explain"),buttonText:t("got_it",{ns:"common"}),isOpen:i,onClose:()=>a(!1),fixed:!0})]})}(0,i(7065).WQ)("notifications",i(1667).default,i(2333).default);var S=!0;let N=(0,r.A)(()=>(0,n.jsx)("div",{className:"pageContainer",children:(0,n.jsxs)("div",{className:"pageWrapper",children:[(0,n.jsx)(a.default,{}),(0,n.jsxs)("div",{className:"pageContent",children:[(0,n.jsx)(s.A,{}),(0,n.jsx)(k,{})]})]})}))},37878:(e,t,i)=>{var n=i(48575);e.exports=function(e,t){var i;return n(e,function(e,n,a){return!(i=t(e,n,a))}),!!i}},38771:(e,t,i)=>{var n=i(72630),a="object"==typeof self&&self&&self.Object===Object&&self;e.exports=n||a||Function("return this")()},40922:e=>{e.exports=function(e){return null!=e&&"object"==typeof e}},43330:(e,t,i)=>{var n=i(74063),a=i(70795),s=i(2552),r=n?n.toStringTag:void 0;

1e.exports=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":r&&r in Object(e)?a(e):s(e)}},60726:(e,t,i)=>{var n=i(30068),a=i(4563),s=i(37878),r=i(15931),o=i(12806);e.exports=function(e,t,i){var l=r(e)?n:s;return i&&o(e,t,i)&&(t=void 0),l(e,a(t,3))}},70795:(e,t,i)=>{var n=i(74063),a=Object.prototype,s=a.hasOwnProperty,r=a.toString,o=n?n.toStringTag:void 0;e.exports=function(e){var t=s.call(e,o),i=e[o];try{e[o]=void 0;var n=!0}catch(e){}var a=r.call(e);return n&&(t?e[o]=i:delete e[o]),a}},72630:(e,t,i)=>{e.exports="object"==typeof i.g&&i.g&&i.g.Object===Object&&i.g},74063:(e,t,i)=>{e.exports=i(38771).Symbol},89555:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/notifications",function(){return i(31054)}])},95096:e=>{e.exports={primaryRed:"#c21c75",primaryPurple:"#da77ac",pink:"#f3e4ec",pink2:"#d885b1",backgroundRed:"rgba(194,28,117,.0784313725)",lightRed:"#fddcdc",activeRed:"#f6eef1",background:"#f9f8f6",white:"#fff",mainText:"#3d3c39",black2:"#0f0f0f",black4:"#343434",dividerColor:"#e8e6e1",lightGray:"#f3f1ed",gray6:"#bfbfbf",gray7:"#868686",gray10:"#9b9b9b",mobileScreen:"375px",smallScreen:"425px",mediumScreen:"768px",largeScreen:"1024px",extraLargeScreen:"1440px",container:"NotificationsScreen_container__OsR8C",readAll:"NotificationsScreen_readAll__a2tSP",feed:"NotificationsScreen_feed__aD3Ws",feedHeader:"NotificationsScreen_feedHeader__cO66I",notifications:"NotificationsScreen_notifications__wCWkW",skeletonList:"NotificationsScreen_skeletonList__PBw19",skeletonItem:"NotificationsScreen_skeletonItem__XuHyk",skeletonIcon:"NotificationsScreen_skeletonIcon__5lPPN",skeletonCopy:"NotificationsScreen_skeletonCopy__j41L2",skeletonDate:"NotificationsScreen_skeletonDate__IgjYn",skeletonShimmer:"NotificationsScreen_skeletonShimmer___IiPi",emptyState:"NotificationsScreen_emptyState__HZZYz",emptyArtwork:"NotificationsScreen_emptyArtwork__7dDK9",emptyOrbit:"NotificationsScreen_emptyOrbit__rQX8p"}}},e=>{e.O(0,[65085,97869,33089,31446,51313,98432,76978,7065,86885,2659,56272,14956,90636,46593,38792],()=>e(e.s=89555)),_N_E=e.O()}]);