https://joshibujapan.com/_next/static/chunks/5530.547476bf58676afa.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 l=arguments[t];if(null!=l)for(var o in l)l.hasOwnProperty(o)&&(e[o]=l[o])}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]="edf992c2-267d-4de0-ab88-d8ce77b921d2",e._sentryDebugIdIdentifier="sentry-dbid-edf992c2-267d-4de0-ab88-d8ce77b921d2")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5530],{2815:(e,t,l)=>{l.d(t,{d:()=>r});var o=l(19324),a="([a-zA-Z-0-9_-]+)",r=({linkUrl:e})=>{let[t,l]=(0,o.useState)(!1),r=(0,o.useMemo)(()=>((e,t={checkEmbed:!0})=>{if(!e)return null;let l=e.match(`youtube.com/watch\\?v=${a}`)||e.match(`youtu.be/${a}`)||e.match(`youtube.com/shorts/${a}`);return l||t.checkEmbed&&(l=e.match(`youtube.com/embed/${a}`))?l[1]:null})(e,{checkEmbed:!1}),[e]),u=(0,o.useMemo)(()=>!!r,[r]),s=(0,o.useMemo)(()=>u&&!t,[t,u]),n=(0,o.useCallback)(e=>`https://www.youtube.com/embed/${e}`,[]);return{showFacade:s,embedYoutubeUrl:(0,o.useMemo)(()=>r?`${n(r)}?autoplay=1`:"",[r,n]),handleClickFacade:()=>{l(!0)},isYoutubeVideoShown:u}}},21015:(e,t,l)=>{l.d(t,{C:()=>d});var o=l(80902),a=l(60213),r=l(61096),u=l(92778),s=l(97360),n=l(19324),c=l(32508);function d(e){let{title:t,layout:l="card",videoId:d,handleClick:i}=e,m=(0,o.s)(r.i7),b=(0,n.useMemo)(()=>c(`
2    relative aspect-video overflow-hidden
3    ${"inline"===l?"flex items-center rounded":"rounded-t-lg"}
4    `),[l]),h=(0,n.useMemo)(()=>c(`
5    absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2
6    ${"card"===l?"scale-[2.25]":""}
7    `),[l]),y=(0,n.useMemo)(()=>`https://i.ytimg.com/vi/${d}/hqdefault.jpg`,[d]);return(0,s.jsx)("div",{className:b,children:(0,s.jsxs)("button",{"aria-label":m("playVideo",{title:t||"YouTube"}),onClick:()=>i(),className:"w-full text-text-clickable-icon hover:text-[#f00]",children:[(0,s.jsx)(a._,{imageSrc:y,imageAlt:"YouTubeサムネイル",unSafeClassName:"aspect-video"}),(0,s.jsx)("div",{className:h,children:(0,s.jsx)(u.ZjQ,{size:"l","aria-label":""})})]})})}},61096:(e,t,l)=>{l.d(t,{Nk:()=>o,Wt:()=>a,i7:()=>r});var o={"ja-JP":{productImage:"商品画像"}},a={"ja-JP":{youtubeMovie:"YouTubeの動画"}},r={"ja-JP":{playVideo:"{title}を再生する"}}},63149:(e,t,l)=>{l.r(t),l.d(t,{WidgetCard:()=>u,default:()=>u});var o=l(19324),a=l(65929),r="([a-zA-Z-0-9_-]+)",u=({content:e})=>{let t=((e,t={checkEmbed:!0})=>{let l=e.match(`youtube.com/watch\\?v=${r}`)||e.match(`youtu.be/${r}`)||e.match(`youtube.com/shorts/${r}`);return l||t.checkEmbed&&(l=e.match(`youtube.com/embed/${r}`))?l[1]??null:null})(e.url);return null===t?null:o.createElement(a.c,{videoId:t,linkUrl:e.url,isMenuShown:!1})}},65929:(e,t,l)=>{l.d(t,{c:()=>b});var o=l(80902),a=l(2815),r=l(16239),u=l(97360),s=l(19324),n=l(32508),c=(e,t)=>{let l=new URL(e);return t.includes(l.hostname)&&("https:"===l.protocol||"http:"===l.protocol)};function d(e){let{src:t,title:l,unSafeClassName:o}=e,a=(0,s.useMemo)(()=>(0,r.QP)(n(`
8      size-full aspect-video
9      ${o??""}
10      `)),[o]);return(()=>{if(!t)return!1;try{return c(t,["www.youtube.com","youtube.com","m.youtube.com","youtu.be"])||c(t,["vimeo.com","player.vimeo.com"])}catch(e){return console.error(e),!1}})()?(0,u.jsx)("iframe",{src:t,title:l,className:a}):(0,u.jsx)("span",{})}var i=l(61096),m=l(21015);function b(e){let{linkUrl:t,title:l="card",provider:r,layout:c="card",headingLevel:b=3,videoId:h,onClickTracking:y}=e,{embedYoutubeUrl:f,showFacade:v,handleClickFacade:w,isYoutubeVideoShown:p}=(0,a.d)({linkUrl:t}),x=`h${b}`,k=(0,o.s)(i.Wt),M=(0,s.useMemo)(()=>n(`
11    relative flex rounded-lg border border-border-default bg-surface-normal hover:border-border-strong
12     ${"card"===c?"flex-col":"items-center p-3 pr-4"}
13    `),[c]),g=(0,s.useMemo)(()=>n(`
14    ${"inline"===c?"mr-2 w-48 shrink-0":""}
15    `),[c]),j=(0,s.useMemo)(()=>n(`
16    flex flex-col
17    ${"inline"===c?"size-full justify-between py-1":""}
18    `),[c]),$=(0,s.useMemo)(()=>n(`
19    overflow-hidden font-bold
20    ${"inline"===c?"line-clamp-3 max-h-[3.9375rem] text-sm":""}
21    `),[c]),N=(0,s.useMemo)(()=>"card"===c?"py-4 pl-4":"",[c]),C=new Map([["youtube","www.youtube.com"]]);return(0,u.jsxs)("section",{className:M,children:[v&&(0,u.jsx)("div",{className:g,children:(0,u.jsx)(m.C,{videoId:h,handleClick:()=>{y?.(),w()},layout:c})}),!v&&p&&(0,u.jsx)("div",{className:g,children:(0,u.jsx)(d,{src:f,title:`${l||k("youtubeMovie")}`,unSafeClassName:"rounded-lg-t"})}),(0,u.jsxs)("div",{className:j,children:[l&&"inline"===c&&(0,u.jsx)(x,{className:$,children:l}),(0,u.jsx)("footer",{className:N,children:(0,u.jsx)("a",{className:"text-text-secondary text-xs",href:"https://www.youtube.com",children:C.get((r||"").toLowerCase())||(t?new URL(t).hostname:"")})})]})]})}}}]);