https://16typesjp.com/_next/static/chunks/app/fortune/page-13cf6de…?dpl=dpl_3YAy279QgMjZ76WBaVDLZUczQ49q

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[236],{2432:(e,t,a)=>{"use strict";a.d(t,{z:()=>s});let s=function(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return t.filter((e,t,a)=>!!e&&""!==e.trim()&&a.indexOf(e)===t).join(" ").trim()}},2601:(e,t,a)=>{Promise.resolve().then(a.bind(a,8663)),Promise.resolve().then(a.t.bind(a,5185,23)),Promise.resolve().then(a.bind(a,6849)),Promise.resolve().then(a.bind(a,9016))},6849:(e,t,a)=>{"use strict";a.d(t,{default:()=>d});var s=a(9097),r=a(621),n=a(5185),c=a.n(n);let l=(0,a(8711).A)("star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);function i(e){let{value:t,size:a="text-base"}=e;return(0,s.jsx)("span",{className:"inline-flex items-center gap-0.5 ".concat(a),"aria-label":"".concat(t," / 5"),children:[1,2,3,4,5].map(e=>(0,s.jsx)(l,{className:"h-[1em] w-[1em] ".concat(e<=t?"star":"text-line"),fill:e<=t?"currentColor":"none",strokeWidth:1.7},e))})}let o=e=>new Promise(t=>setTimeout(t,e));function d(e){let{typeSlug:t,typeCode:a,nickname:n,accent:l,overall:d,guardian:u,luckyColor:m,zodiacId:x,zodiacName:f,href:h,initialImage:p=null}=e,[b,y]=(0,r.useState)(p);return((0,r.useEffect)(()=>{if(p)return;let e=!1,a="/api/fortune-card/image?type=".concat(t,"&zodiac=").concat(x);return(async()=>{try{let r=await fetch("/api/fortune-card/status?type=".concat(t,"&zodiac=").concat(x)).then(e=>e.json());if(e)return;if("done"===r.status&&r.image)return void y(a);let n=await fetch("/api/fortune-card",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({type:t,zodiac:x})}),c=await n.json().catch(()=>({}));if(e||!n.ok)return;if("done"===c.status){e||y(a);return}for(let r=0;r<60&&!e;r++){var s;await o(4e3);let r=await fetch("/api/fortune-card/status?type=".concat(t,"&zodiac=").concat(x,"&taskId=").concat(null!=(s=c.taskId)?s:"")).then(e=>e.json());if(e)return;if("done"===r.status)return void y(a);if("failed"===r.status)return}}catch(e){}})(),()=>{e=!0}},[t,x,p]),b)?(0,s.jsx)(c(),{href:h,className:"block aspect-[3/4] overflow-hidden rounded-lg border border-line shadow-card transition-all hover:-translate-y-0.5",title:"".concat(a," \xd7 ").concat(f," 今日の運勢カード"),children:(0,s.jsx)("img",{src:b,alt:"".concat(a,"（").concat(n,"）\xd7 ").concat(f," 今日の運勢カード"),className:"h-full w-full object-cover"})}):(0,s.jsxs)(c(),{href:h,className:"relative flex flex-col justify-between overflow-hidden rounded-lg border border-line p-6 text-ivory shadow-card transition-all hover:-translate-y-0.5",style:{background:"linear-gradient(135deg, ".concat(l,", #2b2722 72%)")},children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-xs text-ivory/70",children:"今日いちばん運がいいタイプ \xd7 星座"}),(0,s.jsx)("p",{className:"mt-3 font-mincho text-5xl font-bold leading-none",children:a}),(0,s.jsxs)("p",{className:"mt-2 font-mincho text-lg",children:[n," ",(0,s.jsx)("span",{className:"text-ivory/70",children:"\xd7"})," ",f]})]}),(0,s.jsxs)("div",{className:"mt-5 rounded-lg border border-ivory/25 bg-ivory/10 p-4",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)("span",{className:"text-xs text-ivory/70",children:"総合運"}),(0,s.jsx)(i,{value:d,size:"text-base"})]}),(0,s.jsxs)("div",{className:"mt-2 flex items-center justify-between text-xs text-ivory/80",children:[(0,s.jsxs)("span",{children:["守護神 ",u]}),(0,s.jsxs)("span",{children:["ラッキーカラー ",m]})]})]}),(0,s.jsxs)("p",{className:"mt-4 flex items-center gap-2 text-xs text-ivory/70",children:[(0,s.jsx)("span",{className:"inline-block h-1.5 w-1.5 animate-pulse rounded-full bg-ivory/70"}),"AIカードを準備中（生成に3〜5分・タップで開く）"]})]})}},8663:(e,t,a)=>{"use strict";a.d(t,{default:()=>l});var s=a(621),r={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},n=a(2432);let c=(0,s.createContext)({}),l=(0,s.forwardRef)((e,t)=>{var a,l,i;let{color:o,size:d,strokeWidth:u,absoluteStrokeWidth:m,className:x="",children:f,iconNode:h,...p}=e,{size:b=24,strokeWidth:y=2,absoluteStrokeWidth:j=!1,color:g="currentColor",className:N=""}=null!=(a=(0,s.useContext)(c))?a:{},v=(null!=m?m:j)?24*Number(null!=u?u:y)/Number(null!=d?d:b):null!=u?u:y;return(0,s.createElement)("svg",{ref:t,...r,width:null!=(l=null!=d?d:b)?l:r.width,height:null!=(i=null!=d?d:b)?i:r.height,stroke:null!=o?o:g,strokeWidth:v,className:(0,n.z)("lucide",N,x),...!f&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1})(p)&&{"aria-hidden":"true"},...p},[...h.map(e=>

1{let[t,a]=e;return(0,s.createElement)(t,a)}),...Array.isArray(f)?f:[f]])})},8711:(e,t,a)=>{"use strict";a.d(t,{A:()=>l});var s=a(621),r=a(2432);let n=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,a)=>a?a.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)};var c=a(8663);let l=(e,t)=>{let a=(0,s.forwardRef)((a,l)=>{let{className:i,...o}=a;return(0,s.createElement)(c.default,{ref:l,iconNode:t,className:(0,r.z)("lucide-".concat(n(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),"lucide-".concat(e),i),...o})});return a.displayName=n(e),a}},9016:(e,t,a)=>{"use strict";a.d(t,{default:()=>o});var s=a(9097),r=a(621),n=a(5185),c=a.n(n);let l=e=>new Promise(t=>setTimeout(t,e));function i(e){let{combo:t,onReveal:a}=e,[n,i]=(0,r.useState)(null),[o,d]=(0,r.useState)(!1),[u,m]=(0,r.useState)(!1),x="/fortune/".concat(t.typeSlug,"/").concat(t.zodiacId);return(0,r.useEffect)(()=>{let e=!1,a="/api/fortune-card/image?type=".concat(t.typeSlug,"&zodiac=").concat(t.zodiacId);return(async()=>{try{let r=await fetch("/api/fortune-card/status?type=".concat(t.typeSlug,"&zodiac=").concat(t.zodiacId)).then(e=>e.json());if(e)return;if("done"===r.status){i(a),d(!0);return}let n=await fetch("/api/fortune-card",{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({type:t.typeSlug,zodiac:t.zodiacId})}),c=await n.json().catch(()=>({}));if(e||!n.ok)return;if("done"===c.status){i(a),d(!0);return}for(let r=0;r<60&&!e;r++){var s;await l(4e3);let r=await fetch("/api/fortune-card/status?type=".concat(t.typeSlug,"&zodiac=").concat(t.zodiacId,"&taskId=").concat(null!=(s=c.taskId)?s:"")).then(e=>e.json());if(e)return;if("done"===r.status){i(a),d(!0);return}if("failed"===r.status)return}}catch(e){}})(),()=>{e=!0}},[t.typeSlug,t.zodiacId]),(0,s.jsx)("div",{className:"flip aspect-[2/3] w-full ".concat(u?"is-flipped":""),children:(0,s.jsxs)("div",{className:"flip-inner shadow-card",children:[o?(0,s.jsxs)("button",{onClick:()=>{o&&!u&&(m(!0),a())},"aria-label":"".concat(t.zodiacName,"のカードをめくる"),className:"flip-face flip-front flex flex-col items-center justify-center border ".concat(u?"pointer-events-none":"cursor-pointer"),style:{borderColor:"".concat(t.accent,"40"),background:"linear-gradient(150deg, ".concat(t.accent,"14, rgb(var(--c-washi)) 60%)")},children:[(0,s.jsx)("span",{className:"font-klee text-[10px] tracking-[0.25em] text-usuzumi",children:"16タイプ占い"}),(0,s.jsx)("span",{className:"mt-2 font-mincho text-4xl",style:{color:t.accent},children:t.zodiacGlyph+"︎"}),(0,s.jsx)("span",{className:"mt-1 text-xs text-usuzumi",children:t.zodiacName}),(0,s.jsx)("span",{className:"mt-3 text-[11px]",style:{color:t.accent},children:"タップでめくる"}),u?null:(0,s.jsx)("span",{className:"sparkle absolute right-3 top-3 text-base",children:"✦"})]}):(0,s.jsxs)(c(),{href:x,"aria-label":"".concat(t.zodiacName,"のカードを開く"),className:"flip-face flip-front flex cursor-pointer flex-col items-center justify-center border",style:{borderColor:"".concat(t.accent,"40"),background:"linear-gradient(150deg, ".concat(t.accent,"14, rgb(var(--c-washi)) 60%)")},children:[(0,s.jsx)("span",{className:"font-klee text-[10px] tracking-[0.25em] text-usuzumi",children:"16タイプ占い"}),(0,s.jsx)("span",{className:"mt-2 font-mincho text-4xl",style:{color:t.accent},children:t.zodiacGlyph+"︎"}),(0,s.jsx)("span",{className:"mt-1 text-xs text-usuzumi",children:t.zodiacName}),(0,s.jsx)("span",{className:"mt-3 text-[11px]",style:{color:t.accent},children:"タップして見る →"})]}),(0,s.jsxs)(c(),{href:x,"aria-label":"".concat(t.typeCode," \xd7 ").concat(t.zodiacName," のカードを大きく見る"),className:"flip-face flip-back block bg-washi ".concat(u?"":"pointer-events-none"),children:[n?(0,s.jsx)("img",{src:n,alt:"".concat(t.typeCode," \xd7 ").concat(t.zodiacName," 今日の運勢カード"),className:"h-full w-full object-cover"}):null,(0,s.jsx)("span",{className:"absolute inset-x-0 bottom-0 bg-gradient-to-t from-[#1a1714]/80 to-transparent p-2 text-center text-[11px] text-ivory",children:"タップで大きく見る"})]})]})})}

1function o(e){let{combos:t}=e,[a,n]=(0,r.useState)(!1),l=(0,r.useCallback)(()=>n(e=>e||!0),[]);return(0,s.jsxs)("div",{children:[a?(0,s.jsxs)("div",{className:"banner-in mb-6 flex flex-col items-center gap-3 rounded-2xl border border-yamabuki/40 bg-yamabuki/10 p-5 text-center sm:flex-row sm:justify-between sm:text-left",children:[(0,s.jsxs)("p",{className:"text-sm leading-relaxed text-sumi",children:[(0,s.jsx)("span",{className:"font-mincho text-base text-enji",children:"ナイス！"})," ","素敵なカードが出ました。あなたの「タイプ\xd7星座」カードも、毎日無料で作れます。"]}),(0,s.jsx)(c(),{href:"/fortune/create",className:"btn-primary shrink-0 px-6 py-2.5 text-sm",children:"自分のカードを作る"})]}):null,(0,s.jsx)("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6",children:t.map(e=>(0,s.jsx)(i,{combo:e,onReveal:l},"".concat(e.typeSlug,"-").concat(e.zodiacId)))}),(0,s.jsx)("p",{className:"mt-5 text-center text-xs text-usuzumi",children:"本日いちばん運がいいタイプの12星座カード。めくって、タップで大きく見られます。"})]})}}},e=>{e.O(0,[5185,4719,4157,7358],()=>e(e.s=2601)),_N_E=e.O()}]);