https://build-assets.static.wrtn.ai/web2/prod/main-arm64-4967a46/_…/zzem/shared-content-66f93e16784435a9.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ad3a9182-1279-4559-8360-36344f8e5005",e._sentryDebugIdIdentifier="sentry-dbid-ad3a9182-1279-4559-8360-36344f8e5005")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2274],{34089:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/external/zzem/shared-content",function(){return r(58839)}])},58839:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>f,default:()=>g});var a,n=r(36868),l=r(53239),i=r(12279),o=r(34713),s=r(27181),c=r.n(s),d=r(13846),u=r(14456),h=r(87267);function m(){return(m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}let C=function(e){return l.createElement("svg",m({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 25"},e),a||(a=l.createElement("path",{fillRule:"evenodd",d:"M13 5.587c0-.863-1.02-1.321-1.665-.747L7.298 8.437H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h4.298l4.037 3.597c.644.574 1.665.117 1.665-.747zm3.4 10.55-1.4-1.4 2.3-2.3-2.3-2.3 1.4-1.4 2.3 2.3 2.3-2.3 1.4 1.4-2.3 2.3 2.3 2.3-1.4 1.4-2.3-2.3z",clipRule:"evenodd"})))},p=e=>{var t;let{width:r="24px",height:a="24px",...l}=e;return(0,n.Y)(C,{width:r,height:a,...l,...(0,h.u$)()({fill:null!=(t=null==l?void 0:l.fill)?t:"icon_primary"})})};var b=r(59711),f=!0;function g(){var e,t;let r=(0,d.useRouter)(),{redirect_uri:a,content_name:s,content_type:h,content_url:m,og_image:C,og_title:f,og_description:g}=r.query,{isMobile:x}=(0,b.G)({defaultValue:!0}),y=(0,l.useRef)(null),k=decodeURIComponent(m),[Y,_]=(0,l.useState)(!0),[N,W]=(0,l.useState)(!1),L=(0,i.I)({queryKey:["zzem","shared-content","filter-list"],queryFn:async()=>(await o.A.get("".concat("https://api.wrtn.ai","/meme/v1/filters?limit=10"))).data}),F=(0,i.I)({queryKey:["zzem","shared-content","static-share-images"],queryFn:async()=>(await o.A.get("".concat("https://api.wrtn.ai","/meme/v1/static/share-images"))).data});return((0,l.useEffect)(()=>{let e=document.querySelector("html");e&&new MutationObserver(()=>{"dark"!==e.getAttribute("data-theme")&&e.setAttribute("data-theme","dark")}).observe(e,{attributes:!0,attributeFilter:["data-theme"],subtree:!1})},[]),x)?(0,n.FD)(n.FK,{children:[(0,n.FD)(c(),{children:[(0,n.Y)("script",{dangerouslySetInnerHTML:{__html:'window.document.querySelector("html").setAttribute("data-theme", "dark");'}},"dark-theme-only-script"),(0,n.Y)("meta",{property:"og:image",content:C},"og:image"),(0,n.Y)("meta",{property:"og:title",content:f},"og:title"),(0,n.Y)("meta",{property:"og:description",content:g},"og:description")]}),(0,n.FD)("div",{className:"flex min-h-screen flex-col bg-background_primary pb-[60px]",children:[(0,n.FD)("div",{className:"py-8 flex flex-col text-center gap-3 items-center",children:[(0,n.Y)(v,{className:"fill-surface_primary_invert"}),(0,n.Y)("h1",{className:"m-0 typo-H2 text-text_primary",children:s})]}),(0,n.Y)("div",{className:"mb-8 px-4",children:(0,n.Y)("div",{className:"relative w-full h-auto overflow-hidden rounded-3xl bg-surface_tertiary",children:"video"===h?(0,n.FD)(n.FK,{children:[(0,n.Y)("video",{ref:y,className:"h-full w-full object-cover",src:w(k),loop:!0,playsInline:!0,muted:Y,autoPlay:!0,onPause:()=>W(!0),onPlay:()=>W(!1),onLoadedMetadata:e=>W(e.currentTarget.paused)}),(0,n.Y)("button",{onClick:()=>_(!Y),type:"button",className:"absolute right-4 top-4 flex h-8 w-8 cursor-pointer items-center justify-center rounded-full border-0 bg-black/15 fill-icon_white","aria-label":Y?"음소거 해제":"음소거",children:Y?(0,n.Y)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.Y)(p,{width:24,height:24})}):(0,n.Y)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.Y)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.3347 4.40336C11.9793 3.82893 13 4.28652 13 5.14995V18.8502C13 19.7136 11.9793 20.1712 11.3347 19.5968L7.29844 16.0001H3C2.44772 16.0001 2 15.5523 2 

115.0001V9.00006C2 8.44778 2.44772 8.00006 3 8.00006H7.29844L11.3347 4.40336ZM16.2718 15.2927C17.3159 14.5709 18 13.3653 18 12C18 10.6454 17.3266 9.44804 16.2964 8.72443L14.8375 10.1833C15.5238 10.5002 16 11.1945 16 12C16 12.8167 15.5105 13.519 14.8088 13.8297L16.2718 15.2927ZM22.0001 12C22.0001 14.469 20.8815 16.6768 19.1236 18.1443L17.7017 16.7224C19.1011 15.624 20.0001 13.917 20.0001 12C20.0001 10.0937 19.111 8.39498 17.7249 7.29594L19.1462 5.87465C20.8911 7.34216 22.0001 9.54158 22.0001 12Z",fill:"white"})})}),N&&(0,n.Y)("button",{type:"button",onClick:()=>{y.current&&y.current.play()},className:"absolute left-1/2 top-1/2 flex h-16 w-16 -translate-x-1/2 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border-0 bg-black/50 fill-icon_white transition-all hover:bg-black/70","aria-label":"재생",children:(0,n.Y)("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.Y)("path",{d:"M8 5.14v13.72L19 12L8 5.14z",fill:"white",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}):(0,n.Y)("img",{src:w(k),alt:"string"==typeof s?s:"콘텐츠",className:"h-full w-full object-cover"})})}),(0,n.Y)("div",{className:"mb-10 px-4",children:(0,n.Y)("button",{type:"button",onClick:()=>r.push(w(a)),className:"h-14 w-full cursor-pointer rounded-xl border-0 bg-gradient-to-r from-[#A788FD] to-[#DCD5FF] typo-Subtitle3 text-text_black transition-all active:scale-95",children:"쨈에서 만들기"})}),(0,n.FD)("div",{className:"flex-1",children:[(0,n.FD)("section",{className:"mb-10 flex flex-col gap-2",children:[(0,n.Y)("h2",{className:"typo-Subtitle4 px-4",children:"쨈에서 원하는 대로 만들 수 있어요"}),(0,n.Y)("div",{className:"flex gap-1.5 overflow-x-auto pb-2.5",children:(0,n.Y)("div",{className:"flex gap-1.5 px-4",children:null==(e=L.data)?void 0:e.list.map(e=>(0,n.Y)("img",{src:e.thumbnail,alt:"쨈에서 원하는 대로 만들 수 있어요",className:"h-[107px] min-w-[80px] rounded-[16px]"},e.thumbnail))})})]}),(0,n.FD)("section",{className:"flex flex-col gap-2",children:[(0,n.Y)("h2",{className:"typo-Subtitle4 px-4",children:"다양한 기능을 살펴보세요"}),(0,n.Y)("div",{className:"flex overflow-x-auto",children:(0,n.Y)("div",{className:"flex gap-1.5 px-4",children:null==(t=F.data)?void 0:t.images.map(e=>(0,n.Y)("img",{src:e,alt:"쨈에서 원하는 대로 만들 수 있어요",className:"h-[289px] min-w-[161px] rounded-[20px]"},e))})})]})]})]})]}):(0,n.Y)("div",{className:"flex min-h-screen items-center justify-center bg-background_primary p-10",children:(0,n.FD)("div",{className:"flex max-w-[317px] flex-col items-center gap-10",children:[(0,n.Y)(u.Ay,{value:a,size:100}),(0,n.FD)("div",{className:"flex flex-col gap-2 text-center",children:[(0,n.Y)("h1",{className:"m-0 typo-Subtitle2 text-text_primary",children:"모바일에서 확인해 주세요"}),(0,n.FD)("p",{className:"typo-Body4 text-text_secondary",children:["쨈 앱은 모바일 환경에서 이용할 수 있어요.",(0,n.Y)("br",{}),"QR 코드를 스캔하고 지금 바로 쨈 앱을 만나보세요!"]})]}),(0,n.Y)(v,{className:"fill-surface_primary_invert"})]})})}let v=e=>(0,n.FD)("svg",{width:"76",height:"21",viewBox:"0 0 76 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[(0,n.Y)("path",{d:"M30.1501 14.4552C27.9261 14.4888 25.677 14.5115 23.4595 14.5229C24.789 12.4071 27.9671 8.74334 29.2031 7.31872C29.3946 7.09765 29.5451 6.92409 29.6426 6.81045C30.1381 6.22934 30.2666 5.51549 29.9956 4.85173C29.7231 4.18437 29.0656 3.72878 28.3956 3.74531C25.5875 3.81194 22.8195 3.86876 19.838 3.82486C19.54 3.82176 19.303 3.90853 19.1359 4.08622C18.8199 4.42301 18.8179 5.01031 18.8449 5.63326C18.8809 6.46695 18.9219 7.41119 19.9995 7.4272C21.6435 7.45148 22.967 7.44063 24.5585 7.41945C24.386 7.63226 24.2155 7.84301 24.046 8.05118C22.0755 10.4779 20.3735 12.5735 18.9049 15.4299C18.6064 16.0105 18.6234 16.7187 18.9489 17.2786C19.264 17.821 19.7985 18.1325 20.415 18.133C20.6125 18.133 20.8105 18.133 21.01 18.133C23.825 18.133 26.8251 18.1082 30.1571 18.0581C31.2646 18.0416 31.2641 16.9956 31.2641 16.3034C31.2641 15.5472 31.2411 15.0281 30.9356 14.7171C30.7571 14.5353 30.5041 14.4485 30.1511 14.4552H30.1501Z",fill:"currentColor"}),(0,n.Y)("path",{d:"M18.6713 13.5616C18.7348 12.6758 18.6508 12.2 18.3818 11.9185C18.1823 11.7098 17.8968 11.6251 17.4848 11.6515C15.6453 11.7692 14.0802 11.8911 12.2942 12.0285L11.8367 12.0637C13.3432 9.21753 14.8167 7.54394 16.0098 6.18958C16.5973 5.52272 17.1043 4.94678 17.5273 4.33675C17.8763 3.83364 17.8818 3.13941 17.5418 2.52422C17.1988 1.90489 16.6128 1.55467 16.0128 1.60994C13.1372 1.87544 10.3662 2.07638 7.77615 2.20758C6.73663 2.26026 6.77913 3.23446 6.81313 4.01701C6.83913 4.6193 6.86613 5.24224 7.22964 5.58419C7.41264 5.7562 7.66064 5.83523 7.96465 5.81973C9.38017 5.74794 10.7937 5.65392 12.4967 5.51859C11.9187 6.37863 11.3382 7.15447 10.7742 7.9

10758C9.47917 9.63851 8.25565 11.2728 7.32914 13.574C7.14014 14.043 7.22714 14.6097 7.56064 15.0895C7.90115 15.5787 8.43015 15.8829 8.92966 15.8829C8.95866 15.8829 8.98766 15.8819 9.01666 15.8798L10.0827 15.8029C12.6272 15.619 14.9082 15.4527 17.4933 15.2879C18.5523 15.2202 18.6178 14.3008 18.6708 13.5621L18.6713 13.5616Z",fill:"currentColor"}),(0,n.Y)("path",{d:"M66.7888 8.09192C66.6033 4.29691 65.1303 2.74626 63.9268 2.1135C61.9962 1.0985 59.7132 1.79789 58.6502 2.51588C57.5092 3.28604 56.8917 4.18327 56.5992 4.71685C56.3117 4.06085 55.8516 3.44617 55.2276 2.88521C54.2701 2.02465 53.1046 1.66308 51.9466 1.86763C50.9806 2.03808 49.5871 2.68169 48.436 4.77729C47.8715 5.8052 47.5845 7.18436 47.5825 8.87551C47.581 10.6405 47.8945 12.1359 48.0295 12.6969C48.0295 12.6969 48.4235 14.3426 48.7625 14.5399C49.0415 14.7021 49.5046 14.7398 49.9656 14.5915L50.0646 14.5595C51.3466 14.1478 51.4781 13.9706 51.3896 13.326C51.3621 13.1271 51.2571 12.669 51.1926 12.3745C51.0406 11.6782 50.8321 10.7252 50.7321 9.31405C50.5861 7.25254 51.3331 5.9989 52.1376 5.67039C52.6841 5.44776 53.2506 5.64456 53.6931 6.21069C54.3736 7.08157 54.6016 8.80629 54.3721 12.4277C54.3591 12.6297 54.3511 12.763 54.3496 12.8348C54.3476 12.9794 54.3631 13.1912 54.5206 13.3565C54.7661 13.6137 55.2431 13.7408 56.1986 13.7408C57.2372 13.7408 57.5232 13.6571 57.5582 13.0677C57.5612 13.0197 57.5642 12.9665 57.5712 12.9086C57.7707 11.2485 58.0902 9.57077 58.7952 7.80059C59.4467 6.16471 60.6422 5.12647 61.6392 5.32999C62.5997 5.52679 63.1712 6.85584 63.1682 8.88429C63.1647 11.186 62.0407 13.8002 61.6712 14.6592C61.6027 14.8188 61.5717 14.8911 61.5572 14.9355C61.4297 15.3245 61.3992 16.0435 62.6282 16.4872C63.0862 16.6525 63.4412 16.7522 63.7368 16.7522C64.3008 16.7522 64.6498 16.3901 65.0933 15.433L65.1223 15.371C65.8058 13.9154 66.9318 11.0341 66.7878 8.09244L66.7888 8.09192Z",fill:"currentColor"}),(0,n.Y)("path",{d:"M44.4462 2.3708C44.2322 2.09239 43.9562 1.93484 43.6487 1.91418C43.1922 1.8837 42.6742 2.15437 42.1092 2.71895C41.3372 3.49117 41.4627 3.99893 41.7037 4.28923L41.7097 4.29646C42.5537 5.36724 43.5207 7.15033 43.3352 9.56257C43.0357 13.463 40.2307 14.5859 38.7897 14.635C36.6521 14.7073 35.3956 13.824 34.8131 12.8224C35.6106 13.0787 36.6386 13.1923 37.5266 13.0988C38.4762 12.9986 39.8272 12.5874 40.6452 11.5135C41.8577 9.92208 42.0337 7.83888 41.1102 6.08265C40.1927 4.33675 38.4237 3.36359 36.4891 3.54231C34.6666 3.7107 33.1586 4.48758 32.1276 5.78874C31.0441 7.15653 30.5855 9.18188 30.7951 11.1473C31.1686 14.651 33.8961 17.9558 38.4437 17.9558C38.5077 17.9558 38.5722 17.9553 38.6367 17.9537C40.8277 17.9067 42.8412 17.01 44.3057 15.4294C45.8698 13.7419 46.6998 11.3937 46.6433 8.81824C46.5728 5.59865 45.2363 3.39665 44.4462 2.3708ZM33.9581 9.75679C33.9991 9.1607 34.2566 8.51916 34.5356 8.06461C34.9721 7.35333 35.6671 6.91324 36.4921 6.82491C37.6817 6.69785 38.1277 7.51398 38.2642 7.87091C38.5237 8.54912 38.3707 9.31412 37.9672 9.67776C37.3451 10.2387 35.4991 10.3792 33.9576 9.75627L33.9581 9.75679Z",fill:"currentColor"})]}),w=e=>{var t;return"string"==typeof e?e:null!=(t=null==e?void 0:e[0])?t:""}},59711:(e,t,r)=>{"use strict";r.d(t,{G:()=>i});var a=r(53239),n=r(97220),l=r(81590);let i=function(){let{exact:e=!1,defaultValue:t=!1}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{mediaQueries:r}=(0,l.Z)(),i=(0,a.useRef)(null),o=(0,a.useMemo)(()=>Object.keys(r),[r]),[s,c]=(0,a.useState)(()=>o.reduce((e,t)=>(e[t]=window.matchMedia(r[t]).matches,e),{}));return(0,n.Es)(()=>{let e=()=>{c(o.reduce((e,t)=>(e[t]=window.matchMedia(r[t]).matches,e),{}))},t=()=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{e()},200)};return window.addEventListener("resize",t),e(),()=>{i.current&&clearTimeout(i.current),window.removeEventListener("resize",t)}},[r,o]),(0,a.useMemo)(()=>{let t={};return e?o.forEach(e=>{let r=e.charAt(0).toUpperCase()+e.slice(1);t["is".concat(r)]=s[e]}):o.forEach((e,r)=>{let a=e.charAt(0).toUpperCase()+e.slice(1);t["is".concat(a)]=o.slice(0,r+1).some(e=>s[e])}),t},[e,s,o])}},81590:(e,t,r)=>{"use strict";r.d(t,{Z:()=>l});var a=r(53239),n=r(9860);let l=()=>{var e,t;let r=(0,a.useContext)(n.i);if(!r)throw Error("useThemeContext must be used within a WRTNThemeProvider");return{...r,themeColor:r.theme.color,breakpoints:null!=(e=r.theme.breakpoints)?e:[],mediaQueries:null!=(t=r.theme.mediaQueries)?t:{}}}},87267:(e,t,r)=>{"use strict";r.d(t,{IA:()=>n,Yv:()=>s,Zp:()=>o,ev:()=>c,hL:()=>d,r4:()=>i,u$:()=>l});let a=(e,t,r)=>{if(!r)return{color:"var(--text_primary)"};if("object"==typeof r){let a={};return Object.entries(r).forEach(r=>{var n,l;let[i,o]=r;o&&("0"===i&&(a[e]=o.startsWith("#")||o.startsWith("transparent")?o:"var(--".concat(o,")")),o.startsWith("#")||o.startsWith("transparent")||"inherit"===o?a["@media screen and (min-width: ".concat(null==t||null==(n=t.breakpoints)?void 0:n[i],")")]={[e]:o}:a["@media screen and (min-width: ".concat(null==t||null==(l=t.breakpoints)?void 0:l[i],")")]={[e]:"var(--".concat(o,")")})}),a}return r.startsWith("#")||r.startsWith("transparent")||r.startsWith("inherit")?{[e]:r}:{[e]:"var(--".concat(r,")")}},n=()=>e=>a("color",null==e?void 0:e.theme,e.color),l=()=>e=>a("fill",e.theme,e.fill),i=()=>e=>a("boxShadow",e.theme,e.boxShadow),o=()=>e=>a("outline",e.theme,e.outline),s=()=>e=>a("borderColor",e.theme,e.borderColor),c=()=>e=>{if(!e.backgroundColor)return{};if("object"==typeof e.backgroundColor){let t={};return Object.entries(e.backgroundColor).forEach(r=>{var a,n,l,i;let[o,s]=r;s&&("0"===o&&(t.backgroundColor=s.startsWith("#")||s.startsWith("transparent")?s:"var(--".concat(s,")")),s.startsWith("#")||s.startsWith("transparent")?t["@media screen and (min-width: ".concat(null==(n=e.theme)||null==(a=n.breakpoints)?void 0:a[o],")")]={backgroundColor:s}:t["@media screen and (min-width: ".concat(null==(i=e.theme)||null==(l=i.breakpoints)?void 0:l[o],")")]={backgroundColor:"var(--".concat(s,")")})}),t}return e.backgroundColor.startsWith("#")||e.backgroundColor.startsWith("transparent")?{backgroundColor:e.backgroundColor}:{backgroundColor:"var(--".concat(e.backgroundColor,")"),...e.enableHoverBackgroun

1d?{"&:hover":{backgroundColor:"var(--".concat(e.backgroundColor,"_hover);")}}:{}}},d=()=>e=>{if(!e.background)return{};if("object"==typeof e.background){let t={};return Object.entries(e.background).forEach(r=>{var a,n,l,i;let[o,s]=r;s&&("0"===o&&(t.background=s.startsWith("#")||s.startsWith("linear-gradient")||s.startsWith("radial-gradient")||s.startsWith("transparent")?s:"var(--".concat(s,")")),s.startsWith("#")||s.startsWith("linear-gradient")||s.startsWith("radial-gradient")||s.startsWith("transparent")?t["@media screen and (min-width: ".concat(null==(n=e.theme)||null==(a=n.breakpoints)?void 0:a[o],")")]={background:s}:t["@media screen and (min-width: ".concat(null==(i=e.theme)||null==(l=i.breakpoints)?void 0:l[o],")")]={background:"var(--".concat(s,")")})}),t}return e.background.startsWith("#")||e.background.startsWith("linear-gradient")||e.background.startsWith("radial-gradient")||e.background.startsWith("transparent")?{background:e.background}:{background:"var(--".concat(e.background,")")}}}},e=>{e.O(0,[4713,4456,636,6593,8792],()=>e(e.s=34089)),_N_E=e.O()}]);
2//# sourceMappingURL=shared-content-66f93e16784435a9.js.map