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