{"version":3,"file":"js/application-2bd5db8c8d506ed7575c.js","mappings":"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","sources":["webpack://ec/./app/javascript/channels/ sync _channel\\.js$","webpack://ec/./app/javascript/components/ sync ^\\.\\/.*$","webpack://ec/./app/javascript/application.js","webpack://ec/./app/javascript/channels/index.js","webpack://ec/./app/javascript/components/HelloReact.tsx","webpack://ec/./app/javascript/components/QuestionForm.tsx","webpack://ec/./app/javascript/components/SigninForm.tsx","webpack://ec/./app/javascript/components/SignupForm.tsx","webpack://ec/./app/javascript/components/my_subdirectory/HelloWorld.js","webpack://ec/./app/javascript/libs/firebase/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 463;\nmodule.exports = webpackEmptyContext;","var map = {\n\t\"./HelloReact\": 724,\n\t\"./HelloReact.tsx\": 724,\n\t\"./QuestionForm\": 363,\n\t\"./QuestionForm.tsx\": 363,\n\t\"./SigninForm\": 156,\n\t\"./SigninForm.tsx\": 156,\n\t\"./SignupForm\": 491,\n\t\"./SignupForm.tsx\": 491,\n\t\"./my_subdirectory/HelloWorld\": 573,\n\t\"./my_subdirectory/HelloWorld.js\": 573\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 982;","// This file is automatically compiled by Webpack, along with any other files\n// present in this directory. You're encouraged to place your actual application logic in\n// a relevant structure within app/javascript and only use these pack files to reference\n// that code so it'll be compiled.\n\nimport Rails from \"@rails/ujs\";\nimport Turbolinks from \"turbolinks\";\nimport * as ActiveStorage from \"@rails/activestorage\";\nimport \"channels\";\n\nrequire(\"./libs/firebase\");\n\nRails.start();\nTurbolinks.start();\nActiveStorage.start();\n// Support component names relative to this directory:\nvar componentRequireContext = require.context(\"components\", true);\nvar ReactRailsUJS = require(\"react_ujs\");\nReactRailsUJS.useContext(componentRequireContext);\n","// Load all the channels within this directory and all subdirectories.\n// Channel files must be named *_channel.js.\n\nconst channels = require.context('.', true, /_channel\\.js$/)\nchannels.keys().forEach(channels)\n","import React from 'react'\nimport { useForm } from \"react-hook-form\";\n\ntype HelloReactProps = {\n  name: string;\n}\n\nfunction Form() {\n  const { register, handleSubmit, watch, formState: { errors } } = useForm();\n  const onSubmit = data => console.log(data);\n\n  return (\n    <form onSubmit={handleSubmit(onSubmit)}>\n      <input placeholder='place holder' {...register(\"example\")} />\n      <br />\n      <input {...register(\"exampleRequired\", { required: true })} />\n      <br />\n      {errors.exampleRequired && <span>This field is required</span>}\n      <br />\n      <input type=\"submit\" />\n    </form>\n  )\n\n}\n\nconst HelloReact: React.FC = (props: HelloReactProps) => (\n  <>\n    <div>Helloaaaa {props.name}!</div>\n    <Form />\n  </>\n)\n\nHelloReact.defaultProps = {\n  name: 'aaa'\n}\n\n\nexport default HelloReact","import React from 'react'\nimport { useForm, useFieldArray } from \"react-hook-form\";\n\ntype QuestionChoice = {\n  value: string\n}\n\ntype QuestionForm = {\n  title: string\n  description: string\n  answerType: string\n  questionChoices: QuestionChoice[]\n}\n\nfunction QuestionForm({ questionnaireId }) {\n  const { register, control, handleSubmit, watch, formState: { errors } } = useForm<QuestionForm>({\n    defaultValues: {\n      title: '',\n      description: '',\n      answerType: 'text',\n      questionChoices: [{ value: '' }]\n    }\n  });\n\n  const onSubmit = data => {\n    fetch(`/questionnaires/${questionnaireId}/questions`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      body: JSON.stringify({\n        question: {\n          title: data.title,\n          description: data.description,\n          answer_type: data.answerType,\n          question_choices: data.questionChoices\n        }\n      })\n    }).then(() => {\n      window.location.href = `/questionnaires/${questionnaireId}`;\n    })\n  }\n\n  const isChoice = ['single-choice', 'multi-choice'].includes(watch('answerType'))\n\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name: \"questionChoices\",\n  });\n\n  const ChoiceField = ({ fields }) => {\n    return (\n      fields.map((field, index) => {\n        return (\n          <>\n            <input\n              key={field.id}\n              {...register(`questionChoices.${index}.value` as `questionChoices`, { required: true })}\n            />\n            <button\n              type=\"button\"\n              onClick={() => append({ value: '' })}\n            >\n              append\n            </button>\n            {\n              index > 0 &&\n              <button\n                type=\"button\"\n                onClick={() => remove(index)}\n              >\n                remove\n              </button>\n            }\n            {errors.questionChoices?.[index]?.value && (\n              <>\n                <br />\n                <span>This is required </span>\n              </>\n            )}\n            <br />\n          </>\n        )\n      }\n      )\n    )\n  }\n\n  return (\n    <form onSubmit={handleSubmit(onSubmit)}>\n      <label>\n        タイトル\n        <input placeholder='place holder' {...register(\"title\", { required: true })} />\n        <br />\n        {errors.title && <span>This field is required</span>}\n      </label>\n      <br />\n      <label>\n        詳細\n        <input {...register(\"description\")} />\n      </label>\n      <br />\n      <label>\n        回答方式\n        <div>\n          <label>\n            <input type='radio' value='text' {...register('answerType', { required: true })} />text\n          </label>\n        </div>\n        <div>\n          <label>\n            <input type='radio' value='single-choice' {...register('answerType')} />択一選択\n          </label>\n        </div>\n        <div>\n          <label>\n            <input type='radio' value='multi-choice' {...register('answerType')} />複数選択\n          </label>\n        </div>\n      </label>\n      <br />\n      {errors.answerType && <span>This field is required</span>}\n      <br />\n      {\n        isChoice && (\n          <ChoiceField fields={fields} />\n        )\n      }\n      <br />\n      <input type=\"submit\" />\n    </form>\n  )\n\n}\n\nexport default QuestionForm","import React, { useEffect } from \"react\";\nimport { getAuth, signInWithEmailAndPassword } from \"firebase/auth\";\nimport { useForm } from \"react-hook-form\";\n\nconst google = (window as any).google;\nconst auth = getAuth();\n\ntype SigninForm = {\n  email: string;\n  password: string;\n};\n\nconst getCsrfToken = () => {\n  const ele = document.getElementsByName(\"csrf-token\") as NodeListOf<HTMLMetaElement>\n\n  return ele[0].content\n}\n\nconst SigninForm = () => {\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors },\n  } = useForm<SigninForm>({\n    defaultValues: {\n      email: \"\",\n      password: \"\",\n    },\n  });\n\n  useEffect(() => {\n    console.log('loaded')\n    google.accounts.id.initialize({\n      client_id: \"174519978598-lv1rssoftrg6mlb3ilqghe596gtv04fk.apps.googleusercontent.com\",\n      callback: handleCredentialResponse\n    });\n    google.accounts.id.renderButton(\n      document.getElementById(\"buttonDiv\"),\n      { theme: \"outline\", size: \"large\" }  // customization attributes\n    );\n    google.accounts.id.prompt(); // also display the One Tap dialog\n  }, [])\n\n  const handleCredentialResponse =(response) => {\n    const data = { id: response.credential, 'authenticity_token': getCsrfToken() }\n\n    fetch('/signin_with_google', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      body: JSON.stringify(data)\n    }).then((res) => {\n      if (res.ok) {\n        location.href = '/questionnaires'\n        return\n      }\n      console.log('res', res)\n      window.alert(res.json())\n    }).catch((e) => {\n      console.log('err', e)\n    })\n  }\n\n  const onSubmit = (data) => {\n    const { email, password } = data;\n    getCsrfToken()\n    signInWithEmailAndPassword(auth, email, password)\n      .then((userCredential) => {\n        const user = userCredential.user;\n        user.getIdToken().then((token) => {\n          const data = { id: token, 'authenticity_token': getCsrfToken() }\n          fetch('/signin', {\n            method: 'POST',\n            headers: {\n              'Content-Type': 'application/json'\n            },\n            credentials: 'include',\n            body: JSON.stringify(data)\n          }).then((data) => {\n            console.log('dad', data)\n            location.href = '/questionnaires'\n          })\n        })\n      })\n      .catch((error) => {\n        const errorCode = error.code;\n        const errorMessage = error.message;\n      });\n  };\n\n  return (\n    <>\n    <form onSubmit={handleSubmit(onSubmit)}>\n      <label>\n        メールアドレス:\n        <input {...register(\"email\", { required: true })} />\n        <br />\n        {errors.email && <span>入力してください</span>}\n      </label>\n      <br />\n      <label>\n        パスワード:\n        <input type=\"password\" {...register(\"password\", { required: true })} />\n        <br />\n        {errors.password && <span>入力してください</span>}\n      </label>\n      <br />\n      <button>サインイン</button>\n    </form>\n    <div id=\"buttonDiv\"></div>\n    </>\n  );\n};\n\nexport default SigninForm;\n","import React, { useEffect } from \"react\";\nimport {\n  getAuth,\n  createUserWithEmailAndPassword,\n  FacebookAuthProvider,\n  signInWithPopup,\n  OAuthProvider,\n  onAuthStateChanged,\n} from \"firebase/auth\";\nimport { useForm } from \"react-hook-form\";\n\nconst auth = getAuth();\n\nconst google = (window as any).google;\nconst FB = (window as any).FB;\n\nconst provider = new OAuthProvider('yahoo.com');\nconst facebookProvider = new FacebookAuthProvider();\n\ntype SignupForm = {\n  email: string;\n  password: string;\n};\n\nconst SignupForm = () => {\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors },\n  } = useForm<SignupForm>({\n    defaultValues: {\n      email: \"\",\n      password: \"\",\n    },\n  });\n\n  useEffect(() => {\n    if (google) {\n      google.accounts.id.initialize({\n        client_id: \"174519978598-lv1rssoftrg6mlb3ilqghe596gtv04fk.apps.googleusercontent.com\",\n        callback: handleCredentialResponse\n      });\n      google.accounts.id.renderButton(\n        document.getElementById(\"buttonDiv\"),\n        { theme: \"outline\", size: \"large\" }  // customization attributes\n      );\n      google.accounts.id.prompt(); // also display the One Tap dialog\n    }\n    FB.init({\n      /**********************************************************************\n       * TODO(Developer): Change the value below with your Facebook app ID. *\n       **********************************************************************/\n      appId      : '1555730528564200',\n      status     : true,\n      xfbml      : true,\n      version    : 'v2.6'\n    });\n    FB.Event.subscribe('auth.authResponseChange', checkLoginState);\n  }, [])\n\n  const getCsrfToken = () => {\n    const ele = document.getElementsByName(\"csrf-token\") as NodeListOf<HTMLMetaElement>\n\n    return ele[0].content\n  }\n\n  const checkLoginState = (response) => {\n    if (response.authResponse) {\n      // User is signed-in Facebook.\n      const unsubscribe = onAuthStateChanged(auth, (firebaseUser) => {\n        unsubscribe();\n        console.log('firebaseUser', firebaseUser)\n        // Check if we are already signed-in Firebase with the correct user.\n        console.log('response', response)\n\n        // Build Firebase credential with the Facebook auth token.\n        const credential = FacebookAuthProvider.credential(response.authResponse.accessToken);\n        console.log('credential', credential)\n\n        const data = { id: credential.accessToken, 'authenticity_token': getCsrfToken() }\n\n        fetch('/signup_with_facebook', {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json'\n          },\n          body: JSON.stringify(data)\n        }).then((data) => {\n          console.log('data', data)\n          // location.href = '/questionnaires'\n        }).catch((e) => {\n          console.log('err', e)\n        })\n      })\n    }\n  }\n\n  function handleCredentialResponse(response) {\n    console.log('res', response)\n    const data = { id: response.credential, 'authenticity_token': getCsrfToken() }\n\n    fetch('/signup_with_google', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      body: JSON.stringify(data)\n    }).then((res) => {\n      if (res.ok) {\n        location.href = '/questionnaires'\n        return\n      }\n      console.log('res', res)\n      window.alert(res.json())\n    }).catch((e) => {\n      console.log('err', e)\n    })\n  }\n\n  const yahooLogin = () => {\n    console.log('yahoo')\n    signInWithPopup(auth, provider).then((result) => {\n      console.log('result', result)\n    })\n  }\n\n  const facebookLogin = () => {\n    console.log('facebook')\n    signInWithPopup(auth, facebookProvider).then((result) => {\n      console.log('result', result)\n    })\n  }\n\n  const onSubmit = (data) => {\n    const { email, password } = data;\n    createUserWithEmailAndPassword(auth, email, password)\n      .then((userCredential) => {\n        const user = userCredential.user;\n        user.getIdToken().then((token) => {\n          const data = { id: token, 'authenticity_token': getCsrfToken()}\n          fetch('/signup', {\n            method: 'POST',\n            headers: {\n              'Content-Type': 'application/json'\n            },\n            body: JSON.stringify(data)\n          }).then((data) => {\n            console.log('dad', data)\n            location.href = '/questionnaires'\n          })\n\n        })\n      })\n      .catch((error) => {\n        const errorCode = error.code;\n        const errorMessage = error.message;\n      });\n  };\n\n  return (\n    <>\n    <script src=\"https://accounts.google.com/gsi/client\" async></script>\n    <form onSubmit={handleSubmit(onSubmit)}>\n      <label>\n        メールアドレス:\n        <input {...register(\"email\", { required: true })} />\n        <br />\n        {errors.email && <span>入力してください</span>}\n      </label>\n      <br />\n      <label>\n        パスワード:\n        <input type=\"password\" {...register(\"password\", { required: true })} />\n        <br />\n        {errors.password && <span>入力してください</span>}\n      </label>\n      <br />\n      <button>サインアップ</button>\n    </form>\n    <button onClick={yahooLogin}>yahooでサインアップ</button>\n    <button onClick={facebookLogin}>facebookでサインアップ</button>\n    <div className=\"fb-login-button\" data-width=\"\" data-size=\"\" data-button-type=\"\" data-layout=\"\" data-auto-logout-link=\"false\" data-use-continue-as=\"false\"></div>\n    <div id=\"buttonDiv\"></div>\n    </>\n  );\n};\n\nexport default SignupForm;\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nclass HelloWorld extends React.Component {\n  render() {\n    return (\n      <React.Fragment>\n        Greetinga: {this.props.greeting}\n      </React.Fragment>\n    );\n  }\n}\n\nHelloWorld.propTypes = {\n  greeting: PropTypes.string\n};\nexport default HelloWorld\n","import { initializeApp } from \"firebase/app\";\n\nconst firebaseConfig = {\n  apiKey: process.env.FIREBASE_API_KEY,\n  authDomain: process.env.FIREBASE_AUTH_DOMAIN,\n};\ninitializeApp(firebaseConfig);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","map","webpackContext","webpackContextResolve","__webpack_require__","o","Object","require","Rails","Turbolinks","ActiveStorage","componentRequireContext","useContext","channels","forEach","Form","_useForm","useForm","register","handleSubmit","errors","watch","formState","React","onSubmit","data","console","log","assign","placeholder","required","exampleRequired","type","HelloReact","props","name","defaultProps","_ref","questionnaireId","defaultValues","title","description","answerType","questionChoices","value","control","isChoice","includes","_useFieldArray","useFieldArray","fields","append","remove","ChoiceField","_ref2","field","index","_errors$questionChoic","key","concat","onClick","fetch","method","headers","body","JSON","stringify","question","answer_type","question_choices","then","window","location","href","google","auth","getAuth","getCsrfToken","document","getElementsByName","content","email","password","useEffect","accounts","initialize","client_id","callback","handleCredentialResponse","renderButton","getElementById","theme","size","prompt","response","credential","res","ok","alert","json","signInWithEmailAndPassword","userCredential","user","getIdToken","token","credentials","error","message","FB","provider","OAuthProvider","facebookProvider","FacebookAuthProvider","init","appId","status","xfbml","version","Event","subscribe","checkLoginState","authResponse","unsubscribe","onAuthStateChanged","firebaseUser","accessToken","src","async","createUserWithEmailAndPassword","signInWithPopup","result","className","HelloWorld","_React$Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","this","greeting","initializeApp","apiKey","process","authDomain"],"sourceRoot":""}