https://www.stickermule.com/home/_next/static/chunks/6068.13fc150c72142c97.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6068],{56068:function(e,n,l){l.r(n),l.d(n,{NotificationBanner:function(){return NotificationBanner}});var a=l(85893),t=l(5379),o=l.n(t),i=l(67294),d=l(94184),c=l.n(d),r=l(2031),s=l(71875),b=l(89450),h=l(50977),u=l(86240),p=l(38981),g=l(72407),x=l(63143),w=l(27810),k=l(32039),m=l(5152),f=l.n(m);let G={acorn:f()(()=>l.e(2229).then(l.bind(l,52229)).then(e=>e.AcornIcon),{loadableGenerated:{webpack:()=>[52229]},loading:()=>null,ssr:!1}),"address-book":f()(()=>l.e(6693).then(l.bind(l,26693)).then(e=>e.AddressBookIcon),{loadableGenerated:{webpack:()=>[26693]},loading:()=>null,ssr:!1}),"address-card":f()(()=>l.e(4799).then(l.bind(l,44799)).then(e=>e.AddressCardIcon),{loadableGenerated:{webpack:()=>[44799]},loading:()=>null,ssr:!1}),"air-conditioner":f()(()=>l.e(1687).then(l.bind(l,1687)).then(e=>e.AirConditionerIcon),{loadableGenerated:{webpack:()=>[1687]},loading:()=>null,ssr:!1}),"alarm-clock":f()(()=>l.e(6444).then(l.bind(l,66444)).then(e=>e.AlarmClockIcon),{loadableGenerated:{webpack:()=>[66444]},loading:()=>null,ssr:!1}),"alarm-exclamation":f()(()=>l.e(1741).then(l.bind(l,31741)).then(e=>e.AlarmExclamationIcon),{loadableGenerated:{webpack:()=>[31741]},loading:()=>null,ssr:!1}),"alarm-plus":f()(()=>l.e(1951).then(l.bind(l,61951)).then(e=>e.AlarmPlusIcon),{loadableGenerated:{webpack:()=>[61951]},loading:()=>null,ssr:!1}),"alarm-snooze":f()(()=>l.e(2509).then(l.bind(l,42509)).then(e=>e.AlarmSnoozeIcon),{loadableGenerated:{webpack:()=>[42509]},loading:()=>null,ssr:!1}),album:f()(()=>l.e(7153).then(l.bind(l,87153)).then(e=>e.AlbumIcon),{loadableGenerated:{webpack:()=>[87153]},loading:()=>null,ssr:!1}),"album-collection":f()(()=>l.e(5897).then(l.bind(l,75897)).then(e=>e.AlbumCollectionIcon),{loadableGenerated:{webpack:()=>[75897]},loading:()=>null,ssr:!1}),alicorn:f()(()=>l.e(4856).then(l.bind(l,44856)).then(e=>e.AlicornIcon),{loadableGenerated:{webpack:()=>[44856]},loading:()=>null,ssr:!1}),alien:f()(()=>l.e(1727).then(l.bind(l,11727)).then(e=>e.AlienIcon),{loadableGenerated:{webpack:()=>[11727]},loading:()=>null,ssr:!1}),"alien-8bit":f()(()=>l.e(7929).then(l.bind(l,57929)).then(e=>e.Alien8bitIcon),{loadableGenerated:{webpack:()=>[57929]},loading:()=>null,ssr:!1}),"align-center":f()(()=>l.e(3090).then(l.bind(l,83090)).then(e=>e.AlignCenterIcon),{loadableGenerated:{webpack:()=>[83090]},loading:()=>null,ssr:!1}),"align-justify":f()(()=>l.e(764).then(l.bind(l,10764)).then(e=>e.AlignJustifyIcon),{loadableGenerated:{webpack:()=>[10764]},loading:()=>null,ssr:!1}),"align-left":f()(()=>l.e(9135).then(l.bind(l,39135)).then(e=>e.AlignLeftIcon),{loadableGenerated:{webpack:()=>[39135]},loading:()=>null,ssr:!1}),"align-slash":f()(()=>l.e(1165).then(l.bind(l,11165)).then(e=>e.AlignSlashIcon),{loadableGenerated:{webpack:()=>[11165]},loading:()=>null,ssr:!1}),"amp-guitar":f()(()=>l.e(6252).then(l.bind(l,16252)).then(e=>e.AmpGuitarIcon),{loadableGenerated:{webpack:()=>[16252]},loading:()=>null,ssr:!1}),anchor:f()(()=>l.e(3572).then(l.bind(l,73572)).then(e=>e.AnchorIcon),{loadableGenerated:{webpack:()=>[73572]},loading:()=>null,ssr:!1}),angel:f()(()=>l.e(3083).then(l.bind(l,93083)).then(e=>e.AngelIcon),{loadableGenerated:{webpack:()=>[93083]},loading:()=>null,ssr:!1}),ankh:f()(()=>l.e(9842).then(l.bind(l,59842)).then(e=>e.AnkhIcon),{loadableGenerated:{webpack:()=>[59842]},loading:()=>null,ssr:!1}),apple:f()(()=>l.e(9806).then(l.bind(l,49806)).then(e=>e.AppleIcon),{loadableGenerated:{webpack:()=>[49806]},loading:()=>null,ssr:!1}),archway:f()(()=>l.e(3164).then(l.bind(l,33164)).then(e=>e.ArchwayIcon),{loadableGenerated:{webpack:()=>[33164]},loading:()=>null,ssr:!1}),"box-archive":f()(()=>l.e(1187).then(l.bind(l,91187)).then(e=>e.BoxArchiveIcon),{loadableGenerated:{webpack:()=>[91187]},loading:()=>null,ssr:!1}),"chart-mixed":f()(()=>l.e(8958).then(l.bind(l,78958)).then(e=>e.ChartMixedIcon),{loadableGenerated:{webpack:()=>[78958]},loading:()=>null,ssr:!1}),"chevron-down":f()(()=>l.e(9875).then(l.bind(l,29875)).then(e=>e.ChevronDownIcon),{loadableGenerated:{webpack:()=>[29875]},loading:()=>null,ssr:!1}),"chevron-left":f()(()=>l.e(4020).then(l.bind(l,54020)).then(e=>e.ChevronLeftIcon),{loadableGenerated:{webpack:()=>[54020]},loading:()=>null,ssr:!1}),"chevron-right":f()(()=>l.e(5473).then(l.bind(l,25473)).then(e=>e.ChevronRightIcon),{loadableGenerated:{webpack:()=>[25473]},loading:()=>null,ssr:!1}),"chevrons-down":f()(()=>l.e(6327).then(l.bind(l,66327)).then(e=>e.ChevronsDownIcon),{loadableGenerated:{webpack:()=>[66327]},loading:()=>null,ssr:!1}),"chevrons-left":f()(()=>l.e(9077).then(l.bind(l,29077)).then(e=>e.ChevronsLeftIcon),{loadableGenerated:{webpack:()=>[29077]},loading:()=>null,ssr:!1}),"chevrons-right":f()(()=>l.e(8354).then(l.bind(l,38354)).then(e=>e.ChevronsRightIcon),{loadableGenerated:{webpack:()=>[38354]},loading:()=>null,ssr:!1}),"chevrons-up":f()(()=>l.e(5951).then(l.bind(l,95951)).then(e=>e.ChevronsUpIcon),{loadableGenerated:{webpack:()=>[95951]},loading:()=>null,ssr:!1}),"chevron-up":f()(()=>l.e(5608).then(l.bind(l,15608)).then(e=>e.ChevronUpIcon),{loadableGenerated:{webpack:()=>[15608]},loading:()=>null,ssr:!1}),"circle-arrow-down":f()(()=>l.e(5450).then(l.bind(l,35450)).then(e=>e.CircleArrowDownIcon),{loadableGenerated:{webpack:()=>[35450]},loading:()=>null,ssr:!1}),"circle-arrow-left":f()(()=>l.e(9912).then(l.bind(l,69912)).then(e=>e.CircleArrowLeftIcon),{loadableGenerated:{webpack:()=>[69912]},loading:()=>null,ssr:!1}),"circle-arrow-right":f()(()=>l.e(3246).then(l.bind(l,33246)).then(e=>e.CircleArrowRightIcon),{loadableGenerated:{webpack:()=>[33246]},loading:()=>null,ssr:!1}

1),"circle-down":f()(()=>l.e(9787).then(l.bind(l,79787)).then(e=>e.CircleDownIcon),{loadableGenerated:{webpack:()=>[79787]},loading:()=>null,ssr:!1}),"circle-half-stroke":f()(()=>l.e(5191).then(l.bind(l,85191)).then(e=>e.CircleHalfStrokeIcon),{loadableGenerated:{webpack:()=>[85191]},loading:()=>null,ssr:!1}),"circle-left":f()(()=>l.e(1453).then(l.bind(l,91453)).then(e=>e.CircleLeftIcon),{loadableGenerated:{webpack:()=>[91453]},loading:()=>null,ssr:!1}),"circle-right":f()(()=>l.e(7339).then(l.bind(l,87339)).then(e=>e.CircleRightIcon),{loadableGenerated:{webpack:()=>[87339]},loading:()=>null,ssr:!1}),"circle-up":f()(()=>l.e(1420).then(l.bind(l,81869)).then(e=>e.CircleUpIcon),{loadableGenerated:{webpack:()=>[81869]},loading:()=>null,ssr:!1}),"crate-apple":f()(()=>l.e(9601).then(l.bind(l,19601)).then(e=>e.CrateAppleIcon),{loadableGenerated:{webpack:()=>[19601]},loading:()=>null,ssr:!1}),down:f()(()=>l.e(2643).then(l.bind(l,52643)).then(e=>e.DownIcon),{loadableGenerated:{webpack:()=>[52643]},loading:()=>null,ssr:!1}),"down-from-line":f()(()=>l.e(6700).then(l.bind(l,76700)).then(e=>e.DownFromLineIcon),{loadableGenerated:{webpack:()=>[76700]},loading:()=>null,ssr:!1}),"down-to-line":f()(()=>l.e(4681).then(l.bind(l,84681)).then(e=>e.DownToLineIcon),{loadableGenerated:{webpack:()=>[84681]},loading:()=>null,ssr:!1}),"face-angry":f()(()=>l.e(3283).then(l.bind(l,33283)).then(e=>e.FaceAngryIcon),{loadableGenerated:{webpack:()=>[33283]},loading:()=>null,ssr:!1}),"hand-dots":f()(()=>l.e(8427).then(l.bind(l,68427)).then(e=>e.HandDotsIcon),{loadableGenerated:{webpack:()=>[68427]},loading:()=>null,ssr:!1}),"asl-interpreting":f()(()=>l.e(7380).then(l.bind(l,97380)).then(e=>e.AslInterpretingIcon),{loadableGenerated:{webpack:()=>[97380]},loading:()=>null,ssr:!1}

1),left:f()(()=>l.e(2242).then(l.bind(l,2242)).then(e=>e.LeftIcon),{loadableGenerated:{webpack:()=>[2242]},loading:()=>null,ssr:!1}),"left-from-line":f()(()=>l.e(6778).then(l.bind(l,36778)).then(e=>e.LeftFromLineIcon),{loadableGenerated:{webpack:()=>[36778]},loading:()=>null,ssr:!1}),"left-to-line":f()(()=>l.e(5905).then(l.bind(l,95905)).then(e=>e.LeftToLineIcon),{loadableGenerated:{webpack:()=>[95905]},loading:()=>null,ssr:!1}),right:f()(()=>l.e(3193).then(l.bind(l,83193)).then(e=>e.RightIcon),{loadableGenerated:{webpack:()=>[83193]},loading:()=>null,ssr:!1}),"right-from-line":f()(()=>l.e(4237).then(l.bind(l,14237)).then(e=>e.RightFromLineIcon),{loadableGenerated:{webpack:()=>[14237]},loading:()=>null,ssr:!1}),"right-to-line":f()(()=>l.e(5753).then(l.bind(l,35753)).then(e=>e.RightToLineIcon),{loadableGenerated:{webpack:()=>[35753]},loading:()=>null,ssr:!1}),router:f()(()=>l.e(1274).then(l.bind(l,61274)).then(e=>e.RouterIcon),{loadableGenerated:{webpack:()=>[61274]},loading:()=>null,ssr:!1}),"spray-can-sparkles":f()(()=>l.e(1114).then(l.bind(l,1114)).then(e=>e.SprayCanSparklesIcon),{loadableGenerated:{webpack:()=>[1114]},loading:()=>null,ssr:!1}),"square-down":f()(()=>l.e(7889).then(l.bind(l,17889)).then(e=>e.SquareDownIcon),{loadableGenerated:{webpack:()=>[17889]},loading:()=>null,ssr:!1}),"square-left":f()(()=>l.e(9655).then(l.bind(l,59655)).then(e=>e.SquareLeftIcon),{loadableGenerated:{webpack:()=>[59655]},loading:()=>null,ssr:!1}),"square-right":f()(()=>l.e(6859).then(l.bind(l,26859)).then(e=>e.SquareRightIcon),{loadableGenerated:{webpack:()=>[26859]},loading:()=>null,ssr:!1}),"square-up":f()(()=>l.e(7561).then(l.bind(l,97561)).then(e=>e.SquareUpIcon),{loadableGenerated:{webpack:()=>[97561]},loading:()=>null,ssr:!1}),"truck-medical":f()(()=>l.e(9619).then(l.bind(l,29619)).then(e=>e.TruckMedicalIcon),{loadableGenerated:{webpack:()=>[29619]},loading:()=>null,ssr:!1}),up:f()(()=>l.e(4081).then(l.bind(l,44081)).then(e=>e.UpIcon),{loadableGenerated:{webpack:()=>[44081]},loading:()=>null,ssr:!1}),"up-from-line":f()(()=>l.e(9246).then(l.bind(l,59246)).then(e=>e.UpFromLineIcon),{loadableGenerated:{webpack:()=>[59246]},loading:()=>null,ssr:!1}),"up-to-line":f()(()=>l.e(1677).then(l.bind(l,71677)).then(e=>e.UpToLineIcon),{loadableGenerated:{webpack:()=>[71677]},loading:()=>null,ssr:!1})},I="closed-stickermule-banner-ids",NotificationBanner=e=>{let{id:n,header:l,message:t,ctaText:d,ctaUrl:m,className:f,textColor:y,backgroundColor:A,icon:C,onClose:j,onTransparentHeader:_=!1}=e,v=(0,s.z$)(),{colors:U,space:z,layout:L,mediaQueries:N,zIndexes:S}=(0,b.k)(),{t:T}=(0,r.$)(),[B,D]=(0,i.useState)(!1),[R,q]=(0,i.useState)(!0),[F,W]=(0,i.useState)(!1),E=d&&m,H=(0,i.useMemo)(()=>JSON.parse((0,w.fp)(I))||[],[]),J=C?G[C]:null;return((0,i.useEffect)(()=>{!B&&v&&(null==v||v.track("Notification banner shown",{campaignId:n}),D(!0))},[v,B,n]),(0,i.useEffect)(()=>{H.includes(n)||q(!1)},[H,n]),(0,i.useEffect)(()=>{if(R)return()=>void 0;let e=setTimeout(()=>W(!0),200);return()=>{clearTimeout(e)}},[R]),R)?null:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{"data-testid":"NotifyBanner",onTransitionEnd:()=>{F||q(!0)},className:o().dynamic([["3da6b6c13330c5b",[null!=A?A:U.uiAccent.bg,z["3x"],z["4x"],L.desktop.widthContent.xs,z["4x"],z["3x"],null!=y?y:U.uiAccent.fg,z["3x"],z["4x"],z["4x"],N.mediumUp,N.largeUp,k.c,S.default]]])+" "+(c()("wrapper",f,{isOpen:F,onTransparentHeader:_})||""),children:(0,a.jsxs)("div",{className:o().dynamic([["3da6b6c13330c5b",[null!=A?A:U.uiAccent.bg,z["3x"],z["4x"],L.desktop.widthContent.xs,z["4x"],z["3x"],null!=y?y:U.uiAccent.fg,z["3x"],z["4x"],z["4x"],N.mediumUp,N.largeUp,k.c,S.default]]])+" bannerContent",children:[(0,a.jsx)("div",{className:o().dynamic([["3da6b6c13330c5b",[null!=A?A:U.uiAccent.bg,z["3x"],z["4x"],L.desktop.widthContent.xs,z["4x"],z["3x"],null!=y?y:U.uiAccent.fg,z["3x"],z["4x"],z["4x"],N.mediumUp,N.largeUp,k.c,S.default]]])+" iconWrapper",children:J&&(0,a.jsx)(J,{color:null!=y?y:U.uiAccent.fg,size:35,className:o().dynamic([["3da6b6c13330c5b",[null!=A?A:U.uiAccent.bg,z["3x"],z["4x"],L.desktop.widthContent.xs,z["4x"],z["3x"],null!=y?y:U.uiAccent.fg,z["3x"],z["4x"],z["4x"],N.mediumUp,N.largeUp,k.c,S.default]]])})}),(0,a.jsxs)("div",{className:o().dynamic([["3da6b6c13330c5b",[null!=A?A:U.uiAccent.bg,z["3x"],z["4x"],L.desktop.widthContent.xs,z["4x"],z["3x"],null!=y?y:U.uiAccent.fg,z["3x"],z["4x"],z["4x"],N.mediumUp,N.largeUp,k.c,S.default]]])+" contentWrapper",children:[(0,a.jsx)(p.X,{as:"h4",size:"xxs",children:l}),(0,a.jsx)(u.x,{children:t})]}),E&&(0,a.jsx)(g.z,{isFullWidth:[!0,!1],onClick:()=>

1{v?v.track("Notification banner clicked",{campaignId:n},{},()=>{window.open(m,"_blank")}):((0,h.e)("Analytics not defined when clicking Notification banner"),window.open(m,"_blank"))},size:"sm",variant:"colorless",children:d}),(0,a.jsx)("button",{"aria-label":T("Close"),onClick:()=>{W(!1),H.push(n),(0,w.m8)(I,JSON.stringify(H.slice(-5))),setTimeout(()=>{null==j||j()},200)},type:"button",className:o().dynamic([["3da6b6c13330c5b",[null!=A?A:U.uiAccent.bg,z["3x"],z["4x"],L.desktop.widthContent.xs,z["4x"],z["3x"],null!=y?y:U.uiAccent.fg,z["3x"],z["4x"],z["4x"],N.mediumUp,N.largeUp,k.c,S.default]]])+" closeButton",children:(0,a.jsx)(x.F,{color:null!=y?y:U.uiAccent.fg})})]})}),(0,a.jsx)(o(),{id:"3da6b6c13330c5b",dynamic:[null!=A?A:U.uiAccent.bg,z["3x"],z["4x"],L.desktop.widthContent.xs,z["4x"],z["3x"],null!=y?y:U.uiAccent.fg,z["3x"],z["4x"],z["4x"],N.mediumUp,N.largeUp,k.c,S.default],children:".wrapper.__jsx-style-dynamic-selector{background-color:".concat(null!=A?A:U.uiAccent.bg,";max-height:0px;overflow:hidden;-webkit-transition:max-height 1s ease-in-out;-moz-transition:max-height 1s ease-in-out;-o-transition:max-height 1s ease-in-out;transition:max-height 1s ease-in-out}.wrapper.isOpen.__jsx-style-dynamic-selector{max-height:500px}.bannerContent.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:").concat(z["3x"]," ").concat(z["4x"],";max-width:").concat(L.desktop.widthContent.xs,";position:relative}.iconWrapper.__jsx-style-dynamic-selector{margin-right:").concat(z["4x"],"}.contentWrapper.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-bottom:").concat(z["3x"],"}.contentWrapper.__jsx-style-dynamic-selector>p,.contentWrapper.__jsx-style-dynamic-selector>h4{color:").concat(null!=y?y:U.uiAccent.fg,"}.closeButton.__jsx-style-dynamic-selector{position:absolute;top:").concat(z["3x"],";right:").concat(z["4x"],";background-color:transparent;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0;margin-left:").concat(z["4x"],"}@media ").concat(N.mediumUp,"{.bannerContent.__jsx-style-dynamic-selector{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 auto;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.contentWrapper.__jsx-style-dynamic-selector{margin-bottom:0}.closeButton.__jsx-style-dynamic-selector{position:unset}}@media ").concat(N.largeUp,"{.wrapper.onTransparentHeader.__jsx-style-dynamic-selector{position:absolute;top:").concat(k.c,"px;left:0;right:0;z-index:").concat(S.default,"}}")})]})}}}]);