Module 382003

function(e,t,s){s.d(t,{A:()=>es});var n=s(477900),l=s(582128),i=s(17928),a=s(192308),o=s(452027),r=s(212245),c=s(287809),d=s(158045),u=s(285918),m=s(912630),x=s(965162),p=s(413339),A=s(952572),g=s(503698),j=s.n(g),f=s(939249),N=s(834730),_=s(782134),h=s(812993),E=s(403581),v=s(866665),O=s(750943),I=s(638495),C=s(428678),b=s(635739),y=s(442433),S=s(964486),T=s(793574),k=s(688810),D=s(607470),U=s(421838),B=s(891540),L=s(738011),P=s(174459),M=s(486020),G=s(935208),w=s(498559),R=s(577718),V=s(652215),H=s(897513),F=s(339984),K=s(202541),W=s(375708),z=s(993555);function J(e){let{icon:t,onClick:s,text:l,children:i,className:a,selected:o=!1,disabled:r=!1,onMouseLeave:c,onBlur:d}=e;return(0,n.jsxs)(f.D,{className:j()(a,z.gf,{[z.JI]:o,[z.A7]:r}),onMouseLeave:c,onBlur:d,onClick:r?void 0:s,children:[o?(0,n.jsx)("div",{className:z.SH}):null,(0,n.jsxs)("div",{className:z.kV,children:[i,(0,n.jsxs)("div",{className:z.fP,children:[(0,n.jsx)(t,{className:z.ob,color:"currentColor",size:"custom",width:18,height:18}),(0,n.jsx)(N.E,{className:z.V7,color:"none",variant:"text-sm/normal",children:l})]})]})]})}function Q(e){let{option:t,source:s,isAnimated:i}=e,[a,o]=l.useState(!1);if(l.useEffect(()=>{new Image().src=s},[s]),!i||null==t)return(0,n.jsx)("div",{className:z.PQ,style:{backgroundImage:`url(${s})`}});let r=(0,M.Bo)({userId:t.user_id,assetId:t.id,assetHash:t.asset,size:720,canAnimate:!1});return(0,n.jsx)("img",{onMouseMove:()=>o(!0),onMouseLeave:()=>o(!1),className:z.PQ,src:a?s:r,alt:t.id})}function Y(e){let{option:t,source:a,selected:o=!1,onSelectOption:c,isAnimatedImage:d,isVideo:u,hotspotLocation:m,ariaLabel:p}=e,A=(0,r.p)(),{analyticsLocations:g}=(0,k.Ay)(T.A.VIDEO_BACKGROUND_IMAGE_OPTION),N=(0,i.bG)([B.A],()=>null!=m&&B.A.hasHotspot(m)),E=l.useCallback(e=>{if(!(0,L.u)(e))throw e},[]),v=u?(0,n.jsx)(D.A,{className:z.PQ,src:a,loop:!0,playOnHover:!0,muted:!0,onPlayError:E}):(0,n.jsx)(Q,{isAnimated:d,option:(0,x.d1)(t)?t:void 0,source:a});function O(){null!=m&&N&&(U.sF(m),P.default.track(V.HAw.PREMIUM_UPSELL_VIEWED,{type:K.e.ANIMATED_VIDEO_BACKGROUND_NEW_PRESET,location:A.location,location_stack:g}))}return(0,n.jsxs)(f.D,{className:j()(z.gf,{[z.JI]:o}),"aria-label":p,onClick:()=>c(t),onContextMenu:e=>(0,y.L3)(e,async()=>{let{default:e}=await s.e("22305").then(s.bind(s,5752));return s=>(0,n.jsx)(e,{...s,backgroundOption:t,optionIsInUse:o})}),children:[o?(0,n.jsx)("div",{className:z.SH}):null,(0,n.jsx)("div",{onFocus:O,onMouseEnter:O,className:z.kV,children:v}),u||d?(0,n.jsx)("div",{className:z.uZ,children:(0,n.jsx)(_.u,{size:"xxs",color:"currentColor"})}):null,N&&(0,n.jsx)(h.Lp,{text:W.intl.string(W.t.y2b7CA),className:z.$5})]})}function Z(){return(0,n.jsxs)("div",{className:z.j1,children:[(0,n.jsx)(E.t,{size:"md",color:"currentColor",className:z.eo}),(0,n.jsx)(N.E,{variant:"text-sm/normal",children:W.intl.string(W.t["T+yRY3"])})]})}function $(e){let{onClick:t,tooltipText:s,disabled:l=!1}=e,a=(0,i.bG)([B.A],()=>B.A.hasHotspot(H._.ANIMATED_VIDEO_BG_CUSTOM_TOOLTIP_NEW));function o(){U.sF(H._.ANIMATED_VIDEO_BG_CUSTOM_TOOLTIP_NEW)}let r=a?W.intl.string(W.t["5TUJOv"]):s;return(0,n.jsx)(v.m,{text:r,children:(0,n.jsxs)("div",{className:z.$g,children:[(0,n.jsxs)(J,{className:z.__invalid_backgroundOptionBlurred,disabled:l,icon:O.X,onClick:t,onMouseLeave:o,onBlur:o,text:(0,n.jsxs)("div",{className:z.Us,children:[(0,n.jsx)(E.t,{size:"md",color:"currentColor",className:z.PK}),(0,n.jsx)("div",{className:z.kr,children:W.intl.string(W.t["1t7U8W"])})]}),children:[(0,n.jsx)("div",{className:z.eD}),(0,n.jsx)("div",{className:z.G5})]}),a&&(0,n.jsx)(h.Lp,{text:W.intl.string(W.t.y2b7CA),className:z.$5})]})})}function q(e){let{onClick:t}=e,s=(0,r.p)(),{analyticsLocations:l}=(0,k.Ay)(T.A.VIDEO_BACKGROUND_CUSTOM_UPSELL);return(0,S.Ay)(()=>{P.default.track(V.HAw.PREMIUM_UPSELL_VIEWED,{type:K.e.VIDEO_BACKGROUNDS_INLINE,location:s.location,location_stack:l})}),(0,n.jsx)($,{onClick:t,tooltipText:W.intl.string(W.t["IqE0T/"])})}function X(e){let{onAddBackgroundImage:t,disabled:l}=e,i=(0,I.k)(),o=l?W.intl.formatToPlainString(W.t.ykGFeD,{maxCustomBackgrounds:25}):W.intl.string(W.t.Qx0tFc),r=[{name:W.intl.string(W.t["Sp2NF+"]),extensions:["jpg","jpeg","png","gif","mp4"]}];return(0,n.jsx)($,{disabled:l,onClick:function(){(0,a.openModalLazy)(async()=>{let{default:e}=await Promise.all([s.e("73193"),s.e("97250"),s.e("22089"),s.e("63232"),s.e("29666"),s.e("93513"),s.e("47011"),s.e("79149"),s.e("90017"),s.e("99150"),s.e("60987")]).then(s.bind(s,902550));return s=>(0,n.jsx)(e,{maxFileSizeBytes:R.G9,onComplete:e=>{let{imageUri:s,file:n,isFromTenor:l}=e;return t(s,n,l)},uploadType:F.HL.VIDEO_BACKGROUND,filters:r,modalTitle:W.intl.string(W.t.yG2pUi),imageSpecifications:W.intl.string(W.t["72OaxN"]),uploadOptionTitle:W.intl.string(W.t.xsW8u6),showUpsellHeader:!0,...s})},{contextKey:i})},tooltipText:o})}function ee(e){let{canUseCustomBackgrounds:t,customBackgroundOptions:s,selectedOption:i,onSelectOption:a,onUpsellClick:o,onAddBackgroundImage:r}=e,c=l.useMemo(()=>s.sort((e,t)=>null==e.last_used||null==t.last_used?G.default.compare(t.id,e.id):new Date(t.last_used).getTime()-new Date(e.last_used).getTime()),[s]),d=c.length>=25,{analyticsLocations:u}=(0,k.Ay)(T.A.VIDEO_BACKGROUND_OPTIONS),m=Object.values((0,w.A)()).sort((e,t)=>R.sl[e.id]-R.sl[t.id]);return(0,n.jsx)(k.f5,{value:u,children:(0,n.jsxs)("div",{className:z.to,children:[(0,n.jsx)(J,{selected:null==i,icon:C.K,onClick:()=>a(null),text:W.intl.string(W.t.fUdMeO)}),(0,n.jsx)(J,{selected:"blur"===i,icon:b.f,onClick:()=>a("blur"),text:W.intl.string(W.t.LhSyL8),children:(0,n.jsx)("div",{className:z.LJ})}),t?(0,n.jsx)(X,{onAddBackgroundImage:r,disabled:d}):(0,n.jsx)(q,{onClick:o}),c.map(e=>{let t=(0,M.Bo)({userId:e.user_id,assetId:e.id,assetHash:e.asset,size:720});return null==t?null:(0,n.jsx)(v.m,{__unsupportedReactNodeAsText:(0,n.jsx)(Z,{}),"aria-label":W.intl.string(W.t["T+yRY3"]),ariaHidden:!0,children:(0,n.jsx)(Y,{option:e,source:t,selected:(0,x.d1)(i)&&i.id===e.id,onSelectOption:a,isVideo:(0,M.q6)(e.asset),isAnimatedImage:(0,M.VI)(e.asset),ariaLabel:W.intl.string(W.t["T+yRY3"])},e.id)},e.id)}),m.map(e=>{let t=!0===e.isVideo;return(0,n.jsx)(v.m,{text:e.name,"aria-label":e.name,ariaHidden:!0,children:(0,n.jsx)(Y,{option:e.id,source:e.source,selected:i===e.id,onSelectOption:a,isVideo:t,isAnimatedImage:!1,hotspotLocation:e.hotspotLocation,ariaLabel:e.name},e.id)},e.id)})]})})}var et=s(693591);function es(e){let{onLearnMore:t,selectedBackgroundOption:g,onSelectBackgroundOption:j,currentDeviceId:f,className:N}=e,_=(0,i.bG)([c.default],()=>c.default.getCurrentUser()),[h,E]=l.useState(null),v=(0,A.A)(),O=d.Ay.canUseCustomBackgrounds(_);l.useEffect(()=>{(0,u.HR)()},[]);let I=(0,i.cf)([m.A],()=>O?m.A.videoFilterAssets:{}),C=l.useMemo(()=>Object.values(I).filter(e=>e.type===R.yZ.BACKGROUND||(e.type,!1)),[I]),b=(0,r.p)(),y={isVideoBackgroundSupported:v,onSelectBackgroundOption:j,selectedBackgroundOption:g},S=l.useRef(y);function T(e){j(e),(0,p.S1)(e,f,{location:b.location}).then(()=>E(null)).catch(()=>{E(W.intl.string(W.t.ejrSLe)),(0,p.S1)(null,f,{location:b.location})})}return l.useEffect(()=>{S.current=y}),l.useEffect(()=>{let{isVideoBackgroundSupported:e,onSelectBackgroundOption:t,selectedBackgroundOption:s}=S.current;e?(0,p.S1)(s,f,{track:!1}).catch(()=>t(null)):null!=s&&t(null)},[f]),v?(0,n.jsx)("div",{className:N,children:(0,n.jsx)(o.D,{label:W.intl.string(W.t.lZTUPs),errorMessage:h,children:(0,n.jsx)(ee,{canUseCustomBackgrounds:O,customBackgroundOptions:C,selectedOption:g,onSelectOption:T,onUpsellClick:function(){(0,a.openModalLazy)(async()=>{let{default:e}=await Promise.all([s.e("41509"),s.e("66901"),s.e("40716")]).then(s.bind(s,629959));return s=>(0,n.jsx)(e,{...s,onLearnMore:t,analyticsSource:{...b.location,object:V.ZSU.BUTTON_CTA}})})},onAddBackgroundImage:function(e,t){let s=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return new Promise(async n=>{try{let n=await (0,u.F9)(e,R.yZ.BACKGROUND);T(n),(0,x.D1)(n,t.type===et.a.MP4,s),E(null)}catch(e){E(e.message)}n()})}})})}):null}}