https://hellooo.cards/_next/static/chunks/app/page-35dd1c9b2a11b4d2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{252:function(t,e,i){Promise.resolve().then(i.bind(i,6158))},6158:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return U}});var s=i(7437),n=i(2265);class a extends Array{getById(t){return this.find(e=>e.id===t)}constructor(...t){super(...t)}}let o=new a({id:"kokuyo-KPC-U10-20",maker:"KOKUYO",modelNumber:"KPC-U10-20",url:"https://www.kokuyo-st.co.jp/search/1_detail.php?seihin_sikibetu=1&ss1=13&ss2=13B1&sid=100123785&pgmax=80",amazonUrl:"https://amzn.asia/d/3QdadJF",iconImage:"kokuyo-KPC-U10-20.png.webp",page:{width:210,height:297,marginTop:5,marginLeft:7,numCardsX:2,numCardsY:5},card:{width:91,height:51,iconSize:20,qrSize:20,offsetX:14,offsetY:8}},{id:"kokuyo-KPC-E1121-20N",maker:"KOKUYO",modelNumber:"KPC-E1121-20N",url:"https://www.kokuyo-st.co.jp/search/label_detail.php?seihin_sikibetu=&ss1=13&ss2=13B1&sid=100122179",amazonUrl:"https://amzn.asia/d/3GqP2HA",iconImage:"kokuyo-KPC-E1121-20N.png.webp",page:{width:210,height:297,marginTop:21.2,marginLeft:18.6,numCardsX:2,numCardsY:6},card:{width:86.4,height:42.3,iconSize:16,qrSize:16,offsetX:0,offsetY:0,paddingLeft:3.6,paddingTop:3.6,iconMarginBottom:3,iconMarginRight:4,textHeight:13}},{id:"a-one-29221",maker:"A-one",modelNumber:"29221",url:"https://www.a-one.co.jp/product/search/detail.php?id=29221",amazonUrl:"https://amzn.asia/d/aEJrBYb",iconImage:"a-one-29221.png.webp",page:{width:210,height:297,marginTop:12,marginLeft:15,numCardsX:2,numCardsY:5},card:{width:89,height:53,iconSize:20,qrSize:20,offsetX:2,offsetY:2}},{id:"a-one-31514",maker:"A-one",modelNumber:"31514",url:"https://www.a-one.co.jp/product/search/detail.php?id=31514",amazonUrl:"https://amzn.asia/d/3cqZoRW",iconImage:"a-one-31514.png.webp",page:{width:210,height:297,marginTop:11,marginLeft:14,numCardsX:2,numCardsY:5},card:{width:91,height:55,iconSize:20,qrSize:20,offsetX:0,offsetY:0,paddingLeft:6,paddingTop:6}},{id:"a-one-72110",maker:"A-one",modelNumber:"72110",url:"https://www.a-one.co.jp/product/search/detail.php?id=72110",amazonUrl:"https://amzn.asia/d/9Zx0dw4",iconImage:"a-one-72110.png.webp",page:{width:210,height:297,marginTop:11,marginLeft:14,numCardsX:2,numCardsY:5},card:{width:91,height:55,iconSize:20,qrSize:20,offsetX:0,offsetY:0,paddingLeft:6,paddingTop:6}},{id:"a-one-75210",maker:"A-one",modelNumber:"75210",url:"https://www.a-one.co.jp/product/search/detail.php?id=75210",amazonUrl:"https://amzn.asia/d/gDKdDWN",iconImage:"a-one-75210.png.webp",page:{width:210,height:297,marginTop:21.2,marginLeft:18.6,numCardsX:2,numCardsY:5},card:{width:86.4,height:50.8,iconSize:20,qrSize:20,offsetX:0,offsetY:0}});function h(t){let{data:e,selected:i,onSelect:n}=t;return(0,s.jsx)("li",{className:"template-list__option ".concat(i?"selected":""),"data-id":e?e.id:"",onClick:t=>{"a"!=t.target.tagName.toLowerCase()&&n(e?e.id:"")},children:(0,s.jsx)("div",{className:"template-list__inner",children:e?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"template-list__icon",children:(0,s.jsx)("img",{src:"/template-icons/".concat(e.iconImage),width:60,height:60})}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("p",{className:"template-list__model",children:[e.maker,"\xa0/\xa0",e.modelNumber]}),(0,s.jsxs)("p",{className:"template-list__spec",children:[e.card.width,"mm x ",e.card.height,"mm\xa0\xa0",e.page.numCardsX*e.page.numCardsY,"面"]}),(0,s.jsxs)("p",{className:"template-list__link",children:[(0,s.jsx)("a",{href:e.url,target:"_blank",children:"メーカーサイト"}),"\xa0\xa0",(0,s.jsx)("a",{href:e.amazonUrl,target:"_blank",children:"Amazonで購入"})]})]})]}):(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("p",{className:"template-list__note-selected",children:"シール用紙を選択してください"})})})})}function r(t){let[e,i]=(0,n.useState)(!1),[a,r]=(0,n.useState)(t.templateId||"");(0,n.useEffect)(()=>{t.onSelect(a)},[a]);let l=t=>{e?(r(t),i(!1)):i(!0)};return(0,s.jsxs)("ul",{className:"template-list ".concat(e?"open":""),children:[(e||""==a)&&(0,s.jsx)(h,{selected:""==a,onSelect:l}),o.map((t,i)=>e||t.id==a?(0,s.jsx)(h,{data:t,selected:t.id==a,onSelect:l},i):null)]})}function l(){return void 0!==window&&window.innerWidth<768}function d(){if(navigator.userAgentData){let t=(navigator.userAgentData.brands||[]).some(t=>t.brand.includes("Chrome")),e="Windows"===navigator.userAgentData.platform||"macOS"===navigator.userAgentData.platform||"Linux"===navigator.userAgentData.platform;return t&&e}{let t=window.navigator.userAgent.toLowerCase(),e=-1!==t.indexOf("chrome"),i=-1!==t.indexOf("mac"),s=-1!==t.indexOf("windows"),n=-1!==t.indexOf("linux");return e&&(i||s||n)}}async function c(t){let e=[];

1if(t.isFile){let i=await new Promise(e=>{t.file(t=>{e(t)})});e.push(i)}else if(t.isDirectory){let i=t.createReader(),s=[],n=()=>new Promise(t=>{i.readEntries(e=>{t(e)})}),a=async()=>{let t=await n();t.length>0&&(s=s.concat(t),await a())};for(let t of(await a(),s))(await c(t)).forEach(t=>e.push(t))}return e}async function p(t){let e=[],i=Array.from(t).map(t=>new Promise(async i=>{let s=t.webkitGetAsEntry();if(!s){i();return}(await c(s)).forEach(t=>e.push(t)),i()}));async function s(t){return new Promise((e,i)=>{let s=new FileReader;s.onload=t=>{e(t.target.result.split("\n"))},s.onerror=t=>{i(t)},s.readAsText(t)})}await Promise.all(i);let n=[];for(let t=0;t<e.length;t++)e[t]&&(await s(e[t])).map(t=>{let e=t;e.match(/^@/)&&(e=e.slice(1)),e.match(/https?:\/\//)&&(e=e.replace(/https?:\/\/[^\/]+\/([^\/]+)/,"$1")),e.match(/^ *$/)||n.push("@".concat(e))});return n}i(8944);let u=(t,e)=>{window.gtag&&window.gtag("event",t,e)},m=t=>{u("extension_check",{is_installed:t})},g=(t,e,i)=>{u("template_selected",{template_id:t,maker:e,model_number:i})},w=t=>{u("card_creation_started",{template_id:t.templateId,platform:t.platform,account_count:t.accountCount,has_custom_fields:t.hasCustomFields})};function f(t){let{isOpen:e,setIsOpen:i,accountText:a,setAccountText:h,field1Text:l,setField1Text:d,field2Text:c,setField2Text:u,onClose:f,step:x,setStep:v}=t,[_,b]=(0,n.useState)(""),[k,y]=(0,n.useState)(!1),C=(0,n.useRef)(null),M=(0,n.useRef)(null),S=(0,n.useRef)(null),P=(0,n.useRef)(null),T=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let t=C.current;if(!t)return;let e=e=>{e.preventDefault(),t.classList.add("dragover")},s=e=>{t.classList.remove("dragover")},n=async e=>{if(t.classList.remove("dragover"),e.preventDefault(),!e.dataTransfer){alert("Xのアカウントリストのテキストファイルをドラッグ＆ドロップしてください。");return}h((await p(e.dataTransfer.items)).join("\n")),v(3),i(!0)};return t.addEventListener("drop",n,!1),t.addEventListener("dragover",e,!1),t.addEventListener("dragend",s),t.addEventListener("dragleave",s),()=>{t.removeEventListener("drop",n),t.removeEventListener("dragover",e),t.removeEventListener("dragend",s),t.removeEventListener("dragleave",s)}},[C.current]),(0,n.useEffect)(()=>{3==x&&M.current&&(M.current.focus(),M.current.select())},[e,x]),(0,n.useEffect)(()=>{let t=()=>window.document.documentElement.classList.contains("hellooo-installed"),i=setTimeout(()=>{let e=t();y(e),m(e),e&&1==x&&v(2)},100);return window.postMessage({type:e?"modalOpen":"modalClose",selectedTemplateId:_}),()=>clearTimeout(i)},[e]),(0,n.useEffect)(()=>{M.current&&M.current.addEventListener("focus",()=>{M.current&&M.current.select()})},[M.current]),(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{ref:C,className:"modal ".concat(e?"open":""),children:[(0,s.jsx)("div",{className:"modal__bg",onClick:f}),(0,s.jsxs)("div",{className:"modal__wrapper",children:[(0,s.jsx)("nav",{className:"modal__nav",children:(0,s.jsxs)("ul",{children:[(0,s.jsx)("li",{className:"modal__navItem ".concat(1===x?"active":""," ").concat(k?"done":""),children:(0,s.jsxs)("a",{onClick:()=>v(1),children:[(0,s.jsx)("span",{children:"1"}),"拡張機能"]})}),(0,s.jsx)("li",{className:"modal__navItem ".concat(2===x?"active":""," ").concat(_?"done":""),children:(0,s.jsxs)("a",{onClick:()=>v(2),children:[(0,s.jsx)("span",{children:"2"}),"用紙選択"]})}),(0,s.jsx)("li",{className:"modal__navItem ".concat(3===x?"active":""),children:(0,s.jsxs)("a",{onClick:()=>v(3),children:[(0,s.jsx)("span",{children:"3"}),"アカウント"]})})]})}),(0,s.jsxs)("div",{className:"modal__content",children:[1===x&&(0,s.jsxs)("div",{className:"modal__step1",children:[(0,s.jsx)("a",{href:"https://chromewebstore.google.com/detail/hellooo/jicgloohkdidfojpecckocfeoaiajgkp",target:"_blank",children:(0,s.jsx)("img",{src:"/images/extension-icon.svg",width:"120",height:"120"})}),k?(0,s.jsx)("p",{className:"modal__text",children:"Chrome拡張機能はインストール済みです。"}):(0,s.jsxs)("p",{className:"modal__text",children:["Hellooo!をご利用いただくには、 Xのアイコン画像取得のためのChrome拡張機能が必要です。",(0,s.jsx)("br",{}),(0,s.jsx)("a",{href:"https://chromewebstore.google.com/detail/hellooo/jicgloohkdidfojpecckocfeoaiajgkp",target:"_blank",className:"modal__link",children:"こちら"}),"からインストールしてください。"]})]}),2===x&&(0,s.jsxs)("div",{className:"modal__step2",children:[(0,s.jsxs)("p",{className:"modal__text",children:["印刷するシール用紙を選択してください。",(0,s.jsx)("br",{}

1),"（選択肢にないものは未対応です）"]}),(0,s.jsxs)("div",{className:"modal__step2__list",children:[(0,s.jsx)(r,{onSelect:t=>{b(t)},templateId:_}),(0,s.jsx)("button",{className:"modal__button",onClick:()=>{if(_){let t=o.getById(_);t&&g(t.id,t.maker,t.modelNumber)}v(3)},children:"決定"})]})]}),3===x&&(0,s.jsxs)("div",{className:"modal__step3",children:[(0,s.jsx)("div",{className:"modal__step3__form",children:(0,s.jsx)("textarea",{ref:M,onChange:t=>{M.current&&h(M.current.value)},value:a})}),(0,s.jsxs)("div",{className:"modal__step3__customize",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{children:"SNS"}),(0,s.jsxs)("select",{ref:S,children:[(0,s.jsx)("option",{value:"x",children:"X (Twitter)"}),(0,s.jsx)("option",{value:"instagram",children:"Instagram"})]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{children:"フィールド 1"}),(0,s.jsx)("input",{type:"text",maxLength:20,onChange:t=>{P.current&&d(P.current.value)},ref:P,value:l})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{children:"フィールド 2"}),(0,s.jsx)("input",{type:"text",maxLength:20,onChange:t=>{T.current&&u(T.current.value)},ref:T,value:c})]})]}),(0,s.jsxs)("div",{className:"modal__step3__submit",children:[(0,s.jsxs)("p",{className:"modal__text",children:["1行に1アカウントのリストを入力するか、テキストファイルをドラッグ&ドロップしてください。",(0,s.jsx)("span",{children:"※あらかじめ入力されているアカウントはシール生成をお試しいただくためのサンプルです"})]}),(0,s.jsx)("button",{className:"modal__button",onClick:()=>{var t;if(!k){alert("Chrome拡張機能がインストールされていません。"),v(1);return}if(!_){alert("用紙を選択してください。"),v(2);return}let e=/^[a-zA-Z0-9\s]*$/;if(!e.test(l)){alert("フィールド1は半角英数字のみで入力してください。");return}if(!e.test(c)){alert("フィールド2は半角英数字のみで入力してください。");return}let i=(null===(t=S.current)||void 0===t?void 0:t.value)||"x",s=a.split("\n").filter(t=>""!==t.trim()),n="Company"!==l||"Name"!==c;w({templateId:_,platform:i,accountCount:s.length,hasCustomFields:n}),window.postMessage({type:"create",accounts:s,platform:i,field1Text:l,field2Text:c,selectedTemplateId:_})},children:"作成開始！"})]})]})]})]})]})})}i(5572),i(585);var x=i(6067);let v={white:16777215,orange:16601344};class _ extends x.TCu{set color(t){this._color=t,this.draw()}get color(){return this._color}draw(){this.clear(),this.roundRect(0,0,_.WIDTH,_.HEIGHT,20),this.fill({color:v[this.color],alpha:1})}constructor(t="white"){super(),this._color="white",this.color=t}}_.WIDTH=350,_.HEIGHT=197;var b=i(9582);function k(t){return{r:t>>16&255,g:t>>8&255,b:255&t}}async function y(t,e){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:.75,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:.05;await new Promise(t=>setTimeout(t,1e3*s)),t.tint=e;let o=k(t.tint),h=k(i);b.ZP.to(o,{r:h.r,g:h.g,b:h.b,onUpdate:()=>{t.tint=(o.r<<16)+(o.g<<8)+o.b},duration:n,delay:a,ease:"expo.out"})}class C extends x.jyi{async over(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;await y(this,16601344,16777215,t,.1)}constructor(t,e,i){super(i),this.width=this.height=70,this.x=t,this.y=e,this.tint=16777215}}class M extends x.xvT{setText(t){this.__text=t}async show(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;t&&(this.__text=t);for(let t=0;t<this.__text.length;t++){for(let t=0;t<e;t++)await new Promise(t=>window.requestAnimationFrame(t));this.text=this.__text.slice(0,t+1)}}async over(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;await y(this,16601344,0,t,.75,.2)}constructor(t,e=""){t.style=t.style||{},t.style.fill=16777215,super(t),this.__text=e,this.tint=0}}class S extends M{constructor(t,e,i){super({style:{fontFamily:"sans-serif",letterSpacing:.5,fontSize:7}},t),this.x=e,this.y=i}}class P extends M{constructor(t,e){super({style:{fontFamily:"sans-serif",fontSize:22}},"@hellooo_cards"),this.x=t,this.y=e}}class T extends x.W20{async over(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;await y(this,16601344,0,t)}show(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;b.ZP.to(this.maskGraphics.scale,{x:1,delay:t,duration:1,ease:"sine.out"})}constructor(t){super(),this.sprite=new x.jyi(t),this.sprite.width=_.WIDTH,this.sprite.height=_.HEIGHT,this.sprite.x=0,this.sprite.y=0,this.maskGraphics=new x.TCu,this.maskGraphics.rect(0,0,_.WIDTH,_.HEIGHT),this.maskGraphics.fill(16777215),this.maskGraphics.x=0,this.maskGraphics.y=0,this.addChild(this.sprite),this.addChild(this.maskGraphics),this.mask=this.maskGraphics,this.maskGraphics.scale.x=0,this.tint=0}}class j extends x.TCu{get flipAngle(){return this._flipAngle}set flipAngle(t){this._flipAngle=t,this.drawIfNeeded()}get flipPosition(){return this._flipPosition}set flipPosition(t){this._flipPosition=t,this.drawIfNeeded()}drawIfNeeded(){(this._flipAngle!==this._lastDrawnAngle||this._flipPosition!==this._lastDrawnPosition)&&(this.draw(),this._lastDrawnAngle=this._flipAngle,this._lastDrawnPosition=this._flipPosition)}draw(){let t=this._width,e=this._height,i=new x.E9j(t*this.flipPosition,e*this.flipPosition),s=new x.E9j(i.x+Math.tan(this._flipAngle+M

1ath.PI)*i.y,0),n=new x.E9j(i.x-Math.tan(this._flipAngle+Math.PI)*(e-i.y),e);this.clear(),this.moveTo(0,0),this.lineTo(s.x,s.y),this.lineTo(n.x,n.y),n.y==e&&this.lineTo(0,e),this.lineTo(0,0),this.fill({color:0,alpha:.25}),this.moveTo(-t,-t),this.lineTo(t,-t),this.lineTo(t,0),this.lineTo(0,0),this.lineTo(0,e),this.lineTo(-t,e),this.lineTo(-t,-t),this.fill({color:0,alpha:.25})}constructor(t,e){super(),this._flipAngle=-.5*Math.PI,this._flipPosition=0,this._lastDrawnAngle=NaN,this._lastDrawnPosition=NaN,this._width=t,this._height=e,this.draw()}}class A extends x.W20{get flipAngle(){return this._flipAngle}set flipAngle(t){this.flipMask.flipAngle=this._flipAngle=t,this.reset()}get flipPosition(){return this._flipPosition}set flipPosition(t){this._flipPosition=this.flipMask.flipPosition=t,this.reset()}reset(){if(this._flipAngle===this._lastResetAngle&&this._flipPosition===this._lastResetPosition)return;this._lastResetAngle=this._flipAngle,this._lastResetPosition=this._flipPosition;let t=this.content.width,e=this.content.height,i=new x.E9j(t*this.flipPosition,e*this.flipPosition),s=new x.E9j(i.x+Math.tan(this._flipAngle+Math.PI)*i.y,0),n=new x.E9j(i.x-Math.tan(this._flipAngle+Math.PI)*(e-i.y),e),a=new x.E9j(Math.min(t,s.x),e),o=function(t,e,i){let{x:s,y:n}=t,{x:a,y:o}=e,{x:h,y:r}=i,l=a-s,d=o-n,c=Math.max(0,Math.min(1,((h-s)*l+(r-n)*d)/(l*l+d*d)));return new x.E9j(s+c*l,n+c*d)}(n,s,a),h=Math.atan2(o.y-a.y,o.x-a.x),r=2*Math.sqrt((o.x-a.x)**2+(o.y-a.y)**2),l=new x.E9j(a.x+Math.cos(h)*r,a.y+Math.sin(h)*r),d=Math.atan2(l.y-n.y,l.x-n.x);this.content.rotation=d,this.content.pivot.set(a.x/Math.abs(this.content.scale.x),a.y/Math.abs(this.content.scale.y)),this.content.position.set(l.x,l.y)}constructor(t){super(),this._flipAngle=-.5*Math.PI,this._flipPosition=0,this._moveVector=new x.E9j,this._lastResetAngle=NaN,this._lastResetPosition=NaN,this.gp=new x.TCu,this.grb=new x.TCu,this.grt=new x.TCu,this.gwh=new x.TCu,this.gb=new x.TCu,this.content=t,this.content.scale.set(this.content.scale.x,-this.content.scale.y),this.flipMask=new j(this.content.width,this.content.height),this.addChild(this.content),this.addChild(this.flipMask),this.mask=this.flipMask,this.flipAngle=this._flipAngle,this.flipPosition=this._flipPosition}}let I=b.ZP.parseEase("cubic.in"),L=b.ZP.parseEase("expo.out"),E=t=>L(I(t));class q extends x.W20{get flipPosition(){return this._flipPosition}set flipPosition(t){this._flipPosition=t,this.backSide.flipPosition=t,this.containerMask.flipPosition=t}get flipAngle(){return this._flipAngle}set flipAngle(t){this._flipAngle=t,this.backSide.flipAngle=t,this.containerMask.flipAngle=t}show(t){setTimeout(()=>{this.visible=!0,this.accountLabel.show(),this.account.show(),this.label1.show(),this.label2.show(),this.handwriting&&this.handwriting.show(.75),this.flipPosition=.85,this.flipAngle=-.75*Math.PI,b.ZP.fromTo(this.position,{x:-40},{x:0,duration:.25,ease:"expo.out"}),b.ZP.to(this,{flipPosition:1,flipAngle:-.75*Math.PI,duration:1,ease:E,overwrite:!0})},1e3*t)}constructor(t,e,i,s,n,a){super(),this.container=new x.W20,this.transparentBg=new _,this.bg=new _,this.backSide=new A(new _("orange")),this.containerMask=new j(_.WIDTH,_.HEIGHT),this.account=new P(110,40),this.label1=new S("Company:",110,78),this.label2=new S("Name:",110,131),this._flipPosition=.75,this._flipAngle=-.25*Math.PI,this._mouseOutTimer=0,this._mousePosition=null,this._animationFrameId=0,this.onClick=t=>{var e;(null===(e=this.data)||void 0===e?void 0:e.url)&&window.open("https://x.com/".concat(this.data.account),"_blank")},this.onMouseOver=t=>{this._mouseOutTimer&&window.clearTimeout(this._mouseOutTimer),this.on("mousemove",this.onMouseMove),this.parent&&this.parent.addChild(this),this._animationFrameId||(this._animationFrameId=window.requestAnimationFrame(this.updateFlipAnimation))},this.onMouseMove=t=>{let e=t.getLocalPosition(this);this._mousePosition={x:e.x,y:e.y}},this.updateFlipAnimation=()=>{if(this._mousePosition){let{x:t,y:e}=this._mousePosition,i=_.WIDTH,s=_.HEIGHT,n=Math.atan2(e-s,t-i)+0*Math.PI;n>0&&(n-=2*Math.PI),b.ZP.to(this,{flipPosition:.75+(1-Math.max(0,Math.min(1,Math.sqrt((i-t)**2+(s-e)**2)/(.5*i))))*.25,flipAngle:Math.max(Math.min(n,-.55*Math.PI),-.95*Math.PI),duration:.25,ease:"cubic.out",overwrite:!0})}this._mousePosition&&(this._animationFrameId=window.requestAnimationFrame(this.updateFlipAnimation))},this.onMouseOut=t=>{this.off("mousemove",this.onMouseMove),this._mousePosition=null,this._animationFrameId&&(window.cancelAnimationFrame(this._animationFrameId),this._animationFrameId=0),this._mouseOutTimer&&window.clearTimeout(this._mouseOutTimer),this._mouseOutTimer=window.setTimeout(()=>{b.ZP.to(this,{flipPosition:1,flipAngle:-.75*Math.PI,duration:.75,ease:E,overwrite:!0})},50)},this.data=t,this.icon=new C(25,20,e),this.qr=new C(25,105,i),n&&this.label1.setText(n),a&&this.label2.setText(a),s&&(this.handwriting=new T(s));let o=(null==t?void 0:t.platform)==="instagram"?"Instagram:":"X(Twitter):";this.accountLabel=new S(o,110,25),this.transparentBg.alpha=0,this.container.addChild(this.bg),this.container.addChild(this.icon),this.container.addChild(this.qr),this.container.addChild(this.accountLabel),this.container.addChild(this.account),this.container.addChild(this.label1

1),this.container.addChild(this.label2),this.handwriting&&this.container.addChild(this.handwriting),t&&this.account.setText("@".concat(t.account)),this.container.addChild(this.containerMask),this.container.mask=this.containerMask,this.addChild(this.transparentBg),this.addChild(this.container),this.addChild(this.backSide),this.visible=!1,this.interactive=!0,this.flipAngle=this._flipAngle,this.flipPosition=this._flipPosition,this.on("mouseover",this.onMouseOver),this.on("mouseout",this.onMouseOut),this.on("click",this.onClick)}}class N extends x.W20{destroy(){window.cancelAnimationFrame(this.requestAnimationFrameId),super.destroy()}setIcons(t,e,i,s,n,a){this.icons=t,this.iconSpriteSheet=e,this.qrSpriteSheet=i,this.handwritingsSpriteSheet=s,n&&(this.label1Text=n),a&&(this.label2Text=a)}constructor(t,e,i,s){super(),this.cards=[],this.direction=1,this.scroll=0,this.scrollSpeed=.003,this.requestAnimationFrameId=0,this.icons=[],this.update=()=>{this.scroll+=this.scrollSpeed*this.direction,_.HEIGHT,this.cards.length,this.cards.forEach((t,e)=>{if(this.scroll>0)t.y=((e+this.scroll)%this.cards.length-2)*(_.HEIGHT+10);else{let i=e+this.scroll;for(;i<0;)i+=this.cards.length;i-=2,t.y=i*(_.HEIGHT+10)}}),this.requestAnimationFrameId=window.requestAnimationFrame(this.update)},this.reset=t=>{this.scroll=0;let e=window.innerHeight;this.cards.forEach(t=>this.removeChild(t)),this.cards=[];let i=Math.ceil(e/(_.HEIGHT+10))+2,s=i*this.index;for(let e=0;e<i;e++){var n,a,o;let h=this.icons[(e+s)%this.icons.length],r=h&&(null===(n=this.iconSpriteSheet)||void 0===n?void 0:n.textures[h.account])||this.iconTexture,l=h&&(null===(a=this.qrSpriteSheet)||void 0===a?void 0:a.textures[h.account])||this.qrTexture,d=h&&(null===(o=this.handwritingsSpriteSheet)||void 0===o?void 0:o.textures[h.account]),c=new q(h||null,r,l,d,this.label1Text,this.label2Text),p=(this.direction>0?e:i-e)*.085+.3825*t;c.show(p),this.addChild(c),this.cards.push(c)}window.cancelAnimationFrame(this.requestAnimationFrameId),this.update()},this.index=t,this.direction=e,this.iconTexture=i,this.qrTexture=s,this.update()}}class O extends x.W20{async load(){this.iconTexture=await x.deM.load("/images/twitter-icon.png.webp"),this.qrTexture=await x.deM.load("/images/qr.png.webp"),this.addChild(this.container)}

1async init(){this.rotation=Math.PI/180*15,window.addEventListener("resize",this.onResize)}setIcons(t,e,i,s,n,a){this.rotation=Math.PI/180*15,this.icons=t,this.iconSpriteSheet&&(this.iconSpriteSheet.textureSource.destroy(),this.iconSpriteSheet.destroy()),this.qrSpriteSheet&&(this.qrSpriteSheet.textureSource.destroy(),this.qrSpriteSheet.destroy()),this.handwritingsSpriteSheet&&(this.handwritingsSpriteSheet.textureSource.destroy(),this.handwritingsSpriteSheet.destroy()),this.iconSpriteSheet=e,this.qrSpriteSheet=i,this.handwritingsSpriteSheet=s,n&&(this.label1Text=n),a&&(this.label2Text=a),this._onResize()}constructor(){super(),this.resizeTimer=0,this.container=new x.W20,this.columns=[],this.icons=[],this.onResize=()=>{this.resizeTimer&&clearTimeout(this.resizeTimer),this.resizeTimer=window.setTimeout(this._onResize,200)},this._onResize=()=>{let t=window.innerWidth;window.innerHeight;let e=l()?1:.5,i=Math.ceil(t*e/(_.WIDTH+10));for(;this.columns.length!=i;)if(this.columns.length<i){let t=new N(this.columns.length,this.columns.length%2==0?1:-1,this.iconTexture,this.qrTexture);t.x=this.columns.length*(_.WIDTH+10),this.container.addChild(t),this.columns.push(t)}else if(this.columns.length>i){let t=this.columns.pop();t.destroy(),this.container.removeChild(t)}else break;this.columns.forEach((t,e)=>{this.icons.length&&this.iconSpriteSheet&&this.qrSpriteSheet?t.setIcons(this.icons,this.iconSpriteSheet,this.qrSpriteSheet,this.handwritingsSpriteSheet,this.label1Text,this.label2Text):console.log("[CardContainer._onResize] Skipping column",e,"- missing data",{icons:this.icons.length,iconSpriteSheet:!!this.iconS

1priteSheet,qrSpriteSheet:!!this.qrSpriteSheet}),t.reset(e)}),this.x=window.innerWidth*(1-e)+60,l()&&(this.x-=.5*window.innerWidth),this.y=window.innerHeight/2,this.container.y=-this.y}}}let F=b.ZP.parseEase("cubic.in"),z=b.ZP.parseEase("expo.out"),W=t=>z(F(t));class B extends x.W20{get flipPosition(){return this._flipPosition}set flipPosition(t){this._flipPosition=t,this.backSide.flipPosition=t,this.containerMask.flipPosition=t}get flipAngle(){return this._flipAngle}set flipAngle(t){this._flipAngle=t,this.backSide.flipAngle=t,this.containerMask.flipAngle=t}_onMouseOver(t){this._mouseOutTimer&&clearTimeout(this._mouseOutTimer),t.getLocalPosition(this),this.on("mousemove",this.onMouseMove),this.on("mousedown",this.onMouseDown),this.parent&&this.parent.addChild(this);let e=Math.min(this.sprite.height,this.maxHeight||9999);this.changeHitArea&&(this.hitArea=new x.AeJ(-40,-(.5*e),this.sprite.width,2*e))}_onMouseMove(t){let e=t.getLocalPosition(this),i=this.sprite.width,s=this.sprite.height,n=Math.sqrt((i-e.x)**2+(s-e.y)**2),a=Math.atan2(e.y-s,e.x-i)+0*Math.PI;a>0&&(a-=2*Math.PI);let o=1-Math.max(0,Math.min(1,n/(i*(1-this.minFlip)*2))),h=this.minFlip+o*(1-this.minFlip),r=Math.max(Math.min(a,this.maxFlipAngle),this.minFlipAngle),l=Math.abs(this.flipPosition-h);b.ZP.to(this,{flipPosition:h,flipAngle:r,duration:.25+1*l,ease:"cubic.out",overwrite:!0}),e.y,e.x,this.sprite.width;let d=Math.min(this.sprite.height,this.maxHeight||9999);this.changeHitArea&&(this.hitArea=new x.AeJ(-40,-(.5*d),1.1*this.sprite.width,1.75*d))}_onMouseOut(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.05;this.off("mousemove",this.onMouseMove),this.off("mousedown",this.onMouseDown),this._mouseOutTimer&&clearTimeout(this._mouseOutTimer),this._mouseOutTimer=window.setTimeout(()=>{b.ZP.to(this,{flipPosition:1,flipAngle:-.75*Math.PI,duration:.75,ease:W,overwrite:!0})},1e3*t),this.changeHitArea&&(this.hitArea=new x.AeJ(0,0,this.sprite.width,Math.min(this.sprite.height,this.maxHeight||9999)))}show(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1.25;return new Promise(i=>{this.flipPosition=.001,this.flipAngle=-.9999*Math.PI,this.visible=!1,this.backSide.visible=!1,b.ZP.to(this,{flipPosition:1,flipAngle:-.75*Math.PI,duration:e,delay:t,ease:W,overwrite:!0,onStart:()=>{this.backSide.visible=!0,this.visible=!0},onComplete:()=>{i()}})})}constructor(t,e,i=2){super(),this.container=new x.W20,this.changeHitArea=!0,this.minFlip=.5,this.minFlipAngle=-.9999*Math.PI,this.maxFlipAngle=-.55*Math.PI,this._flipPosition=.75,this._flipAngle=-.75*Math.PI,this._mouseOutTimer=0,this.onMouseOver=t=>{this._onMouseOver(t)},this.onMouseDown=t=>{this._onMouseOut(0)},this.onMouseMove=t=>{this._onMouseMove(t)},this.onMouseOut=t=>{this._onMouseOut()},this.maxHeight=e,this.sprite=new x.jyi(t),this.sprite.scale.set(1/i,1/i),this.sprite.tint=0;let s=new x.jyi(t);s.scale.set(1/i,1/i),s.tint=16601344,this.backSide=new A(s);let n=t.width/i,a=t.height/i;this.containerMask=new j(n,a),this.container.addChild(this.sprite),this.container.addChild(this.containerMask),this.container.mask=this.containerMask,this.addChild(this.container),this.addChild(this.backSide),this.visible=!1,this.backSide.visible=!1,this.flipAngle=this._flipAngle,this.flipPosition=this._flipPosition,this.interactive=!0,this.on("mouseover",this.onMouseOver),this.on("mouseout",this.onMouseOut)}}class H extends x.W20{mouseOver(){b.ZP.to(this.arrowSprite,{x:10,duration:.5,ease:"cubic.out"})}mouseOut(){b.ZP.to(this.arrowSprite,{x:0,duration:.5,ease:"cubic.out"})}constructor(t,e,i,s,n,a){super(),this.bgSprite=new x.jyi(t),this.bgSprite.tint=s,this.bgSprite.scale.set(1/a,1/a),this.textSprite=new x.jyi(e),this.textSprite.tint=n,this.textSprite.scale.set(1/a,1/a),this.arrowSprite=new x.jyi(i),this.arrowSprite.tint=n,this.arrowSprite.scale.set(1/a,1/a),this.addChild(this.bgSprite),this.addChild(this.textSprite),this.addChild(this.arrowSprite)}}class D extends B{async show(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1.25;b.ZP.to(this.hover,{alpha:0,duration:.5,delay:e+t,ease:"cubic.inOut"}),console.log("[FlipSpriteButton.show] Scheduling show with delay",t),await super.show(t,e),console.log("[FlipSpriteButton.show] Show complete")}_onMouseOver(t){super._onMouseOver(t),this._mouseOutFadeTimer&&window.clearTimeout(this._mouseOutFadeTimer),b.ZP.to(this.normal,{alpha:0,delay:.1,duration:.4,ease:"expo.in",overwrite:!0,onComplete:()=>{this.normal.visible=!1}}),b.ZP.to(this.hover,{alpha:1,duration:.5,ease:"expo.out",overwrite:!0}),this.normal.mouseOver(),this.hover.mouseOver()}_onMouseMove(t){super._onMouseMove(t),this._mouseOutFadeTimer&&window.clearTimeout(this._mouseOutFadeTimer)}_onMouseOut(){super._onMouseOut(),this._mouseOutFadeTimer&&window.clearTimeout(this._mouseOutFadeTimer),this.normal.mouseOut(),this.hover.mouseOut(),this._mouseOutFadeTimer=window.setTimeout(()=>{this.normal.visible=!0,this.normal.alpha=1,b.ZP.to(this.hover,{alpha:0,duration:.5,overwrite:!0,ease:"expo.inOut"})},500)}constructor(t,e,i,s=2,n){super(t,s,n),this._mouseOutFadeTimer=0,this.onClick=t=>{},this.minFlip=.85,this.minFlipAngle=-.95*Math.PI,this.changeHitArea=!1,this.sprite.alpha=0,this._texture=t,this.normal=new H(t,e,i,16601344,16777215,s),this.hover=new H(t,e,i,16777215,16601344,s),this.container.addChild(this.normal),this.container.addChild(this.hover),this.interactive=!0,this.on("click",this.onClick),this.cursor="pointer"}}class Z extends x.W20{async load(){this.bg.roundRect(-40,-80,790,680,20),this.bg.fill(16777215),this.addChild(this.bg);let t=await x.deM.load("/images/copy-connect.png.webp"),e=await x.deM.load("/images/copy-everyone.png.webp"),i=await x.deM.load("/images/copy-icon.png.webp"),s=await x.deM.load("/images/copy-small".concat(l()?"-sp":"",".png.webp")),n=await x.deM.load("/images/copy-thankyou1.png.webp"),a=await x.deM.load("/images/copy-thankyou2.png.webp"),o=await x.deM.load("/images/copy-thankyou3.png.webp"),h=await x.deM.load("/images/copy-thankyou4.png.webp"),r=await x.deM.load("/images/create-button-bg.png.webp"),d=await x.deM.load("/images/create-button-text.png.webp"),c=await x.deM.load("/images/create-button-arrow.png.webp");

1this.line1=new B(t,96),this.line2=new B(e,96),this.line3=new B(i,96),this.line4=new B(s,96),this.thanksLine1=new B(n,96),this.thanksLine2=new B(a,96),this.thanksLine3=new B(o,96),this.thanksLine4=new B(h,96),this.line2.position.y=111,this.line3.position.y=220,this.line4.position.y=330,this.line4.position.x=4,this.thanksLine2.position.y=110,this.thanksLine3.position.y=210,this.thanksLine4.position.y=345,this.container.addChild(this.line1),this.container.addChild(this.line2),this.container.addChild(this.line3),this.container.addChild(this.line4),this.line1.backSide.position.y=this.line1.position.y,this.line2.backSide.position.y=this.line2.position.y,this.line3.backSide.position.y=this.line3.position.y,this.line4.backSide.position.y=this.line4.position.y,this.backsideContainer.addChild(this.line1.backSide),this.backsideContainer.addChild(this.line2.backSide),this.backsideContainer.addChild(this.line3.backSide),this.backsideContainer.addChild(this.line4.backSide),this.thanksContainer.addChild(this.thanksLine1),this.thanksContainer.addChild(this.thanksLine2),this.thanksContainer.addChild(this.thanksLine3),this.thanksContainer.addChild(this.thanksLine4),this.thanksLine1.backSide.position.y=this.thanksLine1.position.y,this.thanksLine2.backSide.position.y=this.thanksLine2.position.y,this.thanksLine3.backSide.position.y=this.thanksLine3.position.y,this.thanksLine4.backSide.position.y=this.thanksLine4.position.y,this.thanksBacksideContainer.addChild(this.thanksLine1.backSide),this.thanksBacksideContainer.addChild(this.thanksLine2.backSide),this.thanksBacksideContainer.addChild(this.thanksLine3.backSide),this.thanksBacksideContainer.addChild(this.thanksLine4.backSide),this.button=new D(r,d,c),this.button.position.set(0,400),this.button.on("mousedown",()=>{this.emit("create-button-click")}),this.x=40,window.addEventListener("resize",this.onResize),this.onResize()}async show(){return new Promise(async t=>{if(console.log("[Copy] show"),!this.line1||!this.line2||!this.line3||!this.line4||!this.button){console.warn("[Copy] show: missing elements"),t();return}this.addChild(this.container),this.addChild(this.backsideContainer),this.button.visible=!l()&&d(),this.button.visible&&this.addChild(this.button),console.log("[Copy] show 1");let e=!1;setTimeout(()=>{e||(console.log("[Copy] show timeout"),t())},3e3),await Promise.all([this.line1.show(.25),this.line2.show(.475),this.line3.show(.7),this.line4.show(1,.75),this.button.show(1.15,.75)]),e=!0,t(),console.log("[Copy] show 2")})}async showThanks(){this.thanksLine1&&this.thanksLine2&&this.thanksLine3&&this.thanksLine4&&(this.removeChild(this.container),this.removeChild(this.backsideContainer),this.addChild(this.thanksContainer),this.addChild(this.thanksBacksideContainer),await Promise.all([this.thanksLine1.show(.25),this.thanksLine2.show(.475),this.thanksLine3.show(.7),this.thanksLine4.show(1,.75)]))}constructor(...t){super(...t),this.bg=new x.TCu,this.container=new x.W20,this.backsideContainer=new x.W20,this.thanksContainer=new x.W20,this.thanksBacksideContainer=new x.W20,this.onResize=()=>{var t,e,i,s;let n=Math.min(1,window.innerWidth/900);this.scale.set(n,n),l()?(this.bg.visible=!0,this.button&&(this.button.visible=!1),this.y=.5*window.innerHeight-300*n,null===(t=this.line4)||void 0===t||t.scale.set(1.5,1.5),null===(e=this.thanksLine4)||void 0===e||e.scale.set(1.5,1.5)):(this.bg.visible=!1,this.button&&(this.button.visible=d(),this.button.visible&&this.addChild(this.button)),this.y=.5*window.innerHeight-240*n,null===(i=this.line4)||void 0===i||i.scale.set(1,1),null===(s=this.thanksLine4)||void 0===s||s.scale.set(1,1))}}}var G=i(6731),R=i.n(G);let X=[{account:"kjkmr",url:"",data:"",qr:"",platform:"instagram"},{account:"WebMino",url:"",data:"",qr:""},{account:"a_saya_108",url:"",data:"",qr:"",platform:"instagram"},{account:"bxoxnx",url:"",data:"",qr:"",platform:"instagram"},{account:"tomonorix0805",url:"",data:"",qr:"",platform:"instagram"},{account:"oniguili",url:"",data:"",qr:""},{account:"ryohei",url:"",data:"",qr:""},{account:"kyono_s",url:"",data:"",qr:""},{account:"thnlaura",url:"",data:"",qr:""},{account:"free__age",url:"",data:"",qr:""},{account:"k28_mrn",url:"",data:"",qr:""},{account:"maruyaman1984",url:"",data:"",qr:""},{account:"daipdaip",url:"",data:"",qr:""},{account:"MasayukiHosoo",url:"",data:"",qr:""},{account:"ohiroyan",url:"",data:"",qr:""},{account:"manaweb_",url:"",data:"",qr:""},{account:"yoneda_spicato",url:"",data:"",qr:""},{account:"B_BaaN_",url:"",data:"",qr:""},{account:"spicato_ando",url:"",data:"",qr:""},{account:"spicato_kana",url:"",data:"",qr:""},{account:"nabe_spicato",url:"",data:"",qr:""},{account:"hoimi_spicato",url:"",data:"",qr:""},{account:"nichi_iro",url:"",data:"",qr:""}];class Y extends R(){static init(){return Y.instance||(Y.instance=new Y),Y.instance}static getInstance(){return Y.instance}setInteractive(t){this.app.stage.interactiveChildren=t}showThanks(){this.copy.showThanks()}async setIconsWithSpritesheet(t,e){var i,s,n,a,o,h;let r=await this.checkWebPSupport(),l=r&&(null===(i=e.icons)||void 0===i?void 0:i.meta.imageWebp)?e.icons.meta.imageWebp:null===(s=e.icons)||void 0===s?void 0:s.meta.image,d=r&&(null===(n=e.qr)||void 0===n?void 0:n.meta.imageWebp)?e.qr.meta.imageWebp:null===(a=e.qr)||void 0===a?void 0:a.meta.image,c=r&&(null===(o=e.handwritings)||void 0===o?void 0:o.meta.imageWebp)?e.handwritings.meta.imageWebp:null===(h=e.handwritings)||void 0===h?void 0:h.meta.image;if(!l||!d)return console.warn("スプライトシートのパスが見つかりません。Base64モードにフォールバック"),this.setIcons(t);let p={iconSpritePath:l,qrSpritePath:d,iconSpriteData:e.icons,qrSpriteData:e.qr};return c&&(p.handwritingsSpritePath=c,p.handwritingsSpriteData=e.handwritings),this.setIcons(t,p)}async setIcons(t,e){let i,s,n,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Company",o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"Name";

1if(t=t.sort(()=>Math.random()-.5),null==e||!e.iconSpritePath||null==e||!e.qrSpritePath)return this.setIconsBase64(t,a,o);try{let[t,a,o]=await Promise.all([x.deM.load(e.iconSpritePath),x.deM.load(e.qrSpritePath),e.handwritingsSpritePath?x.deM.load(e.handwritingsSpritePath):Promise.resolve(null)]);i=new x.c2G(t,{frames:e.iconSpriteData.frames,meta:e.iconSpriteData.meta}),s=new x.c2G(a,{frames:e.qrSpriteData.frames,meta:e.qrSpriteData.meta}),o&&e.handwritingsSpriteData&&(n=new x.c2G(o,{frames:e.handwritingsSpriteData.frames,meta:e.handwritingsSpriteData.meta}));let h=[i.parse(),s.parse()];n&&h.push(n.parse()),await Promise.all(h)}catch(e){return this.setIconsBase64(t)}this.cardContainer.setIcons(t,i,s,n,a,o)}async setIconsBase64(t,e,i){let s=t.filter(t=>t.data&&""!==t.data);if(0===s.length){console.warn("[Bg.setIconsBase64] 有効なBase64データを持つアイコンがありません");return}let n=document.createElement("canvas"),a=document.createElement("canvas"),o=Math.min(s.length,Math.floor(14.422535211267606)),h=Math.ceil(s.length/o);n.width=142*o,n.height=142*h,a.width=142*o,a.height=142*h;let r=n.getContext("2d"),l=a.getContext("2d");for(let t=0;t<s.length;t++){let e=t%o,i=Math.floor(t/o);if(s[t].data){let n=new Image;await new Promise(e=>{n.addEventListener("load",()=>e()),n.addEventListener("error",()=>e()),n.src=s[t].data}),n.complete&&n.naturalWidth>0&&r.drawImage(n,142*e,142*i,140,140)}if(s[t].qr){let n=new Image;await new Promise(e=>{n.addEventListener("load",()=>e()),n.addEventListener("error",()=>e()),n.src=s[t].qr}),n.complete&&n.naturalWidth>0&&l.drawImage(n,142*e,142*i,140,140)}}let d=x.xEZ.from(n),c=x.xEZ.from(a),p={};for(let t=0;t<s.length;t++){let e=t%o,i=Math.floor(t/o);p[s[t].account]={frame:{x:142*e,y:142*i,w:140,h:140},sourceSize:{w:140,h:140},spriteSourceSize:{x:0,y:0,w:140,h:140}}}let u={frames:p,meta:{size:{w:n.width,h:n.height},scale:1}},m=new x.c2G(d,u),g=new x.c2G(c,u);await m.parse(),await g.parse(),this.cardContainer.setIcons(s,m,g,void 0,e,i)}checkWebPSupport(){return new Promise(t=>{let e=new Image;e.onload=e.onerror=function(){t(2===e.height)},e.src="data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA"})}constructor(){super(),this.app=new x.MxU,this.cardContainer=new O,this.copy=new Z,this.copy.on("create-button-click",()=>{this.emit("create-button-click")}),console.log("[Bg] Application initialization started"),this.app.init({background:"#f5f5f5",resizeTo:window,resolution:window.devicePixelRatio||1,antialias:!0,preferWebGLVersion:2,powerPreference:"high-performance"}).then(async()=>{console.log("[Bg] Application initialized successfully");let t=async()=>{console.log("[Bg] Loading copy..."),await this.copy.load(),this.app.canvas.classList.add("bg"),document.body.appendChild(this.app.canvas),console.log("[Bg] Canvas appended to body"),this.app.stage.addChild(this.copy),document.documentElement.classList.add("ready"),console.log("[Bg] Copy showing..."),await this.copy.show(),console.log("[Bg] Copy shown")},e=async()=>{console.log("[Bg] Loading ardContainer..."),await this.cardContainer.load(),console.log("[Bg] Copy and cardContainer loaded"),this.app.stage.addChildAt(this.cardContainer,0)};await Promise.all([t(),e()]);let s=[...X],n=Math.min(5,s.length-8);for(let t=0;t<n;t++){let t=Math.floor(Math.random()*s.length);s.splice(t,1)}console.log("[Bg] Icons prepared: ".concat(s.length," items (removed ").concat(n,")"));try{console.log("[Bg] Loading spritesheet data...");let t=await i.e(248).then(i.t.bind(i,1248,19));console.log("[Bg] Spritesheet data loaded, setting icons with spritesheet"),await this.setIconsWithSpritesheet(s,t.default),console.log("[Bg] Icons set with spritesheet successfully")}catch(t){console.error("[Bg] Failed to load spritesheet, falling back to Base64 mode:",t),await this.setIcons(s)}console.log("[Bg] Initializing cardContainer"),this.cardContainer.init(),console.log("[Bg] Initialization complete")})}}function U(){let[t,e]=(0,n.useState)(!1),[i,a]=(0,n.useState)(1),[o,h]=(0,n.useState)(!1),[r,c]=(0,n.useState)(!1),[p,u]=(0,n.use

1State)("@kjkmr\n@a_saya_108\n@bxoxnx\n@tomonorix0805"),[m,g]=(0,n.useState)("Company"),[w,x]=(0,n.useState)("Name");(0,n.useEffect)(()=>{h(l()),c(d()),Y.init(),Y.getInstance().on("create-button-click",v);let t=()=>{h(l()),c(d())};return window.addEventListener("resize",t),()=>{Y.getInstance().removeAllListeners("create-button-click"),window.removeEventListener("resize",t)}},[]),(0,n.useEffect)(()=>{Y.getInstance().setInteractive(!t)},[t]),(0,n.useEffect)(()=>{let t=t=>{var i,s;(console.log("[Page.postMessage] Received message:",t.data.type),"openStep"==t.data.type&&2===t.data.step)?(console.log("[Page.postMessage] Opening modal for step 2"),e(!0)):"startGetIcons"==t.data.type?console.log("[Page.postMessage] startGetIcons"):"endGetIcons"==t.data.type?console.log("[Page.postMessage] endGetIcons - icons:",null===(i=t.data.icons)||void 0===i?void 0:i.length):"startCreatePdf"==t.data.type?console.log("[Page.postMessage] startCreatePdf"):"endCreatePdf"==t.data.type&&(console.log("[Page.postMessage] endCreatePdf - received",null===(s=t.data.icons)||void 0===s?void 0:s.length,"icons"),console.log("[Page.postMessage] Icons data:",t.data.icons),e(!1),console.log("[Page.postMessage] field1Text: ".concat(m,", field2Text: ").concat(w)),console.log("[Page.postMessage] Calling Bg.getInstance().setIcons"),Y.getInstance().setIcons(t.data.icons,void 0,m,w),console.log("[Page.postMessage] Calling Bg.getInstance().showThanks"),Y.getInstance().showThanks(),console.log("[Page.postMessage] Complete"))};if(void 0!==window)return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}},[m,w]);let v=()=>e(!0);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("main",{id:"drop-area",children:(0,s.jsxs)("div",{className:"main__wrapper",children:[(0,s.jsx)("div",{className:"main__logo",children:(0,s.jsxs)("svg",{width:"153",height:"33",viewBox:"0 0 153 33",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsxs)("g",{children:[(0,s.jsx)("path",{d:"M0,24.406h3.393V5.423H0V0h14.372v5.423h-3.393v6.675h10.854v-6.675h-3.393V0h14.372v5.423h-3.393v18.983h3.393v5.423h-14.372v-5.423h3.393v-6.465h-10.854v6.465h3.393v5.423H0v-5.423Z",fill:"#fd5100"}),(0,s.jsx)("path",{d:"M45.109,7.841c6.526,0,10.176,4.424,10.176,10.386,0,.714-.169,2.172-.169,2.172h-13.866c.546,2.755,2.755,3.964,5.088,3.964,3.225,0,6.148-2.041,6.148-2.041l2.667,5.007s-3.514,3.009-9.417,3.009c-7.799,0-11.995-5.546-11.995-11.266,0-6.303,4.329-11.222,11.369-11.222v-.008ZM47.695,16.435c0-1.712-1.148-3.171-2.755-3.171-2.12,0-3.136,1.502-3.514,3.171h6.273-.004Z",fill:"#fd5100"}),(0,s.jsx)("path",{d:"M57.855,5.217h-2.968V0h10.308v21.485c0,2.041.382,2.755,2.032,2.755.47,0,.892-.044.892-.044v5.72s-1.016.123-2.209.123c-3.903,0-8.056-.92-8.056-8.134V5.217Z",fill:"#fd5100"}),(0,s.jsx)("path",{d:"M71.175,5.217h-2.968V0h10.308v21.485c0,2.041.382,2.755,2.032,2.755.47,0,.891-.044.891-.044v5.72s-1.016.123-2.209.123c-3.903,0-8.056-.92-8.056-8.134V5.217Z",fill:"#fd5100"}),(0,s.jsx)("path",{d:"M145.37,0h7.63l-.679,20.609h-6.272L145.37,0ZM145.828,23.574h6.694v6.259h-6.694v-6.259Z",fill:"#fd5100"}),(0,s.jsx)("path",{d:"M57.855,5.217h-2.968V0h10.308v21.485c0,2.041.382,2.755,2.032,2.755.47,0,.892-.044.892-.044v5.72s-1.016.123-2.209.123c-3.903,0-8.056-.92-8.056-8.134V5.217Z",fill:"#fd5100"})]}),(0,s.jsx)("path",{d:"M134.006,8.027h-3.23c2.124,2.04,3.43,4.903,3.43,8.126v5.549c0,3.223-1.306,6.086-3.43,8.126h3.23c4.546,0,8.232-3.638,8.232-8.126v-5.549c0-4.488-3.686-8.126-8.232-8.126Z",fill:"#fd5100"}),(0,s.jsx)("path",{d:"M122.761,8.027h-3.229c2.124,2.04,3.43,4.903,3.43,8.126v5.549c0,3.223-1.306,6.086-3.43,8.126h3.229c4.547,0,8.233-3.638,8.233-8.126v-5.549c0-4.488-3.686-8.126-8.233-8.126Z",fill:"#fd5100"}),(0,s.jsx)("path",{d:"M111.517,8.027h-20.078c-4.547,0-8.232,3.638-8.232,8.126v5.549c0,4.488,3.686,8.126,8.232,8.126h20.078c4.547,0,8.233-3.638,8.233-8.126v-5.549c0-4.488-3.686-8.126-8.233-8.126ZM91.961,20.137c-1.952,0-3.534-1.558-3.534-3.476s1.582-3.476,3.534-3.476,3.534,1.558,3.534,3.476-1.582,3.476-3.534,3.476Z",fill:"#fd5100"})]})}),o?(0,s.jsxs)("p",{className:"main__sp-message",children:["このサービスはPC（Google Chrome）で",(0,s.jsx)("br",{}),"ご利用ください。"]}):r?(0,s.jsx)(s.Fragment,{}):(0,s.jsxs)("p",{className:"main__chrome-message",children:["お使いのブラウザではこのサービスはご利用いただけません。",(0,s.jsx)("br",{}),(0,s.jsx)("a",{href:"https://www.google.com/intl/ja/chrome/",target:"_blank",children:"Google Chrome"}

1),"でご利用ください。"]})]})}),(0,s.jsxs)("p",{className:"main__credit",children:["Extension Development, Frontend Development by\xa0",(0,s.jsx)("a",{href:"https://x.com/kjkmr",target:"_blank",children:"@kjkmr"}),", Design, Frontend Development by\xa0",(0,s.jsx)("a",{href:"https://x.com/WebMino",target:"_blank",children:"@WebMino"}),"\xa0/ Originally made for\xa0",(0,s.jsx)("a",{href:"https://x.com/casestudy_info",target:"_blank",children:"@casestudy_info"}),"."]}),(0,s.jsx)(f,{isOpen:t,setIsOpen:e,onClose:()=>e(!1),step:i,setStep:a,accountText:p,setAccountText:u,field1Text:m,setField1Text:g,field2Text:w,setField2Text:x})]})}},5572:function(){},585:function(){},8944:function(){}},function(t){t.O(0,[335,922,780,971,23,744],function(){return t(t.s=252)}),_N_E=t.O()}]);