https://www.tamm.abudhabi/assets/ai-toast~f1af4da4.852bb90e.chunk.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[87],{884:function(e,t,a){"use strict";a.r(t);var i=a(895).a;t.default=i},895:function(e,t,a){"use strict";var i=a(0),l=a.n(i),n=a(221),s=a(290),c=a.n(s),o=a(162),u=a(297),r=a(2053),m=a(601),b=a(1157),f=a(1449),d=a(130),v=a(308),p=a(295);t.a=function AiToast(e){var t,a,s=e.type,g=e.label,_=e.undoCta,y=e.onClose,E=e.closeTime,h=void 0===E?5e3:E,k=e.parentRef,x=e.thumbnail,C=e.variant,j=void 0===C?"v3":C,w=Object(i.useState)(!0),N=w[0],O=w[1],T=Object(i.useState)(!1),S=T[0],z=T[1],q=Object(i.useState)(0),B=q[0],D=q[1],H=l.a.useContext(d.b),J=H.isSm,L=H.isMd,M=H.theme,A="v3"===j&&(J||L)||"ai"===j;Object(i.useEffect)((function(){var e=100;if("v3"===j){var t=document.querySelector(".ui-lib-snackbar"),a=document.querySelector(".ui-lib-header__container");e=24,t&&(e+=t.offsetHeight),a&&(e+=a.offsetHeight)}D(e)}),[j]),Object(i.useEffect)((function(){var e=setTimeout((function(){O(!1),y&&y(new MouseEvent("click"))}),h);return function(){return clearTimeout(e)}}),[y,h]),Object(i.useEffect)((function(){z(!1),N&&setTimeout((function(){z(!0)}),100)}),[N]);if(!N)return l.a.createElement(l.a.Fragment,null);var F=document.body;"ai"===j&&document.getElementsByClassName("chatbox").length&&(F=document.getElementsByClassName("chatbox")[0]),F=(null==k?void 0:k.current)||F;var P={success:r.a,error:m.a,warning:m.a,information:b.a,neutral:m.a};return Object(n.createPortal)(l.a.createElement("div",{className:""+c()("ui-lib-v3-ai-toast flex items-center justify-between rounded-full gap-m",(t={},t["ui-lib-v3-ai-toast__opacity"]=S,t["ui-lib-v3-ai-toast__"+j]=!0,t["ui-lib-v3-ai-toast__"+(A?"sm":"xl")]=!0,t["px-m"]=A,t["px-l py-xl"]=!A,t["tamm-default"]="ai"===j,t)),style:{top:B+"px"}},l.a.createElement("div",{className:c()("ui-lib-v3-ai-toast__content flex gap-m",{"justify-center items-center":!A})},l.a.createElement("div",{className:"ui-lib-v3-ai-toast__container flex items-center gap-s"},(null==x?void 0:x.light)||(null===(a=null==x?void 0:x.api)||void 0===a?void 0:a.url)?l.a.createElement(v.default,{images:x,size:"xs"}):l.a.createElement(o.a,{source:P[s],className:"ui-lib-v3-ai-toast__container-"+s}),l.a.createElement("span",{className:c()("ui-lib-v3-ai-toast__label",{"uil-body-regular":A,"uil-body-large":!A})},g)),(null==_?void 0:_.label)&&("default"===_.uiType?l.a.createElement(u.default,{onClick:_.onClick,label:_.label,size:A?"small":"default",isDark:"light"===M,isLight:"dark"===M}

1):l.a.createElement(p.a,{isDark:"light"===M,isLight:"dark"===M,uiType:"tertiary",onClick:_.onClick,label:_.label,size:"small"}))),y&&l.a.createElement(o.a,{source:f.a,onClick:function handleClose(e){O(!1),y(e)},className:"ui-lib-v3-ai-toast__close-icon"})),F)}}}]);