Loading
function(e,t,n){"use strict";n.d(t,{A:()=>w,h:()=>b});var l=n(477900),i=n(582128),s=n(503698),r=n.n(s),a=n(284009),o=n.n(a),u=n(221877),c=n(17928),d=n(269115),h=n(395899),m=n(834730),f=n(866323),p=n(717421),g=n(775602),x=n(776231),A=n(750506),E=n(218394),C=n(256449),I=n(194004),y=n(68935),S=n(375708),N=n(193833);function v(e){return e.preventDefault()}let _={tension:1100,friction:40},j={tension:1600,friction:60};function T(e,t){return i.cloneElement(e,{"data-type":"sticker","data-id":t.id,"data-name":t.name,"data-format-type":t.format_type})}function b(e){let t="description"in e&&null!=e.description?`${e.name}, ${e.description}`:e.name;return S.intl.formatToPlainString(S.t.rk6pOw,{stickerName:t})}function R(e){let{children:t,hasError:n,isLoading:i,maskAsset:s,size:a,withLoadingIndicator:o=!0}=e,u=a>=33;return(0,l.jsxs)("div",{className:r()(N.c6,{[N.v2]:n||s}),style:{height:a,width:a},children:[n?(0,l.jsxs)("div",{className:N.z3,children:[(0,l.jsx)(h.d,{size:"custom",width:20,height:20,color:"currentColor",className:N.ik}),u&&(0,l.jsx)(m.E,{className:N.kc,color:"text-default",variant:"text-sm/normal",children:S.intl.string(S.t["tWYWJ+"])})]}):t,o&&i&&(0,l.jsx)("div",{className:N.Mz})]})}function O(e){let{shouldAnimate:t,size:s,sticker:r,fileUri:a,assetData:u,isFocused:c,className:d,maskAsset:h,positionRef:m,withLoadingIndicator:f,onError:p}=e,g=i.useRef(null),A=i.useRef(null),[E,C]=i.useState(!0),[I,v]=i.useState(!1),_=i.useRef(!1);_.current=t&&c;let j=null==a?(0,y.zg)(r):a;return(o()(null!=j,`Unable to determine sticker asset URL. Sticker ID: ${r.id}`),i.useEffect(()=>{if(null==g.current||null==j)return;let e=Math.min(2,(0,x.mZ)());g.current.width=s*e,g.current.height=s*e;let t=!1;return async function(){if(null==j)return;let{default:e}=await Promise.all([n.e("570716"),n.e("709330")]).then(n.bind(n,140521));null!=g.current&&(A.current=new e({canvas:g.current,animationId:r.id,assetUrl:j,assetData:u,onInitialDraw:()=>{t||C(!1)},onError:()=>{t||(C(!1),v(!0),p?.())}}),_.current&&A.current.setState(!0))}(),()=>{A.current?.drop(),A.current=null,t=!0}},[j,s,r.id,u,p]),i.useEffect(()=>{let e;t||(e=0),A.current?.setState(t&&c,e)},[r,t,c]),null==j)?null:(0,l.jsx)("div",{role:"img",className:d,"aria-label":I?S.intl.string(S.t.yEvsK9):b(r),ref:m,children:(0,l.jsx)(R,{hasError:I,isLoading:E,maskAsset:h,size:s,withLoadingIndicator:f,children:T((0,l.jsx)("canvas",{className:N.ex,ref:g}),r)})})}let M=e=>{let{shouldAnimate:t,sticker:n,isFocused:s,size:a,className:o,maskAsset:u,positionRef:c,withLoadingIndicator:h,fileUri:m}=e,[f,p]=i.useState(!1),[g,x]=i.useState(!0),[A,E]=i.useState(!1),C=i.useRef(null),I=i.useRef(null),S=m??(0,y.zg)(n,{isPreview:!t||!f||!s,size:a}),_=i.useCallback(()=>{x(!1)},[]),j=i.useCallback(()=>{E(!0)},[]);return(i.useEffect(()=>{if(null!=C.current){let{isVisible:e}=C.current;p(e)}},[]),i.useLayoutEffect(()=>{I.current?.complete===!0&&x(!1)},[]),null==S)?null:(0,l.jsx)(d.L,{innerRef:c,ref:C,onChange:p,threshold:.7,children:(0,l.jsx)("div",{className:r()(o,N.__invalid_pngImageWrapper),ref:c,children:(0,l.jsx)(R,{hasError:A,isLoading:g,maskAsset:u,size:a,withLoadingIndicator:h,children:T((0,l.jsx)("img",{className:N.r3,alt:b(n),src:S,draggable:!1,onError:j,onLoad:_,onContextMenu:v,ref:I}),n)})})})},L=e=>{let{disableAnimation:t,enlargeScaleFactor:n,enlargeWithName:s,isInteracting:r,positionRef:a,size:o,sticker:d}=e,h=(0,c.bG)([g.Ay],()=>g.Ay.useReducedMotion),x=i.useRef(null),E={transform:`scale(${h?1:1/n})`,opacity:0},C=(0,f.p)(r,{ref:x,from:E,enter:{transform:"scale(1)",opacity:1},leave:E,config:_}),I=i.useRef(null),y=(0,p.z)({ref:I,transform:r||h?"translateY(0)":"translateY(-25px)",opacity:+!!r,config:j},"animate-always");return(0,u.useChain)(r?[x,I]:[I,x],r?[0,.0625]:[0,0]),C((e,i)=>i&&(0,l.jsx)(A.nE,{className:N.O2,fixed:!0,align:"center",position:"center",targetRef:a,children:()=>(0,l.jsxs)("div",{className:N._7,children:[(0,l.jsx)(u.animated.div,{className:N.tm,style:e,children:(0,l.jsx)(k,{className:N.__invalid_overlaySticker,disableAnimation:t,enlargeOnInteraction:!1,isInteracting:r,maskAsset:!1,sticker:d,size:Math.round(o*n),withLoadingIndicator:!1})}),s&&(0,l.jsx)(u.animated.div,{className:N.av,style:y,children:(0,l.jsx)(m.E,{variant:"text-sm/medium",className:N.FZ,children:d.name})})]})}))};function k(e){let{isInteracting:t=!1,disableAnimation:n=!1,enlargeOnInteraction:s=!1,enlargeWithName:r=!0,enlargeScaleFactor:a=1.55,maskAsset:o=!1,size:u,sticker:c,className:d,withLoadingIndicator:h,assetData:m,fileUri:f,onError:p}=e,g=(0,E.j)(),x=(0,C.Th)(t)&&!n,A=i.useRef(null);if(null==c)return null;let y=c.format_type===I.TG.LOTTIE?O:M;return(0,l.jsxs)(i.Fragment,{children:[(0,l.jsx)(y,{shouldAnimate:x,isFocused:g,size:u,sticker:c,className:d,maskAsset:o,positionRef:A,withLoadingIndicator:h,assetData:m,fileUri:f,onError:p}),s&&(0,l.jsx)(L,{disableAnimation:n,enlargeScaleFactor:a,enlargeWithName:r,isInteracting:t,positionRef:A,size:u,sticker:c})]},`${c.id},${u}`)}let w=k}