{"version":3,"sources":["webpack://order/./app/packs/src/line/pages/Payment/CheckoutForm.jsx","webpack://order/./app/packs/src/line/pages/Payment/index.jsx","webpack://order/./app/packs/src/line/components/Layout/routes.js","webpack://order/./app/packs/src/line/components/Layout/index.jsx","webpack://order/./app/packs/src/line/pages/Login/index.jsx","webpack://order/./app/packs/src/line/pages/Login/LoginVerify.jsx","webpack://order/./app/packs/src/line/LineApp.jsx","webpack://order/./app/packs/src/line/index.jsx","webpack://order/./app/packs/entrypoints/line.js","webpack://order/./app/packs/src/api/axiosClient.js","webpack://order/./app/packs/src/line/components/Header/index.jsx","webpack://order/./app/packs/src/line/components/Loading/index.jsx","webpack://order/./app/packs/src/store/reducer.js","webpack://order/./app/packs/src/store/index.js","webpack://order/./app/packs/src/store/useStore.js"],"names":["inputStyle","fontSize","lineHeight","clientSecret","useState","loading","setLoading","history","useHistory","stripe","useStripe","elements","useElements","errorMessage","setErrorMessage","handleSubmit","event","preventDefault","confirmCardPayment","payment_method","card","getElement","CardNumberElement","billing_details","name","target","value","paymentIntent","error","console","log","message","push","pathname","onSubmit","className","options","style","base","CardExpiryElement","CardCvcElement","Alert","variant","Button","type","disabled","stripePromise","loadStripe","props","orderId","match","params","id","setClientSecret","paymentType","setPaymentType","onChangeType","e","useEffect","axiosClient","then","response","client_secret","height","margin","checked","onChange","class","color","Elements","onClick","WebTop","React","NewOrder","Order","OrderConfirm","OrderSuccess","Setting","Request","path","component","exact","Payment","store","currentUser","isAuthenticated","setAppState","accessToken","localStorage","getItem","fetch","headers","json","current_user","removeItem","Loading","Container","Suspense","key","fallback","routes","route","index","location","useLocation","next","URLSearchParams","search","get","setItem","nextUrl","to","Header","href","src","split","state","Spinner","animation","Login","LoginVerify","render","Layout","App","document","addEventListener","ReactDOM","body","appendChild","createElement","Rails","ActiveStorage","axios","baseURL","paramsSerializer","queryString","interceptors","request","use","config","tokenKey","includes","token","sessionStorage","data","title","width","top","left","action","rest","initState","isAndroid","navigator","userAgent","Context","createContext","children","useReducer","Reducer","dispatch","Provider","useContext","getState","useCallback","object","useMemo","JSON","stringify"],"mappings":"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","file":"js/line-2e527c7f896a16a5ff21.js","sourcesContent":["import React, {useState} from 'react';\nimport { Alert, Button } from 'react-bootstrap';\nimport {useStripe, useElements, CardNumberElement, CardExpiryElement, CardCvcElement} from '@stripe/react-stripe-js';\nimport { useHistory } from \"react-router-dom\";\nimport \"./checkout.scss\";\n\nconst inputStyle = {\n  fontSize: '16px',\n  lineHeight: '38px',\n}\nconst CheckoutForm = ({ clientSecret }) => {\n  const [loading, setLoading] = useState(false);\n  const history = useHistory();\n  const stripe = useStripe();\n  const elements = useElements();\n\n  const [errorMessage, setErrorMessage] = useState(null);\n\n  const handleSubmit = async (event) => {\n    event.preventDefault();\n\n    if (!stripe || !elements) {\n      return;\n    }\n    setLoading(true)\n    const {paymentIntent, error} = await stripe.confirmCardPayment(clientSecret, {\n      payment_method: {\n        card: elements.getElement(CardNumberElement),\n        billing_details: {\n          name: event.target.name.value\n        }\n      }\n    });\n    console.log(\"paymentIntent\", paymentIntent)\n    console.log(\"error\", error);\n    if (error) {\n      setErrorMessage(error.message);\n    } else {\n      history.push({ pathname: \"/line/orders/success\" });\n    }\n    setLoading(false);\n  };\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <strong>カード番号</strong>\n      <div className=\"cart-el-input mb-2\">\n        <CardNumberElement options={{\n          style: {\n            base: inputStyle,\n          },\n        }}/>\n      </div>\n\n      <strong>カード名義</strong>\n      <input className=\"form-control mb-2\" name=\"name\" />\n\n      <strong>有効期限</strong>\n      <div className=\"cart-el-input mb-2\">\n        <CardExpiryElement options={{\n          style: {\n            base: inputStyle,\n          },\n        }}/>\n      </div>\n\n      <strong>セキュリティコード</strong>\n      <div className=\"cart-el-input mb-2\">\n        <CardCvcElement options={{\n          style: {\n            base: inputStyle,\n          },\n        }}/>\n      </div>\n      {errorMessage && <Alert variant=\"danger\">{errorMessage}</Alert>}\n      <Button\n        type='submit'\n        disabled={loading || !stripe}\n        className=\"bg-danger border-0 mx-auto mt-4 d-block\"\n      >\n        {loading ? '...' : ''}発注\n      </Button>\n    </form>\n  )\n};\n\nexport default CheckoutForm;","import { Elements } from '@stripe/react-stripe-js';\nimport { loadStripe } from '@stripe/stripe-js';\nimport React, { useEffect, useState } from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport { useHistory } from \"react-router-dom\";\nimport axiosClient from \"../../../api/axiosClient\";\nimport CheckoutForm from \"./CheckoutForm\";\n\nconst stripePromise = loadStripe('pk_test_kUlISJkix0GeJ7fpNjidnrdy00DyF24Qmo');\n\nconst Payment = (props) => {\n  const history = useHistory();\n  const orderId = props.match.params.id;\n\n  const [clientSecret, setClientSecret] = useState(null);\n  const [paymentType, setPaymentType] = useState(\"credit_card\")\n  const onChangeType = (e) => {\n    setPaymentType(e.target.value)\n  }\n\n  useEffect(() => {\n    if (orderId) {\n      axiosClient.post(`/line/api/orders/${orderId}/create_payment_intent`).then(response => {\n        console.log(\"resonse\", response)\n        setClientSecret(response.client_secret)\n      })\n    }\n  }, [orderId])\n\n  return (\n    <>\n      <header className=\"line-header bg-green line-header mb-3\">\n        <div className=\"title-header lg align-items-center text-center text-white\">\n          決済入力\n        </div>\n      </header>\n      <div\n        className=\"d-flex flex-column\"\n        style={{ height: \"calc(100vh - 56px)\", margin: \"0px -15px\" }}\n      >\n        <div className=\"flex-grow-1 d-flex flex-column p-3\">\n          <div className=\"font-weight-bold\">支払い方法</div>\n          <div className=\"mt-4\">\n            <form>\n              <label className=\"radio-inline\">\n                <input type=\"radio\" name=\"payment_type\" value=\"credit_card\" checked={paymentType === \"credit_card\"} onChange={onChangeType}/>\n                <p class=\"ml-3\">クレジットカードで事前決済</p>\n              </label>\n              <div style={{fontSize: 12, color: 'rgb(136 136 136)'}} className=\"ml-4 mb-2\">こちらのお支払いは、triplaによる手配・ク<br />レジットカードによる事前決済となります。</div>\n              <label className=\"radio-inline\">\n                <input type=\"radio\" name=\"payment_type\" value=\"cash\" checked={paymentType === \"cash\"} onChange={onChangeType}/>\n                <p class=\"ml-3\">現地決済</p>\n              </label>\n            </form>\n          </div>\n          {paymentType === \"credit_card\" ? (\n            <>\n              <div className=\"font-weight-bold mt-4\">クレジットカード</div>\n              <label className=\"mt-2 radio-inline\">\n                <input type=\"radio\" checked />\n                <p class=\"ml-3\">新しいクレジットカードを入力</p>\n              </label>\n              {clientSecret && (\n                <div className=\"mt-2\">\n                  <Elements stripe={stripePromise}>\n                    <CheckoutForm clientSecret={clientSecret} />\n                  </Elements>\n                </div>\n              )}\n            </>\n          ) : (\n            <Button\n              type='submit'\n              onClick={() => history.push({ pathname: \"/line/orders/success\" })}\n              className=\"bg-danger border-0 mx-auto mt-4 d-block\"\n            >\n              発注\n            </Button>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default Payment;\n","import React from \"react\";\nimport Payment from \"../../pages/Payment\";\nconst WebTop = React.lazy(() => import(\"../../pages/WebTop\"));\nconst NewOrder = React.lazy(() => import(\"../../pages/Order/New\"));\nconst Order = React.lazy(() => import(\"../../pages/Order\"));\nconst OrderConfirm = React.lazy(() => import(\"../../pages/Order/Confirm\"));\nconst OrderSuccess = React.lazy(() => import(\"../../pages/Order/Success\"));\nconst Setting = React.lazy(() => import(\"../../pages/Setting\"));\nconst Request = React.lazy(() => import(\"../../pages/Request\"));\nconst OrderDetail = React.lazy(() => import(\"../../pages/Order/Show\"));\nconst ClientRegistration = React.lazy(() =>\n  import(\"../../pages/ClientRegistration\")\n);\n\nconst routes = [\n  {\n    name: \"発注\",\n    path: \"/line/orders/new\",\n    component: NewOrder,\n    exact: false,\n  },\n  {\n    name: \"発注内容\",\n    path: \"/line/orders/confirm\",\n    component: OrderConfirm,\n  },\n  {\n    name: \"発注内容\",\n    path: \"/line/orders/success\",\n    component: OrderSuccess,\n  },\n  {\n    name: \"発注内容\",\n    path: \"/line/orders/:id/payment\",\n    component: Payment,\n  },\n  {\n    name: \"発注\",\n    path: \"/line\",\n    component: WebTop,\n    exact: true,\n  },\n  {\n    name: \"発注履歴\",\n    path: \"/line/orders\",\n    component: Order,\n    exact: true,\n  },\n  {\n    name: \"発注履歴\",\n    path: \"/line/orders/:id\",\n    component: OrderDetail,\n  },\n  {\n    name: \"見積り依頼\",\n    path: \"/line/requests\",\n    component: Request,\n    exact: true,\n  },\n  {\n    name: \"設定\",\n    path: \"/line/settings\",\n    component: Setting,\n    exact: true,\n  },\n  {\n    name: \"\",\n    path: \"/line/client-registration\",\n    component: ClientRegistration,\n    exact: true,\n  },\n];\nexport default routes;\n","/* eslint-disable react/prop-types */\nimport React, { Suspense, useEffect, useState } from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\nimport { Container } from \"react-bootstrap\";\nimport Loading from \"../Loading\";\nimport store from \"@store\";\nimport routes from \"./routes\";\n\nconst LineLayout = (props) => {\n  const { isAuthenticated, currentUser, setAppState } = store();\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    const accessToken = localStorage.getItem(\"line:accessToken\");\n    fetch(`/auth/verify-current-user`, {\n      headers: {\n        'Authorization': accessToken\n      }\n    })\n      .then((response) => response.json())\n      .then(({ current_user }) => {\n        if (current_user) {\n          setAppState({\n            currentUser: current_user,\n            isAuthenticated: !!current_user,\n          });\n        } else {\n          localStorage.removeItem(\"line:accessToken\");\n          setAppState({ isAuthenticated: false, currentUser: null });\n        }\n        setLoading(false);\n      });\n  }, []);\n\n  useEffect(() => {\n    if (currentUser) {\n      // const { pathname } = props.location;\n      // if (\n      //   [\"linesettings\", \"lineclient-registration\"].includes(\n      //     pathname.replace(/\\//g, \"\")\n      //   )\n      // )\n      //   return;\n      // if (currentUser?.client?.id) return;\n\n      // const nextUrl = localStorage.getItem(\"next\");\n      // localStorage.removeItem(\"next\");\n      // props.history.push({\n      //   pathname: nextUrl ? nextUrl : \"/line/settings\",\n      //   state: { from: pathname },\n      // });\n    }\n  }, [currentUser]);\n\n  if (loading) return <Loading />;\n\n  return (\n    <Container className=\"line-layout\">\n      <Suspense key=\"router\" fallback={<Loading />}>\n        <Switch>\n          {routes.map((route, index) => (\n            <Route\n              key={index}\n              path={route.path}\n              exact={route.exact}\n              component={route.component}\n            />\n          ))}\n        </Switch>\n      </Suspense>\n    </Container>\n  );\n};\n\nexport default LineLayout;\n","import React, { useEffect } from \"react\";\nimport { Container } from \"react-bootstrap\";\nimport { Redirect, useLocation } from \"react-router-dom\";\nimport Header from \"../../components/Header\";\nimport store from \"@store\";\nimport \"./style.scss\";\n\nconst Login = () => {\n  const { isAuthenticated } = store();\n  const location = useLocation();\n\n  useEffect(() => {\n    console.log(\"useLocation\", location);\n    const params = new URLSearchParams(location.search);\n    const next = params.get(\"next\");\n    if (next) {\n      localStorage.setItem(\"next\", next);\n    }\n  }, []);\n\n  const nextUrl = localStorage.getItem(\"next\");\n\n  if (isAuthenticated)\n    return <Redirect to={{ pathname: nextUrl ? nextUrl : \"/line\" }} />;\n\n  return (\n    <Container>\n      <Header />\n      <div className=\"login-wrapper\">\n        <div className=\"login-content text-center\">\n          <div className=\"login-title\">LINE ログイン</div>\n          <a className=\"login-btn d-block align-self-center\" href=\"/auth/line\">\n            <img src=\"/images/line/icons/line-messenger.svg\" className=\"mr-3\" />\n            LINEログイン\n          </a>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default Login;\n","/* eslint-disable react/prop-types */\nimport React, { useEffect } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\nimport { Redirect } from \"react-router-dom\";\nimport store from \"@store\";\n\nconst LoginVerify = (props) => {\n  const { setAppState, isAuthenticated } = store();\n  const accessToken = props.location.search.split(\"access_token=\")[1];\n\n  useEffect(() => {\n    if (accessToken) {\n      fetch(`/auth/verify-current-user`, {\n        headers: {\n          'Authorization': accessToken\n        }\n      })\n        .then((response) => response.json())\n        .then(({ current_user }) => {\n          if (current_user) {\n            localStorage.setItem(\"line:accessToken\", accessToken);\n            setAppState({\n              currentUser: current_user,\n              isAuthenticated: true,\n            });\n          }\n        });\n    }\n  }, [accessToken]);\n\n  const nextUrl = localStorage.getItem(\"next\");\n\n  if (isAuthenticated)\n    return (\n      <Redirect\n        to={{\n          pathname: nextUrl ? nextUrl : \"/line\",\n          state: { accessToken: accessToken },\n        }}\n      />\n    );\n\n  return (\n    <div className=\"d-flex p-5 align-items-center justify-content-center\">\n      <Spinner animation=\"border\" />\n    </div>\n  );\n};\n\nexport default LoginVerify;\n","import React from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\nimport Layout from \"./components/Layout\";\n\nimport Login from \"./pages/Login\";\nimport LoginVerify from \"./pages/Login/LoginVerify\";\nimport \"./style.scss\";\n\nconst LineApp = () => {\n  return (\n    <Switch>\n      <Route exact path=\"/\" component={() => <Redirect to=\"/line\" />} />\n      <Route exact path=\"/line/login\" component={Login} />\n      <Route exact path=\"/line/verify\" component={LoginVerify} />\n      <Route path=\"/line\" render={(props) => <Layout {...props} />} />\n    </Switch>\n  );\n};\n\nexport default LineApp;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrowserRouter as Router, useHistory } from \"react-router-dom\";\nimport Store from \"./../store\";\nimport LineApp from \"./LineApp\";\nimport \"./style.scss\";\n\nconst App = () => {\n  return (\n    <Store>\n      <Router history={useHistory()}>\n        <LineApp />\n      </Router>\n    </Store>\n  );\n};\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  ReactDOM.render(\n    <App />,\n    document.body.appendChild(document.createElement(\"div\"))\n  );\n});\n","// 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 * as ActiveStorage from \"@rails/activestorage\";\nimport \"../src/line\";\n\nRails.start();\nActiveStorage.start();\n","import axios from \"axios\";\nimport queryString from \"query-string\";\nconst axiosClient = axios.create({\n  baseURL: \"/\",\n  headers: {\n    \"content-type\": \"application/json\",\n  },\n  paramsSerializer: (params) => queryString.stringify(params),\n});\n\naxiosClient.interceptors.request.use(async (config) => {\n  // eslint-disable-next-line no-undef\n  const tokenKey = location.pathname.includes(\"admin\")\n    ? \"admin:accessToken\"\n    : \"line:accessToken\";\n  const token =\n    localStorage.getItem(tokenKey) || sessionStorage.getItem(tokenKey);\n  if (token) {\n    config.headers[\"Authorization\"] = token;\n  }\n  return config;\n});\n\naxiosClient.interceptors.response.use(\n  (response) => {\n    if (\"data\" in response) {\n      return response.data;\n    }\n    return response;\n  },\n  (error) => {\n    throw error;\n  }\n);\n\nexport default axiosClient;\n","import React from \"react\";\nconst Header = ({ title = \"LINE発注\" }) => {\n  return (\n    <header className=\"line-header bg-green d-flex align-items-center justify-content-center\">\n      <div className=\"text-white lg\">{title}</div>\n    </header>\n  );\n};\n\nexport default Header;\n","import React from \"react\";\nimport { Spinner } from \"react-bootstrap\";\n\nconst Loading = () => {\n  return (\n    <div\n      className=\"position-fixed d-flex align-items-center justify-content-center\"\n      style={{ width: \"100vw\", height: \"100vh\", top: 0, left: 0 }}\n    >\n      <Spinner animation=\"border\" />\n    </div>\n  );\n};\n\nexport default Loading;\n","const Reducer = (state, action) => {\n  const { type, ...rest } = action;\n  // console.log(\"APP STATE CHANGE\", rest);\n  switch (type) {\n    case \"ON_CHANGE\":\n      return {\n        ...state,\n        ...rest,\n      };\n    default:\n      return state;\n  }\n};\n\nexport default Reducer;\n","import React, { createContext, useReducer } from \"react\";\nimport Reducer from \"./reducer\";\nimport PropTypes from \"prop-types\";\nconst tokenKey = location.pathname.includes(\"admin\")\n  ? \"admin:accessToken\"\n  : \"line:accessToken\";\nconst token =\n  localStorage.getItem(tokenKey) || sessionStorage.getItem(tokenKey);\n\nconst initState = {\n  isAuthenticated: !!token,\n  isAndroid: navigator.userAgent.includes(\"Android\"),\n};\n\nconst Store = ({ children }) => {\n  const [state, dispatch] = useReducer(Reducer, initState);\n  if (process.env.NODE_ENV !== \"production\") {\n    console.log(\"%cAPP STATE\", \"color: green\", state);\n  }\n\n  return (\n    <Context.Provider value={[state, dispatch]}>{children}</Context.Provider>\n  );\n};\n\nexport const Context = createContext(initState);\n\nStore.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired,\n};\n\nexport default Store;\n","import { useContext, useCallback, useMemo } from \"react\";\nimport { Context } from \"./index\";\n\nconst store = () => {\n  const [state, dispatch] = useContext(Context);\n\n  const getState = { ...state };\n\n  const setAppState = useCallback(\n    (object) => {\n      dispatch({\n        type: \"ON_CHANGE\",\n        ...object,\n      });\n    },\n    [dispatch]\n  );\n  return useMemo(\n    () => ({\n      ...state,\n      dispatch,\n      setAppState,\n      getState,\n    }),\n    [JSON.stringify(state)]\n  );\n};\n\nexport default store;\n"],"sourceRoot":""}