https://forefront.ai/_next/static/chunks/pages/app/settings/notifications-7ebc13c9e4ef7cb3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6294],{83113:function(e,t,a){"use strict";var s,i=a(67294);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}t.Z=function(e){return i.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:"width",height:"height",fill:"none",viewBox:"0 0 24 24"},e),s||(s=i.createElement("path",{fill:"currentColor",d:"M21.6 2H2.4A2.382 2.382 0 0 0 .012 4.4L0 18.8c0 1.332 1.068 2.4 2.4 2.4h19.2c1.332 0 2.4-1.068 2.4-2.4V4.4C24 3.068 22.932 2 21.6 2m-1.2 16.8H3.6c-.66 0-1.2-.54-1.2-1.2v-6h19.2v6c0 .66-.54 1.2-1.2 1.2m1.2-12H2.4V4.4h19.2z"})))}},96732:function(e,t,a){"use strict";var s,i,n=a(67294);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}t.Z=function(e){return n.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"width",height:"height",fill:"none",viewBox:"0 0 14 14"},e),s||(s=n.createElement("g",{clipPath:"url(#plans_svg__a)"},n.createElement("path",{fill:"currentColor",d:"M10.505 1.75c-1.242 0-2.579.255-3.502.955-.923-.7-2.26-.955-3.501-.955-.924 0-1.904.14-2.725.503C.312 2.463 0 2.915 0 3.431v7.181a1.27 1.27 0 0 0 1.579 1.235 7.866 7.866 0 0 1 1.923-.229c.993 0 2.05.166 2.903.586.382.19.815.19 1.19 0 .853-.427 1.91-.586 2.903-.586.637 0 1.3.07 1.923.23A1.264 1.264 0 0 0 14 10.611V3.431c0-.516-.312-.968-.777-1.178-.815-.363-1.795-.503-2.718-.503m2.228 8.105c0 .4-.37.694-.764.624a8.028 8.028 0 0 0-1.464-.128c-1.083 0-2.642.414-3.502.955V3.978c.86-.54 2.42-.955 3.502-.955.585 0 1.165.058 1.719.179.293.063.509.324.509.623z"}),n.createElement("path",{fill:"#ABAEC4",d:"M8.264 5.895a.47.47 0 0 1-.452-.331.473.473 0 0 1 .306-.599c.98-.318 2.247-.42 3.412-.286a.478.478 0 0 1-.108.948c-1.032-.12-2.158-.025-3.012.248-.05.007-.101.02-.146.02M8.264 7.588a.47.47 0 0 1-.452-.33.473.473 0 0 1 .306-.6c.974-.318 2.247-.42 3.412-.286a.478.478 0 0 1-.108.949c-1.032-.121-2.158-.026-3.012.248a.617.617 0 0 1-.146.02M8.264 9.282a.47.47 0 0 1-.452-.332.473.473 0 0 1 .306-.598c.974-.318 2.247-.42 3.412-.286a.478.478 0 0 1 .42.528.483.483 0 0 1-.528.42c-1.032-.12-2.158-.025-3.012.248a.619.619 0 0 1-.146.02"}))),i||(i=n.createElement("defs",null,n.createElement("clipPath",{id:"plans_svg__a"},n.createElement("path",{fill:"#fff",d:"M0 0h14v14H0z"})))))}},26629:function(e,t,a){"use strict";var s,i=a(67294);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}t.Z=function(e){return i.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:"width",height:"height",fill:"none",viewBox:"0 0 24 24"},e),s||(s=i.createElement("path",{fill:"currentColor",d:"M12 12.75c1.63 0 3.07.39 4.24.9 1.08.48 1.76 1.56 1.76 2.73V17c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-.61c0-1.18.68-2.26 1.76-2.73 1.17-.52 2.61-.91 4.24-.91M4 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m1.13 1.1c-.37-.06-.74-.1-1.13-.1-.99 0-1.93.21-2.78.58A2.01 2.01 0 0 0 0 16.43V17c0 .55.45 1 1 1h3.5v-1.61c0-.83.23-1.61.63-2.29M20 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m4 3.43c0-.81-.48-1.53-1.22-1.85A6.95 6.95 0 0 0 20 14c-.39 0-.76.04-1.13.1.4.68.63 1.46.63 2.29V18H23c.55 0 1-.45 1-1zM12 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3"})))}},15131:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/app/settings/notifications",function(){return a(63559)}])},59695:function(e,t,a){"use strict";var s=a(85893);a(67294),t.Z=e=>{let{label:t,hideLabel:a,checked:i,onToggle:n,grow:l,className:r}=e,c=String(Math.random());return(0,s.jsxs)("div",{className:"flex items-center justify-between gap-2 ".concat(l&&"grow"," ").concat(r),children:[!a&&(0,s.jsx)("label",{htmlFor:c,className:"text-sm font-medium antialiased text-th-primary-medium pointer-events-none",children:t}),(0,s.jsx)("div",{className:"flex items-center",onClick:n,children:(0,s.jsxs)("div",{className:"".concat(i?"bg-th-brand-primary hover:bg-th-brand-secondary border-transparent":"bg-th-background-secondary hover:bg-th-background-hover border-th-border-primary"," relative flex items-center p-[3px] w-9 h-5 transition-colors duration-200 ease-in-out rounded-full cursor-pointer border"),children:[(0,s.jsx)("input",{id:c,t

1ype:"checkbox",className:"hidden",checked:i}),(0,s.jsx)("span",{className:"".concat(i?"translate-x-4 bg-white":"translate-x-0 bg-th-primary-light"," inline-block w-[14px] h-[14px] transition-transform duration-200 ease-in-out transform rounded-full")})]})})]})}},64221:function(e,t,a){"use strict";a.d(t,{Z:function(){return c}});var s,i=a(85893),n=a(67294);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}var r=function(e){return n.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"width",height:"height",fill:"none",viewBox:"0 0 240 240"},e),s||(s=n.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M159.568 29.978c-20.582-10.237-38.169-18.886-39.084-19.22-2.237-.816-7.628-1.021-9.976-.379-5.019 1.373-9.489 4.933-11.587 9.23-2.045 4.185-2.105 4.645-2.244 17.126l-.125 11.247 4.253 2.13c2.34 1.172 4.318 2.131 4.397 2.131.078 0 .182-5.883.23-13.074l.088-13.075.797-1.699c1.073-2.29 2.693-4.01 4.699-4.992 1.37-.67 2.064-.811 3.929-.799l2.264.015 12.445 6.135c30.238 14.906 62.978 31.398 63.51 31.991.365.407.63 1.249.715 2.272.125 1.515.066 1.695-.882 2.686-1.161 1.211-35.654 25.09-37.78 26.154-1.711.856-4.32 1.16-6.108.709-.736-.186-20.504-9.871-43.928-21.525-23.423-11.652-43.404-21.468-44.402-21.81-2.5-.86-6.922-1.058-9.596-.43C44.27 46.427 38.866 52.154 37.5 59.3c-.668 3.495-.668 62.759 0 65.951.715 3.416 2.6 6.864 5.098 9.329l2.14 2.111 38.553 19.185c21.204 10.552 39.301 19.454 40.215 19.782 2.341.84 7.083 1.041 9.75.415 2.263-.532 5.106-1.861 7.179-3.357.748-.54 8.911-6.183 18.139-12.541 9.227-6.357 17.295-12.055 17.927-12.661 2.41-2.31 4.141-6.103 4.141-9.076 0-1.885-.738-4.632-1.737-6.468-1.521-2.795-3.148-3.903-12.32-8.395-4.656-2.28-16.763-8.26-26.905-13.289-32.893-16.31-39.797-19.649-40.632-19.649-1.071 0-2.072.956-2.293 2.19-.096.542-.136 10.915-.089 23.053l.086 22.068 4.308 2.2 4.308 2.2v-19.658c0-12.428.107-19.658.292-19.658.16 0 14.886 7.256 32.724 16.124 30.112 14.971 33.247 16.406 33.496 18.235.046.334-.005.682-.005 1.128 0 1.091-.176 1.575-.831 2.282-.458.494-7.497 5.482-15.645 11.084l-18.458 12.694c-4.428 3.045-6.4 3.739-9.163 3.225-2.532-.471-77.362-37.691-79.043-39.316-.638-.616-1.522-1.801-1.965-2.632l-.805-1.512V60.254l.956-1.813c2.144-4.069 6.086-6.175 9.99-5.338.9.193 18.49 8.78 44.098 21.527 23.43 11.663 43.349 21.48 44.263 21.816 2.379.873 7.655 1.083 10.284.41 2.985-.764 4.549-1.606 9.971-5.365a10881.59 10881.59 0 0 1 18.743-12.938c7.565-5.213 14.315-10.052 14.999-10.754 2.592-2.654 3.835-6.72 3.195-10.452-.48-2.8-1.567-4.849-3.708-6.99-1.718-1.718-2.807-2.285-39.189-20.38M45.815 152.008l-4.228-2.118c-2.326-1.165-4.298-2.118-4.384-2.118-.325 0-.16 67.883.17 69.701.498 2.745 2.127 5.852 4.135 7.887 4.76 4.822 11.926 6.012 17.91 2.974 2.546-1.292 38.835-26.5 40.525-28.151 1.967-1.919 3.389-4.154 4.452-6.992.662-1.77.781-2.663.904-6.78l.141-4.741-4.275-2.142c-2.94-1.472-4.317-2.022-4.408-1.758-.073.211-.172 3.104-.22 6.43-.086 6.018-.09 6.053-.953 7.611-.478.861-1.226 1.898-1.663 2.307-1 .931-36.524 25.422-38.406 26.477-3.293 1.845-7.732.23-9.23-3.359-.415-.992-.47-4.882-.47-33.176z",clipRule:"evenodd"})))},c=()=>(0,i.jsxs)("div",{className:"w-full h-full flex flex-col gap-3 items-center justify-center",children:[(0,i.jsx)(r,{className:"w-10 h-10 text-th-primary-dark animate-pulse animate-fade-in"}),(0,i.jsx)("p",{className:"cursor-default text-base antialiased font-medium animate-pulse text-th-primary-dark animate-fade-in",children:"Loading account"})]})},31513:function(e,t,a){"use strict";a.d(t,{Z:function(){return y}});var s,i,n=a(85893),l=a(39332),r=a(67294);function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}var o=function(e){return r.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",width:"width",height:"height",fill:"none",viewBox:"0 0 24 24"},e),s||(s=r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M3.438 10.828v10.828H1V24h21.656v-2.344H20.218V0H3.439zm4.78-7.265V4.78H5.782V3.625c0-.636.028-1.184.063-1.219.034-.034.583-.062 1.219-.062h1.156zm4.782 0V4.78h-2.344V2.343H13zm4.854.023.027 1.195h-2.443V2.338l1.195.026 1.195.027zM8.22 8.44v1.222l-1.196-.026-1.195-.027-.026-1.195-.026-1.195h2.443zM13 8.438v1.218h-2.344V7.22H13zm4.854-.024-.026 1.195-1.195.027-1.195.026V7.219h2.443zM8.22 13.222v1.221l-1.196-.026-1.195-.026-.026-1.196L5.776 12h2.443zM13 13.219v1.219h-2.344V12H13zm4.854-.024-.026 1.196-1.195.026-1.195.026V12h2.443zm-4.988 3.849c.486.25.923.717 1.158 1.237.165.366.19.617.193 1.899l.002 1.476H9.437l.003-1.476c.001-1.282.027-1.533.192-1.899.308-.68.87-1.183 1.586-1.418.373-.122 1.246-.026 1.648.18",clipRule:"evenodd"})))};

1function h(){return(h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}var d=function(e){return r.createElement("svg",h({xmlns:"http://www.w3.org/2000/svg",width:"width",height:"height",fill:"none",viewBox:"0 0 24 24"},e),i||(i=r.createElement("path",{fill:"currentColor",d:"M12 12c3.315 0 6-2.685 6-6s-2.685-6-6-6-6 2.685-6 6 2.685 6 6 6m0 3c-4.005 0-12 2.01-12 6v1.5c0 .825.675 1.5 1.5 1.5h21c.825 0 1.5-.675 1.5-1.5V21c0-3.99-7.995-6-12-6"})))},m=a(26629),p=a(44318),x=a(96732),f=a(83113),u=a(41664),v=a.n(u),g=a(11163),w=()=>{let e=(0,l.usePathname)(),t=(0,g.useRouter)();return(0,n.jsxs)("div",{className:"p-4 flex flex-col gap-4 w-[280px] border-r border-th-border-primary h-full",children:[(0,n.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,n.jsx)(v(),{href:"#",onClick:e=>{e.preventDefault(),t.push("/app/models")},children:(0,n.jsx)(p.Z,{className:"cursor-pointer h-3 w-3 text-th-primary-light hover:text-th-primary-dark transition"})}),(0,n.jsx)("p",{className:"text-xl font-medium text-th-primary-dark antialiased",children:"Settings"})]}),(0,n.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,n.jsxs)(v(),{className:"".concat(e.startsWith("/app/settings/general")?"sidebar-tab-active":"sidebar-tab-inactive"),href:"/app/settings/general",children:[(0,n.jsx)(o,{className:"w-[14px] h-[14px]"}),(0,n.jsx)("p",{className:"text-sm font-medium",children:"General"})]}),(0,n.jsxs)(v(),{className:"".concat(e.startsWith("/app/settings/account")?"sidebar-tab-active":"sidebar-tab-inactive"),href:"/app/settings/account",children:[(0,n.jsx)(d,{className:"w-[14px] h-[14px]"}),(0,n.jsx)("p",{className:"text-sm font-medium",children:"Account"})]}),(0,n.jsxs)(v(),{className:"".concat(e.startsWith("/app/settings/team")?"sidebar-tab-active":"sidebar-tab-inactive"),href:"/app/settings/team",children:[(0,n.jsx)(m.Z,{className:"w-[14px] h-[14px]"}),(0,n.jsx)("p",{className:"text-sm font-medium",children:"Team"})]}),(0,n.jsxs)(v(),{className:"".concat(e.startsWith("/app/settings/plans")?"sidebar-tab-active":"sidebar-tab-inactive"),href:"/app/settings/plans",children:[(0,n.jsx)(x.Z,{className:"w-[14px] h-[14px]"}),(0,n.jsx)("p",{className:"text-sm font-medium",children:"Plans"})]}),(0,n.jsxs)(v(),{className:"".concat(e.startsWith("/app/settings/billing")?"sidebar-tab-active":"sidebar-tab-inactive"),href:"/app/settings/billing",children:[(0,n.jsx)(f.Z,{className:"w-[14px] h-[14px]"}),(0,n.jsx)("p",{className:"text-sm font-medium",children:"Billing"})]})]})]})},j=a(13209),b=a(64221);function y(e){let{children:t,moreWidth:a=!1}=e,{loadingTeams:s}=(0,j.A)();return(0,n.jsx)("div",{className:"w-screen h-screen flex overflow-hidden bg-th-background",children:s?(0,n.jsx)(b.Z,{}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(w,{}),(0,n.jsx)("div",{className:"h-full w-full flex justify-center pt-16 px-10 overflow-y-scroll",children:(0,n.jsx)("div",{className:"flex flex-col gap-6 w-full",style:{maxWidth:a?"800px":"640px"},children:t})})]})})}},63559:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return d}});var s,i=a(85893),n=a(67294);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}var r=function(e){return n.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:"width",height:"height",fill:"none",viewBox:"0 0 24 24"},e),s||(s=n.createElement("path",{fill:"currentColor",d:"M21.6 2H2.4A2.397 2.397 0 0 0 .012 4.4L0 18.8c0 1.32 1.08 2.4 2.4 2.4h19.2c1.32 0 2.4-1.08 2.4-2.4V4.4C24 3.08 22.92 2 21.6 2m-.48 5.1-8.484 5.304c-.384.24-.888.24-1.272 0L2.88 7.1a1.019 1.019 0 1 1 1.08-1.728L12 10.4l8.04-5.028A1.019 1.019 0 1 1 21.12 7.1"})))},c=a(59695),o=a(47725),h=a(31513);function d(){let[e,t]=(0,n.useState)(!0),[a,s]=(0,n.useState)("daily"),[l,d]=(0,n.useState)(!0),[m,p]=(0,n.useState)("#activity");return(0,n.useEffect)(()=>{},[a,e,l,m]),(0,i.jsxs)(h.Z,{children:[(0,i.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,i.jsx)("h1",{className:"antialised text-2xl font-semibold text-th-primary-dark",children:"Notifications"}),(0,i.jsx)("p",{className:"text-base antialiased text-th-primary-dark",children:"Select where and when you’ll be notified."})]}),(0,i.jsx)("div",{className:"my-divider"}),(0,i.jsxs)("div",{className:"flex gap-6 items-start",children:[(0,i.jsxs)("div",{className:"flex gap-3 items-start grow",children:[(0,i.jsx)("div",{className:"py-[2px]",children:(0,i.jsx)(r,{className:"w-5 h-5 text-th-primary-dark"})}),(0,i.jsxs)("div",{className:"flex flex-col grow gap-3",children:[(0,i.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,i.jsx)("p",{className:"text-base font-medium antialiased text-th-primary-dark",children:"Email digest"}),(0,i.jsx)("p",{className:"text-sm antialiased text-th-primary-light",children:"Receive an email summary of churn activity. Notifications will be grouped together and sent on the frequency you set."})]}),(0,i.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,i.jsx)("p",{className:"text-sm font-medium text-th-primary-dark antialiased",children:"Email frequency"}),(0,i.jsx)(o.Z,{label:"Notifications",options:[{name:"Daily",value:"daily",isSelected:"daily"===a,onClick:()=>s("daily")},{name:"Weekly",value:"weekly",isSelected:"weekly"===a,onClick:()=>s("weekly")},{name:"Monthly",value:"monthly",isSelected:"monthly"===a,onClick:()=>s("monthly")}]})]})]})]}),(0,i.jsx)(c.Z,{label:"Email notifications",checked:e,onToggle:()=>t(!e)})]}),(0,i.jsxs)("div",{className:"flex gap-6 items-start",children:[(0,i.jsxs)("div",{className:"flex gap-3 items-start grow",children:[(0,i.jsx)("div",{className:"py-[2px] flex-shrink-0",children:(0,i.jsx)("img",{src:"/slack.png",className:"w-5 h-5"})}),(0,i.jsxs)("div",{className:"flex flex-col grow gap-3",children:[(0,i.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,i.jsx)("p",{className:"text-base font-medium antialiased text-th-primary-dark",children:"Slack"}),(0,i.jsx)("p",{className:"text-sm antialiased text-th-primary-light",children:"Receive notifications of churn activity in Slack. Notifications will be sent as the events occur."})]}),(0,i.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,i.jsx)("p",{className:"text-sm font-medium text-th-primary-dark antialiased",children:"Slack channel"}),(0,i.jsx)(o.Z,{label:"Slack channel",options:[{name:"#Activity",value:"#activity",isSelected:"#activity"===m,onClick:()=>p("#activity")},{name:"#General",value:"#general",isSelected:"#general"===m,onClick:()=>p("#general")},{name:"#Marketing",value:"#marketing",isSelected:"#marketing"===m,onClick:()=>p("#marketing")}]})]})]})]}),(0,i.jsx)(c.Z,{label:"Slack notifications",checked:l,onToggle:()=>d(!l)})]})]})}}},function(e){e.O(0,[1664,9774,2888,179],function(){return e(e.s=15131)}),_N_E=e.O()}]);