https://shop.supervalu.ie/static/js/ErrorToastChunk.e5c4b823.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[8331],{90730:(e,t,o)=>{o.r(t),o.d(t,{ErrorToastComponent:()=>j,default:()=>z});var i=o(85893),s=o(67294),n=o(29163),r=o(51667),c=o(1849),d=o(55977),l=o(681),a=o(67979);let u=n.ZP.div.withConfig({displayName:"Box",componentId:"-__sc-1dbec413-0"})(["",""],({theme:e,type:t,toastVisible:o})=>`
2    transition: opacity 1s ease-out, z-index 1s ease-out;
3    opacity:  ${o?"1":"0"};
4    display: flex;
5    width: 60%;
6    padding: ${d.W0.sm};
7    ${(0,l.E0)()}
8    
9    ${"success"===t?`background-color: ${e.colors.uiColors.successLight};`:""}
10    
11    ${"warning"===t?`
12        background-color: lightyellow;
13        border: 1px solid yellow;`:""}
14        
15    ${"error"===t?`
16        background-color: pink;
17        border: 1px solid red;`:""}
18
19    position: fixed;
20    bottom: 25px;
21    z-index: ${o?c.Wo:c.x};
22    right: 50%;
23    transform: translateX(50%);
24    ${(0,a.Z)("sm")} {
25      width: 100%;
26      bottom: ${d.Oz};
27    }
28    ${(0,a.Z)("md")} {
29      bottom:${d.Oz};
30    }
31  `),p=(0,n.ZP)(r.pA).withConfig({displayName:"Icon",componentId:"-__sc-1dbec413-1"})(["",""],({theme:e,isSuccess:t})=>`
32    fill: ${t?e.colors.uiColors.success:""};
33  `),m=(0,n.ZP)(r.zx).withConfig({displayName:"DismissBtn",componentId:"-__sc-1dbec413-2"})(["",""],({theme:e})=>`
34    text-decoration: underline;
35    color: inherit;
36    font-size: ${e.typography.text.fontXS.fontSize};
37  `),h=n.ZP.h3.withConfig({displayName:"TitleText",componentId:"-__sc-1dbec413-3"})(["",""],({theme:e})=>`
38    font-size: ${e.typography.text.fontMD.fontSize};
39    margin: 0;
40  `),f=n.ZP.div.withConfig({displayName:"DescriptionText",componentId:"-__sc-1dbec413-4"})(["",""],({theme:e})=>`
41    font-size: ${e.typography.text.body.fontSize};
42    font-weight: ${e.typography.text.body.fontWeight};
43    margin: ${d.W0.xs} 0 0;
44  `),x=n.ZP.div.withConfig({displayName:"RowSide",componentId:"-__sc-1dbec413-5"})(["width:auto;"]),g=n.ZP.div.withConfig({displayName:"RowMiddle",componentId:"-__sc-1dbec413-6"})(["width:100%;padding:0 ",";"],d.W0.md);var _=o(15158),y=o(86706),b=o(39812),$=o(73342),w=o(54483),C=o.n(w),T=o(39834);let j=e=>{let{t}=s.useContext($.q),{dismissErrorToast:o,error:n}=e,{type:r,showToast:c,message:d}=n,{icon:l,translation:a,variables:y}=d,b=y??{},w="Check"===l&&"success"===r,j=s.useRef(null),z=s.useRef(null),D=()=>{j.current&&(clearTimeout(j.current),j.current=null)},k=(e=500)=>{D(),j.current=setTimeout(()=>{o()},e)},N=()=>{D(),o()},O=()=>{D()},S=e=>{z.current&&!z.current.contains(e.relatedTarget)&&k()},Z=()=>{k(5e3)};return(s.useEffect(()=>{if(c){let e=setTimeout(()=>{z.current?.focus()},100);return()=>{D(),clearTimeout(e)}}return()=>{D()}},[c]),c)?(0,_.Z)(()=>(0,i.jsx)(T.default,{onOutsideClick:Z,children:(0,i.jsx)(C(),{focusTrapOptions:{allowOutsideClick:!0,preventScroll:!0,

44clickOutsideDeactivates:!0},children:(0,i.jsxs)(u,{type:r,toastVisible:c,ref:z,tabIndex:0,role:"alert",onBlur:S,onFocus:O,children:[(0,i.jsx)(x,{children:(0,i.jsx)(p,{name:l,isSuccess:w})}),(0,i.jsxs)(g,{children:[(0,i.jsx)(h,{children:t(`commonToastMessages.${a}.title`,{...b})}),(0,i.jsx)(f,{children:t(`commonToastMessages.${a}.description`,{...b})})]}),(0,i.jsx)(x,{children:(0,i.jsx)(m,{buttonStyle:"buttonLink",handleClick:N,children:"Dismiss"})})]})})}),{componentName:"Error Toast"}):null},z=(0,y.$j)(e=>({error:e.errors}),{dismissErrorToast:b.sc})(j)}}]);