{"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/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","Suspense","key","fallback","routes","route","index","location","search","split","useLocation","next","URLSearchParams","get","setItem","to","state","Spinner","animation","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-c23d635871f5cbe1d8d1.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_51Om6SFHNIrKvXiCGbGG9ANNs1aBCYYsaXCEGDXpzoqpis36mHV53gkVK45XNQp15A6Wm6vpwUcsNDwVoqiV6vCSK00skXeEyAX');\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      }).catch(error => {\n        console.log(\"FAILURE!!\", error);\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","/* eslint-disable react/prop-types */\nimport React, { useEffect } from \"react\";\nimport { Spinner } from \"react-bootstrap\";\nimport { Redirect, useLocation } 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  const location = useLocation();\n\n  useEffect(() => {\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  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          pathname: \"/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      <h1>Login verify</h1>\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":""}