https://maeda-design-room.net/_next/static/chunks/8093.cc6c145463c4d035.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];if(null!=a)for(var n in a)a.hasOwnProperty(n)&&(e[n]=a[n])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:note-front-custom-domain":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ea107cc3-55aa-4a9e-a656-7643c3649653",e._sentryDebugIdIdentifier="sentry-dbid-ea107cc3-55aa-4a9e-a656-7643c3649653")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8093],{68093:(e,t,a)=>{a.r(t),a.d(t,{DrawResultAnimation:()=>x});var n=a(97360),r=a(59995),s=a(19310),i=a(34560),l=a(20341),o=a(43602),c=a(34447),d=a(19324),u=a(50387),m=a(36886),h=a(60587);let f={"ja-JP":{drawAnimationAriaLabel:"抽選アニメーション",closeButton:"閉じる"}},x=({data:e,onClose:t})=>{let a=(0,u.u)(),x=(0,r.Ru)({lang:a,dict:f}),[y,p]=(0,d.useState)(!1),v=(0,d.useRef)(null),b=(0,d.useRef)(null);return((0,d.useEffect)(()=>{let t=v.current;if(!t||y)return;let a=()=>{b.current||(b.current=setTimeout(()=>{p(!0)},1e3*e.animation.duration))},n=()=>{t.play().catch(()=>{p(!0)})},r=()=>{a()},s=()=>{p(!0)};return t.addEventListener("canplay",n),t.addEventListener("play",r),t.addEventListener("error",s),t.readyState>=3&&t.play().then(a).catch(()=>{p(!0)}),()=>{t.removeEventListener("canplay",n),t.removeEventListener("play",r),t.removeEventListener("error",s),b.current&&clearTimeout(b.current)}},[e.animation.duration,y]),y)?(0,n.jsx)(s.A,{onDismiss:t,isDismissable:!0,children:(0,n.jsxs)(m.E,{modalPurpose:"afterPurchaseMessage",onDismiss:t,children:[(0,n.jsx)(i.A,{hasHeroImage:!0,children:(0,n.jsx)(c.default,{src:e.resultImage.url,alt:e.content.title,width:e.resultImage.width,height:e.resultImage.height,className:"h-auto w-full object-cover"})}),(0,n.jsx)(l.A,{children:(0,n.jsxs)("div",{className:"px-2 py-4 text-center",children:[(0,n.jsx)("h2",{className:"mb-3 font-bold text-xl",children:e.content.title}),(0,n.jsx)("p",{className:"text-content-secondary",children:e.content.text})]})}),(0,n.jsxs)(o.A,{direction:"column",children:[(0,n.jsx)(h.A,{variant:"primary",size:"m",onPress:t,children:x("closeButton")}),e.officialLink&&(0,n.jsx)("a",{href:e.officialLink.url,target:"_blank",rel:"noopener",className:"my-2 block text-center font-semibold text-content-tertiary text-xs hover:text-content-secondary",children:e.officialLink.text})]})]})}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"!m-0 fixed inset-0 z-50 bg-surface-invert opacity-50"}),(0,n.jsx)("div",{className:"!m-0 fixed inset-0 z-50 flex items-center justify-center",children:(0,n.jsx)("div",{className:"relative w-full max-w-2xl px-4",children:(0,n.jsx)("video",{ref:v,src:e.animation.url,width:e.animation.width,height:e.animation.height,className:"h-auto w-full rounded-2xl",playsInline:!0,muted:!0,autoPlay:!0,preload:"auto","aria-label":x("drawAnimationAriaLabel")})})})]})}}}]);