- \r\n {menuGroup.menus.map((menu, menuIndex) => (\r\n \r\n ))}\r\n
\n
\n\n {/** das 로그인 */}\n \n
\r\n {title}\r\n
\r\n\r\n {/** 장바구니 페이지인 경우 전체 삭제 버튼 아닌경우 장바구니 아이콘 */}\r\n {/* {this.renderIcon()} */}\r\n \r\n {/* 메뉴 사진 */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MenuInfo;\r\n","import React, { Component } from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { List, ListItem, ListItemIcon, ListItemText, Grid, Checkbox } from '@mui/material';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\n@inject('menuStore')\r\n@observer\r\nclass Topping extends Component {\r\n handleClickTopping = (groupCode, toppingCode, isChecked, isSoldOut) => {\r\n this.props.menuStore.setTopping(groupCode, toppingCode, isChecked, isSoldOut);\r\n };\r\n\r\n render() {\r\n const { menuStore, toppingGroups, t } = this.props;\r\n return (\r\n \r\n (e.target.src = defaultImage)}\r\n style={{ maxWidth: '100%' }}\r\n />\r\n
\r\n {menuStore.menuDetail.memo && (\r\n \r\n {menuStore.menuDetail.memo.split('\\n').map((text, i) => {\r\n return (\r\n \r\n {text}\r\n
\r\n \r\n );\r\n })}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {menuStore.currency}\r\n {menuStore.getMenuPrice(menu).toLocaleString()}\r\n \r\n {menuStore.storeData.tax1_type === '2' ? (\r\n {i18n.t('TITLE_TAX_TYPE')}\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n
\r\n - \r\n {toppingGroups.map((toppingGroup, index) => (\r\n
- \r\n {toppingGroup.toppings.map((topping, toppingIndex) => (\r\n
- \r\n {setMenuGroups.map((setMenuGroup, setMenuGroupIndex) => (\r\n
- \r\n {setMenuGroup.setMenus.map((setMenu, setMenuIndex) => (\r\n
\r\n \r\n \r\n {/* */}\r\n \r\n \r\n {t('BUTTON_ADD_CART', { n: menuStore.qty })}\r\n \r\n \r\n \r\n {menuStore.currency}\r\n {menuStore.menuTotalPrice.toLocaleString()}\r\n {menuStore.storeData.tax1_type === '2' ? (\r\n \r\n \r\n \r\n \r\n\r\n
\r\n {/* {t('TITLE_TAX_TYPE')}
\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n {/* 메뉴 기본 정보 */}\r\n
\r\n\r\n {/* 장바구니 버튼 */}\r\n - \r\n {cartStore.cartData.menus.map((cartMenu, index) => (\r\n
\r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n {!this.props?.text ? t('BUTTON_ORDER') : this.props.text}\r\n \r\n \r\n \r\n \r\n {menuStore.currency}\r\n {orderStore.orderAmount.toLocaleString()}\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n // \r\n {/* 매장이름 */}\r\n \r\n {t('ALERT_EMPTY_CART')}\r\n \r\n )}\r\n\r\n {/* 더 담으러 가기 버튼 */}\r\n \r\n \r\n \r\n
\r\n\r\n {/* 주문하기 버튼 */}\r\n \r\n \r\n \r\n \r\n {menuStore.storeData.storeName}\r\n \r\n
\r\n \r\n {/* 주문 요청사항 */}\r\n
\r\n\r\n {/* 푸터 버튼 */}\r\n \r\n {/* 수령방법 선택 */}\r\n \r\n \r\n {/* 주문 요청사항 */}\r\n
\r\n\r\n {/* 푸터 버튼 */}\r\n \r\n \r\n \r\n {t('MESSAGE_TERMS')}\r\n \r\n \r\n \r\n 1. 수집하는 개인정보 항목 \r\n \r\n 휴대폰번호,주문정보,결제정보, (멤버십 적립시) 멤버십 적립번호(휴대폰 번호 또는 별도 멤버십번호)\r\n \r\n 2. 수집하는 개인정보 이용목적 \r\n - 상품주문 및 결제, 고객이 주문한 상품의 준비 및 완료안내 \r\n \r\n - 고객민원처리\r\n \r\n \r\n 3. 고객정보의 보유 및 이용기간 : 주문일로부터 5년간 보존 후 파기\r\n \r\n \r\n 4. 고객님은 동의를 거부하실 수 있으나, 서비스 제공에 필요한 최소한의 정보이므로 동의하지 않으실 경우\r\n 서비스 이용이 제한될 수 있습니다.\r\n \r\n \r\n 5. 오더서비스는 주문 및 결제처리, 주문정보 발송 등에 대한 업무를 (주)아임유에 위탁하여 처리합니다.\r\n \r\n \r\n
\r\n\r\n {/* 푸터 버튼 */}\r\n \n {t('MESSAGE_CUSTOMER_INFO')} ({t('MESSAGE_REQUIRED')})\n
\n \n メールアドレスに誤りがある場合、通知が届きません。誤りがないか、十分ご確認いただき、入力ください。また、mobileorder.yokohama-stadium.co.jpドメインのアドレスからメールが受信できるようにしてください。\n
\n \n {t('MESSAGE_SEAT_INFO')} ({t('MESSAGE_REQUIRED')})\n
\n \n お客様がお座りいただいている座席情報を下記から選択してください。QRコードからアクセスいただいた方は、自動で入力されておりますので、間違いがないか確認をお願いいたします。誤りがある場合は、下記より修正してください。\n
\n ※{' '}\n 商品をお届けする座席情報となります。必ず間違いがないよう、確認ください。\n
\n ※{' '}\n 本サービスの対象の座席しか選択できないようになっております。選択できないシート番号からのご注文はできません。\n
\n \n ※{' '}\n 商品をお届けする座席情報となります。必ず間違いがないよう、確認ください。\n
\n ※{' '}\n 本サービスの対象の座席しか選択できないようになっております。選択できないシート番号からのご注文はできません。\n
\n {t('MESSAGE_SEAT_INFO')} ({t('MESSAGE_REQUIRED')})\n
\n \n お届けする座席情報は以下となります。BAYSTARS STAR\n GUIDEで登録済みの電子チケットの座席情報が表示されております。お間違い無いことをご確認ください。\n
\n ※ 間違いがある場合は、BAYSTARS STAR\n GUIDEの電子チケットを確認していただき、再度アクセスしてください\n
\n \n ※ 間違いがある場合は、BAYSTARS STAR\n GUIDEの電子チケットを確認していただき、再度アクセスしてください\n
\n BlueMates{t('MESSAGE_CUSTOMER_INFO2')}\n （{t('MESSAGE_AUTO_INPUT')}）\n
\n \n
\n\n \n ログインしているDeNAアカウントに紐づいたBAYSTARS\n ID会員番号が自動で反映されます。必ず表示内容をご確認ください。\n
\n 当年度BlueMates会員の方は、購入金額により STARを獲得することができます。\n
\n \n 当年度BlueMates会員の方は、購入金額により STARを獲得することができます。\n
\n
\n \n ※ BlueMatesに加入前の注文についてはSTARは付与されません\n
\n\n \n ※ \n 注文後のBAYSTARS\n ID会員番号の後付けや、変更は受け付けておりません。間違いがないようにご注意ください\n
\n\n \n ※ \n STARは、注文日の翌日に付与されます。Blue Mates会員マイページ上で、STAR付与をご確認ください\n
\n\n {userStore.userData.deliveryType === '2' && (\n \n ※ \n 配送手数料はSTAR還元の対象外（計算外）となります。ご了承ください\n
\n )}\n BAYSTARS ID 会員番号（修正不可）
\n BlueMates会員の方
\n \n
\n\n \n BlueMates会員番号の手動入力サービスは終了いたしました。STAR付与には、DeNAアカウントログインでの購入が必要となります。下記より、ログインしてご購入ください\n
\n \n
\n \n ※ \n ログインすると、カート情報が空になる可能性があります。その際は再度商品をお選びください\n
\n \n \n
\n */}\r\n (this.formRef = ref)}\r\n name=\"payForm\"\r\n method=\"post\"\r\n action={`${process.env.REACT_APP_SOFTBANK_SERVER}/f01/FepBuyInfoReceive.do`}\r\n acceptCharset=\"Shift-JIS\"\r\n >\r\n {/* (옵션) 결제방법 (콤마 구분자로 복수 지정 가능. 생략하는 경우 결제 방법 선택 화면) */}\r\n \r\n {/* (필수) 상점ID */}\r\n \r\n {/* (필수) 서비스ID */}\r\n \r\n {/* (필수) 고객ID */}\r\n \r\n {/* (필수) 주문ID */}\r\n \r\n {/* (필수) 상품ID */}\r\n \r\n {/* (옵션) 상품명 */}\r\n {/* */}\r\n {/* (옵션) 세금 */}\r\n {/* */}\r\n {/* (필수) 구매 금액 (세금포함) */}\r\n \r\n {/* (필수) 구입타입 */}\r\n \r\n {/* (필수) 서비스타입 */}\r\n \r\n {/* (필수) 결제완료 URL */}\r\n \r\n {/* (필수) 결제취소 URL */}\r\n \r\n {/* (필수) 결제오류 URL */}\r\n \r\n {/* (필수) 등록통지처CGI. SSL필수 (결제성공 시 결제완료 처리할 URL?) */}\r\n \r\n \r\n \r\n {/* (필수) 요청일시(YYYYMMDDHHMISS) */}\r\n \r\n {/* (옵션) 요청허용시간 */}\r\n {/* */}\r\n {/* (필수) 체크섬 */}\r\n \r\n \r\n )}\r\n\r\n {\r\n this.setState({ isShowPayPayPopup: false });\r\n }}\r\n >\r\n \r\n \r\n {\r\n this.setState({ isShowPayPayPopup: false });\r\n }}\r\n aria-label=\"close\"\r\n >\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(withTranslation()(MenuList));\r\n","import React, { Component } from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { Button, Grid, TextField, Typography } from '@mui/material';\r\nimport { withTranslation } from 'react-i18next';\r\n\r\n@inject('menuStore', 'cartStore', 'userStore', 'orderStore')\r\n@observer\r\nclass Point extends Component {\r\n componentDidMount() {\r\n this.props.orderStore.setInputPoint('');\r\n }\r\n\r\n // 포인트 사용 금액 변경\r\n handleChangeUsePoint = event => {\r\n this.props.orderStore.setInputPoint(event.target.value);\r\n };\r\n\r\n // 전액사용\r\n handleClickUseFullPoint = () => {\r\n const { userStore, orderStore } = this.props;\r\n orderStore.setInputPoint(userStore.userPoint);\r\n };\r\n\r\n render() {\r\n const { t, menuStore, userStore, orderStore } = this.props;\r\n return (\r\n \r\n \r\n \r\n {t('MESSAGE_REDEEM_POINTS')} (\r\n {`${t('MESSAGE_REMAINING_POINTS')}: ${Number(userStore.userPoint).toLocaleString()}`})\r\n \r\n \r\n \r\n \r\n 0 && Number(userStore.userPoint) < menuStore.storeData.useableMinimumPoint\r\n ? true\r\n : false\r\n }\r\n variant=\"outlined\"\r\n />\r\n \r\n \r\n \r\n {t('BUTTON_FULL_USE')}\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(withTranslation()(Point));\r\n","import React, { Component } from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { FormControlLabel, Grid, Radio, RadioGroup } from '@mui/material';\r\nimport api from '../../api';\r\nimport Bottom from './Bottom';\r\n\r\n@inject('commonStore', 'menuStore', 'orderStore')\r\n@observer\r\nclass PaymentHecto extends Component {\r\n componentDidMount() {\r\n const { orderStore } = this.props;\r\n const script = document.createElement('script');\r\n\r\n script.src = `${process.env.REACT_APP_HECTO_SERVER}/resources/js/v1/SettlePG.js`;\r\n script.async = true;\r\n\r\n document.body.appendChild(script);\r\n\r\n // 결제 방법 기본값을 카드로 설정\r\n if (!orderStore.paymentMethod) {\r\n orderStore.setPaymentMethod('1');\r\n }\r\n }\r\n\r\n // 결제방법 변경\r\n handlePayMethodChange = event => {\r\n this.props.orderStore.setPaymentMethod(event.target.value);\r\n };\r\n\r\n // 결제 수단 코드 조회\r\n getPaymentMethodCode(paymentMethod) {\r\n switch (paymentMethod) {\r\n case '1':\r\n return 'card';\r\n default:\r\n return 'corp';\r\n }\r\n }\r\n\r\n // 간편결제 코드 조회\r\n getEasyPaymentCode(paymentMethod) {\r\n switch (paymentMethod) {\r\n case '2':\r\n return 'PAC';\r\n case '4':\r\n return 'KKP';\r\n case '8':\r\n case '16':\r\n return 'NVP';\r\n default:\r\n return undefined;\r\n }\r\n }\r\n\r\n // 네이버페이 타입 조회\r\n getNaverPayType(paymentMethod) {\r\n switch (paymentMethod) {\r\n case '8':\r\n return 'CARD';\r\n case '16':\r\n return 'POINT';\r\n default:\r\n return undefined;\r\n }\r\n }\r\n\r\n pay = async () => {\r\n const { commonStore, menuStore, orderStore } = this.props;\r\n\r\n try {\r\n // 결제 예약 API 실행\r\n const response = await api.reserveOrder(orderStore.orderData);\r\n\r\n const baseUrl = `${\r\n window.location.protocol +\r\n '//' +\r\n window.location.hostname +\r\n (window.location.port ? ':' + window.location.port : '')\r\n }`;\r\n\r\n // PG사에 결제 요청\r\n /*global SETTLE_PG*/\r\n SETTLE_PG.pay(\r\n {\r\n env: process.env.REACT_APP_HECTO_SERVER,\r\n mchtId: menuStore.storeData.merchantID,\r\n method: this.getPaymentMethodCode(orderStore.paymentMethod),\r\n corpPayCode: this.getEasyPaymentCode(orderStore.paymentMethod),\r\n corpPayType: this.getNaverPayType(orderStore.paymentMethod),\r\n trdDt: response.data.ediDate,\r\n trdTm: response.data.ediTime,\r\n mchtTrdNo: response.data.orderId,\r\n mchtName: menuStore.storeData.storeName,\r\n mchtEName: '1234',\r\n pmtPrdtNm: orderStore.paymentMenuName,\r\n trdAmt: response.data.paymentAmount,\r\n mchtCustId: response.data.userId,\r\n notiUrl: `${process.env.REACT_APP_API_SERVER}/sales/hecto`,\r\n nextUrl: `${process.env.REACT_APP_API_SERVER}/sales/hecto/success`,\r\n cancUrl: `${baseUrl}/${commonStore.companyId}/${commonStore.storeCode}/order`,\r\n mchtParam: `${commonStore.companyId}|${commonStore.storeCode}`,\r\n pktHash: response.data.signData,\r\n ui: {\r\n type: 'self',\r\n },\r\n },\r\n function (rsp) {\r\n console.log(rsp);\r\n },\r\n );\r\n } catch (error) {\r\n commonStore.setError(error);\r\n throw error;\r\n } finally {\r\n // 결제 버튼 활성화\r\n orderStore.setDisablePaymentButton(false);\r\n }\r\n };\r\n\r\n render() {\r\n const { t, menuStore, orderStore } = this.props;\r\n return (\r\n \r\n {/* 결제방법 선택 */}\r\n \r\n \r\n {t('MESSAGE_PAYMENT_METHOD')}\r\n \r\n \r\n \r\n {(menuStore.storeData.paymentMethod & 1) === 1 && (\r\n \r\n \r\n\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation()(PaymentHecto);\r\n","import React, { Component } from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { Grid, Typography, List, ListItem } from '@mui/material';\r\nimport { withTranslation } from 'react-i18next';\r\nimport ReceiveMethodEnum from '../../enums/ReceiveMethodEnum';\r\n\r\n@inject('menuStore', 'cartStore', 'userStore', 'orderStore')\r\n@observer\r\nclass LiteMenuList extends Component {\r\n render() {\r\n const { t, menuStore, cartStore, userStore, orderStore } = this.props;\r\n return (\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(withTranslation()(LiteMenuList));\r\n","import React, { Component } from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport Progress from '../common/Progress';\r\nimport Header from '../common/Header';\r\nimport PaymentNice from './PaymentNice';\r\nimport PaymentKovan from './PaymentKovan';\r\nimport PaymentSoftBank from './PaymentSoftBank';\r\nimport PaymentTypeEnum from '../../enums/PaymentTypeEnum';\r\nimport MenuList from './MenuList';\r\nimport Point from './Point';\r\nimport PaymentHecto from './PaymentHecto';\r\nimport LiteMenuList from './LiteMenuList';\r\n// import api from '../../api';\r\n\r\n@inject('commonStore', 'menuStore', 'cartStore', 'userStore', 'orderStore')\r\n@observer\r\nclass Payment extends Component {\r\n async componentDidMount() {\r\n const {\r\n match,\r\n history,\r\n location,\r\n t,\r\n commonStore,\r\n userStore,\r\n orderStore,\r\n cartStore,\r\n // menuStore\r\n } = this.props;\r\n\r\n // 매장 데이터 세팅\r\n await commonStore.setData(match.params.companyId.toLowerCase(), match.params.storeCode);\r\n\r\n // 유효성 검사\r\n if (location.state?.isLiteOrder) {\r\n if (!orderStore.liteOrder) {\r\n history.goBack();\r\n return;\r\n }\r\n } else if (cartStore.cartData.menus.length === 0) {\r\n alert(t('ALERT_EMPTY_CART'));\r\n history.push(`/${match.params.companyId.toLowerCase()}/${match.params.storeCode}`);\r\n return;\r\n }\r\n\r\n // 유저데이터 세팅\r\n userStore.setUserDataFromLocalStorage();\r\n\r\n /** 요코하마엔 없는 로직이라 주석 처리 */\r\n // if (!userStore.userData.phoneNumber && !location.state?.isLiff) {\r\n // // 라인미니앱이 아닌데 전화번호가 입력되어 있지 않다면 페이지 이동 처리\r\n // if (location.state?.isLiteOrder) {\r\n // // 마장동 주문인 경우 뒤로가기\r\n // history.goBack();\r\n // } else {\r\n // // 일반 주문인 경우 주문정보 입력 페이지로 리다이렉트\r\n // history.replace(`/${match.params.companyId.toLowerCase()}/${match.params.storeCode}/order`);\r\n // }\r\n // }\r\n\r\n // 결제 테스트용 임시 소스\r\n // 회원 포인트 조회\r\n // BAS_D - BASH_CODE : CF, BASD_CODE : 215, FILED4 : 1\r\n // if (menuStore.storeData.isPointUseable) {\r\n // const response = await api.getUserPointByPhoneNumber(\r\n // match.params.companyId.toLowerCase(),\r\n // match.params.storeCode,\r\n // '01047154304',\r\n // );\r\n // console.log(response);\r\n // if (response.data.message === 'NOT_FOUND') {\r\n // userStore.userData.isMember = false;\r\n // userStore.saveUserData();\r\n\r\n // history.push(`/${commonStore.companyId}/${commonStore.storeCode}/join`);\r\n // return;\r\n // } else if (response.data.message === 'DUPLICATE') {\r\n // userStore.userData.isMember = false;\r\n // userStore.saveUserData();\r\n\r\n // commonStore.setSnackbar(true, t('ERROR_USER_DUPLICATE'));\r\n // return;\r\n // } else if (response.data.message === 'SUCCESS') {\r\n // userStore.userData.isMember = true;\r\n // userStore.userData.isPointAdded = true;\r\n // userStore.saveUserData();\r\n\r\n // userStore.setUserPoint(response.data.user.Point);\r\n // history.push({\r\n // pathname: `/${commonStore.companyId}/${commonStore.storeCode}/payment`,\r\n // state: { isLiteOrder: orderStore.liteOrder ? true : false },\r\n // });\r\n // return;\r\n // }\r\n // }\r\n }\r\n\r\n renderMenuList() {\r\n if (this.props.orderStore.liteOrder) {\r\n return \r\n {/* 헤더 */}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withTranslation()(withRouter(Payment));\r\n","import i18n from 'i18next';\r\n\r\n// credit3d2 로 변경되고 간편결제 / 카드 결제가 혼용되어 들어오는 환경에서\r\n// 요코하마 구장의 요청으로 간편결제도 카드로 표기되도록 간편결제도 카드로 대체함.\r\nconst PaymentMethodEnum = {\r\n ETC: 0,\r\n CARD: 1,\r\n LINEPAY: 2,\r\n PAYCO: 3,\r\n KAKAOPAY: 4,\r\n PayPay: 5,\r\n AUPAY: 6,\r\n POINT: 7,\r\n properties: {\r\n 0: i18n.t('MESSAGE_CARD'),\r\n 1: i18n.t('MESSAGE_CARD'),\r\n 2: 'LINEPAY',\r\n 3: '페이코',\r\n 4: '카카오페이',\r\n 5: i18n.t('MESSAGE_PAYPAY'),\r\n 6: 'au PAY',\r\n 7: i18n.t('MESSAGE_POINTS'),\r\n },\r\n};\r\n\r\n// paymentMethod 가 credit 로 사용하던 코드 체계\r\n// const PaymentMethodEnum = {\r\n// ETC: 0,\r\n// CARD: 1,\r\n// LINEPAY: 2,\r\n// PAYCO: 3,\r\n// KAKAOPAY: 4,\r\n// PayPay: 5,\r\n// AUPAY: 6,\r\n// POINT: 7,\r\n// properties: {\r\n// 0: i18n.t('MESSAGE_EASY'),\r\n// 1: i18n.t('MESSAGE_CARD'),\r\n// 2: 'LINEPAY',\r\n// 3: '페이코',\r\n// 4: '카카오페이',\r\n// 5: i18n.t('MESSAGE_PAYPAY'),\r\n// 6: 'au PAY',\r\n// 7: i18n.t('MESSAGE_POINTS'),\r\n// },\r\n// };\r\n\r\nexport default PaymentMethodEnum;\r\n","import React, { Component } from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport moment from 'moment-timezone';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { Container, Box, Grid, Typography, Divider, Button } from '@mui/material';\r\nimport { CheckCircle } from '@mui/icons-material';\r\nimport { withTranslation } from 'react-i18next';\r\nimport Header from '../common/Header';\r\nimport Progress from '../common/Progress';\r\nimport api from '../../api';\r\nimport i18next from 'i18next';\r\nimport PaymentMethodEnum from '../../enums/PaymentMethodEnum';\r\nimport FooterYokohama from '../common/FooterYokohama';\r\n\r\n@inject('commonStore', 'cartStore', 'userStore', 'orderStore', 'menuStore')\r\n@observer\r\nclass OrderComplete extends Component {\r\n state = {\r\n isLiteOrder: false,\r\n };\r\n\r\n async componentDidMount() {\r\n const { commonStore, cartStore, userStore, orderStore, menuStore, match } = this.props;\r\n // 장바구니 비우기\r\n cartStore.clearCart();\r\n\r\n // 주문 조회 및 세팅\r\n const response = await api.getSale(\r\n match.params.companyId,\r\n match.params.storeCode,\r\n match.params.orderId,\r\n i18next.languages[0],\r\n );\r\n orderStore.setOrder(response.data);\r\n\r\n // 결제 완료 주문리스트 로컬스토리지 저장\r\n if (!userStore.userData.email) await userStore.setUserDataFromLocalStorage();\r\n if (!userStore.userData.orderList.some(x => x.receiptNum === response.data.receiptNum)) {\r\n response.data.orderDiscrimination = match.params.orderId;\r\n userStore.userData.orderList.push(response.data);\r\n userStore.saveUserData();\r\n }\r\n\r\n // 결제 완료 메일 전송\r\n // await api.successOrderInform(match.params.companyId, match.params.storeCode, match.params.orderId);\r\n\r\n // 현재 조회 된 상점 데이터가 없거나 (카톡 링크로 접속한 경우)\r\n // 조회한 주문의 상점과 현재 상점이 다른 경우\r\n // 매장 데이터 다시 조회\r\n if (\r\n !menuStore.storeData ||\r\n orderStore.order.companyId !== menuStore.storeData.companyId ||\r\n orderStore.order.storeCode !== menuStore.storeData.storeCode\r\n ) {\r\n commonStore.setData(orderStore.order.companyId, orderStore.order.storeCode);\r\n }\r\n this.setState(() => ({ isLiteOrder: this.props.orderStore.order.extOrderNo }));\r\n }\r\n\r\n handleClickOrderDetail = () => {\r\n const { history, match } = this.props;\r\n if (this.state.isLiteOrder) {\r\n // 새로고침 일때 버튼 유지를 위해 다른 URL 적용\r\n history.push(`/${match.params.companyId}/${match.params.storeCode}/lite-orders/${match.params.orderId}`);\r\n } else {\r\n history.push(`/${match.params.companyId}/${match.params.storeCode}/orders/${match.params.orderId}`);\r\n }\r\n };\r\n\r\n handleClickConfirm = () => {\r\n const { commonStore, history } = this.props;\r\n history.push(`/${commonStore.companyId}/${commonStore.storeCode}`);\r\n };\r\n\r\n render() {\r\n const { userStore, orderStore, menuStore, t } = this.props;\r\n\r\n if (!orderStore.order || !menuStore.storeData) return ;\r\n return (\r\n \r\n {/* 헤더 */}\r\n \r\n \r\n )}\r\n
\r\n \r\n {/* 이메일 / 회원번호 */}\r\n \r\n {/* 요청사항 */}\r\n {/* \r\n {/* 결제방법 선택 */}\r\n \r\n \r\n {t('MESSAGE_PAYMENT_METHOD')}\r\n \r\n \r\n \r\n {(menuStore.storeData.paymentMethod & 1) === 1 && (\r\n \r\n\r\n \r\n ※ PayPayでの決済方法・注意事項について、\r\n {\r\n this.setState({ isShowPayPayPopup: true });\r\n }}\r\n >\r\n コチラ\r\n \r\n からご確認ください。\r\n \r\n \r\n
\r\n {orderStore.paymentSBData && (\r\n - \r\n
\r\n
\r\n {t('MESSAGE_PRODUCT_INFO')}
\r\n \r\n \r\n \r\n {t('MESSAGE_TOTAL_PAYMENT_AMOUNT')}\r\n \r\n \r\n \r\n \r\n
\r\n - \r\n {cartStore.cartData.menus.map((cartMenu, index) => (\r\n
\r\n \r\n {menuStore.currency}\r\n {orderStore.requestAmount.toLocaleString()}\r\n {menuStore.storeData.tax1_type === '2' ? (\r\n {t('TITLE_TAX_TYPE')}\r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n \r\n
\r\n {t('MESSAGE_PRODUCT_INFO')}
\r\n \r\n \r\n \r\n {t('MESSAGE_TOTAL_PAYMENT_AMOUNT')}\r\n \r\n \r\n \r\n \r\n
\r\n - \r\n {orderStore.liteOrder.menus.map((menu, index) => (\r\n
\r\n \r\n {menuStore.currency}\r\n {orderStore.requestAmount.toLocaleString()}\r\n \r\n
\r\n \r\n {menuStore.storeData.isPointUseable && userStore.userData.isMember && userStore.userData.isPointAdded && (\r\n
\r\n \r\n \r\n \r\n \r\n ※注文詳細ページでは、注文のステータス、受取番号、注文内容をご確認いただけます\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('MESSAGE_PAYMENT_COMPLETE')}\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {t('BUTTON_PAYMENT_INFO_2')}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n {t('MESSAGE_ORDER_NUMBER_2')}\r\n \r\n \r\n {orderStore.order.waitNum}\r\n \r\n \r\n\r\n \r\n \r\n {t('MESSAGE_ORDER_TIME_2')}\r\n \r\n \r\n {moment(orderStore.order.regDate).tz('Asia/tokyo').format('YYYY-MM-DD HH:mm:ss')}\r\n \r\n \r\n\r\n \r\n \r\n {t('MESSAGE_STORE_NAME')}\r\n \r\n \r\n {orderStore.order.storeName} \r\n \r\n \r\n \r\n \r\n {t('MESSAGE_PAYMENT_AMOUNT')}\r\n \r\n \r\n \r\n \r\n {menuStore.currency}\r\n {Number(orderStore.order.price).toLocaleString()}\r\n {menuStore.storeData.tax1_type === '2' ? (\r\n {t('TITLE_TAX_TYPE')}\r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {t('MESSAGE_PAYMENT_METHOD')}\r\n \r\n \r\n {orderStore.paymentMethodName} \r\n \r\n \r\n\r\n {userStore.userData.deliveryType === '1' && (\r\n \r\n \r\n {t('MESSAGE_SEAT_INFO')}\r\n \r\n \r\n {`${orderStore.order.zone} SIDE （${\r\n orderStore.order.zone === 'BAY' ? t('MESSAGE_ZONE_BAY') : t('MESSAGE_ZONE_STAR')\r\n }） ${orderStore.order.block}段 ${orderStore.order.seat}番`} \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n BAYSTARS ID\r\n \r\n \r\n {orderStore.order.userCardNumber} \r\n \r\n \r\n {orderStore.order.payments.length === 1 &&\r\n orderStore.order.payments[0].methodCode === PaymentMethodEnum.CARD && (\r\n \r\n {orderStore.order.payments[0].cardQuota > 0 && (\r\n \r\n \r\n {t('MESSAGE_INSTALLMENTS')}\r\n \r\n \r\n \r\n {+orderStore.order.payments[0].cardQuota === 1\r\n ? t('MESSAGE_PAY_FULL')\r\n : t('MESSAGE_MONTHS', { n: +orderStore.order.payments[0].cardQuota })}\r\n \r\n \r\n \r\n )}\r\n {orderStore.order.payments[0].authCode && (\r\n \r\n \r\n {t('MESSAGE_APPROVAL_NUMBER')}\r\n \r\n \r\n {orderStore.order.payments[0].authCode} \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n {!this.state.isLiteOrder && (\r\n // \r\n
\r\n // {t('MESSAGE_PAYMENT_COMPLETE')}
\r\n {t('MESSAGE_ORDER_RECEIVE')}
\r\n \r\n {t('MESSAGE_ORDER_READY')}
\r\n \r\n {t('MESSAGE_ORDER_PICKUP')}
\r\n \r\n \r\n )}\r\n\r\n {(userStore.userData.deliveryType === '1' || userStore.userData.deliveryType === '2') && (\r\n {t('MESSAGE_PAYMENT_COMPLETE')}
\r\n {t('MESSAGE_ORDER_RECEIVE')}
\r\n \r\n {t('MESSAGE_ORDER_READY')}
\r\n \r\n {t('MESSAGE_ORDER_PICKUP')}
\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n\r\n
\r\n // \r\n \r\n
\r\n\r\n {/* 현재 주문 단계 표시 */}\r\n \r\n {t('MESSAGE_ORDER_NUMBER_2')} {orderStore.order.waitNum}\r\n
\r\n \r\n {moment(orderStore.order.regDate).tz('Asia/tokyo').format('YYYY-MM-DD HH:mm:ss')}\r\n
\r\n \r\n 注文状況が自動で切り替わります\r\n
\r\n\r\n \r\n ご回答にご協力ください\r\n \r\n )}\r\n \r\n \r\n )}\r\n\r\n
\r\n
\r\n\r\n {orderStore.order.userCardNumber.length > 0 && (\r\n {t('MESSAGE_ORDER_INFO')}
\r\n \r\n \r\n \r\n \r\n {t('MESSAGE_RECEIPT_NUMBER')}\r\n \r\n \r\n {orderStore.order.receiptNum} \r\n \r\n \r\n \r\n \r\n {t('MESSAGE_STORE_NAME_2')}\r\n \r\n \r\n {orderStore.order.storeName} \r\n \r\n \r\n\r\n {userStore.userData.deliveryType === '0' && (\r\n \r\n \r\n \r\n \r\n {t('BUTTON_STORE_MAP')}\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n {t('MESSAGE_HOW_PICKUP')}\r\n \r\n \r\n \r\n {userStore.userData.deliveryType === '0' && t('MESSAGE_TAKEOUT')}\r\n {(userStore.userData.deliveryType === '1' || userStore.userData.deliveryType === '2') &&\r\n t('MESSAGE_DELIVERY2')}\r\n \r\n \r\n \r\n\r\n \r\n \r\n {t('MESSAGE_PAYMENT_AMOUNT_2')}\r\n \r\n \r\n {orderStore.order.payments.map((payment, index) => (\r\n \r\n \r\n {PaymentMethodEnum.properties[payment.methodCode]}\r\n \r\n \r\n \r\n {menuStore.currency}\r\n {Number(payment.amt).toLocaleString()}\r\n {menuStore.storeData.tax1_type === '2' ? (\r\n \r\n {t('TITLE_TAX_TYPE')}\r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n\r\n {(userStore.userData.deliveryType === '1' || userStore.userData.deliveryType === '2') && (\r\n \r\n \r\n {t('MESSAGE_SEAT_INFO')}\r\n \r\n \r\n {userStore.userData.deliveryType === '1' && (\r\n {`${orderStore.order.zone} SIDE （${\r\n orderStore.order.zone === 'BAY' ? t('MESSAGE_ZONE_BAY') : t('MESSAGE_ZONE_STAR')\r\n }） ${orderStore.order.block}段 ${orderStore.order.seat}番`} \r\n )}\r\n\r\n {userStore.userData.deliveryType === '2' && (\r\n \r\n {orderStore.order.seatInfo}\r\n \r\n )}\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n BlueMates{t('MESSAGE_CUSTOMER_INFO2')}
\r\n \r\n \r\n \r\n \r\n BAYSTARS ID{t('MESSAGE_CUSTOMER_INFO2')}\r\n \r\n \r\n {orderStore.order.userCardNumber} \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n ※ \r\n BlueMatesに加入前の注文についてはSTARは付与されません\r\n
\r\n\r\n \r\n ※ \r\n 注文後のBAYSTARS\r\n ID会員番号の後付けや、変更は受け付けておりません。間違いがないようにご注意ください\r\n
\r\n\r\n \r\n ※ \r\n STARは注文された翌日に付与されます。マイページ上でSTAR付与をご確認ください\r\n
\r\n \r\n
\r\n\r\n {orderStore.order.lockerQR && (\r\n {t('MESSAGE_PRODUCT_INFO')}
\r\n \r\n \r\n \r\n {t('MESSAGE_TOTAL_PAYMENT_AMOUNT')}\r\n \r\n \r\n \r\n \r\n
\r\n - \r\n {orderStore.order.menus.map((menu, index) => (\r\n
\r\n \r\n {menuStore.currency}\r\n {Number(orderStore.order.price).toLocaleString()}\r\n {menuStore.storeData.tax1_type === '2' ? (\r\n \r\n {t('TITLE_TAX_TYPE')}\r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n Smart Locker QR\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n {t('MESSAGE_PREPARING_BUSINESS')}\r\n
\r\n \r\n \r\n {t('MESSAGE_PREPARING_BUSINESS')}\r\n
- \r\n {userStore.orderStores.map((store, storeIndex) => (\r\n
${commonStore.map.storeName}
`,\r\n });\r\n infowindow.open(map, marker);\r\n\r\n // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다\r\n map.setCenter(coords);\r\n }\r\n });\r\n }\r\n }\r\n\r\n // 지도 닫기\r\n handleCloseMap = () => {\r\n const { commonStore } = this.props;\r\n commonStore.setMapOpen(false);\r\n };\r\n\r\n render() {\r\n const { commonStore, t } = this.props;\r\n return commonStore.isMapOpen ? (\r\n \r\n
\r\n ) : null;\r\n }\r\n}\r\n\r\nexport default withTranslation()(StoreMap);\r\n","import React, { Component } from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { AppBar, Toolbar } from '@mui/material';\r\nimport StoreList from './StoreList';\r\nimport StoreMap from '../common/StoreMap';\r\n\r\n@inject('userStore')\r\n@observer\r\nclass UserOrderStores extends Component {\r\n async componentDidMount() {\r\n const { userStore, match } = this.props;\r\n\r\n // 구매 매장 리스트 조회\r\n userStore.getUserOrderStores(match.params.encryptedId);\r\n }\r\n\r\n render() {\r\n const { t } = this.props;\r\n return (\r\n \r\n
\r\n \r\n \r\n {commonStore.map.storeName}\r\n {/** 메뉴 아이콘 버튼 */}\r\n \r\n
\r\n - \r\n
- \r\n {t('MESSAGE_STORE_TEL')}\r\n{commonStore.map.storePhone}\r\n \r\n
- \r\n {t('MESSAGE_ADDRESS')}\r\n\r\n {commonStore.map.storeAddress1} {commonStore.map.storeAddress2}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {t('TITLE_ORDER_STORE_LIST')}\r\n
\r\n \r\n {t('TITLE_USER_GUIDE')}\r\n
\r\n\r\n {/** 메뉴 아이콘 버튼 */}\r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n 利用規約\r\n
\r\n \r\n
\r\n UP SMART ORDER利用規約
\r\n\r\n {`\r\nこの規約（以下「本規約」といいます。）は、大江電機株式会社（以下「当社」といいます。）が提供するUP SMART ORDER（第1条第①号に定義する本サービスを意味します。）の利用に関する条件を、本サービスを利用するお客様（以下「お客様」といいます。）と当社との間で定めるものです。\r\n\r\n第1条（定義）\r\n本規約において使用する用語の定義は、次の各号に定めるとおりとします。\r\n①\t 「本サービス」とは、利用契約者（第②号に定義します。）がアプリ（第③号に定義します。）上で販売提供するピックアップ商品（第④号に定義します。）について、お客様が注文（第⑤号に定義します。）及び事前決済を行い、受取場所として指定されたお客様のピックアップ場所（以下「ピックアップゾーン」といいます。）の店舗（以下「店舗ピックアップゾーン」といい、受取場所として指定された店舗ピックアップゾーンを「指定店舗ピックアップゾーン」といいます。）内にて受け取ることを可能にするモバイルオーダーサービスであるUP SMART ORDERをいいます。\r\n② 「利用契約者」とは、自己の商品をお客様に対して販売する目的で、アプリ上に自己の情報及びピックアップ商品の情報を掲載し、お客様の注文を受けて、ピックアップ商品をお客様に販売提供する者をいいます。\r\n③ 「アプリ」とは、当社が、LINE株式会社が配信するスマートフォン向けアプリ「LINE」上で稼働する「ミニアプリ」を利用しているお客様を対象に企画、配信する、ピックアップ商品の注文、事前決済、及び指定店舗ピックアップゾーンでのピックアップ商品の受取りを可能にするアプリケーションをいいます。\r\n④ 「ピックアップ商品」とは、利用契約者がアプリ上でお客様に対して販売提供する食品、その他同種の商品であって、お客様が指定店舗ピックアップゾーン内にて受け取ることができる商品をいいます。\r\n⑤ 「注文」とは、お客様がアプリ上で当社の指定する必要情報を入力することにより、ピックアップ商品の購入を申し込むことをいいます。\r\n\r\n第2条（規約への同意、規約の変更）\r\n1．お客様は、本規約に従って本サービスを利用しなければなりません。お客様は、本規約に同意しないかぎり本サービスを利用することはできません。\r\n2．お客様が本サービスを利用することにより、本規約に同意したものとみなします。\r\n3．当社は、当社が必要と判断する場合、本サービスの目的の範囲内で、本規約を変更することができるものとします。その場合、当社は、変更後の本規約の内容及び効力発生日を、アプリ上に表示し、又は当社が定める方法によりお客様に通知することでお客様に周知します。変更後の本規約は、効力発生日から効力を生じるものとし、効力発生日以後にお客様が本サービスの利用を継続した場合、お客様は本規約の変更に同意したものとみなされます。\r\n\r\n第3条（利用登録）\r\n1．お客様は、本サービスを利用するに当たっては、LINE株式会社が配信するスマートフォン向けアプリ「LINE」のアカウント（以下「LINEアカウント」といいます。）を保有していることが必要になります。LINEアカウントの管理その他LINEアカウントの利用については、LINEアカウント作成時に同意していただいたLINE利用規約が適用されますので、併せてご確認ください。\r\n2．本サービスの利用を希望されるお客様は、本規約に同意し、かつ当社の定める方法で届出情報を提供することにより、本サービスの利用登録をすることができます。\r\n3．お客様が利用登録を行った時点をもって、当社とお客様との間に、本規約を内容とする本サービスの利用契約（以下「本サービス利用契約」といいます。）が成立するものとします。\r\n4．お客様は、本サービスの利用登録に当たり、以下の各号の事項を遵守するものとします。\r\n ① 自身の真実かつ正確な最新の情報を届出情報として当社に提供するものとします。\r\n ② 許可を得ることなく他人の名義（法人、組織・団体名義を含みます。）で利用登録してはなりません。\r\n ③ 同一人物が複数の利用登録をしてはなりません。\r\n ④ 過去に第14条第1項に定める利用停止等の措置を受けたお客様は再度の利用登録をしてはなりません。\r\n ⑤ お客様が未成年者であり、親権者等の法定代理人の同意を得ていない場合、利用登録をしてはなりません。\r\n ⑥ 反社会的勢力（暴力団、暴力団員、暴力団員でなくなった時から5年を経過しない者、暴力団準構成員、暴力団関係企業、総会屋等、社会運動等標榜ゴロ、特殊知能暴力集団等又はこれらに準じる者をいいます。以下同じです。）に該当する場合、その経営に反社会的勢力が実質的に関与していると認められる場合、反社会的勢力を利用していると認められる場合、反社会的勢力に対して資金等を提供し若しくは便宜を供与する等の関与をしていると認められる場合、又は、反社会的勢力と社会的に非難されるべき関係を有している場合には、利用登録をしてはなりません。\r\n ⑦ 届出情報における氏名、電話番号やLINEアカウント等は、自己の責任において厳重に管理し、セキュリティを脅かす危険のある行為を行わないものとします。権限のない者によりこれらが利用された場合又は利用された可能性がある場合には、直ちに当社に通知するものとします。\r\n ⑧ 他人にお客様の利用登録名義又はLINEアカウントの使用を許諾したり、譲渡しては なりません。\r\n5．お客様は、届出情報に変更があった場合には、速やかに、当社の定める方法により当該変更事項を当社に通知するものとします。\r\n6．当社は、届出情報中の連絡先（電話番号、LINEアカウント）への連絡の方法、又はアプリによる通知等の方法により、お客様に対して本サービスの提供に当たり必要な連絡をすることがあります。お客様は、お客様が現に使用している連絡先を当社に対して提供する（変更があった場合の変更通知を含みます。）とともに、アプリを利用するスマートフォン端末又はタブレット端末の設定によりアプリによる通知を受けられる状態でいなければなりません。これに反することにより、当社からの連絡を受けられずにお客様に損害が生じた場合でも、当社は一切の責任を負わないものとします。\r\n7．当社は、本サービスその他の当社又はピックアップゾーンの商品やサービスに関する広告や宣伝を、LINEメッセージによる通知の方法により行うことがあります。お客様はあらかじめこれに同意の上、本サービスを利用するものとします。\r\n8．当社は、お客様の利用登録名義又はLINEアカウントを使用して行われた一切の行為を、お客様自身の行為とみなすことができ、これによりお客様に損害が生じた場合でも一切の責任を負わないものとします。\r\n9．当社は、お客様に対して、当社の判断により、当社所定のクーポンをアプリ上で付与することがあります。当該クーポンを付与する場合には、内容の詳細について、アプリ上でお客様に通知いたします。\r\n10．LINEアカウントが削除されると、本サービスの利用履歴は消滅します。お客様が誤ってLINEアカウントを削除した場合であっても本サービスの利用履歴を復旧することはできませんのでご注意ください。\r\n\r\n第4条（本サービスの利用環境の整備等）\r\n1．本サービスの利用には、インターネットへの接続及びアプリをインストールしたスマートフォン端末又はタブレット端末が必要になります。そのために必要となるスマートフォン端末、タブレット端末、ソフトウェアその他の機器、通信回線その他の通信環境等の本サービス利用環境の整備及び維持は、お客様の費用と責任において行い、利用に当たって必要となる通信料金はお客様が負担するものとします。お客様側の本サービス利用環境に起因する本サービスの利用上の支障について、当社は一切の責任を負いません。\r\n2．当社は、本サービス及びアプリがあらゆる機器等に適合することを保証するものではありません。\r\n\r\n第5条（利用契約者との間の売買契約の成立）\r\n1．お客様がピックアップ商品を購入する場合、当社所定の時間内に、アプリ上で当社所定の方法に従いピックアップ商品の注文を行うことにより、当該商品の販売主である利用契約者に対して、当該ピックアップ商品の購入に係る個別の売買契約を申し込むものとします。\r\n2．前項に基づく注文があった場合、アプリ上で注文完了の通知（以下「注文完了通知」といいます。）及び注文番号が自動発信されるものとし、お客様に注文完了通知が到達した時点をもって、当該申込が承諾され、お客様と利用契約者との間で、当該注文の対象となるピックアップ商品に係る個別の売買契約が成立するものとします。\r\n3．ピックアップ商品に係る売買契約は、お客様と利用契約者との間で成立するものであり、当社は当該売買契約の当事者にはなりません。\r\n4．当社は、必要と判断する場合は、本条及び第7条に定める当社所定の時間を変更できるものとし、変更する場合には、事前にLINEメッセージにより通知した上で、アプリ上に表示するものとします。\r\n\r\n第6条（商品代金の支払い）\r\nお客様は、利用契約者との間でピックアップ商品に係る個別の売買契約が成立した時点で、対象となるピックアップ商品の代金を、クレジットカード決済、QRコード決済の方法により、利用契約者から商品代金の代理受領権限を与えられている当社にお支払いいただきます。\r\n\r\n第7条（ピックアップ商品の受取り等）\r\n1．お客様は、ピックアップ商品を注文する際に、当該商品の受取りを希望する店舗ピックアップゾーン（受取場所となる店舗ピックアップゾーン）を、当社所定の方法に従い指定するものとします。なお、アプリ上で、ピックアップ商品の受取場所となる店舗ピックアップゾーンが1店舗しか選択できない場合には、お客様は、他の店舗は選択できず、当該店舗を受取場所として指定するものとします。\r\n2．お客様との間で売買契約が成立したピックアップ商品は、当社所定の時間（以下「指定配達時間」といいます。）までに、利用契約者により指定ピックアップゾーンに収納され、アプリ上に準備完了の通知（以下「準備完了通知」といいます。）が利用契約者より発信されるものとします。\r\n3．アプリを通じて注文を行ったお客様は、ピックアップ準備完了時間以降、当社所定の時間（以下「お客様受取期限」といいます。）までに、指定店舗ピックアップゾーンで、アプリに表示された注文番号と同じ番号の注文番号シールが貼付されたピックアップ商品を受け取るものとします。なお、指定配達時間までにアプリ上で準備完了通知を受信しなかった場合であっても、お客様は、指定配達時間以降、お客様受取期限までの間は、本項に基づくピックアップ商品の受取りができるものとします。\r\n4．ピックアップ商品の引渡しは、前項の商品受取りが完了した時点をもって完了するものとします。 \r\n\r\n第8条（注文のキャンセル等）\r\n1．お客様は、利用契約者との間でピックアップ商品に係る売買契約が成立した時点以降において、第2項及び第3項に定める場合を除き、売買契約の解除（注文のキャンセル等）をすることはできません。\r\n2．お客様は、利用契約者に対して架電等適宜の方法で直接連絡を行うことにより、利用契約者の同意が得られた場合に限り、売買契約を解除することができます。当社は、利用契約者より売買契約が合意解除された旨の通知を受けた場合、利用契約者の指示に従って返金等必要な処理を取るものとし、この場合の取扱い及び解除の有効性等について、何ら責任を負いません。\r\n\r\n第9条（本サービスに関する著作権その他の権利の帰属等）\r\n1．本サービスに関する著作権、商標権その他一切の知的財産権及びその他の権利は、当社又は当社に使用を許諾する第三者に帰属するものとします。\r\n2．本サービス利用契約は、本サービスに関する当社又は当社に使用を許諾する第三者の知的財産権及びその他の権利の使用許諾を意味するものではありません。\r\n\r\n第10条（本サービス利用契約終了時の取扱い）\r\n1．理由の如何を問わず本サービス利用契約が終了した場合、当社は、当該お客様に係る届出情報及び本サービスの利用データ（以下、あわせて「利用データ等」といいます。）を削除することができます。また、当社は、削除された利用データ等を復旧させる義務を負わないものとします。\r\n2．理由の如何を問わず本サービス利用契約が終了した場合においても、第3条第8項、第9条乃至第11条、第13条第2項、第14条乃至第19条は有効に存続するものとします。\r\n\r\n第11条（個人情報等の取扱い）\r\n1． 当社は、本サービスを利用されるお客様に関する情報の取扱いについて当社が定めるUP SMART ORDERプライバシーポリシーに従って、お客様の届出情報その他の本サービスの利用を介して取得したお客様の情報（個人情報を含みます。）を適切に取り扱うものとし、お客様はこれに同意します。\r\n2．お客様は、当社が、お客様の届出情報その他の本サービスの利用を介して取得したお客様の情報（個人情報を含みます。）を、当社が、本サービスの実施、改善、及び将来的に当社のグループ会社に対して本サービスを移管すること等を目的として、利用契約者、指定店舗ピックアップゾーン及び当社のグループ会社（「財務諸表等の用語、様式及び作成方法に関する規則（昭和38年大蔵省令第59号）」第8条に定める「子会社」及び「関連会社」をいう。以下同じ。）に対して提供することがあることに同意します。\r\n3．当社は、法令上要求又は許容される場合には、お客様の同意を得ずに、お客様の届出情報その他の本サービスの利用を介して取得したお客様の情報（個人情報を含みます。）を第三者に提供することがあります。\r\n\r\n第12条（禁止事項）\r\n当社は、本サービスに関するお客様による以下の各号に定める行為を禁止します。\r\n① 本規約に違反する行為\r\n② 法令等の定めに違反する行為又はそのおそれのある行為\r\n③ 公序良俗に反する行為\r\n④ 当社に虚偽の事項を届け出る行為\r\n⑤ 反社会的勢力に対する利益供与その他の協力行為\r\n⑥ 本サービスによって取得した商品を営利目的で転売する等、当社の同意なく、本サービスを営利的に使用する行為\r\n⑦ 当初から受け取る意思がないにもかかわらず注文をする行為\r\n⑧ 当社、利用契約者、店舗ピックアップゾーン、他のお客様又は第三者に対し、財産権（知的財産権を含みます。）の侵害、名誉・プライバシーの侵害、誹謗中傷、その他の不利益を与える行為又はそのおそれのある行為\r\n⑨ 他のお客様又は第三者の個人情報、登録情報、利用履歴情報などを、不正に収集、開示又は提供する行為\r\n⑩ 当社のサービス業務（本サービスを含むがこれに限られません。）の運営・維持又は利用契約者若しくは他のお客様による本サービスの利用を妨害し、支障を与える行為又はそのおそれのある行為\r\n⑪ 当社又はアプリや本サービスの信用を毀損し又はそのおそれのある行為\r\n⑫ 本サービスに関して利用し得る情報を改ざんする行為\r\n⑬ 有害なコンピュータプログラム、メール等をアプリに送信又は書き込む行為\r\n⑭ サーバその他当社のコンピュータに不正にアクセスする行為\r\n⑮ 第三者になりすまして本サービスを不正に利用する行為\r\n⑯ その他当社が別途禁止行為として定める行為又は当社が不適切と判断した行為\r\n\r\n第13条（利用停止・解除等）\r\n1．当社は、お客様が、以下の各号のいずれかの事由に該当し、又は該当するおそれがあると判断した場合は、事前に通知又は催告することなく、本サービスの一時的若しくは恒久的な停止、又はお客様の利用登録の抹消、若しくは本サービス利用契約の解除、その他、当社が必要かつ適切と判断する措置（以下「利用停止等の措置」といいます。）をとることができるものとします（また、当社は、お客様に、架電又はLINEメッセージ等の方法で通知してこれらの措置に応じるように促すことができ、この場合、お客様はこれに応じるものとします。）。\r\n ① 本サービスへの利用登録後に、お客様が第3条第4項に定める遵守事項に違反していることを当社が知った場合、又は、本サービスへの利用登録後に、お客様が第3条第4項に定める遵守事項に違反していると当社が判断した場合\r\n ② 法令等の定め又は本規約のいずれかの条項に違反した場合\r\n ③ 不正又は不当な目的をもって本サービスを利用した場合\r\n ④ 利用契約者又は他のお客様からの苦情等又はピックアップ商品に係るトラブル等から、お客様による本サービスの利用が当社又はアプリ若しくは本サービスの信用等に影響を及ぼす可能性がある場合\r\n ⑤ 当社の責に帰すべき理由によらず連絡が取れない場合\r\n ⑥ アプリへ1年以上アクセスしていない場合\r\n ⑦ 差押え、仮差押え、仮処分、租税滞納処分を受け、又は、破産、民事再生、特別清算、会社更生を自ら申立て若しくは申立てを受けた場合\r\n ⑧ 手形・小切手の不渡処分を受け、又はその他支払い不能となった場合\r\n ⑨ 当社との信頼関係が失われた場合その他当社がお客様による本サービスの利用継続を適当ではないと判断した場合\r\n2．当社は、当社が行った利用停止等の措置によりお客様に生じた損害について、当社の責に帰すべき場合を除き、一切の責任を負わないものとします。\r\n\r\n第14条（本サービスの変更・停止・廃止）\r\n1．当社は、当社が必要と判断する場合、あらかじめお客様に通知することなく、いつでも、本サービス又はアプリの全部又は一部の内容を変更することができるものとします。\r\n2．当社は、以下のいずれかに該当する場合、あらかじめお客様に通知することなく、本サービスの全部又は一部の停止又は廃止をすることができるものとします。\r\n ① アプリや関連するシステムのメンテナンス又は修理を行う場合\r\n ② 火災、停電等の事故、天災、戦争、暴動、労働争議等の不可抗力により、本サービスの提供ができなくなった場合\r\n ③ システム障害が発生した場合又はシステムに負荷が集中した場合\r\n ④ お客様若しくは第三者の安全を確保する場合又は公共の利益のために緊急を有する場合\r\n ⑤ 決済事業者から本サービスの利用停止の要請があった場合又は決済サービスの提供停止措置が取られた場合\r\n ⑥ 前各号に定めるもののほか、当社が必要と判断した場合\r\n3．前二項に起因してお客様又は第三者に何らかの損害が生じた場合であっても、当社は、当社の責めに帰すべき場合を除き、何ら責任を負わないものとします。\r\n\r\n第15条（非保証・免責等）\r\n1．当社は、アプリ等の本サービスに関わるウェブサイトに事実上又は法律上の瑕疵（安全性、信頼性、正確性、完全性、有効性、特定の目的への適合性、セキュリティなどに関する欠陥、エラーやバグ、権利侵害等を含みますが、これらに限られません。）がないことを明示的にも黙示的にも保証せず、お客様に対して、かかる瑕疵等を除去して本サービスの提供をする義務を負うものではありません。\r\n2．当社は、前項に定める瑕疵によるもののほか、アプリ等の本サービスに関わるウェブサイトの障害、不具合（アクセス過多、速度低下等を含みますがこれらに限られません。）、誤作動等が生じないことを明示的にも黙示的にも保証せず、これらによりお客様に生じた損害、不利益について、一切の責任を負わないものとします。\r\n3．当社は、本サービスの利用、お客様と利用契約者との間で成立したピックアップ商品に係る売買契約により、又はこれらに関連して、お客様と利用契約者、他のお客様その他の第三者との間において生じた取引、連絡、紛争等については、当社の責に帰すべき場合を除き、一切の責任を負わないものとします。\r\n4．利用契約者が注文を承諾したピックアップ商品をお客様に提供できない場合、提供したピックアップ商品について契約不適合があり、その他法令等違反その他ピックアップ商品の品質不良等があった場合は、利用契約者が自身の責任と費用負担においてお客様への対応を行うものとし、当社は責任を負いません。\r\n5．お客様は、自身の責任において本サービスを利用し、本サービスにおいて行った一切の行為及び結果について一切の責任を負うものとし、当社は、当社の故意又は重過失に基づく場合を除き、お客様が本サービスを利用したことに起因してお客様に生じたあらゆる損害、不利益について一切の責任を負わないものとします。ただし、お客様の損害が当社の過失（重過失を除きます。）によって発生した場合、当社は、お客様に生じた通常かつ直接の損害について、損害が発生する原因となった売買契約に基づくピックアップ商品の代金額、又は売買契約が原因となっていない場合には、当該損害が発生した月にお客様から受領したピックアップ商品の代金額を上限として、これを賠償する責任を負うものとします。\r\n6．アプリ上に表示されるピックアップ商品その他の利用契約者に係る情報は、利用契約者が提供した情報に基づくものであり、当社は、当該情報の正確性、完全性又は有用性等について保証いたしません。\r\n7．ピックアップ商品に貼付された食品表示に係るラベル及び注文番号シールは、利用契約者が貼付したものであり、当社は、これらの内容の正確性、適法性等について保証いたしません。\r\n8．お客様のご利用の端末の設定等により、ピックアップ商品の色合い等について、画面表示と実物が異なる場合があります。\r\n\r\n第16条（利用契約上の地位の譲渡等）\r\n1．お客様は、当社の書面による事前の承諾を得ることなく、本サービス利用契約上の地位又は本規約に基づく権利若しくは義務につき、第三者に対し、譲渡、移転、担保設定、その他の処分をすることはできません。\r\n2．当社は、本規約に基づくお客様との間の権利義務の全部又は一部を、お客様の同意なく、当社のグループ会社に譲渡し、又は承継させることができるものとし、お客様はあらかじめ同意したものとします。\r\n\r\n第17条（連絡方法）\r\n1．お客様は、本サービスに関し当社に連絡をする場合、当社が別途指定しない限り、以下のお問い合わせ窓口によるものとします。\r\nUP SMART ORDERお問い合わせ窓口\r\n電話番号：045-271-8090\r\n対応時間：08:30-17:30\r\n休業日：土日および祝日\r\n2．当社からのお客様に対する連絡は、アプリによる通知、お客様への電話その他の当社が適切と判断する方法により行います。\r\n\r\n第18条（適用制限）\r\n本規約の規定が本サービス利用契約に適用される法令等に反する場合、当該規定は、その限りにおいて本サービス利用契約には適用されないものとします。ただし、この場合でも、本規約の他の規定の効力には影響しないものとします。\r\n\r\n第19条（準拠法と裁判管轄）\r\n本規約及び本サービス利用契約の準拠法は日本法とします。本規約及び本サービス利用契約に起因し又は関連してお客様と当社との間に生じた一切の紛争については、横浜地方裁判所を第一審の専属的合意管轄裁判所とします。\r\n以上\r\n\r\n2021年7月13日制定\r\n`}\r\n \r\n \r\n プライバシーポリシー\r\n
\r\n \r\n
\r\n UP SMART ORDERプライバシーポリシー
\r\n\r\n {`\r\n第1条（適用範囲）\r\n1. このプライバシーポリシー（以下「本プライバシーポリシー」といいます。）は、大江電機株式会社（以下「当社」といいます。）が提供するモバイルオーダーサービスであるUP SMART ORDER（以下「本サービス」といいます。）を利用するお客様（以下「お客様」といいます。）に関する情報の取扱いについて定めたものです。なお、本サービスの利用にはLINEプライバシーポリシーも適用されます。\r\n2. 本サービスのご利用に関しては、本プライバシーポリシーの全文をお読みいただいた上で、同意の上、本サービスをご利用ください。\r\n\r\n第2条（法令等の遵守）\r\n当社は、個人情報の保護に関する法律（以下「個人情報保護法」といいます。）その他の個人情報保護に関する法令、ガイドライン、本プライバシーポリシーを遵守するとともに、個人情報（個人情報保護法第2条第1項により定義された個人情報をいいます。以下同じ。）を適法かつ適切に取り扱います。\r\n\r\n第3条（取得情報及び取得方法）\r\n本サービスにおいて当社が取得するお客様に関する情報は以下のとおりです。\r\n① お客様による入力情報\r\nお客様が本サービスをご利用される際、氏名、電話番号、生年月日、クレジットカード情報その他当社が指定する届出情報の入力をお願いする場合があります。ただし、決済は決済代行会社が行うため、当社はクレジットカード情報を取得いたしません。\r\n② お客様による本サービスの利用情報\r\nお客様が本サービスを通じて行った注文履歴等の本サービス利用に関する情報、及び本サービスの閲覧履歴等の利用状況に関する情報をクッキー等のツールを利用して取得する場合があります。\r\n③ 端末情報\r\nお客様がスマートフォンやタブレット（以下「利用端末」といいます。）上で本サービスを利用する場合、利用端末の端末情報（端末識別子、IPアドレス等）を取得する場合があります。\r\n④ 位置情報\r\nお客様がご自身で携帯電話等の設定で位置情報の送信を許可している場合に限り、お客様の位置情報を使ったサービスや最適なサービスを提供する等の目的で取得する場合があります。\r\n⑤ 第三者が運営するサービスの利用にかかる情報\r\n当社は、本サービスの実施、お客様への最適なサービス提供のために、第三者（LINE株式会社を含みますがこれに限りません。）からお客様に関する情報を受領する場合があります。\r\n⑥ お客様からのお問い合わせの際に取得する情報\r\nお客様からのお問い合わせに対する調査、返答、ご本人確認等のために、お客様からのお問い合わせに際し、氏名、電話番号、住所、メールアドレス等の情報を取得する場合があります。\r\n\r\n第4条（取得した情報の利用目的）\r\n当社は、取得したお客様に関する情報を、以下の目的で利用します。\r\n① 本サービスを提供するため\r\n② 本サービスに関する各種事項の連絡や情報提供を行うため\r\n③ 本サービスの利用に際してのお客様への連絡のため\r\n④ 商品代金の決済・請求・支払のため\r\n⑤ 本サービスに関する利用規約やプライバシーポリシー等の変更などを通知するため\r\n⑥ お問い合わせ対応のため\r\n⑦ キャンペーン・懸賞企画、アンケートの実施のため\r\n⑧ 当社の商品又はサービスの広告、宣伝のため\r\n⑨ マーケティング調査、統計、分析のため\r\n⑩ 本サービスの最適化・改善、及び新商品・新サービス・新規事業の開発のため\r\n⑪ 本サービスの利用規約に違反する態様での利用、スパム行為や不正アクセス等を防止するため\r\n⑫ 本サービス運営上のトラブルの解決のため\r\n⑬ 上記の利用目的に付随する目的のため\r\n\r\n第5条（取得した情報の利用制限）\r\n当社は、お客様からの同意を得た場合又は法令上要求若しくは許容される場合を除き、利用目的の達成に必要な範囲を超えて取得したお客様の情報を取り扱うことはありません。\r\n\r\n第6条（個人情報の適正な取得）\r\n当社は、適正に個人情報を取得し、偽りその他不正の手段により取得することはありません。\r\n\r\n第7条（個人情報の内容の正確性の確保等及び安全管理措置）\r\n1. 当社は、お客様の個人情報につき、利用目的の達成に必要な範囲内において、正確かつ最新の内容に保つとともに、利用する必要がなくなったときは、当該個人情報を遅滞なく消去するように努めます。\r\n2. 当社は、お客様の個人情報の紛失、破壊、改ざん及び漏洩などのリスクに対して、個人情報の安全管理が図られるよう、必要かつ適切な措置を講じます。\r\n3. 当社は、お客様の個人情報を従業員に取り扱わせるに当たっては、個人情報の安全管理が図られるよう、個人情報の適正な取扱いを周知徹底するとともに、適正な教育を行い、必要かつ適切な監督を行います。\r\n\r\n第8条（情報の取扱いの委託）\r\n当社は、利用目的の達成に必要な範囲内において、お客様から取得した情報（個人情報を含みます。以下同じ。）の取扱いを業務委託先に委託する場合があります。その際は、業務委託先としての適格性を十分に審査し、委託先においてお客様の情報が適切に取り扱われるよう、委託先に対する必要かつ適切な監督を行います。\r\n\r\n第9条（取得した情報の第三者提供）\r\n当社は、次に掲げる場合を除くほか、あらかじめ本人の同意を得ないで、お客様から取得した情報を第三者に提供しません。\r\n①\t本サービスの実施、改善を目的として、本サービスにおいて商品を販売提供する者（出店者）、及び商品を提供する店舗に対して、当該目的達成に必要な範囲でお客様から取得した情報を提供する場合\r\n② 将来的に当社のグループ会社（「財務諸表等の用語、様式及び作成方法に関する規則（昭和38年大蔵省令第59号）」第8条に定める「子会社」及び「関連会社」をいう。以下同じ。）に対して本サービスを移管することを目的として、当社のグループ会社に対して、当該目的達成に必要な範囲でお客様から取得した情報を提供する場合\r\n③ 法令上要求又は許容される場合\r\n\r\n第10条（取得した情報の共同利用）\r\n1． 当社は、利用目的の達成に必要な範囲で、お客様から取得した情報を、当社のグループ会社、開発会社と共同利用いたします。\r\n2． 共同利用される利用者情報は、第3条に記載された情報と同じです。\r\n3． 共同利用の目的は、第4条に記載された目的と同じです（ただし、共同利用の利用目的については、「当社」を「当社グループ会社」と、また、「本サービス」を「当社グループ会社の提供するサービス」と読み替えるものとします。）。\r\n4． 共同利用における管理責任者は、当社となります。\r\n\r\n第11条（保有個人データの開示・修正・利用停止） \r\n当社は、お客様から、個人情報保護法の定めに基づき保有個人データの開示、訂正、追加又は削除、利用の停止又は消去（以下「開示等」といいます。）を求められた場合、当社所定の方法によりお客様ご本人（又はその代理人）からの請求であることを確認した上で、遅滞なく開示等を行います。ただし、個人情報保護法その他の法令により、当社が開示等の義務を負わない場合はこの限りではありません。なお、保有個人データの一部又は全部を利用停止又は消去した場合、本サービスの提供ができなくなることがありますので、あらかじめご了承ください。\r\n\r\n第12条（お問い合わせ）\r\nお客様の情報の取扱いに関する苦情、その他のお問い合わせは、当社が別途指定しない限り、以下の窓口によるものとします。\r\nUP SMART ORDERお問い合わせ窓口\r\n電話番号：045-271-8090\r\n対応時間：08:30-17:30\r\n休業日：土日および祝日\r\n\r\n第13条（改定）\r\n当社は、法令の改正その他必要に応じ、本プライバシーポリシーの内容を随時改定することがあります。重要な変更に当たっては、お客様に対して改定内容をお知らせします。\r\n\r\n【個人情報取扱事業者】\r\n大江電機株式会社\r\n横浜市南区前里町1-9\r\n以上\r\n\r\n改定\r\n2021年7月13日\r\n`}\r\n \r\n \n \n About\n
\n \n \n ハマスタ\n
\n モバイルオーダーってなに？\n
\n\n \n モバイルオーダーってなに？\n
\n 
\n
\n \n スマホで注文。\n
\n スムーズに受け取り！\n
\n \n スムーズに受け取り！\n
\n HaMaMo!（ハマスタモバイルオーダー）は、ハマスタオリジナルフードを、スマホでオーダーして、完成通知を受信後に、受け取りに行くだけの便利なオーダーシステムです。\n
\n \n 通知用のメールアドレスと電話番号を用意するだけで、すぐにご利用いただけます。\n
\n \n 
\n
\n \n
\n \n \n {i18n.t('BUTTON_ORDER_2')}\n \n
\n \n\n \n \n Account\n
\n \n DeNAアカウントについて
\n\n \n DeNAアカウントでログインすると、電話番号、通知用メールアドレスに、アカウントに登録されている情報が自動で入力されます\n
\n\n BlueMates会員の方
\n\n \n BlueMates会員の方は、ログインして1000円以上の金額でご注文いただくことで、STARを獲得できます。DeNAアカウントでログインしてご利用ください\n
※ BAYSTARS IDの手動入力連携機能はありません\n
\n\n ※ BAYSTARS IDの手動入力連携機能はありません\n
\n \n DeNAアカウントについて\n \n
\n \n \n How to use\n
\n \n \n HaMaMo!（ハマスタモバイルオーダー）の使い方\n
\n\n \n STEP 1\n
\n 商品を選択する
\n \n 
\n
\n 商品を選択して、カートに入れます
\n \n 
\n
\n\n \n STEP 2\n
\n \n メールアドレス・電話番号を\n
\n 登録して、決済！\n
\n \n 登録して、決済！\n
\n 
\n
\n \n 通知用メールアドレスと電話番号を入力し、決済方法を選んで購入します\n
\n ※DeNAアカウントでログインしていただくことで、電話番号・メールアドレスは、DeNAアカウントの会員情報が自動で入力されます\n
\n \n ※DeNAアカウントでログインしていただくことで、電話番号・メールアドレスは、DeNAアカウントの会員情報が自動で入力されます\n
\n \n
\n\n \n STEP 3\n
\n \n 完成通知を受信したらお店で\n
\n 商品を受け取りましょう！\n
\n \n 商品を受け取りましょう！\n
\n 
\n
\n \n 完成通知が来たら、店頭で番号を見せて商品を受け取りましょう！\n
\n \n
\n \n \n {i18n.t('BUTTON_ORDER_2')}\n \n
\n \n \n Settlement\n
\n \n \n HaMaMo!（ハマスタモバイルオーダー）では、キャッシュレスでの決済になります。以下の方法で決済が可能です。\n
\n\n \n \n
\n\n \n \n HaMaMo!利用者アンケート\n
\n ご回答にご協力ください\n \n
\n \n ご回答にご協力ください\n \n
\n this.setState({ ...this.state, dialogIsOpen: !this.state.dialogIsOpen })}\n >\n
\n \n \n About\n
\n \n \n HaMaMo!\n
\n ベイダイヤモンド・シートって何？\n
\n\n \n ベイダイヤモンド・シートって何？\n
\n 
\n
\n\n \n HaMaMo! ベイダイヤモンド・シートは、ベイダイヤモンド・シート専用モバイルオーダーサービスです。\n スマホでオーダーして、座席で待つだけの便利なオーダーシステムです\n
\n \n 座席に掲載しているQRコードを読み取ることで、すぐに利用いただけます。\n
\n \n 
\n
\n \n
\n \n \n {i18n.t('BUTTON_ORDER_2')}\n \n
\n \n\n \n \n Account\n
\n \n DeNAアカウントについて
\n\n \n DeNAアカウントでログインすると、電話番号、通知用メールアドレスに、アカウントに登録されている情報が自動で入力されます\n
\n\n BlueMates会員の方
\n\n \n BlueMates会員の方は、ログインして1000円以上の金額でご注文いただくことで、STARを獲得できます。DeNAアカウントでログインしてご利用ください\n
※ BAYSTARS IDの手動入力連携機能はありません\n
\n\n ※ BAYSTARS IDの手動入力連携機能はありません\n
\n \n DeNAアカウントについて\n \n
\n \n \n How to use\n
\n \n \n HaMaMo! ベイダイヤモンド・シートの使い方\n
\n\n \n STEP 1\n
\n \n 座席のQRコードから\n
\n 注文サイトへアクセス\n
\n \n 注文サイトへアクセス\n
\n 
\n
\n \n 座席のQRコードから注文サイトへアクセスし、商品を選択して、カートに入れます\n
\n \n \n
\n\n \n STEP 2\n
\n \n 座席情報・メールアドレス・電話番号を\n
\n 登録して、決済！\n
\n \n 登録して、決済！\n
\n 
\n
\n \n 座席情報、通知用メールアドレス、電話番号を入力し、決済方法を選んで購入します\n
\n \n ※座席情報は座席のQRコードからアクセスした場合、自動で入力されております。誤りがないか確認し、誤りがある場合は手動で修正をお願いします\n
\n ※DeNAアカウントでログインしていただくことで、電話番号・メールアドレスは、DeNAアカウントの会員情報が自動で入力されます\n
\n \n ※DeNAアカウントでログインしていただくことで、電話番号・メールアドレスは、DeNAアカウントの会員情報が自動で入力されます\n
\n \n
\n\n \n STEP 3\n
\n \n 完成通知を受信したら座席で\n
\n 商品を受け取りましょう！\n
\n \n 商品を受け取りましょう！\n
\n 
\n
\n \n 完成通知が来たら、商品をお席にお持ちいたします。受取番号を見せて、注文内容を確認のうえ、お受け取りください！\n
\n \n
\n \n \n {i18n.t('BUTTON_ORDER_2')}\n \n
\n \n \n Settlement\n
\n \n \n HaMaMo! ベイダイヤモンド・シートでは、キャッシュレスでの決済になります。以下の方法で決済が可能です。\n
\n\n \n \n
\n\n {/* \n \n 利用者アンケート\n
\n ご回答にご協力ください\n \n
*/}\n \n ご回答にご協力ください\n \n
\n this.setState({ ...this.state, dialogIsOpen: !this.state.dialogIsOpen })}\n >\n
\n \n \n About\n
\n \n \n \n
\n\n \n ハマスタ座席お届けサービスは、ご注文いただいた商品をお客様のお席までお届けするデリバリーサービスです。オリジナルフードを中心に、様々な商品をお届けいたします。\n
\n \n
\n \n \n {i18n.t('BUTTON_ORDER_2')}\n \n
\n\n \n ※注文に進めない方は、登録状況や利用条件などを\n \n BAYSTARS STAR GUIDE\n \n からご確認ください。\n
\n
\n \n\n \n
\n \n Account\n
\n \n DeNAアカウントについて
\n\n \n DeNAアカウントでログインすると、電話番号、通知用メールアドレスに、アカウントに登録されている情報が自動で入力されます\n
\n\n BlueMates会員の方
\n\n \n BlueMates会員の方は、ログインして1000円以上の金額でご注文いただくことで、STARを獲得できます。DeNAアカウントでログインしてご利用ください\n
※ BAYSTARS IDの手動入力連携機能はありません\n
\n\n ※ BAYSTARS IDの手動入力連携機能はありません\n
\n \n DeNAアカウントについて\n \n
\n \n \n How to use\n
\n \n \n ハマスタ座席お届けサービスの使い方\n
\n\n \n ハマスタ座席お届けサービスは、BAYSTARS STAR GUIDE\n に当日のサービス対象座席の電子チケットを登録している方のみ利用可能です。BAYSTARS STAR\n GUIDEで、詳細をご確認ください\n
\n\n \n\n \n STEP 1\n
\n \n BAYSTARS STAR GUIDEから\n
\n 注文サイトへアクセス\n
\n \n 注文サイトへアクセス\n
\n \n
\n\n \n BAYSTARS STAR GUIDEを開いて、ハマスタ座席お届けサービス画面から、注文サイトへアクセスします。\n
\n 注文サイトで商品を選択して、カートに入れます\n
\n \n 注文サイトで商品を選択して、カートに入れます\n
\n \n
\n\n \n STEP 2\n
\n \n 座席情報をご確認いただき、\n
\n メールアドレス・電話番号を登録して、決済します\n
\n \n メールアドレス・電話番号を登録して、決済します\n
\n \n
\n \n 通知用メールアドレス、電話番号を入力し、決済方法を選んで購入します\n
\n ※座席情報は、BAYSTARS STAR GUIDEに登録している電子チケット情報が自動で反映されます。編集は不可です\n
\n \n ※座席情報は、BAYSTARS STAR GUIDEに登録している電子チケット情報が自動で反映されます。編集は不可です\n
\n ※DeNAアカウントでログインしていただくことで、電話番号・メールアドレスは、DeNAアカウントの会員情報が自動で入力されます\n
\n \n \n
\n\n \n STEP 3\n
\n \n 完成通知を受け取ったら、座席で商品を待ちましょう！\n
\n \n \n
\n \n 完成通知メール送信後、スタッフが商品をお席にお持ちいたします。離席されている方は、確実に着席していただくようお願いします。受取番号を見せて、注文内容を確認のうえ、お受け取りください！\n
\n \n
\n \n \n {i18n.t('BUTTON_ORDER_2')}\n \n
\n\n \n ※注文に進めない方は、登録状況や利用条件などを\n \n BAYSTARS STAR GUIDE\n \n からご確認ください。\n
\n
\n \n
\n \n Settlement\n
\n \n \n 本サービスは、キャッシュレスでの決済になります。以下の方法で決済が可能です。\n
\n\n \n \n
\n\n {/* \n \n 利用者アンケート\n
\n ご回答にご協力ください\n \n
*/}\n \n ご回答にご協力ください\n \n
\n this.setState({ ...this.state, dialogIsOpen: !this.state.dialogIsOpen })}\n >\n
\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(withTranslation()(ServiceUnavailable));\r\n","import { createBrowserHistory } from 'history';\r\n\r\nconst history = createBrowserHistory();\r\nexport default history;\r\n","import React, { Component } from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { Snackbar } from '@mui/material';\r\n\r\n@inject('commonStore')\r\n@observer\r\nclass CustomSnackbar extends Component {\r\n handleCloseSnackbar = () => {\r\n this.props.commonStore.setSnackbar(false);\r\n };\r\n\r\n render() {\r\n const { commonStore } = this.props;\r\n return (\r\n \r\n 
\r\n
\r\n {t('ERROR_SERVICE_UNAVAILABLE')}
\r\n\r\n
\r\n\r\n \r\n モバイルオーダー休業中\r\n
\r\n\r\n \r\n ただいま、モバイルオーダーは営業しておりません。他の営業店舗をご利用ください。\r\n
\r\n\r\n \r\n 
\r\n スケジュールはこちら\r\n
\r\n \n \n \n \n\n {t('MESSAGE_QR_DESCRIPTION')} \n \n
\n\n {/* \n
\n\n {this.state.checkWaiting === '2' && (\n <>\n 準備中
\n\n \n ただいま、準備中です。\n
\n しばらくお待ちいただいてからアクセスしてください。\n
\n \n )}\n {this.state.checkWaiting === '3' && (\n <>\n \n しばらくお待ちいただいてからアクセスしてください。\n
オーダー受付停止中
\n \n ただいま、新規注文を受け付けておりません。他の営業店舗をご利用ください。\n
\n \n \n スケジュールはこちら\n \n
\n \n )}\n - \n
\n \n \n {t('BUTTON_PAYMENT_INFO')}\n \n \n
\n \n \n {t('ALERT_NO_ORDER_HISTORY')}\n \n )}\n
\n \n \n
\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n return this.props.children;\r\n }\r\n}\r\n\r\nexport default ErrorBoundary;\r\n","import React, { Component } from 'react';\r\nimport { observer, inject } from 'mobx-react';\r\nimport { Router } from 'react-router';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport './App.css';\r\nimport { CssBaseline } from '@mui/material';\r\nimport { ThemeProvider, StyledEngineProvider, createTheme } from '@mui/material/styles';\r\nimport {\r\n Main,\r\n Menu,\r\n Cart,\r\n Order,\r\n LiteOrder,\r\n Payment,\r\n OrderComplete,\r\n OrderDetail,\r\n UserOrderStores,\r\n UserGuide,\r\n Terms,\r\n Privacy,\r\n ServiceUnavailable,\r\n Join,\r\n Top,\r\n TopBayDiamond,\r\n TopDelivery,\r\n} from './components';\r\nimport i18n from 'i18next';\r\nimport history from './History';\r\nimport Snackbar from './components/common/CustomSnackbar';\r\nimport liff from '@line/liff/dist/lib';\r\nimport ScrollToTop from './ScrollToTop';\r\nimport PaymentError from './components/errors/PaymentError';\r\nimport Preparing from './components/errors/Preparing';\r\nimport QrOrder from './components/qr-order/QrOrder';\r\nimport Waiting from './components/errors/Waiting';\r\nimport OrderLookup from './components/orderComplete/OrderLookup';\r\nimport ErrorBoundary from './components/errors/ErrorBoundary';\r\n\r\n@inject('commonStore', 'menuStore', 'cartStore', 'userStore')\r\n@observer\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n code: '',\r\n state: '',\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n /**\r\n * localhost\r\n * dev.upsolution.co.kr\r\n * dev.mobileorder.yokohama-stadium.co.jp\r\n * mobileorder.yokohama-stadium.co.jp\r\n * dev.baydiamond.mobileorder.yokohama-stadium.co.jp\r\n * baydiamond.mobileorder.yokohama-stadium.co.jp\r\n * dev.delivery.mobileorder.yokohama-stadium.co.jp\r\n * delivery.mobileorder.yokohama-stadium.co.jp\r\n */\r\n const hostname = window.location.hostname;\r\n let companyId = '';\r\n let storeCode = '';\r\n\r\n switch (hostname) {\r\n case 'localhost':\r\n // take out 매장\r\n companyId = 'yokohama01';\r\n // storeCode = '1002'; // 일반매장\r\n // storeCode = '1003'; // bayDiamondd 매장\r\n storeCode = '1004'; // delivery order 매장\r\n break;\r\n case 'dev.upsolution.co.kr':\r\n companyId = 'yokohama01';\r\n // storeCode = '1002'; // 일반매장\r\n storeCode = '1003'; // bayDiamond 매장\r\n // storeCode = '1004'; // delivery order 매장\r\n break;\r\n case 'dev.mobileorder.yokohama-stadium.co.jp':\r\n companyId = 'ys1013';\r\n storeCode = '1001';\r\n break;\r\n case 'mobileorder.yokohama-stadium.co.jp':\r\n companyId = 'ys0100';\r\n storeCode = '1021';\r\n break;\r\n case 'dev.baydiamond.mobileorder.yokohama-stadium.co.jp':\r\n companyId = 'ys3000';\r\n storeCode = '1001';\r\n break;\r\n case 'baydiamond.mobileorder.yokohama-stadium.co.jp':\r\n companyId = 'ys0300';\r\n storeCode = '1007';\r\n break;\r\n case 'dev.delivery.mobileorder.yokohama-stadium.co.jp':\r\n companyId = 'ys1013';\r\n storeCode = '1002';\r\n break;\r\n case 'delivery.mobileorder.yokohama-stadium.co.jp': // 아직 모름\r\n companyId = 'ys0100';\r\n storeCode = '1019';\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n // 매장이 각 유형별로 하나인 것을 전제로 매장코드 없이 들어오면 무조건 매장코드를 설정한다.\r\n await this.props.commonStore.setData(companyId, storeCode);\r\n\r\n // 로컬스토리지에 매장 유형 / seat token 저장\r\n await this.props.userStore.setUserDataFromLocalStorage();\r\n this.props.userStore.userData.deliveryType = this.props.commonStore.deliveryType;\r\n this.props.userStore.saveUserData();\r\n\r\n // fovicon / 모바일기기 바로가기 만들때의 명칭 정의\r\n if (this.props.userStore.userData.deliveryType === '1') {\r\n let icon1 = document.querySelector(\"link[rel~='apple-touch-icon']\");\r\n let icon2 = document.querySelector(\"link[rel~='icon']\");\r\n let description = document.querySelector(\"meta[name~='description']\");\r\n let title = document.querySelector('title');\r\n\r\n document.head.removeChild(icon1);\r\n document.head.removeChild(icon2);\r\n document.head.removeChild(description);\r\n document.head.removeChild(title);\r\n\r\n icon1 = document.createElement('link');\r\n icon1.rel = 'apple-touch-icon';\r\n icon1.href = '/logo_160.png';\r\n document.getElementsByTagName('head')[0].appendChild(icon1);\r\n\r\n icon2 = document.createElement('link');\r\n icon2.rel = 'shortcut icon';\r\n icon2.href = '/logo_160.png';\r\n document.getElementsByTagName('head')[0].appendChild(icon2);\r\n\r\n description = document.createElement('meta');\r\n description.name = 'description';\r\n description.content = 'HaMaMo!ベイダイヤモンド・シート';\r\n document.getElementsByTagName('head')[0].appendChild(description);\r\n\r\n title = document.createElement('title');\r\n title.text = 'HaMaMo!ベイダイヤモンド・シート';\r\n document.getElementsByTagName('head')[0].appendChild(title);\r\n } else if (this.props.userStore.userData.deliveryType === '2') {\r\n let icon1 = document.querySelector(\"link[rel~='apple-touch-icon']\");\r\n let icon2 = document.querySelector(\"link[rel~='icon']\");\r\n let description = document.querySelector(\"meta[name~='description']\");\r\n let title = document.querySelector('title');\r\n\r\n document.head.removeChild(icon1);\r\n document.head.removeChild(icon2);\r\n document.head.removeChild(description);\r\n document.head.removeChild(title);\r\n\r\n icon1 = document.createElement('link');\r\n icon1.rel = 'apple-touch-icon';\r\n icon1.href = '/logo_160_2.png';\r\n document.getElementsByTagName('head')[0].appendChild(icon1);\r\n\r\n icon2 = document.createElement('link');\r\n icon2.rel = 'shortcut icon';\r\n icon2.href = '/logo_160_2.png';\r\n document.getElementsByTagName('head')[0].appendChild(icon2);\r\n\r\n description = document.createElement('meta');\r\n description.name = 'description';\r\n description.content = 'ハマスタ座席お届けサービス';\r\n document.getElementsByTagName('head')[0].appendChild(description);\r\n\r\n title = document.createElement('title');\r\n title.text = 'ハマスタ座席お届けサービス';\r\n document.getElementsByTagName('head')[0].appendChild(title);\r\n }\r\n\r\n if (liff.isInClient()) {\r\n liff.init({ liffId: process.env.REACT_APP_LINE_LIFF_ID });\r\n }\r\n }\r\n\r\n withExtraProps(Component) {\r\n if (this.props.userStore.userData.deliveryType === '0') {\r\n return props => \r\n 
\r\n
\r\n\r\n {/** 메뉴 아이콘 버튼 */}\r\n \r\n
\r\n\r\n \r\n ただいま、サービスにアクセスできません\r\n
\r\n\r\n \r\n
\r\n\r\n ただいま、サービスにアクセスできません。
\r\n\r\n \r\n 申し訳ございませんが、しばらくお待ちいただいてから、再度ページにアクセスください。\r\n
\r\n \r\n \r\n モバイルオーダーについて\r\n
\r\n