{"version":3,"file":"component---src-templates-free-page-js-fcc988382ab4d469bd21.js","mappings":"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","sources":["webpack://love_and_peace/./node_modules/react-iframe/dist/es/iframe.js","webpack://love_and_peace/./src/components/atoms/Spacer.js","webpack://love_and_peace/./src/assets/css/atoms/a-spacer.module.styl","webpack://love_and_peace/./src/components/blocks/EmbedLawson.js","webpack://love_and_peace/./src/components/blocks/EmbedTicket.js","webpack://love_and_peace/./src/templates/free-page.js","webpack://love_and_peace/./src/assets/css/layouts/l-article.module.styl"],"sourcesContent":["var __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nimport React from \"react\";\nimport objectAssign from \"object-assign\";\n\nvar Iframe = function Iframe(_a) {\n  var url = _a.url,\n      allowFullScreen = _a.allowFullScreen,\n      position = _a.position,\n      display = _a.display,\n      height = _a.height,\n      width = _a.width,\n      overflow = _a.overflow,\n      styles = _a.styles,\n      onLoad = _a.onLoad,\n      onMouseOver = _a.onMouseOver,\n      onMouseOut = _a.onMouseOut,\n      scrolling = _a.scrolling,\n      id = _a.id,\n      frameBorder = _a.frameBorder,\n      ariaHidden = _a.ariaHidden,\n      sandbox = _a.sandbox,\n      allow = _a.allow,\n      className = _a.className,\n      title = _a.title,\n      ariaLabel = _a.ariaLabel,\n      ariaLabelledby = _a.ariaLabelledby,\n      name = _a.name,\n      target = _a.target,\n      loading = _a.loading,\n      importance = _a.importance,\n      referrerpolicy = _a.referrerpolicy,\n      allowpaymentrequest = _a.allowpaymentrequest,\n      src = _a.src;\n  var defaultProps = objectAssign({\n    src: src || url,\n    target: target || null,\n    style: {\n      position: position || null,\n      display: display || \"block\",\n      overflow: overflow || null\n    },\n    scrolling: scrolling || null,\n    allowpaymentrequest: allowpaymentrequest || null,\n    importance: importance || null,\n    sandbox: sandbox || null,\n    loading: loading || null,\n    styles: styles || null,\n    name: name || null,\n    className: className || null,\n    referrerpolicy: referrerpolicy || null,\n    title: title || null,\n    allow: allow || null,\n    id: id || null,\n    \"aria-labelledby\": ariaLabelledby || null,\n    \"aria-hidden\": ariaHidden || null,\n    \"aria-label\": ariaLabel || null,\n    width: width || null,\n    height: height || null,\n    onLoad: onLoad || null,\n    onMouseOver: onMouseOver || null,\n    onMouseOut: onMouseOut || null\n  });\n  var props = Object.create(null);\n\n  for (var _i = 0, _b = Object.keys(defaultProps); _i < _b.length; _i++) {\n    var prop = _b[_i];\n\n    if (defaultProps[prop] != null) {\n      props[prop] = defaultProps[prop];\n    }\n  }\n\n  for (var _c = 0, _d = Object.keys(props.style); _c < _d.length; _c++) {\n    var i = _d[_c];\n\n    if (props.style[i] == null) {\n      delete props.style[i];\n    }\n  }\n\n  if (allowFullScreen) {\n    if (\"allow\" in props) {\n      var currentAllow = props.allow.replace(\"fullscreen\", \"\");\n      props.allow = (\"fullscreen \" + currentAllow.trim()).trim();\n    } else {\n      props.allow = \"fullscreen\";\n    }\n  }\n\n  if (frameBorder >= 0) {\n    if (!props.style.hasOwnProperty(\"border\")) {\n      props.style.border = frameBorder;\n    }\n  }\n\n  return React.createElement(\"iframe\", __assign({}, props));\n};\n\nexport default Iframe;","import React from \"react\"\nimport * as css from \"@css/atoms/a-spacer.module.styl\"\n\nfunction Header()\n{\n    return (\n        <div className={css.aSpacerHeader}/>\n    )\n}\n\nexport { Header }","// extracted by mini-css-extract-plugin\nexport var aSpacerHeader = \"t\";\nexport var animationMarquee = \"u\";","import React, { useEffect, useRef, useState } from \"react\"\n// import { useForm } from \"react-hook-form\"\nimport * as css from \"@css/projects/p-form.module.styl\"\n// import { Box} from '@mui/system';\n// import { Input, Select, MenuItem, TextField, FormGroup } from '@mui/material';\n// import { randomString } from \"@utility/Crypto\";\n// import { TripleDES, mode, pad, enc } from \"crypto-js\";\n// import { useForm } from \"react-hook-form\";\n// import qs from 'qs'\n// import axios from 'axios'\nimport { isBrowser } from \"@services/auth\";\nimport { getFcUser } from \"@src/services/auth.js\"\n// import btoa from 'btoa'\n// import atob from 'atob'\n// import dayjs from \"dayjs\";\n// import {useEventListener} from \"@src/hooks/useEventListener\";\nimport { useRecoilState } from 'recoil'\nimport { userLoginState } from \"@status/UserState\"\n\n\nexport default function EmbedLawson({isButton})\n{\n    // const testUrl = \"https://l-tike.com/st1/ngpngxxzsv5tgalrxbvq\"\n    // const site_id = \"0000032479\"\n    const site_id = useRef()\n    const return_url = \"https://fcrabupi.shirota-yu.com/500\"\n    // const return_url = \"http://117.102.202.248:8000/\"\n    // const return_url = \"http://localhost:8000/member/\"\n    const formRef = useRef()\n    const [crypto, setCrypto] = useState()\n    const [actionUrl, setActionUrl] = useState()\n    const [userLogin, setUserLogin] = useRecoilState(userLoginState)\n    \n    useEffect( async()=>{\n        if( !isBrowser() )return\n        const buttons = document.getElementsByClassName('lawson-api')\n        for(let i = 0; i < buttons.length; i ++){\n            let btn = buttons[i]\n            btn.style.opacity = 0.3\n        }\n        // let user = await getFcUser()\n        // if( !user ){\n        //     return\n        // }\n        // setCrypto(user.crypto)\n    },[userLogin])\n\n    useEffect( ()=>{\n        if( !isBrowser() || !userLogin ) return\n        console.log('test law2')\n        const buttons = document.getElementsByClassName('lawson-api')\n        for(let i = 0; i < buttons.length; i ++){\n            let btn = buttons[i]\n            btn.style.opacity = 1.0\n\n            btn.addEventListener('click', async (e)=>{\n                // e.preventDefault()\n                let user = await getFcUser()\n                // setCrypto(user.crypto)\n                // setActionUrl(btn.dataset.url)\n                // console.log(\"user->\",user)\n                for( let key of Object.keys(user.crypto) ){\n                    let e = document.getElementById(key)\n                    if( e ){\n                        e.value = user.crypto[key]\n                        // console.log(`key-> ${key}`, e.value )\n                        // console.log(e.value )\n                        // console.log(encodeURI(e.value))\n                    }\n                }\n                document.getElementById(\"STID\").value = btn.dataset.siteid\n                formRef.current.action = btn.dataset.url\n                // formRef.current.target = 'new_window'\n                formRef.current.submit()\n            })\n        }\n    },[userLogin])\n\n    // useEffect(()=>{\n    //     if(actionUrl && crypto){\n    //         formRef.current.action = actionUrl\n    //         formRef.current.submit()\n    //         console.log('submit')\n    //         setActionUrl(null)\n    //         setCrypto(null)\n    //     }\n    // },[actionUrl])\n\n    return(\n        <form ref={formRef} method=\"POST\" acceptCharset=\"Shift_JIS\">\n            <input type=\"hidden\" name=\"DBNID\" value={\"1\"}/>\n            <input type=\"hidden\" name=\"ALCD\" value={\"1\"} />\n            <input type=\"hidden\" name=\"STID\" id=\"STID\" value={site_id.current} />\n            <input type=\"hidden\" name=\"RTN_URL\" value={return_url} />\n            <input type=\"hidden\" id=\"TIME_STAMP\" name=\"TIME_STAMP\"/>\n            <input type=\"hidden\" id=\"MEMBR_NUM\"  name=\"MEMBR_NUM\" />\n            <input type=\"hidden\" id=\"MAIL_ADDR\" name=\"MAIL_ADDR\" />\n            <input type=\"hidden\" id=\"NM_KANA_S\" name=\"NM_KANA_S\" />\n            <input type=\"hidden\" id=\"NM_KANA_M\" name=\"NM_KANA_M\" />\n            <input type=\"hidden\" id=\"NM_KANJI_S\" name=\"NM_KANJI_S\" />\n            <input type=\"hidden\" id=\"NM_KANJI_M\" name=\"NM_KANJI_M\" />\n            <input type=\"hidden\" id=\"TEL_NO\" name=\"TEL_NO\" />\n            <input type=\"hidden\" id=\"ZIPCD\" name=\"ZIPCD\" />\n            <input type=\"hidden\" id=\"ADDR_1\" name=\"ADDR_1\"/>\n            <input type=\"hidden\" id=\"ADDR_2\" name=\"ADDR_2\" />\n            <input type=\"hidden\" id=\"ADDR_3\" name=\"ADDR_3\" />\n            <input type=\"hidden\" id=\"ADDR_4\" name=\"ADDR_4\" />\n            { isButton && <input type=\"submit\" value=\"ログインしてチケットを購入\" /> }\n        </form>\n    )\n}\n","import React, { useEffect, useLayoutEffect, useRef } from \"react\"\n// import { useForm } from \"react-hook-form\"\n// import * as css from \"@css/projects/p-form.module.styl\"\nimport { useRecoilState } from 'recoil'\nimport { userLoginState } from \"@status/UserState\"\nimport { isBrowser } from \"../../services/auth\"\nimport { useTransition } from \"../layouts/TransitionLayout\"\n\n\n{/* 埋め込みコード\n<button class=\"button pia-ticket\"\n    data-url=\"https://va.pia.jp/XXXXX/entrance.jsp\"\n    data-acptno=\"XXXXXXXXXXXXXXXX\"\n    data-slcd=\"VXXXX\"\n>\n    お申し込みはこちらA\n</button>\n*/}\n\n\nexport default function EmbedTicket({\n    isButton\n}){\n    const return_url = \"https://fcrabupi.shirota-yu.com/500\"\n    const formRef = useRef()\n    // const [crypto, setCrypto] = useState()\n    // const [actionUrl, setActionUrl] = useState()\n    const [userLogin, setUserLogin] = useRecoilState(userLoginState)\n    const { setTranstionState } = useTransition()\n    \n    useLayoutEffect( () => {\n        console.log(\"btn=>\",\"setup\");\n        // ( async()=>{\n        //     if( !isBrowser() )return\n        //     const buttons = document.getElementsByClassName('ticket-api')\n        //     for(let i = 0; i < buttons.length; i ++){\n        //         let btn:any = buttons[i]\n        //         // btn.classList.add(\"button-disable\")\n        //     }\n        //     // let user = await getFcUser()\n        //     // if( !user ){\n        //     //     return\n        //     // }\n        //     // setCrypto(user.crypto)\n        // })()\n    },[userLogin])\n\n    useEffect( ()=>{\n        if( !isBrowser() || !userLogin ) return\n        ( async ()=>{\n            const buttons = document.getElementsByClassName('pia-ticket')\n            for(let i = 0; i < buttons.length; i ++){\n                let btn = buttons[i]\n                btn.classList.remove(\"button-disable\")\n                btn.classList.add(\"button\")\n                btn.addEventListener('click',(e)=>{\n                    e.preventDefault();\n                    ( async ()=>{\n                        const data = e.target.dataset;\n                        document.getElementById(\"acpt_no\").value = data.acptno;\n                        document.getElementById(\"slcd\").value = data.slcd;\n                        formRef.current.action = btn.dataset.url;\n                        formRef.current.target = 'new_window'\n                        formRef.current.submit();\n                    } )()\n\n                })\n            }\n        } )()\n        console.log(\"btn=>\",\"ok\")\n    },[userLogin])\n\n    return(\n        <>\n        {/* <meta http-equiv=\"content-type\" content=\"text/html; charset=Shift-JIS\"> */}\n        {/* <form name=\"cnplayguide\" ref={formRef} method=\"POST\" acceptCharset=\"Shift_JIS\">\n            <input type=\"hidden\" name=\"keyword\" id=\"keyword\"/>\n            <input type=\"hidden\" name=\"identifier\" id=\"identifier\" value={identifier}/>\n            { isButton && <input type=\"submit\" name=\"pre_verification\" id=\"pre_verification\" value=\"チケットを購入\" /> }\n        </form> */}\n        <form action=\"https://va.pia.jp/XXXXX/entrance.jsp\" method=\"POST\" ref={formRef}>\n            <input type=\"hidden\" name=\"acpt_no\" id=\"acpt_no\"/>\n            <input type=\"hidden\" name=\"slcd\" id=\"slcd\"/>\n            {/* <input type=\"submit\" value=\"次へ\"/> */}\n        </form>\n        </>\n    )\n}\n","import { Image } from \"@atoms/Image\";\n// import Prism from '@atoms/Prism'\nimport SEO from \"@atoms/Seo\";\nimport * as Spacer from \"@atoms/Spacer\";\nimport EmbedLawson from \"@blocks/EmbedLawson\";\nimport EmbedTicket from \"@blocks/EmbedTicket\";\nimport { Section, SectionMoreLink } from \"@layouts/Section\";\nimport PrivateRoute from \"@projects/PrivateRoute\";\nimport { Router } from \"@reach/router\";\nimport { PageState } from \"@status/PageState\";\nimport { graphql } from \"gatsby\";\n\nimport React, { useEffect } from \"react\";\nimport Iframe from \"react-iframe\";\nimport { useRecoilState } from \"recoil\";\n\n// import { Router } from \"@reach/router\"\n// import PrivateRoute from \"@projects/PrivateRoute\"\n\nimport * as css from \"@css/layouts/l-article.module.styl\";\n\n// import { gsap } from \"gsap\"\n// import { ScrollTrigger } from 'gsap/ScrollTrigger'\n// gsap.registerPlugin(ScrollTrigger)\n\nfunction FreePage({ data }) {\n\tconst { news } = data;\n\tconst { slug, title, date, content, thumbnail, acf_freepage } = news;\n\tconst {\n\t\tiframeUrl,\n\t\tvimeoChatUrl,\n\t\tisRobotIndex,\n\t\tisHideHeader,\n\t\tisMemberOnly,\n\t\tmemberOnlyYear,\n\t} = acf_freepage;\n\t// let vimeoChatUrl = 'https://vimeo.com/event/1277831/chat/'\n\t// const img = getImage(thumbnail.gatsbyImageData)\n\t// const contentRef = React.useRef()\n\tconst [pageState, setPageState] = useRecoilState(PageState);\n\n\tuseEffect(() => {\n\t\tsetPageState({ isHideHeader });\n\t}, []);\n\tconst dom = () => {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SEO\n\t\t\t\t\tsubtitle={title}\n\t\t\t\t\tisHideHeader={isHideHeader}\n\t\t\t\t\t// subtitle={!isHideHeader && title}\n\t\t\t\t\t// description={excerpt}\n\t\t\t\t\timage={thumbnail && `${thumbnail.node.localFile.publicURL}`}\n\t\t\t\t\tnoIndex={isRobotIndex}\n\t\t\t\t/>\n\t\t\t\t<EmbedLawson />\n\t\t\t\t<EmbedTicket />\n\t\t\t\t{!pageState.isHideHeader && <Spacer.Header />}\n\t\t\t\t<Section>\n\t\t\t\t\t{/* <SectionHeader\n                    title=\"News\"\n                    text=\"ニュース\"\n                    isBorder={false}\n                /> */}\n\t\t\t\t\t<article className={css.lArticle}>\n\t\t\t\t\t\t<div className={css.lArticle__inner}>\n\t\t\t\t\t\t\t<header className={css.lArticle__header}>\n\t\t\t\t\t\t\t\t{/* <p className={css.aDate}><time dateTime={date}>{date}</time></p> */}\n\t\t\t\t\t\t\t\t<h1 className={css.aTitle}>{title}</h1>\n\t\t\t\t\t\t\t</header>\n\t\t\t\t\t\t\t{thumbnail && (\n\t\t\t\t\t\t\t\t<figure className={css.lArticle__thumbnail}>\n\t\t\t\t\t\t\t\t\t<Image data={thumbnail.node.localFile} alt=\"thubmanil\" />\n\t\t\t\t\t\t\t\t</figure>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={css.lArticle__content}\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: content }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{iframeUrl && (\n\t\t\t\t\t\t\t\t<div className={css.aIframe} style={{ marginTop: 30 }}>\n\t\t\t\t\t\t\t\t\t<Iframe\n\t\t\t\t\t\t\t\t\t\tsrc={iframeUrl}\n\t\t\t\t\t\t\t\t\t\tallow=\"autoplay; fullscreen; picture-in-picture\"\n\t\t\t\t\t\t\t\t\t\tallowfullscreen\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{/* {vimeoChatUrl &&\n                            <div style={{ marginTop: 30 }}>\n                            <SectionIframe>\n                                <Iframe src={vimeoChatUrl} scrolling={false} />\n                            </SectionIframe>\n                            </div>\n                        } */}\n\t\t\t\t\t\t\t{vimeoChatUrl && (\n\t\t\t\t\t\t\t\t<div className={css.aIframeChat} style={{ marginTop: 30 }}>\n\t\t\t\t\t\t\t\t\t<Iframe\n\t\t\t\t\t\t\t\t\t\tsrc={`${vimeoChatUrl}`}\n\t\t\t\t\t\t\t\t\t\tallow=\"autoplay; fullscreen; picture-in-picture\"\n\t\t\t\t\t\t\t\t\t\tallowfullscreen\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</article>\n\t\t\t\t\t{!pageState.isHideHeader && (\n\t\t\t\t\t\t<SectionMoreLink\n\t\t\t\t\t\t\ttitle=\"BACK\"\n\t\t\t\t\t\t\ttext=\"トップ\"\n\t\t\t\t\t\t\tto=\"/\"\n\t\t\t\t\t\t\tisBorder={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Section>\n\t\t\t</>\n\t\t);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{isMemberOnly ? (\n\t\t\t\t<Router basepath=\"/\">\n\t\t\t\t\t<PrivateRoute\n\t\t\t\t\t\tmemberOnlyYear={memberOnlyYear}\n\t\t\t\t\t\tpath={`${slug}`}\n\t\t\t\t\t\tcomponent={dom}\n\t\t\t\t\t/>\n\t\t\t\t</Router>\n\t\t\t) : (\n\t\t\t\tdom()\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const pagerQuery = graphql`\n    fragment PageThumbnail on ImageSharp {\n        gatsbyImageData(\n            width: 1280\n            placeholder: BLURRED\n            formats: [AUTO, WEBP]\n            quality: 100\n        )\n    }\n    fragment Page on WpPage {\n        acf_freepage {\n            iframeUrl\n            vimeoChatUrl\n            isRobotIndex\n            isMemberOnly\n            memberOnlyYear\n            isHideHeader\n        }\n        slug\n        date(formatString: \"YYYY.MM.DD\")\n        title\n        content\n        uri\n        databaseId\n        \n        thumbnail: featuredImage {\n            node {\n                localFile {\n                    publicURL\n                    childImageSharp {\n                        gatsbyImageData(\n                            width: 1280\n                            placeholder: BLURRED\n                            formats: [AUTO, WEBP]\n                            quality: 100\n                        )\n                    }\n                }\n            }\n        }\n    }\n    query FreePageBySlug($slug: String!){\n        news : wpPage( slug: { eq: $slug }){\n            ...Page\n        }\n    }\n`;\nexport default FreePage;\n","// extracted by mini-css-extract-plugin\nexport var aIframe = \"a\";\nexport var aIframeChat = \"b\";\nexport var aTagEntry = \"c\";\nexport var aTagPayment = \"d\";\nexport var aTagClose = \"e\";\nexport var aTagAnnounce = \"f\";\nexport var aTagLottery = \"g\";\nexport var aTagFree = \"h\";\nexport var lArticle = \"i\";\nexport var lArticle__inner = \"j\";\nexport var lArticle__header = \"k\";\nexport var aTitle = \"l\";\nexport var aDate = \"m\";\nexport var lArticle__thumbnail = \"n\";\nexport var lArticle__content = \"o\";\nexport var lArticle__content__info = \"p\";\nexport var animationMarquee = \"q\";"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","_a","url","allowFullScreen","position","display","height","width","overflow","styles","onLoad","onMouseOver","onMouseOut","scrolling","id","frameBorder","ariaHidden","sandbox","allow","className","title","ariaLabel","ariaLabelledby","name","target","loading","importance","referrerpolicy","allowpaymentrequest","src","defaultProps","style","props","create","_i","_b","keys","prop","_c","_d","currentAllow","replace","trim","border","Header","EmbedLawson","isButton","site_id","useRef","formRef","useState","useRecoilState","userLoginState","userLogin","useEffect","isBrowser","buttons","document","getElementsByClassName","opacity","btn","addEventListener","e","getFcUser","user","crypto","key","getElementById","value","dataset","siteid","current","action","submit","ref","method","acceptCharset","type","EmbedTicket","useTransition","setTranstionState","useLayoutEffect","classList","remove","add","preventDefault","data","acptno","slcd","news","slug","content","date","thumbnail","acf_freepage","iframeUrl","vimeoChatUrl","isRobotIndex","isHideHeader","isMemberOnly","memberOnlyYear","PageState","pageState","setPageState","dom","subtitle","image","node","localFile","publicURL","noIndex","css","alt","dangerouslySetInnerHTML","__html","marginTop","allowfullscreen","text","to","isBorder","Router","basepath","path","component","aIframe","aIframeChat","aTagEntry","aTagPayment","aTagClose","aTagAnnounce","aTagLottery","aTagFree","lArticle","lArticle__inner","lArticle__header","aTitle","aDate","lArticle__thumbnail","lArticle__content","lArticle__content__info"],"sourceRoot":""}